@alauda/ui 6.5.4-beta.9 → 6.5.4

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 (54) hide show
  1. package/autocomplete/autocomplete.directive.d.ts +2 -1
  2. package/esm2020/accordion/accordion-item/accordion-item.component.mjs +3 -3
  3. package/esm2020/autocomplete/autocomplete.component.mjs +3 -3
  4. package/esm2020/autocomplete/autocomplete.directive.mjs +21 -16
  5. package/esm2020/autocomplete/suggestion/suggestion.component.mjs +6 -4
  6. package/esm2020/autocomplete/suggestion-group/suggestion-group.component.mjs +2 -2
  7. package/esm2020/back-top/back-top.component.mjs +2 -2
  8. package/esm2020/breadcrumb/breadcrumb.component.mjs +2 -2
  9. package/esm2020/button/button.component.mjs +2 -2
  10. package/esm2020/card/card.component.mjs +2 -2
  11. package/esm2020/card/section.component.mjs +2 -2
  12. package/esm2020/checkbox/checkbox.component.mjs +2 -2
  13. package/esm2020/color-picker/color-picker.component.mjs +2 -2
  14. package/esm2020/date-picker/calendar/date-picker-panel/component.mjs +2 -2
  15. package/esm2020/date-picker/calendar/header/component.mjs +2 -2
  16. package/esm2020/date-picker/calendar/panel/picker-panel.mjs +2 -2
  17. package/esm2020/date-picker/calendar/range-picker-panel/component.mjs +2 -2
  18. package/esm2020/date-picker/trigger/trigger.component.mjs +2 -2
  19. package/esm2020/dialog/confirm-dialog/confirm-dialog.component.mjs +2 -2
  20. package/esm2020/dialog/dialog.component.mjs +3 -3
  21. package/esm2020/drawer/component/drawer.component.mjs +2 -2
  22. package/esm2020/form/form-item/form-item.component.mjs +2 -2
  23. package/esm2020/icon/icons.mjs +2 -2
  24. package/esm2020/inline-alert/inline-alert.component.mjs +2 -2
  25. package/esm2020/input/input-group/input-group.component.mjs +2 -2
  26. package/esm2020/input/input.component.mjs +2 -2
  27. package/esm2020/input/number-input/number-input.component.mjs +2 -2
  28. package/esm2020/input/tags-input/tags-input.component.mjs +2 -2
  29. package/esm2020/message/message.component.mjs +3 -3
  30. package/esm2020/notification/notification.component.mjs +3 -3
  31. package/esm2020/paginator/paginator.component.mjs +2 -2
  32. package/esm2020/radio/radio-button/radio-button.component.mjs +2 -2
  33. package/esm2020/radio/radio.component.mjs +2 -2
  34. package/esm2020/select/multi-select/multi-select.component.mjs +2 -2
  35. package/esm2020/select/option/option.component.mjs +2 -2
  36. package/esm2020/select/option-group/option-group.component.mjs +2 -2
  37. package/esm2020/steps/steps.component.mjs +2 -2
  38. package/esm2020/table/table.component.mjs +2 -2
  39. package/esm2020/tabs/tab-header.component.mjs +2 -2
  40. package/esm2020/tag/check-tag/check-tag.component.mjs +2 -2
  41. package/esm2020/tag/tag.component.mjs +2 -2
  42. package/esm2020/time-picker/panel/panel.component.mjs +2 -2
  43. package/esm2020/tooltip/tooltip.component.mjs +2 -2
  44. package/esm2020/tree-select/tree-select.component.mjs +12 -14
  45. package/fesm2015/alauda-ui.mjs +114 -109
  46. package/fesm2015/alauda-ui.mjs.map +1 -1
  47. package/fesm2020/alauda-ui.mjs +114 -109
  48. package/fesm2020/alauda-ui.mjs.map +1 -1
  49. package/icon/icons.d.ts +1 -1
  50. package/package.json +1 -1
  51. package/theme/_mixin.scss +8 -6
  52. package/theme/_theme-preset.scss +3 -0
  53. package/theme/style.css +8 -1
  54. package/tree-select/tree-select.component.d.ts +1 -2
package/fesm2020/alauda-ui.mjs CHANGED
@@ -227,7 +227,7 @@ function watchContentExist(queryList) {
227
227
  return queryList.changes.pipe(startWith(queryList), map((list) => !!list.length), publishRef());
228
228
  }
229
229
 
230
- const auiIcons = '<svg><symbol id="aui-icon-link_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m22.656 407.936A76.8 76.8 0 0 0 427.52 406.4l-1.536 1.472L254.08 579.84a76.8 76.8 0 0 0-1.472 107.072l1.472 1.536 81.472 81.472a76.8 76.8 0 0 0 107.136 1.472l1.472-1.472 81.472-81.472-54.272-54.336-81.472 81.472-81.472-81.472 171.968-171.968 49.792 49.792 54.272-54.336-49.728-49.728z m153.856-153.92a76.8 76.8 0 0 0-107.136-1.472l-1.472 1.472-81.472 81.472 54.272 54.336L634.24 308.352l81.472 81.472-171.968 171.968L493.888 512l-54.272 54.336 49.728 49.728a76.8 76.8 0 0 0 107.136 1.472l1.536-1.472L769.92 444.16a76.8 76.8 0 0 0 1.472-107.072l-1.472-1.536-81.472-81.472z" ></path></symbol><symbol id="aui-icon-xmark" viewBox="0 0 1024 1024"><path d="M837.44 908.48L512.192 581.952 186.56 908.8 115.2 837.12l325.632-326.784-322.304-323.52L189.888 115.2l322.304 323.456 321.92-323.136 71.36 71.68-321.92 323.136 325.248 326.464z" ></path></symbol><symbol id="aui-icon-circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 89.6a422.4 422.4 0 1 0 0 844.8A422.4 422.4 0 0 0 512 89.6z" ></path></symbol><symbol id="aui-icon-angles_right" viewBox="0 0 1024 1024"><path d="M514.24 893.12l-63.36-63.36 316.8-316.8-316.8-316.8 63.36-63.36 380.16 380.16-380.16 380.16z m-275.2 0l-63.36-63.36 316.8-316.8-316.8-316.8 63.36-63.36 380.16 380.16-380.16 380.16z" ></path></symbol><symbol id="aui-icon-angles_up" viewBox="0 0 1024 1024"><path d="M893.12 540.16l-63.36 63.36-316.8-316.8-316.8 316.8-63.36-63.36 380.16-380.16 380.16 380.16z m0 275.2l-63.36 63.36-316.8-316.8-316.8 316.8-63.36-63.36 380.16-380.16 380.16 380.16z" ></path></symbol><symbol id="aui-icon-angles_left" viewBox="0 0 1024 1024"><path d="M509.76 893.12l63.36-63.36-316.8-316.8 316.8-316.8-63.36-63.36-380.16 380.16 380.16 380.16z m275.2 0l63.36-63.36-316.8-316.8 316.8-316.8-63.36-63.36-380.16 380.16 380.16 380.16z" ></path></symbol><symbol id="aui-icon-ban_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8z m251.776 237.696a320 320 0 0 1-449.28 449.28l449.28-449.28zM512 192c74.56 0 143.104 25.472 197.504 68.224l-449.28 449.28A320 320 0 0 1 512 192z" ></path></symbol><symbol id="aui-icon-lock_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 192a128 128 0 0 0-128 125.824V384h-51.2A76.8 76.8 0 0 0 256 458.88v264.32a76.8 76.8 0 0 0 74.88 76.8h360.32a76.8 76.8 0 0 0 76.8-74.88V460.8A76.8 76.8 0 0 0 693.12 384H640V320a128 128 0 0 0-125.824-128H512z m0 352a38.4 38.4 0 0 1 38.4 38.4v83.2a38.4 38.4 0 0 1-76.8 0V582.4a38.4 38.4 0 0 1 38.4-38.4z m0-275.2h1.6a51.2 51.2 0 0 1 49.6 49.6V384H460.8V318.4A51.2 51.2 0 0 1 512 268.8z" ></path></symbol><symbol id="aui-icon-trash_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0zM352 409.6h-64v328.384A96 96 0 0 0 384 832h257.984a96 96 0 0 0 94.016-96V409.6h-64v327.808A32 32 0 0 1 640 768H382.592a32 32 0 0 1-30.592-32V409.6z m128 64h-64v224h64V473.6z m128 0h-64v224h64V473.6zM512 185.6a108.8 108.8 0 0 0-108.416 99.392L403.2 294.4 224 294.4v64h576v-64l-179.264-0.064v-1.984A108.8 108.8 0 0 0 512 185.6z m0 64a44.8 44.8 0 0 1 44.416 38.72l0.32 6.016H467.2v-1.472A44.8 44.8 0 0 1 512 249.6z" ></path></symbol><symbol id="aui-icon-rotate" viewBox="0 0 1024 1024"><path d="M437.632 588.8l-87.296 86.272 2.368 2.368C396.928 720 448.64 742.4 515.2 742.4c103.808 0 186.24-52.096 221.696-141.248l4.48-12.352H832l-1.088 4.16C794.688 730.56 665.408 832 515.2 832a323.84 323.84 0 0 1-217.344-83.136l-11.2-10.56L192 832V588.8h245.632zM832 192v243.2H586.368l87.296-86.272-2.368-2.368C627.072 304 575.36 281.6 508.8 281.6c-103.808 0-186.24 52.096-221.696 141.248l-4.48 12.352H192l1.088-4.16C229.312 293.504 358.592 192 508.8 192a323.84 323.84 0 0 1 217.344 83.136l11.2 10.624L832 192z" ></path></symbol><symbol id="aui-icon-bell" viewBox="0 0 1024 1024"><path d="M658.688 921.6a160 160 0 0 1-293.376 0h293.376zM515.2 0a150.4 150.4 0 0 1 150.4 147.904v4.352a323.2 323.2 0 0 1 172.8 286.144v222.592l52.416 119.808h56.384v76.8H76.8v-76.8h61.632L192 653.44V438.4a323.2 323.2 0 0 1 172.8-286.144V150.4A150.4 150.4 0 0 1 515.2 0z m0 76.8a73.6 73.6 0 0 0-73.152 65.664L441.6 150.4v48.192l-40.96 21.568a246.336 246.336 0 0 0-131.456 204.352L268.8 438.4v230.528L221.696 780.8h585.28l-45.376-103.68V438.4a246.272 246.272 0 0 0-119.936-211.52L629.76 220.16l-40.704-21.44L588.8 149.12A73.6 73.6 0 0 0 515.2 76.8z" ></path></symbol><symbol id="aui-icon-actual_size" viewBox="0 0 1024 1024"><path d="M32 192h198.4l-0.064 563.136L352 755.2V832h-320v-76.8l121.6-0.064V268.8H32V192z m838.4 563.136l121.6 0.064V832h-320v-76.8l121.536-0.064V268.8H672V192h198.4v563.136zM563.2 576v102.4H460.8V576h102.4z m0-230.4V448H460.8V345.6h102.4z" ></path></symbol><symbol id="aui-icon-ellipsis_s" viewBox="0 0 1024 1024"><path d="M230.4 512A115.2 115.2 0 1 1 0 512a115.2 115.2 0 0 1 230.4 0z m396.8 0a115.2 115.2 0 1 1-230.4 0 115.2 115.2 0 0 1 230.4 0z m281.6 115.2a115.2 115.2 0 1 0 0-230.4 115.2 115.2 0 0 0 0 230.4z" ></path></symbol><symbol id="aui-icon-calendar" viewBox="0 0 1024 1024"><path d="M352 64v128h320V64H768v128h115.2A76.8 76.8 0 0 1 960 268.8v614.4a76.8 76.8 0 0 1-76.8 76.8H140.8A76.8 76.8 0 0 1 64 883.2V268.8A76.8 76.8 0 0 1 140.8 192H256V64h96z m531.2 396.8H140.8v422.4h742.4V460.8zM768 576v96h-96V576H768z m115.2-307.2H140.8V384h742.4V268.8z" ></path></symbol><symbol id="aui-icon-clock" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8z m51.2 140.8v384h-320V512h230.4V217.6h89.6z" ></path></symbol><symbol id="aui-icon-ellipsis_v_s" viewBox="0 0 1024 1024"><path d="M512 793.6A115.2 115.2 0 1 1 512 1024a115.2 115.2 0 0 1 0-230.4z m0-396.8a115.2 115.2 0 1 1 0 230.4 115.2 115.2 0 0 1 0-230.4z m115.2-281.6a115.2 115.2 0 1 0-230.4 0 115.2 115.2 0 0 0 230.4 0z" ></path></symbol><symbol id="aui-icon-computer" viewBox="0 0 1024 1024"><path d="M883.2 102.4A76.8 76.8 0 0 1 960 179.2v486.4a76.8 76.8 0 0 1-76.8 76.8H550.4v102.4H473.6v-102.4H140.8A76.8 76.8 0 0 1 64 665.6V179.2a76.8 76.8 0 0 1 76.8-76.8h742.4z m0 76.8H140.8v486.4h742.4V179.2zM256 844.8h512v76.8H256v-76.8z" ></path></symbol><symbol id="aui-icon-copy" viewBox="0 0 1024 1024"><path d="M524.8 192L768 435.2v512a76.8 76.8 0 0 1-74.88 76.8H140.8A76.8 76.8 0 0 1 64 947.2V266.88A76.8 76.8 0 0 1 138.88 192H524.8zM448 435.2V268.8H140.8v678.4h550.4V512H524.8A76.8 76.8 0 0 1 448 435.2zM716.8 0L960 243.2v513.92A76.8 76.8 0 0 1 885.12 832h-40.32v-76.8h38.4V275.008L684.992 76.8H332.8v38.4H256v-40.32A76.8 76.8 0 0 1 330.88 0h385.92z m-192 300.608V435.2h134.592L524.8 300.608z" ></path></symbol><symbol id="aui-icon-file_magnifier" viewBox="0 0 1024 1024"><path d="M585.6 0L896 313.6V576h-76.8V352H531.2V76.8H204.8v870.4h313.6V1024H204.8A76.8 76.8 0 0 1 128 947.2V76.8A76.8 76.8 0 0 1 204.8 0h380.8z m280.768 700.928c53.12 53.12 61.12 134.336 23.872 195.84l71.168 71.168-54.272 54.272-71.168-71.104a160.064 160.064 0 1 1 30.4-250.24z m-171.968 54.272a83.2 83.2 0 1 0 117.696 117.696A83.2 83.2 0 0 0 694.4 755.2zM576 588.8v76.8H320V588.8h256zM704 448v76.8H320V448h384zM608 137.536V275.2h137.728L608 137.536z" ></path></symbol><symbol id="aui-icon-file" viewBox="0 0 1024 1024"><path d="M585.6 0L896 313.6v633.6a76.8 76.8 0 0 1-76.8 76.8H204.8A76.8 76.8 0 0 1 128 947.2V76.8A76.8 76.8 0 0 1 204.8 0h380.8zM531.2 76.8H204.8v870.4h614.4V352H531.2V76.8zM704 729.6v76.8H320v-76.8h384z m0-140.8v76.8H320V588.8h384zM576 448v76.8H320V448h256z m32-310.464V275.2h137.728L608 137.536z" ></path></symbol><symbol id="aui-icon-folder" viewBox="0 0 1024 1024"><path d="M1024 883.2a76.8 76.8 0 0 1-76.8 76.8H76.8A76.8 76.8 0 0 1 0 883.2V140.8A76.8 76.8 0 0 1 76.8 64H512a76.8 76.8 0 0 1 61.44 30.72L646.4 192h300.8A76.8 76.8 0 0 1 1024 268.8v614.4zM947.2 448H76.8v435.2h870.4V448zM512 140.8H76.8v230.4h870.4V268.8H608L512 140.8z" ></path></symbol><symbol id="aui-icon-full_size" viewBox="0 0 1024 1024"><path d="M140.8 768v115.2H256V960H140.8A76.8 76.8 0 0 1 64 883.2V768h76.8zM960 768v115.2a76.8 76.8 0 0 1-76.8 76.8H768v-76.8h115.2V768H960z m-128-512v512H192V256h640z m-76.8 76.8H268.8v358.4h486.4V332.8zM256 64v76.8H140.8V256H64V140.8A76.8 76.8 0 0 1 140.8 64H256z m627.2 0A76.8 76.8 0 0 1 960 138.88V256h-76.8V140.8H768V64h115.2z" ></path></symbol><symbol id="aui-icon-lang_en" viewBox="0 0 1024 1024"><path d="M883.2 64A76.8 76.8 0 0 1 960 140.8v742.4a76.8 76.8 0 0 1-76.8 76.8H140.8A76.8 76.8 0 0 1 64 883.2V140.8A76.8 76.8 0 0 1 140.8 64h742.4z m0 76.8H140.8v742.4h742.4V140.8zM480 313.6v76.8H300.8v83.2h179.2v76.8H300.8v83.2h179.2v76.8h-256V313.6h256z m115.2 38.4v53.76a140.8 140.8 0 0 1 204.8 125.44v179.2h-76.8V531.2a64 64 0 0 0-62.208-64H659.2a64 64 0 0 0-64 62.208V710.4H518.4V352h76.8z" ></path></symbol><symbol id="aui-icon-hourglass_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m256 256H256v64l37.568 0.064c26.368 108.8 80.32 172.8 161.856 192-76.032 18.432-128.32 76.8-156.992 175.104l-4.608 16.768L256 704v64h512v-64l-37.824-0.064c-27.52-108.416-81.344-172.416-161.6-191.808 77.44-18.304 129.984-76.992 157.696-176.064l4.16-16L768 320V256zM508.544 556.8c57.92 0 100.096 22.272 126.464 66.88l5.44 9.92h-259.2l4.864-9.92C409.792 579.072 450.56 556.8 508.544 556.8zM672 320a153.6 153.6 0 0 1-11.328 43.008c-4.864 12.288-10.368 23.04-16.384 32.448l-6.208 8.896-252.8 0.128c-5.44-3.712-12.16-15.616-20.224-35.648-6.4-16-10.496-29.632-12.224-40.832L352 320h320z" ></path></symbol><symbol id="aui-icon-folder_open" viewBox="0 0 1024 1024"><path d="M945.15264 448a76.8 76.8 0 0 1 74.624 95.168l-88.32 358.4a76.8 76.8 0 0 1-74.56 58.432H78.84864a76.8 76.8 0 0 1-71.68-48.96l-0.64-1.92A82.944 82.944 0 0 1 0.00064 876.8V140.8A76.8 76.8 0 0 1 76.80064 64h346.432c18.048 0 35.52 6.4 49.408 17.92L603.77664 192H825.60064a76.8 76.8 0 0 1 76.8 76.8V448h42.752z m0 76.8H167.10464l-88.32 358.4H856.96064l88.32-358.4z m-119.552-256H575.80864l-152.576-128H76.80064v429.568l15.744-64A76.8 76.8 0 0 1 167.10464 448H825.60064V268.8z" ></path></symbol><symbol id="aui-icon-home_s" viewBox="0 0 1024 1024"><path d="M464.704 80.256a76.8 76.8 0 0 1 92.928-1.28l1.664 1.28 371.2 290.176c18.048 14.08 28.8 35.456 29.44 58.24l0.064 2.304V883.2a76.8 76.8 0 0 1-74.88 76.8H704v-256a192 192 0 0 0-384-3.2V960H140.8A76.8 76.8 0 0 1 64 885.12V430.976c0-22.912 10.24-44.544 27.712-59.072l1.792-1.472 371.2-290.176z" ></path></symbol><symbol id="aui-icon-eye_slash_s" viewBox="0 0 1024 1024"><path d="M808.832 160.64l53.632 54.4L227.84 857.6l-53.632-54.336 58.624-59.264c-26.624-16-52.928-33.984-78.848-53.76A978.752 978.752 0 0 1 48.192 596.224l-8-8.256-20.928-22.848-10.688-12.544a38.784 38.784 0 0 1-4.864-40.832l3.136-5.504 1.6-2.24 14.08-18.944 15.232-19.2 8.448-10.368A1046.656 1046.656 0 0 1 151.68 345.984C265.152 244.352 386.56 182.784 512 182.784c73.728 0 146.048 21.248 216.192 59.392l80.64-81.472z m43.008 167.488a1046.656 1046.656 0 0 1 126.016 127.488l13.76 16.896 6.272 8 15.552 20.608 3.712 5.184a38.784 38.784 0 0 1 1.856 41.152l-4.096 5.888-12.672 14.72-10.944 12.032c-4.864 5.12-9.984 10.624-15.488 16.192-31.232 32-66.624 64-105.728 93.888-113.28 86.592-233.984 138.944-358.08 138.944-45.44 0-90.496-7.04-134.912-20.16l62.784-63.68c24.064 4.672 48.128 7.04 72.128 7.04 104.96 0 211.136-46.016 312.32-123.456 36.032-27.52 68.736-56.96 97.536-86.528l15.168-16-17.216-21.248c-23.04-27.712-48.64-55.424-76.48-81.92l-24.896-22.912-7.296-6.4-13.248-11.136 53.952-54.592z m-493.952-31.36l-5.12 2.368a622.72 622.72 0 0 0-120.192 78.144l-19.712 16.576-10.944 9.6a971.072 971.072 0 0 0-97.728 101.632l-17.28 21.248 15.232 16c28.8 29.504 61.504 59.072 97.472 86.528 29.184 22.4 58.816 42.048 88.64 58.816l84.736-85.76A218.24 218.24 0 0 1 303.424 441.6c0-55.616 20.608-106.304 54.464-144.768z m167.232 362.304l207.872-210.688 0.256-6.784c0 117.888-92.608 213.888-208.128 217.472zM546.752 281.6c-109.12 0-180.16 83.328-180.16 188.8 0 17.664 14.144 32 31.616 32a31.808 31.808 0 0 0 31.616-32c0-72 44.992-124.8 116.928-124.8a31.808 31.808 0 0 0 31.616-32c0-17.664-14.144-32-31.616-32z" ></path></symbol><symbol id="aui-icon-lang_zh" viewBox="0 0 1024 1024"><path d="M883.2 64A76.8 76.8 0 0 1 960 140.8v742.4a76.8 76.8 0 0 1-76.8 76.8H140.8A76.8 76.8 0 0 1 64 883.2V140.8A76.8 76.8 0 0 1 140.8 64h742.4z m0 76.8H140.8v742.4h742.4V140.8zM550.4 230.4V320h230.4v320H550.4v166.4H473.6V640H243.2V320h230.4V230.4h76.8zM473.6 396.8H320v166.4h153.6V396.8z m230.4 0H550.4v166.4H704V396.8z" ></path></symbol><symbol id="aui-icon-magnifier" viewBox="0 0 1024 1024"><path d="M448 32a416 416 0 0 1 326.144 674.24l181.376 181.44-67.84 67.84-181.44-181.376A416 416 0 1 1 448 32zM448 128a320 320 0 1 0 0 640A320 320 0 0 0 448 128z" ></path></symbol><symbol id="aui-icon-menu_dot_s" viewBox="0 0 1024 1024"><path d="M160 768a96 96 0 1 1 0 192 96 96 0 0 1 0-192zM512 768a96 96 0 1 1 0 192 96 96 0 0 1 0-192z m352 0a96 96 0 1 1 0 192 96 96 0 0 1 0-192z m-704-352a96 96 0 1 1 0 192 96 96 0 0 1 0-192z m352 0a96 96 0 1 1 0 192 96 96 0 0 1 0-192z m352 0a96 96 0 1 1 0 192 96 96 0 0 1 0-192zM160 64a96 96 0 1 1 0 192 96 96 0 0 1 0-192zM512 64a96 96 0 1 1 0 192 96 96 0 0 1 0-192z m352 0a96 96 0 1 1 0 192 96 96 0 0 1 0-192z" ></path></symbol><symbol id="aui-icon-bell_on" viewBox="0 0 1024 1024"><path d="M64 838.336v-76.8l89.6-0.064V511.744c0-159.616 104.96-297.6 253.248-343.04l4.48-1.28 1.216-0.32 0.192-0.96a102.464 102.464 0 0 1 94.976-76.992l2.304-0.064H512a102.4 102.4 0 0 1 98.688 74.944l0.576 2.112 0.192 1.024 1.408 0.384a358.464 358.464 0 0 1 257.408 334.336l0.064 4.736 0.064 5.12v249.728H960v76.8H64zM512 165.888a25.6 25.6 0 0 0-25.6 24.32v0.64l1.92 38.144-32.384 6.528A281.856 281.856 0 0 0 230.4 507.712V761.472h563.2V511.68a281.6 281.6 0 0 0-217.728-274.432l-3.84-0.832-3.968-0.832-32.384-6.592 1.92-38.144v-0.64a25.6 25.6 0 0 0-23.04-24.192l-1.28-0.064H512zM337.28 63.04l22.08 60.032a442.624 442.624 0 0 0-190.336 136.32l-2.88 3.648-50.112-39.872a506.752 506.752 0 0 1 216.512-158.4L337.28 63.04z m351.296 0l4.608 1.728a506.688 506.688 0 0 1 213.44 154.56l3.136 3.84-50.112 39.872-2.944-3.648a442.752 442.752 0 0 0-185.792-134.656l-4.48-1.664 22.144-60.032zM416 876.736h192V953.6h-192v-76.8z" ></path></symbol><symbol id="aui-icon-sun" viewBox="0 0 1024 1024"><path d="M556.8 870.4V1024H467.2v-153.6h89.6z m-329.92-136.64l63.36 63.36-108.608 108.608-63.36-63.36 108.608-108.608z m570.24 0l108.608 108.608-63.36 63.36-108.608-108.608 63.36-63.36zM512 230.4a281.6 281.6 0 1 1 0 563.2 281.6 281.6 0 0 1 0-563.2z m0 96a185.6 185.6 0 1 0 0 371.2 185.6 185.6 0 0 0 0-371.2z m512 140.8v89.6h-153.6V467.2H1024z m-870.4 0v89.6H0V467.2h153.6z m688.768-348.928l63.36 63.36-108.608 108.608-63.36-63.36 108.608-108.608z m-660.736 0l108.608 108.608-63.36 63.36-108.608-108.608 63.36-63.36zM556.8 0v153.6H467.2V0h89.6z" ></path></symbol><symbol id="aui-icon-eye_s" viewBox="0 0 1088 1024"><path d="M518.9344 185.6c127.04 0 249.92 61.632 364.8 163.2a1052.48 1052.48 0 0 1 127.168 134.528l8.832 11.392 10.688 14.464a38.4 38.4 0 0 1 1.856 41.088l-3.648 5.248-7.872 9.28-17.216 18.88-14.976 15.488c-31.616 32-67.52 64-107.072 93.888C766.8704 779.648 644.5664 832 518.9344 832s-247.936-52.352-362.56-138.944a983.04 983.04 0 0 1-87.552-74.688L45.3344 595.072l-17.472-18.304-10.752-11.968-7.872-9.28a38.4 38.4 0 0 1-4.992-40.832l3.2-5.504 7.168-9.728 12.352-16.128 13.184-16.256a1052.48 1052.48 0 0 1 113.92-118.208C269.0144 247.168 391.8944 185.6 518.9344 185.6zM358.8704 301.44l-15.424 7.68c-46.72 24.192-93.056 57.088-138.496 97.28-36.48 32.256-69.76 66.88-98.944 101.568l-17.472 21.248 15.424 16c29.12 29.504 62.272 59.008 98.688 86.528C305.1744 709.184 412.5664 755.2 518.9344 755.2c106.304 0 213.76-46.08 316.288-123.456a906.88 906.88 0 0 0 80.704-68.864l17.92-17.664 15.424-16-17.408-21.248a976.512 976.512 0 0 0-98.944-101.568 700.288 700.288 0 0 0-132.608-94.208 217.6 217.6 0 1 1-341.44-10.688zM554.1344 281.6C443.6704 281.6 371.7344 364.928 371.7344 470.4a32 32 0 0 0 63.488 5.76l0.512-5.76v-2.304C436.6944 397.248 482.0704 345.6 554.1344 345.6a32 32 0 1 0 0-64z" ></path></symbol><symbol id="aui-icon-volume" viewBox="0 0 1024 1024"><path d="M601.6 76.8v870.4l-288-198.4H90.496C50.176 748.8 25.6 720.384 25.6 685.376V338.624c0-35.008 23.424-63.424 63.808-63.424H314.88L601.6 76.8zM524.8 224.256L350.272 352H102.4v320h249.6l172.8 120.192V224.256zM704 473.6h294.4v76.8H704V473.6z m-51.2-198.4L907.776 128l38.4 66.56-254.976 147.2-38.4-66.56z m0 473.6l254.976 147.2 38.4-66.496-254.976-147.2-38.4 66.56z" ></path></symbol><symbol id="aui-icon-timer" viewBox="0 0 1024 1024"><path d="M512.019841 0a511.973121 511.973121 0 1 1-359.469127 147.384262l54.397144 54.205155a435.177153 435.177153 0 1 0 343.533964-123.129536L550.417826 204.789249H473.621857v-191.989921l0.639967-0.063997-0.895953-11.327405C486.165199 0.511973 498.964527 0 512.019841 0zM306.782616 267.889936l154.87187 154.871869a102.394624 102.394624 0 1 1-43.197733 47.357514L261.600988 313.199557l45.245625-45.245625z" ></path></symbol><symbol id="aui-icon-moon" viewBox="0 0 1024 1024"><path d="M470.4 64a60.16 60.16 0 0 1 25.216 5.76c8.448 3.904 14.72 9.344 18.944 16.384 4.928 9.152 6.528 17.92 4.736 26.432a74.24 74.24 0 0 1-8.96 23.168 268.096 268.096 0 0 0-46.336 98.176 272.64 272.64 0 0 0 31.616 200.512c18.24 30.272 42.496 56.64 72.64 79.168a262.528 262.528 0 0 0 160.064 54.848c28.096 0 55.808-4.544 83.2-13.696a248.768 248.768 0 0 0 75.84-41.152 38.592 38.592 0 0 1 25.28-10.048 41.152 41.152 0 0 1 22.784 4.928l1.408 0.896c7.04 4.224 12.608 10.368 16.832 18.432 4.224 8.128 6.336 15.36 6.336 21.632a508.224 508.224 0 0 1-17.92 88.704c-8.384 28.8-19.456 56.064-33.152 81.792a496.128 496.128 0 0 1-47.936 73.344 448.256 448.256 0 0 1-63.168 63.296 451.2 451.2 0 0 1-281.92 103.36L510.336 960H470.4a427.136 427.136 0 0 1-170.56-51.712 458.048 458.048 0 0 1-132.672-109.76 454.592 454.592 0 0 1-82.176-152 438.784 438.784 0 0 1-19.392-171.648l0.448-5.632a427.008 427.008 0 0 1 40-151.936 442.24 442.24 0 0 1 87.424-125.632A441.152 441.152 0 0 1 318.72 104.128 424.576 424.576 0 0 1 470.4 64zM389.504 171.648l-1.92 0.64a330.176 330.176 0 0 0-30.72 12.8 351.616 351.616 0 0 0-100.096 69.888A353.536 353.536 0 0 0 186.88 355.84a336.256 336.256 0 0 0-31.168 115.392l-0.512 6.144c-4.48 49.984 0.512 96.896 15.04 141.824a365.12 365.12 0 0 0 65.984 122.368 368.512 368.512 0 0 0 107.008 88.384 336.384 336.384 0 0 0 130.304 40.32l1.216 0.128h35.584c40 0 78.912-6.464 117.184-19.456l4.992-1.728a353.28 353.28 0 0 0 108.288-61.76c17.856-14.72 33.6-30.208 47.232-46.528l2.944-3.584 3.328-4.288c12.16-16 23.104-32.64 32.704-50.048l2.88-5.248c6.592-12.416 12.48-25.408 17.6-39.04l0.704-1.92-3.648 1.28-4.608 1.664a350.528 350.528 0 0 1-321.984-51.84l-7.296-5.568a366.08 366.08 0 0 1-89.216-97.472l-2.56-4.16-0.448-0.768a362.24 362.24 0 0 1-42.88-260.544l1.024-5.12 0.32-1.28c3.072-12.928 6.912-25.664 11.456-38.144l1.216-3.2z" ></path></symbol><symbol id="aui-icon-trash" viewBox="0 0 1024 1024"><path d="M268.8 307.2v614.4h486.4V307.2h89.6v627.2a76.8 76.8 0 0 1-76.8 76.8H256a76.8 76.8 0 0 1-76.8-76.8V307.2h89.6z m192 102.4v384H371.2v-384h89.6z m192 0v384H563.2v-384h89.6zM512 12.8a128 128 0 0 1 128 128h320v89.6H64V140.8h320a128 128 0 0 1 128-128z m0 76.8a51.2 51.2 0 0 0-51.2 51.2h102.4a51.2 51.2 0 0 0-51.2-51.2z" ></path></symbol><symbol id="aui-icon-power_off" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8zM384 218.624v86.528a243.2 243.2 0 1 0 256 0V218.688a320.064 320.064 0 1 1-256 0zM550.4 179.2v307.2H473.6V179.2h76.8z" ></path></symbol><symbol id="aui-icon-users" viewBox="0 0 1024 1024"><path d="M416 144c141.888 0 256.896 114.368 256.896 255.488a255.04 255.04 0 0 1-121.92 217.408A383.808 383.808 0 0 1 800 944h-77.44c-16-154.304-147.2-274.624-306.56-274.624s-290.56 120.32-306.56 274.624H32a383.808 383.808 0 0 1 248.96-327.104 255.04 255.04 0 0 1-121.856-217.408c0-141.12 115.008-255.488 256.896-255.488z m189.44-64c142.784 0 258.56 114.368 258.56 255.488a254.72 254.72 0 0 1-122.688 217.408c137.6 50.816 238.08 176.64 250.688 327.104h-77.952c-14.08-134.784-116.544-243.584-249.216-269.056a252.032 252.032 0 0 0 76.352-157.184c28.16-31.488 45.248-72.96 45.248-118.272 0-91.392-69.376-166.784-158.976-177.536a252.48 252.48 0 0 0-110.08-62.784A260.992 260.992 0 0 1 605.44 80zM416 220.8a179.2 179.2 0 1 0 0 358.4 179.2 179.2 0 0 0 0-358.4z" ></path></symbol><symbol id="aui-icon-window" viewBox="0 0 1024 1024"><path d="M896 64a64 64 0 0 1 64 64v768a64 64 0 0 1-64 64H128a64 64 0 0 1-64-64V128a64 64 0 0 1 64-64h768z m-12.8 307.2H140.8v512h742.4v-512z m0-230.4H140.8v153.6h742.4V140.8zM256 179.2A38.4 38.4 0 1 1 256 256a38.4 38.4 0 0 1 0-76.8z m115.2 0a38.4 38.4 0 1 1 0 76.8 38.4 38.4 0 0 1 0-76.8z m115.2 0a38.4 38.4 0 1 1 0 76.8 38.4 38.4 0 0 1 0-76.8z" ></path></symbol><symbol id="aui-icon-user" viewBox="0 0 1024 1024"><path d="M518.4 38.4c163.712 0 294.4 133.952 294.4 298.752V339.2a300.544 300.544 0 0 1-138.496 253.312l-11.328-4.544c157.76 59.392 282.624 221.824 297.024 397.568h-76.8c-18.56-180.288-164.096-345.344-371.2-345.344-207.104 0-352.64 165.12-371.136 345.408H64c14.272-173.76 127.04-334.592 282.048-395.584a300.16 300.16 0 0 1-134.4-235.2L211.2 339.2v-2.048A300.928 300.928 0 0 1 512 38.4h6.4zM512 115.2a224 224 0 1 0 0 448 224 224 0 0 0 0-448z" ></path></symbol><symbol id="aui-icon-gear" viewBox="0 0 1024 1024"><path d="M569.703736 0a76.755769 76.755769 0 0 1 76.435954 69.84775l5.884609 64.794662c23.41051 8.76295 45.861572 19.636684 67.097335 32.429313l49.89125-34.028391a76.691806 76.691806 0 0 1 103.364436 15.798896L946.70249 242.676158a76.883696 76.883696 0 0 1-5.948572 102.085173l-43.558899 43.494936c8.95484 25.905072 15.351154 52.961481 19.188942 80.849411l54.944339 18.549311c37.226548 12.664702 58.84609 51.362402 50.211066 89.740287l-26.86452 118.971443a76.755769 76.755769 0 0 1-85.262867 59.101942l-50.850697-7.035945c-15.031338 24.753736-32.621202 47.716503-52.193924 68.63245l18.677238 50.594845a76.819733 76.819733 0 0 1-37.738254 95.369044l-104.771625 52.321849c-35.947285 17.90968-79.634111 5.117051-100.166279-29.423045l-25.585257-43.047194a403.863274 403.863274 0 0 1-90.060103 0l-25.585256 42.983231c-20.468205 34.540096-64.218994 47.396688-100.166279 29.423045l-104.771626-52.257886a76.819733 76.819733 0 0 1-37.738253-95.305081l18.677237-50.658808a418.638759 418.638759 0 0 1-52.193923-68.568487l-50.850697 7.035945a76.755769 76.755769 0 0 1-85.326831-59.229868l-26.864519-118.971443c-8.635024-38.313922 13.048481-77.011622 50.275029-89.612361l54.944338-18.613274c3.837788-27.88793 10.234103-54.944338 19.188943-80.785448l-43.494936-43.494936A76.883696 76.883696 0 0 1 76.803769 242.612195l74.325171-93.833928a76.691806 76.691806 0 0 1 103.300473-15.798896l49.955213 34.028391c21.235763-12.792628 43.686825-23.666362 67.161298-32.429313l5.820646-64.794662A76.755769 76.755769 0 0 1 453.802524 0h115.901212z m0 76.755769H453.802524l-10.234103 112.894945-45.22194 16.950232c-17.142122 6.396314-33.708575 14.26378-49.571435 23.474473l-46.884982 28.207745-90.635772-61.724431L136.993085 290.392661l77.523328 77.523327-15.67097 45.413831a346.16852 346.16852 0 0 0-14.903412 60.509131l-7.227835 52.769592-99.910427 33.900465 26.86452 118.907479 100.550058-13.880001 26.224888 42.855304c11.321476 18.613274 24.305994 36.011249 38.953553 52.065997l36.203138 38.569774-35.179728 95.305081 104.835589 52.257886 50.850697-85.51872 49.187655 5.500831a327.235431 327.235431 0 0 0 66.905446 0.639631l6.012535-0.639631 49.251619-5.500831 50.786734 85.51872 104.835589-52.257886-35.179728-95.305081 32.557239-34.604059c14.839449-15.798896 28.143782-33.004981 39.785074-51.362402l29.039266-47.524614 100.614021 13.880001 26.864519-118.971442-99.974389-33.900465-6.396314-47.076872a346.616262 346.616262 0 0 0-13.943965-60.764984l-17.461938-50.786735L886.577138 290.392661l-74.325171-93.833928-90.635771 61.724431-42.15171-25.393367a326.21202 326.21202 0 0 0-49.187655-24.305993l-50.275029-18.93309-10.298066-112.830981zM511.75313 320.135522a191.889424 191.889424 0 0 1 191.82546 192.01735A191.889424 191.889424 0 0 1 511.75313 704.106259a191.889424 191.889424 0 0 1-191.825461-192.01735A191.889424 191.889424 0 0 1 511.75313 320.071559z m0 76.755769a115.133654 115.133654 0 1 0 0.127926 230.331272A115.133654 115.133654 0 0 0 511.75313 396.891291z" ></path></symbol><symbol id="aui-icon-pencil" viewBox="0 0 1024 1024"><path d="M789.12 84.48l1.536 1.472 147.392 147.392a76.8 76.8 0 0 1 1.472 107.072l-1.472 1.536L320 960H64v-256l618.048-618.048a76.8 76.8 0 0 1 107.072-1.472zM593.088 283.52L140.8 735.744V883.2h147.392l452.288-452.352L593.088 283.52z m143.232-143.296l-88.96 88.96 147.456 147.392 88.96-88.96-147.456-147.392z" ></path></symbol><symbol id="aui-icon-check_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m226.24 308.352L457.664 588.928 285.696 416.96l-63.36 63.36 235.328 235.328 343.936-343.936-63.36-63.36z" ></path></symbol><symbol id="aui-icon-minus" viewBox="0 0 1024 1024"><path d="M64 467.2h896v89.6H64z" ></path></symbol><symbol id="aui-icon-minus_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m256 454.4H256v115.2h512V454.4z" ></path></symbol><symbol id="aui-icon-check" viewBox="0 0 1024 1024"><path d="M439.488 768L185.6 517.76l81.6-80.384 172.288 169.792L756.8 294.4 838.4 374.848z" ></path></symbol><symbol id="aui-icon-minus_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8z m256 390.4v89.6H256V467.2h512z" ></path></symbol><symbol id="aui-icon-pause_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8zM448 320v384H358.4V320H448z m217.6 0v384H576V320h89.6z" ></path></symbol><symbol id="aui-icon-check_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8z m226.24 231.552l63.36 63.36-343.936 343.936-235.264-235.328 63.36-63.36L457.6 588.928l280.576-280.576z" ></path></symbol><symbol id="aui-icon-xmark_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8z m149.312 222.528l63.36 63.36L575.36 512l149.312 149.312-63.36 63.36L512 575.36l-149.312 149.312-63.36-63.36L448.64 512 299.328 362.688l63.36-63.36L512 448.64l149.312-149.312z" ></path></symbol><symbol id="aui-icon-xmark_small" viewBox="0 0 1024 1024"><path d="M815.232 272.128L574.848 512.256l240.384 239.616-62.464 62.464L512.384 574.72l-240.512 240.256-63.104-63.104 240.384-240.128-240.384-239.616 62.464-62.464L511.616 449.28l240.512-240.256z" ></path></symbol><symbol id="aui-icon-plus_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m44.8 256H467.2v211.2H256v89.6h211.2V768h89.6V556.8H768V467.2H556.8V256z" ></path></symbol><symbol id="aui-icon-xmark_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m149.312 299.328L512 448.64 362.688 299.328l-63.36 63.36L448.64 512l-149.312 149.312 63.36 63.36L512 575.36l149.312 149.312 63.36-63.36L575.36 512l149.312-149.312-63.36-63.36z" ></path></symbol><symbol id="aui-icon-pause_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0zM448 320H358.4v384H448V320z m217.6 0H576v384h89.6V320z" ></path></symbol><symbol id="aui-icon-plus_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8zM556.8 256v211.2H768v89.6H556.8V768H467.2V556.8H256V467.2h211.2V256h89.6z" ></path></symbol><symbol id="aui-icon-plus" viewBox="0 0 1024 1024"><path d="M556.8 64v403.2H960v89.6H556.8V960H467.2V556.8H64V467.2h403.2V64z" ></path></symbol><symbol id="aui-icon-rotate_right" viewBox="0 0 1024 1024"><path d="M960 396.8V64l-131.2 131.2A448 448 0 1 0 916.928 704h-102.272a358.4 358.4 0 1 1-49.28-445.44L627.2 396.8H960z" ></path></symbol><symbol id="aui-icon-info_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m44.8 384H467.2v396.8h89.6V384zM512 243.2a51.2 51.2 0 1 0 0 102.4 51.2 51.2 0 0 0 0-102.4z" ></path></symbol><symbol id="aui-icon-rotate_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m310.72 588.8h-79.872a243.328 243.328 0 0 1-400.448 97.536l-2.368-2.368L435.2 588.8H192V832l93.696-93.696a320.128 320.128 0 0 0 535.936-145.28l1.088-4.224zM832 192l-93.696 93.76a320.128 320.128 0 0 0-535.936 145.28l-1.088 4.16h79.872a243.328 243.328 0 0 1 400.448-97.536l2.368 2.368L588.8 435.2H832V192z" ></path></symbol><symbol id="aui-icon-info_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8zM556.8 384v396.8H467.2V384h89.6zM512 243.2a51.2 51.2 0 1 1 0 102.4 51.2 51.2 0 0 1 0-102.4z" ></path></symbol><symbol id="aui-icon-exclamation_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 697.6a51.2 51.2 0 1 0 0 102.4 51.2 51.2 0 0 0 0-102.4z m70.4-473.6H441.6l25.6 396.8h89.6l25.6-396.8z" ></path></symbol><symbol id="aui-icon-exclamation_s" viewBox="0 0 1024 1024"><path d="M512 780.8A89.6 89.6 0 1 1 512 960a89.6 89.6 0 0 1 0-179.2zM627.2 64l-28.8 640h-172.8L396.8 64h230.4z" ></path></symbol><symbol id="aui-icon-stop_s" viewBox="0 0 1024 1024"><path d="M204.8 128h614.4A76.8 76.8 0 0 1 896 204.8v614.4a76.8 76.8 0 0 1-76.8 76.8H204.8A76.8 76.8 0 0 1 128 819.2V204.8A76.8 76.8 0 0 1 204.8 128z" ></path></symbol><symbol id="aui-icon-stop_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m230.4 281.6H281.6v460.8h460.8V281.6z" ></path></symbol><symbol id="aui-icon-exclamation_triangle_s" viewBox="0 0 1024 1024"><path d="M548.16 95.424a76.8 76.8 0 0 1 31.616 31.616l384 720A76.8 76.8 0 0 1 896 960H128a76.8 76.8 0 0 1-67.776-112.96l384-720a76.8 76.8 0 0 1 103.936-31.616zM512 729.6A51.2 51.2 0 1 0 512 832a51.2 51.2 0 0 0 0-102.4zM582.4 384H441.6l25.6 268.8h89.6L582.4 384z" ></path></symbol><symbol id="aui-icon-question_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 729.6A51.2 51.2 0 1 0 512 832a51.2 51.2 0 0 0 0-102.4zM512 192a185.6 185.6 0 0 0-183.424 157.312l-0.448 2.688h90.688a100.48 100.48 0 0 1 96.32-70.4c55.616 0 100.672 44.416 100.672 99.2 0 54.784-45.056 99.2-100.672 99.2-16.32 0-31.744-3.84-45.44-10.624l-2.56-1.28L467.2 652.8h89.6V557.76A185.664 185.664 0 0 0 512 192z" ></path></symbol><symbol id="aui-icon-question_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8z m0 588.8A51.2 51.2 0 1 1 512 768a51.2 51.2 0 0 1 0-102.4zM512 256c88.32 0 160 71.552 160 159.808A159.936 159.936 0 0 1 550.4 570.88v68.608H473.6V498.88h41.6A83.2 83.2 0 1 0 428.8 415.744H352A159.872 159.872 0 0 1 512 256z" ></path></symbol><symbol id="aui-icon-help_doc" viewBox="0 0 1024 1024"><path d="M710.4 230.4a76.8 76.8 0 0 1 76.8 76.8v614.4a76.8 76.8 0 0 1-76.8 76.8H96a76.8 76.8 0 0 1-76.8-76.8V307.2a76.8 76.8 0 0 1 76.8-76.8h614.4z m0 76.8H96v614.4h614.4V307.2z m-308.8 463.168a51.2 51.2 0 1 1 0 102.4 51.2 51.2 0 0 1 0-102.4zM928 25.6a76.8 76.8 0 0 1 76.8 76.8v614.4a76.8 76.8 0 0 1-76.8 76.8h-64v-76.8h64V102.4H313.6v51.2H236.8v-51.2A76.8 76.8 0 0 1 313.6 25.6h614.4zM401.6 360.768c88.32 0 160 71.552 160 159.808a159.936 159.936 0 0 1-121.6 155.2v68.544h-76.8V603.712h41.6v-0.064a83.2 83.2 0 1 0-86.4-83.072h-76.8a159.872 159.872 0 0 1 160-159.808z" ></path></symbol><symbol id="aui-icon-angles_down" viewBox="0 0 1024 1024"><path d="M888.32 498.56l-63.36-63.36-316.8 316.8L191.36 435.2 128 498.56l380.16 380.16 380.16-380.16z m0-275.2l-63.36-63.36-316.8 316.8L191.36 160 128 223.36l380.16 380.16 380.16-380.16z" ></path></symbol><symbol id="aui-icon-arrow_left" viewBox="0 0 1024 1024"><path d="M444.16 131.84l63.36 63.36L235.52 467.2H960v89.6H235.52l272 272-63.36 63.36L64 512z" ></path></symbol><symbol id="aui-icon-arrow_right" viewBox="0 0 1024 1024"><path d="M579.84 131.84l-63.36 63.36 272 272H64v89.6h724.48l-272 272 63.36 63.36L960 512z" ></path></symbol><symbol id="aui-icon-arrow_up_to_line" viewBox="0 0 1024 1024"><path d="M960 153.6H64V64h896v89.6z m-67.84 418.56l-63.36 63.36L556.8 363.52V960H467.2V363.52L195.2 635.52l-63.36-63.36L512 192l380.16 380.16z" ></path></symbol><symbol id="aui-icon-sort" viewBox="0 0 1024 1024"><path d="M627.52 100.992a38.4 38.4 0 0 1 64.512-26.688l1.024 1.024L976.192 358.4l-54.272 54.336-217.6-217.664L704 960H627.2l0.32-857.536v-1.472zM396.8 64l-0.256 857.536v1.472a38.4 38.4 0 0 1-64.512 26.688l-1.088-1.024L47.808 665.6l54.336-54.336 217.6 217.664L320 64h76.8z" ></path></symbol><symbol id="aui-icon-download" viewBox="0 0 1024 1024"><path d="M140.8 576v307.2h742.4V576H960v307.2a76.8 76.8 0 0 1-74.88 76.8H140.8A76.8 76.8 0 0 1 64 883.2V576h76.8z m416-512v467.84l179.52-179.52 63.36 63.36L512 703.36l-224-224-62.72-64 63.872-62.72 62.528 63.68L467.2 531.84V64h89.6z" ></path></symbol><symbol id="aui-icon-sort_positive" viewBox="0 0 1024 1024"><path d="M516.864 331.264L736 112l27.2 27.2 192 192-54.336 54.272L774.4 259.072V896h-76.8V259.072L571.2 385.536l-54.336-54.272zM576 755.2V832H64v-76.8h512z m-128-256V576H64V499.2h384z m-128-256V320H64V243.2h256z" ></path></symbol><symbol id="aui-icon-upload" viewBox="0 0 1024 1024"><path d="M140.8 576v307.2h742.4V576H960v307.2a76.8 76.8 0 0 1-74.88 76.8H140.8A76.8 76.8 0 0 1 64 883.2V576h76.8z m147.2-288L512 64l287.68 287.68-63.36 63.36L556.8 235.52v467.84H467.2V235.52L351.68 351.04l-62.528 63.68-63.936-62.72 62.784-64z" ></path></symbol><symbol id="aui-icon-sort_reverse" viewBox="0 0 1024 1024"><path d="M516.864 692.736L736 912l27.2-27.2 192-192-54.336-54.272-126.464 126.464V128h-76.8v636.928L571.2 638.464l-54.336 54.272zM576 268.8V192H64v76.8h512z m-128 256V448H64v76.8h384z m-128 256V704H64v76.8h256z" ></path></symbol><symbol id="aui-icon-arrow_turn_up" viewBox="0 0 1024 1024"><path d="M847.552 335.552l-54.336 54.272L614.4 211.008V768a192 192 0 0 1-188.8 192H172.8v-76.8h249.6a115.2 115.2 0 0 0 115.2-113.088V211.008L358.784 389.76l-54.336-54.272L576 64l271.552 271.552z" ></path></symbol><symbol id="aui-icon-sign_out" viewBox="0 0 1024 1024"><path d="M563.2 64h1.92A76.8 76.8 0 0 1 640 138.88V256H563.2V140.8H140.8v742.4h422.4V768H640v115.2A76.8 76.8 0 0 1 565.12 960H140.8A76.8 76.8 0 0 1 64 883.2V140.8A76.8 76.8 0 0 1 138.88 64H563.2zM768 320l192 192-192 192-54.336-54.336L812.992 550.4H384V473.6h428.992L713.6 374.272 768 320z" ></path></symbol><symbol id="aui-icon-jump" viewBox="0 0 1024 1024"><path d="M448 128v76.8H140.8v678.4h678.4V576H896v307.2a76.8 76.8 0 0 1-74.88 76.8H140.8A76.8 76.8 0 0 1 64 883.2V204.8A76.8 76.8 0 0 1 138.88 128H448z m512-64v320h-76.8V204.16L543.68 543.68l-63.36-63.36L819.84 140.8H640V64h320z" ></path></symbol><symbol id="aui-icon-file_import" viewBox="0 0 1024 1024"><path d="M460.8 64L704 307.2V448H627.2V384H460.8A76.8 76.8 0 0 1 384 307.2V140.8H140.8v742.4h486.4V832H704v51.2A76.8 76.8 0 0 1 629.12 960H140.8A76.8 76.8 0 0 1 64 885.12V140.8A76.8 76.8 0 0 1 138.88 64H460.8z m40.192 394.944l54.336 54.336-88.32 88.32H896v76.8H467.072l88.256 88.32-54.336 54.272L320 640 500.992 458.88zM460.8 172.608V307.2h134.592L460.8 172.608z" ></path></symbol><symbol id="aui-icon-file_export" viewBox="0 0 1024 1024"><path d="M460.8 64L704 307.2V448H627.2V384H460.8A76.8 76.8 0 0 1 384 307.2V140.8H140.8v742.4h486.4V832H704v51.2A76.8 76.8 0 0 1 629.12 960H140.8A76.8 76.8 0 0 1 64 885.12V140.8A76.8 76.8 0 0 1 138.88 64H460.8z m318.208 394.944L960 640l-180.992 180.992-54.336-54.336 88.32-88.32L384 678.4V601.6h429.056l-88.32-88.32 54.272-54.336zM460.8 172.608V307.2h134.592L460.8 172.608z" ></path></symbol><symbol id="aui-icon-angle_right_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 0 0 1024A512 512 0 0 0 512 0z m0 76.8a435.2 435.2 0 1 1 0 870.4A435.2 435.2 0 0 1 512 76.8zM427.136 237.248l-63.36 63.36L571.904 508.8l-208.128 208.192 63.36 63.36 271.488-271.552-271.488-271.552z" ></path></symbol><symbol id="aui-icon-angle_left_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8z m84.864 160.448l63.36 63.36L452.096 508.8l208.128 208.192-63.36 63.36L325.376 508.8l271.488-271.552z" ></path></symbol><symbol id="aui-icon-move" viewBox="0 0 1024 1024"><path d="M512 0l160 160H551.168v310.016H864V352L1024 512l-160 160V547.584H551.168V864H672L512 1024l-160-160h120.832V547.584H160V672L0 512l160-160v118.016h312.832V160H352z" ></path></symbol><symbol id="aui-icon-expand" viewBox="0 0 1024 1024"><path d="M384 576.64l63.36 63.36-243.2 243.2H384V960H64v-320h76.8v179.84L384 576.64z m576 63.36v243.2a76.8 76.8 0 0 1-74.88 76.8H640v-76.8h243.2V640H960z m0-576v320h-76.8V204.16L640 447.36 576.64 384l243.2-243.2H640V64h320zM384 64v76.8H140.8V384H64V140.8A76.8 76.8 0 0 1 138.88 64H384z" ></path></symbol><symbol id="aui-icon-compress" viewBox="0 0 1024 1024"><path d="M960 640v243.2a76.8 76.8 0 0 1-74.88 76.8H640v-76.8h243.2V640H960zM460.8 563.2v320H384v-179.84l-243.2 243.2-63.36-63.36 243.2-243.2H140.8V563.2h320z m422.4-485.76l63.36 63.36-243.2 243.2h179.84v76.8h-320v-320H640v179.84l243.2-243.2zM384 64v76.8H140.8V384H64V140.8A76.8 76.8 0 0 1 138.88 64H384z" ></path></symbol><symbol id="aui-icon-arrow_right_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m-6.976 185.6l-63.36 63.36 218.24 218.24H192v89.6h466.752l-217.088 217.088 63.36 63.36 325.824-325.76L505.088 185.6z" ></path></symbol><symbol id="aui-icon-caret_down_s" viewBox="0 0 1024 1024"><path d="M512 684.8L256 339.2h512z" ></path></symbol><symbol id="aui-icon-play_s" viewBox="0 0 1024 1024"><path d="M774.4 512l-524.8 384V128z" ></path></symbol><symbol id="aui-icon-play_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0zM345.6 288v448l448-224-448-224z" ></path></symbol><symbol id="aui-icon-play_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8zM345.6 288l448 224-448 224v-448z" ></path></symbol><symbol id="aui-icon-angle_right" viewBox="0 0 1024 1024"><path d="M737.92 512.96l-380.16-380.16-63.36 63.36 316.8 316.8-316.8 316.8 63.36 63.36z" ></path></symbol><symbol id="aui-icon-angle_down" viewBox="0 0 1024 1024"><path d="M512.96 737.92l380.16-380.16-63.36-63.36-316.8 316.8-316.8-316.8-63.36 63.36z" ></path></symbol><symbol id="aui-icon-angle_left" viewBox="0 0 1024 1024"><path d="M281.6 512.96l380.16-380.16 63.36 63.36-316.8 316.8 316.8 316.8-63.36 63.36z" ></path></symbol><symbol id="aui-icon-angle_up" viewBox="0 0 1024 1024"><path d="M512.96 281.6l380.16 380.16-63.36 63.36-316.8-316.8-316.8 316.8-63.36-63.36z" ></path></symbol></svg>';
230
+ const auiIcons = '<svg><symbol id="aui-icon-plus_pannel" viewBox="0 0 1024 1024"><path d="M646.4 300.8a76.8 76.8 0 0 1 76.8 76.8v505.6a76.8 76.8 0 0 1-76.8 76.8H140.8A76.8 76.8 0 0 1 64 883.2V377.6a76.8 76.8 0 0 1 76.8-76.8h505.6z m0 76.8H140.8v505.6h505.6V377.6zM435.2 460.8v134.4h128v76.8h-128v128H358.4v-128H224V595.2h134.4V460.8h76.8z m448-396.8A76.8 76.8 0 0 1 960 140.8v505.6a76.8 76.8 0 0 1-76.8 76.8h-83.2v-76.8h83.2V140.8H377.6v83.2H300.8V140.8A76.8 76.8 0 0 1 377.6 64h505.6z" ></path></symbol><symbol id="aui-icon-siren" viewBox="0 0 1024 1024"><path d="M512 224c180.288 0 326.4 152.192 326.4 340.032v379.968H960V1024H64v-80h121.6V563.968C185.6 376.192 331.712 224 512 224z m0 76.8c-136.448 0-247.36 115.2-249.6 258.24V947.2h499.2V563.392c0-143.552-109.504-260.224-245.504-262.528L512 300.8z m45.632 160L535.68 630.016h123.52L466.368 870.4l21.952-169.216H364.8L557.632 460.8zM108.672 190.464l110.592 63.488L180.992 320 70.4 256.448l38.272-65.984z m806.656-1.152L953.6 255.36l-110.592 63.488-38.272-65.984 110.592-63.552zM719.616 46.592l65.664 39.232-65.728 108.928-65.664-39.296L719.616 46.592zM296.192 46.08l67.648 107.776-64.96 40.384-67.648-107.712L296.192 46.08zM549.376 0v127.04H472.768V0h76.608z" ></path></symbol><symbol id="aui-icon-check" viewBox="0 0 1024 1024"><path d="M418.496 625.216L833.92 211.2l81.28 81.024L418.496 787.2 102.4 472.192l81.28-81.024z" ></path></symbol><symbol id="aui-icon-check_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 66.048a445.952 445.952 0 1 0 0 891.904A445.952 445.952 0 0 0 512 66.048z m220.544 285.76l62.272 62.336-303.616 303.616L273.216 499.84l62.272-62.272 155.712 155.712 241.344-241.408z" ></path></symbol><symbol id="aui-icon-play_s" viewBox="0 0 1024 1024"><path d="M760.256 560.384l-443.52 315.712a38.4 38.4 0 0 1-60.736-31.36V166.464a38.528 38.528 0 0 1 60.992-31.232l443.648 320.704a64.256 64.256 0 0 1-0.384 104.384z" ></path></symbol><symbol id="aui-icon-stop_s" viewBox="0 0 1024 1024"><path d="M262.4 192h563.2A70.4 70.4 0 0 1 896 262.4v563.2a70.4 70.4 0 0 1-70.4 70.4H262.4A70.4 70.4 0 0 1 192 825.6V262.4A70.4 70.4 0 0 1 262.4 192z" ></path></symbol><symbol id="aui-icon-volume" viewBox="0 0 1024 1024"><path d="M665.152 64h1.472a38.4 38.4 0 0 1 37.376 38.272v883.456a38.336 38.336 0 0 1-36.992 38.272H665.6a38.464 38.464 0 0 1-21.376-6.464L320 800.768H76.8c-42.432 0-76.8-34.304-76.8-76.608v-360.32c0-42.304 34.368-76.608 76.8-76.608H320l324.224-216.768a38.272 38.272 0 0 1 19.456-6.4L665.152 64z m189.312 686.976l166.272 95.68-44.8 77.312-166.272-95.68 44.8-77.312zM614.4 889.856V198.144L347.2 376.832H89.6v334.336h257.6L614.4 889.792zM1024 499.264v89.344h-192V499.328h192z m-48.064-335.36l44.8 77.376-166.272 95.68-44.8-77.312 166.272-95.744z" ></path></symbol><symbol id="aui-icon-minus_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 71.424a440.576 440.576 0 1 0 0 881.152A440.576 440.576 0 0 0 512 71.424z m238.08 392.96v95.232H273.92V464.384h476.16z" ></path></symbol><symbol id="aui-icon-xmark_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 71.424a440.576 440.576 0 1 0 0 881.152A440.576 440.576 0 0 0 512 71.424z m134.72 238.528l67.328 67.328L579.328 512l134.72 134.72-67.328 67.328L512 579.328l-134.72 134.72-67.328-67.328L444.672 512 309.952 377.28l67.328-67.328L512 444.672l134.72-134.72z" ></path></symbol><symbol id="aui-icon-gear" viewBox="0 0 1024 1024"><path d="M581.31584 0c30.528 0 56.832 21.568 62.848 51.456l20.224 100.992c16.896 7.872 33.152 16.96 48.64 27.008l96.128-33.728c29.12-10.24 61.376 1.664 76.8 28.352l89.792 155.2a63.936 63.936 0 0 1-13.248 80.064l-71.04 62.272a400.704 400.704 0 0 1 1.216 67.072l70.528 60.416a63.936 63.936 0 0 1 13.824 80.64l-89.792 155.136c-15.296 26.432-47.104 38.4-76.096 28.608l-84.224-28.416a397.376 397.376 0 0 1-63.68 37.056l-16.384 86.848a64.064 64.064 0 0 1-62.976 52.224H404.29184c-30.528 0-56.832-21.568-62.848-51.456l-18.048-90.24a397.44 397.44 0 0 1-58.88-34.944l-88.064 30.912a64.192 64.192 0 0 1-76.8-28.352L9.85984 681.92a63.936 63.936 0 0 1 13.248-80.064l76.032-66.688a402.304 402.304 0 0 1 0.704-56.768L22.40384 412.16a63.936 63.936 0 0 1-13.824-80.64l89.792-155.136c15.296-26.432 47.104-38.4 76.096-28.608l100.992 34.112c13.952-9.344 28.544-17.792 43.648-25.28l19.648-104.32C344.32384 21.952 370.88384 0 401.73184 0h179.584z m-10.56 76.8H412.41984l-24.704 131.456-34.304 17.024c-10.432 5.184-20.544 10.88-30.336 17.216l-4.864 3.2-31.488 20.992-126.976-42.88-79.168 136.896 99.2 84.992-3.2 39.168a324.672 324.672 0 0 0-0.896 39.68l0.256 6.208 2.176 37.376-96.32 84.48 79.168 136.896 115.84-40.64 32.512 23.296c13.504 9.728 27.712 18.304 42.56 25.792l4.928 2.432 34.56 16.64 23.488 117.376h158.336l21.76-115.328 35.84-16.64c16.384-7.552 32.064-16.512 46.912-26.752l4.48-3.136 32-22.848 111.68 37.76 79.168-136.96-91.712-78.528 2.56-38.4a325.312 325.312 0 0 0-0.32-47.744l-0.64-6.464-3.904-39.36 92.8-81.408-79.168-136.96-121.92 42.88-31.744-20.736a320.192 320.192 0 0 0-34.176-19.328l-5.056-2.432-35.2-16.448L570.75584 76.8zM502.40384 320a198.592 198.592 0 0 1 198.784 198.4c0 109.568-88.96 198.4-198.784 198.4a198.592 198.592 0 0 1-198.784-198.4C303.61984 408.832 392.64384 320 502.40384 320z m0 76.8c-67.264 0-121.792 54.4-121.792 121.6 0 67.2 54.528 121.6 121.792 121.6 67.328 0 121.856-54.4 121.856-121.6 0-67.2-54.528-121.6-121.856-121.6z" ></path></symbol><symbol id="aui-icon-caret_down_s" viewBox="0 0 1024 1024"><path d="M498.304 688L176 336h640z" ></path></symbol><symbol id="aui-icon-grid" viewBox="0 0 1024 1024"><path d="M384 563.2A76.8 76.8 0 0 1 460.8 640v243.2A76.8 76.8 0 0 1 384 960H140.8A76.8 76.8 0 0 1 64 883.2V640a76.8 76.8 0 0 1 76.8-76.8H384z m499.2 0A76.8 76.8 0 0 1 960 640v243.2a76.8 76.8 0 0 1-76.8 76.8H640a76.8 76.8 0 0 1-76.8-76.8V640A76.8 76.8 0 0 1 640 563.2h243.2zM384 640H140.8v243.2H384V640z m499.2 0H640v243.2h243.2V640zM384 64a76.8 76.8 0 0 1 76.8 76.8V384A76.8 76.8 0 0 1 384 460.8H140.8A76.8 76.8 0 0 1 64 384V140.8A76.8 76.8 0 0 1 140.8 64H384z m499.2 0A76.8 76.8 0 0 1 960 140.8V384a76.8 76.8 0 0 1-76.8 76.8H640A76.8 76.8 0 0 1 563.2 384V140.8A76.8 76.8 0 0 1 640 64h243.2zM384 140.8H140.8V384H384V140.8z m499.2 0H640V384h243.2V140.8z" ></path></symbol><symbol id="aui-icon-list" viewBox="0 0 1024 1024"><path d="M76.8 742.4a76.8 76.8 0 1 1 0 153.6 76.8 76.8 0 0 1 0-153.6z m947.2 38.4v76.8H281.6v-76.8H1024zM76.8 435.2a76.8 76.8 0 1 1 0 153.6 76.8 76.8 0 0 1 0-153.6z m947.2 38.4v76.8H281.6V473.6H1024zM76.8 128a76.8 76.8 0 1 1 0 153.6 76.8 76.8 0 0 1 0-153.6z m947.2 38.4v76.8H281.6V166.4H1024z" ></path></symbol><symbol id="aui-icon-arrow_right_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m54.272 243.2L493.696 314.944l145.536 144H185.6v101.44h458.368L493.696 709.12 566.272 780.8l199.168-196.992 0.384 0.32L838.4 512.384 838.016 512l0.384-0.384-72.576-71.744-0.384 0.32L566.272 243.2z" ></path></symbol><symbol id="aui-icon-check_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m230.784 325.76L462.272 606.4l-181.12-180.992-72.32 72.448 253.44 253.44 352.96-353.024-72.448-72.384z" ></path></symbol><symbol id="aui-icon-exclamation_triangle_s" viewBox="0 0 1024 1024"><path d="M546.39872 33.792c14.72 7.424 26.56 19.328 33.92 34.048l435.712 819.456a76.8 76.8 0 0 1-33.92 102.912c-10.624 5.376-22.4 8.192-34.24 8.192H76.44672a76.48 76.48 0 0 1-68.16-111.104L443.99872 67.84a76.16 76.16 0 0 1 102.4-34.048zM512.15872 729.6a70.4 70.4 0 1 0 0 140.8 70.4 70.4 0 0 0 0-140.8z m76.8-384H435.35872l19.2 294.4h115.2l19.2-294.4z" ></path></symbol><symbol id="aui-icon-exclamation_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 646.4a70.4 70.4 0 1 0 0 140.8 70.4 70.4 0 0 0 0-140.8z m83.2-409.6H428.8l25.6 320h115.2l25.6-320z" ></path></symbol><symbol id="aui-icon-exclamation_s" viewBox="0 0 1024 1024"><path d="M512 768a102.4 102.4 0 1 1 0 204.8A102.4 102.4 0 0 1 512 768zM659.2 51.2l-57.6 640H422.4L364.8 51.2h294.4z" ></path></symbol><symbol id="aui-icon-expand" viewBox="0 0 1024 1024"><path d="M960 640v243.2a76.8 76.8 0 0 1-74.88 76.8H640v-76.8h243.2V640H960zM387.264 576l54.336 54.336-250.624 250.624h195.264v76.8h-320v-320h76.8v182.464L387.264 576zM960 64v320h-76.8V201.472L638.976 445.76l-54.336-54.336L835.264 140.8H640V64h320zM384 64v76.8H140.8V384H64V140.8A76.8 76.8 0 0 1 138.88 64H384z" ></path></symbol><symbol id="aui-icon-file_export" viewBox="0 0 1024 1024"><path d="M723.2 64h1.92a76.8 76.8 0 0 1 74.88 74.88V307.2h-76.8V140.8H384V384H140.8v499.2h582.4v-64h76.8v65.92A76.8 76.8 0 0 1 725.12 960H138.88a76.8 76.8 0 0 1-73.472-62.08L65.088 896H64V307.2L307.2 64h416z m57.6 320L960 563.2l-179.2 179.2-54.336-54.272L812.992 601.6H460.8V524.8h352.192L726.4 438.4 780.8 384zM313.6 172.608L172.608 313.6H313.6V172.608z" ></path></symbol><symbol id="aui-icon-file_import" viewBox="0 0 1024 1024"><path d="M723.2 64h1.92a76.8 76.8 0 0 1 74.88 74.88V307.2h-76.8V140.8H384V384H140.8v499.2h582.4v-64h76.8v65.92A76.8 76.8 0 0 1 725.12 960H138.88a76.8 76.8 0 0 1-73.472-62.08L65.088 896H64V307.2L307.2 64h416zM640 384l54.336 54.336L607.808 524.8H960v76.8H607.808l86.528 86.528L640 742.4 460.8 563.2 640 384zM313.6 172.608L172.608 313.6H313.6V172.608z" ></path></symbol><symbol id="aui-icon-help_doc" viewBox="0 0 1024 1024"><path d="M710.4 236.8a76.8 76.8 0 0 1 76.8 76.8v614.4a76.8 76.8 0 0 1-76.8 76.8H96a76.8 76.8 0 0 1-76.8-76.8V313.6a76.8 76.8 0 0 1 76.8-76.8h614.4z m0 76.8H96v614.4h614.4V313.6z m-294.4 435.2a51.2 51.2 0 1 1 0 102.4 51.2 51.2 0 0 1 0-102.4zM934.4 12.8a76.8 76.8 0 0 1 76.8 76.8V704a76.8 76.8 0 0 1-76.8 76.8h-71.872v-74.304h74.368V87.04H317.44v74.368H243.2V89.6A76.8 76.8 0 0 1 320 12.8h614.4zM416 364.8c77.888 0 140.8 63.872 140.8 142.4 0 40.448-23.04 76.928-64.896 109.888l-2.56 1.984a89.6 89.6 0 0 0-34.944 68.672v22.656H377.6v-20.288a166.4 166.4 0 0 1 62.656-130.112l2.24-1.792c26.432-20.352 37.504-37.504 37.504-51.008 0-36.352-28.8-65.6-64-65.6-34.624 0-63.04 28.288-64 63.744v1.856H275.2c0-78.528 62.912-142.4 140.8-142.4z" ></path></symbol><symbol id="aui-icon-info_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m57.6 435.2H454.4v384h115.2v-384zM512 204.8a70.4 70.4 0 1 0 0 140.8 70.4 70.4 0 0 0 0-140.8z" ></path></symbol><symbol id="aui-icon-magnifier" viewBox="0 0 1024 1024"><path d="M499.2 70.4a428.8 428.8 0 0 1 335.296 696.128L1011.2 943.36 943.36 1011.2l-176.832-176.704A428.8 428.8 0 1 1 499.2 70.4z m0 96a332.8 332.8 0 1 0 0 665.6 332.8 332.8 0 0 0 0-665.6z" ></path></symbol><symbol id="aui-icon-info_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8z m57.6 384v332.8H454.4V460.8h115.2zM512 230.4a70.4 70.4 0 1 1 0 140.8 70.4 70.4 0 0 1 0-140.8z" ></path></symbol><symbol id="aui-icon-pause_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0zM435.2 288H332.8v448h102.4v-448z m256 0H588.8v448h102.4v-448z" ></path></symbol><symbol id="aui-icon-minus_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m288 460.8h-576v102.4h576V460.8z" ></path></symbol><symbol id="aui-icon-jump" viewBox="0 0 1024 1024"><path d="M449.856 153.6v89.6H153.6v627.2h627.2V597.248h89.6V883.2a76.8 76.8 0 0 1-76.8 76.8H140.8A76.8 76.8 0 0 1 64 883.2V230.4a76.8 76.8 0 0 1 76.8-76.8h309.056zM960 64v384h-89.6V216.96L545.152 542.208l-63.36-63.36L807.04 153.6H576V64h384z" ></path></symbol><symbol id="aui-icon-pause_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8zM448 294.4v435.2H345.6V294.4H448z m230.4 0v435.2H576V294.4h102.4z" ></path></symbol><symbol id="aui-icon-play_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0zM371.84 256v512l358.4-254.016L371.84 256z" ></path></symbol><symbol id="aui-icon-plus" viewBox="0 0 1024 1024"><path d="M64 454.4h896v115.2H64z" ></path><path d="M454.4 64h115.2v896H454.4z" ></path></symbol><symbol id="aui-icon-play_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 89.6a422.4 422.4 0 1 0 0 844.8A422.4 422.4 0 0 0 512 89.6zM371.84 256l358.4 257.984L371.84 768V256z" ></path></symbol><symbol id="aui-icon-plus_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m51.2 224H460.8v236.8H224v102.4h236.8v236.8h102.4V563.2h236.8V460.8H563.2V224z" ></path></symbol><symbol id="aui-icon-plus_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8zM563.2 256v204.736L768 460.8v102.4H563.2V768H460.8l-0.064-204.8H256V460.8l204.736-0.064L460.8 256h102.4z" ></path></symbol><symbol id="aui-icon-question_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 697.6a64 64 0 1 0 0 128 64 64 0 0 0 0-128z m0-512a185.6 185.6 0 0 0-185.6 185.6h89.6v-1.984a96 96 0 0 1 192 1.984c0 22.976-20.16 51.2-66.56 83.392A172.8 172.8 0 0 0 467.2 596.608v49.792h89.6v-52.096a83.2 83.2 0 0 1 35.776-66.112C660.608 481.024 697.6 429.184 697.6 371.2A185.6 185.6 0 0 0 512 185.6z" ></path></symbol><symbol id="aui-icon-question_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8z m0 620.8a64 64 0 1 1 0 128 64 64 0 0 1 0-128z m0-512a185.6 185.6 0 0 1 185.6 185.6c0 57.984-36.992 109.824-105.024 156.992A83.2 83.2 0 0 0 556.8 594.304V646.4H467.2v-49.792a172.8 172.8 0 0 1 74.24-142.016C587.904 422.464 608 394.24 608 371.2a96 96 0 0 0-192-1.984V371.2H326.4A185.6 185.6 0 0 1 512 185.6z" ></path></symbol><symbol id="aui-icon-sort_positive" viewBox="0 0 1024 1024"><path d="M737.536 300.8l219.2 219.136-54.336 54.336-126.464-126.464V960h-76.8V447.808L572.8 574.272 518.4 519.936 737.536 300.8zM294.4 774.4v76.8H64v-76.8h230.4z m102.4-236.8v76.8H64V537.6h332.8zM512 300.8v76.8H64V300.8h448zM960 64v76.8H64V64h896z" ></path></symbol><symbol id="aui-icon-minus" viewBox="0 0 1024 1024"><path d="M64 454.4h896v115.2H64z" ></path></symbol><symbol id="aui-icon-stop_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m192 320H320v384h384V320z" ></path></symbol><symbol id="aui-icon-user" viewBox="0 0 1024 1024"><path d="M512 12.8a281.6 281.6 0 0 1 130.368 531.264 448.192 448.192 0 0 1 317.568 422.4h-80.256a367.744 367.744 0 0 0-735.36 0H64v-1.088a448.256 448.256 0 0 1 317.568-421.312A281.6 281.6 0 0 1 512 12.8z m0 76.8a204.8 204.8 0 1 0 0 409.6 204.8 204.8 0 0 0 0-409.6z" ></path></symbol><symbol id="aui-icon-users" viewBox="0 0 1024 1024"><path d="M396.8 70.4a281.6 281.6 0 0 1 127.296 532.864 396.928 396.928 0 0 1 269.44 369.344l0.064 6.592h-76.8a320 320 0 0 0-640-5.312v5.312H0a396.992 396.992 0 0 1 269.504-375.936A281.6 281.6 0 0 1 396.8 70.4zM627.2 44.8a281.6 281.6 0 0 1 202.176 477.632 396.928 396.928 0 0 1 194.56 336.448l0.064 5.12h-76.8a320.128 320.128 0 0 0-214.08-302.08l-3.84-1.28-3.968-54.4a204.8 204.8 0 0 0-94.72-384.64H627.2V44.8zM396.8 147.2a204.8 204.8 0 1 0 0 409.6 204.8 204.8 0 0 0 0-409.6z" ></path></symbol><symbol id="aui-icon-xmark_small" viewBox="0 0 1024 1024"><path d="M832 328L613.248 544 832 760l-65.6 64.768-218.752-216L321.6 832 256 767.232 482.048 544 256 320.832 321.6 256l226.048 223.168 218.752-216z" ></path></symbol><symbol id="aui-icon-trash" viewBox="0 0 1024 1024"><path d="M261.76 326.4v620.8h500.48V326.4h76.16v620.8a76.8 76.8 0 0 1-76.8 76.8H262.4a76.8 76.8 0 0 1-76.8-76.8V326.4h76.16zM460.8 416v384H384v-384h76.8z m179.2 0v384H563.2v-384H640zM512 0a166.4 166.4 0 0 1 163.328 134.4H972.8v76.8H51.2V134.4h297.472A166.4 166.4 0 0 1 512 0z m0 76.8a89.6 89.6 0 0 0-83.712 57.6h167.424A89.6 89.6 0 0 0 512 76.8z" ></path></symbol><symbol id="aui-icon-sort_reverse" viewBox="0 0 1024 1024"><path d="M775.936 300.8v512.192l126.464-126.464 54.336 54.336L737.536 960 518.4 740.864l54.336-54.336 126.4 126.464V300.8h76.8zM294.4 774.4v76.8H64v-76.8h230.4z m102.4-236.8v76.8H64V537.6h332.8zM512 300.8v76.8H64V300.8h448zM960 64v76.8H64V64h896z" ></path></symbol><symbol id="aui-icon-xmark_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m167.424 272.128L512 439.68 344.576 272.128 272.128 344.576 439.68 512l-167.488 167.424 72.448 72.448L512 584.32l167.424 167.488 72.448-72.448L584.32 512l167.488-167.424-72.448-72.448z" ></path></symbol><symbol id="aui-icon-xmark" viewBox="0 0 1024 1024"><path d="M870.4 243.2L598.208 512l272.192 268.8-81.664 80.64-272.192-268.8-281.28 277.76L153.6 789.76 434.88 512 153.6 234.24 235.264 153.6 516.48 431.36l272.192-268.8z" ></path></symbol><symbol id="aui-icon-circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 89.6a422.4 422.4 0 1 0 0 844.8A422.4 422.4 0 0 0 512 89.6z" ></path></symbol><symbol id="aui-icon-link_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m22.656 407.936A76.8 76.8 0 0 0 427.52 406.4l-1.536 1.472L254.08 579.84a76.8 76.8 0 0 0-1.472 107.072l1.472 1.536 81.472 81.472a76.8 76.8 0 0 0 107.136 1.472l1.472-1.472 81.472-81.472-54.272-54.336-81.472 81.472-81.472-81.472 171.968-171.968 49.792 49.792 54.272-54.336-49.728-49.728z m153.856-153.92a76.8 76.8 0 0 0-107.136-1.472l-1.472 1.472-81.472 81.472 54.272 54.336L634.24 308.352l81.472 81.472-171.968 171.968L493.888 512l-54.272 54.336 49.728 49.728a76.8 76.8 0 0 0 107.136 1.472l1.536-1.472L769.92 444.16a76.8 76.8 0 0 0 1.472-107.072l-1.472-1.536-81.472-81.472z" ></path></symbol><symbol id="aui-icon-angles_right" viewBox="0 0 1024 1024"><path d="M514.24 893.12l-63.36-63.36 316.8-316.8-316.8-316.8 63.36-63.36 380.16 380.16-380.16 380.16z m-275.2 0l-63.36-63.36 316.8-316.8-316.8-316.8 63.36-63.36 380.16 380.16-380.16 380.16z" ></path></symbol><symbol id="aui-icon-angles_up" viewBox="0 0 1024 1024"><path d="M893.12 540.16l-63.36 63.36-316.8-316.8-316.8 316.8-63.36-63.36 380.16-380.16 380.16 380.16z m0 275.2l-63.36 63.36-316.8-316.8-316.8 316.8-63.36-63.36 380.16-380.16 380.16 380.16z" ></path></symbol><symbol id="aui-icon-angles_left" viewBox="0 0 1024 1024"><path d="M509.76 893.12l63.36-63.36-316.8-316.8 316.8-316.8-63.36-63.36-380.16 380.16 380.16 380.16z m275.2 0l63.36-63.36-316.8-316.8 316.8-316.8-63.36-63.36-380.16 380.16 380.16 380.16z" ></path></symbol><symbol id="aui-icon-ban_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8z m251.776 237.696a320 320 0 0 1-449.28 449.28l449.28-449.28zM512 192c74.56 0 143.104 25.472 197.504 68.224l-449.28 449.28A320 320 0 0 1 512 192z" ></path></symbol><symbol id="aui-icon-lock_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 192a128 128 0 0 0-128 125.824V384h-51.2A76.8 76.8 0 0 0 256 458.88v264.32a76.8 76.8 0 0 0 74.88 76.8h360.32a76.8 76.8 0 0 0 76.8-74.88V460.8A76.8 76.8 0 0 0 693.12 384H640V320a128 128 0 0 0-125.824-128H512z m0 352a38.4 38.4 0 0 1 38.4 38.4v83.2a38.4 38.4 0 0 1-76.8 0V582.4a38.4 38.4 0 0 1 38.4-38.4z m0-275.2h1.6a51.2 51.2 0 0 1 49.6 49.6V384H460.8V318.4A51.2 51.2 0 0 1 512 268.8z" ></path></symbol><symbol id="aui-icon-trash_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0zM352 409.6h-64v328.384A96 96 0 0 0 384 832h257.984a96 96 0 0 0 94.016-96V409.6h-64v327.808A32 32 0 0 1 640 768H382.592a32 32 0 0 1-30.592-32V409.6z m128 64h-64v224h64V473.6z m128 0h-64v224h64V473.6zM512 185.6a108.8 108.8 0 0 0-108.416 99.392L403.2 294.4 224 294.4v64h576v-64l-179.264-0.064v-1.984A108.8 108.8 0 0 0 512 185.6z m0 64a44.8 44.8 0 0 1 44.416 38.72l0.32 6.016H467.2v-1.472A44.8 44.8 0 0 1 512 249.6z" ></path></symbol><symbol id="aui-icon-rotate" viewBox="0 0 1024 1024"><path d="M437.632 588.8l-87.296 86.272 2.368 2.368C396.928 720 448.64 742.4 515.2 742.4c103.808 0 186.24-52.096 221.696-141.248l4.48-12.352H832l-1.088 4.16C794.688 730.56 665.408 832 515.2 832a323.84 323.84 0 0 1-217.344-83.136l-11.2-10.56L192 832V588.8h245.632zM832 192v243.2H586.368l87.296-86.272-2.368-2.368C627.072 304 575.36 281.6 508.8 281.6c-103.808 0-186.24 52.096-221.696 141.248l-4.48 12.352H192l1.088-4.16C229.312 293.504 358.592 192 508.8 192a323.84 323.84 0 0 1 217.344 83.136l11.2 10.624L832 192z" ></path></symbol><symbol id="aui-icon-actual_size" viewBox="0 0 1024 1024"><path d="M32 192h198.4l-0.064 563.136L352 755.2V832h-320v-76.8l121.6-0.064V268.8H32V192z m838.4 563.136l121.6 0.064V832h-320v-76.8l121.536-0.064V268.8H672V192h198.4v563.136zM563.2 576v102.4H460.8V576h102.4z m0-230.4V448H460.8V345.6h102.4z" ></path></symbol><symbol id="aui-icon-ellipsis_s" viewBox="0 0 1024 1024"><path d="M230.4 512A115.2 115.2 0 1 1 0 512a115.2 115.2 0 0 1 230.4 0z m396.8 0a115.2 115.2 0 1 1-230.4 0 115.2 115.2 0 0 1 230.4 0z m281.6 115.2a115.2 115.2 0 1 0 0-230.4 115.2 115.2 0 0 0 0 230.4z" ></path></symbol><symbol id="aui-icon-calendar" viewBox="0 0 1024 1024"><path d="M352 64v128h320V64H768v128h115.2A76.8 76.8 0 0 1 960 268.8v614.4a76.8 76.8 0 0 1-76.8 76.8H140.8A76.8 76.8 0 0 1 64 883.2V268.8A76.8 76.8 0 0 1 140.8 192H256V64h96z m531.2 396.8H140.8v422.4h742.4V460.8zM768 576v96h-96V576H768z m115.2-307.2H140.8V384h742.4V268.8z" ></path></symbol><symbol id="aui-icon-clock" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8z m51.2 140.8v384h-320V512h230.4V217.6h89.6z" ></path></symbol><symbol id="aui-icon-ellipsis_v_s" viewBox="0 0 1024 1024"><path d="M512 793.6A115.2 115.2 0 1 1 512 1024a115.2 115.2 0 0 1 0-230.4z m0-396.8a115.2 115.2 0 1 1 0 230.4 115.2 115.2 0 0 1 0-230.4z m115.2-281.6a115.2 115.2 0 1 0-230.4 0 115.2 115.2 0 0 0 230.4 0z" ></path></symbol><symbol id="aui-icon-computer" viewBox="0 0 1024 1024"><path d="M883.2 102.4A76.8 76.8 0 0 1 960 179.2v486.4a76.8 76.8 0 0 1-76.8 76.8H550.4v102.4H473.6v-102.4H140.8A76.8 76.8 0 0 1 64 665.6V179.2a76.8 76.8 0 0 1 76.8-76.8h742.4z m0 76.8H140.8v486.4h742.4V179.2zM256 844.8h512v76.8H256v-76.8z" ></path></symbol><symbol id="aui-icon-copy" viewBox="0 0 1024 1024"><path d="M524.8 192L768 435.2v512a76.8 76.8 0 0 1-74.88 76.8H140.8A76.8 76.8 0 0 1 64 947.2V266.88A76.8 76.8 0 0 1 138.88 192H524.8zM448 435.2V268.8H140.8v678.4h550.4V512H524.8A76.8 76.8 0 0 1 448 435.2zM716.8 0L960 243.2v513.92A76.8 76.8 0 0 1 885.12 832h-40.32v-76.8h38.4V275.008L684.992 76.8H332.8v38.4H256v-40.32A76.8 76.8 0 0 1 330.88 0h385.92z m-192 300.608V435.2h134.592L524.8 300.608z" ></path></symbol><symbol id="aui-icon-file_magnifier" viewBox="0 0 1024 1024"><path d="M585.6 0L896 313.6V576h-76.8V352H531.2V76.8H204.8v870.4h313.6V1024H204.8A76.8 76.8 0 0 1 128 947.2V76.8A76.8 76.8 0 0 1 204.8 0h380.8z m280.768 700.928c53.12 53.12 61.12 134.336 23.872 195.84l71.168 71.168-54.272 54.272-71.168-71.104a160.064 160.064 0 1 1 30.4-250.24z m-171.968 54.272a83.2 83.2 0 1 0 117.696 117.696A83.2 83.2 0 0 0 694.4 755.2zM576 588.8v76.8H320V588.8h256zM704 448v76.8H320V448h384zM608 137.536V275.2h137.728L608 137.536z" ></path></symbol><symbol id="aui-icon-file" viewBox="0 0 1024 1024"><path d="M585.6 0L896 313.6v633.6a76.8 76.8 0 0 1-76.8 76.8H204.8A76.8 76.8 0 0 1 128 947.2V76.8A76.8 76.8 0 0 1 204.8 0h380.8zM531.2 76.8H204.8v870.4h614.4V352H531.2V76.8zM704 729.6v76.8H320v-76.8h384z m0-140.8v76.8H320V588.8h384zM576 448v76.8H320V448h256z m32-310.464V275.2h137.728L608 137.536z" ></path></symbol><symbol id="aui-icon-folder" viewBox="0 0 1024 1024"><path d="M1024 883.2a76.8 76.8 0 0 1-76.8 76.8H76.8A76.8 76.8 0 0 1 0 883.2V140.8A76.8 76.8 0 0 1 76.8 64H512a76.8 76.8 0 0 1 61.44 30.72L646.4 192h300.8A76.8 76.8 0 0 1 1024 268.8v614.4zM947.2 448H76.8v435.2h870.4V448zM512 140.8H76.8v230.4h870.4V268.8H608L512 140.8z" ></path></symbol><symbol id="aui-icon-full_size" viewBox="0 0 1024 1024"><path d="M140.8 768v115.2H256V960H140.8A76.8 76.8 0 0 1 64 883.2V768h76.8zM960 768v115.2a76.8 76.8 0 0 1-76.8 76.8H768v-76.8h115.2V768H960z m-128-512v512H192V256h640z m-76.8 76.8H268.8v358.4h486.4V332.8zM256 64v76.8H140.8V256H64V140.8A76.8 76.8 0 0 1 140.8 64H256z m627.2 0A76.8 76.8 0 0 1 960 138.88V256h-76.8V140.8H768V64h115.2z" ></path></symbol><symbol id="aui-icon-lang_en" viewBox="0 0 1024 1024"><path d="M883.2 64A76.8 76.8 0 0 1 960 140.8v742.4a76.8 76.8 0 0 1-76.8 76.8H140.8A76.8 76.8 0 0 1 64 883.2V140.8A76.8 76.8 0 0 1 140.8 64h742.4z m0 76.8H140.8v742.4h742.4V140.8zM480 313.6v76.8H300.8v83.2h179.2v76.8H300.8v83.2h179.2v76.8h-256V313.6h256z m115.2 38.4v53.76a140.8 140.8 0 0 1 204.8 125.44v179.2h-76.8V531.2a64 64 0 0 0-62.208-64H659.2a64 64 0 0 0-64 62.208V710.4H518.4V352h76.8z" ></path></symbol><symbol id="aui-icon-hourglass_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m256 256H256v64l37.568 0.064c26.368 108.8 80.32 172.8 161.856 192-76.032 18.432-128.32 76.8-156.992 175.104l-4.608 16.768L256 704v64h512v-64l-37.824-0.064c-27.52-108.416-81.344-172.416-161.6-191.808 77.44-18.304 129.984-76.992 157.696-176.064l4.16-16L768 320V256zM508.544 556.8c57.92 0 100.096 22.272 126.464 66.88l5.44 9.92h-259.2l4.864-9.92C409.792 579.072 450.56 556.8 508.544 556.8zM672 320a153.6 153.6 0 0 1-11.328 43.008c-4.864 12.288-10.368 23.04-16.384 32.448l-6.208 8.896-252.8 0.128c-5.44-3.712-12.16-15.616-20.224-35.648-6.4-16-10.496-29.632-12.224-40.832L352 320h320z" ></path></symbol><symbol id="aui-icon-folder_open" viewBox="0 0 1024 1024"><path d="M945.15264 448a76.8 76.8 0 0 1 74.624 95.168l-88.32 358.4a76.8 76.8 0 0 1-74.56 58.432H78.84864a76.8 76.8 0 0 1-71.68-48.96l-0.64-1.92A82.944 82.944 0 0 1 0.00064 876.8V140.8A76.8 76.8 0 0 1 76.80064 64h346.432c18.048 0 35.52 6.4 49.408 17.92L603.77664 192H825.60064a76.8 76.8 0 0 1 76.8 76.8V448h42.752z m0 76.8H167.10464l-88.32 358.4H856.96064l88.32-358.4z m-119.552-256H575.80864l-152.576-128H76.80064v429.568l15.744-64A76.8 76.8 0 0 1 167.10464 448H825.60064V268.8z" ></path></symbol><symbol id="aui-icon-home_s" viewBox="0 0 1024 1024"><path d="M464.704 80.256a76.8 76.8 0 0 1 92.928-1.28l1.664 1.28 371.2 290.176c18.048 14.08 28.8 35.456 29.44 58.24l0.064 2.304V883.2a76.8 76.8 0 0 1-74.88 76.8H704v-256a192 192 0 0 0-384-3.2V960H140.8A76.8 76.8 0 0 1 64 885.12V430.976c0-22.912 10.24-44.544 27.712-59.072l1.792-1.472 371.2-290.176z" ></path></symbol><symbol id="aui-icon-eye_slash_s" viewBox="0 0 1024 1024"><path d="M808.832 160.64l53.632 54.4L227.84 857.6l-53.632-54.336 58.624-59.264c-26.624-16-52.928-33.984-78.848-53.76A978.752 978.752 0 0 1 48.192 596.224l-8-8.256-20.928-22.848-10.688-12.544a38.784 38.784 0 0 1-4.864-40.832l3.136-5.504 1.6-2.24 14.08-18.944 15.232-19.2 8.448-10.368A1046.656 1046.656 0 0 1 151.68 345.984C265.152 244.352 386.56 182.784 512 182.784c73.728 0 146.048 21.248 216.192 59.392l80.64-81.472z m43.008 167.488a1046.656 1046.656 0 0 1 126.016 127.488l13.76 16.896 6.272 8 15.552 20.608 3.712 5.184a38.784 38.784 0 0 1 1.856 41.152l-4.096 5.888-12.672 14.72-10.944 12.032c-4.864 5.12-9.984 10.624-15.488 16.192-31.232 32-66.624 64-105.728 93.888-113.28 86.592-233.984 138.944-358.08 138.944-45.44 0-90.496-7.04-134.912-20.16l62.784-63.68c24.064 4.672 48.128 7.04 72.128 7.04 104.96 0 211.136-46.016 312.32-123.456 36.032-27.52 68.736-56.96 97.536-86.528l15.168-16-17.216-21.248c-23.04-27.712-48.64-55.424-76.48-81.92l-24.896-22.912-7.296-6.4-13.248-11.136 53.952-54.592z m-493.952-31.36l-5.12 2.368a622.72 622.72 0 0 0-120.192 78.144l-19.712 16.576-10.944 9.6a971.072 971.072 0 0 0-97.728 101.632l-17.28 21.248 15.232 16c28.8 29.504 61.504 59.072 97.472 86.528 29.184 22.4 58.816 42.048 88.64 58.816l84.736-85.76A218.24 218.24 0 0 1 303.424 441.6c0-55.616 20.608-106.304 54.464-144.768z m167.232 362.304l207.872-210.688 0.256-6.784c0 117.888-92.608 213.888-208.128 217.472zM546.752 281.6c-109.12 0-180.16 83.328-180.16 188.8 0 17.664 14.144 32 31.616 32a31.808 31.808 0 0 0 31.616-32c0-72 44.992-124.8 116.928-124.8a31.808 31.808 0 0 0 31.616-32c0-17.664-14.144-32-31.616-32z" ></path></symbol><symbol id="aui-icon-lang_zh" viewBox="0 0 1024 1024"><path d="M883.2 64A76.8 76.8 0 0 1 960 140.8v742.4a76.8 76.8 0 0 1-76.8 76.8H140.8A76.8 76.8 0 0 1 64 883.2V140.8A76.8 76.8 0 0 1 140.8 64h742.4z m0 76.8H140.8v742.4h742.4V140.8zM550.4 230.4V320h230.4v320H550.4v166.4H473.6V640H243.2V320h230.4V230.4h76.8zM473.6 396.8H320v166.4h153.6V396.8z m230.4 0H550.4v166.4H704V396.8z" ></path></symbol><symbol id="aui-icon-menu_dot_s" viewBox="0 0 1024 1024"><path d="M160 768a96 96 0 1 1 0 192 96 96 0 0 1 0-192zM512 768a96 96 0 1 1 0 192 96 96 0 0 1 0-192z m352 0a96 96 0 1 1 0 192 96 96 0 0 1 0-192z m-704-352a96 96 0 1 1 0 192 96 96 0 0 1 0-192z m352 0a96 96 0 1 1 0 192 96 96 0 0 1 0-192z m352 0a96 96 0 1 1 0 192 96 96 0 0 1 0-192zM160 64a96 96 0 1 1 0 192 96 96 0 0 1 0-192zM512 64a96 96 0 1 1 0 192 96 96 0 0 1 0-192z m352 0a96 96 0 1 1 0 192 96 96 0 0 1 0-192z" ></path></symbol><symbol id="aui-icon-bell_on" viewBox="0 0 1024 1024"><path d="M64 838.336v-76.8l89.6-0.064V511.744c0-159.616 104.96-297.6 253.248-343.04l4.48-1.28 1.216-0.32 0.192-0.96a102.464 102.464 0 0 1 94.976-76.992l2.304-0.064H512a102.4 102.4 0 0 1 98.688 74.944l0.576 2.112 0.192 1.024 1.408 0.384a358.464 358.464 0 0 1 257.408 334.336l0.064 4.736 0.064 5.12v249.728H960v76.8H64zM512 165.888a25.6 25.6 0 0 0-25.6 24.32v0.64l1.92 38.144-32.384 6.528A281.856 281.856 0 0 0 230.4 507.712V761.472h563.2V511.68a281.6 281.6 0 0 0-217.728-274.432l-3.84-0.832-3.968-0.832-32.384-6.592 1.92-38.144v-0.64a25.6 25.6 0 0 0-23.04-24.192l-1.28-0.064H512zM337.28 63.04l22.08 60.032a442.624 442.624 0 0 0-190.336 136.32l-2.88 3.648-50.112-39.872a506.752 506.752 0 0 1 216.512-158.4L337.28 63.04z m351.296 0l4.608 1.728a506.688 506.688 0 0 1 213.44 154.56l3.136 3.84-50.112 39.872-2.944-3.648a442.752 442.752 0 0 0-185.792-134.656l-4.48-1.664 22.144-60.032zM416 876.736h192V953.6h-192v-76.8z" ></path></symbol><symbol id="aui-icon-sun" viewBox="0 0 1024 1024"><path d="M556.8 870.4V1024H467.2v-153.6h89.6z m-329.92-136.64l63.36 63.36-108.608 108.608-63.36-63.36 108.608-108.608z m570.24 0l108.608 108.608-63.36 63.36-108.608-108.608 63.36-63.36zM512 230.4a281.6 281.6 0 1 1 0 563.2 281.6 281.6 0 0 1 0-563.2z m0 96a185.6 185.6 0 1 0 0 371.2 185.6 185.6 0 0 0 0-371.2z m512 140.8v89.6h-153.6V467.2H1024z m-870.4 0v89.6H0V467.2h153.6z m688.768-348.928l63.36 63.36-108.608 108.608-63.36-63.36 108.608-108.608z m-660.736 0l108.608 108.608-63.36 63.36-108.608-108.608 63.36-63.36zM556.8 0v153.6H467.2V0h89.6z" ></path></symbol><symbol id="aui-icon-eye_s" viewBox="0 0 1088 1024"><path d="M518.9344 185.6c127.04 0 249.92 61.632 364.8 163.2a1052.48 1052.48 0 0 1 127.168 134.528l8.832 11.392 10.688 14.464a38.4 38.4 0 0 1 1.856 41.088l-3.648 5.248-7.872 9.28-17.216 18.88-14.976 15.488c-31.616 32-67.52 64-107.072 93.888C766.8704 779.648 644.5664 832 518.9344 832s-247.936-52.352-362.56-138.944a983.04 983.04 0 0 1-87.552-74.688L45.3344 595.072l-17.472-18.304-10.752-11.968-7.872-9.28a38.4 38.4 0 0 1-4.992-40.832l3.2-5.504 7.168-9.728 12.352-16.128 13.184-16.256a1052.48 1052.48 0 0 1 113.92-118.208C269.0144 247.168 391.8944 185.6 518.9344 185.6zM358.8704 301.44l-15.424 7.68c-46.72 24.192-93.056 57.088-138.496 97.28-36.48 32.256-69.76 66.88-98.944 101.568l-17.472 21.248 15.424 16c29.12 29.504 62.272 59.008 98.688 86.528C305.1744 709.184 412.5664 755.2 518.9344 755.2c106.304 0 213.76-46.08 316.288-123.456a906.88 906.88 0 0 0 80.704-68.864l17.92-17.664 15.424-16-17.408-21.248a976.512 976.512 0 0 0-98.944-101.568 700.288 700.288 0 0 0-132.608-94.208 217.6 217.6 0 1 1-341.44-10.688zM554.1344 281.6C443.6704 281.6 371.7344 364.928 371.7344 470.4a32 32 0 0 0 63.488 5.76l0.512-5.76v-2.304C436.6944 397.248 482.0704 345.6 554.1344 345.6a32 32 0 1 0 0-64z" ></path></symbol><symbol id="aui-icon-timer" viewBox="0 0 1024 1024"><path d="M512.019841 0a511.973121 511.973121 0 1 1-359.469127 147.384262l54.397144 54.205155a435.177153 435.177153 0 1 0 343.533964-123.129536L550.417826 204.789249H473.621857v-191.989921l0.639967-0.063997-0.895953-11.327405C486.165199 0.511973 498.964527 0 512.019841 0zM306.782616 267.889936l154.87187 154.871869a102.394624 102.394624 0 1 1-43.197733 47.357514L261.600988 313.199557l45.245625-45.245625z" ></path></symbol><symbol id="aui-icon-moon" viewBox="0 0 1024 1024"><path d="M470.4 64a60.16 60.16 0 0 1 25.216 5.76c8.448 3.904 14.72 9.344 18.944 16.384 4.928 9.152 6.528 17.92 4.736 26.432a74.24 74.24 0 0 1-8.96 23.168 268.096 268.096 0 0 0-46.336 98.176 272.64 272.64 0 0 0 31.616 200.512c18.24 30.272 42.496 56.64 72.64 79.168a262.528 262.528 0 0 0 160.064 54.848c28.096 0 55.808-4.544 83.2-13.696a248.768 248.768 0 0 0 75.84-41.152 38.592 38.592 0 0 1 25.28-10.048 41.152 41.152 0 0 1 22.784 4.928l1.408 0.896c7.04 4.224 12.608 10.368 16.832 18.432 4.224 8.128 6.336 15.36 6.336 21.632a508.224 508.224 0 0 1-17.92 88.704c-8.384 28.8-19.456 56.064-33.152 81.792a496.128 496.128 0 0 1-47.936 73.344 448.256 448.256 0 0 1-63.168 63.296 451.2 451.2 0 0 1-281.92 103.36L510.336 960H470.4a427.136 427.136 0 0 1-170.56-51.712 458.048 458.048 0 0 1-132.672-109.76 454.592 454.592 0 0 1-82.176-152 438.784 438.784 0 0 1-19.392-171.648l0.448-5.632a427.008 427.008 0 0 1 40-151.936 442.24 442.24 0 0 1 87.424-125.632A441.152 441.152 0 0 1 318.72 104.128 424.576 424.576 0 0 1 470.4 64zM389.504 171.648l-1.92 0.64a330.176 330.176 0 0 0-30.72 12.8 351.616 351.616 0 0 0-100.096 69.888A353.536 353.536 0 0 0 186.88 355.84a336.256 336.256 0 0 0-31.168 115.392l-0.512 6.144c-4.48 49.984 0.512 96.896 15.04 141.824a365.12 365.12 0 0 0 65.984 122.368 368.512 368.512 0 0 0 107.008 88.384 336.384 336.384 0 0 0 130.304 40.32l1.216 0.128h35.584c40 0 78.912-6.464 117.184-19.456l4.992-1.728a353.28 353.28 0 0 0 108.288-61.76c17.856-14.72 33.6-30.208 47.232-46.528l2.944-3.584 3.328-4.288c12.16-16 23.104-32.64 32.704-50.048l2.88-5.248c6.592-12.416 12.48-25.408 17.6-39.04l0.704-1.92-3.648 1.28-4.608 1.664a350.528 350.528 0 0 1-321.984-51.84l-7.296-5.568a366.08 366.08 0 0 1-89.216-97.472l-2.56-4.16-0.448-0.768a362.24 362.24 0 0 1-42.88-260.544l1.024-5.12 0.32-1.28c3.072-12.928 6.912-25.664 11.456-38.144l1.216-3.2z" ></path></symbol><symbol id="aui-icon-power_off" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8zM384 218.624v86.528a243.2 243.2 0 1 0 256 0V218.688a320.064 320.064 0 1 1-256 0zM550.4 179.2v307.2H473.6V179.2h76.8z" ></path></symbol><symbol id="aui-icon-window" viewBox="0 0 1024 1024"><path d="M896 64a64 64 0 0 1 64 64v768a64 64 0 0 1-64 64H128a64 64 0 0 1-64-64V128a64 64 0 0 1 64-64h768z m-12.8 307.2H140.8v512h742.4v-512z m0-230.4H140.8v153.6h742.4V140.8zM256 179.2A38.4 38.4 0 1 1 256 256a38.4 38.4 0 0 1 0-76.8z m115.2 0a38.4 38.4 0 1 1 0 76.8 38.4 38.4 0 0 1 0-76.8z m115.2 0a38.4 38.4 0 1 1 0 76.8 38.4 38.4 0 0 1 0-76.8z" ></path></symbol><symbol id="aui-icon-pencil" viewBox="0 0 1024 1024"><path d="M789.12 84.48l1.536 1.472 147.392 147.392a76.8 76.8 0 0 1 1.472 107.072l-1.472 1.536L320 960H64v-256l618.048-618.048a76.8 76.8 0 0 1 107.072-1.472zM593.088 283.52L140.8 735.744V883.2h147.392l452.288-452.352L593.088 283.52z m143.232-143.296l-88.96 88.96 147.456 147.392 88.96-88.96-147.456-147.392z" ></path></symbol><symbol id="aui-icon-rotate_right" viewBox="0 0 1024 1024"><path d="M960 396.8V64l-131.2 131.2A448 448 0 1 0 916.928 704h-102.272a358.4 358.4 0 1 1-49.28-445.44L627.2 396.8H960z" ></path></symbol><symbol id="aui-icon-rotate_circle_s" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m310.72 588.8h-79.872a243.328 243.328 0 0 1-400.448 97.536l-2.368-2.368L435.2 588.8H192V832l93.696-93.696a320.128 320.128 0 0 0 535.936-145.28l1.088-4.224zM832 192l-93.696 93.76a320.128 320.128 0 0 0-535.936 145.28l-1.088 4.16h79.872a243.328 243.328 0 0 1 400.448-97.536l2.368 2.368L588.8 435.2H832V192z" ></path></symbol><symbol id="aui-icon-angles_down" viewBox="0 0 1024 1024"><path d="M888.32 498.56l-63.36-63.36-316.8 316.8L191.36 435.2 128 498.56l380.16 380.16 380.16-380.16z m0-275.2l-63.36-63.36-316.8 316.8L191.36 160 128 223.36l380.16 380.16 380.16-380.16z" ></path></symbol><symbol id="aui-icon-arrow_left" viewBox="0 0 1024 1024"><path d="M444.16 131.84l63.36 63.36L235.52 467.2H960v89.6H235.52l272 272-63.36 63.36L64 512z" ></path></symbol><symbol id="aui-icon-arrow_right" viewBox="0 0 1024 1024"><path d="M579.84 131.84l-63.36 63.36 272 272H64v89.6h724.48l-272 272 63.36 63.36L960 512z" ></path></symbol><symbol id="aui-icon-arrow_up_to_line" viewBox="0 0 1024 1024"><path d="M960 153.6H64V64h896v89.6z m-67.84 418.56l-63.36 63.36L556.8 363.52V960H467.2V363.52L195.2 635.52l-63.36-63.36L512 192l380.16 380.16z" ></path></symbol><symbol id="aui-icon-sort" viewBox="0 0 1024 1024"><path d="M627.52 100.992a38.4 38.4 0 0 1 64.512-26.688l1.024 1.024L976.192 358.4l-54.272 54.336-217.6-217.664L704 960H627.2l0.32-857.536v-1.472zM396.8 64l-0.256 857.536v1.472a38.4 38.4 0 0 1-64.512 26.688l-1.088-1.024L47.808 665.6l54.336-54.336 217.6 217.664L320 64h76.8z" ></path></symbol><symbol id="aui-icon-download" viewBox="0 0 1024 1024"><path d="M140.8 576v307.2h742.4V576H960v307.2a76.8 76.8 0 0 1-74.88 76.8H140.8A76.8 76.8 0 0 1 64 883.2V576h76.8z m416-512v467.84l179.52-179.52 63.36 63.36L512 703.36l-224-224-62.72-64 63.872-62.72 62.528 63.68L467.2 531.84V64h89.6z" ></path></symbol><symbol id="aui-icon-upload" viewBox="0 0 1024 1024"><path d="M140.8 576v307.2h742.4V576H960v307.2a76.8 76.8 0 0 1-74.88 76.8H140.8A76.8 76.8 0 0 1 64 883.2V576h76.8z m147.2-288L512 64l287.68 287.68-63.36 63.36L556.8 235.52v467.84H467.2V235.52L351.68 351.04l-62.528 63.68-63.936-62.72 62.784-64z" ></path></symbol><symbol id="aui-icon-arrow_turn_up" viewBox="0 0 1024 1024"><path d="M847.552 335.552l-54.336 54.272L614.4 211.008V768a192 192 0 0 1-188.8 192H172.8v-76.8h249.6a115.2 115.2 0 0 0 115.2-113.088V211.008L358.784 389.76l-54.336-54.272L576 64l271.552 271.552z" ></path></symbol><symbol id="aui-icon-sign_out" viewBox="0 0 1024 1024"><path d="M563.2 64h1.92A76.8 76.8 0 0 1 640 138.88V256H563.2V140.8H140.8v742.4h422.4V768H640v115.2A76.8 76.8 0 0 1 565.12 960H140.8A76.8 76.8 0 0 1 64 883.2V140.8A76.8 76.8 0 0 1 138.88 64H563.2zM768 320l192 192-192 192-54.336-54.336L812.992 550.4H384V473.6h428.992L713.6 374.272 768 320z" ></path></symbol><symbol id="aui-icon-angle_right_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 0 0 1024A512 512 0 0 0 512 0z m0 76.8a435.2 435.2 0 1 1 0 870.4A435.2 435.2 0 0 1 512 76.8zM427.136 237.248l-63.36 63.36L571.904 508.8l-208.128 208.192 63.36 63.36 271.488-271.552-271.488-271.552z" ></path></symbol><symbol id="aui-icon-angle_left_circle" viewBox="0 0 1024 1024"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 76.8a435.2 435.2 0 1 0 0 870.4A435.2 435.2 0 0 0 512 76.8z m84.864 160.448l63.36 63.36L452.096 508.8l208.128 208.192-63.36 63.36L325.376 508.8l271.488-271.552z" ></path></symbol><symbol id="aui-icon-move" viewBox="0 0 1024 1024"><path d="M512 0l160 160H551.168v310.016H864V352L1024 512l-160 160V547.584H551.168V864H672L512 1024l-160-160h120.832V547.584H160V672L0 512l160-160v118.016h312.832V160H352z" ></path></symbol><symbol id="aui-icon-compress" viewBox="0 0 1024 1024"><path d="M960 640v243.2a76.8 76.8 0 0 1-74.88 76.8H640v-76.8h243.2V640H960zM460.8 563.2v320H384v-179.84l-243.2 243.2-63.36-63.36 243.2-243.2H140.8V563.2h320z m422.4-485.76l63.36 63.36-243.2 243.2h179.84v76.8h-320v-320H640v179.84l243.2-243.2zM384 64v76.8H140.8V384H64V140.8A76.8 76.8 0 0 1 138.88 64H384z" ></path></symbol><symbol id="aui-icon-angle_right" viewBox="0 0 1024 1024"><path d="M737.92 512.96l-380.16-380.16-63.36 63.36 316.8 316.8-316.8 316.8 63.36 63.36z" ></path></symbol><symbol id="aui-icon-angle_down" viewBox="0 0 1024 1024"><path d="M512.96 737.92l380.16-380.16-63.36-63.36-316.8 316.8-316.8-316.8-63.36 63.36z" ></path></symbol><symbol id="aui-icon-angle_left" viewBox="0 0 1024 1024"><path d="M281.6 512.96l380.16-380.16 63.36 63.36-316.8 316.8 316.8 316.8-63.36 63.36z" ></path></symbol><symbol id="aui-icon-angle_up" viewBox="0 0 1024 1024"><path d="M512.96 281.6l380.16 380.16-63.36 63.36-316.8-316.8-316.8 316.8-63.36-63.36z" ></path></symbol></svg>';
231
231
 
232
232
  function getAuiIconNoHttpProviderError() {
233
233
  return new Error('Could not find HttpClient provider for use with Alauda UI icons. Please include the HttpClientModule from @angular/common/http in your app imports.');
@@ -581,10 +581,10 @@ class ButtonComponent {
581
581
  }
582
582
  }
583
583
  ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2$1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
584
- ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: ButtonComponent, selector: "button[aui-button]", inputs: { type: ["aui-button", "type"], size: "size", plain: "plain", loading: "loading", round: "round", square: "square" }, ngImport: i0, template: "<span class=\"aui-button__content\"><ng-content></ng-content></span>\n<aui-icon\n *ngIf=\"loading\"\n class=\"aui-button__spinner\"\n icon=\"spinner\"\n></aui-icon>\n", styles: [".aui-button{margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;border-width:1px;border-radius:var(--aui-border-radius-m);border-style:solid;background:none;outline:none;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .3s ease}.aui-button::-moz-focus-inner{border:none}.aui-button[disabled]{cursor:not-allowed}.aui-button__content{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-button aui-icon{display:inline-flex;align-items:center}.aui-button--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-button--large aui-icon{height:var(--aui-line-height-l);font-size:var(--aui-icon-size-l)}.aui-button--large .aui-button__content{padding:0 var(--aui-inline-padding-l)}.aui-button--large.isRound{border-radius:calc(var(--aui-inline-height-l) / 2)}.aui-button--large.isSquare{width:var(--aui-inline-height-l)}.aui-button--large.isSquare .aui-button__content{padding:0}.aui-button--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--medium aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--medium .aui-button__content{padding:0 var(--aui-inline-padding-m)}.aui-button--medium.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-button--medium.isSquare{width:var(--aui-inline-height-m)}.aui-button--medium.isSquare .aui-button__content{padding:0}.aui-button--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--small aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--small .aui-button__content{padding:0 var(--aui-inline-padding-s)}.aui-button--small.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-button--small.isSquare{width:var(--aui-inline-height-s)}.aui-button--small.isSquare .aui-button__content{padding:0}.aui-button--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-button--mini aui-icon{height:var(--aui-line-height-s);font-size:var(--aui-icon-size-s)}.aui-button--mini .aui-button__content{padding:0 var(--aui-inline-padding-xs)}.aui-button--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-button--mini.isSquare{width:var(--aui-inline-height-xs)}.aui-button--mini.isSquare .aui-button__content{padding:0}.aui-button--text{color:rgb(var(--aui-color-primary));border:none;background-color:transparent}.aui-button--text .aui-button__content{padding:0 4px}.aui-button--text.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--text.aui-button--medium:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--text.isPlain{color:rgb(var(--aui-color-main-text))}.aui-button--text.isPlain aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--text.isPlain[disabled]{color:rgb(var(--aui-color-disabled-text))}.aui-button--text:hover{color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-6))}.aui-button--text:active,.aui-button--text.isActive{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--text[disabled]{color:rgb(var(--aui-color-p-4));background-color:transparent}:root .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--inline{color:rgb(var(--aui-color-primary));border:none;background-color:none}.aui-button--inline .aui-button__content{padding:0}.aui-button--inline.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--inline.aui-button--medium:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--inline.isPlain{color:rgb(var(--aui-color-main-text))}.aui-button--inline.isPlain aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--inline.isPlain[disabled]{color:rgb(var(--aui-color-n-6))}.aui-button--inline:hover{color:rgb(var(--aui-color-p-1))}.aui-button--inline:active,.aui-button--inline.isActive{color:rgb(var(--aui-color-p-0))}.aui-button--inline[disabled]{color:rgb(var(--aui-color-p-4))}:root .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--default{color:rgb(var(--aui-color-main-text));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-button--default aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--default:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--default:active,.aui-button--default.isActive{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--default[disabled]{color:rgb(var(--aui-color-disabled-text));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}:root .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--primary{color:#fff;border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-button--primary:hover{border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-1))}.aui-button--primary:active,.aui-button--primary.isActive{border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-0))}.aui-button--primary[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--primary[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--primary.isPlain{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--primary.isPlain:hover{color:rgb(var(--aui-color-p-1));border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-7))}.aui-button--primary.isPlain:active,.aui-button--primary.isPlain.isActive{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--primary.isPlain[disabled]{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-7))}:root .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4))}html[aui-theme-mode=light] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-0))}}html[aui-theme-mode=dark] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-0))}:root .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--success{color:#fff;border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-green))}.aui-button--success:hover{border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-1))}.aui-button--success:active,.aui-button--success.isActive{border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-0))}.aui-button--success[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--success[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}html[aui-theme-mode=light] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.3)}}html[aui-theme-mode=dark] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.3)}.aui-button--success.isPlain{color:rgb(var(--aui-color-green));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-button--success.isPlain:hover{color:rgb(var(--aui-color-g-1));border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-7))}.aui-button--success.isPlain:active,.aui-button--success.isPlain.isActive{color:rgb(var(--aui-color-g-0));border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-5))}.aui-button--success.isPlain[disabled]{border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-7))}:root .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4))}html[aui-theme-mode=light] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-0))}}html[aui-theme-mode=dark] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-0))}:root .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--warning{color:#fff;border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-yellow))}.aui-button--warning:hover{border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-1))}.aui-button--warning:active,.aui-button--warning.isActive{border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-0))}.aui-button--warning[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--warning[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}html[aui-theme-mode=light] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.3)}}html[aui-theme-mode=dark] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.3)}.aui-button--warning.isPlain{color:rgb(var(--aui-color-yellow));border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-button--warning.isPlain:hover{color:rgb(var(--aui-color-y-1));border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-7))}.aui-button--warning.isPlain:active,.aui-button--warning.isPlain.isActive{color:rgb(var(--aui-color-y-0));border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-5))}.aui-button--warning.isPlain[disabled]{border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-7))}:root .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4))}html[aui-theme-mode=light] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-0))}}html[aui-theme-mode=dark] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-0))}:root .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--danger{color:#fff;border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-red))}.aui-button--danger:hover{border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-1))}.aui-button--danger:active,.aui-button--danger.isActive{border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-0))}.aui-button--danger[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--danger[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}.aui-button--danger.isPlain{color:rgb(var(--aui-color-red));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-button--danger.isPlain:hover{color:rgb(var(--aui-color-r-1));border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-7))}.aui-button--danger.isPlain:active,.aui-button--danger.isPlain.isActive{color:rgb(var(--aui-color-r-0));border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-5))}.aui-button--danger.isPlain[disabled]{border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-7))}:root .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4))}html[aui-theme-mode=light] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-0))}}html[aui-theme-mode=dark] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-0))}:root .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-button.isLoading .aui-button__content{opacity:0}.aui-button[disabled] aui-icon,.aui-button:hover aui-icon,.aui-button:active aui-icon,.aui-button.isActive aui-icon{color:inherit}.aui-button+.aui-button,aui-dropdown-button+aui-dropdown-button>.aui-dropdown-button,aui-dropdown-button+.aui-button,.aui-button+aui-dropdown-button>.aui-dropdown-button{margin-left:var(--aui-spacing-m)}.aui-button--text+.aui-button--text{margin-left:var(--aui-spacing-s)}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
584
+ ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: ButtonComponent, selector: "button[aui-button]", inputs: { type: ["aui-button", "type"], size: "size", plain: "plain", loading: "loading", round: "round", square: "square" }, ngImport: i0, template: "<span class=\"aui-button__content\"><ng-content></ng-content></span>\n<aui-icon\n *ngIf=\"loading\"\n class=\"aui-button__spinner\"\n icon=\"spinner\"\n></aui-icon>\n", styles: [".aui-button{margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;border-width:1px;border-radius:var(--aui-border-radius-m);border-style:solid;background:none;outline:none;-webkit-user-select:none;user-select:none;cursor:pointer;font-weight:var(--aui-font-weight-normal);transition:all .3s ease}.aui-button::-moz-focus-inner{border:none}.aui-button[disabled]{cursor:not-allowed}.aui-button__content{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-button aui-icon{display:inline-flex;align-items:center}.aui-button--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-button--large aui-icon{height:var(--aui-line-height-l);font-size:var(--aui-icon-size-l)}.aui-button--large .aui-button__content{padding:0 var(--aui-inline-padding-l)}.aui-button--large.isRound{border-radius:calc(var(--aui-inline-height-l) / 2)}.aui-button--large.isSquare{width:var(--aui-inline-height-l)}.aui-button--large.isSquare .aui-button__content{padding:0}.aui-button--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--medium aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--medium .aui-button__content{padding:0 var(--aui-inline-padding-m)}.aui-button--medium.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-button--medium.isSquare{width:var(--aui-inline-height-m)}.aui-button--medium.isSquare .aui-button__content{padding:0}.aui-button--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--small aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--small .aui-button__content{padding:0 var(--aui-inline-padding-s)}.aui-button--small.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-button--small.isSquare{width:var(--aui-inline-height-s)}.aui-button--small.isSquare .aui-button__content{padding:0}.aui-button--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-button--mini aui-icon{height:var(--aui-line-height-s);font-size:var(--aui-icon-size-s)}.aui-button--mini .aui-button__content{padding:0 var(--aui-inline-padding-xs)}.aui-button--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-button--mini.isSquare{width:var(--aui-inline-height-xs)}.aui-button--mini.isSquare .aui-button__content{padding:0}.aui-button--text{color:rgb(var(--aui-color-primary));border:none;background-color:transparent}.aui-button--text .aui-button__content{padding:0 4px}.aui-button--text.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--text.aui-button--medium:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--text.isPlain{color:rgb(var(--aui-color-main-text))}.aui-button--text.isPlain aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--text.isPlain[disabled]{color:rgb(var(--aui-color-disabled-text))}.aui-button--text:hover{color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-6))}.aui-button--text:active,.aui-button--text.isActive{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--text[disabled]{color:rgb(var(--aui-color-p-4));background-color:transparent}:root .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--inline{color:rgb(var(--aui-color-primary));border:none;background-color:none}.aui-button--inline .aui-button__content{padding:0}.aui-button--inline.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--inline.aui-button--medium:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--inline.isPlain{color:rgb(var(--aui-color-main-text))}.aui-button--inline.isPlain aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--inline.isPlain[disabled]{color:rgb(var(--aui-color-n-6))}.aui-button--inline:hover{color:rgb(var(--aui-color-p-1))}.aui-button--inline:active,.aui-button--inline.isActive{color:rgb(var(--aui-color-p-0))}.aui-button--inline[disabled]{color:rgb(var(--aui-color-p-4))}:root .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--default{color:rgb(var(--aui-color-main-text));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-button--default aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--default:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--default:active,.aui-button--default.isActive{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--default[disabled]{color:rgb(var(--aui-color-disabled-text));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}:root .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--primary{color:#fff;border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-button--primary:hover{border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-1))}.aui-button--primary:active,.aui-button--primary.isActive{border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-0))}.aui-button--primary[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--primary[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--primary.isPlain{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--primary.isPlain:hover{color:rgb(var(--aui-color-p-1));border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-7))}.aui-button--primary.isPlain:active,.aui-button--primary.isPlain.isActive{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--primary.isPlain[disabled]{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-7))}:root .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4))}html[aui-theme-mode=light] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-0))}}html[aui-theme-mode=dark] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-0))}:root .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--success{color:#fff;border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-green))}.aui-button--success:hover{border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-1))}.aui-button--success:active,.aui-button--success.isActive{border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-0))}.aui-button--success[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--success[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}html[aui-theme-mode=light] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.3)}}html[aui-theme-mode=dark] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.3)}.aui-button--success.isPlain{color:rgb(var(--aui-color-green));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-button--success.isPlain:hover{color:rgb(var(--aui-color-g-1));border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-7))}.aui-button--success.isPlain:active,.aui-button--success.isPlain.isActive{color:rgb(var(--aui-color-g-0));border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-5))}.aui-button--success.isPlain[disabled]{border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-7))}:root .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4))}html[aui-theme-mode=light] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-0))}}html[aui-theme-mode=dark] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-0))}:root .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--warning{color:#fff;border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-yellow))}.aui-button--warning:hover{border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-1))}.aui-button--warning:active,.aui-button--warning.isActive{border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-0))}.aui-button--warning[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--warning[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}html[aui-theme-mode=light] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.3)}}html[aui-theme-mode=dark] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.3)}.aui-button--warning.isPlain{color:rgb(var(--aui-color-yellow));border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-button--warning.isPlain:hover{color:rgb(var(--aui-color-y-1));border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-7))}.aui-button--warning.isPlain:active,.aui-button--warning.isPlain.isActive{color:rgb(var(--aui-color-y-0));border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-5))}.aui-button--warning.isPlain[disabled]{border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-7))}:root .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4))}html[aui-theme-mode=light] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-0))}}html[aui-theme-mode=dark] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-0))}:root .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--danger{color:#fff;border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-red))}.aui-button--danger:hover{border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-1))}.aui-button--danger:active,.aui-button--danger.isActive{border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-0))}.aui-button--danger[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--danger[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}.aui-button--danger.isPlain{color:rgb(var(--aui-color-red));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-button--danger.isPlain:hover{color:rgb(var(--aui-color-r-1));border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-7))}.aui-button--danger.isPlain:active,.aui-button--danger.isPlain.isActive{color:rgb(var(--aui-color-r-0));border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-5))}.aui-button--danger.isPlain[disabled]{border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-7))}:root .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4))}html[aui-theme-mode=light] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-0))}}html[aui-theme-mode=dark] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-0))}:root .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-button.isLoading .aui-button__content{opacity:0}.aui-button[disabled] aui-icon,.aui-button:hover aui-icon,.aui-button:active aui-icon,.aui-button.isActive aui-icon{color:inherit}.aui-button+.aui-button,aui-dropdown-button+aui-dropdown-button>.aui-dropdown-button,aui-dropdown-button+.aui-button,.aui-button+aui-dropdown-button>.aui-dropdown-button{margin-left:var(--aui-spacing-m)}.aui-button--text+.aui-button--text{margin-left:var(--aui-spacing-s)}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
585
585
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ButtonComponent, decorators: [{
586
586
  type: Component,
587
- args: [{ selector: 'button[aui-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<span class=\"aui-button__content\"><ng-content></ng-content></span>\n<aui-icon\n *ngIf=\"loading\"\n class=\"aui-button__spinner\"\n icon=\"spinner\"\n></aui-icon>\n", styles: [".aui-button{margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;border-width:1px;border-radius:var(--aui-border-radius-m);border-style:solid;background:none;outline:none;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .3s ease}.aui-button::-moz-focus-inner{border:none}.aui-button[disabled]{cursor:not-allowed}.aui-button__content{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-button aui-icon{display:inline-flex;align-items:center}.aui-button--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-button--large aui-icon{height:var(--aui-line-height-l);font-size:var(--aui-icon-size-l)}.aui-button--large .aui-button__content{padding:0 var(--aui-inline-padding-l)}.aui-button--large.isRound{border-radius:calc(var(--aui-inline-height-l) / 2)}.aui-button--large.isSquare{width:var(--aui-inline-height-l)}.aui-button--large.isSquare .aui-button__content{padding:0}.aui-button--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--medium aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--medium .aui-button__content{padding:0 var(--aui-inline-padding-m)}.aui-button--medium.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-button--medium.isSquare{width:var(--aui-inline-height-m)}.aui-button--medium.isSquare .aui-button__content{padding:0}.aui-button--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--small aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--small .aui-button__content{padding:0 var(--aui-inline-padding-s)}.aui-button--small.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-button--small.isSquare{width:var(--aui-inline-height-s)}.aui-button--small.isSquare .aui-button__content{padding:0}.aui-button--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-button--mini aui-icon{height:var(--aui-line-height-s);font-size:var(--aui-icon-size-s)}.aui-button--mini .aui-button__content{padding:0 var(--aui-inline-padding-xs)}.aui-button--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-button--mini.isSquare{width:var(--aui-inline-height-xs)}.aui-button--mini.isSquare .aui-button__content{padding:0}.aui-button--text{color:rgb(var(--aui-color-primary));border:none;background-color:transparent}.aui-button--text .aui-button__content{padding:0 4px}.aui-button--text.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--text.aui-button--medium:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--text.isPlain{color:rgb(var(--aui-color-main-text))}.aui-button--text.isPlain aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--text.isPlain[disabled]{color:rgb(var(--aui-color-disabled-text))}.aui-button--text:hover{color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-6))}.aui-button--text:active,.aui-button--text.isActive{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--text[disabled]{color:rgb(var(--aui-color-p-4));background-color:transparent}:root .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--inline{color:rgb(var(--aui-color-primary));border:none;background-color:none}.aui-button--inline .aui-button__content{padding:0}.aui-button--inline.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--inline.aui-button--medium:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--inline.isPlain{color:rgb(var(--aui-color-main-text))}.aui-button--inline.isPlain aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--inline.isPlain[disabled]{color:rgb(var(--aui-color-n-6))}.aui-button--inline:hover{color:rgb(var(--aui-color-p-1))}.aui-button--inline:active,.aui-button--inline.isActive{color:rgb(var(--aui-color-p-0))}.aui-button--inline[disabled]{color:rgb(var(--aui-color-p-4))}:root .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--default{color:rgb(var(--aui-color-main-text));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-button--default aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--default:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--default:active,.aui-button--default.isActive{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--default[disabled]{color:rgb(var(--aui-color-disabled-text));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}:root .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--primary{color:#fff;border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-button--primary:hover{border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-1))}.aui-button--primary:active,.aui-button--primary.isActive{border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-0))}.aui-button--primary[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--primary[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--primary.isPlain{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--primary.isPlain:hover{color:rgb(var(--aui-color-p-1));border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-7))}.aui-button--primary.isPlain:active,.aui-button--primary.isPlain.isActive{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--primary.isPlain[disabled]{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-7))}:root .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4))}html[aui-theme-mode=light] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-0))}}html[aui-theme-mode=dark] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-0))}:root .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--success{color:#fff;border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-green))}.aui-button--success:hover{border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-1))}.aui-button--success:active,.aui-button--success.isActive{border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-0))}.aui-button--success[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--success[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}html[aui-theme-mode=light] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.3)}}html[aui-theme-mode=dark] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.3)}.aui-button--success.isPlain{color:rgb(var(--aui-color-green));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-button--success.isPlain:hover{color:rgb(var(--aui-color-g-1));border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-7))}.aui-button--success.isPlain:active,.aui-button--success.isPlain.isActive{color:rgb(var(--aui-color-g-0));border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-5))}.aui-button--success.isPlain[disabled]{border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-7))}:root .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4))}html[aui-theme-mode=light] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-0))}}html[aui-theme-mode=dark] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-0))}:root .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--warning{color:#fff;border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-yellow))}.aui-button--warning:hover{border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-1))}.aui-button--warning:active,.aui-button--warning.isActive{border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-0))}.aui-button--warning[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--warning[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}html[aui-theme-mode=light] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.3)}}html[aui-theme-mode=dark] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.3)}.aui-button--warning.isPlain{color:rgb(var(--aui-color-yellow));border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-button--warning.isPlain:hover{color:rgb(var(--aui-color-y-1));border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-7))}.aui-button--warning.isPlain:active,.aui-button--warning.isPlain.isActive{color:rgb(var(--aui-color-y-0));border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-5))}.aui-button--warning.isPlain[disabled]{border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-7))}:root .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4))}html[aui-theme-mode=light] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-0))}}html[aui-theme-mode=dark] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-0))}:root .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--danger{color:#fff;border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-red))}.aui-button--danger:hover{border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-1))}.aui-button--danger:active,.aui-button--danger.isActive{border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-0))}.aui-button--danger[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--danger[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}.aui-button--danger.isPlain{color:rgb(var(--aui-color-red));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-button--danger.isPlain:hover{color:rgb(var(--aui-color-r-1));border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-7))}.aui-button--danger.isPlain:active,.aui-button--danger.isPlain.isActive{color:rgb(var(--aui-color-r-0));border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-5))}.aui-button--danger.isPlain[disabled]{border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-7))}:root .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4))}html[aui-theme-mode=light] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-0))}}html[aui-theme-mode=dark] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-0))}:root .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-button.isLoading .aui-button__content{opacity:0}.aui-button[disabled] aui-icon,.aui-button:hover aui-icon,.aui-button:active aui-icon,.aui-button.isActive aui-icon{color:inherit}.aui-button+.aui-button,aui-dropdown-button+aui-dropdown-button>.aui-dropdown-button,aui-dropdown-button+.aui-button,.aui-button+aui-dropdown-button>.aui-dropdown-button{margin-left:var(--aui-spacing-m)}.aui-button--text+.aui-button--text{margin-left:var(--aui-spacing-s)}\n"] }]
587
+ args: [{ selector: 'button[aui-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<span class=\"aui-button__content\"><ng-content></ng-content></span>\n<aui-icon\n *ngIf=\"loading\"\n class=\"aui-button__spinner\"\n icon=\"spinner\"\n></aui-icon>\n", styles: [".aui-button{margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;border-width:1px;border-radius:var(--aui-border-radius-m);border-style:solid;background:none;outline:none;-webkit-user-select:none;user-select:none;cursor:pointer;font-weight:var(--aui-font-weight-normal);transition:all .3s ease}.aui-button::-moz-focus-inner{border:none}.aui-button[disabled]{cursor:not-allowed}.aui-button__content{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-button aui-icon{display:inline-flex;align-items:center}.aui-button--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-button--large aui-icon{height:var(--aui-line-height-l);font-size:var(--aui-icon-size-l)}.aui-button--large .aui-button__content{padding:0 var(--aui-inline-padding-l)}.aui-button--large.isRound{border-radius:calc(var(--aui-inline-height-l) / 2)}.aui-button--large.isSquare{width:var(--aui-inline-height-l)}.aui-button--large.isSquare .aui-button__content{padding:0}.aui-button--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--medium aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--medium .aui-button__content{padding:0 var(--aui-inline-padding-m)}.aui-button--medium.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-button--medium.isSquare{width:var(--aui-inline-height-m)}.aui-button--medium.isSquare .aui-button__content{padding:0}.aui-button--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--small aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--small .aui-button__content{padding:0 var(--aui-inline-padding-s)}.aui-button--small.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-button--small.isSquare{width:var(--aui-inline-height-s)}.aui-button--small.isSquare .aui-button__content{padding:0}.aui-button--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-button--mini aui-icon{height:var(--aui-line-height-s);font-size:var(--aui-icon-size-s)}.aui-button--mini .aui-button__content{padding:0 var(--aui-inline-padding-xs)}.aui-button--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-button--mini.isSquare{width:var(--aui-inline-height-xs)}.aui-button--mini.isSquare .aui-button__content{padding:0}.aui-button--text{color:rgb(var(--aui-color-primary));border:none;background-color:transparent}.aui-button--text .aui-button__content{padding:0 4px}.aui-button--text.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--text.aui-button--medium:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--text.isPlain{color:rgb(var(--aui-color-main-text))}.aui-button--text.isPlain aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--text.isPlain[disabled]{color:rgb(var(--aui-color-disabled-text))}.aui-button--text:hover{color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-6))}.aui-button--text:active,.aui-button--text.isActive{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--text[disabled]{color:rgb(var(--aui-color-p-4));background-color:transparent}:root .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--inline{color:rgb(var(--aui-color-primary));border:none;background-color:none}.aui-button--inline .aui-button__content{padding:0}.aui-button--inline.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--inline.aui-button--medium:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--inline.isPlain{color:rgb(var(--aui-color-main-text))}.aui-button--inline.isPlain aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--inline.isPlain[disabled]{color:rgb(var(--aui-color-n-6))}.aui-button--inline:hover{color:rgb(var(--aui-color-p-1))}.aui-button--inline:active,.aui-button--inline.isActive{color:rgb(var(--aui-color-p-0))}.aui-button--inline[disabled]{color:rgb(var(--aui-color-p-4))}:root .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--default{color:rgb(var(--aui-color-main-text));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-button--default aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--default:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--default:active,.aui-button--default.isActive{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--default[disabled]{color:rgb(var(--aui-color-disabled-text));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}:root .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--primary{color:#fff;border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-button--primary:hover{border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-1))}.aui-button--primary:active,.aui-button--primary.isActive{border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-0))}.aui-button--primary[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--primary[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--primary.isPlain{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--primary.isPlain:hover{color:rgb(var(--aui-color-p-1));border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-7))}.aui-button--primary.isPlain:active,.aui-button--primary.isPlain.isActive{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--primary.isPlain[disabled]{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-7))}:root .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4))}html[aui-theme-mode=light] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-0))}}html[aui-theme-mode=dark] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-0))}:root .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--success{color:#fff;border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-green))}.aui-button--success:hover{border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-1))}.aui-button--success:active,.aui-button--success.isActive{border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-0))}.aui-button--success[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--success[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}html[aui-theme-mode=light] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.3)}}html[aui-theme-mode=dark] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.3)}.aui-button--success.isPlain{color:rgb(var(--aui-color-green));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-button--success.isPlain:hover{color:rgb(var(--aui-color-g-1));border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-7))}.aui-button--success.isPlain:active,.aui-button--success.isPlain.isActive{color:rgb(var(--aui-color-g-0));border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-5))}.aui-button--success.isPlain[disabled]{border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-7))}:root .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4))}html[aui-theme-mode=light] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-0))}}html[aui-theme-mode=dark] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-0))}:root .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--warning{color:#fff;border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-yellow))}.aui-button--warning:hover{border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-1))}.aui-button--warning:active,.aui-button--warning.isActive{border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-0))}.aui-button--warning[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--warning[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}html[aui-theme-mode=light] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.3)}}html[aui-theme-mode=dark] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.3)}.aui-button--warning.isPlain{color:rgb(var(--aui-color-yellow));border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-button--warning.isPlain:hover{color:rgb(var(--aui-color-y-1));border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-7))}.aui-button--warning.isPlain:active,.aui-button--warning.isPlain.isActive{color:rgb(var(--aui-color-y-0));border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-5))}.aui-button--warning.isPlain[disabled]{border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-7))}:root .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4))}html[aui-theme-mode=light] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-0))}}html[aui-theme-mode=dark] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-0))}:root .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--danger{color:#fff;border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-red))}.aui-button--danger:hover{border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-1))}.aui-button--danger:active,.aui-button--danger.isActive{border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-0))}.aui-button--danger[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--danger[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}.aui-button--danger.isPlain{color:rgb(var(--aui-color-red));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-button--danger.isPlain:hover{color:rgb(var(--aui-color-r-1));border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-7))}.aui-button--danger.isPlain:active,.aui-button--danger.isPlain.isActive{color:rgb(var(--aui-color-r-0));border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-5))}.aui-button--danger.isPlain[disabled]{border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-7))}:root .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4))}html[aui-theme-mode=light] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-0))}}html[aui-theme-mode=dark] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-0))}:root .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-button.isLoading .aui-button__content{opacity:0}.aui-button[disabled] aui-icon,.aui-button:hover aui-icon,.aui-button:active aui-icon,.aui-button.isActive aui-icon{color:inherit}.aui-button+.aui-button,aui-dropdown-button+aui-dropdown-button>.aui-dropdown-button,aui-dropdown-button+.aui-button,.aui-button+aui-dropdown-button>.aui-dropdown-button{margin-left:var(--aui-spacing-m)}.aui-button--text+.aui-button--text{margin-left:var(--aui-spacing-s)}\n"] }]
588
588
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2$1.FocusMonitor }]; }, propDecorators: { type: [{
589
589
  type: Input,
590
590
  args: ['aui-button']
@@ -690,7 +690,7 @@ class AccordionItemComponent extends CdkAccordionItem {
690
690
  }
691
691
  }
692
692
  AccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AccordionItemComponent, deps: [{ token: AccordionComponent }, { token: i0.ChangeDetectorRef }, { token: i2$2.UniqueSelectionDispatcher }], target: i0.ɵɵFactoryTarget.Component });
693
- AccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: AccordionItemComponent, selector: "aui-accordion-item", inputs: { background: "background" }, queries: [{ propertyName: "_lazyContentTpl", first: true, predicate: AccordionItemContentDirective, descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"aui-accordion-item\">\n <div class=\"aui-accordion-item__header\">\n <button\n type=\"button\"\n class=\"aui-accordion-item__expand-button\"\n [class.isExpanded]=\"expanded\"\n [disabled]=\"disabled\"\n (click)=\"toggle()\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n <div\n class=\"aui-accordion-item__header-content\"\n [class.aui-accordion-item__header-content--expanded]=\"expanded\"\n >\n <ng-content select=\"[auiAccordionItemHeader]\"></ng-content>\n </div>\n </div>\n <div\n *ngIf=\"expanded\"\n class=\"aui-accordion-item__body\"\n [id]=\"id\"\n [@expand]=\"expanded ? 'expanded' : 'collapsed'\"\n >\n <div\n class=\"aui-accordion-item__content\"\n [class.hasBackground]=\"background\"\n >\n <ng-content></ng-content>\n <ng-template [ngTemplateOutlet]=\"lazyContentTpl\"></ng-template>\n </div>\n </div>\n</div>\n", styles: [".aui-accordion-item{display:block;padding:20px;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10))}.aui-accordion-item__expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);font-size:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-accordion-item__expand-button aui-icon{display:block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m)}.aui-accordion-item__expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-accordion-item__expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-accordion-item__expand-button.isExpanded{transform:rotate(90deg);color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-accordion-item__expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-accordion-item__expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-accordion-item__expand-button[disabled],.aui-accordion-item__expand-button.isExpanded[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-accordion-item__expand-button:first-child{margin-right:20px}.aui-accordion-item__expand-button:last-child{margin-left:20px}.aui-accordion-item__header{display:inline-flex;align-items:center;width:100%;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-accordion-item__header-content{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-accordion-item__body{border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-accordion-item__content{margin-top:16px;border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-accordion-item__content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}aui-accordion-item+aui-accordion-item .aui-accordion-item{margin-top:var(--aui-spacing-m)}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], viewProviders: [AccordionItemComponent], animations: [
693
+ AccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: AccordionItemComponent, selector: "aui-accordion-item", inputs: { background: "background" }, queries: [{ propertyName: "_lazyContentTpl", first: true, predicate: AccordionItemContentDirective, descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"aui-accordion-item\">\n <div class=\"aui-accordion-item__header\">\n <button\n type=\"button\"\n class=\"aui-accordion-item__expand-button\"\n [class.isExpanded]=\"expanded\"\n [disabled]=\"disabled\"\n (click)=\"toggle()\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n <div\n class=\"aui-accordion-item__header-content\"\n [class.aui-accordion-item__header-content--expanded]=\"expanded\"\n >\n <ng-content select=\"[auiAccordionItemHeader]\"></ng-content>\n </div>\n </div>\n <div\n *ngIf=\"expanded\"\n class=\"aui-accordion-item__body\"\n [id]=\"id\"\n [@expand]=\"expanded ? 'expanded' : 'collapsed'\"\n >\n <div\n class=\"aui-accordion-item__content\"\n [class.hasBackground]=\"background\"\n >\n <ng-content></ng-content>\n <ng-template [ngTemplateOutlet]=\"lazyContentTpl\"></ng-template>\n </div>\n </div>\n</div>\n", styles: [".aui-accordion-item{display:block;padding:20px;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10))}.aui-accordion-item__expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-accordion-item__expand-button aui-icon{display:flex;justify-content:center;align-items:center;width:var(--aui-icon-size-s);height:var(--aui-icon-size-s);font-size:var(--aui-icon-size-s)}.aui-accordion-item__expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-accordion-item__expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-accordion-item__expand-button.isExpanded{transform:rotate(90deg);color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-accordion-item__expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-accordion-item__expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-accordion-item__expand-button[disabled],.aui-accordion-item__expand-button.isExpanded[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-accordion-item__expand-button:first-child{margin-right:20px}.aui-accordion-item__expand-button:last-child{margin-left:20px}.aui-accordion-item__header{display:inline-flex;align-items:center;width:100%;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-accordion-item__header-content{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-accordion-item__body{border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-accordion-item__content{margin-top:16px;border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-accordion-item__content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}aui-accordion-item+aui-accordion-item .aui-accordion-item{margin-top:var(--aui-spacing-m)}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], viewProviders: [AccordionItemComponent], animations: [
694
694
  trigger('expand', [
695
695
  state('*', style({ height: 0 })),
696
696
  state('expanded', style({ height: '*' })),
@@ -705,7 +705,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
705
705
  state('expanded', style({ height: '*' })),
706
706
  transition('* <=> expanded', [animate('0.1s ease-in-out')]),
707
707
  ]),
708
- ], viewProviders: [AccordionItemComponent], template: "<div class=\"aui-accordion-item\">\n <div class=\"aui-accordion-item__header\">\n <button\n type=\"button\"\n class=\"aui-accordion-item__expand-button\"\n [class.isExpanded]=\"expanded\"\n [disabled]=\"disabled\"\n (click)=\"toggle()\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n <div\n class=\"aui-accordion-item__header-content\"\n [class.aui-accordion-item__header-content--expanded]=\"expanded\"\n >\n <ng-content select=\"[auiAccordionItemHeader]\"></ng-content>\n </div>\n </div>\n <div\n *ngIf=\"expanded\"\n class=\"aui-accordion-item__body\"\n [id]=\"id\"\n [@expand]=\"expanded ? 'expanded' : 'collapsed'\"\n >\n <div\n class=\"aui-accordion-item__content\"\n [class.hasBackground]=\"background\"\n >\n <ng-content></ng-content>\n <ng-template [ngTemplateOutlet]=\"lazyContentTpl\"></ng-template>\n </div>\n </div>\n</div>\n", styles: [".aui-accordion-item{display:block;padding:20px;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10))}.aui-accordion-item__expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);font-size:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-accordion-item__expand-button aui-icon{display:block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m)}.aui-accordion-item__expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-accordion-item__expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-accordion-item__expand-button.isExpanded{transform:rotate(90deg);color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-accordion-item__expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-accordion-item__expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-accordion-item__expand-button[disabled],.aui-accordion-item__expand-button.isExpanded[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-accordion-item__expand-button:first-child{margin-right:20px}.aui-accordion-item__expand-button:last-child{margin-left:20px}.aui-accordion-item__header{display:inline-flex;align-items:center;width:100%;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-accordion-item__header-content{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-accordion-item__body{border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-accordion-item__content{margin-top:16px;border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-accordion-item__content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}aui-accordion-item+aui-accordion-item .aui-accordion-item{margin-top:var(--aui-spacing-m)}\n"] }]
708
+ ], viewProviders: [AccordionItemComponent], template: "<div class=\"aui-accordion-item\">\n <div class=\"aui-accordion-item__header\">\n <button\n type=\"button\"\n class=\"aui-accordion-item__expand-button\"\n [class.isExpanded]=\"expanded\"\n [disabled]=\"disabled\"\n (click)=\"toggle()\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n <div\n class=\"aui-accordion-item__header-content\"\n [class.aui-accordion-item__header-content--expanded]=\"expanded\"\n >\n <ng-content select=\"[auiAccordionItemHeader]\"></ng-content>\n </div>\n </div>\n <div\n *ngIf=\"expanded\"\n class=\"aui-accordion-item__body\"\n [id]=\"id\"\n [@expand]=\"expanded ? 'expanded' : 'collapsed'\"\n >\n <div\n class=\"aui-accordion-item__content\"\n [class.hasBackground]=\"background\"\n >\n <ng-content></ng-content>\n <ng-template [ngTemplateOutlet]=\"lazyContentTpl\"></ng-template>\n </div>\n </div>\n</div>\n", styles: [".aui-accordion-item{display:block;padding:20px;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10))}.aui-accordion-item__expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-accordion-item__expand-button aui-icon{display:flex;justify-content:center;align-items:center;width:var(--aui-icon-size-s);height:var(--aui-icon-size-s);font-size:var(--aui-icon-size-s)}.aui-accordion-item__expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-accordion-item__expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-accordion-item__expand-button.isExpanded{transform:rotate(90deg);color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-accordion-item__expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-accordion-item__expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-accordion-item__expand-button[disabled],.aui-accordion-item__expand-button.isExpanded[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-accordion-item__expand-button:first-child{margin-right:20px}.aui-accordion-item__expand-button:last-child{margin-left:20px}.aui-accordion-item__header{display:inline-flex;align-items:center;width:100%;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-accordion-item__header-content{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-accordion-item__body{border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-accordion-item__content{margin-top:16px;border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-accordion-item__content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}aui-accordion-item+aui-accordion-item .aui-accordion-item{margin-top:var(--aui-spacing-m)}\n"] }]
709
709
  }], ctorParameters: function () { return [{ type: AccordionComponent }, { type: i0.ChangeDetectorRef }, { type: i2$2.UniqueSelectionDispatcher }]; }, propDecorators: { background: [{
710
710
  type: Input
711
711
  }], _lazyContentTpl: [{
@@ -1145,7 +1145,9 @@ class SuggestionComponent {
1145
1145
  this.autocomplete.directive$$.pipe(switchMap(directive => directive.inputValue$)),
1146
1146
  this.value$$,
1147
1147
  ]).pipe(map(([filterFn, filterString, suggestion]) => filterFn(filterString, suggestion)), tap(visible => {
1148
- this.visible = visible;
1148
+ if (!(this.visible = visible)) {
1149
+ this.focused = false;
1150
+ }
1149
1151
  }), publishRef());
1150
1152
  }
1151
1153
  get value() {
@@ -1179,10 +1181,10 @@ class SuggestionComponent {
1179
1181
  }
1180
1182
  }
1181
1183
  SuggestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SuggestionComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: forwardRef(() => AutocompleteComponent) }], target: i0.ɵɵFactoryTarget.Component });
1182
- SuggestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: SuggestionComponent, selector: "aui-suggestion", inputs: { value: "value", disabled: "disabled" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["elRef"], descendants: true, static: true }], ngImport: i0, template: "<div\n #elRef\n [hidden]=\"!(visible$ | async)\"\n [class]=\"bem.block('medium')\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"selected$ | async\"\n [class.isFocused]=\"focused\"\n (click)=\"onClick()\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".aui-suggestion{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-suggestion--large{padding:calc((var(--aui-inline-height-l) - var(--aui-line-height-l)) / 2);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-suggestion--medium{padding:calc((var(--aui-inline-height-m) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-suggestion--small{padding:calc((var(--aui-inline-height-s) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-suggestion--mini{padding:calc((var(--aui-inline-height-xs) - var(--aui-line-height-s)) / 2);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-suggestion:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-suggestion:hover,.aui-suggestion.isFocused{background-color:rgb(var(--aui-color-p-6))}.aui-suggestion.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-suggestion__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-suggestion.isSelected .aui-suggestion__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-suggestion.isIndeterminate .aui-suggestion__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-suggestion.isIndeterminate .aui-suggestion__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-suggestion.isSelected.isDisabled .aui-suggestion__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-suggestion.isDisabled .aui-suggestion__label{cursor:not-allowed}.aui-suggestion.isDisabled .aui-suggestion__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-suggestion:not(.isDisabled):hover .aui-suggestion__pointer,.aui-suggestion:not(.isDisabled).isFocused .aui-suggestion__pointer{border-color:rgb(var(--aui-color-primary))}\n"], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1184
+ SuggestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: SuggestionComponent, selector: "aui-suggestion", inputs: { value: "value", disabled: "disabled" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["elRef"], descendants: true, static: true }], ngImport: i0, template: "<div\n #elRef\n [hidden]=\"!(visible$ | async)\"\n [class]=\"bem.block('medium')\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"selected$ | async\"\n [class.isFocused]=\"focused\"\n (click)=\"onClick()\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".aui-suggestion{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-suggestion--large{padding:calc((var(--aui-inline-height-l) - var(--aui-line-height-l)) / 2);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-suggestion--medium{padding:calc((var(--aui-inline-height-m) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-suggestion--small{padding:calc((var(--aui-inline-height-s) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-suggestion--mini{padding:calc((var(--aui-inline-height-xs) - var(--aui-line-height-s)) / 2);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-suggestion:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-suggestion:hover,.aui-suggestion.isFocused{background-color:rgb(var(--aui-color-p-6))}.aui-suggestion.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-suggestion__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-suggestion.isSelected .aui-suggestion__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-suggestion.isIndeterminate .aui-suggestion__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-suggestion.isIndeterminate .aui-suggestion__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-suggestion.isSelected.isDisabled .aui-suggestion__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-suggestion.isDisabled .aui-suggestion__label{cursor:not-allowed}.aui-suggestion.isDisabled .aui-suggestion__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-suggestion:not(.isDisabled):hover .aui-suggestion__pointer,.aui-suggestion:not(.isDisabled).isFocused .aui-suggestion__pointer{border-color:rgb(var(--aui-color-primary))}\n"], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1183
1185
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SuggestionComponent, decorators: [{
1184
1186
  type: Component,
1185
- args: [{ selector: 'aui-suggestion', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n #elRef\n [hidden]=\"!(visible$ | async)\"\n [class]=\"bem.block('medium')\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"selected$ | async\"\n [class.isFocused]=\"focused\"\n (click)=\"onClick()\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".aui-suggestion{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-suggestion--large{padding:calc((var(--aui-inline-height-l) - var(--aui-line-height-l)) / 2);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-suggestion--medium{padding:calc((var(--aui-inline-height-m) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-suggestion--small{padding:calc((var(--aui-inline-height-s) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-suggestion--mini{padding:calc((var(--aui-inline-height-xs) - var(--aui-line-height-s)) / 2);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-suggestion:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-suggestion:hover,.aui-suggestion.isFocused{background-color:rgb(var(--aui-color-p-6))}.aui-suggestion.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-suggestion__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-suggestion.isSelected .aui-suggestion__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-suggestion.isIndeterminate .aui-suggestion__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-suggestion.isIndeterminate .aui-suggestion__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-suggestion.isSelected.isDisabled .aui-suggestion__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-suggestion.isDisabled .aui-suggestion__label{cursor:not-allowed}.aui-suggestion.isDisabled .aui-suggestion__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-suggestion:not(.isDisabled):hover .aui-suggestion__pointer,.aui-suggestion:not(.isDisabled).isFocused .aui-suggestion__pointer{border-color:rgb(var(--aui-color-primary))}\n"] }]
1187
+ args: [{ selector: 'aui-suggestion', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n #elRef\n [hidden]=\"!(visible$ | async)\"\n [class]=\"bem.block('medium')\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"selected$ | async\"\n [class.isFocused]=\"focused\"\n (click)=\"onClick()\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".aui-suggestion{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-suggestion--large{padding:calc((var(--aui-inline-height-l) - var(--aui-line-height-l)) / 2);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-suggestion--medium{padding:calc((var(--aui-inline-height-m) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-suggestion--small{padding:calc((var(--aui-inline-height-s) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-suggestion--mini{padding:calc((var(--aui-inline-height-xs) - var(--aui-line-height-s)) / 2);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-suggestion:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-suggestion:hover,.aui-suggestion.isFocused{background-color:rgb(var(--aui-color-p-6))}.aui-suggestion.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-suggestion__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-suggestion.cdk-keyboard-focused .aui-suggestion__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-suggestion.isSelected .aui-suggestion__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-suggestion.isIndeterminate .aui-suggestion__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-suggestion.isIndeterminate .aui-suggestion__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-suggestion.isSelected.isDisabled .aui-suggestion__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-suggestion.isDisabled .aui-suggestion__label{cursor:not-allowed}.aui-suggestion.isDisabled .aui-suggestion__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-suggestion:not(.isDisabled):hover .aui-suggestion__pointer,.aui-suggestion:not(.isDisabled).isFocused .aui-suggestion__pointer{border-color:rgb(var(--aui-color-primary))}\n"] }]
1186
1188
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
1187
1189
  type: Inject,
1188
1190
  args: [forwardRef(() => AutocompleteComponent)]
@@ -1203,12 +1205,12 @@ class AutocompleteComponent {
1203
1205
  ngAfterContentInit() {
1204
1206
  this.hasVisibleSuggestion$ = this.suggestions.changes.pipe(startWith(this.suggestions), switchMap((suggestions) => suggestions.length > 0
1205
1207
  ? combineLatest(suggestions.map(suggestion => suggestion.visible$))
1206
- : of([])), map(visible => visible.some(Boolean)), withLatestFrom(this.directive$$), map(([hasVisibleSuggestion, directive]) => {
1208
+ : of([])), debounceTime(0), map(visible => visible.some(Boolean)), withLatestFrom(this.directive$$), map(([hasVisibleSuggestion, directive]) => {
1207
1209
  if (hasVisibleSuggestion && directive.defaultFirstSuggestion) {
1208
1210
  directive.autoFocusFirstSuggestion();
1209
1211
  }
1210
1212
  return hasVisibleSuggestion;
1211
- }), distinctUntilChanged(), debounceTime(0), tap(() => this.cdr.markForCheck()), publishRef());
1213
+ }), distinctUntilChanged(), tap(() => this.cdr.markForCheck()), publishRef());
1212
1214
  this.hasContent$ = combineLatest([
1213
1215
  this.hasVisibleSuggestion$,
1214
1216
  this.placeholder.changes.pipe(startWith(this.placeholder), map((list) => !!list.length)),
@@ -1288,10 +1290,10 @@ class TooltipComponent {
1288
1290
  }
1289
1291
  }
1290
1292
  TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
1291
- TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: TooltipComponent, selector: "aui-tooltip", ngImport: i0, template: "<div\n *ngIf=\"inputContent$ | async\"\n [class]=\"class$ | async\"\n (mouseenter)=\"hover$.next(true)\"\n (mouseleave)=\"hover$.next(false)\"\n>\n {{ text$ | async }}\n <ng-container\n *ngIf=\"template$ | async\"\n [ngTemplateOutlet]=\"template$ | async\"\n [ngTemplateOutletContext]=\"context$ | async\"\n ></ng-container>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.aui-tooltip{position:relative;padding:var(--aui-spacing-xl);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s);border-radius:var(--aui-border-radius-m);max-width:400px;word-wrap:break-word}:root .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-tooltip--default{padding:var(--aui-spacing-m) var(--aui-spacing-xl)}:root .aui-tooltip--default{color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-1))}html[aui-theme-mode=light] .aui-tooltip--default{color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-1))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-tooltip--default{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}}html[aui-theme-mode=dark] .aui-tooltip--default{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--info{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--top,.aui-tooltip--bottom{margin:var(--aui-spacing-s) 0}.aui-tooltip--start,.aui-tooltip--end{margin:0 var(--aui-spacing-s)}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1293
+ TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: TooltipComponent, selector: "aui-tooltip", ngImport: i0, template: "<div\n *ngIf=\"inputContent$ | async\"\n [class]=\"class$ | async\"\n (mouseenter)=\"hover$.next(true)\"\n (mouseleave)=\"hover$.next(false)\"\n>\n {{ text$ | async }}\n <ng-container\n *ngIf=\"template$ | async\"\n [ngTemplateOutlet]=\"template$ | async\"\n [ngTemplateOutletContext]=\"context$ | async\"\n ></ng-container>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.aui-tooltip{position:relative;padding:var(--aui-spacing-xl);border-radius:var(--aui-border-radius-m);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal);max-width:400px;word-wrap:break-word}:root .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-tooltip--default{padding:var(--aui-spacing-m) var(--aui-spacing-xl)}:root .aui-tooltip--default{color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-1))}html[aui-theme-mode=light] .aui-tooltip--default{color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-1))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-tooltip--default{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}}html[aui-theme-mode=dark] .aui-tooltip--default{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--info{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--top,.aui-tooltip--bottom{margin:var(--aui-spacing-s) 0}.aui-tooltip--start,.aui-tooltip--end{margin:0 var(--aui-spacing-s)}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1292
1294
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TooltipComponent, decorators: [{
1293
1295
  type: Component,
1294
- args: [{ selector: 'aui-tooltip', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n *ngIf=\"inputContent$ | async\"\n [class]=\"class$ | async\"\n (mouseenter)=\"hover$.next(true)\"\n (mouseleave)=\"hover$.next(false)\"\n>\n {{ text$ | async }}\n <ng-container\n *ngIf=\"template$ | async\"\n [ngTemplateOutlet]=\"template$ | async\"\n [ngTemplateOutletContext]=\"context$ | async\"\n ></ng-container>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.aui-tooltip{position:relative;padding:var(--aui-spacing-xl);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s);border-radius:var(--aui-border-radius-m);max-width:400px;word-wrap:break-word}:root .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-tooltip--default{padding:var(--aui-spacing-m) var(--aui-spacing-xl)}:root .aui-tooltip--default{color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-1))}html[aui-theme-mode=light] .aui-tooltip--default{color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-1))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-tooltip--default{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}}html[aui-theme-mode=dark] .aui-tooltip--default{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--info{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--top,.aui-tooltip--bottom{margin:var(--aui-spacing-s) 0}.aui-tooltip--start,.aui-tooltip--end{margin:0 var(--aui-spacing-s)}\n"] }]
1296
+ args: [{ selector: 'aui-tooltip', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n *ngIf=\"inputContent$ | async\"\n [class]=\"class$ | async\"\n (mouseenter)=\"hover$.next(true)\"\n (mouseleave)=\"hover$.next(false)\"\n>\n {{ text$ | async }}\n <ng-container\n *ngIf=\"template$ | async\"\n [ngTemplateOutlet]=\"template$ | async\"\n [ngTemplateOutletContext]=\"context$ | async\"\n ></ng-container>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.aui-tooltip{position:relative;padding:var(--aui-spacing-xl);border-radius:var(--aui-border-radius-m);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal);max-width:400px;word-wrap:break-word}:root .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-tooltip--default{padding:var(--aui-spacing-m) var(--aui-spacing-xl)}:root .aui-tooltip--default{color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-1))}html[aui-theme-mode=light] .aui-tooltip--default{color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-1))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-tooltip--default{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}}html[aui-theme-mode=dark] .aui-tooltip--default{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--info{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--top,.aui-tooltip--bottom{margin:var(--aui-spacing-s) 0}.aui-tooltip--start,.aui-tooltip--end{margin:0 var(--aui-spacing-s)}\n"] }]
1295
1297
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
1296
1298
 
1297
1299
  function getOriginPosition(position) {
@@ -1808,10 +1810,14 @@ class AutoCompleteDirective extends BaseTooltip {
1808
1810
  this.show = new EventEmitter();
1809
1811
  this.hide = new EventEmitter();
1810
1812
  this.selected = new EventEmitter();
1813
+ // Whether to automatically update input value after selection
1814
+ this.autoPatch = true;
1811
1815
  this.inputValue$$ = new BehaviorSubject('');
1812
1816
  this.filterFn$$ = new BehaviorSubject(this.filterFn);
1813
1817
  this.unsubscribe$ = new Subject();
1814
- this.inputValue$ = this.inputValue$$.asObservable();
1818
+ this.inputValue$ = this.inputValue$$
1819
+ .asObservable()
1820
+ .pipe(distinctUntilChanged());
1815
1821
  this.filterFn$ = this.filterFn$$.asObservable();
1816
1822
  this.type = TooltipType.Plain;
1817
1823
  this.trigger = TooltipTrigger.Manual;
@@ -1884,7 +1890,7 @@ class AutoCompleteDirective extends BaseTooltip {
1884
1890
  this.unsubscribe$.complete();
1885
1891
  }
1886
1892
  onFocus() {
1887
- if (this.suggestionTrigger === 'auto') {
1893
+ if (this.suggestionTrigger === 'auto' && !this.isCreated) {
1888
1894
  super.onFocus();
1889
1895
  }
1890
1896
  }
@@ -1927,13 +1933,15 @@ class AutoCompleteDirective extends BaseTooltip {
1927
1933
  }
1928
1934
  onSuggestionClick(value) {
1929
1935
  let isArrCtrl = false;
1930
- if (this.ngControl) {
1931
- const { control } = this.ngControl;
1932
- isArrCtrl = Array.isArray(control.value);
1933
- control.patchValue(isArrCtrl ? [...control.value, value] : value);
1934
- }
1935
- else {
1936
- this.input.value = value;
1936
+ if (this.autoPatch) {
1937
+ if (this.ngControl) {
1938
+ const { control } = this.ngControl;
1939
+ isArrCtrl = Array.isArray(control.value);
1940
+ control.patchValue(isArrCtrl ? [...control.value, value] : value);
1941
+ }
1942
+ else {
1943
+ this.input.value = value;
1944
+ }
1937
1945
  }
1938
1946
  this.inputValue$$.next(isArrCtrl ? '' : value);
1939
1947
  this.selected.emit(value);
@@ -1944,10 +1952,6 @@ class AutoCompleteDirective extends BaseTooltip {
1944
1952
  this.autoFocusFirstSuggestion();
1945
1953
  }
1946
1954
  autoFocusFirstSuggestion() {
1947
- const focusedSuggestion = this.autocomplete.suggestions.find(suggestion => suggestion.focused);
1948
- if (focusedSuggestion) {
1949
- return;
1950
- }
1951
1955
  const selectedSuggestion = this.autocomplete.suggestions.find(suggestion => suggestion.selected);
1952
1956
  if (selectedSuggestion) {
1953
1957
  this.resetFocusedSuggestion(selectedSuggestion);
@@ -2010,7 +2014,7 @@ class AutoCompleteDirective extends BaseTooltip {
2010
2014
  }
2011
2015
  }
2012
2016
  AutoCompleteDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AutoCompleteDirective, deps: [{ token: i1$2.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i4.NgControl, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
2013
- AutoCompleteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: AutoCompleteDirective, selector: "input[auiAutocomplete],textarea[auiAutocomplete]", inputs: { class: ["auiAutocompleteClass", "class"], autocomplete: ["auiAutocomplete", "autocomplete"], filterFn: "filterFn", defaultFirstSuggestion: ["auiAutocompleteDefaultFirstSuggestion", "defaultFirstSuggestion"], suggestionTrigger: ["auiAutocompleteTrigger", "suggestionTrigger"] }, outputs: { show: "auiAutocompleteShow", hide: "auiAutocompleteHide", selected: "auiAutocompleteSelected" }, host: { attributes: { "autocomplete": "off" } }, exportAs: ["auiAutocomplete"], usesInheritance: true, ngImport: i0 });
2017
+ AutoCompleteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: AutoCompleteDirective, selector: "input[auiAutocomplete],textarea[auiAutocomplete]", inputs: { class: ["auiAutocompleteClass", "class"], autocomplete: ["auiAutocomplete", "autocomplete"], filterFn: "filterFn", defaultFirstSuggestion: ["auiAutocompleteDefaultFirstSuggestion", "defaultFirstSuggestion"], suggestionTrigger: ["auiAutocompleteTrigger", "suggestionTrigger"], autoPatch: ["auiAutocompleteAutoPatch", "autoPatch"] }, outputs: { show: "auiAutocompleteShow", hide: "auiAutocompleteHide", selected: "auiAutocompleteSelected" }, host: { attributes: { "autocomplete": "off" } }, exportAs: ["auiAutocomplete"], usesInheritance: true, ngImport: i0 });
2014
2018
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AutoCompleteDirective, decorators: [{
2015
2019
  type: Directive,
2016
2020
  args: [{
@@ -2048,6 +2052,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
2048
2052
  }], selected: [{
2049
2053
  type: Output,
2050
2054
  args: ['auiAutocompleteSelected']
2055
+ }], autoPatch: [{
2056
+ type: Input,
2057
+ args: ['auiAutocompleteAutoPatch']
2051
2058
  }] } });
2052
2059
  class CustomAutoCompleteDirective extends AutoCompleteDirective {
2053
2060
  constructor() {
@@ -2095,10 +2102,10 @@ class SuggestionGroupComponent {
2095
2102
  }
2096
2103
  }
2097
2104
  SuggestionGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SuggestionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2098
- SuggestionGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: SuggestionGroupComponent, selector: "aui-suggestion-group", queries: [{ propertyName: "suggestions", predicate: i0.forwardRef(function () { return SuggestionComponent; }) }], ngImport: i0, template: "<div\n [hidden]=\"!(hasVisibleSuggestion$ | async)\"\n class=\"aui-suggestion-group\"\n>\n <ng-content select=\"[auiSuggestionGroupTitle]\"></ng-content>\n <div class=\"aui-suggestion-group__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-suggestion-group__title{padding:4px 8px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);color:rgb(var(--aui-color-help-text))}aui-suggestion-group:not(:first-child) .aui-suggestion-group{margin-top:8px;padding-top:8px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2105
+ SuggestionGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: SuggestionGroupComponent, selector: "aui-suggestion-group", queries: [{ propertyName: "suggestions", predicate: i0.forwardRef(function () { return SuggestionComponent; }) }], ngImport: i0, template: "<div\n [hidden]=\"!(hasVisibleSuggestion$ | async)\"\n class=\"aui-suggestion-group\"\n>\n <ng-content select=\"[auiSuggestionGroupTitle]\"></ng-content>\n <div class=\"aui-suggestion-group__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-suggestion-group__title{padding:4px 8px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-help-text))}aui-suggestion-group:not(:first-child) .aui-suggestion-group{margin-top:8px;padding-top:8px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2099
2106
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SuggestionGroupComponent, decorators: [{
2100
2107
  type: Component,
2101
- args: [{ selector: 'aui-suggestion-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [hidden]=\"!(hasVisibleSuggestion$ | async)\"\n class=\"aui-suggestion-group\"\n>\n <ng-content select=\"[auiSuggestionGroupTitle]\"></ng-content>\n <div class=\"aui-suggestion-group__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-suggestion-group__title{padding:4px 8px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);color:rgb(var(--aui-color-help-text))}aui-suggestion-group:not(:first-child) .aui-suggestion-group{margin-top:8px;padding-top:8px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"] }]
2108
+ args: [{ selector: 'aui-suggestion-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [hidden]=\"!(hasVisibleSuggestion$ | async)\"\n class=\"aui-suggestion-group\"\n>\n <ng-content select=\"[auiSuggestionGroupTitle]\"></ng-content>\n <div class=\"aui-suggestion-group__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-suggestion-group__title{padding:4px 8px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-help-text))}aui-suggestion-group:not(:first-child) .aui-suggestion-group{margin-top:8px;padding-top:8px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"] }]
2102
2109
  }], propDecorators: { suggestions: [{
2103
2110
  type: ContentChildren,
2104
2111
  args: [forwardRef(() => SuggestionComponent)]
@@ -2193,10 +2200,10 @@ class BackTopComponent {
2193
2200
  }
2194
2201
  }
2195
2202
  BackTopComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: BackTopComponent, deps: [{ token: i1$2.CdkScrollable, optional: true }], target: i0.ɵɵFactoryTarget.Component });
2196
- BackTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight", target: "target" }, outputs: { click: "click" }, ngImport: i0, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon\n icon=\"arrow_up_to_line\"\n class=\"aui-back-top__icon\"\n ></aui-icon>\n</div>\n", styles: [".aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;justify-content:center;align-items:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);color:rgb(var(--aui-color-n-4));font-size:16px;border:1px solid transparent;border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;transition:all .3s ease}:root .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}:root .aui-back-top{background-color:rgb(var(--aui-color-n-10))}html[aui-theme-mode=light] .aui-back-top{background-color:rgb(var(--aui-color-n-10))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}}html[aui-theme-mode=dark] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}.aui-back-top.show{visibility:visible}.aui-back-top:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));box-shadow:none}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2203
+ BackTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight", target: "target" }, outputs: { click: "click" }, ngImport: i0, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon\n icon=\"arrow_up_to_line\"\n class=\"aui-back-top__icon\"\n ></aui-icon>\n</div>\n", styles: [".aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;justify-content:center;align-items:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-l);border:1px solid transparent;border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;transition:all .3s ease}:root .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}:root .aui-back-top{background-color:rgb(var(--aui-color-n-10))}html[aui-theme-mode=light] .aui-back-top{background-color:rgb(var(--aui-color-n-10))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}}html[aui-theme-mode=dark] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}.aui-back-top.show{visibility:visible}.aui-back-top:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));box-shadow:none}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2197
2204
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: BackTopComponent, decorators: [{
2198
2205
  type: Component,
2199
- args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon\n icon=\"arrow_up_to_line\"\n class=\"aui-back-top__icon\"\n ></aui-icon>\n</div>\n", styles: [".aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;justify-content:center;align-items:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);color:rgb(var(--aui-color-n-4));font-size:16px;border:1px solid transparent;border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;transition:all .3s ease}:root .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}:root .aui-back-top{background-color:rgb(var(--aui-color-n-10))}html[aui-theme-mode=light] .aui-back-top{background-color:rgb(var(--aui-color-n-10))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}}html[aui-theme-mode=dark] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}.aui-back-top.show{visibility:visible}.aui-back-top:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));box-shadow:none}\n"] }]
2206
+ args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon\n icon=\"arrow_up_to_line\"\n class=\"aui-back-top__icon\"\n ></aui-icon>\n</div>\n", styles: [".aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;justify-content:center;align-items:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-l);border:1px solid transparent;border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;transition:all .3s ease}:root .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}:root .aui-back-top{background-color:rgb(var(--aui-color-n-10))}html[aui-theme-mode=light] .aui-back-top{background-color:rgb(var(--aui-color-n-10))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}}html[aui-theme-mode=dark] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}.aui-back-top.show{visibility:visible}.aui-back-top:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));box-shadow:none}\n"] }]
2200
2207
  }], ctorParameters: function () { return [{ type: i1$2.CdkScrollable, decorators: [{
2201
2208
  type: Optional
2202
2209
  }] }]; }, propDecorators: { visibilityHeight: [{
@@ -2290,10 +2297,10 @@ class BreadcrumbComponent {
2290
2297
  }
2291
2298
  }
2292
2299
  BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2293
- BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: BreadcrumbComponent, selector: "aui-breadcrumb", inputs: { separator: "separator", separatorIcon: "separatorIcon" }, queries: [{ propertyName: "items", predicate: BreadcrumbItemComponent }], ngImport: i0, template: "<div class=\"aui-breadcrumb\"><ng-content></ng-content></div>\n", styles: [".aui-breadcrumb{display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-secondary-text))}.aui-breadcrumb__separator{margin:0 var(--aui-spacing-s)}.aui-breadcrumb aui-breadcrumb-item:last-child .aui-breadcrumb__separator{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2300
+ BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: BreadcrumbComponent, selector: "aui-breadcrumb", inputs: { separator: "separator", separatorIcon: "separatorIcon" }, queries: [{ propertyName: "items", predicate: BreadcrumbItemComponent }], ngImport: i0, template: "<div class=\"aui-breadcrumb\"><ng-content></ng-content></div>\n", styles: [".aui-breadcrumb{display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-secondary-text))}.aui-breadcrumb__separator{margin:0 var(--aui-spacing-s)}.aui-breadcrumb aui-breadcrumb-item:last-child .aui-breadcrumb__separator{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2294
2301
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: BreadcrumbComponent, decorators: [{
2295
2302
  type: Component,
2296
- args: [{ selector: 'aui-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div class=\"aui-breadcrumb\"><ng-content></ng-content></div>\n", styles: [".aui-breadcrumb{display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-secondary-text))}.aui-breadcrumb__separator{margin:0 var(--aui-spacing-s)}.aui-breadcrumb aui-breadcrumb-item:last-child .aui-breadcrumb__separator{display:none}\n"] }]
2303
+ args: [{ selector: 'aui-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div class=\"aui-breadcrumb\"><ng-content></ng-content></div>\n", styles: [".aui-breadcrumb{display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-secondary-text))}.aui-breadcrumb__separator{margin:0 var(--aui-spacing-s)}.aui-breadcrumb aui-breadcrumb-item:last-child .aui-breadcrumb__separator{display:none}\n"] }]
2297
2304
  }], propDecorators: { separator: [{
2298
2305
  type: Input
2299
2306
  }], separatorIcon: [{
@@ -2323,10 +2330,10 @@ class CardComponent {
2323
2330
  }
2324
2331
  }
2325
2332
  CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2326
- CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: CardComponent, selector: "aui-card", inputs: { divider: "divider" }, ngImport: i0, template: "<div\n class=\"aui-card\"\n [class.hasDivider]=\"divider\"\n>\n <ng-content select=\"[auiCardHeader]\"></ng-content>\n <div class=\"aui-card__content\"><ng-content></ng-content></div>\n <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{display:flex;align-items:center;padding:0;font-weight:var(--aui-font-weight-bold);font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text))}.aui-card__header--secondary{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl)}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2333
+ CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: CardComponent, selector: "aui-card", inputs: { divider: "divider" }, ngImport: i0, template: "<div\n class=\"aui-card\"\n [class.hasDivider]=\"divider\"\n>\n <ng-content select=\"[auiCardHeader]\"></ng-content>\n <div class=\"aui-card__content\"><ng-content></ng-content></div>\n <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}:root .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{display:flex;align-items:center;padding:0;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text))}.aui-card__header--secondary{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-bolder)}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2327
2334
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: CardComponent, decorators: [{
2328
2335
  type: Component,
2329
- args: [{ selector: 'aui-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-card\"\n [class.hasDivider]=\"divider\"\n>\n <ng-content select=\"[auiCardHeader]\"></ng-content>\n <div class=\"aui-card__content\"><ng-content></ng-content></div>\n <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{display:flex;align-items:center;padding:0;font-weight:var(--aui-font-weight-bold);font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text))}.aui-card__header--secondary{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl)}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"] }]
2336
+ args: [{ selector: 'aui-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-card\"\n [class.hasDivider]=\"divider\"\n>\n <ng-content select=\"[auiCardHeader]\"></ng-content>\n <div class=\"aui-card__content\"><ng-content></ng-content></div>\n <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}:root .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{display:flex;align-items:center;padding:0;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text))}.aui-card__header--secondary{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-bolder)}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"] }]
2330
2337
  }], propDecorators: { divider: [{
2331
2338
  type: Input
2332
2339
  }] } });
@@ -2380,10 +2387,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
2380
2387
  class SectionComponent {
2381
2388
  }
2382
2389
  SectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2383
- SectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: SectionComponent, selector: "aui-section", ngImport: i0, template: "<div class=\"aui-section\">\n <ng-content select=\"[auiSectionTitle]\"></ng-content>\n <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-section__title{margin-bottom:var(--aui-spacing-l);font-weight:var(--aui-font-weight-bold);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);color:rgb(var(--aui-color-main-text))}aui-section:first-child>.aui-section{padding-top:0}aui-section:last-child>.aui-section{padding-bottom:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2390
+ SectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: SectionComponent, selector: "aui-section", ngImport: i0, template: "<div class=\"aui-section\">\n <ng-content select=\"[auiSectionTitle]\"></ng-content>\n <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-section__title{margin-bottom:var(--aui-spacing-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text))}aui-section:first-child>.aui-section{padding-top:0}aui-section:last-child>.aui-section{padding-bottom:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2384
2391
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SectionComponent, decorators: [{
2385
2392
  type: Component,
2386
- args: [{ selector: 'aui-section', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div class=\"aui-section\">\n <ng-content select=\"[auiSectionTitle]\"></ng-content>\n <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-section__title{margin-bottom:var(--aui-spacing-l);font-weight:var(--aui-font-weight-bold);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);color:rgb(var(--aui-color-main-text))}aui-section:first-child>.aui-section{padding-top:0}aui-section:last-child>.aui-section{padding-bottom:0}\n"] }]
2393
+ args: [{ selector: 'aui-section', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div class=\"aui-section\">\n <ng-content select=\"[auiSectionTitle]\"></ng-content>\n <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-section__title{margin-bottom:var(--aui-spacing-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text))}aui-section:first-child>.aui-section{padding-top:0}aui-section:last-child>.aui-section{padding-bottom:0}\n"] }]
2387
2394
  }] });
2388
2395
 
2389
2396
  class CardModule {
@@ -2716,10 +2723,10 @@ class FormItemComponent {
2716
2723
  }
2717
2724
  }
2718
2725
  FormItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: FormDirective, optional: true }, { token: i4.NgForm, optional: true }, { token: i4.FormGroupDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
2719
- FormItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: FormItemComponent, selector: "aui-form-item", inputs: { labelWidth: "labelWidth", width: "width", labelPosition: "labelPosition", emptyAddon: "emptyAddon", plain: "plain" }, queries: [{ propertyName: "itemLabel", first: true, predicate: FormItemLabelDirective, descendants: true }, { propertyName: "itemControl", first: true, predicate: FormItemControlDirective, descendants: true }, { propertyName: "ngControls", predicate: NgControl, descendants: true }, { propertyName: "addons", predicate: FormItemAddonDirective }, { propertyName: "errors", predicate: FormItemErrorDirective }, { propertyName: "hints", predicate: FormItemHintDirective }], ngImport: i0, template: "<div\n [class]=\"bem.block(labelPosition)\"\n [class.isPlain]=\"plain\"\n [class.hasError]=\"hasError$ | async\"\n>\n <div\n [ngClass]=\"\n bem.element(\n 'label-wrapper',\n { required: !!itemControl?.required },\n labelPosition\n )\n \"\n [class.hasLabel]=\"!!itemLabel\"\n [style.width]=\"labelWidth\"\n >\n <ng-content select=\"label[auiFormItemLabel]\"></ng-content>\n </div>\n <div class=\"aui-form-item__container\">\n <div\n class=\"aui-form-item__content\"\n [ngClass]=\"formItemWidthClass\"\n >\n <ng-content></ng-content>\n <div\n *ngIf=\"emptyAddon || addons?.length\"\n class=\"aui-form-item__addon-wrapper\"\n >\n <ng-content select=\"[auiFormItemAddon]\"></ng-content>\n </div>\n </div>\n <div\n *ngIf=\"(hasError$ | async) && (errorCount$ | async)\"\n class=\"aui-form-item__error-wrapper\"\n >\n <ng-content select=\"[auiFormItemError]\"></ng-content>\n </div>\n <div\n *ngIf=\"hintCount$ | async\"\n class=\"aui-form-item__hint-wrapper\"\n >\n <ng-content select=\"[auiFormItemHint]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-form-item{display:flex;align-items:flex-start;margin-bottom:var(--aui-spacing-xl);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-form-item--top{flex-direction:column}.aui-form-item--top .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m);margin-bottom:var(--aui-spacing-xs)}.aui-form-item--top .aui-form-item__label-wrapper:after{display:none}.aui-form-item__label-wrapper{display:flex;align-items:center;line-height:var(--aui-inline-height-m);flex-shrink:0;padding-right:var(--aui-spacing-m);overflow:hidden}.aui-form-item__label-wrapper--required .aui-form-item__label:before{content:\"*\";color:rgb(var(--aui-color-red));margin-right:var(--aui-spacing-s)}.aui-form-item__label-wrapper.hasLabel:after{content:\":\";align-self:flex-start;margin-left:var(--aui-spacing-xs)}.aui-form-item__label-wrapper--left{justify-content:flex-start}.aui-form-item__label-wrapper--left .aui-form-item__label{text-align:start}.aui-form-item__label-wrapper--right{justify-content:flex-end}.aui-form-item__label-wrapper--right .aui-form-item__label{text-align:end}.aui-form-item__label{display:block;line-height:var(--aui-line-height-s)}.aui-form-item__container{width:100%;min-width:0}.aui-form-item__content{display:flex;align-items:center;min-height:var(--aui-inline-height-m)}.aui-form-item__content--large .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-l)}.aui-form-item__content--medium .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-m)}.aui-form-item__content--small .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-s)}.aui-form-item__content+.aui-form-item__hint-wrapper,.aui-form-item__content+.aui-form-item__error-wrapper{margin-top:var(--aui-spacing-s)}.aui-form-item__hint-wrapper,.aui-form-item__error-wrapper{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-form-item__hint-wrapper{color:rgb(var(--aui-color-help-text))}.aui-form-item__error-wrapper{color:rgb(var(--aui-color-red))}.aui-form-item__addon-wrapper{align-self:flex-start;display:flex;align-items:center;flex-shrink:0;box-sizing:content-box;height:var(--aui-inline-height-m);min-width:var(--aui-icon-size-m);padding-left:var(--aui-spacing-m);color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m)}.aui-form-item__addon-wrapper aui-icon{font-size:var(--aui-icon-size-m)}.aui-form-item.isPlain .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m)}.aui-form-item.isPlain .aui-form-item__label-wrapper--required .aui-form-item__label:before{display:none}.aui-form-item.isPlain .aui-form-item__content{min-height:var(--aui-line-height-m)}.aui-form-item.isPlain .aui-form-item__addon-wrapper{height:var(--aui-line-height-m)}.aui-form--inline{display:flex}.aui-form--inline .aui-form-item{margin-bottom:0;margin-right:var(--aui-spacing-m)}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2726
+ FormItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: FormItemComponent, selector: "aui-form-item", inputs: { labelWidth: "labelWidth", width: "width", labelPosition: "labelPosition", emptyAddon: "emptyAddon", plain: "plain" }, queries: [{ propertyName: "itemLabel", first: true, predicate: FormItemLabelDirective, descendants: true }, { propertyName: "itemControl", first: true, predicate: FormItemControlDirective, descendants: true }, { propertyName: "ngControls", predicate: NgControl, descendants: true }, { propertyName: "addons", predicate: FormItemAddonDirective }, { propertyName: "errors", predicate: FormItemErrorDirective }, { propertyName: "hints", predicate: FormItemHintDirective }], ngImport: i0, template: "<div\n [class]=\"bem.block(labelPosition)\"\n [class.isPlain]=\"plain\"\n [class.hasError]=\"hasError$ | async\"\n>\n <div\n [ngClass]=\"\n bem.element(\n 'label-wrapper',\n { required: !!itemControl?.required },\n labelPosition\n )\n \"\n [class.hasLabel]=\"!!itemLabel\"\n [style.width]=\"labelWidth\"\n >\n <ng-content select=\"label[auiFormItemLabel]\"></ng-content>\n </div>\n <div class=\"aui-form-item__container\">\n <div\n class=\"aui-form-item__content\"\n [ngClass]=\"formItemWidthClass\"\n >\n <ng-content></ng-content>\n <div\n *ngIf=\"emptyAddon || addons?.length\"\n class=\"aui-form-item__addon-wrapper\"\n >\n <ng-content select=\"[auiFormItemAddon]\"></ng-content>\n </div>\n </div>\n <div\n *ngIf=\"(hasError$ | async) && (errorCount$ | async)\"\n class=\"aui-form-item__error-wrapper\"\n >\n <ng-content select=\"[auiFormItemError]\"></ng-content>\n </div>\n <div\n *ngIf=\"hintCount$ | async\"\n class=\"aui-form-item__hint-wrapper\"\n >\n <ng-content select=\"[auiFormItemHint]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-form-item{display:flex;align-items:flex-start;margin-bottom:var(--aui-spacing-xl);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-form-item--top{flex-direction:column}.aui-form-item--top .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m);margin-bottom:var(--aui-spacing-xs)}.aui-form-item--top .aui-form-item__label-wrapper:after{display:none}.aui-form-item__label-wrapper{display:flex;align-items:center;line-height:var(--aui-inline-height-m);flex-shrink:0;padding-right:var(--aui-spacing-m);overflow:hidden}.aui-form-item__label-wrapper--required .aui-form-item__label:before{content:\"*\";color:rgb(var(--aui-color-red));margin-right:var(--aui-spacing-s)}.aui-form-item__label-wrapper.hasLabel:after{content:\":\";align-self:flex-start;margin-left:var(--aui-spacing-xs)}.aui-form-item__label-wrapper--left{justify-content:flex-start}.aui-form-item__label-wrapper--left .aui-form-item__label{text-align:start}.aui-form-item__label-wrapper--right{justify-content:flex-end}.aui-form-item__label-wrapper--right .aui-form-item__label{text-align:end}.aui-form-item__label{display:block;line-height:var(--aui-line-height-s)}.aui-form-item__container{width:100%;min-width:0}.aui-form-item__content{display:flex;align-items:center;min-height:var(--aui-inline-height-m)}.aui-form-item__content--large .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-l)}.aui-form-item__content--medium .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-m)}.aui-form-item__content--small .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-s)}.aui-form-item__content+.aui-form-item__hint-wrapper,.aui-form-item__content+.aui-form-item__error-wrapper{margin-top:var(--aui-spacing-s)}.aui-form-item__hint-wrapper,.aui-form-item__error-wrapper{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-form-item__hint-wrapper{color:rgb(var(--aui-color-help-text))}.aui-form-item__error-wrapper{color:rgb(var(--aui-color-red))}.aui-form-item__addon-wrapper{align-self:flex-start;display:flex;align-items:center;flex-shrink:0;box-sizing:content-box;height:var(--aui-inline-height-m);min-width:var(--aui-icon-size-m);padding-left:var(--aui-spacing-m);color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m)}.aui-form-item__addon-wrapper aui-icon{font-size:var(--aui-icon-size-m)}.aui-form-item.isPlain .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m)}.aui-form-item.isPlain .aui-form-item__label-wrapper--required .aui-form-item__label:before{display:none}.aui-form-item.isPlain .aui-form-item__content{min-height:var(--aui-line-height-m)}.aui-form-item.isPlain .aui-form-item__addon-wrapper{height:var(--aui-line-height-m)}.aui-form--inline{display:flex}.aui-form--inline .aui-form-item{margin-bottom:0;margin-right:var(--aui-spacing-m)}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2720
2727
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormItemComponent, decorators: [{
2721
2728
  type: Component,
2722
- args: [{ selector: 'aui-form-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [class]=\"bem.block(labelPosition)\"\n [class.isPlain]=\"plain\"\n [class.hasError]=\"hasError$ | async\"\n>\n <div\n [ngClass]=\"\n bem.element(\n 'label-wrapper',\n { required: !!itemControl?.required },\n labelPosition\n )\n \"\n [class.hasLabel]=\"!!itemLabel\"\n [style.width]=\"labelWidth\"\n >\n <ng-content select=\"label[auiFormItemLabel]\"></ng-content>\n </div>\n <div class=\"aui-form-item__container\">\n <div\n class=\"aui-form-item__content\"\n [ngClass]=\"formItemWidthClass\"\n >\n <ng-content></ng-content>\n <div\n *ngIf=\"emptyAddon || addons?.length\"\n class=\"aui-form-item__addon-wrapper\"\n >\n <ng-content select=\"[auiFormItemAddon]\"></ng-content>\n </div>\n </div>\n <div\n *ngIf=\"(hasError$ | async) && (errorCount$ | async)\"\n class=\"aui-form-item__error-wrapper\"\n >\n <ng-content select=\"[auiFormItemError]\"></ng-content>\n </div>\n <div\n *ngIf=\"hintCount$ | async\"\n class=\"aui-form-item__hint-wrapper\"\n >\n <ng-content select=\"[auiFormItemHint]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-form-item{display:flex;align-items:flex-start;margin-bottom:var(--aui-spacing-xl);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-form-item--top{flex-direction:column}.aui-form-item--top .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m);margin-bottom:var(--aui-spacing-xs)}.aui-form-item--top .aui-form-item__label-wrapper:after{display:none}.aui-form-item__label-wrapper{display:flex;align-items:center;line-height:var(--aui-inline-height-m);flex-shrink:0;padding-right:var(--aui-spacing-m);overflow:hidden}.aui-form-item__label-wrapper--required .aui-form-item__label:before{content:\"*\";color:rgb(var(--aui-color-red));margin-right:var(--aui-spacing-s)}.aui-form-item__label-wrapper.hasLabel:after{content:\":\";align-self:flex-start;margin-left:var(--aui-spacing-xs)}.aui-form-item__label-wrapper--left{justify-content:flex-start}.aui-form-item__label-wrapper--left .aui-form-item__label{text-align:start}.aui-form-item__label-wrapper--right{justify-content:flex-end}.aui-form-item__label-wrapper--right .aui-form-item__label{text-align:end}.aui-form-item__label{display:block;line-height:var(--aui-line-height-s)}.aui-form-item__container{width:100%;min-width:0}.aui-form-item__content{display:flex;align-items:center;min-height:var(--aui-inline-height-m)}.aui-form-item__content--large .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-l)}.aui-form-item__content--medium .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-m)}.aui-form-item__content--small .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-s)}.aui-form-item__content+.aui-form-item__hint-wrapper,.aui-form-item__content+.aui-form-item__error-wrapper{margin-top:var(--aui-spacing-s)}.aui-form-item__hint-wrapper,.aui-form-item__error-wrapper{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-form-item__hint-wrapper{color:rgb(var(--aui-color-help-text))}.aui-form-item__error-wrapper{color:rgb(var(--aui-color-red))}.aui-form-item__addon-wrapper{align-self:flex-start;display:flex;align-items:center;flex-shrink:0;box-sizing:content-box;height:var(--aui-inline-height-m);min-width:var(--aui-icon-size-m);padding-left:var(--aui-spacing-m);color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m)}.aui-form-item__addon-wrapper aui-icon{font-size:var(--aui-icon-size-m)}.aui-form-item.isPlain .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m)}.aui-form-item.isPlain .aui-form-item__label-wrapper--required .aui-form-item__label:before{display:none}.aui-form-item.isPlain .aui-form-item__content{min-height:var(--aui-line-height-m)}.aui-form-item.isPlain .aui-form-item__addon-wrapper{height:var(--aui-line-height-m)}.aui-form--inline{display:flex}.aui-form--inline .aui-form-item{margin-bottom:0;margin-right:var(--aui-spacing-m)}\n"] }]
2729
+ args: [{ selector: 'aui-form-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [class]=\"bem.block(labelPosition)\"\n [class.isPlain]=\"plain\"\n [class.hasError]=\"hasError$ | async\"\n>\n <div\n [ngClass]=\"\n bem.element(\n 'label-wrapper',\n { required: !!itemControl?.required },\n labelPosition\n )\n \"\n [class.hasLabel]=\"!!itemLabel\"\n [style.width]=\"labelWidth\"\n >\n <ng-content select=\"label[auiFormItemLabel]\"></ng-content>\n </div>\n <div class=\"aui-form-item__container\">\n <div\n class=\"aui-form-item__content\"\n [ngClass]=\"formItemWidthClass\"\n >\n <ng-content></ng-content>\n <div\n *ngIf=\"emptyAddon || addons?.length\"\n class=\"aui-form-item__addon-wrapper\"\n >\n <ng-content select=\"[auiFormItemAddon]\"></ng-content>\n </div>\n </div>\n <div\n *ngIf=\"(hasError$ | async) && (errorCount$ | async)\"\n class=\"aui-form-item__error-wrapper\"\n >\n <ng-content select=\"[auiFormItemError]\"></ng-content>\n </div>\n <div\n *ngIf=\"hintCount$ | async\"\n class=\"aui-form-item__hint-wrapper\"\n >\n <ng-content select=\"[auiFormItemHint]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-form-item{display:flex;align-items:flex-start;margin-bottom:var(--aui-spacing-xl);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-form-item--top{flex-direction:column}.aui-form-item--top .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m);margin-bottom:var(--aui-spacing-xs)}.aui-form-item--top .aui-form-item__label-wrapper:after{display:none}.aui-form-item__label-wrapper{display:flex;align-items:center;line-height:var(--aui-inline-height-m);flex-shrink:0;padding-right:var(--aui-spacing-m);overflow:hidden}.aui-form-item__label-wrapper--required .aui-form-item__label:before{content:\"*\";color:rgb(var(--aui-color-red));margin-right:var(--aui-spacing-s)}.aui-form-item__label-wrapper.hasLabel:after{content:\":\";align-self:flex-start;margin-left:var(--aui-spacing-xs)}.aui-form-item__label-wrapper--left{justify-content:flex-start}.aui-form-item__label-wrapper--left .aui-form-item__label{text-align:start}.aui-form-item__label-wrapper--right{justify-content:flex-end}.aui-form-item__label-wrapper--right .aui-form-item__label{text-align:end}.aui-form-item__label{display:block;line-height:var(--aui-line-height-s)}.aui-form-item__container{width:100%;min-width:0}.aui-form-item__content{display:flex;align-items:center;min-height:var(--aui-inline-height-m)}.aui-form-item__content--large .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-l)}.aui-form-item__content--medium .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-m)}.aui-form-item__content--small .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-s)}.aui-form-item__content+.aui-form-item__hint-wrapper,.aui-form-item__content+.aui-form-item__error-wrapper{margin-top:var(--aui-spacing-s)}.aui-form-item__hint-wrapper,.aui-form-item__error-wrapper{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-form-item__hint-wrapper{color:rgb(var(--aui-color-help-text))}.aui-form-item__error-wrapper{color:rgb(var(--aui-color-red))}.aui-form-item__addon-wrapper{align-self:flex-start;display:flex;align-items:center;flex-shrink:0;box-sizing:content-box;height:var(--aui-inline-height-m);min-width:var(--aui-icon-size-m);padding-left:var(--aui-spacing-m);color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m)}.aui-form-item__addon-wrapper aui-icon{font-size:var(--aui-icon-size-m)}.aui-form-item.isPlain .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m)}.aui-form-item.isPlain .aui-form-item__label-wrapper--required .aui-form-item__label:before{display:none}.aui-form-item.isPlain .aui-form-item__content{min-height:var(--aui-line-height-m)}.aui-form-item.isPlain .aui-form-item__addon-wrapper{height:var(--aui-line-height-m)}.aui-form--inline{display:flex}.aui-form--inline .aui-form-item{margin-bottom:0;margin-right:var(--aui-spacing-m)}\n"] }]
2723
2730
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: FormDirective, decorators: [{
2724
2731
  type: Optional
2725
2732
  }] }, { type: i4.NgForm, decorators: [{
@@ -2928,7 +2935,7 @@ CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
2928
2935
  useExisting: forwardRef(() => CheckboxComponent),
2929
2936
  multi: true,
2930
2937
  },
2931
- ], viewQueries: [{ propertyName: "elRef", first: true, predicate: ["elRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n #elRef\n class=\"aui-checkbox\"\n [class.isDisabled]=\"disabled\"\n [class.isChecked]=\"model\"\n [class.isIndeterminate]=\"indeterminate\"\n [class.isTag]=\"type === 'tag'\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-checkbox__input\"\n type=\"checkbox\"\n [checked]=\"model\"\n [disabled]=\"disabled\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <label\n class=\"aui-checkbox__label\"\n [for]=\"id\"\n >\n <i class=\"aui-checkbox__pointer\">\n <aui-icon\n *ngIf=\"model && !indeterminate\"\n icon=\"check\"\n ></aui-icon>\n </i>\n <span class=\"aui-checkbox__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-checkbox{margin-right:var(--aui-spacing-xxxl);display:inline-flex;width:-moz-fit-content;width:fit-content;height:var(--aui-inline-height-m);position:relative;vertical-align:bottom}.aui-checkbox__label{display:flex;align-items:center;cursor:pointer}.aui-checkbox__label:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox__content{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-checkbox.isTag{margin-right:var(--aui-spacing-m);height:var(--aui-inline-height-s);padding:0 var(--aui-spacing-l);line-height:var(--aui-inline-height-s);background-color:rgb(var(--aui-color-n-8));border-radius:calc(var(--aui-inline-height-s) / 2);font-size:var(--aui-font-size-m);display:inline-flex}.aui-checkbox.isTag:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox.isTag:hover,.aui-checkbox.isTag.isChecked{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-checkbox__input{position:absolute;opacity:0;z-index:-1}.aui-checkbox__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-checkbox.isChecked .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isChecked.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isDisabled .aui-checkbox__label{cursor:not-allowed}.aui-checkbox.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}.aui-checkbox.isDisabled .aui-checkbox__content{color:rgb(var(--aui-color-disabled-text))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer:before{background-color:rgb(var(--aui-color-p-4))}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2938
+ ], viewQueries: [{ propertyName: "elRef", first: true, predicate: ["elRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n #elRef\n class=\"aui-checkbox\"\n [class.isDisabled]=\"disabled\"\n [class.isChecked]=\"model\"\n [class.isIndeterminate]=\"indeterminate\"\n [class.isTag]=\"type === 'tag'\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-checkbox__input\"\n type=\"checkbox\"\n [checked]=\"model\"\n [disabled]=\"disabled\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <label\n class=\"aui-checkbox__label\"\n [for]=\"id\"\n >\n <i class=\"aui-checkbox__pointer\">\n <aui-icon\n *ngIf=\"model && !indeterminate\"\n icon=\"check\"\n ></aui-icon>\n </i>\n <span class=\"aui-checkbox__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-checkbox{margin-right:var(--aui-spacing-xxxl);display:inline-flex;width:-moz-fit-content;width:fit-content;height:var(--aui-inline-height-m);position:relative;vertical-align:bottom}.aui-checkbox__label{display:flex;align-items:center;cursor:pointer}.aui-checkbox__label:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox__content{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-checkbox.isTag{margin-right:var(--aui-spacing-m);height:var(--aui-inline-height-s);padding:0 var(--aui-spacing-l);line-height:var(--aui-inline-height-s);background-color:rgb(var(--aui-color-n-8));border-radius:calc(var(--aui-inline-height-s) / 2);font-size:var(--aui-font-size-m);display:inline-flex}.aui-checkbox.isTag:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox.isTag:hover,.aui-checkbox.isTag.isChecked{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-checkbox__input{position:absolute;opacity:0;z-index:-1}.aui-checkbox__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-checkbox.isChecked .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isChecked.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isDisabled .aui-checkbox__label{cursor:not-allowed}.aui-checkbox.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}.aui-checkbox.isDisabled .aui-checkbox__content{color:rgb(var(--aui-color-disabled-text))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer:before{background-color:rgb(var(--aui-color-p-4))}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2932
2939
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: CheckboxComponent, decorators: [{
2933
2940
  type: Component,
2934
2941
  args: [{ selector: 'aui-checkbox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, providers: [
@@ -2937,7 +2944,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
2937
2944
  useExisting: forwardRef(() => CheckboxComponent),
2938
2945
  multi: true,
2939
2946
  },
2940
- ], template: "<div\n #elRef\n class=\"aui-checkbox\"\n [class.isDisabled]=\"disabled\"\n [class.isChecked]=\"model\"\n [class.isIndeterminate]=\"indeterminate\"\n [class.isTag]=\"type === 'tag'\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-checkbox__input\"\n type=\"checkbox\"\n [checked]=\"model\"\n [disabled]=\"disabled\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <label\n class=\"aui-checkbox__label\"\n [for]=\"id\"\n >\n <i class=\"aui-checkbox__pointer\">\n <aui-icon\n *ngIf=\"model && !indeterminate\"\n icon=\"check\"\n ></aui-icon>\n </i>\n <span class=\"aui-checkbox__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-checkbox{margin-right:var(--aui-spacing-xxxl);display:inline-flex;width:-moz-fit-content;width:fit-content;height:var(--aui-inline-height-m);position:relative;vertical-align:bottom}.aui-checkbox__label{display:flex;align-items:center;cursor:pointer}.aui-checkbox__label:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox__content{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-checkbox.isTag{margin-right:var(--aui-spacing-m);height:var(--aui-inline-height-s);padding:0 var(--aui-spacing-l);line-height:var(--aui-inline-height-s);background-color:rgb(var(--aui-color-n-8));border-radius:calc(var(--aui-inline-height-s) / 2);font-size:var(--aui-font-size-m);display:inline-flex}.aui-checkbox.isTag:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox.isTag:hover,.aui-checkbox.isTag.isChecked{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-checkbox__input{position:absolute;opacity:0;z-index:-1}.aui-checkbox__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-checkbox.isChecked .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isChecked.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isDisabled .aui-checkbox__label{cursor:not-allowed}.aui-checkbox.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}.aui-checkbox.isDisabled .aui-checkbox__content{color:rgb(var(--aui-color-disabled-text))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer:before{background-color:rgb(var(--aui-color-p-4))}\n"] }]
2947
+ ], template: "<div\n #elRef\n class=\"aui-checkbox\"\n [class.isDisabled]=\"disabled\"\n [class.isChecked]=\"model\"\n [class.isIndeterminate]=\"indeterminate\"\n [class.isTag]=\"type === 'tag'\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-checkbox__input\"\n type=\"checkbox\"\n [checked]=\"model\"\n [disabled]=\"disabled\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <label\n class=\"aui-checkbox__label\"\n [for]=\"id\"\n >\n <i class=\"aui-checkbox__pointer\">\n <aui-icon\n *ngIf=\"model && !indeterminate\"\n icon=\"check\"\n ></aui-icon>\n </i>\n <span class=\"aui-checkbox__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-checkbox{margin-right:var(--aui-spacing-xxxl);display:inline-flex;width:-moz-fit-content;width:fit-content;height:var(--aui-inline-height-m);position:relative;vertical-align:bottom}.aui-checkbox__label{display:flex;align-items:center;cursor:pointer}.aui-checkbox__label:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox__content{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-checkbox.isTag{margin-right:var(--aui-spacing-m);height:var(--aui-inline-height-s);padding:0 var(--aui-spacing-l);line-height:var(--aui-inline-height-s);background-color:rgb(var(--aui-color-n-8));border-radius:calc(var(--aui-inline-height-s) / 2);font-size:var(--aui-font-size-m);display:inline-flex}.aui-checkbox.isTag:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox.isTag:hover,.aui-checkbox.isTag.isChecked{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-checkbox__input{position:absolute;opacity:0;z-index:-1}.aui-checkbox__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-checkbox.isChecked .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isChecked.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isDisabled .aui-checkbox__label{cursor:not-allowed}.aui-checkbox.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}.aui-checkbox.isDisabled .aui-checkbox__content{color:rgb(var(--aui-color-disabled-text))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer:before{background-color:rgb(var(--aui-color-p-4))}\n"] }]
2941
2948
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: CheckboxGroupComponent, decorators: [{
2942
2949
  type: Optional
2943
2950
  }, {
@@ -2982,7 +2989,7 @@ ColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
2982
2989
  useExisting: forwardRef(() => ColorPickerComponent),
2983
2990
  multi: true,
2984
2991
  },
2985
- ], usesInheritance: true, ngImport: i0, template: "<input\n class=\"aui-color-picker\"\n type=\"color\"\n [disabled]=\"disabled\"\n [value]=\"model\"\n (input)=\"onInput($event)\"\n/>\n", styles: [".aui-color-picker{display:inline-block;padding:3px;width:var(--aui-inline-height-m);height:var(--aui-inline-height-m);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;cursor:pointer}.aui-color-picker::-webkit-color-swatch-wrapper{padding:0}.aui-color-picker::-moz-color-swatch-wrapper{padding:0}.aui-color-picker::-webkit-color-swatch{border:none;border-radius:var(--aui-border-radius-m)}.aui-color-picker::-moz-color-swatch{border:none;border-radius:var(--aui-border-radius-m)}.aui-color-picker:hover,.aui-color-picker:focus{border-color:rgb(var(--aui-color-primary))}.aui-color-picker[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2992
+ ], usesInheritance: true, ngImport: i0, template: "<input\n class=\"aui-color-picker\"\n type=\"color\"\n [disabled]=\"disabled\"\n [value]=\"model\"\n (input)=\"onInput($event)\"\n/>\n", styles: [".aui-color-picker{display:inline-block;padding:3px;width:var(--aui-inline-height-m);height:var(--aui-inline-height-m);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;cursor:pointer;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-color-picker::-webkit-color-swatch-wrapper{padding:0}.aui-color-picker::-moz-color-swatch-wrapper{padding:0}.aui-color-picker::-webkit-color-swatch{border:none;border-radius:var(--aui-border-radius-m)}.aui-color-picker::-moz-color-swatch{border:none;border-radius:var(--aui-border-radius-m)}.aui-color-picker:hover,.aui-color-picker:focus{border-color:rgb(var(--aui-color-primary))}.aui-color-picker[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2986
2993
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ColorPickerComponent, decorators: [{
2987
2994
  type: Component,
2988
2995
  args: [{ selector: 'aui-color-picker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
@@ -2991,7 +2998,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
2991
2998
  useExisting: forwardRef(() => ColorPickerComponent),
2992
2999
  multi: true,
2993
3000
  },
2994
- ], template: "<input\n class=\"aui-color-picker\"\n type=\"color\"\n [disabled]=\"disabled\"\n [value]=\"model\"\n (input)=\"onInput($event)\"\n/>\n", styles: [".aui-color-picker{display:inline-block;padding:3px;width:var(--aui-inline-height-m);height:var(--aui-inline-height-m);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;cursor:pointer}.aui-color-picker::-webkit-color-swatch-wrapper{padding:0}.aui-color-picker::-moz-color-swatch-wrapper{padding:0}.aui-color-picker::-webkit-color-swatch{border:none;border-radius:var(--aui-border-radius-m)}.aui-color-picker::-moz-color-swatch{border:none;border-radius:var(--aui-border-radius-m)}.aui-color-picker:hover,.aui-color-picker:focus{border-color:rgb(var(--aui-color-primary))}.aui-color-picker[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}\n"] }]
3001
+ ], template: "<input\n class=\"aui-color-picker\"\n type=\"color\"\n [disabled]=\"disabled\"\n [value]=\"model\"\n (input)=\"onInput($event)\"\n/>\n", styles: [".aui-color-picker{display:inline-block;padding:3px;width:var(--aui-inline-height-m);height:var(--aui-inline-height-m);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;cursor:pointer;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-color-picker::-webkit-color-swatch-wrapper{padding:0}.aui-color-picker::-moz-color-swatch-wrapper{padding:0}.aui-color-picker::-webkit-color-swatch{border:none;border-radius:var(--aui-border-radius-m)}.aui-color-picker::-moz-color-swatch{border:none;border-radius:var(--aui-border-radius-m)}.aui-color-picker:hover,.aui-color-picker:focus{border-color:rgb(var(--aui-color-primary))}.aui-color-picker[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}\n"] }]
2995
3002
  }] });
2996
3003
 
2997
3004
  class ColorPickerModule {
@@ -3354,10 +3361,10 @@ class CalendarHeaderComponent {
3354
3361
  }
3355
3362
  }
3356
3363
  CalendarHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: CalendarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3357
- CalendarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: CalendarHeaderComponent, selector: "aui-calendar-header", inputs: { dateNavRange: "dateNavRange", anchor: "anchor", maxAvail: "maxAvail", minAvail: "minAvail" }, outputs: { navRangeChange: "navRangeChange", anchorChange: "anchorChange" }, ngImport: i0, template: "<div [class]=\"bem.element('container')\">\n <div>\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n </div>\n <!-- \u5185\u5BB9\u533A -->\n <span\n *ngIf=\"dateNavRange === DateNavRange.Month\"\n [class]=\"bem.element('nav-content')\"\n >\n <a\n href=\"javascript:;\"\n (click)=\"clickNav(DateNavRange.Year)\"\n >\n {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n </a>\n <a\n href=\"javascript:;\"\n (click)=\"clickNav(DateNavRange.Month)\"\n >\n {{ headerRange?.start?.month() + 1 }}{{ 'month_suffix' | auiI18n }}\n </a>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Year\"\n [class]=\"bem.element('nav-content')\"\n >\n <a\n href=\"javascript:;\"\n (click)=\"clickNav(DateNavRange.Year)\"\n >\n {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n </a>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [class]=\"bem.element('nav-content')\"\n >\n {{ headerRange?.start.year() }} - {{ headerRange?.end?.year() }}\n </span>\n\n <div [class]=\"bem.element('nav-action')\">\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n </div>\n</div>\n\n<ng-template\n #yearControl\n let-side=\"side\"\n>\n <span class=\"action-bar\">\n <button\n aui-button=\"text\"\n *ngIf=\"side === 'right'\"\n [class.hidden]=\"\n !shouldShowNav(DateNavRange.Month, side) ||\n dateNavRange !== DateNavRange.Month\n \"\n (click)=\"navHead(DateNavRange.Month, 1)\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n (click)=\"navHead(DateNavRange.Year, side === 'left' ? -1 : 1)\"\n [class.hidden]=\"!shouldShowNav(DateNavRange.Year, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n ></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n *ngIf=\"side === 'left'\"\n [class.hidden]=\"\n !shouldShowNav(DateNavRange.Month, side) ||\n dateNavRange !== DateNavRange.Month\n \"\n (click)=\"navHead(DateNavRange.Month, -1)\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </button>\n </span>\n</ng-template>\n\n<ng-template\n #decadeControl\n let-side=\"side\"\n>\n <button\n aui-button=\"text\"\n (click)=\"navHead(DateNavRange.Decade, side === 'left' ? -10 : 10)\"\n [class.hidden]=\"!shouldShowNav(DateNavRange.Decade, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n ></aui-icon>\n </button>\n</ng-template>\n", styles: [".aui-calendar-header__container{height:24px;display:flex;align-items:center;justify-content:space-between}.aui-calendar-header__nav-content{flex:1;display:flex;justify-content:center;align-items:center;font-size:16px;color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-calendar-header__nav-content a{color:rgb(var(--aui-color-main-text))}.aui-calendar-header__nav-content a:hover{color:rgb(var(--aui-color-primary));text-decoration:none!important}.aui-calendar-header__nav-content a+a{margin-left:5px}.action-bar{width:52px;display:flex}.action-bar .hidden{opacity:0;pointer-events:none}\n"], components: [{ type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "auiI18n": I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3364
+ CalendarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: CalendarHeaderComponent, selector: "aui-calendar-header", inputs: { dateNavRange: "dateNavRange", anchor: "anchor", maxAvail: "maxAvail", minAvail: "minAvail" }, outputs: { navRangeChange: "navRangeChange", anchorChange: "anchorChange" }, ngImport: i0, template: "<div [class]=\"bem.element('container')\">\n <div>\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n </div>\n <!-- \u5185\u5BB9\u533A -->\n <span\n *ngIf=\"dateNavRange === DateNavRange.Month\"\n [class]=\"bem.element('nav-content')\"\n >\n <a\n href=\"javascript:;\"\n (click)=\"clickNav(DateNavRange.Year)\"\n >\n {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n </a>\n <a\n href=\"javascript:;\"\n (click)=\"clickNav(DateNavRange.Month)\"\n >\n {{ headerRange?.start?.month() + 1 }}{{ 'month_suffix' | auiI18n }}\n </a>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Year\"\n [class]=\"bem.element('nav-content')\"\n >\n <a\n href=\"javascript:;\"\n (click)=\"clickNav(DateNavRange.Year)\"\n >\n {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n </a>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [class]=\"bem.element('nav-content')\"\n >\n {{ headerRange?.start.year() }} - {{ headerRange?.end?.year() }}\n </span>\n\n <div [class]=\"bem.element('nav-action')\">\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n </div>\n</div>\n\n<ng-template\n #yearControl\n let-side=\"side\"\n>\n <span class=\"action-bar\">\n <button\n aui-button=\"text\"\n *ngIf=\"side === 'right'\"\n [class.hidden]=\"\n !shouldShowNav(DateNavRange.Month, side) ||\n dateNavRange !== DateNavRange.Month\n \"\n (click)=\"navHead(DateNavRange.Month, 1)\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n (click)=\"navHead(DateNavRange.Year, side === 'left' ? -1 : 1)\"\n [class.hidden]=\"!shouldShowNav(DateNavRange.Year, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n ></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n *ngIf=\"side === 'left'\"\n [class.hidden]=\"\n !shouldShowNav(DateNavRange.Month, side) ||\n dateNavRange !== DateNavRange.Month\n \"\n (click)=\"navHead(DateNavRange.Month, -1)\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </button>\n </span>\n</ng-template>\n\n<ng-template\n #decadeControl\n let-side=\"side\"\n>\n <button\n aui-button=\"text\"\n (click)=\"navHead(DateNavRange.Decade, side === 'left' ? -10 : 10)\"\n [class.hidden]=\"!shouldShowNav(DateNavRange.Decade, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n ></aui-icon>\n </button>\n</ng-template>\n", styles: [".aui-calendar-header__container{height:24px;display:flex;align-items:center;justify-content:space-between}.aui-calendar-header__nav-content{flex:1;display:flex;justify-content:center;align-items:center;font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bolder)}.aui-calendar-header__nav-content a{color:rgb(var(--aui-color-main-text))}.aui-calendar-header__nav-content a:hover{color:rgb(var(--aui-color-primary));text-decoration:none!important}.aui-calendar-header__nav-content a+a{margin-left:5px}.action-bar{width:52px;display:flex}.action-bar .hidden{opacity:0;pointer-events:none}\n"], components: [{ type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "auiI18n": I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3358
3365
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: CalendarHeaderComponent, decorators: [{
3359
3366
  type: Component,
3360
- args: [{ selector: 'aui-calendar-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"bem.element('container')\">\n <div>\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n </div>\n <!-- \u5185\u5BB9\u533A -->\n <span\n *ngIf=\"dateNavRange === DateNavRange.Month\"\n [class]=\"bem.element('nav-content')\"\n >\n <a\n href=\"javascript:;\"\n (click)=\"clickNav(DateNavRange.Year)\"\n >\n {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n </a>\n <a\n href=\"javascript:;\"\n (click)=\"clickNav(DateNavRange.Month)\"\n >\n {{ headerRange?.start?.month() + 1 }}{{ 'month_suffix' | auiI18n }}\n </a>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Year\"\n [class]=\"bem.element('nav-content')\"\n >\n <a\n href=\"javascript:;\"\n (click)=\"clickNav(DateNavRange.Year)\"\n >\n {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n </a>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [class]=\"bem.element('nav-content')\"\n >\n {{ headerRange?.start.year() }} - {{ headerRange?.end?.year() }}\n </span>\n\n <div [class]=\"bem.element('nav-action')\">\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n </div>\n</div>\n\n<ng-template\n #yearControl\n let-side=\"side\"\n>\n <span class=\"action-bar\">\n <button\n aui-button=\"text\"\n *ngIf=\"side === 'right'\"\n [class.hidden]=\"\n !shouldShowNav(DateNavRange.Month, side) ||\n dateNavRange !== DateNavRange.Month\n \"\n (click)=\"navHead(DateNavRange.Month, 1)\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n (click)=\"navHead(DateNavRange.Year, side === 'left' ? -1 : 1)\"\n [class.hidden]=\"!shouldShowNav(DateNavRange.Year, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n ></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n *ngIf=\"side === 'left'\"\n [class.hidden]=\"\n !shouldShowNav(DateNavRange.Month, side) ||\n dateNavRange !== DateNavRange.Month\n \"\n (click)=\"navHead(DateNavRange.Month, -1)\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </button>\n </span>\n</ng-template>\n\n<ng-template\n #decadeControl\n let-side=\"side\"\n>\n <button\n aui-button=\"text\"\n (click)=\"navHead(DateNavRange.Decade, side === 'left' ? -10 : 10)\"\n [class.hidden]=\"!shouldShowNav(DateNavRange.Decade, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n ></aui-icon>\n </button>\n</ng-template>\n", styles: [".aui-calendar-header__container{height:24px;display:flex;align-items:center;justify-content:space-between}.aui-calendar-header__nav-content{flex:1;display:flex;justify-content:center;align-items:center;font-size:16px;color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-calendar-header__nav-content a{color:rgb(var(--aui-color-main-text))}.aui-calendar-header__nav-content a:hover{color:rgb(var(--aui-color-primary));text-decoration:none!important}.aui-calendar-header__nav-content a+a{margin-left:5px}.action-bar{width:52px;display:flex}.action-bar .hidden{opacity:0;pointer-events:none}\n"] }]
3367
+ args: [{ selector: 'aui-calendar-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"bem.element('container')\">\n <div>\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n </div>\n <!-- \u5185\u5BB9\u533A -->\n <span\n *ngIf=\"dateNavRange === DateNavRange.Month\"\n [class]=\"bem.element('nav-content')\"\n >\n <a\n href=\"javascript:;\"\n (click)=\"clickNav(DateNavRange.Year)\"\n >\n {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n </a>\n <a\n href=\"javascript:;\"\n (click)=\"clickNav(DateNavRange.Month)\"\n >\n {{ headerRange?.start?.month() + 1 }}{{ 'month_suffix' | auiI18n }}\n </a>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Year\"\n [class]=\"bem.element('nav-content')\"\n >\n <a\n href=\"javascript:;\"\n (click)=\"clickNav(DateNavRange.Year)\"\n >\n {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n </a>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [class]=\"bem.element('nav-content')\"\n >\n {{ headerRange?.start.year() }} - {{ headerRange?.end?.year() }}\n </span>\n\n <div [class]=\"bem.element('nav-action')\">\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n </div>\n</div>\n\n<ng-template\n #yearControl\n let-side=\"side\"\n>\n <span class=\"action-bar\">\n <button\n aui-button=\"text\"\n *ngIf=\"side === 'right'\"\n [class.hidden]=\"\n !shouldShowNav(DateNavRange.Month, side) ||\n dateNavRange !== DateNavRange.Month\n \"\n (click)=\"navHead(DateNavRange.Month, 1)\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n (click)=\"navHead(DateNavRange.Year, side === 'left' ? -1 : 1)\"\n [class.hidden]=\"!shouldShowNav(DateNavRange.Year, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n ></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n *ngIf=\"side === 'left'\"\n [class.hidden]=\"\n !shouldShowNav(DateNavRange.Month, side) ||\n dateNavRange !== DateNavRange.Month\n \"\n (click)=\"navHead(DateNavRange.Month, -1)\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </button>\n </span>\n</ng-template>\n\n<ng-template\n #decadeControl\n let-side=\"side\"\n>\n <button\n aui-button=\"text\"\n (click)=\"navHead(DateNavRange.Decade, side === 'left' ? -10 : 10)\"\n [class.hidden]=\"!shouldShowNav(DateNavRange.Decade, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n ></aui-icon>\n </button>\n</ng-template>\n", styles: [".aui-calendar-header__container{height:24px;display:flex;align-items:center;justify-content:space-between}.aui-calendar-header__nav-content{flex:1;display:flex;justify-content:center;align-items:center;font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bolder)}.aui-calendar-header__nav-content a{color:rgb(var(--aui-color-main-text))}.aui-calendar-header__nav-content a:hover{color:rgb(var(--aui-color-primary));text-decoration:none!important}.aui-calendar-header__nav-content a+a{margin-left:5px}.action-bar{width:52px;display:flex}.action-bar .hidden{opacity:0;pointer-events:none}\n"] }]
3361
3368
  }], propDecorators: { dateNavRange: [{
3362
3369
  type: Input
3363
3370
  }], anchor: [{
@@ -3490,10 +3497,10 @@ class PickerPanelComponent {
3490
3497
  }
3491
3498
  }
3492
3499
  PickerPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PickerPanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
3493
- PickerPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: PickerPanelComponent, selector: "aui-picker-panel", inputs: { navRange: "navRange", type: "type", anchor: "anchor", matchDates: "matchDates", disabledDate: "disabledDate", weekStartDay: "weekStartDay", minDate: "minDate", maxDate: "maxDate" }, outputs: { select: "select", hovered: "hovered" }, usesOnChanges: true, ngImport: i0, template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n 'day-panel-container': navRange === DateNavRange.Month,\n 'month-panel-container': navRange === DateNavRange.Year,\n 'year-panel-container': navRange === DateNavRange.Decade\n }\"\n>\n <div\n [class]=\"[bem.element('row'), 'week-header'].join(' ')\"\n *ngIf=\"navRange === DateNavRange.Month\"\n >\n <span\n *ngFor=\"let item of weekDefs\"\n [class]=\"bem.element('cell')\"\n >\n {{ item | auiI18n }}\n </span>\n </div>\n <div\n [class]=\"bem.element('row')\"\n *ngFor=\"let row of panelData; trackBy: trackByFn\"\n >\n <span\n *ngFor=\"let item of row; trackBy: trackByFn\"\n [class]=\"bem.element('cell')\"\n [ngClass]=\"{\n inRange: item.inRange && !item.isDisabled,\n isActive: match(item.value),\n isBackground: item.isBackground && !item.isDisabled,\n isRangeStart: item.isRangeStart,\n isRangeEnd: item.isRangeEnd,\n isToday: matchToday(item.value) && !item.isBackground,\n isDisabled: item.isDisabled\n }\"\n ><button\n aui-button=\"text\"\n [plain]=\"true\"\n [size]=\"navRange === DateNavRange.Month ? 'mini' : 'small'\"\n [disabled]=\"item.isDisabled\"\n (click)=\"selectValue(item.value)\"\n (mouseenter)=\"hovered.next(item.value)\"\n >\n {{ item.label\n }}<ng-container *ngIf=\"navRange === DateNavRange.Year\">{{\n 'month_suffix' | auiI18n\n }}</ng-container>\n </button>\n </span>\n </div>\n</div>\n", styles: [".aui-picker-panel__container{height:min-content;box-sizing:border-box;justify-content:stretch;display:flex;flex-direction:column;margin:12px 9px;align-items:center}.aui-picker-panel__container .aui-button{box-sizing:border-box}.aui-picker-panel__container .aui-button__content{padding:0!important}.aui-picker-panel__container.month-panel-container button,.aui-picker-panel__container.year-panel-container button{width:56px;height:28px!important}.aui-picker-panel__container.day-panel-container{height:min-content;padding:0;margin:0}.aui-picker-panel__container.day-panel-container button{height:24px!important;width:24px!important}.aui-picker-panel__container.day-panel-container .aui-picker-panel__row+.aui-picker-panel__row{margin-top:8px}.aui-picker-panel__row+.aui-picker-panel__row{margin-top:20px}.aui-picker-panel__row{flex:1;display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);width:100%}.aui-picker-panel__row.week-header{color:rgb(var(--aui-color-help-text));margin-bottom:8px}.aui-picker-panel__row.week-header span{display:inline-block;margin:0;width:36px;text-align:center}.aui-picker-panel__cell{display:inline-flex;position:relative;align-items:center;justify-content:center;margin-inline:6px}.aui-picker-panel__cell button{box-sizing:content-box;transition:color .3s ease,background-color .3s ease}.aui-picker-panel__cell.inRange{background-color:rgb(var(--aui-color-p-6));box-shadow:-6px 0 0 0 rgb(var(--aui-color-p-6)),6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isRangeEnd{box-shadow:-6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isRangeStart{box-shadow:6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isDisabled{background-color:rgb(var(--aui-color-n-8));box-shadow:-6px 0 0 0 rgb(var(--aui-color-n-8)),6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isDisabled button{color:rgb(var(--aui-color-disabled-text))!important;border-color:rgb(var(--aui-color-disabled-text))!important}.aui-picker-panel__cell.isDisabled.isActive button,.aui-picker-panel__cell.isDisabled.isToday button{color:#fff!important;border-color:rgb(var(--aui-color-p-4))!important;background-color:rgb(var(--aui-color-p-4))!important}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled):not(.isRangeStart){box-shadow:-12px 0 0 0 rgb(var(--aui-color-popper-bg))}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled).isRangeStart{box-shadow:-12px 0 0 0 rgb(var(--aui-color-popper-bg)),6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell:not(.isDisabled)+.aui-picker-panel__cell.isDisabled{box-shadow:6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isToday button{border:rgb(var(--aui-color-primary)) 1px solid;color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-7))}.aui-picker-panel__cell.isActive button{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-picker-panel__cell.isBackground button{background-color:initial!important;color:rgb(var(--aui-color-disabled-text))}\n"], components: [{ type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "auiI18n": I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3500
+ PickerPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: PickerPanelComponent, selector: "aui-picker-panel", inputs: { navRange: "navRange", type: "type", anchor: "anchor", matchDates: "matchDates", disabledDate: "disabledDate", weekStartDay: "weekStartDay", minDate: "minDate", maxDate: "maxDate" }, outputs: { select: "select", hovered: "hovered" }, usesOnChanges: true, ngImport: i0, template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n 'day-panel-container': navRange === DateNavRange.Month,\n 'month-panel-container': navRange === DateNavRange.Year,\n 'year-panel-container': navRange === DateNavRange.Decade\n }\"\n>\n <div\n [class]=\"[bem.element('row'), 'week-header'].join(' ')\"\n *ngIf=\"navRange === DateNavRange.Month\"\n >\n <span\n *ngFor=\"let item of weekDefs\"\n [class]=\"bem.element('cell')\"\n >\n {{ item | auiI18n }}\n </span>\n </div>\n <div\n [class]=\"bem.element('row')\"\n *ngFor=\"let row of panelData; trackBy: trackByFn\"\n >\n <span\n *ngFor=\"let item of row; trackBy: trackByFn\"\n [class]=\"bem.element('cell')\"\n [ngClass]=\"{\n inRange: item.inRange && !item.isDisabled,\n isActive: match(item.value),\n isBackground: item.isBackground && !item.isDisabled,\n isRangeStart: item.isRangeStart,\n isRangeEnd: item.isRangeEnd,\n isToday: matchToday(item.value) && !item.isBackground,\n isDisabled: item.isDisabled\n }\"\n ><button\n aui-button=\"text\"\n [plain]=\"true\"\n [size]=\"navRange === DateNavRange.Month ? 'mini' : 'small'\"\n [disabled]=\"item.isDisabled\"\n (click)=\"selectValue(item.value)\"\n (mouseenter)=\"hovered.next(item.value)\"\n >\n {{ item.label\n }}<ng-container *ngIf=\"navRange === DateNavRange.Year\">{{\n 'month_suffix' | auiI18n\n }}</ng-container>\n </button>\n </span>\n </div>\n</div>\n", styles: [".aui-picker-panel__container{height:min-content;box-sizing:border-box;justify-content:stretch;display:flex;flex-direction:column;margin:12px 9px;align-items:center}.aui-picker-panel__container .aui-button{box-sizing:border-box}.aui-picker-panel__container .aui-button__content{padding:0!important}.aui-picker-panel__container.month-panel-container button,.aui-picker-panel__container.year-panel-container button{width:56px;height:28px!important}.aui-picker-panel__container.day-panel-container{height:min-content;padding:0;margin:0}.aui-picker-panel__container.day-panel-container button{height:24px!important;width:24px!important}.aui-picker-panel__container.day-panel-container .aui-picker-panel__row+.aui-picker-panel__row{margin-top:8px}.aui-picker-panel__row+.aui-picker-panel__row{margin-top:20px}.aui-picker-panel__row{flex:1;display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);width:100%}.aui-picker-panel__row.week-header{color:rgb(var(--aui-color-help-text));margin-bottom:8px}.aui-picker-panel__row.week-header span{display:inline-block;margin:0;width:36px;text-align:center}.aui-picker-panel__cell{display:inline-flex;position:relative;align-items:center;justify-content:center;margin-inline:6px}.aui-picker-panel__cell button{box-sizing:content-box;transition:color .3s ease,background-color .3s ease}.aui-picker-panel__cell.inRange{background-color:rgb(var(--aui-color-p-6));box-shadow:-6px 0 0 0 rgb(var(--aui-color-p-6)),6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isRangeEnd{box-shadow:-6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isRangeStart{box-shadow:6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isDisabled{background-color:rgb(var(--aui-color-n-8));box-shadow:-6px 0 0 0 rgb(var(--aui-color-n-8)),6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isDisabled button{color:rgb(var(--aui-color-disabled-text))!important;border-color:rgb(var(--aui-color-disabled-text))!important}.aui-picker-panel__cell.isDisabled.isActive button,.aui-picker-panel__cell.isDisabled.isToday button{color:#fff!important;border-color:rgb(var(--aui-color-p-4))!important;background-color:rgb(var(--aui-color-p-4))!important}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled):not(.isRangeStart){box-shadow:-12px 0 0 0 rgb(var(--aui-color-popper-bg))}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled).isRangeStart{box-shadow:-12px 0 0 0 rgb(var(--aui-color-popper-bg)),6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell:not(.isDisabled)+.aui-picker-panel__cell.isDisabled{box-shadow:6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isToday button{border:rgb(var(--aui-color-primary)) 1px solid;color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-7))}.aui-picker-panel__cell.isActive button{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-picker-panel__cell.isBackground button{background-color:initial!important;color:rgb(var(--aui-color-disabled-text))}\n"], components: [{ type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "auiI18n": I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3494
3501
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PickerPanelComponent, decorators: [{
3495
3502
  type: Component,
3496
- args: [{ selector: 'aui-picker-panel', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n 'day-panel-container': navRange === DateNavRange.Month,\n 'month-panel-container': navRange === DateNavRange.Year,\n 'year-panel-container': navRange === DateNavRange.Decade\n }\"\n>\n <div\n [class]=\"[bem.element('row'), 'week-header'].join(' ')\"\n *ngIf=\"navRange === DateNavRange.Month\"\n >\n <span\n *ngFor=\"let item of weekDefs\"\n [class]=\"bem.element('cell')\"\n >\n {{ item | auiI18n }}\n </span>\n </div>\n <div\n [class]=\"bem.element('row')\"\n *ngFor=\"let row of panelData; trackBy: trackByFn\"\n >\n <span\n *ngFor=\"let item of row; trackBy: trackByFn\"\n [class]=\"bem.element('cell')\"\n [ngClass]=\"{\n inRange: item.inRange && !item.isDisabled,\n isActive: match(item.value),\n isBackground: item.isBackground && !item.isDisabled,\n isRangeStart: item.isRangeStart,\n isRangeEnd: item.isRangeEnd,\n isToday: matchToday(item.value) && !item.isBackground,\n isDisabled: item.isDisabled\n }\"\n ><button\n aui-button=\"text\"\n [plain]=\"true\"\n [size]=\"navRange === DateNavRange.Month ? 'mini' : 'small'\"\n [disabled]=\"item.isDisabled\"\n (click)=\"selectValue(item.value)\"\n (mouseenter)=\"hovered.next(item.value)\"\n >\n {{ item.label\n }}<ng-container *ngIf=\"navRange === DateNavRange.Year\">{{\n 'month_suffix' | auiI18n\n }}</ng-container>\n </button>\n </span>\n </div>\n</div>\n", styles: [".aui-picker-panel__container{height:min-content;box-sizing:border-box;justify-content:stretch;display:flex;flex-direction:column;margin:12px 9px;align-items:center}.aui-picker-panel__container .aui-button{box-sizing:border-box}.aui-picker-panel__container .aui-button__content{padding:0!important}.aui-picker-panel__container.month-panel-container button,.aui-picker-panel__container.year-panel-container button{width:56px;height:28px!important}.aui-picker-panel__container.day-panel-container{height:min-content;padding:0;margin:0}.aui-picker-panel__container.day-panel-container button{height:24px!important;width:24px!important}.aui-picker-panel__container.day-panel-container .aui-picker-panel__row+.aui-picker-panel__row{margin-top:8px}.aui-picker-panel__row+.aui-picker-panel__row{margin-top:20px}.aui-picker-panel__row{flex:1;display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);width:100%}.aui-picker-panel__row.week-header{color:rgb(var(--aui-color-help-text));margin-bottom:8px}.aui-picker-panel__row.week-header span{display:inline-block;margin:0;width:36px;text-align:center}.aui-picker-panel__cell{display:inline-flex;position:relative;align-items:center;justify-content:center;margin-inline:6px}.aui-picker-panel__cell button{box-sizing:content-box;transition:color .3s ease,background-color .3s ease}.aui-picker-panel__cell.inRange{background-color:rgb(var(--aui-color-p-6));box-shadow:-6px 0 0 0 rgb(var(--aui-color-p-6)),6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isRangeEnd{box-shadow:-6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isRangeStart{box-shadow:6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isDisabled{background-color:rgb(var(--aui-color-n-8));box-shadow:-6px 0 0 0 rgb(var(--aui-color-n-8)),6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isDisabled button{color:rgb(var(--aui-color-disabled-text))!important;border-color:rgb(var(--aui-color-disabled-text))!important}.aui-picker-panel__cell.isDisabled.isActive button,.aui-picker-panel__cell.isDisabled.isToday button{color:#fff!important;border-color:rgb(var(--aui-color-p-4))!important;background-color:rgb(var(--aui-color-p-4))!important}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled):not(.isRangeStart){box-shadow:-12px 0 0 0 rgb(var(--aui-color-popper-bg))}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled).isRangeStart{box-shadow:-12px 0 0 0 rgb(var(--aui-color-popper-bg)),6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell:not(.isDisabled)+.aui-picker-panel__cell.isDisabled{box-shadow:6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isToday button{border:rgb(var(--aui-color-primary)) 1px solid;color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-7))}.aui-picker-panel__cell.isActive button{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-picker-panel__cell.isBackground button{background-color:initial!important;color:rgb(var(--aui-color-disabled-text))}\n"] }]
3503
+ args: [{ selector: 'aui-picker-panel', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n 'day-panel-container': navRange === DateNavRange.Month,\n 'month-panel-container': navRange === DateNavRange.Year,\n 'year-panel-container': navRange === DateNavRange.Decade\n }\"\n>\n <div\n [class]=\"[bem.element('row'), 'week-header'].join(' ')\"\n *ngIf=\"navRange === DateNavRange.Month\"\n >\n <span\n *ngFor=\"let item of weekDefs\"\n [class]=\"bem.element('cell')\"\n >\n {{ item | auiI18n }}\n </span>\n </div>\n <div\n [class]=\"bem.element('row')\"\n *ngFor=\"let row of panelData; trackBy: trackByFn\"\n >\n <span\n *ngFor=\"let item of row; trackBy: trackByFn\"\n [class]=\"bem.element('cell')\"\n [ngClass]=\"{\n inRange: item.inRange && !item.isDisabled,\n isActive: match(item.value),\n isBackground: item.isBackground && !item.isDisabled,\n isRangeStart: item.isRangeStart,\n isRangeEnd: item.isRangeEnd,\n isToday: matchToday(item.value) && !item.isBackground,\n isDisabled: item.isDisabled\n }\"\n ><button\n aui-button=\"text\"\n [plain]=\"true\"\n [size]=\"navRange === DateNavRange.Month ? 'mini' : 'small'\"\n [disabled]=\"item.isDisabled\"\n (click)=\"selectValue(item.value)\"\n (mouseenter)=\"hovered.next(item.value)\"\n >\n {{ item.label\n }}<ng-container *ngIf=\"navRange === DateNavRange.Year\">{{\n 'month_suffix' | auiI18n\n }}</ng-container>\n </button>\n </span>\n </div>\n</div>\n", styles: [".aui-picker-panel__container{height:min-content;box-sizing:border-box;justify-content:stretch;display:flex;flex-direction:column;margin:12px 9px;align-items:center}.aui-picker-panel__container .aui-button{box-sizing:border-box}.aui-picker-panel__container .aui-button__content{padding:0!important}.aui-picker-panel__container.month-panel-container button,.aui-picker-panel__container.year-panel-container button{width:56px;height:28px!important}.aui-picker-panel__container.day-panel-container{height:min-content;padding:0;margin:0}.aui-picker-panel__container.day-panel-container button{height:24px!important;width:24px!important}.aui-picker-panel__container.day-panel-container .aui-picker-panel__row+.aui-picker-panel__row{margin-top:8px}.aui-picker-panel__row+.aui-picker-panel__row{margin-top:20px}.aui-picker-panel__row{flex:1;display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);width:100%}.aui-picker-panel__row.week-header{color:rgb(var(--aui-color-help-text));margin-bottom:8px}.aui-picker-panel__row.week-header span{display:inline-block;margin:0;width:36px;text-align:center}.aui-picker-panel__cell{display:inline-flex;position:relative;align-items:center;justify-content:center;margin-inline:6px}.aui-picker-panel__cell button{box-sizing:content-box;transition:color .3s ease,background-color .3s ease}.aui-picker-panel__cell.inRange{background-color:rgb(var(--aui-color-p-6));box-shadow:-6px 0 0 0 rgb(var(--aui-color-p-6)),6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isRangeEnd{box-shadow:-6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isRangeStart{box-shadow:6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isDisabled{background-color:rgb(var(--aui-color-n-8));box-shadow:-6px 0 0 0 rgb(var(--aui-color-n-8)),6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isDisabled button{color:rgb(var(--aui-color-disabled-text))!important;border-color:rgb(var(--aui-color-disabled-text))!important}.aui-picker-panel__cell.isDisabled.isActive button,.aui-picker-panel__cell.isDisabled.isToday button{color:#fff!important;border-color:rgb(var(--aui-color-p-4))!important;background-color:rgb(var(--aui-color-p-4))!important}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled):not(.isRangeStart){box-shadow:-12px 0 0 0 rgb(var(--aui-color-popper-bg))}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled).isRangeStart{box-shadow:-12px 0 0 0 rgb(var(--aui-color-popper-bg)),6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell:not(.isDisabled)+.aui-picker-panel__cell.isDisabled{box-shadow:6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isToday button{border:rgb(var(--aui-color-primary)) 1px solid;color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-7))}.aui-picker-panel__cell.isActive button{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-picker-panel__cell.isBackground button{background-color:initial!important;color:rgb(var(--aui-color-disabled-text))}\n"] }]
3497
3504
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { navRange: [{
3498
3505
  type: Input
3499
3506
  }], type: [{
@@ -3639,10 +3646,10 @@ class InputComponent {
3639
3646
  }
3640
3647
  }
3641
3648
  InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: InputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
3642
- InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: { size: "size", disabled: "disabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;text-overflow:ellipsis}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.aui-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus,:root .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-input:focus,html[aui-theme-mode=light] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input:focus,html[aui-theme-mode=system] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-input:focus,html[aui-theme-mode=dark] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;cursor:default}.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}:root .aui-input.ng-invalid.ng-dirty:focus,:root .aui-input.ng-invalid.ng-dirty.isFocused,:root .ng-submitted .aui-input.ng-invalid:focus,:root .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3649
+ InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: { size: "size", disabled: "disabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;text-overflow:ellipsis;font-weight:var(--aui-font-weight-normal)}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.aui-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus,:root .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-input:focus,html[aui-theme-mode=light] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input:focus,html[aui-theme-mode=system] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-input:focus,html[aui-theme-mode=dark] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;cursor:default}.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));-webkit-text-fill-color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}:root .aui-input.ng-invalid.ng-dirty:focus,:root .aui-input.ng-invalid.ng-dirty.isFocused,:root .ng-submitted .aui-input.ng-invalid:focus,:root .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3643
3650
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: InputComponent, decorators: [{
3644
3651
  type: Component,
3645
- args: [{ selector: 'input[aui-input],textarea[aui-input]', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;text-overflow:ellipsis}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.aui-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus,:root .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-input:focus,html[aui-theme-mode=light] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input:focus,html[aui-theme-mode=system] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-input:focus,html[aui-theme-mode=dark] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;cursor:default}.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}:root .aui-input.ng-invalid.ng-dirty:focus,:root .aui-input.ng-invalid.ng-dirty.isFocused,:root .ng-submitted .aui-input.ng-invalid:focus,:root .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"] }]
3652
+ args: [{ selector: 'input[aui-input],textarea[aui-input]', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;text-overflow:ellipsis;font-weight:var(--aui-font-weight-normal)}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.aui-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus,:root .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-input:focus,html[aui-theme-mode=light] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input:focus,html[aui-theme-mode=system] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-input:focus,html[aui-theme-mode=dark] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;cursor:default}.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));-webkit-text-fill-color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}:root .aui-input.ng-invalid.ng-dirty:focus,:root .aui-input.ng-invalid.ng-dirty.isFocused,:root .ng-submitted .aui-input.ng-invalid:focus,:root .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"] }]
3646
3653
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { size: [{
3647
3654
  type: Input
3648
3655
  }], disabled: [{
@@ -3661,10 +3668,10 @@ class InputGroupComponent {
3661
3668
  }
3662
3669
  }
3663
3670
  InputGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: InputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3664
- InputGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: InputGroupComponent, selector: "aui-input-group", queries: [{ propertyName: "inputRef", first: true, predicate: InputComponent, descendants: true }, { propertyName: "addonBeforeRefs", predicate: InputAddonBeforeDirective }, { propertyName: "addonAfterRefs", predicate: InputAddonAfterDirective }, { propertyName: "prefixRefs", predicate: InputPrefixDirective }, { propertyName: "suffixRefs", predicate: InputSuffixDirective }], ngImport: i0, template: "<div\n [ngClass]=\"bem.block(inputRef.size$ | async)\"\n [class.isDisabled]=\"inputRef.disabled$ | async\"\n [class.hasAddonBefore]=\"hasAddonBefore$ | async\"\n [class.hasAddonAfter]=\"hasAddonAfter$ | async\"\n [class.hasPrefix]=\"hasPrefix$ | async\"\n [class.hasSuffix]=\"hasSuffix$ | async\"\n>\n <div [class]=\"bem.element('inner-wrapper')\">\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div [class]=\"bem.element('input-wrapper')\">\n <span\n *ngIf=\"hasPrefix$ | async\"\n [class]=\"bem.element('prefix')\"\n >\n <ng-content select=\"[auiInputPrefix]\"></ng-content>\n </span>\n <ng-content></ng-content>\n <span\n *ngIf=\"hasSuffix$ | async\"\n [class]=\"bem.element('suffix')\"\n >\n <ng-content select=\"[auiInputSuffix]\"></ng-content>\n </span>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-input-group{display:inline-block;width:100%;color:rgb(var(--aui-color-main-text))}.aui-input-group.isDisabled{color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input-group--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-input-group--large .aui-input-group__prefix aui-icon,.aui-input-group--large .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-l)}.aui-input-group--large.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l) + 1px)}.aui-input-group--large.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l) + 1px)}.aui-input-group--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--medium .aui-input-group__prefix aui-icon,.aui-input-group--medium .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--medium.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--medium.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--small .aui-input-group__prefix aui-icon,.aui-input-group--small .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--small.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--small.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-input-group--mini .aui-input-group__prefix aui-icon,.aui-input-group--mini .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-s)}.aui-input-group--mini.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s) + 1px)}.aui-input-group--mini.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s) + 1px)}.aui-input-group__inner-wrapper{display:flex;height:100%}.aui-input-group__input-wrapper{width:100%;position:relative}.aui-input-group__input-wrapper:hover .aui-input{border-color:rgb(var(--aui-color-primary))}.aui-input-group__addon{display:flex;align-items:center;flex-shrink:0;height:100%;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-input-group__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-input-group__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-input-group__prefix{position:absolute;top:50%;left:calc(var(--aui-inline-padding-xs) + 1px);transform:translateY(-50%);color:rgb(var(--aui-color-secondary-text))}.aui-input-group__suffix{position:absolute;top:50%;right:calc(var(--aui-inline-padding-xs) + 1px);transform:translateY(-50%);color:rgb(var(--aui-color-secondary-text))}.aui-input-group.hasAddonBefore .aui-input{border-top-left-radius:0;border-bottom-left-radius:0}.aui-input-group.hasAddonAfter .aui-input{border-top-right-radius:0;border-bottom-right-radius:0}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3671
+ InputGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: InputGroupComponent, selector: "aui-input-group", queries: [{ propertyName: "inputRef", first: true, predicate: InputComponent, descendants: true }, { propertyName: "addonBeforeRefs", predicate: InputAddonBeforeDirective }, { propertyName: "addonAfterRefs", predicate: InputAddonAfterDirective }, { propertyName: "prefixRefs", predicate: InputPrefixDirective }, { propertyName: "suffixRefs", predicate: InputSuffixDirective }], ngImport: i0, template: "<div\n [ngClass]=\"bem.block(inputRef.size$ | async)\"\n [class.isDisabled]=\"inputRef.disabled$ | async\"\n [class.hasAddonBefore]=\"hasAddonBefore$ | async\"\n [class.hasAddonAfter]=\"hasAddonAfter$ | async\"\n [class.hasPrefix]=\"hasPrefix$ | async\"\n [class.hasSuffix]=\"hasSuffix$ | async\"\n>\n <div [class]=\"bem.element('inner-wrapper')\">\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div [class]=\"bem.element('input-wrapper')\">\n <span\n *ngIf=\"hasPrefix$ | async\"\n [class]=\"bem.element('prefix')\"\n >\n <ng-content select=\"[auiInputPrefix]\"></ng-content>\n </span>\n <ng-content></ng-content>\n <span\n *ngIf=\"hasSuffix$ | async\"\n [class]=\"bem.element('suffix')\"\n >\n <ng-content select=\"[auiInputSuffix]\"></ng-content>\n </span>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-input-group{display:inline-block;width:100%;color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-normal)}.aui-input-group.isDisabled{color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input-group--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-input-group--large .aui-input-group__prefix aui-icon,.aui-input-group--large .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-l)}.aui-input-group--large.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l) + 1px)}.aui-input-group--large.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l) + 1px)}.aui-input-group--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--medium .aui-input-group__prefix aui-icon,.aui-input-group--medium .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--medium.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--medium.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--small .aui-input-group__prefix aui-icon,.aui-input-group--small .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--small.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--small.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-input-group--mini .aui-input-group__prefix aui-icon,.aui-input-group--mini .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-s)}.aui-input-group--mini.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s) + 1px)}.aui-input-group--mini.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s) + 1px)}.aui-input-group__inner-wrapper{display:flex;height:100%}.aui-input-group__input-wrapper{width:100%;position:relative}.aui-input-group__input-wrapper:hover .aui-input{border-color:rgb(var(--aui-color-primary))}.aui-input-group__addon{display:flex;align-items:center;flex-shrink:0;height:100%;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-input-group__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-input-group__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-input-group__prefix{position:absolute;top:50%;left:calc(var(--aui-inline-padding-xs) + 1px);transform:translateY(-50%);color:rgb(var(--aui-color-secondary-text))}.aui-input-group__suffix{position:absolute;top:50%;right:calc(var(--aui-inline-padding-xs) + 1px);transform:translateY(-50%);color:rgb(var(--aui-color-secondary-text))}.aui-input-group.hasAddonBefore .aui-input{border-top-left-radius:0;border-bottom-left-radius:0}.aui-input-group.hasAddonAfter .aui-input{border-top-right-radius:0;border-bottom-right-radius:0}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3665
3672
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: InputGroupComponent, decorators: [{
3666
3673
  type: Component,
3667
- args: [{ selector: 'aui-input-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [ngClass]=\"bem.block(inputRef.size$ | async)\"\n [class.isDisabled]=\"inputRef.disabled$ | async\"\n [class.hasAddonBefore]=\"hasAddonBefore$ | async\"\n [class.hasAddonAfter]=\"hasAddonAfter$ | async\"\n [class.hasPrefix]=\"hasPrefix$ | async\"\n [class.hasSuffix]=\"hasSuffix$ | async\"\n>\n <div [class]=\"bem.element('inner-wrapper')\">\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div [class]=\"bem.element('input-wrapper')\">\n <span\n *ngIf=\"hasPrefix$ | async\"\n [class]=\"bem.element('prefix')\"\n >\n <ng-content select=\"[auiInputPrefix]\"></ng-content>\n </span>\n <ng-content></ng-content>\n <span\n *ngIf=\"hasSuffix$ | async\"\n [class]=\"bem.element('suffix')\"\n >\n <ng-content select=\"[auiInputSuffix]\"></ng-content>\n </span>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-input-group{display:inline-block;width:100%;color:rgb(var(--aui-color-main-text))}.aui-input-group.isDisabled{color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input-group--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-input-group--large .aui-input-group__prefix aui-icon,.aui-input-group--large .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-l)}.aui-input-group--large.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l) + 1px)}.aui-input-group--large.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l) + 1px)}.aui-input-group--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--medium .aui-input-group__prefix aui-icon,.aui-input-group--medium .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--medium.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--medium.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--small .aui-input-group__prefix aui-icon,.aui-input-group--small .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--small.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--small.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-input-group--mini .aui-input-group__prefix aui-icon,.aui-input-group--mini .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-s)}.aui-input-group--mini.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s) + 1px)}.aui-input-group--mini.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s) + 1px)}.aui-input-group__inner-wrapper{display:flex;height:100%}.aui-input-group__input-wrapper{width:100%;position:relative}.aui-input-group__input-wrapper:hover .aui-input{border-color:rgb(var(--aui-color-primary))}.aui-input-group__addon{display:flex;align-items:center;flex-shrink:0;height:100%;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-input-group__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-input-group__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-input-group__prefix{position:absolute;top:50%;left:calc(var(--aui-inline-padding-xs) + 1px);transform:translateY(-50%);color:rgb(var(--aui-color-secondary-text))}.aui-input-group__suffix{position:absolute;top:50%;right:calc(var(--aui-inline-padding-xs) + 1px);transform:translateY(-50%);color:rgb(var(--aui-color-secondary-text))}.aui-input-group.hasAddonBefore .aui-input{border-top-left-radius:0;border-bottom-left-radius:0}.aui-input-group.hasAddonAfter .aui-input{border-top-right-radius:0;border-bottom-right-radius:0}\n"] }]
3674
+ args: [{ selector: 'aui-input-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [ngClass]=\"bem.block(inputRef.size$ | async)\"\n [class.isDisabled]=\"inputRef.disabled$ | async\"\n [class.hasAddonBefore]=\"hasAddonBefore$ | async\"\n [class.hasAddonAfter]=\"hasAddonAfter$ | async\"\n [class.hasPrefix]=\"hasPrefix$ | async\"\n [class.hasSuffix]=\"hasSuffix$ | async\"\n>\n <div [class]=\"bem.element('inner-wrapper')\">\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div [class]=\"bem.element('input-wrapper')\">\n <span\n *ngIf=\"hasPrefix$ | async\"\n [class]=\"bem.element('prefix')\"\n >\n <ng-content select=\"[auiInputPrefix]\"></ng-content>\n </span>\n <ng-content></ng-content>\n <span\n *ngIf=\"hasSuffix$ | async\"\n [class]=\"bem.element('suffix')\"\n >\n <ng-content select=\"[auiInputSuffix]\"></ng-content>\n </span>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-input-group{display:inline-block;width:100%;color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-normal)}.aui-input-group.isDisabled{color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input-group--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-input-group--large .aui-input-group__prefix aui-icon,.aui-input-group--large .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-l)}.aui-input-group--large.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l) + 1px)}.aui-input-group--large.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l) + 1px)}.aui-input-group--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--medium .aui-input-group__prefix aui-icon,.aui-input-group--medium .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--medium.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--medium.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--small .aui-input-group__prefix aui-icon,.aui-input-group--small .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--small.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--small.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-input-group--mini .aui-input-group__prefix aui-icon,.aui-input-group--mini .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-s)}.aui-input-group--mini.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s) + 1px)}.aui-input-group--mini.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s) + 1px)}.aui-input-group__inner-wrapper{display:flex;height:100%}.aui-input-group__input-wrapper{width:100%;position:relative}.aui-input-group__input-wrapper:hover .aui-input{border-color:rgb(var(--aui-color-primary))}.aui-input-group__addon{display:flex;align-items:center;flex-shrink:0;height:100%;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-input-group__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-input-group__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-input-group__prefix{position:absolute;top:50%;left:calc(var(--aui-inline-padding-xs) + 1px);transform:translateY(-50%);color:rgb(var(--aui-color-secondary-text))}.aui-input-group__suffix{position:absolute;top:50%;right:calc(var(--aui-inline-padding-xs) + 1px);transform:translateY(-50%);color:rgb(var(--aui-color-secondary-text))}.aui-input-group.hasAddonBefore .aui-input{border-top-left-radius:0;border-bottom-left-radius:0}.aui-input-group.hasAddonAfter .aui-input{border-top-right-radius:0;border-bottom-right-radius:0}\n"] }]
3668
3675
  }], propDecorators: { addonBeforeRefs: [{
3669
3676
  type: ContentChildren,
3670
3677
  args: [InputAddonBeforeDirective]
@@ -3859,7 +3866,7 @@ TimePickerPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
3859
3866
  useExisting: forwardRef(() => TimePickerPanelComponent),
3860
3867
  multi: true,
3861
3868
  },
3862
- ], viewQueries: [{ propertyName: "hourRef", first: true, predicate: ["hourRef"], descendants: true }, { propertyName: "minuteRef", first: true, predicate: ["minuteRef"], descendants: true }, { propertyName: "secondRef", first: true, predicate: ["secondRef"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n *ngIf=\"enabledColumns\"\n [class]=\"bem.block()\"\n [style.width.px]=\"totalWidth\"\n>\n <div [class]=\"bem.element('content')\">\n <div\n [class]=\"bem.element('column')\"\n #hourRef\n *ngIf=\"hourEnabled\"\n >\n <ul>\n <li\n *ngFor=\"let item of getControlTypeConfig(TimePickerControlType.Hour)\"\n [class]=\"bem.element('cell')\"\n [style.height.px]=\"CONTROL_ITEM_HEIGHT\"\n [ngClass]=\"{\n disabled: isDisabled(item, TimePickerControlType.Hour),\n selected: matchValue(item, TimePickerControlType.Hour, model)\n }\"\n (click)=\"selectValue(item, TimePickerControlType.Hour)\"\n >\n {{ item | number: '2.0-0' }}\n </li>\n </ul>\n <div [class]=\"bem.element('column-strut')\"></div>\n </div>\n <div\n [class]=\"bem.element('column')\"\n #minuteRef\n *ngIf=\"minuteEnabled\"\n >\n <ul>\n <li\n *ngFor=\"\n let item of getControlTypeConfig(TimePickerControlType.Minute);\n trackBy: trackBy\n \"\n [class]=\"bem.element('cell')\"\n [style.height.px]=\"CONTROL_ITEM_HEIGHT\"\n [ngClass]=\"{\n disabled: isDisabled(item, TimePickerControlType.Minute),\n selected: matchValue(item, TimePickerControlType.Minute, model)\n }\"\n (click)=\"selectValue(item, TimePickerControlType.Minute)\"\n >\n {{ item | number: '2.0-0' }}\n </li>\n </ul>\n <div [class]=\"bem.element('column-strut')\"></div>\n </div>\n <div\n [class]=\"bem.element('column')\"\n #secondRef\n *ngIf=\"secondEnabled\"\n >\n <ul>\n <li\n *ngFor=\"\n let item of getControlTypeConfig(TimePickerControlType.Second)\n \"\n [class]=\"bem.element('cell')\"\n [style.height.px]=\"CONTROL_ITEM_HEIGHT\"\n [ngClass]=\"{\n disabled: isDisabled(item, TimePickerControlType.Second),\n selected: matchValue(item, TimePickerControlType.Second, model)\n }\"\n (click)=\"selectValue(item, TimePickerControlType.Second)\"\n >\n {{ item | number: '2.0-0' }}\n </li>\n </ul>\n <div [class]=\"bem.element('column-strut')\"></div>\n </div>\n </div>\n\n <ng-container *ngIf=\"!footerTemplate; else customFooter\">\n <div [class]=\"bem.element('footer')\">\n <button\n aui-button=\"inline\"\n (click)=\"selectNow()\"\n [size]=\"ComponentSize.Small\"\n >\n {{ 'now' | auiI18n }}\n </button>\n <button\n aui-button=\"primary\"\n [size]=\"ComponentSize.Small\"\n (click)=\"$event.stopImmediatePropagation(); confirm.next()\"\n >\n {{ 'confirm' | auiI18n }}\n </button>\n </div>\n </ng-container>\n <ng-template #customFooter>\n <ng-container\n [ngTemplateOutlet]=\"footerTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: this }\"\n ></ng-container>\n </ng-template>\n</div>\n", styles: [".aui-time-picker-panel{display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-m);overflow:hidden;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}:root .aui-time-picker-panel{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-time-picker-panel{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-time-picker-panel{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-time-picker-panel{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-time-picker-panel ul,.aui-time-picker-panel li{border:none}.aui-time-picker-panel__content{display:flex;flex-direction:row;height:252px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-time-picker-panel__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:9px}.aui-time-picker-panel__column{flex:1;align-self:stretch;text-align:center;overflow:auto}.aui-time-picker-panel__column::-webkit-scrollbar{width:4px;height:4px}.aui-time-picker-panel__column::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-time-picker-panel__column::-webkit-scrollbar-corner{background-color:transparent}.aui-time-picker-panel__column ul{min-height:252px;list-style:none;padding:0;margin:0}.aui-time-picker-panel__column-strut{height:224px;width:1px;visibility:hidden}.aui-time-picker-panel__column+.aui-time-picker-panel__column{border-left:1px solid rgb(var(--aui-color-n-8))}.aui-time-picker-panel__cell{flex:none;width:100%;height:28px;color:rgb(var(--aui-color-main-text));line-height:28px;cursor:pointer}.aui-time-picker-panel__cell:hover{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-time-picker-panel__cell.selected{background-color:rgb(var(--aui-color-p-7));color:rgb(var(--aui-color-primary));font-weight:var(--aui-font-weight-bold)}.aui-time-picker-panel__cell.disabled{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}\n"], components: [{ type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "number": i2.DecimalPipe, "auiI18n": I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3869
+ ], viewQueries: [{ propertyName: "hourRef", first: true, predicate: ["hourRef"], descendants: true }, { propertyName: "minuteRef", first: true, predicate: ["minuteRef"], descendants: true }, { propertyName: "secondRef", first: true, predicate: ["secondRef"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n *ngIf=\"enabledColumns\"\n [class]=\"bem.block()\"\n [style.width.px]=\"totalWidth\"\n>\n <div [class]=\"bem.element('content')\">\n <div\n [class]=\"bem.element('column')\"\n #hourRef\n *ngIf=\"hourEnabled\"\n >\n <ul>\n <li\n *ngFor=\"let item of getControlTypeConfig(TimePickerControlType.Hour)\"\n [class]=\"bem.element('cell')\"\n [style.height.px]=\"CONTROL_ITEM_HEIGHT\"\n [ngClass]=\"{\n disabled: isDisabled(item, TimePickerControlType.Hour),\n selected: matchValue(item, TimePickerControlType.Hour, model)\n }\"\n (click)=\"selectValue(item, TimePickerControlType.Hour)\"\n >\n {{ item | number: '2.0-0' }}\n </li>\n </ul>\n <div [class]=\"bem.element('column-strut')\"></div>\n </div>\n <div\n [class]=\"bem.element('column')\"\n #minuteRef\n *ngIf=\"minuteEnabled\"\n >\n <ul>\n <li\n *ngFor=\"\n let item of getControlTypeConfig(TimePickerControlType.Minute);\n trackBy: trackBy\n \"\n [class]=\"bem.element('cell')\"\n [style.height.px]=\"CONTROL_ITEM_HEIGHT\"\n [ngClass]=\"{\n disabled: isDisabled(item, TimePickerControlType.Minute),\n selected: matchValue(item, TimePickerControlType.Minute, model)\n }\"\n (click)=\"selectValue(item, TimePickerControlType.Minute)\"\n >\n {{ item | number: '2.0-0' }}\n </li>\n </ul>\n <div [class]=\"bem.element('column-strut')\"></div>\n </div>\n <div\n [class]=\"bem.element('column')\"\n #secondRef\n *ngIf=\"secondEnabled\"\n >\n <ul>\n <li\n *ngFor=\"\n let item of getControlTypeConfig(TimePickerControlType.Second)\n \"\n [class]=\"bem.element('cell')\"\n [style.height.px]=\"CONTROL_ITEM_HEIGHT\"\n [ngClass]=\"{\n disabled: isDisabled(item, TimePickerControlType.Second),\n selected: matchValue(item, TimePickerControlType.Second, model)\n }\"\n (click)=\"selectValue(item, TimePickerControlType.Second)\"\n >\n {{ item | number: '2.0-0' }}\n </li>\n </ul>\n <div [class]=\"bem.element('column-strut')\"></div>\n </div>\n </div>\n\n <ng-container *ngIf=\"!footerTemplate; else customFooter\">\n <div [class]=\"bem.element('footer')\">\n <button\n aui-button=\"inline\"\n (click)=\"selectNow()\"\n [size]=\"ComponentSize.Small\"\n >\n {{ 'now' | auiI18n }}\n </button>\n <button\n aui-button=\"primary\"\n [size]=\"ComponentSize.Small\"\n (click)=\"$event.stopImmediatePropagation(); confirm.next()\"\n >\n {{ 'confirm' | auiI18n }}\n </button>\n </div>\n </ng-container>\n <ng-template #customFooter>\n <ng-container\n [ngTemplateOutlet]=\"footerTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: this }\"\n ></ng-container>\n </ng-template>\n</div>\n", styles: [".aui-time-picker-panel{display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-m);overflow:hidden;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}:root .aui-time-picker-panel{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-time-picker-panel{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-time-picker-panel{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-time-picker-panel{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-time-picker-panel ul,.aui-time-picker-panel li{border:none}.aui-time-picker-panel__content{display:flex;flex-direction:row;height:252px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-time-picker-panel__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:9px}.aui-time-picker-panel__column{flex:1;align-self:stretch;text-align:center;overflow:auto}.aui-time-picker-panel__column::-webkit-scrollbar{width:4px;height:4px}.aui-time-picker-panel__column::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-time-picker-panel__column::-webkit-scrollbar-corner{background-color:transparent}.aui-time-picker-panel__column ul{min-height:252px;list-style:none;padding:0;margin:0}.aui-time-picker-panel__column-strut{height:224px;width:1px;visibility:hidden}.aui-time-picker-panel__column+.aui-time-picker-panel__column{border-left:1px solid rgb(var(--aui-color-n-8))}.aui-time-picker-panel__cell{flex:none;width:100%;height:28px;color:rgb(var(--aui-color-main-text));line-height:28px;cursor:pointer}.aui-time-picker-panel__cell:hover{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-time-picker-panel__cell.selected{background-color:rgb(var(--aui-color-p-7));color:rgb(var(--aui-color-primary));font-weight:var(--aui-font-weight-bold)}.aui-time-picker-panel__cell.disabled{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}\n"], components: [{ type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "number": i2.DecimalPipe, "auiI18n": I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
3863
3870
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TimePickerPanelComponent, decorators: [{
3864
3871
  type: Component,
3865
3872
  args: [{ selector: 'aui-time-picker-panel', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -3870,7 +3877,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
3870
3877
  },
3871
3878
  ], host: {
3872
3879
  mousedown: '$event.preventDefault()',
3873
- }, template: "<div\n *ngIf=\"enabledColumns\"\n [class]=\"bem.block()\"\n [style.width.px]=\"totalWidth\"\n>\n <div [class]=\"bem.element('content')\">\n <div\n [class]=\"bem.element('column')\"\n #hourRef\n *ngIf=\"hourEnabled\"\n >\n <ul>\n <li\n *ngFor=\"let item of getControlTypeConfig(TimePickerControlType.Hour)\"\n [class]=\"bem.element('cell')\"\n [style.height.px]=\"CONTROL_ITEM_HEIGHT\"\n [ngClass]=\"{\n disabled: isDisabled(item, TimePickerControlType.Hour),\n selected: matchValue(item, TimePickerControlType.Hour, model)\n }\"\n (click)=\"selectValue(item, TimePickerControlType.Hour)\"\n >\n {{ item | number: '2.0-0' }}\n </li>\n </ul>\n <div [class]=\"bem.element('column-strut')\"></div>\n </div>\n <div\n [class]=\"bem.element('column')\"\n #minuteRef\n *ngIf=\"minuteEnabled\"\n >\n <ul>\n <li\n *ngFor=\"\n let item of getControlTypeConfig(TimePickerControlType.Minute);\n trackBy: trackBy\n \"\n [class]=\"bem.element('cell')\"\n [style.height.px]=\"CONTROL_ITEM_HEIGHT\"\n [ngClass]=\"{\n disabled: isDisabled(item, TimePickerControlType.Minute),\n selected: matchValue(item, TimePickerControlType.Minute, model)\n }\"\n (click)=\"selectValue(item, TimePickerControlType.Minute)\"\n >\n {{ item | number: '2.0-0' }}\n </li>\n </ul>\n <div [class]=\"bem.element('column-strut')\"></div>\n </div>\n <div\n [class]=\"bem.element('column')\"\n #secondRef\n *ngIf=\"secondEnabled\"\n >\n <ul>\n <li\n *ngFor=\"\n let item of getControlTypeConfig(TimePickerControlType.Second)\n \"\n [class]=\"bem.element('cell')\"\n [style.height.px]=\"CONTROL_ITEM_HEIGHT\"\n [ngClass]=\"{\n disabled: isDisabled(item, TimePickerControlType.Second),\n selected: matchValue(item, TimePickerControlType.Second, model)\n }\"\n (click)=\"selectValue(item, TimePickerControlType.Second)\"\n >\n {{ item | number: '2.0-0' }}\n </li>\n </ul>\n <div [class]=\"bem.element('column-strut')\"></div>\n </div>\n </div>\n\n <ng-container *ngIf=\"!footerTemplate; else customFooter\">\n <div [class]=\"bem.element('footer')\">\n <button\n aui-button=\"inline\"\n (click)=\"selectNow()\"\n [size]=\"ComponentSize.Small\"\n >\n {{ 'now' | auiI18n }}\n </button>\n <button\n aui-button=\"primary\"\n [size]=\"ComponentSize.Small\"\n (click)=\"$event.stopImmediatePropagation(); confirm.next()\"\n >\n {{ 'confirm' | auiI18n }}\n </button>\n </div>\n </ng-container>\n <ng-template #customFooter>\n <ng-container\n [ngTemplateOutlet]=\"footerTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: this }\"\n ></ng-container>\n </ng-template>\n</div>\n", styles: [".aui-time-picker-panel{display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-m);overflow:hidden;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}:root .aui-time-picker-panel{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-time-picker-panel{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-time-picker-panel{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-time-picker-panel{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-time-picker-panel ul,.aui-time-picker-panel li{border:none}.aui-time-picker-panel__content{display:flex;flex-direction:row;height:252px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-time-picker-panel__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:9px}.aui-time-picker-panel__column{flex:1;align-self:stretch;text-align:center;overflow:auto}.aui-time-picker-panel__column::-webkit-scrollbar{width:4px;height:4px}.aui-time-picker-panel__column::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-time-picker-panel__column::-webkit-scrollbar-corner{background-color:transparent}.aui-time-picker-panel__column ul{min-height:252px;list-style:none;padding:0;margin:0}.aui-time-picker-panel__column-strut{height:224px;width:1px;visibility:hidden}.aui-time-picker-panel__column+.aui-time-picker-panel__column{border-left:1px solid rgb(var(--aui-color-n-8))}.aui-time-picker-panel__cell{flex:none;width:100%;height:28px;color:rgb(var(--aui-color-main-text));line-height:28px;cursor:pointer}.aui-time-picker-panel__cell:hover{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-time-picker-panel__cell.selected{background-color:rgb(var(--aui-color-p-7));color:rgb(var(--aui-color-primary));font-weight:var(--aui-font-weight-bold)}.aui-time-picker-panel__cell.disabled{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}\n"] }]
3880
+ }, template: "<div\n *ngIf=\"enabledColumns\"\n [class]=\"bem.block()\"\n [style.width.px]=\"totalWidth\"\n>\n <div [class]=\"bem.element('content')\">\n <div\n [class]=\"bem.element('column')\"\n #hourRef\n *ngIf=\"hourEnabled\"\n >\n <ul>\n <li\n *ngFor=\"let item of getControlTypeConfig(TimePickerControlType.Hour)\"\n [class]=\"bem.element('cell')\"\n [style.height.px]=\"CONTROL_ITEM_HEIGHT\"\n [ngClass]=\"{\n disabled: isDisabled(item, TimePickerControlType.Hour),\n selected: matchValue(item, TimePickerControlType.Hour, model)\n }\"\n (click)=\"selectValue(item, TimePickerControlType.Hour)\"\n >\n {{ item | number: '2.0-0' }}\n </li>\n </ul>\n <div [class]=\"bem.element('column-strut')\"></div>\n </div>\n <div\n [class]=\"bem.element('column')\"\n #minuteRef\n *ngIf=\"minuteEnabled\"\n >\n <ul>\n <li\n *ngFor=\"\n let item of getControlTypeConfig(TimePickerControlType.Minute);\n trackBy: trackBy\n \"\n [class]=\"bem.element('cell')\"\n [style.height.px]=\"CONTROL_ITEM_HEIGHT\"\n [ngClass]=\"{\n disabled: isDisabled(item, TimePickerControlType.Minute),\n selected: matchValue(item, TimePickerControlType.Minute, model)\n }\"\n (click)=\"selectValue(item, TimePickerControlType.Minute)\"\n >\n {{ item | number: '2.0-0' }}\n </li>\n </ul>\n <div [class]=\"bem.element('column-strut')\"></div>\n </div>\n <div\n [class]=\"bem.element('column')\"\n #secondRef\n *ngIf=\"secondEnabled\"\n >\n <ul>\n <li\n *ngFor=\"\n let item of getControlTypeConfig(TimePickerControlType.Second)\n \"\n [class]=\"bem.element('cell')\"\n [style.height.px]=\"CONTROL_ITEM_HEIGHT\"\n [ngClass]=\"{\n disabled: isDisabled(item, TimePickerControlType.Second),\n selected: matchValue(item, TimePickerControlType.Second, model)\n }\"\n (click)=\"selectValue(item, TimePickerControlType.Second)\"\n >\n {{ item | number: '2.0-0' }}\n </li>\n </ul>\n <div [class]=\"bem.element('column-strut')\"></div>\n </div>\n </div>\n\n <ng-container *ngIf=\"!footerTemplate; else customFooter\">\n <div [class]=\"bem.element('footer')\">\n <button\n aui-button=\"inline\"\n (click)=\"selectNow()\"\n [size]=\"ComponentSize.Small\"\n >\n {{ 'now' | auiI18n }}\n </button>\n <button\n aui-button=\"primary\"\n [size]=\"ComponentSize.Small\"\n (click)=\"$event.stopImmediatePropagation(); confirm.next()\"\n >\n {{ 'confirm' | auiI18n }}\n </button>\n </div>\n </ng-container>\n <ng-template #customFooter>\n <ng-container\n [ngTemplateOutlet]=\"footerTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: this }\"\n ></ng-container>\n </ng-template>\n</div>\n", styles: [".aui-time-picker-panel{display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-m);overflow:hidden;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}:root .aui-time-picker-panel{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-time-picker-panel{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-time-picker-panel{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-time-picker-panel{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-time-picker-panel ul,.aui-time-picker-panel li{border:none}.aui-time-picker-panel__content{display:flex;flex-direction:row;height:252px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-time-picker-panel__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:9px}.aui-time-picker-panel__column{flex:1;align-self:stretch;text-align:center;overflow:auto}.aui-time-picker-panel__column::-webkit-scrollbar{width:4px;height:4px}.aui-time-picker-panel__column::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-time-picker-panel__column::-webkit-scrollbar-corner{background-color:transparent}.aui-time-picker-panel__column ul{min-height:252px;list-style:none;padding:0;margin:0}.aui-time-picker-panel__column-strut{height:224px;width:1px;visibility:hidden}.aui-time-picker-panel__column+.aui-time-picker-panel__column{border-left:1px solid rgb(var(--aui-color-n-8))}.aui-time-picker-panel__cell{flex:none;width:100%;height:28px;color:rgb(var(--aui-color-main-text));line-height:28px;cursor:pointer}.aui-time-picker-panel__cell:hover{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-time-picker-panel__cell.selected{background-color:rgb(var(--aui-color-p-7));color:rgb(var(--aui-color-primary));font-weight:var(--aui-font-weight-bold)}.aui-time-picker-panel__cell.disabled{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}\n"] }]
3874
3881
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { format: [{
3875
3882
  type: Input
3876
3883
  }], hourStep: [{
@@ -4132,7 +4139,7 @@ DatePickerPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
4132
4139
  useExisting: forwardRef(() => DatePickerPanelComponent),
4133
4140
  multi: true,
4134
4141
  },
4135
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"aui-date-picker-panel__wrapper\">\n <aui-calendar-header\n [dateNavRange]=\"navRange\"\n [anchor]=\"anchor\"\n [minAvail]=\"minDate\"\n [maxAvail]=\"maxDate\"\n [style.margin-inline.px]=\"4\"\n (navRangeChange)=\"navRange = $event\"\n (anchorChange)=\"anchor = $event\"\n ></aui-calendar-header>\n\n <aui-picker-panel\n [style.margin]=\"'16px 0'\"\n [anchor]=\"anchor\"\n [navRange]=\"navRange\"\n [disabledDate]=\"disabledDate\"\n [weekStartDay]=\"weekStartDay\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [type]=\"type\"\n [matchDates]=\"[selectedDate]\"\n (select)=\"panelValueChange($event)\"\n ></aui-picker-panel>\n\n <ng-container\n *ngIf=\"extraFooter\"\n [ngTemplateOutlet]=\"extraFooter\"\n [ngTemplateOutletContext]=\"{ context: this }\"\n ></ng-container>\n\n <ng-container *ngIf=\"showFooter\">\n <aui-calendar-footer\n (clear)=\"clear.next()\"\n (confirm)=\"confirmValue()\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n *ngIf=\"showTime; else today\"\n >\n <ng-container\n *ngIf=\"footerTemplate; else default\"\n [ngTemplateOutlet]=\"footerTemplate\"\n [ngTemplateOutletContext]=\"{ context: this }\"\n ></ng-container>\n\n <ng-template #default>\n <aui-time-picker\n *ngIf=\"currentNavType === DatePickerType.Day && showTime\"\n [showIcon]=\"false\"\n size=\"small\"\n [(ngModel)]=\"selectedTime\"\n [disableHours]=\"getDisabledTimeFn(selectedDate, 'hours')\"\n [disableMinutes]=\"getDisabledTimeFn(selectedDate, 'minutes')\"\n [disableSeconds]=\"getDisabledTimeFn(selectedDate, 'seconds')\"\n tooltipPosition=\"top start\"\n (ngModelChange)=\"timeDateChange($event)\"\n [placeholder]=\"'select_time' | auiI18n\"\n ></aui-time-picker>\n </ng-template>\n </aui-calendar-footer>\n\n <ng-template #today>\n <aui-calendar-footer\n *ngIf=\"type === DatePickerType.Day\"\n [clearable]=\"false\"\n [customAction]=\"todayBtn\"\n >\n </aui-calendar-footer>\n <ng-template #todayBtn>\n <button\n aui-button=\"inline\"\n (click)=\"setToday()\"\n >\n {{ 'today' | auiI18n }}\n </button>\n </ng-template>\n </ng-template>\n </ng-container>\n</div>\n", styles: [".aui-date-picker-panel__wrapper{display:flex;flex-direction:column;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-date-picker-panel__wrapper .aui-time-picker{width:88px}\n"], components: [{ type: CalendarHeaderComponent, selector: "aui-calendar-header", inputs: ["dateNavRange", "anchor", "maxAvail", "minAvail"], outputs: ["navRangeChange", "anchorChange"] }, { type: PickerPanelComponent, selector: "aui-picker-panel", inputs: ["navRange", "type", "anchor", "matchDates", "disabledDate", "weekStartDay", "minDate", "maxDate"], outputs: ["select", "hovered"] }, { type: CalendarFooterComponent, selector: "aui-calendar-footer", inputs: ["clearable", "clearText", "customAction"], outputs: ["confirm", "clear"] }, { type: TimePickerComponent, selector: "aui-time-picker", inputs: ["format", "size", "placeholder", "clearable", "showIcon", "disableHours", "disableMinutes", "disableSeconds", "hourStep", "minuteStep", "secondStep", "footerTemplate"], outputs: ["open", "close"] }, { type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "auiI18n": I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4142
+ ], usesInheritance: true, ngImport: i0, template: "<div class=\"aui-date-picker-panel__wrapper\">\n <aui-calendar-header\n [dateNavRange]=\"navRange\"\n [anchor]=\"anchor\"\n [minAvail]=\"minDate\"\n [maxAvail]=\"maxDate\"\n [style.margin-inline.px]=\"4\"\n (navRangeChange)=\"navRange = $event\"\n (anchorChange)=\"anchor = $event\"\n ></aui-calendar-header>\n\n <aui-picker-panel\n [style.margin]=\"'16px 0'\"\n [anchor]=\"anchor\"\n [navRange]=\"navRange\"\n [disabledDate]=\"disabledDate\"\n [weekStartDay]=\"weekStartDay\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [type]=\"type\"\n [matchDates]=\"[selectedDate]\"\n (select)=\"panelValueChange($event)\"\n ></aui-picker-panel>\n\n <ng-container\n *ngIf=\"extraFooter\"\n [ngTemplateOutlet]=\"extraFooter\"\n [ngTemplateOutletContext]=\"{ context: this }\"\n ></ng-container>\n\n <ng-container *ngIf=\"showFooter\">\n <aui-calendar-footer\n (clear)=\"clear.next()\"\n (confirm)=\"confirmValue()\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n *ngIf=\"showTime; else today\"\n >\n <ng-container\n *ngIf=\"footerTemplate; else default\"\n [ngTemplateOutlet]=\"footerTemplate\"\n [ngTemplateOutletContext]=\"{ context: this }\"\n ></ng-container>\n\n <ng-template #default>\n <aui-time-picker\n *ngIf=\"currentNavType === DatePickerType.Day && showTime\"\n [showIcon]=\"false\"\n size=\"small\"\n [(ngModel)]=\"selectedTime\"\n [disableHours]=\"getDisabledTimeFn(selectedDate, 'hours')\"\n [disableMinutes]=\"getDisabledTimeFn(selectedDate, 'minutes')\"\n [disableSeconds]=\"getDisabledTimeFn(selectedDate, 'seconds')\"\n tooltipPosition=\"top start\"\n (ngModelChange)=\"timeDateChange($event)\"\n [placeholder]=\"'select_time' | auiI18n\"\n ></aui-time-picker>\n </ng-template>\n </aui-calendar-footer>\n\n <ng-template #today>\n <aui-calendar-footer\n *ngIf=\"type === DatePickerType.Day\"\n [clearable]=\"false\"\n [customAction]=\"todayBtn\"\n >\n </aui-calendar-footer>\n <ng-template #todayBtn>\n <button\n aui-button=\"inline\"\n (click)=\"setToday()\"\n >\n {{ 'today' | auiI18n }}\n </button>\n </ng-template>\n </ng-template>\n </ng-container>\n</div>\n", styles: [".aui-date-picker-panel__wrapper{display:flex;flex-direction:column;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-picker-panel__wrapper .aui-time-picker{width:88px}\n"], components: [{ type: CalendarHeaderComponent, selector: "aui-calendar-header", inputs: ["dateNavRange", "anchor", "maxAvail", "minAvail"], outputs: ["navRangeChange", "anchorChange"] }, { type: PickerPanelComponent, selector: "aui-picker-panel", inputs: ["navRange", "type", "anchor", "matchDates", "disabledDate", "weekStartDay", "minDate", "maxDate"], outputs: ["select", "hovered"] }, { type: CalendarFooterComponent, selector: "aui-calendar-footer", inputs: ["clearable", "clearText", "customAction"], outputs: ["confirm", "clear"] }, { type: TimePickerComponent, selector: "aui-time-picker", inputs: ["format", "size", "placeholder", "clearable", "showIcon", "disableHours", "disableMinutes", "disableSeconds", "hourStep", "minuteStep", "secondStep", "footerTemplate"], outputs: ["open", "close"] }, { type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "auiI18n": I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4136
4143
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DatePickerPanelComponent, decorators: [{
4137
4144
  type: Component,
4138
4145
  args: [{ selector: 'aui-date-picker-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
@@ -4141,7 +4148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
4141
4148
  useExisting: forwardRef(() => DatePickerPanelComponent),
4142
4149
  multi: true,
4143
4150
  },
4144
- ], template: "<div class=\"aui-date-picker-panel__wrapper\">\n <aui-calendar-header\n [dateNavRange]=\"navRange\"\n [anchor]=\"anchor\"\n [minAvail]=\"minDate\"\n [maxAvail]=\"maxDate\"\n [style.margin-inline.px]=\"4\"\n (navRangeChange)=\"navRange = $event\"\n (anchorChange)=\"anchor = $event\"\n ></aui-calendar-header>\n\n <aui-picker-panel\n [style.margin]=\"'16px 0'\"\n [anchor]=\"anchor\"\n [navRange]=\"navRange\"\n [disabledDate]=\"disabledDate\"\n [weekStartDay]=\"weekStartDay\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [type]=\"type\"\n [matchDates]=\"[selectedDate]\"\n (select)=\"panelValueChange($event)\"\n ></aui-picker-panel>\n\n <ng-container\n *ngIf=\"extraFooter\"\n [ngTemplateOutlet]=\"extraFooter\"\n [ngTemplateOutletContext]=\"{ context: this }\"\n ></ng-container>\n\n <ng-container *ngIf=\"showFooter\">\n <aui-calendar-footer\n (clear)=\"clear.next()\"\n (confirm)=\"confirmValue()\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n *ngIf=\"showTime; else today\"\n >\n <ng-container\n *ngIf=\"footerTemplate; else default\"\n [ngTemplateOutlet]=\"footerTemplate\"\n [ngTemplateOutletContext]=\"{ context: this }\"\n ></ng-container>\n\n <ng-template #default>\n <aui-time-picker\n *ngIf=\"currentNavType === DatePickerType.Day && showTime\"\n [showIcon]=\"false\"\n size=\"small\"\n [(ngModel)]=\"selectedTime\"\n [disableHours]=\"getDisabledTimeFn(selectedDate, 'hours')\"\n [disableMinutes]=\"getDisabledTimeFn(selectedDate, 'minutes')\"\n [disableSeconds]=\"getDisabledTimeFn(selectedDate, 'seconds')\"\n tooltipPosition=\"top start\"\n (ngModelChange)=\"timeDateChange($event)\"\n [placeholder]=\"'select_time' | auiI18n\"\n ></aui-time-picker>\n </ng-template>\n </aui-calendar-footer>\n\n <ng-template #today>\n <aui-calendar-footer\n *ngIf=\"type === DatePickerType.Day\"\n [clearable]=\"false\"\n [customAction]=\"todayBtn\"\n >\n </aui-calendar-footer>\n <ng-template #todayBtn>\n <button\n aui-button=\"inline\"\n (click)=\"setToday()\"\n >\n {{ 'today' | auiI18n }}\n </button>\n </ng-template>\n </ng-template>\n </ng-container>\n</div>\n", styles: [".aui-date-picker-panel__wrapper{display:flex;flex-direction:column;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-date-picker-panel__wrapper .aui-time-picker{width:88px}\n"] }]
4151
+ ], template: "<div class=\"aui-date-picker-panel__wrapper\">\n <aui-calendar-header\n [dateNavRange]=\"navRange\"\n [anchor]=\"anchor\"\n [minAvail]=\"minDate\"\n [maxAvail]=\"maxDate\"\n [style.margin-inline.px]=\"4\"\n (navRangeChange)=\"navRange = $event\"\n (anchorChange)=\"anchor = $event\"\n ></aui-calendar-header>\n\n <aui-picker-panel\n [style.margin]=\"'16px 0'\"\n [anchor]=\"anchor\"\n [navRange]=\"navRange\"\n [disabledDate]=\"disabledDate\"\n [weekStartDay]=\"weekStartDay\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [type]=\"type\"\n [matchDates]=\"[selectedDate]\"\n (select)=\"panelValueChange($event)\"\n ></aui-picker-panel>\n\n <ng-container\n *ngIf=\"extraFooter\"\n [ngTemplateOutlet]=\"extraFooter\"\n [ngTemplateOutletContext]=\"{ context: this }\"\n ></ng-container>\n\n <ng-container *ngIf=\"showFooter\">\n <aui-calendar-footer\n (clear)=\"clear.next()\"\n (confirm)=\"confirmValue()\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n *ngIf=\"showTime; else today\"\n >\n <ng-container\n *ngIf=\"footerTemplate; else default\"\n [ngTemplateOutlet]=\"footerTemplate\"\n [ngTemplateOutletContext]=\"{ context: this }\"\n ></ng-container>\n\n <ng-template #default>\n <aui-time-picker\n *ngIf=\"currentNavType === DatePickerType.Day && showTime\"\n [showIcon]=\"false\"\n size=\"small\"\n [(ngModel)]=\"selectedTime\"\n [disableHours]=\"getDisabledTimeFn(selectedDate, 'hours')\"\n [disableMinutes]=\"getDisabledTimeFn(selectedDate, 'minutes')\"\n [disableSeconds]=\"getDisabledTimeFn(selectedDate, 'seconds')\"\n tooltipPosition=\"top start\"\n (ngModelChange)=\"timeDateChange($event)\"\n [placeholder]=\"'select_time' | auiI18n\"\n ></aui-time-picker>\n </ng-template>\n </aui-calendar-footer>\n\n <ng-template #today>\n <aui-calendar-footer\n *ngIf=\"type === DatePickerType.Day\"\n [clearable]=\"false\"\n [customAction]=\"todayBtn\"\n >\n </aui-calendar-footer>\n <ng-template #todayBtn>\n <button\n aui-button=\"inline\"\n (click)=\"setToday()\"\n >\n {{ 'today' | auiI18n }}\n </button>\n </ng-template>\n </ng-template>\n </ng-container>\n</div>\n", styles: [".aui-date-picker-panel__wrapper{display:flex;flex-direction:column;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-picker-panel__wrapper .aui-time-picker{width:88px}\n"] }]
4145
4152
  }], propDecorators: { clearable: [{
4146
4153
  type: Input
4147
4154
  }], clearText: [{
@@ -4331,7 +4338,7 @@ DateRangePickerPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
4331
4338
  useExisting: forwardRef(() => DateRangePickerPanelComponent),
4332
4339
  multi: true,
4333
4340
  },
4334
- ], usesInheritance: true, ngImport: i0, template: "<div [class]=\"bem.element('container')\">\n <div [class]=\"bem.element('header')\">\n <aui-calendar-header\n [dateNavRange]=\"leftDateRange\"\n [anchor]=\"leftAnchor\"\n (navRangeChange)=\"calendarRangeChange($event, Side.Left)\"\n (anchorChange)=\"leftAnchor = $event\"\n [maxAvail]=\"maxHeaderAvail\"\n [minAvail]=\"minDate\"\n ></aui-calendar-header>\n <aui-calendar-header\n [dateNavRange]=\"rightDateRange\"\n [anchor]=\"rightAnchor\"\n (navRangeChange)=\"calendarRangeChange($event, Side.Right)\"\n (anchorChange)=\"rightAnchor = $event\"\n [minAvail]=\"minHeaderAvail\"\n [maxAvail]=\"maxDate\"\n ></aui-calendar-header>\n </div>\n <div [class]=\"bem.element('body')\">\n <aui-picker-panel\n class=\"panel__wrapper\"\n [navRange]=\"leftDateRange\"\n [type]=\"DatePickerType.Day\"\n [anchor]=\"leftAnchor\"\n [matchDates]=\"matchValues\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [disabledDate]=\"getDateDisabledFn(Side.Left, rightAnchor)\"\n [weekStartDay]=\"weekStartDay\"\n (hovered)=\"hoverItem($event)\"\n (select)=\"selectPickerPanel($event, Side.Left)\"\n ></aui-picker-panel>\n <aui-picker-panel\n class=\"panel__wrapper\"\n [navRange]=\"rightDateRange\"\n [type]=\"DatePickerType.Day\"\n [anchor]=\"rightAnchor\"\n [weekStartDay]=\"weekStartDay\"\n [matchDates]=\"matchValues\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [disabledDate]=\"getDateDisabledFn(Side.Right, leftAnchor)\"\n (hovered)=\"hoverItem($event)\"\n (select)=\"selectPickerPanel($event, Side.Right)\"\n ></aui-picker-panel>\n </div>\n\n <aui-calendar-footer\n [class]=\"bem.element('footer')\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n (clear)=\"clear.next()\"\n (confirm)=\"confirmValue(rangeValue)\"\n *ngIf=\"showFooter && showTime\"\n >\n <div\n [class]=\"bem.element('footer-content')\"\n *ngIf=\"showTime\"\n >\n <ng-container\n [ngTemplateOutlet]=\"datePlaceholder\"\n [ngTemplateOutletContext]=\"{\n placeholder: 'start_date' | auiI18n,\n value: rangeValue[0]\n }\"\n ></ng-container>\n <aui-time-picker\n [showIcon]=\"false\"\n [(ngModel)]=\"startTime\"\n size=\"small\"\n (ngModelChange)=\"timeChange($event)\"\n [disableHours]=\"leftDisabledTimeFn(rangeValue[0], 'hours')\"\n [disableMinutes]=\"leftDisabledTimeFn(rangeValue[0], 'minutes')\"\n [disableSeconds]=\"leftDisabledTimeFn(rangeValue[0], 'seconds')\"\n [placeholder]=\"'select_time' | auiI18n\"\n tooltipPosition=\"top start\"\n ></aui-time-picker>\n\n <span class=\"placeholder separator\">{{ 'to' | auiI18n }}</span>\n <ng-container\n [ngTemplateOutlet]=\"datePlaceholder\"\n [ngTemplateOutletContext]=\"{\n placeholder: 'end_date' | auiI18n,\n value: rangeValue[1]\n }\"\n ></ng-container>\n <aui-time-picker\n [showIcon]=\"false\"\n size=\"small\"\n [(ngModel)]=\"endTime\"\n [disableHours]=\"rightDisabledTimeFn(rangeValue[1], 'hours')\"\n [disableMinutes]=\"rightDisabledTimeFn(rangeValue[1], 'minutes')\"\n [disableSeconds]=\"rightDisabledTimeFn(rangeValue[1], 'seconds')\"\n (ngModelChange)=\"timeChange($event)\"\n [placeholder]=\"'select_time' | auiI18n\"\n tooltipPosition=\"top start\"\n ></aui-time-picker>\n </div>\n </aui-calendar-footer>\n</div>\n\n<ng-template\n #datePlaceholder\n let-placeholder=\"placeholder\"\n let-value=\"value\"\n>\n <span\n *ngIf=\"!value\"\n class=\"placeholder date-holder\"\n >{{ placeholder }}</span\n >\n <span\n *ngIf=\"value\"\n class=\"date-value date-holder\"\n >{{ value | date: FOOTER_DATE_FORMAT }}</span\n >\n</ng-template>\n", styles: [".aui-date-range-picker-panel__container{display:flex;flex-direction:column;width:524px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-date-range-picker-panel__container .placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-date-range-picker-panel__container .placeholder.separator{margin-inline:12px}.aui-date-range-picker-panel__container .date-value{color:rgb(var(--aui-color-main-text))}.aui-date-range-picker-panel__container .date-holder{display:inline-block;margin-right:8px;width:82px}.aui-date-range-picker-panel__container .panel__wrapper{width:246px;display:flex;justify-content:center}.aui-date-range-picker-panel__header{display:flex;justify-content:space-between}.aui-date-range-picker-panel__header aui-calendar-header{flex:0 0 246px}.aui-date-range-picker-panel__body{display:flex;justify-content:space-between;margin:16px 0}.aui-date-range-picker-panel__footer .aui-time-picker{width:88px}.aui-date-range-picker-panel__footer-content{display:flex;align-items:center;height:100%}\n"], components: [{ type: CalendarHeaderComponent, selector: "aui-calendar-header", inputs: ["dateNavRange", "anchor", "maxAvail", "minAvail"], outputs: ["navRangeChange", "anchorChange"] }, { type: PickerPanelComponent, selector: "aui-picker-panel", inputs: ["navRange", "type", "anchor", "matchDates", "disabledDate", "weekStartDay", "minDate", "maxDate"], outputs: ["select", "hovered"] }, { type: CalendarFooterComponent, selector: "aui-calendar-footer", inputs: ["clearable", "clearText", "customAction"], outputs: ["confirm", "clear"] }, { type: TimePickerComponent, selector: "aui-time-picker", inputs: ["format", "size", "placeholder", "clearable", "showIcon", "disableHours", "disableMinutes", "disableSeconds", "hourStep", "minuteStep", "secondStep", "footerTemplate"], outputs: ["open", "close"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "auiI18n": I18nPipe, "date": i2.DatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4341
+ ], usesInheritance: true, ngImport: i0, template: "<div [class]=\"bem.element('container')\">\n <div [class]=\"bem.element('header')\">\n <aui-calendar-header\n [dateNavRange]=\"leftDateRange\"\n [anchor]=\"leftAnchor\"\n (navRangeChange)=\"calendarRangeChange($event, Side.Left)\"\n (anchorChange)=\"leftAnchor = $event\"\n [maxAvail]=\"maxHeaderAvail\"\n [minAvail]=\"minDate\"\n ></aui-calendar-header>\n <aui-calendar-header\n [dateNavRange]=\"rightDateRange\"\n [anchor]=\"rightAnchor\"\n (navRangeChange)=\"calendarRangeChange($event, Side.Right)\"\n (anchorChange)=\"rightAnchor = $event\"\n [minAvail]=\"minHeaderAvail\"\n [maxAvail]=\"maxDate\"\n ></aui-calendar-header>\n </div>\n <div [class]=\"bem.element('body')\">\n <aui-picker-panel\n class=\"panel__wrapper\"\n [navRange]=\"leftDateRange\"\n [type]=\"DatePickerType.Day\"\n [anchor]=\"leftAnchor\"\n [matchDates]=\"matchValues\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [disabledDate]=\"getDateDisabledFn(Side.Left, rightAnchor)\"\n [weekStartDay]=\"weekStartDay\"\n (hovered)=\"hoverItem($event)\"\n (select)=\"selectPickerPanel($event, Side.Left)\"\n ></aui-picker-panel>\n <aui-picker-panel\n class=\"panel__wrapper\"\n [navRange]=\"rightDateRange\"\n [type]=\"DatePickerType.Day\"\n [anchor]=\"rightAnchor\"\n [weekStartDay]=\"weekStartDay\"\n [matchDates]=\"matchValues\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [disabledDate]=\"getDateDisabledFn(Side.Right, leftAnchor)\"\n (hovered)=\"hoverItem($event)\"\n (select)=\"selectPickerPanel($event, Side.Right)\"\n ></aui-picker-panel>\n </div>\n\n <aui-calendar-footer\n [class]=\"bem.element('footer')\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n (clear)=\"clear.next()\"\n (confirm)=\"confirmValue(rangeValue)\"\n *ngIf=\"showFooter && showTime\"\n >\n <div\n [class]=\"bem.element('footer-content')\"\n *ngIf=\"showTime\"\n >\n <ng-container\n [ngTemplateOutlet]=\"datePlaceholder\"\n [ngTemplateOutletContext]=\"{\n placeholder: 'start_date' | auiI18n,\n value: rangeValue[0]\n }\"\n ></ng-container>\n <aui-time-picker\n [showIcon]=\"false\"\n [(ngModel)]=\"startTime\"\n size=\"small\"\n (ngModelChange)=\"timeChange($event)\"\n [disableHours]=\"leftDisabledTimeFn(rangeValue[0], 'hours')\"\n [disableMinutes]=\"leftDisabledTimeFn(rangeValue[0], 'minutes')\"\n [disableSeconds]=\"leftDisabledTimeFn(rangeValue[0], 'seconds')\"\n [placeholder]=\"'select_time' | auiI18n\"\n tooltipPosition=\"top start\"\n ></aui-time-picker>\n\n <span class=\"placeholder separator\">{{ 'to' | auiI18n }}</span>\n <ng-container\n [ngTemplateOutlet]=\"datePlaceholder\"\n [ngTemplateOutletContext]=\"{\n placeholder: 'end_date' | auiI18n,\n value: rangeValue[1]\n }\"\n ></ng-container>\n <aui-time-picker\n [showIcon]=\"false\"\n size=\"small\"\n [(ngModel)]=\"endTime\"\n [disableHours]=\"rightDisabledTimeFn(rangeValue[1], 'hours')\"\n [disableMinutes]=\"rightDisabledTimeFn(rangeValue[1], 'minutes')\"\n [disableSeconds]=\"rightDisabledTimeFn(rangeValue[1], 'seconds')\"\n (ngModelChange)=\"timeChange($event)\"\n [placeholder]=\"'select_time' | auiI18n\"\n tooltipPosition=\"top start\"\n ></aui-time-picker>\n </div>\n </aui-calendar-footer>\n</div>\n\n<ng-template\n #datePlaceholder\n let-placeholder=\"placeholder\"\n let-value=\"value\"\n>\n <span\n *ngIf=\"!value\"\n class=\"placeholder date-holder\"\n >{{ placeholder }}</span\n >\n <span\n *ngIf=\"value\"\n class=\"date-value date-holder\"\n >{{ value | date: FOOTER_DATE_FORMAT }}</span\n >\n</ng-template>\n", styles: [".aui-date-range-picker-panel__container{display:flex;flex-direction:column;width:524px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-range-picker-panel__container .placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-date-range-picker-panel__container .placeholder.separator{margin-inline:12px}.aui-date-range-picker-panel__container .date-value{color:rgb(var(--aui-color-main-text))}.aui-date-range-picker-panel__container .date-holder{display:inline-block;margin-right:8px;width:82px}.aui-date-range-picker-panel__container .panel__wrapper{width:246px;display:flex;justify-content:center}.aui-date-range-picker-panel__header{display:flex;justify-content:space-between}.aui-date-range-picker-panel__header aui-calendar-header{flex:0 0 246px}.aui-date-range-picker-panel__body{display:flex;justify-content:space-between;margin:16px 0}.aui-date-range-picker-panel__footer .aui-time-picker{width:88px}.aui-date-range-picker-panel__footer-content{display:flex;align-items:center;height:100%}\n"], components: [{ type: CalendarHeaderComponent, selector: "aui-calendar-header", inputs: ["dateNavRange", "anchor", "maxAvail", "minAvail"], outputs: ["navRangeChange", "anchorChange"] }, { type: PickerPanelComponent, selector: "aui-picker-panel", inputs: ["navRange", "type", "anchor", "matchDates", "disabledDate", "weekStartDay", "minDate", "maxDate"], outputs: ["select", "hovered"] }, { type: CalendarFooterComponent, selector: "aui-calendar-footer", inputs: ["clearable", "clearText", "customAction"], outputs: ["confirm", "clear"] }, { type: TimePickerComponent, selector: "aui-time-picker", inputs: ["format", "size", "placeholder", "clearable", "showIcon", "disableHours", "disableMinutes", "disableSeconds", "hourStep", "minuteStep", "secondStep", "footerTemplate"], outputs: ["open", "close"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "auiI18n": I18nPipe, "date": i2.DatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4335
4342
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DateRangePickerPanelComponent, decorators: [{
4336
4343
  type: Component,
4337
4344
  args: [{ selector: 'aui-date-range-picker-panel', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -4340,7 +4347,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
4340
4347
  useExisting: forwardRef(() => DateRangePickerPanelComponent),
4341
4348
  multi: true,
4342
4349
  },
4343
- ], template: "<div [class]=\"bem.element('container')\">\n <div [class]=\"bem.element('header')\">\n <aui-calendar-header\n [dateNavRange]=\"leftDateRange\"\n [anchor]=\"leftAnchor\"\n (navRangeChange)=\"calendarRangeChange($event, Side.Left)\"\n (anchorChange)=\"leftAnchor = $event\"\n [maxAvail]=\"maxHeaderAvail\"\n [minAvail]=\"minDate\"\n ></aui-calendar-header>\n <aui-calendar-header\n [dateNavRange]=\"rightDateRange\"\n [anchor]=\"rightAnchor\"\n (navRangeChange)=\"calendarRangeChange($event, Side.Right)\"\n (anchorChange)=\"rightAnchor = $event\"\n [minAvail]=\"minHeaderAvail\"\n [maxAvail]=\"maxDate\"\n ></aui-calendar-header>\n </div>\n <div [class]=\"bem.element('body')\">\n <aui-picker-panel\n class=\"panel__wrapper\"\n [navRange]=\"leftDateRange\"\n [type]=\"DatePickerType.Day\"\n [anchor]=\"leftAnchor\"\n [matchDates]=\"matchValues\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [disabledDate]=\"getDateDisabledFn(Side.Left, rightAnchor)\"\n [weekStartDay]=\"weekStartDay\"\n (hovered)=\"hoverItem($event)\"\n (select)=\"selectPickerPanel($event, Side.Left)\"\n ></aui-picker-panel>\n <aui-picker-panel\n class=\"panel__wrapper\"\n [navRange]=\"rightDateRange\"\n [type]=\"DatePickerType.Day\"\n [anchor]=\"rightAnchor\"\n [weekStartDay]=\"weekStartDay\"\n [matchDates]=\"matchValues\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [disabledDate]=\"getDateDisabledFn(Side.Right, leftAnchor)\"\n (hovered)=\"hoverItem($event)\"\n (select)=\"selectPickerPanel($event, Side.Right)\"\n ></aui-picker-panel>\n </div>\n\n <aui-calendar-footer\n [class]=\"bem.element('footer')\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n (clear)=\"clear.next()\"\n (confirm)=\"confirmValue(rangeValue)\"\n *ngIf=\"showFooter && showTime\"\n >\n <div\n [class]=\"bem.element('footer-content')\"\n *ngIf=\"showTime\"\n >\n <ng-container\n [ngTemplateOutlet]=\"datePlaceholder\"\n [ngTemplateOutletContext]=\"{\n placeholder: 'start_date' | auiI18n,\n value: rangeValue[0]\n }\"\n ></ng-container>\n <aui-time-picker\n [showIcon]=\"false\"\n [(ngModel)]=\"startTime\"\n size=\"small\"\n (ngModelChange)=\"timeChange($event)\"\n [disableHours]=\"leftDisabledTimeFn(rangeValue[0], 'hours')\"\n [disableMinutes]=\"leftDisabledTimeFn(rangeValue[0], 'minutes')\"\n [disableSeconds]=\"leftDisabledTimeFn(rangeValue[0], 'seconds')\"\n [placeholder]=\"'select_time' | auiI18n\"\n tooltipPosition=\"top start\"\n ></aui-time-picker>\n\n <span class=\"placeholder separator\">{{ 'to' | auiI18n }}</span>\n <ng-container\n [ngTemplateOutlet]=\"datePlaceholder\"\n [ngTemplateOutletContext]=\"{\n placeholder: 'end_date' | auiI18n,\n value: rangeValue[1]\n }\"\n ></ng-container>\n <aui-time-picker\n [showIcon]=\"false\"\n size=\"small\"\n [(ngModel)]=\"endTime\"\n [disableHours]=\"rightDisabledTimeFn(rangeValue[1], 'hours')\"\n [disableMinutes]=\"rightDisabledTimeFn(rangeValue[1], 'minutes')\"\n [disableSeconds]=\"rightDisabledTimeFn(rangeValue[1], 'seconds')\"\n (ngModelChange)=\"timeChange($event)\"\n [placeholder]=\"'select_time' | auiI18n\"\n tooltipPosition=\"top start\"\n ></aui-time-picker>\n </div>\n </aui-calendar-footer>\n</div>\n\n<ng-template\n #datePlaceholder\n let-placeholder=\"placeholder\"\n let-value=\"value\"\n>\n <span\n *ngIf=\"!value\"\n class=\"placeholder date-holder\"\n >{{ placeholder }}</span\n >\n <span\n *ngIf=\"value\"\n class=\"date-value date-holder\"\n >{{ value | date: FOOTER_DATE_FORMAT }}</span\n >\n</ng-template>\n", styles: [".aui-date-range-picker-panel__container{display:flex;flex-direction:column;width:524px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-date-range-picker-panel__container .placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-date-range-picker-panel__container .placeholder.separator{margin-inline:12px}.aui-date-range-picker-panel__container .date-value{color:rgb(var(--aui-color-main-text))}.aui-date-range-picker-panel__container .date-holder{display:inline-block;margin-right:8px;width:82px}.aui-date-range-picker-panel__container .panel__wrapper{width:246px;display:flex;justify-content:center}.aui-date-range-picker-panel__header{display:flex;justify-content:space-between}.aui-date-range-picker-panel__header aui-calendar-header{flex:0 0 246px}.aui-date-range-picker-panel__body{display:flex;justify-content:space-between;margin:16px 0}.aui-date-range-picker-panel__footer .aui-time-picker{width:88px}.aui-date-range-picker-panel__footer-content{display:flex;align-items:center;height:100%}\n"] }]
4350
+ ], template: "<div [class]=\"bem.element('container')\">\n <div [class]=\"bem.element('header')\">\n <aui-calendar-header\n [dateNavRange]=\"leftDateRange\"\n [anchor]=\"leftAnchor\"\n (navRangeChange)=\"calendarRangeChange($event, Side.Left)\"\n (anchorChange)=\"leftAnchor = $event\"\n [maxAvail]=\"maxHeaderAvail\"\n [minAvail]=\"minDate\"\n ></aui-calendar-header>\n <aui-calendar-header\n [dateNavRange]=\"rightDateRange\"\n [anchor]=\"rightAnchor\"\n (navRangeChange)=\"calendarRangeChange($event, Side.Right)\"\n (anchorChange)=\"rightAnchor = $event\"\n [minAvail]=\"minHeaderAvail\"\n [maxAvail]=\"maxDate\"\n ></aui-calendar-header>\n </div>\n <div [class]=\"bem.element('body')\">\n <aui-picker-panel\n class=\"panel__wrapper\"\n [navRange]=\"leftDateRange\"\n [type]=\"DatePickerType.Day\"\n [anchor]=\"leftAnchor\"\n [matchDates]=\"matchValues\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [disabledDate]=\"getDateDisabledFn(Side.Left, rightAnchor)\"\n [weekStartDay]=\"weekStartDay\"\n (hovered)=\"hoverItem($event)\"\n (select)=\"selectPickerPanel($event, Side.Left)\"\n ></aui-picker-panel>\n <aui-picker-panel\n class=\"panel__wrapper\"\n [navRange]=\"rightDateRange\"\n [type]=\"DatePickerType.Day\"\n [anchor]=\"rightAnchor\"\n [weekStartDay]=\"weekStartDay\"\n [matchDates]=\"matchValues\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [disabledDate]=\"getDateDisabledFn(Side.Right, leftAnchor)\"\n (hovered)=\"hoverItem($event)\"\n (select)=\"selectPickerPanel($event, Side.Right)\"\n ></aui-picker-panel>\n </div>\n\n <aui-calendar-footer\n [class]=\"bem.element('footer')\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n (clear)=\"clear.next()\"\n (confirm)=\"confirmValue(rangeValue)\"\n *ngIf=\"showFooter && showTime\"\n >\n <div\n [class]=\"bem.element('footer-content')\"\n *ngIf=\"showTime\"\n >\n <ng-container\n [ngTemplateOutlet]=\"datePlaceholder\"\n [ngTemplateOutletContext]=\"{\n placeholder: 'start_date' | auiI18n,\n value: rangeValue[0]\n }\"\n ></ng-container>\n <aui-time-picker\n [showIcon]=\"false\"\n [(ngModel)]=\"startTime\"\n size=\"small\"\n (ngModelChange)=\"timeChange($event)\"\n [disableHours]=\"leftDisabledTimeFn(rangeValue[0], 'hours')\"\n [disableMinutes]=\"leftDisabledTimeFn(rangeValue[0], 'minutes')\"\n [disableSeconds]=\"leftDisabledTimeFn(rangeValue[0], 'seconds')\"\n [placeholder]=\"'select_time' | auiI18n\"\n tooltipPosition=\"top start\"\n ></aui-time-picker>\n\n <span class=\"placeholder separator\">{{ 'to' | auiI18n }}</span>\n <ng-container\n [ngTemplateOutlet]=\"datePlaceholder\"\n [ngTemplateOutletContext]=\"{\n placeholder: 'end_date' | auiI18n,\n value: rangeValue[1]\n }\"\n ></ng-container>\n <aui-time-picker\n [showIcon]=\"false\"\n size=\"small\"\n [(ngModel)]=\"endTime\"\n [disableHours]=\"rightDisabledTimeFn(rangeValue[1], 'hours')\"\n [disableMinutes]=\"rightDisabledTimeFn(rangeValue[1], 'minutes')\"\n [disableSeconds]=\"rightDisabledTimeFn(rangeValue[1], 'seconds')\"\n (ngModelChange)=\"timeChange($event)\"\n [placeholder]=\"'select_time' | auiI18n\"\n tooltipPosition=\"top start\"\n ></aui-time-picker>\n </div>\n </aui-calendar-footer>\n</div>\n\n<ng-template\n #datePlaceholder\n let-placeholder=\"placeholder\"\n let-value=\"value\"\n>\n <span\n *ngIf=\"!value\"\n class=\"placeholder date-holder\"\n >{{ placeholder }}</span\n >\n <span\n *ngIf=\"value\"\n class=\"date-value date-holder\"\n >{{ value | date: FOOTER_DATE_FORMAT }}</span\n >\n</ng-template>\n", styles: [".aui-date-range-picker-panel__container{display:flex;flex-direction:column;width:524px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-range-picker-panel__container .placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-date-range-picker-panel__container .placeholder.separator{margin-inline:12px}.aui-date-range-picker-panel__container .date-value{color:rgb(var(--aui-color-main-text))}.aui-date-range-picker-panel__container .date-holder{display:inline-block;margin-right:8px;width:82px}.aui-date-range-picker-panel__container .panel__wrapper{width:246px;display:flex;justify-content:center}.aui-date-range-picker-panel__header{display:flex;justify-content:space-between}.aui-date-range-picker-panel__header aui-calendar-header{flex:0 0 246px}.aui-date-range-picker-panel__body{display:flex;justify-content:space-between;margin:16px 0}.aui-date-range-picker-panel__footer .aui-time-picker{width:88px}.aui-date-range-picker-panel__footer-content{display:flex;align-items:center;height:100%}\n"] }]
4344
4351
  }], propDecorators: { clearable: [{
4345
4352
  type: Input
4346
4353
  }], clearText: [{
@@ -4585,10 +4592,10 @@ class CheckTagComponent {
4585
4592
  }
4586
4593
  }
4587
4594
  CheckTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: CheckTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4588
- CheckTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: CheckTagComponent, selector: "aui-check-tag", inputs: { checked: "checked", size: "size", round: "round" }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: "<div\n [class]=\"rootClass\"\n (click)=\"checkedChange.emit(!checked)\"\n (mouseenter)=\"hovered = true\"\n (mouseleave)=\"hovered = false\"\n [class.isSolid]=\"checked\"\n>\n <span class=\"aui-tag__content\"><ng-content></ng-content></span>\n</div>\n", styles: [".aui-check-tag{cursor:pointer}.aui-check-tag .aui-tag__content{display:flex;-webkit-user-select:none;user-select:none}.aui-check-tag .aui-tag__checkbox{align-self:center}.aui-check-tag.aui-tag--info{color:rgb(var(--aui-color-n-1))}.aui-check-tag.aui-tag--medium{font-size:var(--aui-font-size-m)}.aui-check-tag.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}aui-check-tag+aui-check-tag .aui-check-tag{margin-left:8px}\n", ".aui-tag{display:inline-flex;align-items:center;border-radius:var(--aui-border-radius-m);border:1px solid transparent;max-width:240px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{padding:0 var(--aui-inline-padding-m);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-tag--large.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-tag--medium{padding:0 var(--aui-inline-padding-s);height:var(--aui-inline-height-s);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-tag--small{padding:0 var(--aui-inline-padding-xs);height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--small.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--mini{padding:0 var(--aui-inline-padding-xs);height:20px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-p-6));background-color:rgb(var(--aui-color-primary))}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-g-6));background-color:rgb(var(--aui-color-green))}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-y-6));background-color:rgb(var(--aui-color-yellow))}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-r-6));background-color:rgb(var(--aui-color-red))}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid.aui-tag--primary{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:#fff}.aui-tag.isSolid.aui-tag--success{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-green));background-color:#fff}.aui-tag.isSolid.aui-tag--warning{color:#fff;background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-yellow));background-color:#fff}.aui-tag.isSolid.aui-tag--error{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-red));background-color:#fff}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:var(--aui-spacing-m)}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4595
+ CheckTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: CheckTagComponent, selector: "aui-check-tag", inputs: { checked: "checked", size: "size", round: "round" }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: "<div\n [class]=\"rootClass\"\n (click)=\"checkedChange.emit(!checked)\"\n (mouseenter)=\"hovered = true\"\n (mouseleave)=\"hovered = false\"\n [class.isSolid]=\"checked\"\n>\n <span class=\"aui-tag__content\"><ng-content></ng-content></span>\n</div>\n", styles: [".aui-check-tag{cursor:pointer}.aui-check-tag .aui-tag__content{display:flex;-webkit-user-select:none;user-select:none}.aui-check-tag .aui-tag__checkbox{align-self:center}.aui-check-tag.aui-tag--info{color:rgb(var(--aui-color-n-1))}.aui-check-tag.aui-tag--medium{font-size:var(--aui-font-size-m)}.aui-check-tag.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}aui-check-tag+aui-check-tag .aui-check-tag{margin-left:8px}\n", ".aui-tag{display:inline-flex;align-items:center;border-radius:var(--aui-border-radius-m);border:1px solid transparent;max-width:240px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{padding:0 var(--aui-inline-padding-m);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-tag--large.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-tag--medium{padding:0 var(--aui-inline-padding-s);height:var(--aui-inline-height-s);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-tag--small{padding:0 var(--aui-inline-padding-xs);height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--small.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--mini{padding:0 var(--aui-inline-padding-xs);height:20px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-p-6));background-color:rgb(var(--aui-color-primary))}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-g-6));background-color:rgb(var(--aui-color-green))}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-y-6));background-color:rgb(var(--aui-color-yellow))}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-r-6));background-color:rgb(var(--aui-color-red))}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid.aui-tag--primary{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:#fff}.aui-tag.isSolid.aui-tag--success{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-green));background-color:#fff}.aui-tag.isSolid.aui-tag--warning{color:#fff;background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-yellow));background-color:#fff}.aui-tag.isSolid.aui-tag--error{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-red));background-color:#fff}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:var(--aui-spacing-m)}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4589
4596
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: CheckTagComponent, decorators: [{
4590
4597
  type: Component,
4591
- args: [{ selector: 'aui-check-tag', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [class]=\"rootClass\"\n (click)=\"checkedChange.emit(!checked)\"\n (mouseenter)=\"hovered = true\"\n (mouseleave)=\"hovered = false\"\n [class.isSolid]=\"checked\"\n>\n <span class=\"aui-tag__content\"><ng-content></ng-content></span>\n</div>\n", styles: [".aui-check-tag{cursor:pointer}.aui-check-tag .aui-tag__content{display:flex;-webkit-user-select:none;user-select:none}.aui-check-tag .aui-tag__checkbox{align-self:center}.aui-check-tag.aui-tag--info{color:rgb(var(--aui-color-n-1))}.aui-check-tag.aui-tag--medium{font-size:var(--aui-font-size-m)}.aui-check-tag.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}aui-check-tag+aui-check-tag .aui-check-tag{margin-left:8px}\n", ".aui-tag{display:inline-flex;align-items:center;border-radius:var(--aui-border-radius-m);border:1px solid transparent;max-width:240px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{padding:0 var(--aui-inline-padding-m);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-tag--large.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-tag--medium{padding:0 var(--aui-inline-padding-s);height:var(--aui-inline-height-s);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-tag--small{padding:0 var(--aui-inline-padding-xs);height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--small.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--mini{padding:0 var(--aui-inline-padding-xs);height:20px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-p-6));background-color:rgb(var(--aui-color-primary))}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-g-6));background-color:rgb(var(--aui-color-green))}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-y-6));background-color:rgb(var(--aui-color-yellow))}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-r-6));background-color:rgb(var(--aui-color-red))}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid.aui-tag--primary{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:#fff}.aui-tag.isSolid.aui-tag--success{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-green));background-color:#fff}.aui-tag.isSolid.aui-tag--warning{color:#fff;background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-yellow));background-color:#fff}.aui-tag.isSolid.aui-tag--error{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-red));background-color:#fff}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:var(--aui-spacing-m)}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}\n"] }]
4598
+ args: [{ selector: 'aui-check-tag', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [class]=\"rootClass\"\n (click)=\"checkedChange.emit(!checked)\"\n (mouseenter)=\"hovered = true\"\n (mouseleave)=\"hovered = false\"\n [class.isSolid]=\"checked\"\n>\n <span class=\"aui-tag__content\"><ng-content></ng-content></span>\n</div>\n", styles: [".aui-check-tag{cursor:pointer}.aui-check-tag .aui-tag__content{display:flex;-webkit-user-select:none;user-select:none}.aui-check-tag .aui-tag__checkbox{align-self:center}.aui-check-tag.aui-tag--info{color:rgb(var(--aui-color-n-1))}.aui-check-tag.aui-tag--medium{font-size:var(--aui-font-size-m)}.aui-check-tag.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}aui-check-tag+aui-check-tag .aui-check-tag{margin-left:8px}\n", ".aui-tag{display:inline-flex;align-items:center;border-radius:var(--aui-border-radius-m);border:1px solid transparent;max-width:240px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{padding:0 var(--aui-inline-padding-m);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-tag--large.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-tag--medium{padding:0 var(--aui-inline-padding-s);height:var(--aui-inline-height-s);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-tag--small{padding:0 var(--aui-inline-padding-xs);height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--small.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--mini{padding:0 var(--aui-inline-padding-xs);height:20px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-p-6));background-color:rgb(var(--aui-color-primary))}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-g-6));background-color:rgb(var(--aui-color-green))}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-y-6));background-color:rgb(var(--aui-color-yellow))}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-r-6));background-color:rgb(var(--aui-color-red))}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid.aui-tag--primary{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:#fff}.aui-tag.isSolid.aui-tag--success{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-green));background-color:#fff}.aui-tag.isSolid.aui-tag--warning{color:#fff;background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-yellow));background-color:#fff}.aui-tag.isSolid.aui-tag--error{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-red));background-color:#fff}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:var(--aui-spacing-m)}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}\n"] }]
4592
4599
  }], propDecorators: { checked: [{
4593
4600
  type: Input
4594
4601
  }], size: [{
@@ -4632,10 +4639,10 @@ class TagComponent {
4632
4639
  }
4633
4640
  }
4634
4641
  TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4635
- TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: TagComponent, selector: "aui-tag", inputs: { type: "type", size: "size", closeable: "closeable", border: "border", solid: "solid", invalid: "invalid", round: "round", color: "color", allowClick: "allowClick" }, outputs: { close: "close" }, ngImport: i0, template: "<div\n [class]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <span class=\"aui-tag__content\"><ng-content></ng-content></span>\n <aui-icon\n *ngIf=\"closeable\"\n class=\"aui-tag__close\"\n icon=\"xmark_small\"\n (click)=\"close.emit(); $event.stopPropagation()\"\n ></aui-icon>\n</div>\n", styles: [".aui-tag{display:inline-flex;align-items:center;border-radius:var(--aui-border-radius-m);border:1px solid transparent;max-width:240px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{padding:0 var(--aui-inline-padding-m);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-tag--large.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-tag--medium{padding:0 var(--aui-inline-padding-s);height:var(--aui-inline-height-s);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-tag--small{padding:0 var(--aui-inline-padding-xs);height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--small.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--mini{padding:0 var(--aui-inline-padding-xs);height:20px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-p-6));background-color:rgb(var(--aui-color-primary))}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-g-6));background-color:rgb(var(--aui-color-green))}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-y-6));background-color:rgb(var(--aui-color-yellow))}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-r-6));background-color:rgb(var(--aui-color-red))}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid.aui-tag--primary{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:#fff}.aui-tag.isSolid.aui-tag--success{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-green));background-color:#fff}.aui-tag.isSolid.aui-tag--warning{color:#fff;background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-yellow));background-color:#fff}.aui-tag.isSolid.aui-tag--error{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-red));background-color:#fff}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:var(--aui-spacing-m)}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4642
+ TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: TagComponent, selector: "aui-tag", inputs: { type: "type", size: "size", closeable: "closeable", border: "border", solid: "solid", invalid: "invalid", round: "round", color: "color", allowClick: "allowClick" }, outputs: { close: "close" }, ngImport: i0, template: "<div\n [class]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <span class=\"aui-tag__content\"><ng-content></ng-content></span>\n <aui-icon\n *ngIf=\"closeable\"\n class=\"aui-tag__close\"\n icon=\"xmark_small\"\n (click)=\"close.emit(); $event.stopPropagation()\"\n ></aui-icon>\n</div>\n", styles: [".aui-tag{display:inline-flex;align-items:center;border-radius:var(--aui-border-radius-m);border:1px solid transparent;max-width:240px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{padding:0 var(--aui-inline-padding-m);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-tag--large.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-tag--medium{padding:0 var(--aui-inline-padding-s);height:var(--aui-inline-height-s);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-tag--small{padding:0 var(--aui-inline-padding-xs);height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--small.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--mini{padding:0 var(--aui-inline-padding-xs);height:20px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-p-6));background-color:rgb(var(--aui-color-primary))}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-g-6));background-color:rgb(var(--aui-color-green))}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-y-6));background-color:rgb(var(--aui-color-yellow))}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-r-6));background-color:rgb(var(--aui-color-red))}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid.aui-tag--primary{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:#fff}.aui-tag.isSolid.aui-tag--success{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-green));background-color:#fff}.aui-tag.isSolid.aui-tag--warning{color:#fff;background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-yellow));background-color:#fff}.aui-tag.isSolid.aui-tag--error{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-red));background-color:#fff}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:var(--aui-spacing-m)}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4636
4643
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TagComponent, decorators: [{
4637
4644
  type: Component,
4638
- args: [{ selector: 'aui-tag', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [class]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <span class=\"aui-tag__content\"><ng-content></ng-content></span>\n <aui-icon\n *ngIf=\"closeable\"\n class=\"aui-tag__close\"\n icon=\"xmark_small\"\n (click)=\"close.emit(); $event.stopPropagation()\"\n ></aui-icon>\n</div>\n", styles: [".aui-tag{display:inline-flex;align-items:center;border-radius:var(--aui-border-radius-m);border:1px solid transparent;max-width:240px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{padding:0 var(--aui-inline-padding-m);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-tag--large.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-tag--medium{padding:0 var(--aui-inline-padding-s);height:var(--aui-inline-height-s);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-tag--small{padding:0 var(--aui-inline-padding-xs);height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--small.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--mini{padding:0 var(--aui-inline-padding-xs);height:20px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-p-6));background-color:rgb(var(--aui-color-primary))}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-g-6));background-color:rgb(var(--aui-color-green))}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-y-6));background-color:rgb(var(--aui-color-yellow))}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-r-6));background-color:rgb(var(--aui-color-red))}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid.aui-tag--primary{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:#fff}.aui-tag.isSolid.aui-tag--success{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-green));background-color:#fff}.aui-tag.isSolid.aui-tag--warning{color:#fff;background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-yellow));background-color:#fff}.aui-tag.isSolid.aui-tag--error{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-red));background-color:#fff}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:var(--aui-spacing-m)}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}\n"] }]
4645
+ args: [{ selector: 'aui-tag', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [class]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <span class=\"aui-tag__content\"><ng-content></ng-content></span>\n <aui-icon\n *ngIf=\"closeable\"\n class=\"aui-tag__close\"\n icon=\"xmark_small\"\n (click)=\"close.emit(); $event.stopPropagation()\"\n ></aui-icon>\n</div>\n", styles: [".aui-tag{display:inline-flex;align-items:center;border-radius:var(--aui-border-radius-m);border:1px solid transparent;max-width:240px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{padding:0 var(--aui-inline-padding-m);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-tag--large.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-tag--medium{padding:0 var(--aui-inline-padding-s);height:var(--aui-inline-height-s);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-tag--small{padding:0 var(--aui-inline-padding-xs);height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--small.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--mini{padding:0 var(--aui-inline-padding-xs);height:20px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-p-6));background-color:rgb(var(--aui-color-primary))}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-g-6));background-color:rgb(var(--aui-color-green))}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-y-6));background-color:rgb(var(--aui-color-yellow))}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-r-6));background-color:rgb(var(--aui-color-red))}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid.aui-tag--primary{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:#fff}.aui-tag.isSolid.aui-tag--success{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-green));background-color:#fff}.aui-tag.isSolid.aui-tag--warning{color:#fff;background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-yellow));background-color:#fff}.aui-tag.isSolid.aui-tag--error{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-red));background-color:#fff}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:var(--aui-spacing-m)}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}\n"] }]
4639
4646
  }], propDecorators: { type: [{
4640
4647
  type: Input
4641
4648
  }], size: [{
@@ -4730,7 +4737,7 @@ NumberInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
4730
4737
  useExisting: forwardRef(() => NumberInputComponent),
4731
4738
  multi: true,
4732
4739
  },
4733
- ], queries: [{ propertyName: "addonBeforeRefs", predicate: InputAddonBeforeDirective }, { propertyName: "addonAfterRefs", predicate: InputAddonAfterDirective }], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocused: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async\n }\"\n>\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div\n [class]=\"bem.element('inner')\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n type=\"button\"\n [ngClass]=\"bem.element('control', 'decrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event).target.value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n />\n <button\n *ngIf=\"controls && !angleControls\"\n type=\"button\"\n [ngClass]=\"bem.element('control', 'increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div\n *ngIf=\"controls && angleControls\"\n class=\"aui-number-input__controls\"\n >\n <button\n type=\"button\"\n [ngClass]=\"bem.element('control', 'angle-up')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <button\n type=\"button\"\n [ngClass]=\"bem.element('control', 'angle-down')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n </div>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n</div>\n", styles: [".aui-number-input{display:inline-flex;height:var(--aui-inline-height-m);color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));border-radius:var(--aui-border-radius-m)}.aui-number-input--small{height:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__inner{width:132px}.aui-number-input--small .aui-number-input__control{width:var(--aui-inline-height-s);height:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__control--angle-up,.aui-number-input--small .aui-number-input__control--angle-down{width:calc(var(--aui-inline-height-s) - 2px)}.aui-number-input__inner{display:flex;width:var(--aui-form-item-width-s);height:100%;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);color:inherit;background-color:inherit;z-index:1}.aui-number-input__inner:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input__input{margin:0;padding:0 var(--aui-spacing-m);min-width:0;height:100%;border:0;border-radius:inherit;background-color:inherit;color:inherit;cursor:inherit;outline:none}.aui-number-input:hover:not(.isDisabled) .aui-number-input__inner .aui-number-input__controls{display:flex}.aui-number-input.isFocused .aui-number-input__inner{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8));cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__inner{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.hasBefore .aui-number-input__inner{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter .aui-number-input__inner{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBefore.hasAfter .aui-number-input__inner{border-radius:0}.aui-number-input:not(.hasAfter) .aui-number-input__control--angle-up{border-top-right-radius:var(--aui-border-radius-m)}.aui-number-input:not(.hasAfter) .aui-number-input__control--angle-down{border-bottom-right-radius:var(--aui-border-radius-m)}.aui-number-input__control{flex-shrink:0;width:var(--aui-inline-height-m);height:var(--aui-inline-height-m);border:1px solid transparent;color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));background-clip:padding-box;font-size:var(--aui-font-size-s);cursor:pointer;outline:none;position:relative}.aui-number-input__control:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-number-input__control:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-5))}:root .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input__control[disabled]{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8));cursor:not-allowed}.aui-number-input__control:before{content:\"\";display:block;position:absolute;top:0;left:-1px;width:1px;height:100%;background-color:rgb(var(--aui-color-border))}.aui-number-input__control--decrease{margin:-1px 0 0 -1px;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__control--decrease:before{left:100%}.aui-number-input__control--increase{margin:-1px -1px 0 0;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input__control--angle-up,.aui-number-input__control--angle-down{width:calc(var(--aui-inline-height-m) - 2px);height:calc(50% - .5px)!important;border:none}.aui-number-input__control--angle-up:focus,.aui-number-input__control--angle-down:focus{z-index:1}.aui-number-input__control--angle-down{margin-top:1px}.aui-number-input__controls{display:none;flex-direction:column;border-left:1px solid rgb(var(--aui-color-border));position:relative}.aui-number-input__controls:after{content:\"\";display:block;width:100%;height:1px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:rgb(var(--aui-color-border))}.aui-number-input__addon{display:flex;align-items:center;flex-shrink:0;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-number-input__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}aui-number-input.ng-invalid.ng-dirty,.ng-submitted aui-number-input.ng-invalid{border-color:rgb(var(--aui-color-red))}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: ClickOutsideDirective, selector: "[auiClickOutside]", outputs: ["auiClickOutside"], exportAs: ["auiClickOutside"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4740
+ ], queries: [{ propertyName: "addonBeforeRefs", predicate: InputAddonBeforeDirective }, { propertyName: "addonAfterRefs", predicate: InputAddonAfterDirective }], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocused: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async\n }\"\n>\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div\n [class]=\"bem.element('inner')\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n type=\"button\"\n [ngClass]=\"bem.element('control', 'decrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event).target.value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n />\n <button\n *ngIf=\"controls && !angleControls\"\n type=\"button\"\n [ngClass]=\"bem.element('control', 'increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div\n *ngIf=\"controls && angleControls\"\n class=\"aui-number-input__controls\"\n >\n <button\n type=\"button\"\n [ngClass]=\"bem.element('control', 'angle-up')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <button\n type=\"button\"\n [ngClass]=\"bem.element('control', 'angle-down')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n </div>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n</div>\n", styles: [".aui-number-input{display:inline-flex;height:var(--aui-inline-height-m);color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));border-radius:var(--aui-border-radius-m)}.aui-number-input--small{height:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__inner{width:132px}.aui-number-input--small .aui-number-input__control{width:var(--aui-inline-height-s);height:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__control--angle-up,.aui-number-input--small .aui-number-input__control--angle-down{width:calc(var(--aui-inline-height-s) - 2px)}.aui-number-input__inner{display:flex;width:var(--aui-form-item-width-s);height:100%;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);color:inherit;background-color:inherit;z-index:1}.aui-number-input__inner:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input__input{margin:0;padding:0 calc(var(--aui-spacing-m) + 1px);min-width:0;height:100%;border:0;border-radius:inherit;background-color:inherit;color:inherit;-webkit-text-fill-color:inherit;cursor:inherit;outline:none}.aui-number-input:hover:not(.isDisabled) .aui-number-input__inner .aui-number-input__controls{display:flex}.aui-number-input.isFocused .aui-number-input__inner{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8));cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__inner{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.hasBefore .aui-number-input__inner{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter .aui-number-input__inner{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBefore.hasAfter .aui-number-input__inner{border-radius:0}.aui-number-input:not(.hasAfter) .aui-number-input__control--angle-up{border-top-right-radius:var(--aui-border-radius-m)}.aui-number-input:not(.hasAfter) .aui-number-input__control--angle-down{border-bottom-right-radius:var(--aui-border-radius-m)}.aui-number-input__control{flex-shrink:0;width:calc(var(--aui-inline-height-m) - 2px);border:none;color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));background-clip:padding-box;cursor:pointer;outline:none;position:relative;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-number-input__control:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-number-input__control:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-5))}:root .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input__control[disabled]{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8));cursor:not-allowed}.aui-number-input__control:before{content:\"\";display:block;position:absolute;top:0;left:-1px;width:0;height:100%;border-right:1px solid rgb(var(--aui-color-border))}.aui-number-input__control--decrease{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__control--decrease:before{left:100%}.aui-number-input__control--increase{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input__control--angle-up,.aui-number-input__control--angle-down{width:calc(var(--aui-inline-height-m) - 2px);height:calc(50% - .5px)!important;border:none}.aui-number-input__control--angle-up:focus,.aui-number-input__control--angle-down:focus{z-index:1}.aui-number-input__control--angle-down{margin-top:1px}.aui-number-input__controls{display:none;flex-direction:column;border-left:1px solid rgb(var(--aui-color-border));position:relative}.aui-number-input__controls:after{content:\"\";display:block;width:100%;height:1px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:rgb(var(--aui-color-border))}.aui-number-input__addon{display:flex;align-items:center;flex-shrink:0;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-number-input__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}aui-number-input.ng-invalid.ng-dirty .aui-number-input__inner,.ng-submitted aui-number-input.ng-invalid .aui-number-input__inner{border-color:rgb(var(--aui-color-red))}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: ClickOutsideDirective, selector: "[auiClickOutside]", outputs: ["auiClickOutside"], exportAs: ["auiClickOutside"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4734
4741
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: NumberInputComponent, decorators: [{
4735
4742
  type: Component,
4736
4743
  args: [{ selector: 'aui-number-input', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
@@ -4739,7 +4746,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
4739
4746
  useExisting: forwardRef(() => NumberInputComponent),
4740
4747
  multi: true,
4741
4748
  },
4742
- ], template: "<div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocused: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async\n }\"\n>\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div\n [class]=\"bem.element('inner')\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n type=\"button\"\n [ngClass]=\"bem.element('control', 'decrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event).target.value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n />\n <button\n *ngIf=\"controls && !angleControls\"\n type=\"button\"\n [ngClass]=\"bem.element('control', 'increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div\n *ngIf=\"controls && angleControls\"\n class=\"aui-number-input__controls\"\n >\n <button\n type=\"button\"\n [ngClass]=\"bem.element('control', 'angle-up')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <button\n type=\"button\"\n [ngClass]=\"bem.element('control', 'angle-down')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n </div>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n</div>\n", styles: [".aui-number-input{display:inline-flex;height:var(--aui-inline-height-m);color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));border-radius:var(--aui-border-radius-m)}.aui-number-input--small{height:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__inner{width:132px}.aui-number-input--small .aui-number-input__control{width:var(--aui-inline-height-s);height:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__control--angle-up,.aui-number-input--small .aui-number-input__control--angle-down{width:calc(var(--aui-inline-height-s) - 2px)}.aui-number-input__inner{display:flex;width:var(--aui-form-item-width-s);height:100%;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);color:inherit;background-color:inherit;z-index:1}.aui-number-input__inner:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input__input{margin:0;padding:0 var(--aui-spacing-m);min-width:0;height:100%;border:0;border-radius:inherit;background-color:inherit;color:inherit;cursor:inherit;outline:none}.aui-number-input:hover:not(.isDisabled) .aui-number-input__inner .aui-number-input__controls{display:flex}.aui-number-input.isFocused .aui-number-input__inner{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8));cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__inner{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.hasBefore .aui-number-input__inner{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter .aui-number-input__inner{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBefore.hasAfter .aui-number-input__inner{border-radius:0}.aui-number-input:not(.hasAfter) .aui-number-input__control--angle-up{border-top-right-radius:var(--aui-border-radius-m)}.aui-number-input:not(.hasAfter) .aui-number-input__control--angle-down{border-bottom-right-radius:var(--aui-border-radius-m)}.aui-number-input__control{flex-shrink:0;width:var(--aui-inline-height-m);height:var(--aui-inline-height-m);border:1px solid transparent;color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));background-clip:padding-box;font-size:var(--aui-font-size-s);cursor:pointer;outline:none;position:relative}.aui-number-input__control:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-number-input__control:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-5))}:root .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input__control[disabled]{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8));cursor:not-allowed}.aui-number-input__control:before{content:\"\";display:block;position:absolute;top:0;left:-1px;width:1px;height:100%;background-color:rgb(var(--aui-color-border))}.aui-number-input__control--decrease{margin:-1px 0 0 -1px;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__control--decrease:before{left:100%}.aui-number-input__control--increase{margin:-1px -1px 0 0;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input__control--angle-up,.aui-number-input__control--angle-down{width:calc(var(--aui-inline-height-m) - 2px);height:calc(50% - .5px)!important;border:none}.aui-number-input__control--angle-up:focus,.aui-number-input__control--angle-down:focus{z-index:1}.aui-number-input__control--angle-down{margin-top:1px}.aui-number-input__controls{display:none;flex-direction:column;border-left:1px solid rgb(var(--aui-color-border));position:relative}.aui-number-input__controls:after{content:\"\";display:block;width:100%;height:1px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:rgb(var(--aui-color-border))}.aui-number-input__addon{display:flex;align-items:center;flex-shrink:0;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-number-input__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}aui-number-input.ng-invalid.ng-dirty,.ng-submitted aui-number-input.ng-invalid{border-color:rgb(var(--aui-color-red))}\n"] }]
4749
+ ], template: "<div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocused: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async\n }\"\n>\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div\n [class]=\"bem.element('inner')\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n type=\"button\"\n [ngClass]=\"bem.element('control', 'decrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event).target.value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n />\n <button\n *ngIf=\"controls && !angleControls\"\n type=\"button\"\n [ngClass]=\"bem.element('control', 'increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div\n *ngIf=\"controls && angleControls\"\n class=\"aui-number-input__controls\"\n >\n <button\n type=\"button\"\n [ngClass]=\"bem.element('control', 'angle-up')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <button\n type=\"button\"\n [ngClass]=\"bem.element('control', 'angle-down')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n </div>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n</div>\n", styles: [".aui-number-input{display:inline-flex;height:var(--aui-inline-height-m);color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));border-radius:var(--aui-border-radius-m)}.aui-number-input--small{height:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__inner{width:132px}.aui-number-input--small .aui-number-input__control{width:var(--aui-inline-height-s);height:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__control--angle-up,.aui-number-input--small .aui-number-input__control--angle-down{width:calc(var(--aui-inline-height-s) - 2px)}.aui-number-input__inner{display:flex;width:var(--aui-form-item-width-s);height:100%;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);color:inherit;background-color:inherit;z-index:1}.aui-number-input__inner:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input__input{margin:0;padding:0 calc(var(--aui-spacing-m) + 1px);min-width:0;height:100%;border:0;border-radius:inherit;background-color:inherit;color:inherit;-webkit-text-fill-color:inherit;cursor:inherit;outline:none}.aui-number-input:hover:not(.isDisabled) .aui-number-input__inner .aui-number-input__controls{display:flex}.aui-number-input.isFocused .aui-number-input__inner{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8));cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__inner{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.hasBefore .aui-number-input__inner{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter .aui-number-input__inner{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBefore.hasAfter .aui-number-input__inner{border-radius:0}.aui-number-input:not(.hasAfter) .aui-number-input__control--angle-up{border-top-right-radius:var(--aui-border-radius-m)}.aui-number-input:not(.hasAfter) .aui-number-input__control--angle-down{border-bottom-right-radius:var(--aui-border-radius-m)}.aui-number-input__control{flex-shrink:0;width:calc(var(--aui-inline-height-m) - 2px);border:none;color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));background-clip:padding-box;cursor:pointer;outline:none;position:relative;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-number-input__control:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-number-input__control:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-5))}:root .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input__control[disabled]{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8));cursor:not-allowed}.aui-number-input__control:before{content:\"\";display:block;position:absolute;top:0;left:-1px;width:0;height:100%;border-right:1px solid rgb(var(--aui-color-border))}.aui-number-input__control--decrease{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__control--decrease:before{left:100%}.aui-number-input__control--increase{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input__control--angle-up,.aui-number-input__control--angle-down{width:calc(var(--aui-inline-height-m) - 2px);height:calc(50% - .5px)!important;border:none}.aui-number-input__control--angle-up:focus,.aui-number-input__control--angle-down:focus{z-index:1}.aui-number-input__control--angle-down{margin-top:1px}.aui-number-input__controls{display:none;flex-direction:column;border-left:1px solid rgb(var(--aui-color-border));position:relative}.aui-number-input__controls:after{content:\"\";display:block;width:100%;height:1px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:rgb(var(--aui-color-border))}.aui-number-input__addon{display:flex;align-items:center;flex-shrink:0;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-number-input__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}aui-number-input.ng-invalid.ng-dirty .aui-number-input__inner,.ng-submitted aui-number-input.ng-invalid .aui-number-input__inner{border-color:rgb(var(--aui-color-red))}\n"] }]
4743
4750
  }], propDecorators: { size: [{
4744
4751
  type: Input
4745
4752
  }], min: [{
@@ -5096,7 +5103,7 @@ TagsInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
5096
5103
  useExisting: forwardRef(() => TagsInputComponent),
5097
5104
  multi: true,
5098
5105
  },
5099
- ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, static: true }, { propertyName: "inputValueMirror", first: true, predicate: ["inputValueMirror"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n [class]=\"rootClass\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"inputRef.focus()\"\n [style.max-height]=\"maxHeight\"\n>\n <span\n [hidden]=\"model.length || inputRef.value.length\"\n [class]=\"bem.element('placeholder')\"\n >\n {{ placeholder }}\n </span>\n <aui-tag\n *ngFor=\"let tag of model; let index = index; trackBy: trackByValue\"\n type=\"info\"\n [title]=\"tag\"\n [size]=\"tagSize\"\n [round]=\"true\"\n [border]=\"true\"\n [closeable]=\"!(disabled || readonlyTags.includes(tag))\"\n (close)=\"onRemove(index)\"\n >\n {{ tag }}\n </aui-tag>\n <input\n #inputRef\n [class]=\"inputClass\"\n [disabled]=\"disabled\"\n autocomplete=\"off\"\n (focus)=\"onInputFocus()\"\n (blur)=\"onInputBlur($event)\"\n (keydown)=\"onKeyDown($event)\"\n (input)=\"onInput()\"\n />\n <span\n #inputValueMirror\n [class]=\"bem.element('mirror')\"\n >{{ inputRef.value }}</span\n >\n</div>\n", styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;text-overflow:ellipsis}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.aui-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus,:root .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-input:focus,html[aui-theme-mode=light] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input:focus,html[aui-theme-mode=system] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-input:focus,html[aui-theme-mode=dark] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;cursor:default}.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}:root .aui-input.ng-invalid.ng-dirty:focus,:root .aui-input.ng-invalid.ng-dirty.isFocused,:root .ng-submitted .aui-input.ng-invalid:focus,:root .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n", ".aui-tag{display:inline-flex;align-items:center;border-radius:var(--aui-border-radius-m);border:1px solid transparent;max-width:240px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{padding:0 var(--aui-inline-padding-m);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-tag--large.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-tag--medium{padding:0 var(--aui-inline-padding-s);height:var(--aui-inline-height-s);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-tag--small{padding:0 var(--aui-inline-padding-xs);height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--small.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--mini{padding:0 var(--aui-inline-padding-xs);height:20px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-p-6));background-color:rgb(var(--aui-color-primary))}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-g-6));background-color:rgb(var(--aui-color-green))}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-y-6));background-color:rgb(var(--aui-color-yellow))}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-r-6));background-color:rgb(var(--aui-color-red))}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid.aui-tag--primary{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:#fff}.aui-tag.isSolid.aui-tag--success{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-green));background-color:#fff}.aui-tag.isSolid.aui-tag--warning{color:#fff;background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-yellow));background-color:#fff}.aui-tag.isSolid.aui-tag--error{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-red));background-color:#fff}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:var(--aui-spacing-m)}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}\n", ".aui-tags-input{display:inline-block;position:relative;width:100%;color:rgb(var(--aui-color-main-text));vertical-align:middle}.aui-tags-input:hover{cursor:text}.aui-tags-input .aui-tag{max-width:100%}.aui-tags-input.isDisabled{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7));cursor:not-allowed}.aui-tags-input.isDisabled .aui-tag{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8))}.aui-tags-input__placeholder{display:inline-block;width:100%;color:rgb(var(--aui-color-placeholder-text));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;right:0;left:0;padding-left:inherit;padding-right:inherit;margin-left:1px}.aui-tags-input__placeholder[hidden]{display:none}.aui-tags-input__mirror{opacity:0;left:0;z-index:-99;position:absolute;padding-left:1px}.aui-tags-input--large{min-height:var(--aui-inline-height-l);padding:calc((var(--aui-inline-height-l) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-tags-input--large .aui-tag{margin:0 4px calc((var(--aui-inline-height-l) - 20px) / 2 - 1px) 0}.aui-tags-input--medium{min-height:var(--aui-inline-height-m);padding:calc((var(--aui-inline-height-m) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-tags-input--medium .aui-tag{margin:0 4px calc((var(--aui-inline-height-m) - 20px) / 2 - 1px) 0}.aui-tags-input--small{min-height:var(--aui-inline-height-s);padding:calc((var(--aui-inline-height-s) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tags-input--small .aui-tag{margin:0 4px calc((var(--aui-inline-height-s) - 20px) / 2 - 1px) 0}.aui-tags-input--mini{min-height:var(--aui-inline-height-xs);padding:calc((var(--aui-inline-height-xs) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tags-input--mini .aui-tag{margin:0 4px calc((var(--aui-inline-height-xs) - 20px) / 2 - 1px) 0}.aui-tags-input__suffix{position:absolute;top:50%;right:var(--aui-inline-padding-xs);transform:translateY(-50%)}.aui-tags-input .aui-tag.aui-tags-input__input{margin-right:0;padding:0;width:1em;max-width:100%;border:none;outline:none;background:none;color:rgb(var(--aui-color-main-text));font-family:inherit;font-size:inherit}.aui-tags-input .aui-tag.aui-tags-input__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}aui-tags-input.ng-invalid.ng-dirty .aui-input,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input,.ng-submitted aui-tags-input.ng-invalid .aui-input,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input{border-color:rgb(var(--aui-color-red))!important}:root aui-tags-input.ng-invalid.ng-dirty .aui-input:focus,:root aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,:root aui-tags-input.ng-invalid.ng-dirty .aui-tags-input:focus,:root aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused,:root .ng-submitted aui-tags-input.ng-invalid .aui-input:focus,:root .ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,:root .ng-submitted aui-tags-input.ng-invalid .aui-tags-input:focus,:root .ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-tags-input.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=light] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-tags-input.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=light] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-tags-input.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=system] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-tags-input.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=system] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-tags-input.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=dark] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-tags-input.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}aui-tags-input.ng-invalid.ng-dirty .aui-input .aui-tags-input__input,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input .aui-tags-input__input,.ng-submitted aui-tags-input.ng-invalid .aui-input .aui-tags-input__input,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input .aui-tags-input__input{color:rgb(var(--aui-color-red))}.aui-tags-input.withHeightLimit{overflow:auto;position:static}.aui-tags-input.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-tags-input.withHeightLimit::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-tags-input.withHeightLimit::-webkit-scrollbar-corner{background-color:transparent}\n"], components: [{ type: TagComponent, selector: "aui-tag", inputs: ["type", "size", "closeable", "border", "solid", "invalid", "round", "color", "allowClick"], outputs: ["close"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
5106
+ ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, static: true }, { propertyName: "inputValueMirror", first: true, predicate: ["inputValueMirror"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n [class]=\"rootClass\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"inputRef.focus()\"\n [style.max-height]=\"maxHeight\"\n>\n <span\n [hidden]=\"model.length || inputRef.value.length\"\n [class]=\"bem.element('placeholder')\"\n >\n {{ placeholder }}\n </span>\n <aui-tag\n *ngFor=\"let tag of model; let index = index; trackBy: trackByValue\"\n type=\"info\"\n [title]=\"tag\"\n [size]=\"tagSize\"\n [round]=\"true\"\n [border]=\"true\"\n [closeable]=\"!(disabled || readonlyTags.includes(tag))\"\n (close)=\"onRemove(index)\"\n >\n {{ tag }}\n </aui-tag>\n <input\n #inputRef\n [class]=\"inputClass\"\n [disabled]=\"disabled\"\n autocomplete=\"off\"\n (focus)=\"onInputFocus()\"\n (blur)=\"onInputBlur($event)\"\n (keydown)=\"onKeyDown($event)\"\n (input)=\"onInput()\"\n />\n <span\n #inputValueMirror\n [class]=\"bem.element('mirror')\"\n >{{ inputRef.value }}</span\n >\n</div>\n", styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;text-overflow:ellipsis;font-weight:var(--aui-font-weight-normal)}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.aui-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus,:root .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-input:focus,html[aui-theme-mode=light] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input:focus,html[aui-theme-mode=system] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-input:focus,html[aui-theme-mode=dark] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;cursor:default}.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));-webkit-text-fill-color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}:root .aui-input.ng-invalid.ng-dirty:focus,:root .aui-input.ng-invalid.ng-dirty.isFocused,:root .ng-submitted .aui-input.ng-invalid:focus,:root .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n", ".aui-tag{display:inline-flex;align-items:center;border-radius:var(--aui-border-radius-m);border:1px solid transparent;max-width:240px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{padding:0 var(--aui-inline-padding-m);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-tag--large.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-tag--medium{padding:0 var(--aui-inline-padding-s);height:var(--aui-inline-height-s);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-tag--small{padding:0 var(--aui-inline-padding-xs);height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--small.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--mini{padding:0 var(--aui-inline-padding-xs);height:20px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-p-6));background-color:rgb(var(--aui-color-primary))}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-g-6));background-color:rgb(var(--aui-color-green))}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-y-6));background-color:rgb(var(--aui-color-yellow))}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-r-6));background-color:rgb(var(--aui-color-red))}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid.aui-tag--primary{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:#fff}.aui-tag.isSolid.aui-tag--success{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-green));background-color:#fff}.aui-tag.isSolid.aui-tag--warning{color:#fff;background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-yellow));background-color:#fff}.aui-tag.isSolid.aui-tag--error{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-red));background-color:#fff}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:var(--aui-spacing-m)}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}\n", ".aui-tags-input{display:inline-block;position:relative;width:100%;color:rgb(var(--aui-color-main-text));vertical-align:middle}.aui-tags-input:hover{cursor:text}.aui-tags-input .aui-tag{max-width:100%}.aui-tags-input.isDisabled{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7));cursor:not-allowed}.aui-tags-input.isDisabled .aui-tag{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8))}.aui-tags-input__placeholder{display:inline-block;width:100%;color:rgb(var(--aui-color-placeholder-text));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;right:0;left:0;padding-left:inherit;padding-right:inherit;margin-left:1px}.aui-tags-input__placeholder[hidden]{display:none}.aui-tags-input__mirror{opacity:0;left:0;z-index:-99;position:absolute;padding-left:1px}.aui-tags-input--large{min-height:var(--aui-inline-height-l);padding:calc((var(--aui-inline-height-l) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);font-weight:var(--aui-font-weight-normal)}.aui-tags-input--large .aui-tag{margin:0 4px calc((var(--aui-inline-height-l) - 20px) / 2 - 1px) 0}.aui-tags-input--medium{min-height:var(--aui-inline-height-m);padding:calc((var(--aui-inline-height-m) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-tags-input--medium .aui-tag{margin:0 4px calc((var(--aui-inline-height-m) - 20px) / 2 - 1px) 0}.aui-tags-input--small{min-height:var(--aui-inline-height-s);padding:calc((var(--aui-inline-height-s) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tags-input--small .aui-tag{margin:0 4px calc((var(--aui-inline-height-s) - 20px) / 2 - 1px) 0}.aui-tags-input--mini{min-height:var(--aui-inline-height-xs);padding:calc((var(--aui-inline-height-xs) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tags-input--mini .aui-tag{margin:0 4px calc((var(--aui-inline-height-xs) - 20px) / 2 - 1px) 0}.aui-tags-input__suffix{position:absolute;top:50%;right:var(--aui-inline-padding-xs);transform:translateY(-50%)}.aui-tags-input .aui-tag.aui-tags-input__input{margin-right:0;padding:0;width:1em;max-width:100%;border:none;outline:none;background:none;color:rgb(var(--aui-color-main-text));font-family:inherit;font-size:inherit}.aui-tags-input .aui-tag.aui-tags-input__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}aui-tags-input.ng-invalid.ng-dirty .aui-input,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input,.ng-submitted aui-tags-input.ng-invalid .aui-input,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input{border-color:rgb(var(--aui-color-red))!important}:root aui-tags-input.ng-invalid.ng-dirty .aui-input:focus,:root aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,:root aui-tags-input.ng-invalid.ng-dirty .aui-tags-input:focus,:root aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused,:root .ng-submitted aui-tags-input.ng-invalid .aui-input:focus,:root .ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,:root .ng-submitted aui-tags-input.ng-invalid .aui-tags-input:focus,:root .ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-tags-input.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=light] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-tags-input.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=light] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-tags-input.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=system] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-tags-input.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=system] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-tags-input.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=dark] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-tags-input.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}aui-tags-input.ng-invalid.ng-dirty .aui-input .aui-tags-input__input,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input .aui-tags-input__input,.ng-submitted aui-tags-input.ng-invalid .aui-input .aui-tags-input__input,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input .aui-tags-input__input{color:rgb(var(--aui-color-red))}.aui-tags-input.withHeightLimit{overflow:auto;position:static}.aui-tags-input.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-tags-input.withHeightLimit::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-tags-input.withHeightLimit::-webkit-scrollbar-corner{background-color:transparent}\n"], components: [{ type: TagComponent, selector: "aui-tag", inputs: ["type", "size", "closeable", "border", "solid", "invalid", "round", "color", "allowClick"], outputs: ["close"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
5100
5107
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TagsInputComponent, decorators: [{
5101
5108
  type: Component,
5102
5109
  args: [{ selector: 'aui-tags-input', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
@@ -5105,7 +5112,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
5105
5112
  useExisting: forwardRef(() => TagsInputComponent),
5106
5113
  multi: true,
5107
5114
  },
5108
- ], template: "<div\n [class]=\"rootClass\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"inputRef.focus()\"\n [style.max-height]=\"maxHeight\"\n>\n <span\n [hidden]=\"model.length || inputRef.value.length\"\n [class]=\"bem.element('placeholder')\"\n >\n {{ placeholder }}\n </span>\n <aui-tag\n *ngFor=\"let tag of model; let index = index; trackBy: trackByValue\"\n type=\"info\"\n [title]=\"tag\"\n [size]=\"tagSize\"\n [round]=\"true\"\n [border]=\"true\"\n [closeable]=\"!(disabled || readonlyTags.includes(tag))\"\n (close)=\"onRemove(index)\"\n >\n {{ tag }}\n </aui-tag>\n <input\n #inputRef\n [class]=\"inputClass\"\n [disabled]=\"disabled\"\n autocomplete=\"off\"\n (focus)=\"onInputFocus()\"\n (blur)=\"onInputBlur($event)\"\n (keydown)=\"onKeyDown($event)\"\n (input)=\"onInput()\"\n />\n <span\n #inputValueMirror\n [class]=\"bem.element('mirror')\"\n >{{ inputRef.value }}</span\n >\n</div>\n", styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;text-overflow:ellipsis}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.aui-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus,:root .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-input:focus,html[aui-theme-mode=light] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input:focus,html[aui-theme-mode=system] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-input:focus,html[aui-theme-mode=dark] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;cursor:default}.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}:root .aui-input.ng-invalid.ng-dirty:focus,:root .aui-input.ng-invalid.ng-dirty.isFocused,:root .ng-submitted .aui-input.ng-invalid:focus,:root .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n", ".aui-tag{display:inline-flex;align-items:center;border-radius:var(--aui-border-radius-m);border:1px solid transparent;max-width:240px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{padding:0 var(--aui-inline-padding-m);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-tag--large.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-tag--medium{padding:0 var(--aui-inline-padding-s);height:var(--aui-inline-height-s);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-tag--small{padding:0 var(--aui-inline-padding-xs);height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--small.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--mini{padding:0 var(--aui-inline-padding-xs);height:20px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-p-6));background-color:rgb(var(--aui-color-primary))}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-g-6));background-color:rgb(var(--aui-color-green))}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-y-6));background-color:rgb(var(--aui-color-yellow))}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-r-6));background-color:rgb(var(--aui-color-red))}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid.aui-tag--primary{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:#fff}.aui-tag.isSolid.aui-tag--success{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-green));background-color:#fff}.aui-tag.isSolid.aui-tag--warning{color:#fff;background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-yellow));background-color:#fff}.aui-tag.isSolid.aui-tag--error{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-red));background-color:#fff}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:var(--aui-spacing-m)}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}\n", ".aui-tags-input{display:inline-block;position:relative;width:100%;color:rgb(var(--aui-color-main-text));vertical-align:middle}.aui-tags-input:hover{cursor:text}.aui-tags-input .aui-tag{max-width:100%}.aui-tags-input.isDisabled{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7));cursor:not-allowed}.aui-tags-input.isDisabled .aui-tag{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8))}.aui-tags-input__placeholder{display:inline-block;width:100%;color:rgb(var(--aui-color-placeholder-text));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;right:0;left:0;padding-left:inherit;padding-right:inherit;margin-left:1px}.aui-tags-input__placeholder[hidden]{display:none}.aui-tags-input__mirror{opacity:0;left:0;z-index:-99;position:absolute;padding-left:1px}.aui-tags-input--large{min-height:var(--aui-inline-height-l);padding:calc((var(--aui-inline-height-l) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-tags-input--large .aui-tag{margin:0 4px calc((var(--aui-inline-height-l) - 20px) / 2 - 1px) 0}.aui-tags-input--medium{min-height:var(--aui-inline-height-m);padding:calc((var(--aui-inline-height-m) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-tags-input--medium .aui-tag{margin:0 4px calc((var(--aui-inline-height-m) - 20px) / 2 - 1px) 0}.aui-tags-input--small{min-height:var(--aui-inline-height-s);padding:calc((var(--aui-inline-height-s) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tags-input--small .aui-tag{margin:0 4px calc((var(--aui-inline-height-s) - 20px) / 2 - 1px) 0}.aui-tags-input--mini{min-height:var(--aui-inline-height-xs);padding:calc((var(--aui-inline-height-xs) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tags-input--mini .aui-tag{margin:0 4px calc((var(--aui-inline-height-xs) - 20px) / 2 - 1px) 0}.aui-tags-input__suffix{position:absolute;top:50%;right:var(--aui-inline-padding-xs);transform:translateY(-50%)}.aui-tags-input .aui-tag.aui-tags-input__input{margin-right:0;padding:0;width:1em;max-width:100%;border:none;outline:none;background:none;color:rgb(var(--aui-color-main-text));font-family:inherit;font-size:inherit}.aui-tags-input .aui-tag.aui-tags-input__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}aui-tags-input.ng-invalid.ng-dirty .aui-input,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input,.ng-submitted aui-tags-input.ng-invalid .aui-input,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input{border-color:rgb(var(--aui-color-red))!important}:root aui-tags-input.ng-invalid.ng-dirty .aui-input:focus,:root aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,:root aui-tags-input.ng-invalid.ng-dirty .aui-tags-input:focus,:root aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused,:root .ng-submitted aui-tags-input.ng-invalid .aui-input:focus,:root .ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,:root .ng-submitted aui-tags-input.ng-invalid .aui-tags-input:focus,:root .ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-tags-input.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=light] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-tags-input.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=light] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-tags-input.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=system] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-tags-input.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=system] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-tags-input.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=dark] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-tags-input.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}aui-tags-input.ng-invalid.ng-dirty .aui-input .aui-tags-input__input,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input .aui-tags-input__input,.ng-submitted aui-tags-input.ng-invalid .aui-input .aui-tags-input__input,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input .aui-tags-input__input{color:rgb(var(--aui-color-red))}.aui-tags-input.withHeightLimit{overflow:auto;position:static}.aui-tags-input.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-tags-input.withHeightLimit::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-tags-input.withHeightLimit::-webkit-scrollbar-corner{background-color:transparent}\n"] }]
5115
+ ], template: "<div\n [class]=\"rootClass\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"inputRef.focus()\"\n [style.max-height]=\"maxHeight\"\n>\n <span\n [hidden]=\"model.length || inputRef.value.length\"\n [class]=\"bem.element('placeholder')\"\n >\n {{ placeholder }}\n </span>\n <aui-tag\n *ngFor=\"let tag of model; let index = index; trackBy: trackByValue\"\n type=\"info\"\n [title]=\"tag\"\n [size]=\"tagSize\"\n [round]=\"true\"\n [border]=\"true\"\n [closeable]=\"!(disabled || readonlyTags.includes(tag))\"\n (close)=\"onRemove(index)\"\n >\n {{ tag }}\n </aui-tag>\n <input\n #inputRef\n [class]=\"inputClass\"\n [disabled]=\"disabled\"\n autocomplete=\"off\"\n (focus)=\"onInputFocus()\"\n (blur)=\"onInputBlur($event)\"\n (keydown)=\"onKeyDown($event)\"\n (input)=\"onInput()\"\n />\n <span\n #inputValueMirror\n [class]=\"bem.element('mirror')\"\n >{{ inputRef.value }}</span\n >\n</div>\n", styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;text-overflow:ellipsis;font-weight:var(--aui-font-weight-normal)}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.aui-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus,:root .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-input:focus,html[aui-theme-mode=light] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input:focus,html[aui-theme-mode=system] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-input:focus,html[aui-theme-mode=dark] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;cursor:default}.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));-webkit-text-fill-color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}:root .aui-input.ng-invalid.ng-dirty:focus,:root .aui-input.ng-invalid.ng-dirty.isFocused,:root .ng-submitted .aui-input.ng-invalid:focus,:root .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n", ".aui-tag{display:inline-flex;align-items:center;border-radius:var(--aui-border-radius-m);border:1px solid transparent;max-width:240px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{padding:0 var(--aui-inline-padding-m);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-tag--large.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-tag--medium{padding:0 var(--aui-inline-padding-s);height:var(--aui-inline-height-s);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-tag--small{padding:0 var(--aui-inline-padding-xs);height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--small.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--mini{padding:0 var(--aui-inline-padding-xs);height:20px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-p-6));background-color:rgb(var(--aui-color-primary))}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-g-6));background-color:rgb(var(--aui-color-green))}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-y-6));background-color:rgb(var(--aui-color-yellow))}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-r-6));background-color:rgb(var(--aui-color-red))}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid.aui-tag--primary{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:#fff}.aui-tag.isSolid.aui-tag--success{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-green));background-color:#fff}.aui-tag.isSolid.aui-tag--warning{color:#fff;background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-yellow));background-color:#fff}.aui-tag.isSolid.aui-tag--error{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-red));background-color:#fff}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:var(--aui-spacing-m)}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}\n", ".aui-tags-input{display:inline-block;position:relative;width:100%;color:rgb(var(--aui-color-main-text));vertical-align:middle}.aui-tags-input:hover{cursor:text}.aui-tags-input .aui-tag{max-width:100%}.aui-tags-input.isDisabled{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7));cursor:not-allowed}.aui-tags-input.isDisabled .aui-tag{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8))}.aui-tags-input__placeholder{display:inline-block;width:100%;color:rgb(var(--aui-color-placeholder-text));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;right:0;left:0;padding-left:inherit;padding-right:inherit;margin-left:1px}.aui-tags-input__placeholder[hidden]{display:none}.aui-tags-input__mirror{opacity:0;left:0;z-index:-99;position:absolute;padding-left:1px}.aui-tags-input--large{min-height:var(--aui-inline-height-l);padding:calc((var(--aui-inline-height-l) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);font-weight:var(--aui-font-weight-normal)}.aui-tags-input--large .aui-tag{margin:0 4px calc((var(--aui-inline-height-l) - 20px) / 2 - 1px) 0}.aui-tags-input--medium{min-height:var(--aui-inline-height-m);padding:calc((var(--aui-inline-height-m) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-tags-input--medium .aui-tag{margin:0 4px calc((var(--aui-inline-height-m) - 20px) / 2 - 1px) 0}.aui-tags-input--small{min-height:var(--aui-inline-height-s);padding:calc((var(--aui-inline-height-s) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tags-input--small .aui-tag{margin:0 4px calc((var(--aui-inline-height-s) - 20px) / 2 - 1px) 0}.aui-tags-input--mini{min-height:var(--aui-inline-height-xs);padding:calc((var(--aui-inline-height-xs) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tags-input--mini .aui-tag{margin:0 4px calc((var(--aui-inline-height-xs) - 20px) / 2 - 1px) 0}.aui-tags-input__suffix{position:absolute;top:50%;right:var(--aui-inline-padding-xs);transform:translateY(-50%)}.aui-tags-input .aui-tag.aui-tags-input__input{margin-right:0;padding:0;width:1em;max-width:100%;border:none;outline:none;background:none;color:rgb(var(--aui-color-main-text));font-family:inherit;font-size:inherit}.aui-tags-input .aui-tag.aui-tags-input__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}aui-tags-input.ng-invalid.ng-dirty .aui-input,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input,.ng-submitted aui-tags-input.ng-invalid .aui-input,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input{border-color:rgb(var(--aui-color-red))!important}:root aui-tags-input.ng-invalid.ng-dirty .aui-input:focus,:root aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,:root aui-tags-input.ng-invalid.ng-dirty .aui-tags-input:focus,:root aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused,:root .ng-submitted aui-tags-input.ng-invalid .aui-input:focus,:root .ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,:root .ng-submitted aui-tags-input.ng-invalid .aui-tags-input:focus,:root .ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-tags-input.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=light] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-tags-input.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=light] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-tags-input.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=system] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-tags-input.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=system] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-tags-input.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=dark] aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-tags-input.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}aui-tags-input.ng-invalid.ng-dirty .aui-input .aui-tags-input__input,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input .aui-tags-input__input,.ng-submitted aui-tags-input.ng-invalid .aui-input .aui-tags-input__input,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input .aui-tags-input__input{color:rgb(var(--aui-color-red))}.aui-tags-input.withHeightLimit{overflow:auto;position:static}.aui-tags-input.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-tags-input.withHeightLimit::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-tags-input.withHeightLimit::-webkit-scrollbar-corner{background-color:transparent}\n"] }]
5109
5116
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i4.FormBuilder }, { type: i0.Renderer2 }, { type: i0.Injector }]; }, propDecorators: { placeholder: [{
5110
5117
  type: Input
5111
5118
  }], size: [{
@@ -5289,10 +5296,10 @@ class DatePickerTriggerComponent {
5289
5296
  }
5290
5297
  }
5291
5298
  DatePickerTriggerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DatePickerTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5292
- DatePickerTriggerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: { format: "format", size: "size", isRange: "isRange", value: "value", clearable: "clearable", placeholder: "placeholder", startPlaceholder: "startPlaceholder", endPlaceholder: "endPlaceholder", disabled: "disabled" }, outputs: { blur: "blur", clear: "clear" }, viewQueries: [{ propertyName: "focusInputRef", first: true, predicate: ["focusRef"], descendants: true }], ngImport: i0, template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n isFocused: isFocus,\n isRange: isRange,\n disabled: disabled\n }\"\n (mouseenter)=\"hovered = true\"\n (mouseleave)=\"hovered = false\"\n>\n <span [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"isRange\">\n <input\n style=\"flex: 1\"\n aui-input\n #focusRef\n [value]=\"$any(value || [])[0]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"leftFocus = true\"\n (blur)=\"leftFocus = false; blur.next()\"\n [placeholder]=\"startPlaceholder || ('start_date' | auiI18n)\"\n />\n <span\n class=\"placeholder\"\n (click)=\"focusInput()\"\n >{{ 'to' | auiI18n }}</span\n >\n <input\n style=\"flex: 1\"\n aui-input\n [value]=\"$any(value || [])[1]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"rightFocus = true\"\n (blur)=\"rightFocus = false; blur.next()\"\n [placeholder]=\"endPlaceholder || ('end_date' | auiI18n)\"\n />\n </ng-container>\n <ng-container *ngIf=\"!isRange\">\n <input\n aui-input\n auiTooltipType=\"plain\"\n [value]=\"$any(value)?.format(format)\"\n [readonly]=\"true\"\n #focusRef\n [size]=\"size\"\n auiTooltipType=\"info\"\n (focus)=\"centerFocus = true\"\n (blur)=\"centerFocus = false; blur.next()\"\n [placeholder]=\"placeholder || ('select_date' | auiI18n)\"\n />\n </ng-container>\n </span>\n <span\n [class]=\"bem.element('addon')\"\n (click)=\"focusInput()\"\n >\n <aui-icon\n *ngIf=\"showClear; else calendar\"\n class=\"clear\"\n size=\"16px\"\n icon=\"xmark_small\"\n (click)=\"$event.stopImmediatePropagation(); this.clear.next()\"\n ></aui-icon>\n <ng-template #calendar>\n <aui-icon icon=\"calendar\"></aui-icon>\n </ng-template>\n </span>\n</div>\n", styles: ["aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container{border-color:rgb(var(--aui-color-red))!important}:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}aui-date-picker-trigger{display:block}.aui-date-picker-trigger__container{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:1px solid rgb(var(--aui-color-n-7));position:relative;width:100%;background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-m)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--large{height:calc(var(--aui-inline-height-l) - 2px)}.aui-date-picker-trigger__container .aui-input--medium{height:calc(var(--aui-inline-height-m) - 2px)}.aui-date-picker-trigger__container .aui-input--small{height:calc(var(--aui-inline-height-s) - 2px)}.aui-date-picker-trigger__container .aui-input--mini{height:calc(var(--aui-inline-height-xs) - 2px)}.aui-date-picker-trigger__container.isFocused:not(.disabled){border-color:rgb(var(--aui-color-primary))}:root .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-date-picker-trigger__container .aui-input{border:none;background-color:transparent!important}.aui-date-picker-trigger__container .aui-input:hover{cursor:pointer}.aui-date-picker-trigger__container .aui-input:focus{outline:none;box-shadow:none!important}.aui-date-picker-trigger__container.disabled{background:rgb(var(--aui-color-n-8));border:1px solid rgb(var(--aui-color-n-7))!important}.aui-date-picker-trigger__container.disabled .aui-input{background:transparent;cursor:not-allowed;color:rgb(var(--aui-color-n-7))}.aui-date-picker-trigger__container.disabled:hover{cursor:not-allowed}.aui-date-picker-trigger__content{flex:1;display:flex;align-items:center}.aui-date-picker-trigger__content .placeholder{color:rgb(var(--aui-color-n-6))}.aui-date-picker-trigger__addon{color:rgb(var(--aui-color-help-text));margin-right:8px;font-size:var(--aui-icon-size-m);width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m)}.aui-date-picker-trigger__addon .clear{display:inline-flex;border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-date-picker-trigger__addon .clear:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"], components: [{ type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "auiI18n": I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
5299
+ DatePickerTriggerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: { format: "format", size: "size", isRange: "isRange", value: "value", clearable: "clearable", placeholder: "placeholder", startPlaceholder: "startPlaceholder", endPlaceholder: "endPlaceholder", disabled: "disabled" }, outputs: { blur: "blur", clear: "clear" }, viewQueries: [{ propertyName: "focusInputRef", first: true, predicate: ["focusRef"], descendants: true }], ngImport: i0, template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n isFocused: isFocus,\n isRange: isRange,\n disabled: disabled\n }\"\n (mouseenter)=\"hovered = true\"\n (mouseleave)=\"hovered = false\"\n>\n <span [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"isRange\">\n <input\n style=\"flex: 1\"\n aui-input\n #focusRef\n [value]=\"$any(value || [])[0]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"leftFocus = true\"\n (blur)=\"leftFocus = false; blur.next()\"\n [placeholder]=\"startPlaceholder || ('start_date' | auiI18n)\"\n />\n <span\n class=\"placeholder\"\n (click)=\"focusInput()\"\n >{{ 'to' | auiI18n }}</span\n >\n <input\n style=\"flex: 1\"\n aui-input\n [value]=\"$any(value || [])[1]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"rightFocus = true\"\n (blur)=\"rightFocus = false; blur.next()\"\n [placeholder]=\"endPlaceholder || ('end_date' | auiI18n)\"\n />\n </ng-container>\n <ng-container *ngIf=\"!isRange\">\n <input\n aui-input\n auiTooltipType=\"plain\"\n [value]=\"$any(value)?.format(format)\"\n [readonly]=\"true\"\n #focusRef\n [size]=\"size\"\n auiTooltipType=\"info\"\n (focus)=\"centerFocus = true\"\n (blur)=\"centerFocus = false; blur.next()\"\n [placeholder]=\"placeholder || ('select_date' | auiI18n)\"\n />\n </ng-container>\n </span>\n <span\n [class]=\"bem.element('addon')\"\n (click)=\"focusInput()\"\n >\n <aui-icon\n *ngIf=\"showClear; else calendar\"\n class=\"clear\"\n size=\"16px\"\n icon=\"xmark_small\"\n (click)=\"$event.stopImmediatePropagation(); this.clear.next()\"\n ></aui-icon>\n <ng-template #calendar>\n <aui-icon icon=\"calendar\"></aui-icon>\n </ng-template>\n </span>\n</div>\n", styles: ["aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container{border-color:rgb(var(--aui-color-red))!important}:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}aui-date-picker-trigger{display:block}.aui-date-picker-trigger__container{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:1px solid rgb(var(--aui-color-n-7));position:relative;width:100%;background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--large{height:calc(var(--aui-inline-height-l) - 2px)}.aui-date-picker-trigger__container .aui-input--medium{height:calc(var(--aui-inline-height-m) - 2px)}.aui-date-picker-trigger__container .aui-input--small{height:calc(var(--aui-inline-height-s) - 2px)}.aui-date-picker-trigger__container .aui-input--mini{height:calc(var(--aui-inline-height-xs) - 2px)}.aui-date-picker-trigger__container.isFocused:not(.disabled){border-color:rgb(var(--aui-color-primary))}:root .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-date-picker-trigger__container .aui-input{border:none;background-color:transparent!important}.aui-date-picker-trigger__container .aui-input:hover{cursor:pointer}.aui-date-picker-trigger__container .aui-input:focus{outline:none;box-shadow:none!important}.aui-date-picker-trigger__container.disabled{background:rgb(var(--aui-color-n-8));border:1px solid rgb(var(--aui-color-n-7))!important}.aui-date-picker-trigger__container.disabled .aui-input{background:transparent;cursor:not-allowed;color:rgb(var(--aui-color-n-7))}.aui-date-picker-trigger__container.disabled:hover{cursor:not-allowed}.aui-date-picker-trigger__content{flex:1;display:flex;align-items:center}.aui-date-picker-trigger__content .placeholder{color:rgb(var(--aui-color-n-6))}.aui-date-picker-trigger__addon{color:rgb(var(--aui-color-help-text));margin-right:8px;font-size:var(--aui-icon-size-m);width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m)}.aui-date-picker-trigger__addon .clear{display:inline-flex;border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-date-picker-trigger__addon .clear:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"], components: [{ type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "auiI18n": I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
5293
5300
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DatePickerTriggerComponent, decorators: [{
5294
5301
  type: Component,
5295
- args: [{ selector: 'aui-date-picker-trigger', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n isFocused: isFocus,\n isRange: isRange,\n disabled: disabled\n }\"\n (mouseenter)=\"hovered = true\"\n (mouseleave)=\"hovered = false\"\n>\n <span [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"isRange\">\n <input\n style=\"flex: 1\"\n aui-input\n #focusRef\n [value]=\"$any(value || [])[0]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"leftFocus = true\"\n (blur)=\"leftFocus = false; blur.next()\"\n [placeholder]=\"startPlaceholder || ('start_date' | auiI18n)\"\n />\n <span\n class=\"placeholder\"\n (click)=\"focusInput()\"\n >{{ 'to' | auiI18n }}</span\n >\n <input\n style=\"flex: 1\"\n aui-input\n [value]=\"$any(value || [])[1]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"rightFocus = true\"\n (blur)=\"rightFocus = false; blur.next()\"\n [placeholder]=\"endPlaceholder || ('end_date' | auiI18n)\"\n />\n </ng-container>\n <ng-container *ngIf=\"!isRange\">\n <input\n aui-input\n auiTooltipType=\"plain\"\n [value]=\"$any(value)?.format(format)\"\n [readonly]=\"true\"\n #focusRef\n [size]=\"size\"\n auiTooltipType=\"info\"\n (focus)=\"centerFocus = true\"\n (blur)=\"centerFocus = false; blur.next()\"\n [placeholder]=\"placeholder || ('select_date' | auiI18n)\"\n />\n </ng-container>\n </span>\n <span\n [class]=\"bem.element('addon')\"\n (click)=\"focusInput()\"\n >\n <aui-icon\n *ngIf=\"showClear; else calendar\"\n class=\"clear\"\n size=\"16px\"\n icon=\"xmark_small\"\n (click)=\"$event.stopImmediatePropagation(); this.clear.next()\"\n ></aui-icon>\n <ng-template #calendar>\n <aui-icon icon=\"calendar\"></aui-icon>\n </ng-template>\n </span>\n</div>\n", styles: ["aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container{border-color:rgb(var(--aui-color-red))!important}:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}aui-date-picker-trigger{display:block}.aui-date-picker-trigger__container{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:1px solid rgb(var(--aui-color-n-7));position:relative;width:100%;background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-m)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--large{height:calc(var(--aui-inline-height-l) - 2px)}.aui-date-picker-trigger__container .aui-input--medium{height:calc(var(--aui-inline-height-m) - 2px)}.aui-date-picker-trigger__container .aui-input--small{height:calc(var(--aui-inline-height-s) - 2px)}.aui-date-picker-trigger__container .aui-input--mini{height:calc(var(--aui-inline-height-xs) - 2px)}.aui-date-picker-trigger__container.isFocused:not(.disabled){border-color:rgb(var(--aui-color-primary))}:root .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-date-picker-trigger__container .aui-input{border:none;background-color:transparent!important}.aui-date-picker-trigger__container .aui-input:hover{cursor:pointer}.aui-date-picker-trigger__container .aui-input:focus{outline:none;box-shadow:none!important}.aui-date-picker-trigger__container.disabled{background:rgb(var(--aui-color-n-8));border:1px solid rgb(var(--aui-color-n-7))!important}.aui-date-picker-trigger__container.disabled .aui-input{background:transparent;cursor:not-allowed;color:rgb(var(--aui-color-n-7))}.aui-date-picker-trigger__container.disabled:hover{cursor:not-allowed}.aui-date-picker-trigger__content{flex:1;display:flex;align-items:center}.aui-date-picker-trigger__content .placeholder{color:rgb(var(--aui-color-n-6))}.aui-date-picker-trigger__addon{color:rgb(var(--aui-color-help-text));margin-right:8px;font-size:var(--aui-icon-size-m);width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m)}.aui-date-picker-trigger__addon .clear{display:inline-flex;border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-date-picker-trigger__addon .clear:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"] }]
5302
+ args: [{ selector: 'aui-date-picker-trigger', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n isFocused: isFocus,\n isRange: isRange,\n disabled: disabled\n }\"\n (mouseenter)=\"hovered = true\"\n (mouseleave)=\"hovered = false\"\n>\n <span [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"isRange\">\n <input\n style=\"flex: 1\"\n aui-input\n #focusRef\n [value]=\"$any(value || [])[0]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"leftFocus = true\"\n (blur)=\"leftFocus = false; blur.next()\"\n [placeholder]=\"startPlaceholder || ('start_date' | auiI18n)\"\n />\n <span\n class=\"placeholder\"\n (click)=\"focusInput()\"\n >{{ 'to' | auiI18n }}</span\n >\n <input\n style=\"flex: 1\"\n aui-input\n [value]=\"$any(value || [])[1]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"rightFocus = true\"\n (blur)=\"rightFocus = false; blur.next()\"\n [placeholder]=\"endPlaceholder || ('end_date' | auiI18n)\"\n />\n </ng-container>\n <ng-container *ngIf=\"!isRange\">\n <input\n aui-input\n auiTooltipType=\"plain\"\n [value]=\"$any(value)?.format(format)\"\n [readonly]=\"true\"\n #focusRef\n [size]=\"size\"\n auiTooltipType=\"info\"\n (focus)=\"centerFocus = true\"\n (blur)=\"centerFocus = false; blur.next()\"\n [placeholder]=\"placeholder || ('select_date' | auiI18n)\"\n />\n </ng-container>\n </span>\n <span\n [class]=\"bem.element('addon')\"\n (click)=\"focusInput()\"\n >\n <aui-icon\n *ngIf=\"showClear; else calendar\"\n class=\"clear\"\n size=\"16px\"\n icon=\"xmark_small\"\n (click)=\"$event.stopImmediatePropagation(); this.clear.next()\"\n ></aui-icon>\n <ng-template #calendar>\n <aui-icon icon=\"calendar\"></aui-icon>\n </ng-template>\n </span>\n</div>\n", styles: ["aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container{border-color:rgb(var(--aui-color-red))!important}:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}aui-date-picker-trigger{display:block}.aui-date-picker-trigger__container{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:1px solid rgb(var(--aui-color-n-7));position:relative;width:100%;background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--large{height:calc(var(--aui-inline-height-l) - 2px)}.aui-date-picker-trigger__container .aui-input--medium{height:calc(var(--aui-inline-height-m) - 2px)}.aui-date-picker-trigger__container .aui-input--small{height:calc(var(--aui-inline-height-s) - 2px)}.aui-date-picker-trigger__container .aui-input--mini{height:calc(var(--aui-inline-height-xs) - 2px)}.aui-date-picker-trigger__container.isFocused:not(.disabled){border-color:rgb(var(--aui-color-primary))}:root .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-date-picker-trigger__container .aui-input{border:none;background-color:transparent!important}.aui-date-picker-trigger__container .aui-input:hover{cursor:pointer}.aui-date-picker-trigger__container .aui-input:focus{outline:none;box-shadow:none!important}.aui-date-picker-trigger__container.disabled{background:rgb(var(--aui-color-n-8));border:1px solid rgb(var(--aui-color-n-7))!important}.aui-date-picker-trigger__container.disabled .aui-input{background:transparent;cursor:not-allowed;color:rgb(var(--aui-color-n-7))}.aui-date-picker-trigger__container.disabled:hover{cursor:not-allowed}.aui-date-picker-trigger__content{flex:1;display:flex;align-items:center}.aui-date-picker-trigger__content .placeholder{color:rgb(var(--aui-color-n-6))}.aui-date-picker-trigger__addon{color:rgb(var(--aui-color-help-text));margin-right:8px;font-size:var(--aui-icon-size-m);width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m)}.aui-date-picker-trigger__addon .clear{display:inline-flex;border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-date-picker-trigger__addon .clear:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"] }]
5296
5303
  }], ctorParameters: function () { return []; }, propDecorators: { format: [{
5297
5304
  type: Input
5298
5305
  }], size: [{
@@ -5803,7 +5810,7 @@ class DialogComponent {
5803
5810
  }
5804
5811
  }
5805
5812
  DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
5806
- DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DialogComponent, selector: "aui-dialog", host: { listeners: { "@dialogContainer.start": "onAnimationStart($event)", "@dialogContainer.done": "onAnimationDone($event)" }, properties: { "@.disabled": "config.noAnimation", "@dialogContainer": "state" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@keyframes aui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aui-fade-out{0%{opacity:1}to{opacity:0}}@keyframes aui-zoom-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes aui-zoom-out{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{overflow:auto;display:flex;justify-content:center;align-items:normal}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport{overflow:auto;display:flex;justify-content:center;align-items:center}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-corner{background-color:transparent}.aui-zoom-enter,.aui-zoom-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-enter.aui-zoom-enter-active,.aui-zoom-leave.aui-zoom-leave-active{animation-play-state:running;pointer-events:none}.aui-zoom-enter.aui-zoom-enter-active{animation-name:aui-zoom-in}.aui-zoom-leave.aui-zoom-leave-active{animation-name:aui-zoom-out}.aui-zoom-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-zoom-slow-enter,.aui-zoom-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-slow-enter.aui-zoom-slow-enter-active,.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-play-state:running;pointer-events:none}.aui-zoom-slow-enter.aui-zoom-slow-enter-active{animation-name:aui-zoom-in}.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-name:aui-zoom-out}.aui-zoom-slow-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-slow-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-fade-enter,.aui-fade-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-enter.aui-fade-enter-active,.aui-fade-leave.aui-fade-leave-active{animation-play-state:running;pointer-events:none}.aui-fade-enter.aui-fade-enter-active{animation-name:aui-fade-in}.aui-fade-leave.aui-fade-leave-active{animation-name:aui-fade-out}.aui-fade-enter{opacity:0;animation-timing-function:linear}.aui-fade-leave{animation-timing-function:linear}.aui-fade-slow-enter,.aui-fade-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-slow-enter.aui-fade-slow-enter-active,.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-play-state:running;pointer-events:none}.aui-fade-slow-enter.aui-fade-slow-enter-active{animation-name:aui-fade-in}.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-name:aui-fade-out}.aui-fade-slow-enter{opacity:0;animation-timing-function:linear}.aui-fade-slow-leave{animation-timing-function:linear}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);overflow:hidden;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-dialog aui-dialog-content{height:100%;overflow:auto}.aui-dialog aui-dialog-content::-webkit-scrollbar{width:4px;height:4px}.aui-dialog aui-dialog-content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog aui-dialog-content:first-child .aui-dialog__content{padding-top:20px}.aui-dialog aui-dialog-content:last-child .aui-dialog__content{padding-bottom:20px}.aui-dialog__header{margin:0 20px;padding:20px 0 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-dialog__header-title>aui-icon:first-child{font-size:var(--aui-icon-size-xl);margin-right:var(--aui-spacing-m)}.aui-dialog__header-title>aui-icon:first-child[icon=info_circle_s]{color:rgb(var(--aui-color-primary))}.aui-dialog__header-title>aui-icon:first-child[icon=check_circle_s]{color:rgb(var(--aui-color-green))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_circle_s]{color:rgb(var(--aui-color-yellow))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_triangle_s]{color:rgb(var(--aui-color-red))}.aui-dialog__header-close{margin-left:var(--aui-spacing-xl);line-height:var(--aui-line-height-xl);font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-n-2));cursor:pointer}.aui-dialog__header-close:hover{color:rgb(var(--aui-color-primary))}.aui-dialog__content{padding:0 20px;min-height:80px}.aui-dialog__footer{padding:20px;display:flex;justify-content:flex-end}.aui-dialog--small{width:400px}.aui-dialog--medium{width:600px}.aui-dialog--big{width:800px}.aui-dialog--large{width:960px}.aui-dialog--fit-content{width:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport aui-dialog-content:not(:first-child) .aui-dialog__content{padding-top:16px}.aui-dialog--fit-viewport aui-dialog-content:not(:last-child) .aui-dialog__content{padding-bottom:16px}.aui-dialog--fit-viewport>ng-component{display:flex;flex-direction:column;overflow:auto}.aui-dialog--fit-viewport>ng-component:after{clear:both}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [dialogAnimations.dialogContainer], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
5813
+ DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DialogComponent, selector: "aui-dialog", host: { listeners: { "@dialogContainer.start": "onAnimationStart($event)", "@dialogContainer.done": "onAnimationDone($event)" }, properties: { "@.disabled": "config.noAnimation", "@dialogContainer": "state" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@keyframes aui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aui-fade-out{0%{opacity:1}to{opacity:0}}@keyframes aui-zoom-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes aui-zoom-out{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{overflow:auto;display:flex;justify-content:center;align-items:normal}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport{overflow:auto;display:flex;justify-content:center;align-items:center}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-corner{background-color:transparent}.aui-zoom-enter,.aui-zoom-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-enter.aui-zoom-enter-active,.aui-zoom-leave.aui-zoom-leave-active{animation-play-state:running;pointer-events:none}.aui-zoom-enter.aui-zoom-enter-active{animation-name:aui-zoom-in}.aui-zoom-leave.aui-zoom-leave-active{animation-name:aui-zoom-out}.aui-zoom-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-zoom-slow-enter,.aui-zoom-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-slow-enter.aui-zoom-slow-enter-active,.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-play-state:running;pointer-events:none}.aui-zoom-slow-enter.aui-zoom-slow-enter-active{animation-name:aui-zoom-in}.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-name:aui-zoom-out}.aui-zoom-slow-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-slow-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-fade-enter,.aui-fade-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-enter.aui-fade-enter-active,.aui-fade-leave.aui-fade-leave-active{animation-play-state:running;pointer-events:none}.aui-fade-enter.aui-fade-enter-active{animation-name:aui-fade-in}.aui-fade-leave.aui-fade-leave-active{animation-name:aui-fade-out}.aui-fade-enter{opacity:0;animation-timing-function:linear}.aui-fade-leave{animation-timing-function:linear}.aui-fade-slow-enter,.aui-fade-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-slow-enter.aui-fade-slow-enter-active,.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-play-state:running;pointer-events:none}.aui-fade-slow-enter.aui-fade-slow-enter-active{animation-name:aui-fade-in}.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-name:aui-fade-out}.aui-fade-slow-enter{opacity:0;animation-timing-function:linear}.aui-fade-slow-leave{animation-timing-function:linear}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);overflow:hidden;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-dialog aui-dialog-content{height:100%;overflow:auto}.aui-dialog aui-dialog-content::-webkit-scrollbar{width:4px;height:4px}.aui-dialog aui-dialog-content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog aui-dialog-content:first-child .aui-dialog__content{padding-top:20px}.aui-dialog aui-dialog-content:last-child .aui-dialog__content{padding-bottom:20px}.aui-dialog__header{margin:0 20px;padding:20px 0 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text))}.aui-dialog__header-title>aui-icon:first-child{font-size:var(--aui-icon-size-xl);margin-right:var(--aui-spacing-m)}.aui-dialog__header-title>aui-icon:first-child[icon=info_circle_s]{color:rgb(var(--aui-color-primary))}.aui-dialog__header-title>aui-icon:first-child[icon=check_circle_s]{color:rgb(var(--aui-color-green))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_circle_s]{color:rgb(var(--aui-color-yellow))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_triangle_s]{color:rgb(var(--aui-color-red))}.aui-dialog__header-close{margin-left:var(--aui-spacing-xl);display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:var(--aui-icon-size-l);color:rgb(var(--aui-color-secondary-text));border-radius:var(--aui-border-radius-m);cursor:pointer}.aui-dialog__header-close:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-dialog__header-close:active{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-dialog__content{padding:0 20px;min-height:80px}.aui-dialog__footer{padding:20px;display:flex;justify-content:flex-end}.aui-dialog--small{width:400px}.aui-dialog--medium{width:600px}.aui-dialog--big{width:800px}.aui-dialog--large{width:960px}.aui-dialog--fit-content{width:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport aui-dialog-content:not(:first-child) .aui-dialog__content{padding-top:16px}.aui-dialog--fit-viewport aui-dialog-content:not(:last-child) .aui-dialog__content{padding-bottom:16px}.aui-dialog--fit-viewport>ng-component{display:flex;flex-direction:column;overflow:auto}.aui-dialog--fit-viewport>ng-component:after{clear:both}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [dialogAnimations.dialogContainer], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
5807
5814
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogComponent, decorators: [{
5808
5815
  type: Component,
5809
5816
  args: [{ selector: 'aui-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, preserveWhitespaces: false, animations: [dialogAnimations.dialogContainer], host: {
@@ -5811,7 +5818,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
5811
5818
  '[@dialogContainer]': 'state',
5812
5819
  '(@dialogContainer.start)': 'onAnimationStart($event)',
5813
5820
  '(@dialogContainer.done)': 'onAnimationDone($event)',
5814
- }, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@keyframes aui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aui-fade-out{0%{opacity:1}to{opacity:0}}@keyframes aui-zoom-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes aui-zoom-out{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{overflow:auto;display:flex;justify-content:center;align-items:normal}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport{overflow:auto;display:flex;justify-content:center;align-items:center}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-corner{background-color:transparent}.aui-zoom-enter,.aui-zoom-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-enter.aui-zoom-enter-active,.aui-zoom-leave.aui-zoom-leave-active{animation-play-state:running;pointer-events:none}.aui-zoom-enter.aui-zoom-enter-active{animation-name:aui-zoom-in}.aui-zoom-leave.aui-zoom-leave-active{animation-name:aui-zoom-out}.aui-zoom-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-zoom-slow-enter,.aui-zoom-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-slow-enter.aui-zoom-slow-enter-active,.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-play-state:running;pointer-events:none}.aui-zoom-slow-enter.aui-zoom-slow-enter-active{animation-name:aui-zoom-in}.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-name:aui-zoom-out}.aui-zoom-slow-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-slow-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-fade-enter,.aui-fade-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-enter.aui-fade-enter-active,.aui-fade-leave.aui-fade-leave-active{animation-play-state:running;pointer-events:none}.aui-fade-enter.aui-fade-enter-active{animation-name:aui-fade-in}.aui-fade-leave.aui-fade-leave-active{animation-name:aui-fade-out}.aui-fade-enter{opacity:0;animation-timing-function:linear}.aui-fade-leave{animation-timing-function:linear}.aui-fade-slow-enter,.aui-fade-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-slow-enter.aui-fade-slow-enter-active,.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-play-state:running;pointer-events:none}.aui-fade-slow-enter.aui-fade-slow-enter-active{animation-name:aui-fade-in}.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-name:aui-fade-out}.aui-fade-slow-enter{opacity:0;animation-timing-function:linear}.aui-fade-slow-leave{animation-timing-function:linear}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);overflow:hidden;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-dialog aui-dialog-content{height:100%;overflow:auto}.aui-dialog aui-dialog-content::-webkit-scrollbar{width:4px;height:4px}.aui-dialog aui-dialog-content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog aui-dialog-content:first-child .aui-dialog__content{padding-top:20px}.aui-dialog aui-dialog-content:last-child .aui-dialog__content{padding-bottom:20px}.aui-dialog__header{margin:0 20px;padding:20px 0 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-dialog__header-title>aui-icon:first-child{font-size:var(--aui-icon-size-xl);margin-right:var(--aui-spacing-m)}.aui-dialog__header-title>aui-icon:first-child[icon=info_circle_s]{color:rgb(var(--aui-color-primary))}.aui-dialog__header-title>aui-icon:first-child[icon=check_circle_s]{color:rgb(var(--aui-color-green))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_circle_s]{color:rgb(var(--aui-color-yellow))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_triangle_s]{color:rgb(var(--aui-color-red))}.aui-dialog__header-close{margin-left:var(--aui-spacing-xl);line-height:var(--aui-line-height-xl);font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-n-2));cursor:pointer}.aui-dialog__header-close:hover{color:rgb(var(--aui-color-primary))}.aui-dialog__content{padding:0 20px;min-height:80px}.aui-dialog__footer{padding:20px;display:flex;justify-content:flex-end}.aui-dialog--small{width:400px}.aui-dialog--medium{width:600px}.aui-dialog--big{width:800px}.aui-dialog--large{width:960px}.aui-dialog--fit-content{width:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport aui-dialog-content:not(:first-child) .aui-dialog__content{padding-top:16px}.aui-dialog--fit-viewport aui-dialog-content:not(:last-child) .aui-dialog__content{padding-bottom:16px}.aui-dialog--fit-viewport>ng-component{display:flex;flex-direction:column;overflow:auto}.aui-dialog--fit-viewport>ng-component:after{clear:both}\n"] }]
5821
+ }, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@keyframes aui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aui-fade-out{0%{opacity:1}to{opacity:0}}@keyframes aui-zoom-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes aui-zoom-out{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{overflow:auto;display:flex;justify-content:center;align-items:normal}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport{overflow:auto;display:flex;justify-content:center;align-items:center}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-corner{background-color:transparent}.aui-zoom-enter,.aui-zoom-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-enter.aui-zoom-enter-active,.aui-zoom-leave.aui-zoom-leave-active{animation-play-state:running;pointer-events:none}.aui-zoom-enter.aui-zoom-enter-active{animation-name:aui-zoom-in}.aui-zoom-leave.aui-zoom-leave-active{animation-name:aui-zoom-out}.aui-zoom-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-zoom-slow-enter,.aui-zoom-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-slow-enter.aui-zoom-slow-enter-active,.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-play-state:running;pointer-events:none}.aui-zoom-slow-enter.aui-zoom-slow-enter-active{animation-name:aui-zoom-in}.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-name:aui-zoom-out}.aui-zoom-slow-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-slow-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-fade-enter,.aui-fade-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-enter.aui-fade-enter-active,.aui-fade-leave.aui-fade-leave-active{animation-play-state:running;pointer-events:none}.aui-fade-enter.aui-fade-enter-active{animation-name:aui-fade-in}.aui-fade-leave.aui-fade-leave-active{animation-name:aui-fade-out}.aui-fade-enter{opacity:0;animation-timing-function:linear}.aui-fade-leave{animation-timing-function:linear}.aui-fade-slow-enter,.aui-fade-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-slow-enter.aui-fade-slow-enter-active,.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-play-state:running;pointer-events:none}.aui-fade-slow-enter.aui-fade-slow-enter-active{animation-name:aui-fade-in}.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-name:aui-fade-out}.aui-fade-slow-enter{opacity:0;animation-timing-function:linear}.aui-fade-slow-leave{animation-timing-function:linear}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);overflow:hidden;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-dialog aui-dialog-content{height:100%;overflow:auto}.aui-dialog aui-dialog-content::-webkit-scrollbar{width:4px;height:4px}.aui-dialog aui-dialog-content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog aui-dialog-content:first-child .aui-dialog__content{padding-top:20px}.aui-dialog aui-dialog-content:last-child .aui-dialog__content{padding-bottom:20px}.aui-dialog__header{margin:0 20px;padding:20px 0 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text))}.aui-dialog__header-title>aui-icon:first-child{font-size:var(--aui-icon-size-xl);margin-right:var(--aui-spacing-m)}.aui-dialog__header-title>aui-icon:first-child[icon=info_circle_s]{color:rgb(var(--aui-color-primary))}.aui-dialog__header-title>aui-icon:first-child[icon=check_circle_s]{color:rgb(var(--aui-color-green))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_circle_s]{color:rgb(var(--aui-color-yellow))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_triangle_s]{color:rgb(var(--aui-color-red))}.aui-dialog__header-close{margin-left:var(--aui-spacing-xl);display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:var(--aui-icon-size-l);color:rgb(var(--aui-color-secondary-text));border-radius:var(--aui-border-radius-m);cursor:pointer}.aui-dialog__header-close:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-dialog__header-close:active{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-dialog__content{padding:0 20px;min-height:80px}.aui-dialog__footer{padding:20px;display:flex;justify-content:flex-end}.aui-dialog--small{width:400px}.aui-dialog--medium{width:600px}.aui-dialog--big{width:800px}.aui-dialog--large{width:960px}.aui-dialog--fit-content{width:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport aui-dialog-content:not(:first-child) .aui-dialog__content{padding-top:16px}.aui-dialog--fit-viewport aui-dialog-content:not(:last-child) .aui-dialog__content{padding-bottom:16px}.aui-dialog--fit-viewport>ng-component{display:flex;flex-direction:column;overflow:auto}.aui-dialog--fit-viewport>ng-component:after{clear:both}\n"] }]
5815
5822
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { portalOutlet: [{
5816
5823
  type: ViewChild,
5817
5824
  args: [CdkPortalOutlet, { static: true }]
@@ -5932,10 +5939,10 @@ class ConfirmDialogComponent {
5932
5939
  }
5933
5940
  }
5934
5941
  ConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: DialogRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
5935
- ConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: ConfirmDialogComponent, selector: "aui-confirm-dialog", ngImport: i0, template: "<div [class]=\"bem.block()\">\n <div [class]=\"bem.element('title')\">\n <span [class]=\"bem.element('icon', config.confirmType + '')\">\n <aui-icon\n [icon]=\"iconMap(config.confirmType)\"\n [background]=\"\n iconMap(config.confirmType).endsWith('_triangle_s')\n ? 'triangle'\n : 'circle'\n \"\n ></aui-icon>\n </span>\n <span>{{ config.title }}</span>\n </div>\n <div [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"config.content\">\n <ng-container\n *ngIf=\"\n isTemplateRef(config.content) || isString(config.content);\n else componentTemplate\n \"\n >\n <ng-container\n *ngIf=\"isTemplateRef(config.content); else stringTemplate\"\n >\n <ng-template *ngTemplateOutlet=\"config.content\"></ng-template>\n </ng-container>\n <ng-template #stringTemplate>\n {{ config.content }}\n </ng-template>\n </ng-container>\n <ng-template #componentTemplate>\n <ng-container *ngComponentOutlet=\"$any(config.content)\"></ng-container>\n </ng-template>\n </ng-container>\n </div>\n <div [class]=\"bem.element('button-wrapper')\">\n <div>\n <button\n [aui-button]=\"config.confirmType\"\n [ngClass]=\"bem.element('confirm-button')\"\n [loading]=\"waitConfirm\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"confirm()\"\n >\n {{ config.confirmText }}\n </button>\n <button\n *ngIf=\"config.cancelButton\"\n aui-button\n [ngClass]=\"bem.element('cancel-button')\"\n [loading]=\"waitCancel\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"cancel()\"\n >\n {{ config.cancelText }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".aui-confirm-dialog{margin:auto;padding:32px 32px 20px;border-radius:var(--aui-border-radius-m);min-width:400px;max-width:600px;background-color:rgb(var(--aui-color-n-10))}.aui-confirm-dialog__title{margin-bottom:var(--aui-spacing-m);font-weight:var(--aui-font-weight-bold);display:flex;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text))}.aui-confirm-dialog__icon{margin-right:var(--aui-spacing-m);font-size:var(--aui-icon-size-xl)}.aui-confirm-dialog__icon--primary,.aui-confirm-dialog__icon--warning{color:rgb(var(--aui-color-yellow))}.aui-confirm-dialog__icon--success{color:rgb(var(--aui-color-green))}.aui-confirm-dialog__icon--danger{color:rgb(var(--aui-color-red))}.aui-confirm-dialog__content{padding-left:calc(var(--aui-spacing-m) + var(--aui-icon-size-xl));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-secondary-text))}.aui-confirm-dialog__button-wrapper{margin:20px -12px 0 0;display:flex;flex-direction:row-reverse}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
5942
+ ConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: ConfirmDialogComponent, selector: "aui-confirm-dialog", ngImport: i0, template: "<div [class]=\"bem.block()\">\n <div [class]=\"bem.element('title')\">\n <span [class]=\"bem.element('icon', config.confirmType + '')\">\n <aui-icon\n [icon]=\"iconMap(config.confirmType)\"\n [background]=\"\n iconMap(config.confirmType).endsWith('_triangle_s')\n ? 'triangle'\n : 'circle'\n \"\n ></aui-icon>\n </span>\n <span>{{ config.title }}</span>\n </div>\n <div [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"config.content\">\n <ng-container\n *ngIf=\"\n isTemplateRef(config.content) || isString(config.content);\n else componentTemplate\n \"\n >\n <ng-container\n *ngIf=\"isTemplateRef(config.content); else stringTemplate\"\n >\n <ng-template *ngTemplateOutlet=\"config.content\"></ng-template>\n </ng-container>\n <ng-template #stringTemplate>\n {{ config.content }}\n </ng-template>\n </ng-container>\n <ng-template #componentTemplate>\n <ng-container *ngComponentOutlet=\"$any(config.content)\"></ng-container>\n </ng-template>\n </ng-container>\n </div>\n <div [class]=\"bem.element('button-wrapper')\">\n <div>\n <button\n [aui-button]=\"config.confirmType\"\n [ngClass]=\"bem.element('confirm-button')\"\n [loading]=\"waitConfirm\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"confirm()\"\n >\n {{ config.confirmText }}\n </button>\n <button\n *ngIf=\"config.cancelButton\"\n aui-button\n [ngClass]=\"bem.element('cancel-button')\"\n [loading]=\"waitCancel\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"cancel()\"\n >\n {{ config.cancelText }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".aui-confirm-dialog{margin:auto;padding:32px 32px 20px;border-radius:var(--aui-border-radius-m);min-width:400px;max-width:600px;background-color:rgb(var(--aui-color-n-10))}.aui-confirm-dialog__title{margin-bottom:var(--aui-spacing-m);display:flex;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text))}.aui-confirm-dialog__icon{margin-right:var(--aui-spacing-m);font-size:var(--aui-icon-size-xl)}.aui-confirm-dialog__icon--primary,.aui-confirm-dialog__icon--warning{color:rgb(var(--aui-color-yellow))}.aui-confirm-dialog__icon--success{color:rgb(var(--aui-color-green))}.aui-confirm-dialog__icon--danger{color:rgb(var(--aui-color-red))}.aui-confirm-dialog__content{padding-left:calc(var(--aui-spacing-m) + var(--aui-icon-size-xl));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-secondary-text))}.aui-confirm-dialog__button-wrapper{margin:20px -12px 0 0;display:flex;flex-direction:row-reverse}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
5936
5943
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
5937
5944
  type: Component,
5938
- args: [{ selector: 'aui-confirm-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div [class]=\"bem.block()\">\n <div [class]=\"bem.element('title')\">\n <span [class]=\"bem.element('icon', config.confirmType + '')\">\n <aui-icon\n [icon]=\"iconMap(config.confirmType)\"\n [background]=\"\n iconMap(config.confirmType).endsWith('_triangle_s')\n ? 'triangle'\n : 'circle'\n \"\n ></aui-icon>\n </span>\n <span>{{ config.title }}</span>\n </div>\n <div [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"config.content\">\n <ng-container\n *ngIf=\"\n isTemplateRef(config.content) || isString(config.content);\n else componentTemplate\n \"\n >\n <ng-container\n *ngIf=\"isTemplateRef(config.content); else stringTemplate\"\n >\n <ng-template *ngTemplateOutlet=\"config.content\"></ng-template>\n </ng-container>\n <ng-template #stringTemplate>\n {{ config.content }}\n </ng-template>\n </ng-container>\n <ng-template #componentTemplate>\n <ng-container *ngComponentOutlet=\"$any(config.content)\"></ng-container>\n </ng-template>\n </ng-container>\n </div>\n <div [class]=\"bem.element('button-wrapper')\">\n <div>\n <button\n [aui-button]=\"config.confirmType\"\n [ngClass]=\"bem.element('confirm-button')\"\n [loading]=\"waitConfirm\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"confirm()\"\n >\n {{ config.confirmText }}\n </button>\n <button\n *ngIf=\"config.cancelButton\"\n aui-button\n [ngClass]=\"bem.element('cancel-button')\"\n [loading]=\"waitCancel\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"cancel()\"\n >\n {{ config.cancelText }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".aui-confirm-dialog{margin:auto;padding:32px 32px 20px;border-radius:var(--aui-border-radius-m);min-width:400px;max-width:600px;background-color:rgb(var(--aui-color-n-10))}.aui-confirm-dialog__title{margin-bottom:var(--aui-spacing-m);font-weight:var(--aui-font-weight-bold);display:flex;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text))}.aui-confirm-dialog__icon{margin-right:var(--aui-spacing-m);font-size:var(--aui-icon-size-xl)}.aui-confirm-dialog__icon--primary,.aui-confirm-dialog__icon--warning{color:rgb(var(--aui-color-yellow))}.aui-confirm-dialog__icon--success{color:rgb(var(--aui-color-green))}.aui-confirm-dialog__icon--danger{color:rgb(var(--aui-color-red))}.aui-confirm-dialog__content{padding-left:calc(var(--aui-spacing-m) + var(--aui-icon-size-xl));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-secondary-text))}.aui-confirm-dialog__button-wrapper{margin:20px -12px 0 0;display:flex;flex-direction:row-reverse}\n"] }]
5945
+ args: [{ selector: 'aui-confirm-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div [class]=\"bem.block()\">\n <div [class]=\"bem.element('title')\">\n <span [class]=\"bem.element('icon', config.confirmType + '')\">\n <aui-icon\n [icon]=\"iconMap(config.confirmType)\"\n [background]=\"\n iconMap(config.confirmType).endsWith('_triangle_s')\n ? 'triangle'\n : 'circle'\n \"\n ></aui-icon>\n </span>\n <span>{{ config.title }}</span>\n </div>\n <div [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"config.content\">\n <ng-container\n *ngIf=\"\n isTemplateRef(config.content) || isString(config.content);\n else componentTemplate\n \"\n >\n <ng-container\n *ngIf=\"isTemplateRef(config.content); else stringTemplate\"\n >\n <ng-template *ngTemplateOutlet=\"config.content\"></ng-template>\n </ng-container>\n <ng-template #stringTemplate>\n {{ config.content }}\n </ng-template>\n </ng-container>\n <ng-template #componentTemplate>\n <ng-container *ngComponentOutlet=\"$any(config.content)\"></ng-container>\n </ng-template>\n </ng-container>\n </div>\n <div [class]=\"bem.element('button-wrapper')\">\n <div>\n <button\n [aui-button]=\"config.confirmType\"\n [ngClass]=\"bem.element('confirm-button')\"\n [loading]=\"waitConfirm\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"confirm()\"\n >\n {{ config.confirmText }}\n </button>\n <button\n *ngIf=\"config.cancelButton\"\n aui-button\n [ngClass]=\"bem.element('cancel-button')\"\n [loading]=\"waitCancel\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"cancel()\"\n >\n {{ config.cancelText }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".aui-confirm-dialog{margin:auto;padding:32px 32px 20px;border-radius:var(--aui-border-radius-m);min-width:400px;max-width:600px;background-color:rgb(var(--aui-color-n-10))}.aui-confirm-dialog__title{margin-bottom:var(--aui-spacing-m);display:flex;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text))}.aui-confirm-dialog__icon{margin-right:var(--aui-spacing-m);font-size:var(--aui-icon-size-xl)}.aui-confirm-dialog__icon--primary,.aui-confirm-dialog__icon--warning{color:rgb(var(--aui-color-yellow))}.aui-confirm-dialog__icon--success{color:rgb(var(--aui-color-green))}.aui-confirm-dialog__icon--danger{color:rgb(var(--aui-color-red))}.aui-confirm-dialog__content{padding-left:calc(var(--aui-spacing-m) + var(--aui-icon-size-xl));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-secondary-text))}.aui-confirm-dialog__button-wrapper{margin:20px -12px 0 0;display:flex;flex-direction:row-reverse}\n"] }]
5939
5946
  }], ctorParameters: function () { return [{ type: DialogRef }, { type: i0.ChangeDetectorRef }]; } });
5940
5947
 
5941
5948
  const DIALOG_DATA = new InjectionToken('aui-dialog-data');
@@ -6420,10 +6427,10 @@ class DrawerComponent extends DrawerRef {
6420
6427
  }
6421
6428
  }
6422
6429
  DrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DrawerComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1$2.Overlay }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
6423
- DrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DrawerComponent, selector: "aui-drawer", inputs: { title: "title", footer: "footer", size: "size", offsetY: "offsetY", visible: "visible", content: "content", hideOnClickOutside: "hideOnClickOutside", showClose: "showClose", drawerClass: "drawerClass", mask: "mask", maskClosable: "maskClosable", divider: "divider", width: "width" }, outputs: { drawerViewInit: "drawerViewInit", close: "close" }, queries: [{ propertyName: "titleTemplate", first: true, predicate: DrawerHeaderDirective, descendants: true, read: TemplateRef }, { propertyName: "contentTemplate", first: true, predicate: DrawerContentDirective, descendants: true, read: TemplateRef }, { propertyName: "footerTemplate", first: true, predicate: DrawerFooterDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "drawerTemplate", first: true, predicate: ["drawerTemplate"], descendants: true, static: true }, { propertyName: "bodyPortalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #drawerTemplate>\n <div\n *ngIf=\"mask\"\n class=\"aui-drawer-mask\"\n [class.isOpen]=\"visible\"\n (click)=\"maskClick()\"\n ></div>\n <div\n [style.marginTop]=\"offsetY\"\n [ngClass]=\"drawerClasses\"\n [class.isOpen]=\"visible\"\n [ngStyle]=\"{\n transform: transform,\n width: width + 'px'\n }\"\n >\n <div class=\"aui-drawer__content\">\n <div class=\"aui-drawer__body-wrapper\">\n <div class=\"aui-drawer__header\">\n <div class=\"aui-drawer__title\">\n <ng-container\n *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n >\n {{ title }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"title || titleTemplate\"\n [ngTemplateOutlet]=\"$any(title || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n <div\n class=\"aui-drawer__close\"\n *ngIf=\"showClose\"\n (click)=\"dispose()\"\n >\n <aui-icon icon=\"xmark\"></aui-icon>\n </div>\n </div>\n\n <div\n class=\"aui-drawer__body\"\n cdkScrollable\n >\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n <ng-container\n *ngTemplateOutlet=\"\n $any(content || contentTemplate);\n context: templateContext\n \"\n >\n </ng-container>\n </ng-container>\n </div>\n\n <div\n *ngIf=\"footer || footerTemplate\"\n class=\"aui-drawer__footer\"\n >\n <ng-container\n *ngIf=\"!isTemplateRef(footer || footerTemplate); else elseTemplate\"\n >\n {{ footer }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"footer || footerTemplate\"\n [ngTemplateOutlet]=\"$any(footer || footerTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".aui-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0}:root .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer-mask.isOpen{height:100%}.aui-drawer{position:fixed;top:0;bottom:0;right:0;z-index:9999;transition:transform .3s,opacity .3s,box-shaow .3s;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer__content{background-color:rgb(var(--aui-color-n-10));position:absolute;height:100%;right:0;width:100%}.aui-drawer__header{margin:0 20px;padding:20px 0;display:flex;flex-shrink:0;justify-content:space-between}.aui-drawer__title{flex:1;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-drawer__close{z-index:10;margin-left:16px;display:flex;align-items:center;font-size:var(--aui-icon-size-m);color:rgb(var(--aui-color-n-2));cursor:pointer}.aui-drawer__close:hover{color:rgb(var(--aui-color-primary))}.aui-drawer__body-wrapper{width:100%;height:100%;display:flex;flex-flow:column nowrap;position:relative;z-index:1}.aui-drawer__body{padding:0 20px;overflow:hidden;overflow-y:auto;height:100%}.aui-drawer__footer{margin:0 20px;padding:20px 0}.aui-drawer.hasDivider .aui-drawer__header{padding-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-drawer.hasDivider .aui-drawer__body{padding:16px 20px}.aui-drawer.hasDivider .aui-drawer__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1$1.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
6430
+ DrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DrawerComponent, selector: "aui-drawer", inputs: { title: "title", footer: "footer", size: "size", offsetY: "offsetY", visible: "visible", content: "content", hideOnClickOutside: "hideOnClickOutside", showClose: "showClose", drawerClass: "drawerClass", mask: "mask", maskClosable: "maskClosable", divider: "divider", width: "width" }, outputs: { drawerViewInit: "drawerViewInit", close: "close" }, queries: [{ propertyName: "titleTemplate", first: true, predicate: DrawerHeaderDirective, descendants: true, read: TemplateRef }, { propertyName: "contentTemplate", first: true, predicate: DrawerContentDirective, descendants: true, read: TemplateRef }, { propertyName: "footerTemplate", first: true, predicate: DrawerFooterDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "drawerTemplate", first: true, predicate: ["drawerTemplate"], descendants: true, static: true }, { propertyName: "bodyPortalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #drawerTemplate>\n <div\n *ngIf=\"mask\"\n class=\"aui-drawer-mask\"\n [class.isOpen]=\"visible\"\n (click)=\"maskClick()\"\n ></div>\n <div\n [style.marginTop]=\"offsetY\"\n [ngClass]=\"drawerClasses\"\n [class.isOpen]=\"visible\"\n [ngStyle]=\"{\n transform: transform,\n width: width + 'px'\n }\"\n >\n <div class=\"aui-drawer__content\">\n <div class=\"aui-drawer__body-wrapper\">\n <div class=\"aui-drawer__header\">\n <div class=\"aui-drawer__title\">\n <ng-container\n *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n >\n {{ title }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"title || titleTemplate\"\n [ngTemplateOutlet]=\"$any(title || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n <div\n class=\"aui-drawer__close\"\n *ngIf=\"showClose\"\n (click)=\"dispose()\"\n >\n <aui-icon icon=\"xmark\"></aui-icon>\n </div>\n </div>\n\n <div\n class=\"aui-drawer__body\"\n cdkScrollable\n >\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n <ng-container\n *ngTemplateOutlet=\"\n $any(content || contentTemplate);\n context: templateContext\n \"\n >\n </ng-container>\n </ng-container>\n </div>\n\n <div\n *ngIf=\"footer || footerTemplate\"\n class=\"aui-drawer__footer\"\n >\n <ng-container\n *ngIf=\"!isTemplateRef(footer || footerTemplate); else elseTemplate\"\n >\n {{ footer }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"footer || footerTemplate\"\n [ngTemplateOutlet]=\"$any(footer || footerTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".aui-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0}:root .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer-mask.isOpen{height:100%}.aui-drawer{position:fixed;top:0;bottom:0;right:0;z-index:9999;transition:transform .3s,opacity .3s,box-shaow .3s;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}:root .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer__content{background-color:rgb(var(--aui-color-n-10));position:absolute;height:100%;right:0;width:100%}.aui-drawer__header{padding:20px;display:flex;flex-shrink:0;justify-content:space-between}.aui-drawer__title{flex:1;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-drawer__close{z-index:10;margin-top:2px;margin-left:var(--aui-spacing-xl);display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:var(--aui-icon-size-l);color:rgb(var(--aui-color-secondary-text));border-radius:var(--aui-border-radius-m);cursor:pointer}.aui-drawer__close:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-drawer__close:active{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-drawer__body-wrapper{width:100%;height:100%;display:flex;flex-flow:column nowrap;position:relative;z-index:1}.aui-drawer__body{padding:0 20px;overflow:hidden;overflow-y:auto;height:100%}.aui-drawer__footer{padding:20px}.aui-drawer.hasDivider .aui-drawer__header{padding-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-drawer.hasDivider .aui-drawer__body{padding:16px 20px}.aui-drawer.hasDivider .aui-drawer__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1$1.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
6424
6431
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DrawerComponent, decorators: [{
6425
6432
  type: Component,
6426
- args: [{ selector: 'aui-drawer', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #drawerTemplate>\n <div\n *ngIf=\"mask\"\n class=\"aui-drawer-mask\"\n [class.isOpen]=\"visible\"\n (click)=\"maskClick()\"\n ></div>\n <div\n [style.marginTop]=\"offsetY\"\n [ngClass]=\"drawerClasses\"\n [class.isOpen]=\"visible\"\n [ngStyle]=\"{\n transform: transform,\n width: width + 'px'\n }\"\n >\n <div class=\"aui-drawer__content\">\n <div class=\"aui-drawer__body-wrapper\">\n <div class=\"aui-drawer__header\">\n <div class=\"aui-drawer__title\">\n <ng-container\n *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n >\n {{ title }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"title || titleTemplate\"\n [ngTemplateOutlet]=\"$any(title || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n <div\n class=\"aui-drawer__close\"\n *ngIf=\"showClose\"\n (click)=\"dispose()\"\n >\n <aui-icon icon=\"xmark\"></aui-icon>\n </div>\n </div>\n\n <div\n class=\"aui-drawer__body\"\n cdkScrollable\n >\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n <ng-container\n *ngTemplateOutlet=\"\n $any(content || contentTemplate);\n context: templateContext\n \"\n >\n </ng-container>\n </ng-container>\n </div>\n\n <div\n *ngIf=\"footer || footerTemplate\"\n class=\"aui-drawer__footer\"\n >\n <ng-container\n *ngIf=\"!isTemplateRef(footer || footerTemplate); else elseTemplate\"\n >\n {{ footer }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"footer || footerTemplate\"\n [ngTemplateOutlet]=\"$any(footer || footerTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".aui-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0}:root .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer-mask.isOpen{height:100%}.aui-drawer{position:fixed;top:0;bottom:0;right:0;z-index:9999;transition:transform .3s,opacity .3s,box-shaow .3s;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer__content{background-color:rgb(var(--aui-color-n-10));position:absolute;height:100%;right:0;width:100%}.aui-drawer__header{margin:0 20px;padding:20px 0;display:flex;flex-shrink:0;justify-content:space-between}.aui-drawer__title{flex:1;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-drawer__close{z-index:10;margin-left:16px;display:flex;align-items:center;font-size:var(--aui-icon-size-m);color:rgb(var(--aui-color-n-2));cursor:pointer}.aui-drawer__close:hover{color:rgb(var(--aui-color-primary))}.aui-drawer__body-wrapper{width:100%;height:100%;display:flex;flex-flow:column nowrap;position:relative;z-index:1}.aui-drawer__body{padding:0 20px;overflow:hidden;overflow-y:auto;height:100%}.aui-drawer__footer{margin:0 20px;padding:20px 0}.aui-drawer.hasDivider .aui-drawer__header{padding-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-drawer.hasDivider .aui-drawer__body{padding:16px 20px}.aui-drawer.hasDivider .aui-drawer__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"] }]
6433
+ args: [{ selector: 'aui-drawer', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #drawerTemplate>\n <div\n *ngIf=\"mask\"\n class=\"aui-drawer-mask\"\n [class.isOpen]=\"visible\"\n (click)=\"maskClick()\"\n ></div>\n <div\n [style.marginTop]=\"offsetY\"\n [ngClass]=\"drawerClasses\"\n [class.isOpen]=\"visible\"\n [ngStyle]=\"{\n transform: transform,\n width: width + 'px'\n }\"\n >\n <div class=\"aui-drawer__content\">\n <div class=\"aui-drawer__body-wrapper\">\n <div class=\"aui-drawer__header\">\n <div class=\"aui-drawer__title\">\n <ng-container\n *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n >\n {{ title }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"title || titleTemplate\"\n [ngTemplateOutlet]=\"$any(title || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n <div\n class=\"aui-drawer__close\"\n *ngIf=\"showClose\"\n (click)=\"dispose()\"\n >\n <aui-icon icon=\"xmark\"></aui-icon>\n </div>\n </div>\n\n <div\n class=\"aui-drawer__body\"\n cdkScrollable\n >\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n <ng-container\n *ngTemplateOutlet=\"\n $any(content || contentTemplate);\n context: templateContext\n \"\n >\n </ng-container>\n </ng-container>\n </div>\n\n <div\n *ngIf=\"footer || footerTemplate\"\n class=\"aui-drawer__footer\"\n >\n <ng-container\n *ngIf=\"!isTemplateRef(footer || footerTemplate); else elseTemplate\"\n >\n {{ footer }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"footer || footerTemplate\"\n [ngTemplateOutlet]=\"$any(footer || footerTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".aui-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0}:root .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer-mask.isOpen{height:100%}.aui-drawer{position:fixed;top:0;bottom:0;right:0;z-index:9999;transition:transform .3s,opacity .3s,box-shaow .3s;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}:root .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer__content{background-color:rgb(var(--aui-color-n-10));position:absolute;height:100%;right:0;width:100%}.aui-drawer__header{padding:20px;display:flex;flex-shrink:0;justify-content:space-between}.aui-drawer__title{flex:1;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-drawer__close{z-index:10;margin-top:2px;margin-left:var(--aui-spacing-xl);display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:var(--aui-icon-size-l);color:rgb(var(--aui-color-secondary-text));border-radius:var(--aui-border-radius-m);cursor:pointer}.aui-drawer__close:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-drawer__close:active{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-drawer__body-wrapper{width:100%;height:100%;display:flex;flex-flow:column nowrap;position:relative;z-index:1}.aui-drawer__body{padding:0 20px;overflow:hidden;overflow-y:auto;height:100%}.aui-drawer__footer{padding:20px}.aui-drawer.hasDivider .aui-drawer__header{padding-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-drawer.hasDivider .aui-drawer__body{padding:16px 20px}.aui-drawer.hasDivider .aui-drawer__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"] }]
6427
6434
  }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1$2.Overlay }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
6428
6435
  type: Input
6429
6436
  }], footer: [{
@@ -6941,10 +6948,10 @@ class InlineAlertComponent {
6941
6948
  }
6942
6949
  }
6943
6950
  InlineAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: InlineAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6944
- InlineAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: InlineAlertComponent, selector: "aui-inline-alert", inputs: { title: "title", content: "content", closable: "closable", type: "type" }, outputs: { close: "close" }, queries: [{ propertyName: "titleRef", first: true, predicate: InlineAlertTitleDirective, descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"visible\"\n [class]=\"bem.block(type)\"\n [class.hasTitle]=\"title || titleRef\"\n>\n <aui-icon\n class=\"aui-inline-alert__icon\"\n [icon]=\"iconMap(type)\"\n [background]=\"iconMap(type).endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n <div class=\"aui-inline-alert__body\">\n <div\n class=\"aui-inline-alert__title\"\n *ngIf=\"title || titleRef\"\n >\n <ng-container *ngIf=\"title\">{{ title }}</ng-container>\n <ng-content select=\"[auiInlineAlertTitle]\"></ng-content>\n </div>\n <div class=\"aui-inline-alert__content\">\n <ng-container *ngIf=\"content\">{{ content }}</ng-container>\n <ng-content></ng-content>\n </div>\n </div>\n <aui-icon\n *ngIf=\"closable\"\n class=\"aui-inline-alert__close\"\n icon=\"xmark\"\n (click)=\"closeSelf()\"\n ></aui-icon>\n</div>\n", styles: [".aui-inline-alert{display:flex;margin:0 0 var(--aui-spacing-xl);padding:11px 15px;border-radius:var(--aui-border-radius-m);border-width:1px;border-style:solid}.aui-inline-alert--primary{border-color:rgb(var(--aui-color-blue))}:root .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-7))}html[aui-theme-mode=light] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-6))}}html[aui-theme-mode=dark] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-6))}.aui-inline-alert--primary .aui-inline-alert__icon,.aui-inline-alert--primary .aui-inline-alert__close:hover{color:rgb(var(--aui-color-blue))}.aui-inline-alert--success{border-color:rgb(var(--aui-color-green))}:root .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-7))}html[aui-theme-mode=light] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-6))}}html[aui-theme-mode=dark] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-6))}.aui-inline-alert--success .aui-inline-alert__icon,.aui-inline-alert--success .aui-inline-alert__close:hover{color:rgb(var(--aui-color-green))}.aui-inline-alert--warning{border-color:rgb(var(--aui-color-yellow))}:root .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-7))}html[aui-theme-mode=light] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-6))}}html[aui-theme-mode=dark] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-6))}.aui-inline-alert--warning .aui-inline-alert__icon,.aui-inline-alert--warning .aui-inline-alert__close:hover{color:rgb(var(--aui-color-yellow))}.aui-inline-alert--danger{border-color:rgb(var(--aui-color-red))}:root .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-7))}html[aui-theme-mode=light] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-6))}}html[aui-theme-mode=dark] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-6))}.aui-inline-alert--danger .aui-inline-alert__icon,.aui-inline-alert--danger .aui-inline-alert__close:hover{color:rgb(var(--aui-color-red))}.aui-inline-alert--error{border-color:rgb(var(--aui-color-red))}:root .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-7))}html[aui-theme-mode=light] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-6))}}html[aui-theme-mode=dark] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-6))}.aui-inline-alert--error .aui-inline-alert__icon,.aui-inline-alert--error .aui-inline-alert__close:hover{color:rgb(var(--aui-color-red))}.aui-inline-alert--info{border-color:rgb(var(--aui-color-blue))}:root .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-7))}html[aui-theme-mode=light] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-6))}}html[aui-theme-mode=dark] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-6))}.aui-inline-alert--info .aui-inline-alert__icon,.aui-inline-alert--info .aui-inline-alert__close:hover{color:rgb(var(--aui-color-blue))}.aui-inline-alert__icon{display:flex;margin:0 8px 0 0;align-items:center;height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-inline-alert.hasTitle .aui-inline-alert__icon{height:var(--aui-line-height-xl)}.aui-inline-alert__body{flex:1;width:100%;overflow:hidden}.aui-inline-alert__close{display:block;margin:4px 0 0 15px;height:1em;line-height:1em;font-size:var(--aui-font-size-s);color:rgb(var(--aui-color-n-2));cursor:pointer}.aui-inline-alert__title{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-inline-alert__content{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-inline-alert.hasTitle .aui-inline-alert__content{color:rgb(var(--aui-color-secondary-text))}.aui-inline-alert__title+.aui-inline-alert__content{margin-top:4px}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
6951
+ InlineAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: InlineAlertComponent, selector: "aui-inline-alert", inputs: { title: "title", content: "content", closable: "closable", type: "type" }, outputs: { close: "close" }, queries: [{ propertyName: "titleRef", first: true, predicate: InlineAlertTitleDirective, descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"visible\"\n [class]=\"bem.block(type)\"\n [class.hasTitle]=\"title || titleRef\"\n>\n <aui-icon\n class=\"aui-inline-alert__icon\"\n [icon]=\"iconMap(type)\"\n [background]=\"iconMap(type).endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n <div class=\"aui-inline-alert__body\">\n <div\n class=\"aui-inline-alert__title\"\n *ngIf=\"title || titleRef\"\n >\n <ng-container *ngIf=\"title\">{{ title }}</ng-container>\n <ng-content select=\"[auiInlineAlertTitle]\"></ng-content>\n </div>\n <div class=\"aui-inline-alert__content\">\n <ng-container *ngIf=\"content\">{{ content }}</ng-container>\n <ng-content></ng-content>\n </div>\n </div>\n <aui-icon\n *ngIf=\"closable\"\n class=\"aui-inline-alert__close\"\n icon=\"xmark\"\n (click)=\"closeSelf()\"\n ></aui-icon>\n</div>\n", styles: [".aui-inline-alert{display:flex;margin:0 0 var(--aui-spacing-xl);padding:11px 19px;border-radius:var(--aui-border-radius-m);border-width:1px;border-style:solid}.aui-inline-alert--primary{border-color:rgb(var(--aui-color-blue))}:root .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-7))}html[aui-theme-mode=light] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-6))}}html[aui-theme-mode=dark] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-6))}.aui-inline-alert--primary .aui-inline-alert__icon,.aui-inline-alert--primary .aui-inline-alert__close:hover{color:rgb(var(--aui-color-blue))}.aui-inline-alert--success{border-color:rgb(var(--aui-color-green))}:root .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-7))}html[aui-theme-mode=light] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-6))}}html[aui-theme-mode=dark] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-6))}.aui-inline-alert--success .aui-inline-alert__icon,.aui-inline-alert--success .aui-inline-alert__close:hover{color:rgb(var(--aui-color-green))}.aui-inline-alert--warning{border-color:rgb(var(--aui-color-yellow))}:root .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-7))}html[aui-theme-mode=light] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-6))}}html[aui-theme-mode=dark] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-6))}.aui-inline-alert--warning .aui-inline-alert__icon,.aui-inline-alert--warning .aui-inline-alert__close:hover{color:rgb(var(--aui-color-yellow))}.aui-inline-alert--danger{border-color:rgb(var(--aui-color-red))}:root .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-7))}html[aui-theme-mode=light] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-6))}}html[aui-theme-mode=dark] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-6))}.aui-inline-alert--danger .aui-inline-alert__icon,.aui-inline-alert--danger .aui-inline-alert__close:hover{color:rgb(var(--aui-color-red))}.aui-inline-alert--error{border-color:rgb(var(--aui-color-red))}:root .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-7))}html[aui-theme-mode=light] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-6))}}html[aui-theme-mode=dark] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-6))}.aui-inline-alert--error .aui-inline-alert__icon,.aui-inline-alert--error .aui-inline-alert__close:hover{color:rgb(var(--aui-color-red))}.aui-inline-alert--info{border-color:rgb(var(--aui-color-blue))}:root .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-7))}html[aui-theme-mode=light] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-6))}}html[aui-theme-mode=dark] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-6))}.aui-inline-alert--info .aui-inline-alert__icon,.aui-inline-alert--info .aui-inline-alert__close:hover{color:rgb(var(--aui-color-blue))}.aui-inline-alert__icon{display:flex;margin:0 8px 0 0;align-items:center;height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-inline-alert.hasTitle .aui-inline-alert__icon{height:var(--aui-line-height-xl)}.aui-inline-alert__body{flex:1;width:100%;overflow:hidden}.aui-inline-alert__close{display:block;margin:4px 0 0 19px;height:1em;line-height:1em;font-size:var(--aui-font-size-s);color:rgb(var(--aui-color-n-2));cursor:pointer}.aui-inline-alert__title{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-inline-alert__content{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-inline-alert.hasTitle .aui-inline-alert__content{color:rgb(var(--aui-color-secondary-text))}.aui-inline-alert__title+.aui-inline-alert__content{margin-top:4px}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
6945
6952
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: InlineAlertComponent, decorators: [{
6946
6953
  type: Component,
6947
- args: [{ selector: 'aui-inline-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n *ngIf=\"visible\"\n [class]=\"bem.block(type)\"\n [class.hasTitle]=\"title || titleRef\"\n>\n <aui-icon\n class=\"aui-inline-alert__icon\"\n [icon]=\"iconMap(type)\"\n [background]=\"iconMap(type).endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n <div class=\"aui-inline-alert__body\">\n <div\n class=\"aui-inline-alert__title\"\n *ngIf=\"title || titleRef\"\n >\n <ng-container *ngIf=\"title\">{{ title }}</ng-container>\n <ng-content select=\"[auiInlineAlertTitle]\"></ng-content>\n </div>\n <div class=\"aui-inline-alert__content\">\n <ng-container *ngIf=\"content\">{{ content }}</ng-container>\n <ng-content></ng-content>\n </div>\n </div>\n <aui-icon\n *ngIf=\"closable\"\n class=\"aui-inline-alert__close\"\n icon=\"xmark\"\n (click)=\"closeSelf()\"\n ></aui-icon>\n</div>\n", styles: [".aui-inline-alert{display:flex;margin:0 0 var(--aui-spacing-xl);padding:11px 15px;border-radius:var(--aui-border-radius-m);border-width:1px;border-style:solid}.aui-inline-alert--primary{border-color:rgb(var(--aui-color-blue))}:root .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-7))}html[aui-theme-mode=light] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-6))}}html[aui-theme-mode=dark] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-6))}.aui-inline-alert--primary .aui-inline-alert__icon,.aui-inline-alert--primary .aui-inline-alert__close:hover{color:rgb(var(--aui-color-blue))}.aui-inline-alert--success{border-color:rgb(var(--aui-color-green))}:root .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-7))}html[aui-theme-mode=light] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-6))}}html[aui-theme-mode=dark] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-6))}.aui-inline-alert--success .aui-inline-alert__icon,.aui-inline-alert--success .aui-inline-alert__close:hover{color:rgb(var(--aui-color-green))}.aui-inline-alert--warning{border-color:rgb(var(--aui-color-yellow))}:root .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-7))}html[aui-theme-mode=light] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-6))}}html[aui-theme-mode=dark] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-6))}.aui-inline-alert--warning .aui-inline-alert__icon,.aui-inline-alert--warning .aui-inline-alert__close:hover{color:rgb(var(--aui-color-yellow))}.aui-inline-alert--danger{border-color:rgb(var(--aui-color-red))}:root .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-7))}html[aui-theme-mode=light] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-6))}}html[aui-theme-mode=dark] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-6))}.aui-inline-alert--danger .aui-inline-alert__icon,.aui-inline-alert--danger .aui-inline-alert__close:hover{color:rgb(var(--aui-color-red))}.aui-inline-alert--error{border-color:rgb(var(--aui-color-red))}:root .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-7))}html[aui-theme-mode=light] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-6))}}html[aui-theme-mode=dark] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-6))}.aui-inline-alert--error .aui-inline-alert__icon,.aui-inline-alert--error .aui-inline-alert__close:hover{color:rgb(var(--aui-color-red))}.aui-inline-alert--info{border-color:rgb(var(--aui-color-blue))}:root .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-7))}html[aui-theme-mode=light] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-6))}}html[aui-theme-mode=dark] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-6))}.aui-inline-alert--info .aui-inline-alert__icon,.aui-inline-alert--info .aui-inline-alert__close:hover{color:rgb(var(--aui-color-blue))}.aui-inline-alert__icon{display:flex;margin:0 8px 0 0;align-items:center;height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-inline-alert.hasTitle .aui-inline-alert__icon{height:var(--aui-line-height-xl)}.aui-inline-alert__body{flex:1;width:100%;overflow:hidden}.aui-inline-alert__close{display:block;margin:4px 0 0 15px;height:1em;line-height:1em;font-size:var(--aui-font-size-s);color:rgb(var(--aui-color-n-2));cursor:pointer}.aui-inline-alert__title{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-inline-alert__content{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-inline-alert.hasTitle .aui-inline-alert__content{color:rgb(var(--aui-color-secondary-text))}.aui-inline-alert__title+.aui-inline-alert__content{margin-top:4px}\n"] }]
6954
+ args: [{ selector: 'aui-inline-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n *ngIf=\"visible\"\n [class]=\"bem.block(type)\"\n [class.hasTitle]=\"title || titleRef\"\n>\n <aui-icon\n class=\"aui-inline-alert__icon\"\n [icon]=\"iconMap(type)\"\n [background]=\"iconMap(type).endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n <div class=\"aui-inline-alert__body\">\n <div\n class=\"aui-inline-alert__title\"\n *ngIf=\"title || titleRef\"\n >\n <ng-container *ngIf=\"title\">{{ title }}</ng-container>\n <ng-content select=\"[auiInlineAlertTitle]\"></ng-content>\n </div>\n <div class=\"aui-inline-alert__content\">\n <ng-container *ngIf=\"content\">{{ content }}</ng-container>\n <ng-content></ng-content>\n </div>\n </div>\n <aui-icon\n *ngIf=\"closable\"\n class=\"aui-inline-alert__close\"\n icon=\"xmark\"\n (click)=\"closeSelf()\"\n ></aui-icon>\n</div>\n", styles: [".aui-inline-alert{display:flex;margin:0 0 var(--aui-spacing-xl);padding:11px 19px;border-radius:var(--aui-border-radius-m);border-width:1px;border-style:solid}.aui-inline-alert--primary{border-color:rgb(var(--aui-color-blue))}:root .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-7))}html[aui-theme-mode=light] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-6))}}html[aui-theme-mode=dark] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-6))}.aui-inline-alert--primary .aui-inline-alert__icon,.aui-inline-alert--primary .aui-inline-alert__close:hover{color:rgb(var(--aui-color-blue))}.aui-inline-alert--success{border-color:rgb(var(--aui-color-green))}:root .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-7))}html[aui-theme-mode=light] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-6))}}html[aui-theme-mode=dark] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-6))}.aui-inline-alert--success .aui-inline-alert__icon,.aui-inline-alert--success .aui-inline-alert__close:hover{color:rgb(var(--aui-color-green))}.aui-inline-alert--warning{border-color:rgb(var(--aui-color-yellow))}:root .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-7))}html[aui-theme-mode=light] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-6))}}html[aui-theme-mode=dark] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-6))}.aui-inline-alert--warning .aui-inline-alert__icon,.aui-inline-alert--warning .aui-inline-alert__close:hover{color:rgb(var(--aui-color-yellow))}.aui-inline-alert--danger{border-color:rgb(var(--aui-color-red))}:root .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-7))}html[aui-theme-mode=light] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-6))}}html[aui-theme-mode=dark] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-6))}.aui-inline-alert--danger .aui-inline-alert__icon,.aui-inline-alert--danger .aui-inline-alert__close:hover{color:rgb(var(--aui-color-red))}.aui-inline-alert--error{border-color:rgb(var(--aui-color-red))}:root .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-7))}html[aui-theme-mode=light] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-6))}}html[aui-theme-mode=dark] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-6))}.aui-inline-alert--error .aui-inline-alert__icon,.aui-inline-alert--error .aui-inline-alert__close:hover{color:rgb(var(--aui-color-red))}.aui-inline-alert--info{border-color:rgb(var(--aui-color-blue))}:root .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-7))}html[aui-theme-mode=light] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-6))}}html[aui-theme-mode=dark] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-6))}.aui-inline-alert--info .aui-inline-alert__icon,.aui-inline-alert--info .aui-inline-alert__close:hover{color:rgb(var(--aui-color-blue))}.aui-inline-alert__icon{display:flex;margin:0 8px 0 0;align-items:center;height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-inline-alert.hasTitle .aui-inline-alert__icon{height:var(--aui-line-height-xl)}.aui-inline-alert__body{flex:1;width:100%;overflow:hidden}.aui-inline-alert__close{display:block;margin:4px 0 0 19px;height:1em;line-height:1em;font-size:var(--aui-font-size-s);color:rgb(var(--aui-color-n-2));cursor:pointer}.aui-inline-alert__title{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-inline-alert__content{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-inline-alert.hasTitle .aui-inline-alert__content{color:rgb(var(--aui-color-secondary-text))}.aui-inline-alert__title+.aui-inline-alert__content{margin-top:4px}\n"] }]
6948
6955
  }], propDecorators: { title: [{
6949
6956
  type: Input
6950
6957
  }], content: [{
@@ -7094,10 +7101,10 @@ class MessageComponent {
7094
7101
  }
7095
7102
  }
7096
7103
  MessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MessageComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
7097
- MessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MessageComponent, selector: "aui-message", ngImport: i0, template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId\"\n>\n <div [class]=\"bem.element('icon', type)\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('content')\">{{ content }}</div>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-pane.aui-message-overlay-pane{z-index:1001}.aui-message{display:flex;margin-bottom:var(--aui-spacing-xxl);padding:8px 16px;min-width:100px;max-width:800px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-message{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-message{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-message{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-message{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-message__icon{font-size:var(--aui-icon-size-m)}.aui-message__icon--success{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-green))}.aui-message__icon--warning{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-yellow))}.aui-message__icon--error{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-red))}.aui-message__icon--info{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-blue))}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], animations: [MessageAnimations.inOut], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
7104
+ MessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MessageComponent, selector: "aui-message", ngImport: i0, template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId\"\n>\n <div [class]=\"bem.element('icon', type)\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('content')\">{{ content }}</div>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-pane.aui-message-overlay-pane{z-index:1001}.aui-message{display:flex;margin-bottom:var(--aui-spacing-xxl);padding:8px 16px;min-width:100px;max-width:800px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}:root .aui-message{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-message{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-message{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-message{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-message__icon{font-size:var(--aui-icon-size-m)}.aui-message__icon--success{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-green))}.aui-message__icon--warning{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-yellow))}.aui-message__icon--error{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-red))}.aui-message__icon--info{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-blue))}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], animations: [MessageAnimations.inOut], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
7098
7105
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MessageComponent, decorators: [{
7099
7106
  type: Component,
7100
- args: [{ selector: 'aui-message', animations: [MessageAnimations.inOut], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId\"\n>\n <div [class]=\"bem.element('icon', type)\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('content')\">{{ content }}</div>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-pane.aui-message-overlay-pane{z-index:1001}.aui-message{display:flex;margin-bottom:var(--aui-spacing-xxl);padding:8px 16px;min-width:100px;max-width:800px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-message{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-message{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-message{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-message{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-message__icon{font-size:var(--aui-icon-size-m)}.aui-message__icon--success{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-green))}.aui-message__icon--warning{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-yellow))}.aui-message__icon--error{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-red))}.aui-message__icon--info{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-blue))}\n"] }]
7107
+ args: [{ selector: 'aui-message', animations: [MessageAnimations.inOut], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId\"\n>\n <div [class]=\"bem.element('icon', type)\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('content')\">{{ content }}</div>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-pane.aui-message-overlay-pane{z-index:1001}.aui-message{display:flex;margin-bottom:var(--aui-spacing-xxl);padding:8px 16px;min-width:100px;max-width:800px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}:root .aui-message{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-message{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-message{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-message{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-message__icon{font-size:var(--aui-icon-size-m)}.aui-message__icon--success{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-green))}.aui-message__icon--warning{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-yellow))}.aui-message__icon--error{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-red))}.aui-message__icon--info{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-blue))}\n"] }]
7101
7108
  }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }]; } });
7102
7109
 
7103
7110
  class BaseMessage {
@@ -7302,10 +7309,10 @@ class NotificationComponent extends MessageComponent {
7302
7309
  }
7303
7310
  }
7304
7311
  NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: NotificationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
7305
- NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: NotificationComponent, selector: "aui-notification", host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "modalEl", first: true, predicate: ["modalComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId + ' ' + customClass\"\n>\n <div [class]=\"bem.element('icon')\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('body')\">\n <div\n *ngIf=\"title\"\n [class]=\"bem.element('title')\"\n >\n {{ title }}\n </div>\n <div\n *ngIf=\"content\"\n [class]=\"bem.element('content')\"\n >\n {{ content }}\n </div>\n <ng-template cdkPortalHost></ng-template>\n <ng-template #modalComponent></ng-template>\n </div>\n <div [class]=\"bem.element('close')\">\n <div\n *ngIf=\"duration <= 0 || isHover\"\n [class]=\"bem.element('remove')\"\n (click)=\"remove()\"\n >\n <aui-icon icon=\"xmark\"></aui-icon>\n </div>\n <div\n *ngIf=\"duration > 0 && !isHover\"\n [class]=\"bem.element('duration')\"\n >\n {{ remains > 0 ? remains : 1 }}s\n </div>\n </div>\n <div\n *ngIf=\"footerPortal\"\n [class]=\"bem.element('footer')\"\n >\n <ng-template [cdkPortalOutlet]=\"footerPortal\"></ng-template>\n </div>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-pane.aui-notification-overlay-pane{z-index:1001}.aui-notification{margin:0 20px 10px 0;display:flex;flex-wrap:wrap;width:400px;position:relative;border-radius:4px;padding:20px 16px 20px 20px;align-items:flex-start;background-color:rgb(var(--aui-color-popper-bg))}:root .aui-notification{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-notification{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-notification{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-notification{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-notification__icon{font-size:var(--aui-icon-size-l);width:var(--aui-icon-size-l);line-height:var(--aui-line-height-xl)}.aui-notification--success{border-left:4px solid rgb(var(--aui-color-green))}.aui-notification--success .aui-notification__icon{color:rgb(var(--aui-color-green))}.aui-notification--warning{border-left:4px solid rgb(var(--aui-color-yellow))}.aui-notification--warning .aui-notification__icon{color:rgb(var(--aui-color-yellow))}.aui-notification--error{border-left:4px solid rgb(var(--aui-color-red))}.aui-notification--error .aui-notification__icon{color:rgb(var(--aui-color-red))}.aui-notification--info{border-left:4px solid rgb(var(--aui-color-primary))}.aui-notification--info .aui-notification__icon{color:rgb(var(--aui-color-primary))}.aui-notification__body{margin:0 16px 0 8px;width:304px}.aui-notification__title{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));text-align:left;word-break:break-word}.aui-notification__title:not(:only-child){margin-bottom:6px}.aui-notification__content{margin-top:calc((var(--aui-line-height-xl) - var(--aui-line-height-m)) / 2);padding-right:4px;max-height:140px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-secondary-text));text-align:left;overflow:auto;overflow-wrap:break-word}.aui-notification__content::-webkit-scrollbar{width:4px;height:4px}.aui-notification__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-notification__content::-webkit-scrollbar-corner{background-color:transparent}.aui-notification__close{right:10px;font-size:var(--aui-icon-size-m);width:var(--aui-icon-size-m);color:rgb(var(--aui-color-n-2));line-height:var(--aui-line-height-xl);cursor:pointer}.aui-notification__close:hover{color:rgb(var(--aui-color-primary))}.aui-notification__remove{font-size:var(--aui-font-size-l)}.aui-notification__duration{font-size:var(--aui-font-size-m)}.aui-notification__footer{width:360px;margin-top:12px;word-break:break-all}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.PortalHostDirective, selector: "[cdkPortalHost], [portalHost]", inputs: ["cdkPortalHost"], exportAs: ["cdkPortalHost"] }, { type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [MessageAnimations.inOut], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
7312
+ NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: NotificationComponent, selector: "aui-notification", host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "modalEl", first: true, predicate: ["modalComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId + ' ' + customClass\"\n>\n <div [class]=\"bem.element('icon')\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('body')\">\n <div\n *ngIf=\"title\"\n [class]=\"bem.element('title')\"\n >\n {{ title }}\n </div>\n <div\n *ngIf=\"content\"\n [class]=\"bem.element('content')\"\n >\n {{ content }}\n </div>\n <ng-template cdkPortalHost></ng-template>\n <ng-template #modalComponent></ng-template>\n </div>\n <div [class]=\"bem.element('close')\">\n <div\n *ngIf=\"duration <= 0 || isHover\"\n [class]=\"bem.element('remove')\"\n (click)=\"remove()\"\n >\n <aui-icon icon=\"xmark\"></aui-icon>\n </div>\n <div\n *ngIf=\"duration > 0 && !isHover\"\n [class]=\"bem.element('duration')\"\n >\n {{ remains > 0 ? remains : 1 }}s\n </div>\n </div>\n <div\n *ngIf=\"footerPortal\"\n [class]=\"bem.element('footer')\"\n >\n <ng-template [cdkPortalOutlet]=\"footerPortal\"></ng-template>\n </div>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-pane.aui-notification-overlay-pane{z-index:1001}.aui-notification{margin:0 20px 10px 0;display:flex;flex-wrap:wrap;width:400px;position:relative;border-radius:4px;padding:20px 16px 20px 20px;align-items:flex-start;background-color:rgb(var(--aui-color-popper-bg))}:root .aui-notification{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-notification{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-notification{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-notification{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-notification__icon{font-size:var(--aui-icon-size-l);width:var(--aui-icon-size-l);line-height:var(--aui-line-height-xl)}.aui-notification--success{border-left:4px solid rgb(var(--aui-color-green))}.aui-notification--success .aui-notification__icon{color:rgb(var(--aui-color-green))}.aui-notification--warning{border-left:4px solid rgb(var(--aui-color-yellow))}.aui-notification--warning .aui-notification__icon{color:rgb(var(--aui-color-yellow))}.aui-notification--error{border-left:4px solid rgb(var(--aui-color-red))}.aui-notification--error .aui-notification__icon{color:rgb(var(--aui-color-red))}.aui-notification--info{border-left:4px solid rgb(var(--aui-color-primary))}.aui-notification--info .aui-notification__icon{color:rgb(var(--aui-color-primary))}.aui-notification__body{margin:0 16px 0 8px;width:304px}.aui-notification__title{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));text-align:left;word-break:break-word}.aui-notification__title:not(:only-child){margin-bottom:6px}.aui-notification__content{margin-top:calc((var(--aui-line-height-xl) - var(--aui-line-height-m)) / 2);padding-right:4px;max-height:140px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-secondary-text));text-align:left;overflow:auto;overflow-wrap:break-word}.aui-notification__content::-webkit-scrollbar{width:4px;height:4px}.aui-notification__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-notification__content::-webkit-scrollbar-corner{background-color:transparent}.aui-notification__close{right:10px;font-size:var(--aui-icon-size-m);width:var(--aui-icon-size-m);color:rgb(var(--aui-color-n-2));line-height:var(--aui-line-height-xl);cursor:pointer}.aui-notification__close:hover{color:rgb(var(--aui-color-primary))}.aui-notification__remove{font-size:var(--aui-font-size-l)}.aui-notification__duration{font-size:var(--aui-font-size-m)}.aui-notification__footer{width:360px;margin-top:12px;word-break:break-all}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.PortalHostDirective, selector: "[cdkPortalHost], [portalHost]", inputs: ["cdkPortalHost"], exportAs: ["cdkPortalHost"] }, { type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [MessageAnimations.inOut], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
7306
7313
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: NotificationComponent, decorators: [{
7307
7314
  type: Component,
7308
- args: [{ selector: 'aui-notification', animations: [MessageAnimations.inOut], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId + ' ' + customClass\"\n>\n <div [class]=\"bem.element('icon')\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('body')\">\n <div\n *ngIf=\"title\"\n [class]=\"bem.element('title')\"\n >\n {{ title }}\n </div>\n <div\n *ngIf=\"content\"\n [class]=\"bem.element('content')\"\n >\n {{ content }}\n </div>\n <ng-template cdkPortalHost></ng-template>\n <ng-template #modalComponent></ng-template>\n </div>\n <div [class]=\"bem.element('close')\">\n <div\n *ngIf=\"duration <= 0 || isHover\"\n [class]=\"bem.element('remove')\"\n (click)=\"remove()\"\n >\n <aui-icon icon=\"xmark\"></aui-icon>\n </div>\n <div\n *ngIf=\"duration > 0 && !isHover\"\n [class]=\"bem.element('duration')\"\n >\n {{ remains > 0 ? remains : 1 }}s\n </div>\n </div>\n <div\n *ngIf=\"footerPortal\"\n [class]=\"bem.element('footer')\"\n >\n <ng-template [cdkPortalOutlet]=\"footerPortal\"></ng-template>\n </div>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-pane.aui-notification-overlay-pane{z-index:1001}.aui-notification{margin:0 20px 10px 0;display:flex;flex-wrap:wrap;width:400px;position:relative;border-radius:4px;padding:20px 16px 20px 20px;align-items:flex-start;background-color:rgb(var(--aui-color-popper-bg))}:root .aui-notification{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-notification{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-notification{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-notification{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-notification__icon{font-size:var(--aui-icon-size-l);width:var(--aui-icon-size-l);line-height:var(--aui-line-height-xl)}.aui-notification--success{border-left:4px solid rgb(var(--aui-color-green))}.aui-notification--success .aui-notification__icon{color:rgb(var(--aui-color-green))}.aui-notification--warning{border-left:4px solid rgb(var(--aui-color-yellow))}.aui-notification--warning .aui-notification__icon{color:rgb(var(--aui-color-yellow))}.aui-notification--error{border-left:4px solid rgb(var(--aui-color-red))}.aui-notification--error .aui-notification__icon{color:rgb(var(--aui-color-red))}.aui-notification--info{border-left:4px solid rgb(var(--aui-color-primary))}.aui-notification--info .aui-notification__icon{color:rgb(var(--aui-color-primary))}.aui-notification__body{margin:0 16px 0 8px;width:304px}.aui-notification__title{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));text-align:left;word-break:break-word}.aui-notification__title:not(:only-child){margin-bottom:6px}.aui-notification__content{margin-top:calc((var(--aui-line-height-xl) - var(--aui-line-height-m)) / 2);padding-right:4px;max-height:140px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-secondary-text));text-align:left;overflow:auto;overflow-wrap:break-word}.aui-notification__content::-webkit-scrollbar{width:4px;height:4px}.aui-notification__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-notification__content::-webkit-scrollbar-corner{background-color:transparent}.aui-notification__close{right:10px;font-size:var(--aui-icon-size-m);width:var(--aui-icon-size-m);color:rgb(var(--aui-color-n-2));line-height:var(--aui-line-height-xl);cursor:pointer}.aui-notification__close:hover{color:rgb(var(--aui-color-primary))}.aui-notification__remove{font-size:var(--aui-font-size-l)}.aui-notification__duration{font-size:var(--aui-font-size-m)}.aui-notification__footer{width:360px;margin-top:12px;word-break:break-all}\n"] }]
7315
+ args: [{ selector: 'aui-notification', animations: [MessageAnimations.inOut], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId + ' ' + customClass\"\n>\n <div [class]=\"bem.element('icon')\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('body')\">\n <div\n *ngIf=\"title\"\n [class]=\"bem.element('title')\"\n >\n {{ title }}\n </div>\n <div\n *ngIf=\"content\"\n [class]=\"bem.element('content')\"\n >\n {{ content }}\n </div>\n <ng-template cdkPortalHost></ng-template>\n <ng-template #modalComponent></ng-template>\n </div>\n <div [class]=\"bem.element('close')\">\n <div\n *ngIf=\"duration <= 0 || isHover\"\n [class]=\"bem.element('remove')\"\n (click)=\"remove()\"\n >\n <aui-icon icon=\"xmark\"></aui-icon>\n </div>\n <div\n *ngIf=\"duration > 0 && !isHover\"\n [class]=\"bem.element('duration')\"\n >\n {{ remains > 0 ? remains : 1 }}s\n </div>\n </div>\n <div\n *ngIf=\"footerPortal\"\n [class]=\"bem.element('footer')\"\n >\n <ng-template [cdkPortalOutlet]=\"footerPortal\"></ng-template>\n </div>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-pane.aui-notification-overlay-pane{z-index:1001}.aui-notification{margin:0 20px 10px 0;display:flex;flex-wrap:wrap;width:400px;position:relative;border-radius:4px;padding:20px 16px 20px 20px;align-items:flex-start;background-color:rgb(var(--aui-color-popper-bg))}:root .aui-notification{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-notification{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-notification{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-notification{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-notification__icon{font-size:var(--aui-icon-size-l);width:var(--aui-icon-size-l);line-height:var(--aui-line-height-xl)}.aui-notification--success{border-left:4px solid rgb(var(--aui-color-green))}.aui-notification--success .aui-notification__icon{color:rgb(var(--aui-color-green))}.aui-notification--warning{border-left:4px solid rgb(var(--aui-color-yellow))}.aui-notification--warning .aui-notification__icon{color:rgb(var(--aui-color-yellow))}.aui-notification--error{border-left:4px solid rgb(var(--aui-color-red))}.aui-notification--error .aui-notification__icon{color:rgb(var(--aui-color-red))}.aui-notification--info{border-left:4px solid rgb(var(--aui-color-primary))}.aui-notification--info .aui-notification__icon{color:rgb(var(--aui-color-primary))}.aui-notification__body{margin:0 16px 0 8px;width:304px}.aui-notification__title{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));text-align:left;word-break:break-word}.aui-notification__title:not(:only-child){margin-bottom:6px}.aui-notification__content{margin-top:calc((var(--aui-line-height-xl) - var(--aui-line-height-m)) / 2);padding-right:4px;max-height:140px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-secondary-text));text-align:left;overflow:auto;overflow-wrap:break-word}.aui-notification__content::-webkit-scrollbar{width:4px;height:4px}.aui-notification__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-notification__content::-webkit-scrollbar-corner{background-color:transparent}.aui-notification__close{right:10px;font-size:var(--aui-icon-size-m);width:var(--aui-icon-size-m);color:rgb(var(--aui-color-n-2));line-height:var(--aui-line-height-xl);cursor:pointer}.aui-notification__close:hover{color:rgb(var(--aui-color-primary))}.aui-notification__remove{font-size:var(--aui-font-size-l)}.aui-notification__duration{font-size:var(--aui-font-size-m)}.aui-notification__footer{width:360px;margin-top:12px;word-break:break-all}\n"] }]
7309
7316
  }], propDecorators: { portalOutlet: [{
7310
7317
  type: ViewChild,
7311
7318
  args: [CdkPortalOutlet, { static: true }]
@@ -7517,10 +7524,10 @@ class OptionComponent {
7517
7524
  }
7518
7525
  }
7519
7526
  OptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: OptionComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: forwardRef(() => BaseSelect) }], target: i0.ɵɵFactoryTarget.Component });
7520
- OptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: OptionComponent, selector: "aui-option", inputs: { label: "label", labelContext: "labelContext", value: "value", disabled: "disabled" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["elRef"], descendants: true, static: true }], ngImport: i0, template: "<div\n #elRef\n [hidden]=\"!(visible$ | async)\"\n [class]=\"bem.block(size$ | async)\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"selected$ | async\"\n [class.isMulti]=\"isMulti\"\n [class.isFocused]=\"focused\"\n (click)=\"onClick()\"\n>\n <i\n *ngIf=\"isMulti\"\n class=\"aui-option__pointer\"\n >\n <aui-icon\n [hidden]=\"!(selected$ | async)\"\n icon=\"check\"\n ></aui-icon>\n </i>\n <ng-content></ng-content>\n</div>\n", styles: [".aui-option{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-option--large{padding:calc((var(--aui-inline-height-l) - var(--aui-line-height-l)) / 2);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-option--medium{padding:calc((var(--aui-inline-height-m) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--small{padding:calc((var(--aui-inline-height-s) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--mini{padding:calc((var(--aui-inline-height-xs) - var(--aui-line-height-s)) / 2);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-option:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-option:hover,.aui-option.isFocused{background-color:rgb(var(--aui-color-p-6))}.aui-option.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-option__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-option.cdk-keyboard-focused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-option.isSelected .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-option.isIndeterminate .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-option.isIndeterminate .aui-option__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-option.isSelected.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-option.isDisabled .aui-option__label{cursor:not-allowed}.aui-option.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-option:not(.isDisabled):hover .aui-option__pointer,.aui-option:not(.isDisabled).isFocused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
7527
+ OptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: OptionComponent, selector: "aui-option", inputs: { label: "label", labelContext: "labelContext", value: "value", disabled: "disabled" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["elRef"], descendants: true, static: true }], ngImport: i0, template: "<div\n #elRef\n [hidden]=\"!(visible$ | async)\"\n [class]=\"bem.block(size$ | async)\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"selected$ | async\"\n [class.isMulti]=\"isMulti\"\n [class.isFocused]=\"focused\"\n (click)=\"onClick()\"\n>\n <i\n *ngIf=\"isMulti\"\n class=\"aui-option__pointer\"\n >\n <aui-icon\n [hidden]=\"!(selected$ | async)\"\n icon=\"check\"\n ></aui-icon>\n </i>\n <ng-content></ng-content>\n</div>\n", styles: [".aui-option{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-option--large{padding:calc((var(--aui-inline-height-l) - var(--aui-line-height-l)) / 2);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-option--medium{padding:calc((var(--aui-inline-height-m) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--small{padding:calc((var(--aui-inline-height-s) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--mini{padding:calc((var(--aui-inline-height-xs) - var(--aui-line-height-s)) / 2);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-option:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-option:hover,.aui-option.isFocused{background-color:rgb(var(--aui-color-p-6))}.aui-option.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-option__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-option.cdk-keyboard-focused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-option.isSelected .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-option.isIndeterminate .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-option.isIndeterminate .aui-option__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-option.isSelected.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-option.isDisabled .aui-option__label{cursor:not-allowed}.aui-option.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-option:not(.isDisabled):hover .aui-option__pointer,.aui-option:not(.isDisabled).isFocused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
7521
7528
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: OptionComponent, decorators: [{
7522
7529
  type: Component,
7523
- args: [{ selector: 'aui-option', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n #elRef\n [hidden]=\"!(visible$ | async)\"\n [class]=\"bem.block(size$ | async)\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"selected$ | async\"\n [class.isMulti]=\"isMulti\"\n [class.isFocused]=\"focused\"\n (click)=\"onClick()\"\n>\n <i\n *ngIf=\"isMulti\"\n class=\"aui-option__pointer\"\n >\n <aui-icon\n [hidden]=\"!(selected$ | async)\"\n icon=\"check\"\n ></aui-icon>\n </i>\n <ng-content></ng-content>\n</div>\n", styles: [".aui-option{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-option--large{padding:calc((var(--aui-inline-height-l) - var(--aui-line-height-l)) / 2);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-option--medium{padding:calc((var(--aui-inline-height-m) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--small{padding:calc((var(--aui-inline-height-s) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--mini{padding:calc((var(--aui-inline-height-xs) - var(--aui-line-height-s)) / 2);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-option:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-option:hover,.aui-option.isFocused{background-color:rgb(var(--aui-color-p-6))}.aui-option.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-option__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-option.cdk-keyboard-focused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-option.isSelected .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-option.isIndeterminate .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-option.isIndeterminate .aui-option__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-option.isSelected.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-option.isDisabled .aui-option__label{cursor:not-allowed}.aui-option.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-option:not(.isDisabled):hover .aui-option__pointer,.aui-option:not(.isDisabled).isFocused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}\n"] }]
7530
+ args: [{ selector: 'aui-option', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n #elRef\n [hidden]=\"!(visible$ | async)\"\n [class]=\"bem.block(size$ | async)\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"selected$ | async\"\n [class.isMulti]=\"isMulti\"\n [class.isFocused]=\"focused\"\n (click)=\"onClick()\"\n>\n <i\n *ngIf=\"isMulti\"\n class=\"aui-option__pointer\"\n >\n <aui-icon\n [hidden]=\"!(selected$ | async)\"\n icon=\"check\"\n ></aui-icon>\n </i>\n <ng-content></ng-content>\n</div>\n", styles: [".aui-option{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-option--large{padding:calc((var(--aui-inline-height-l) - var(--aui-line-height-l)) / 2);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-option--medium{padding:calc((var(--aui-inline-height-m) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--small{padding:calc((var(--aui-inline-height-s) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--mini{padding:calc((var(--aui-inline-height-xs) - var(--aui-line-height-s)) / 2);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-option:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-option:hover,.aui-option.isFocused{background-color:rgb(var(--aui-color-p-6))}.aui-option.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-option__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-option.cdk-keyboard-focused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-option.isSelected .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-option.isIndeterminate .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-option.isIndeterminate .aui-option__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-option.isSelected.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-option.isDisabled .aui-option__label{cursor:not-allowed}.aui-option.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-option:not(.isDisabled):hover .aui-option__pointer,.aui-option:not(.isDisabled).isFocused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}\n"] }]
7524
7531
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
7525
7532
  type: Inject,
7526
7533
  args: [forwardRef(() => BaseSelect)]
@@ -8048,10 +8055,10 @@ class PaginatorComponent {
8048
8055
  }
8049
8056
  }
8050
8057
  PaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PaginatorComponent, deps: [{ token: PaginatorIntl }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
8051
- PaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: PaginatorComponent, selector: "aui-paginator", inputs: { pageIndex: "pageIndex", currentPage: "currentPage", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", total: "total", length: "length", layout: "layout", disabled: "disabled" }, outputs: { currentPageChange: "currentPageChange", pageSizeChange: "pageSizeChange" }, ngImport: i0, template: "<div [class]=\"bem.block()\">\n <div\n *ngFor=\"let layout of getLayoutArr()\"\n [class]=\"bem.element('layout')\"\n >\n <div\n *ngIf=\"layout === 'pager'\"\n [class]=\"bem.element('pager')\"\n >\n <button\n [ngClass]=\"bem.element('navigator')\"\n aui-button\n [disabled]=\"disabled || currentPage <= 1\"\n (click)=\"navigate(-1)\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </button>\n <button\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === 1 ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === 1)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(1)\"\n >\n 1\n </button>\n <button\n *ngIf=\"pageCount > 7 && currentPage > 4\"\n [ngClass]=\"bem.element('fast-navigator')\"\n aui-button\n [disabled]=\"disabled\"\n (click)=\"navigate(-5)\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n <aui-icon icon=\"angles_left\"></aui-icon>\n </button>\n <button\n *ngFor=\"let page of getCenterPages(); trackBy: trackByIndex\"\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === page ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === page)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(page)\"\n >\n {{ page }}\n </button>\n <button\n *ngIf=\"pageCount > 7 && currentPage < pageCount - 3\"\n [ngClass]=\"bem.element('fast-navigator')\"\n aui-button\n [disabled]=\"disabled\"\n (click)=\"navigate(5)\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n <aui-icon icon=\"angles_right\"></aui-icon>\n </button>\n <button\n *ngIf=\"pageCount > 1\"\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === pageCount ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === pageCount)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(pageCount)\"\n >\n {{ pageCount }}\n </button>\n <button\n aui-button\n [ngClass]=\"bem.element('navigator')\"\n [disabled]=\"disabled || currentPage >= pageCount\"\n (click)=\"navigate(1)\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n </div>\n <div\n *ngIf=\"layout === 'total'\"\n [class]=\"bem.element('total')\"\n >\n {{ intl.getTotalLabel(total) }}\n </div>\n <div\n *ngIf=\"layout === 'sizes'\"\n [class]=\"bem.element('sizes')\"\n >\n <aui-select\n [disabled]=\"disabled\"\n [value]=\"pageSize\"\n [filterable]=\"false\"\n (valueChange)=\"changePageSize($event)\"\n >\n <aui-option\n *ngFor=\"let size of pageSizeOptions\"\n [value]=\"size\"\n >\n {{ size }}\n </aui-option>\n </aui-select>\n <span>{{ intl.itemsPerPageLabel }}</span>\n </div>\n <div\n *ngIf=\"layout === 'jumper'\"\n [class]=\"bem.element('jumper')\"\n >\n <span *ngIf=\"intl.jumperLabelPrefix\">{{ intl.jumperLabelPrefix }}</span>\n <input\n aui-input\n type=\"number\"\n min=\"1\"\n [max]=\"pageCount\"\n [value]=\"currentPage\"\n [disabled]=\"disabled\"\n (keydown)=\"onKeydown($event)\"\n />\n <span *ngIf=\"intl.jumperLabelSuffix\">{{ intl.jumperLabelSuffix }}</span>\n </div>\n <div\n *ngIf=\"layout === 'content'\"\n [class]=\"bem.element('content')\"\n >\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-paginator{display:inline-flex;align-items:center;white-space:nowrap;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-paginator .aui-button{width:var(--aui-line-height-xl);height:var(--aui-line-height-xl);border:unset}.aui-paginator .aui-button--default{background-color:transparent}.aui-paginator .aui-button .aui-button__content{padding:unset}.aui-paginator__fast-navigator[hidden]{display:none}.aui-paginator__fast-navigator .aui-icon{margin:0}.aui-paginator__fast-navigator aui-icon:last-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:first-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:last-child{display:inline}.aui-paginator__sizes{display:inline-flex;align-items:center}.aui-paginator__sizes .aui-select{width:80px;margin-right:var(--aui-spacing-s)}.aui-paginator__jumper .aui-input{width:80px}.aui-paginator__jumper span+input{margin-left:var(--aui-spacing-m)}.aui-paginator__jumper input+span{margin-left:var(--aui-spacing-s)}.aui-paginator__navigator.aui-button{background-color:rgb(var(--aui-color-n-8))}.aui-paginator__navigator.aui-button aui-icon{font-size:var(--aui-icon-size-m)}.aui-paginator__navigator.aui-button:hover{background-color:rgb(var(--aui-color-p-6))}.aui-paginator__pager{border:1px solid rgb(var(--aui-color-n-7));padding:3px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg))}.aui-paginator__layout{display:inline-block}.aui-paginator__layout+.aui-paginator__layout{margin-left:var(--aui-spacing-l)}\n"], components: [{ type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: SelectComponent, selector: "aui-select" }, { type: OptionComponent, selector: "aui-option", inputs: ["label", "labelContext", "value", "disabled"] }, { type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
8058
+ PaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: PaginatorComponent, selector: "aui-paginator", inputs: { pageIndex: "pageIndex", currentPage: "currentPage", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", total: "total", length: "length", layout: "layout", disabled: "disabled" }, outputs: { currentPageChange: "currentPageChange", pageSizeChange: "pageSizeChange" }, ngImport: i0, template: "<div [class]=\"bem.block()\">\n <div\n *ngFor=\"let layout of getLayoutArr()\"\n [class]=\"bem.element('layout')\"\n >\n <div\n *ngIf=\"layout === 'pager'\"\n [class]=\"bem.element('pager')\"\n >\n <button\n [ngClass]=\"bem.element('navigator')\"\n aui-button\n [disabled]=\"disabled || currentPage <= 1\"\n (click)=\"navigate(-1)\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </button>\n <button\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === 1 ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === 1)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(1)\"\n >\n 1\n </button>\n <button\n *ngIf=\"pageCount > 7 && currentPage > 4\"\n [ngClass]=\"bem.element('fast-navigator')\"\n aui-button\n [disabled]=\"disabled\"\n (click)=\"navigate(-5)\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n <aui-icon icon=\"angles_left\"></aui-icon>\n </button>\n <button\n *ngFor=\"let page of getCenterPages(); trackBy: trackByIndex\"\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === page ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === page)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(page)\"\n >\n {{ page }}\n </button>\n <button\n *ngIf=\"pageCount > 7 && currentPage < pageCount - 3\"\n [ngClass]=\"bem.element('fast-navigator')\"\n aui-button\n [disabled]=\"disabled\"\n (click)=\"navigate(5)\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n <aui-icon icon=\"angles_right\"></aui-icon>\n </button>\n <button\n *ngIf=\"pageCount > 1\"\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === pageCount ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === pageCount)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(pageCount)\"\n >\n {{ pageCount }}\n </button>\n <button\n aui-button\n [ngClass]=\"bem.element('navigator')\"\n [disabled]=\"disabled || currentPage >= pageCount\"\n (click)=\"navigate(1)\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n </div>\n <div\n *ngIf=\"layout === 'total'\"\n [class]=\"bem.element('total')\"\n >\n {{ intl.getTotalLabel(total) }}\n </div>\n <div\n *ngIf=\"layout === 'sizes'\"\n [class]=\"bem.element('sizes')\"\n >\n <aui-select\n [disabled]=\"disabled\"\n [value]=\"pageSize\"\n [filterable]=\"false\"\n (valueChange)=\"changePageSize($event)\"\n >\n <aui-option\n *ngFor=\"let size of pageSizeOptions\"\n [value]=\"size\"\n >\n {{ size }}\n </aui-option>\n </aui-select>\n <span>{{ intl.itemsPerPageLabel }}</span>\n </div>\n <div\n *ngIf=\"layout === 'jumper'\"\n [class]=\"bem.element('jumper')\"\n >\n <span *ngIf=\"intl.jumperLabelPrefix\">{{ intl.jumperLabelPrefix }}</span>\n <input\n aui-input\n type=\"number\"\n min=\"1\"\n [max]=\"pageCount\"\n [value]=\"currentPage\"\n [disabled]=\"disabled\"\n (keydown)=\"onKeydown($event)\"\n />\n <span *ngIf=\"intl.jumperLabelSuffix\">{{ intl.jumperLabelSuffix }}</span>\n </div>\n <div\n *ngIf=\"layout === 'content'\"\n [class]=\"bem.element('content')\"\n >\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-paginator{display:inline-flex;align-items:center;white-space:nowrap;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-paginator .aui-button{width:var(--aui-line-height-xl);height:var(--aui-line-height-xl);border:unset}.aui-paginator .aui-button--default{background-color:transparent}.aui-paginator .aui-button .aui-button__content{padding:unset}.aui-paginator__fast-navigator[hidden]{display:none}.aui-paginator__fast-navigator .aui-icon{margin:0}.aui-paginator__fast-navigator aui-icon:last-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:first-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:last-child{display:inline}.aui-paginator__sizes{display:inline-flex;align-items:center}.aui-paginator__sizes .aui-select{width:80px;margin-right:var(--aui-spacing-s)}.aui-paginator__jumper .aui-input{width:80px}.aui-paginator__jumper span+input{margin-left:var(--aui-spacing-m)}.aui-paginator__jumper input+span{margin-left:var(--aui-spacing-s)}.aui-paginator__navigator.aui-button{background-color:rgb(var(--aui-color-n-8))}.aui-paginator__navigator.aui-button aui-icon{font-size:var(--aui-icon-size-m)}.aui-paginator__navigator.aui-button:hover{background-color:rgb(var(--aui-color-p-6))}.aui-paginator__pager{border:1px solid rgb(var(--aui-color-n-7));padding:3px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg))}.aui-paginator__layout{display:inline-block}.aui-paginator__layout+.aui-paginator__layout{margin-left:var(--aui-spacing-l)}\n"], components: [{ type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: SelectComponent, selector: "aui-select" }, { type: OptionComponent, selector: "aui-option", inputs: ["label", "labelContext", "value", "disabled"] }, { type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
8052
8059
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PaginatorComponent, decorators: [{
8053
8060
  type: Component,
8054
- args: [{ selector: 'aui-paginator', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div [class]=\"bem.block()\">\n <div\n *ngFor=\"let layout of getLayoutArr()\"\n [class]=\"bem.element('layout')\"\n >\n <div\n *ngIf=\"layout === 'pager'\"\n [class]=\"bem.element('pager')\"\n >\n <button\n [ngClass]=\"bem.element('navigator')\"\n aui-button\n [disabled]=\"disabled || currentPage <= 1\"\n (click)=\"navigate(-1)\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </button>\n <button\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === 1 ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === 1)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(1)\"\n >\n 1\n </button>\n <button\n *ngIf=\"pageCount > 7 && currentPage > 4\"\n [ngClass]=\"bem.element('fast-navigator')\"\n aui-button\n [disabled]=\"disabled\"\n (click)=\"navigate(-5)\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n <aui-icon icon=\"angles_left\"></aui-icon>\n </button>\n <button\n *ngFor=\"let page of getCenterPages(); trackBy: trackByIndex\"\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === page ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === page)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(page)\"\n >\n {{ page }}\n </button>\n <button\n *ngIf=\"pageCount > 7 && currentPage < pageCount - 3\"\n [ngClass]=\"bem.element('fast-navigator')\"\n aui-button\n [disabled]=\"disabled\"\n (click)=\"navigate(5)\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n <aui-icon icon=\"angles_right\"></aui-icon>\n </button>\n <button\n *ngIf=\"pageCount > 1\"\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === pageCount ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === pageCount)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(pageCount)\"\n >\n {{ pageCount }}\n </button>\n <button\n aui-button\n [ngClass]=\"bem.element('navigator')\"\n [disabled]=\"disabled || currentPage >= pageCount\"\n (click)=\"navigate(1)\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n </div>\n <div\n *ngIf=\"layout === 'total'\"\n [class]=\"bem.element('total')\"\n >\n {{ intl.getTotalLabel(total) }}\n </div>\n <div\n *ngIf=\"layout === 'sizes'\"\n [class]=\"bem.element('sizes')\"\n >\n <aui-select\n [disabled]=\"disabled\"\n [value]=\"pageSize\"\n [filterable]=\"false\"\n (valueChange)=\"changePageSize($event)\"\n >\n <aui-option\n *ngFor=\"let size of pageSizeOptions\"\n [value]=\"size\"\n >\n {{ size }}\n </aui-option>\n </aui-select>\n <span>{{ intl.itemsPerPageLabel }}</span>\n </div>\n <div\n *ngIf=\"layout === 'jumper'\"\n [class]=\"bem.element('jumper')\"\n >\n <span *ngIf=\"intl.jumperLabelPrefix\">{{ intl.jumperLabelPrefix }}</span>\n <input\n aui-input\n type=\"number\"\n min=\"1\"\n [max]=\"pageCount\"\n [value]=\"currentPage\"\n [disabled]=\"disabled\"\n (keydown)=\"onKeydown($event)\"\n />\n <span *ngIf=\"intl.jumperLabelSuffix\">{{ intl.jumperLabelSuffix }}</span>\n </div>\n <div\n *ngIf=\"layout === 'content'\"\n [class]=\"bem.element('content')\"\n >\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-paginator{display:inline-flex;align-items:center;white-space:nowrap;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-paginator .aui-button{width:var(--aui-line-height-xl);height:var(--aui-line-height-xl);border:unset}.aui-paginator .aui-button--default{background-color:transparent}.aui-paginator .aui-button .aui-button__content{padding:unset}.aui-paginator__fast-navigator[hidden]{display:none}.aui-paginator__fast-navigator .aui-icon{margin:0}.aui-paginator__fast-navigator aui-icon:last-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:first-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:last-child{display:inline}.aui-paginator__sizes{display:inline-flex;align-items:center}.aui-paginator__sizes .aui-select{width:80px;margin-right:var(--aui-spacing-s)}.aui-paginator__jumper .aui-input{width:80px}.aui-paginator__jumper span+input{margin-left:var(--aui-spacing-m)}.aui-paginator__jumper input+span{margin-left:var(--aui-spacing-s)}.aui-paginator__navigator.aui-button{background-color:rgb(var(--aui-color-n-8))}.aui-paginator__navigator.aui-button aui-icon{font-size:var(--aui-icon-size-m)}.aui-paginator__navigator.aui-button:hover{background-color:rgb(var(--aui-color-p-6))}.aui-paginator__pager{border:1px solid rgb(var(--aui-color-n-7));padding:3px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg))}.aui-paginator__layout{display:inline-block}.aui-paginator__layout+.aui-paginator__layout{margin-left:var(--aui-spacing-l)}\n"] }]
8061
+ args: [{ selector: 'aui-paginator', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div [class]=\"bem.block()\">\n <div\n *ngFor=\"let layout of getLayoutArr()\"\n [class]=\"bem.element('layout')\"\n >\n <div\n *ngIf=\"layout === 'pager'\"\n [class]=\"bem.element('pager')\"\n >\n <button\n [ngClass]=\"bem.element('navigator')\"\n aui-button\n [disabled]=\"disabled || currentPage <= 1\"\n (click)=\"navigate(-1)\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </button>\n <button\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === 1 ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === 1)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(1)\"\n >\n 1\n </button>\n <button\n *ngIf=\"pageCount > 7 && currentPage > 4\"\n [ngClass]=\"bem.element('fast-navigator')\"\n aui-button\n [disabled]=\"disabled\"\n (click)=\"navigate(-5)\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n <aui-icon icon=\"angles_left\"></aui-icon>\n </button>\n <button\n *ngFor=\"let page of getCenterPages(); trackBy: trackByIndex\"\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === page ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === page)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(page)\"\n >\n {{ page }}\n </button>\n <button\n *ngIf=\"pageCount > 7 && currentPage < pageCount - 3\"\n [ngClass]=\"bem.element('fast-navigator')\"\n aui-button\n [disabled]=\"disabled\"\n (click)=\"navigate(5)\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n <aui-icon icon=\"angles_right\"></aui-icon>\n </button>\n <button\n *ngIf=\"pageCount > 1\"\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === pageCount ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === pageCount)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(pageCount)\"\n >\n {{ pageCount }}\n </button>\n <button\n aui-button\n [ngClass]=\"bem.element('navigator')\"\n [disabled]=\"disabled || currentPage >= pageCount\"\n (click)=\"navigate(1)\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n </div>\n <div\n *ngIf=\"layout === 'total'\"\n [class]=\"bem.element('total')\"\n >\n {{ intl.getTotalLabel(total) }}\n </div>\n <div\n *ngIf=\"layout === 'sizes'\"\n [class]=\"bem.element('sizes')\"\n >\n <aui-select\n [disabled]=\"disabled\"\n [value]=\"pageSize\"\n [filterable]=\"false\"\n (valueChange)=\"changePageSize($event)\"\n >\n <aui-option\n *ngFor=\"let size of pageSizeOptions\"\n [value]=\"size\"\n >\n {{ size }}\n </aui-option>\n </aui-select>\n <span>{{ intl.itemsPerPageLabel }}</span>\n </div>\n <div\n *ngIf=\"layout === 'jumper'\"\n [class]=\"bem.element('jumper')\"\n >\n <span *ngIf=\"intl.jumperLabelPrefix\">{{ intl.jumperLabelPrefix }}</span>\n <input\n aui-input\n type=\"number\"\n min=\"1\"\n [max]=\"pageCount\"\n [value]=\"currentPage\"\n [disabled]=\"disabled\"\n (keydown)=\"onKeydown($event)\"\n />\n <span *ngIf=\"intl.jumperLabelSuffix\">{{ intl.jumperLabelSuffix }}</span>\n </div>\n <div\n *ngIf=\"layout === 'content'\"\n [class]=\"bem.element('content')\"\n >\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-paginator{display:inline-flex;align-items:center;white-space:nowrap;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-paginator .aui-button{width:var(--aui-line-height-xl);height:var(--aui-line-height-xl);border:unset}.aui-paginator .aui-button--default{background-color:transparent}.aui-paginator .aui-button .aui-button__content{padding:unset}.aui-paginator__fast-navigator[hidden]{display:none}.aui-paginator__fast-navigator .aui-icon{margin:0}.aui-paginator__fast-navigator aui-icon:last-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:first-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:last-child{display:inline}.aui-paginator__sizes{display:inline-flex;align-items:center}.aui-paginator__sizes .aui-select{width:80px;margin-right:var(--aui-spacing-s)}.aui-paginator__jumper .aui-input{width:80px}.aui-paginator__jumper span+input{margin-left:var(--aui-spacing-m)}.aui-paginator__jumper input+span{margin-left:var(--aui-spacing-s)}.aui-paginator__navigator.aui-button{background-color:rgb(var(--aui-color-n-8))}.aui-paginator__navigator.aui-button aui-icon{font-size:var(--aui-icon-size-m)}.aui-paginator__navigator.aui-button:hover{background-color:rgb(var(--aui-color-p-6))}.aui-paginator__pager{border:1px solid rgb(var(--aui-color-n-7));padding:3px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg))}.aui-paginator__layout{display:inline-block}.aui-paginator__layout+.aui-paginator__layout{margin-left:var(--aui-spacing-l)}\n"] }]
8055
8062
  }], ctorParameters: function () { return [{ type: PaginatorIntl }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { pageIndex: [{
8056
8063
  type: Input
8057
8064
  }], currentPage: [{
@@ -8341,7 +8348,7 @@ MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
8341
8348
  provide: BaseSelect,
8342
8349
  useExisting: MultiSelectComponent,
8343
8350
  },
8344
- ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, static: true }, { propertyName: "inputValueMirror", first: true, predicate: ["inputValueMirror"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n [class]=\"rootClass\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowOptions()\"\n (auiTooltipHide)=\"onHideOptions()\"\n (mousedown)=\"$event.preventDefault()\"\n [style.max-height]=\"maxHeight\"\n>\n <div class=\"aui-multi-select__suffix\">\n <span class=\"aui-multi-select__icon-container\">\n <aui-icon\n class=\"aui-multi-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-multi-select__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n </div>\n <span\n [hidden]=\"model.length || inputRef.value.length\"\n [class]=\"bem.element('placeholder')\"\n >\n {{ placeholder }}\n </span>\n <aui-tag\n *ngFor=\"let option of selectedOptions$ | async; trackBy: trackByValue\"\n type=\"info\"\n [round]=\"true\"\n [border]=\"true\"\n [size]=\"tagSize\"\n [closeable]=\"!disabled && !option.disabled\"\n (close)=\"removeValue(option.value)\"\n [ngClass]=\"tagClassFn && tagClassFn(option.label, option.value)\"\n >\n <ng-container\n *ngIf=\"isTemplateRef(option.label); else label\"\n [ngTemplateOutlet]=\"option.label\"\n [ngTemplateOutletContext]=\"option.labelContext\"\n ></ng-container>\n <ng-template #label>\n {{ option.label }}\n </ng-template>\n </aui-tag>\n <input\n #inputRef\n autocomplete=\"off\"\n [readonly]=\"inputReadonly\"\n [class]=\"inputClass\"\n (focus)=\"onInputFocus()\"\n (blur)=\"onInputBlur()\"\n (keydown)=\"onKeyDown($event)\"\n (input)=\"onInput($event)\"\n />\n <span\n #inputValueMirror\n [class]=\"bem.element('mirror')\"\n >\n {{ inputValue }}\n </span>\n</div>\n\n<ng-template #templateRef>\n <div\n class=\"aui-option-container\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div\n #optionListRef\n class=\"aui-option-container__content\"\n >\n <ng-container\n *ngIf=\"\n allowSelectAll &&\n (hasEnabledOptions$ | async) &&\n ((hasVisibleOption$ | async) ||\n (allowCreate && (customCreatedOptions$ | async).length) ||\n (allowCreate && filterString))\n \"\n >\n <div\n class=\"aui-option\"\n [class]=\"bemSelectAll.block(size$ | async)\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"!!(selectAllStatus$ | async)\"\n [class.isIndeterminate]=\"\n (selectAllStatus$ | async) === 'indeterminate'\n \"\n [class.isMulti]=\"true\"\n (click)=\"onSelectAllClick()\"\n >\n <i class=\"aui-option__pointer\">\n <aui-icon\n *ngIf=\"(selectAllStatus$ | async) === 'checked'\"\n icon=\"check\"\n ></aui-icon>\n </i>\n {{ 'select_all' | auiI18n }}\n </div>\n <hr class=\"divider\" />\n </ng-container>\n <aui-option\n #inputtingOption\n *ngIf=\"allowCreate && filterString && !(hasMatchedOption$ | async)\"\n [value]=\"filterString\"\n >\n {{ filterString }}\n </aui-option>\n <ng-container *ngIf=\"allowCreate\">\n <aui-option\n *ngFor=\"let option of customCreatedOptions$ | async\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n >\n {{ option.label }}\n </aui-option>\n </ng-container>\n <ng-content></ng-content>\n </div>\n <div\n *ngIf=\"\n !(\n (hasVisibleOption$ | async) ||\n (allowCreate && (customCreatedOptions$ | async).length) ||\n (allowCreate && filterString)\n )\n \"\n class=\"aui-option-container__placeholder\"\n >\n <ng-content select=\"aui-option-placeholder\"></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;text-overflow:ellipsis}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.aui-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus,:root .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-input:focus,html[aui-theme-mode=light] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input:focus,html[aui-theme-mode=system] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-input:focus,html[aui-theme-mode=dark] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;cursor:default}.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}:root .aui-input.ng-invalid.ng-dirty:focus,:root .aui-input.ng-invalid.ng-dirty.isFocused,:root .ng-submitted .aui-input.ng-invalid:focus,:root .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n", ".aui-tag{display:inline-flex;align-items:center;border-radius:var(--aui-border-radius-m);border:1px solid transparent;max-width:240px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{padding:0 var(--aui-inline-padding-m);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-tag--large.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-tag--medium{padding:0 var(--aui-inline-padding-s);height:var(--aui-inline-height-s);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-tag--small{padding:0 var(--aui-inline-padding-xs);height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--small.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--mini{padding:0 var(--aui-inline-padding-xs);height:20px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-p-6));background-color:rgb(var(--aui-color-primary))}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-g-6));background-color:rgb(var(--aui-color-green))}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-y-6));background-color:rgb(var(--aui-color-yellow))}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-r-6));background-color:rgb(var(--aui-color-red))}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid.aui-tag--primary{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:#fff}.aui-tag.isSolid.aui-tag--success{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-green));background-color:#fff}.aui-tag.isSolid.aui-tag--warning{color:#fff;background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-yellow));background-color:#fff}.aui-tag.isSolid.aui-tag--error{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-red));background-color:#fff}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:var(--aui-spacing-m)}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}\n", ".aui-option{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-option--large{padding:calc((var(--aui-inline-height-l) - var(--aui-line-height-l)) / 2);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-option--medium{padding:calc((var(--aui-inline-height-m) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--small{padding:calc((var(--aui-inline-height-s) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--mini{padding:calc((var(--aui-inline-height-xs) - var(--aui-line-height-s)) / 2);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-option:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-option:hover,.aui-option.isFocused{background-color:rgb(var(--aui-color-p-6))}.aui-option.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-option__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-option.cdk-keyboard-focused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-option.isSelected .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-option.isIndeterminate .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-option.isIndeterminate .aui-option__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-option.isSelected.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-option.isDisabled .aui-option__label{cursor:not-allowed}.aui-option.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-option:not(.isDisabled):hover .aui-option__pointer,.aui-option:not(.isDisabled).isFocused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}.aui-option-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg))}:root .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-option-container__content{max-height:calc(var(--aui-inline-height-m) * 10);position:relative;overflow:auto}.aui-option-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-option-container__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-option-container__content::-webkit-scrollbar-corner{background-color:transparent}.aui-option-container__content .divider{border:none;border-top:1px solid rgb(var(--aui-color-n-8))}.aui-option-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-option-container--small .aui-option-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-option-container--small .aui-option-container__placeholder{font-size:var(--aui-font-size-s)}.aui-multi-select{display:inline-block;position:relative;width:100%;color:rgb(var(--aui-color-main-text));vertical-align:middle}.aui-multi-select:hover{cursor:text}.aui-multi-select .aui-tag{max-width:100%}.aui-multi-select.isDisabled{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7));cursor:not-allowed}.aui-multi-select.isDisabled .aui-tag{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8))}.aui-multi-select__placeholder{display:inline-block;width:100%;color:rgb(var(--aui-color-placeholder-text));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;right:0;left:0;padding-left:inherit;padding-right:inherit;margin-left:1px}.aui-multi-select__placeholder[hidden]{display:none}.aui-multi-select__mirror{opacity:0;left:0;z-index:-99;position:absolute;padding-left:1px}.aui-multi-select--large{min-height:var(--aui-inline-height-l);padding:calc((var(--aui-inline-height-l) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-multi-select--large .aui-tag{margin:0 4px calc((var(--aui-inline-height-l) - 20px) / 2 - 1px) 0}.aui-multi-select--medium{min-height:var(--aui-inline-height-m);padding:calc((var(--aui-inline-height-m) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-multi-select--medium .aui-tag{margin:0 4px calc((var(--aui-inline-height-m) - 20px) / 2 - 1px) 0}.aui-multi-select--small{min-height:var(--aui-inline-height-s);padding:calc((var(--aui-inline-height-s) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-multi-select--small .aui-tag{margin:0 4px calc((var(--aui-inline-height-s) - 20px) / 2 - 1px) 0}.aui-multi-select--mini{min-height:var(--aui-inline-height-xs);padding:calc((var(--aui-inline-height-xs) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-multi-select--mini .aui-tag{margin:0 4px calc((var(--aui-inline-height-xs) - 20px) / 2 - 1px) 0}.aui-multi-select__suffix{position:absolute;top:50%;right:var(--aui-inline-padding-xs);transform:translateY(-50%)}.aui-multi-select .aui-tag.aui-multi-select__input{margin-right:0;padding:0;width:1em;max-width:100%;border:none;outline:none;background:none;color:rgb(var(--aui-color-main-text));font-family:inherit;font-size:inherit}.aui-multi-select .aui-tag.aui-multi-select__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}aui-multi-select.ng-invalid.ng-dirty .aui-input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input,.ng-submitted aui-multi-select.ng-invalid .aui-input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input{border-color:rgb(var(--aui-color-red))!important}:root aui-multi-select.ng-invalid.ng-dirty .aui-input:focus,:root aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,:root aui-multi-select.ng-invalid.ng-dirty .aui-tags-input:focus,:root aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused,:root .ng-submitted aui-multi-select.ng-invalid .aui-input:focus,:root .ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,:root .ng-submitted aui-multi-select.ng-invalid .aui-tags-input:focus,:root .ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-multi-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=light] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-multi-select.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=light] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-multi-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=system] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-multi-select.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=system] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-multi-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=dark] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-multi-select.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}aui-multi-select.ng-invalid.ng-dirty .aui-input .aui-tags-input__input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input .aui-tags-input__input,.ng-submitted aui-multi-select.ng-invalid .aui-input .aui-tags-input__input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input .aui-tags-input__input{color:rgb(var(--aui-color-red))}.aui-multi-select--large{min-height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l) + 1px)}.aui-multi-select--large .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-l)}.aui-multi-select--medium{min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-multi-select--medium .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-m)}.aui-multi-select--small{min-height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-multi-select--small .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-m)}.aui-multi-select--mini{min-height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s) + 1px)}.aui-multi-select--mini .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-s)}.aui-multi-select__suffix{position:absolute;top:50%;transform:translateY(-50%)}.aui-multi-select__icon-container{display:block;position:relative}.aui-multi-select.isDisabled .aui-multi-select__icon-container{color:rgb(var(--aui-color-n-4))}.aui-multi-select__clear{display:none}.aui-multi-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-multi-select__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-multi-select.isClearable:not(.isDisabled):hover .aui-multi-select__indicator{display:none}.aui-multi-select.isClearable:not(.isDisabled):hover .aui-multi-select__clear{display:flex}.aui-multi-select.withHeightLimit{overflow:auto;position:static}.aui-multi-select.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-multi-select.withHeightLimit::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-multi-select.withHeightLimit::-webkit-scrollbar-corner{background-color:transparent}.aui-multi-select .aui-tag--info{background-color:rgb(var(--aui-color-n-10))}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: TagComponent, selector: "aui-tag", inputs: ["type", "size", "closeable", "border", "solid", "invalid", "round", "color", "allowClick"], outputs: ["close"] }, { type: OptionComponent, selector: "aui-option", inputs: ["label", "labelContext", "value", "disabled"] }], directives: [{ type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i2.AsyncPipe, "auiI18n": I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
8351
+ ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, static: true }, { propertyName: "inputValueMirror", first: true, predicate: ["inputValueMirror"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n [class]=\"rootClass\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowOptions()\"\n (auiTooltipHide)=\"onHideOptions()\"\n (mousedown)=\"$event.preventDefault()\"\n [style.max-height]=\"maxHeight\"\n>\n <div class=\"aui-multi-select__suffix\">\n <span class=\"aui-multi-select__icon-container\">\n <aui-icon\n class=\"aui-multi-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-multi-select__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n </div>\n <span\n [hidden]=\"model.length || inputRef.value.length\"\n [class]=\"bem.element('placeholder')\"\n >\n {{ placeholder }}\n </span>\n <aui-tag\n *ngFor=\"let option of selectedOptions$ | async; trackBy: trackByValue\"\n type=\"info\"\n [round]=\"true\"\n [border]=\"true\"\n [size]=\"tagSize\"\n [closeable]=\"!disabled && !option.disabled\"\n (close)=\"removeValue(option.value)\"\n [ngClass]=\"tagClassFn && tagClassFn(option.label, option.value)\"\n >\n <ng-container\n *ngIf=\"isTemplateRef(option.label); else label\"\n [ngTemplateOutlet]=\"option.label\"\n [ngTemplateOutletContext]=\"option.labelContext\"\n ></ng-container>\n <ng-template #label>\n {{ option.label }}\n </ng-template>\n </aui-tag>\n <input\n #inputRef\n autocomplete=\"off\"\n [readonly]=\"inputReadonly\"\n [class]=\"inputClass\"\n (focus)=\"onInputFocus()\"\n (blur)=\"onInputBlur()\"\n (keydown)=\"onKeyDown($event)\"\n (input)=\"onInput($event)\"\n />\n <span\n #inputValueMirror\n [class]=\"bem.element('mirror')\"\n >\n {{ inputValue }}\n </span>\n</div>\n\n<ng-template #templateRef>\n <div\n class=\"aui-option-container\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div\n #optionListRef\n class=\"aui-option-container__content\"\n >\n <ng-container\n *ngIf=\"\n allowSelectAll &&\n (hasEnabledOptions$ | async) &&\n ((hasVisibleOption$ | async) ||\n (allowCreate && (customCreatedOptions$ | async).length) ||\n (allowCreate && filterString))\n \"\n >\n <div\n class=\"aui-option\"\n [class]=\"bemSelectAll.block(size$ | async)\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"!!(selectAllStatus$ | async)\"\n [class.isIndeterminate]=\"\n (selectAllStatus$ | async) === 'indeterminate'\n \"\n [class.isMulti]=\"true\"\n (click)=\"onSelectAllClick()\"\n >\n <i class=\"aui-option__pointer\">\n <aui-icon\n *ngIf=\"(selectAllStatus$ | async) === 'checked'\"\n icon=\"check\"\n ></aui-icon>\n </i>\n {{ 'select_all' | auiI18n }}\n </div>\n <hr class=\"divider\" />\n </ng-container>\n <aui-option\n #inputtingOption\n *ngIf=\"allowCreate && filterString && !(hasMatchedOption$ | async)\"\n [value]=\"filterString\"\n >\n {{ filterString }}\n </aui-option>\n <ng-container *ngIf=\"allowCreate\">\n <aui-option\n *ngFor=\"let option of customCreatedOptions$ | async\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n >\n {{ option.label }}\n </aui-option>\n </ng-container>\n <ng-content></ng-content>\n </div>\n <div\n *ngIf=\"\n !(\n (hasVisibleOption$ | async) ||\n (allowCreate && (customCreatedOptions$ | async).length) ||\n (allowCreate && filterString)\n )\n \"\n class=\"aui-option-container__placeholder\"\n >\n <ng-content select=\"aui-option-placeholder\"></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;text-overflow:ellipsis;font-weight:var(--aui-font-weight-normal)}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.aui-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus,:root .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-input:focus,html[aui-theme-mode=light] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input:focus,html[aui-theme-mode=system] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-input:focus,html[aui-theme-mode=dark] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;cursor:default}.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));-webkit-text-fill-color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}:root .aui-input.ng-invalid.ng-dirty:focus,:root .aui-input.ng-invalid.ng-dirty.isFocused,:root .ng-submitted .aui-input.ng-invalid:focus,:root .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n", ".aui-tag{display:inline-flex;align-items:center;border-radius:var(--aui-border-radius-m);border:1px solid transparent;max-width:240px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{padding:0 var(--aui-inline-padding-m);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-tag--large.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-tag--medium{padding:0 var(--aui-inline-padding-s);height:var(--aui-inline-height-s);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-tag--small{padding:0 var(--aui-inline-padding-xs);height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--small.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--mini{padding:0 var(--aui-inline-padding-xs);height:20px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-p-6));background-color:rgb(var(--aui-color-primary))}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-g-6));background-color:rgb(var(--aui-color-green))}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-y-6));background-color:rgb(var(--aui-color-yellow))}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-r-6));background-color:rgb(var(--aui-color-red))}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid.aui-tag--primary{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:#fff}.aui-tag.isSolid.aui-tag--success{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-green));background-color:#fff}.aui-tag.isSolid.aui-tag--warning{color:#fff;background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-yellow));background-color:#fff}.aui-tag.isSolid.aui-tag--error{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-red));background-color:#fff}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:var(--aui-spacing-m)}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}\n", ".aui-option{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-option--large{padding:calc((var(--aui-inline-height-l) - var(--aui-line-height-l)) / 2);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-option--medium{padding:calc((var(--aui-inline-height-m) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--small{padding:calc((var(--aui-inline-height-s) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--mini{padding:calc((var(--aui-inline-height-xs) - var(--aui-line-height-s)) / 2);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-option:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-option:hover,.aui-option.isFocused{background-color:rgb(var(--aui-color-p-6))}.aui-option.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-option__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-option.cdk-keyboard-focused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-option.isSelected .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-option.isIndeterminate .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-option.isIndeterminate .aui-option__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-option.isSelected.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-option.isDisabled .aui-option__label{cursor:not-allowed}.aui-option.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-option:not(.isDisabled):hover .aui-option__pointer,.aui-option:not(.isDisabled).isFocused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}.aui-option-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg))}:root .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-option-container__content{max-height:calc(var(--aui-inline-height-m) * 10);position:relative;overflow:auto}.aui-option-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-option-container__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-option-container__content::-webkit-scrollbar-corner{background-color:transparent}.aui-option-container__content .divider{border:none;border-top:1px solid rgb(var(--aui-color-n-8))}.aui-option-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-option-container--small .aui-option-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-option-container--small .aui-option-container__placeholder{font-size:var(--aui-font-size-s)}.aui-multi-select{display:inline-block;position:relative;width:100%;color:rgb(var(--aui-color-main-text));vertical-align:middle}.aui-multi-select:hover{cursor:text}.aui-multi-select .aui-tag{max-width:100%}.aui-multi-select.isDisabled{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7));cursor:not-allowed}.aui-multi-select.isDisabled .aui-tag{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8))}.aui-multi-select__placeholder{display:inline-block;width:100%;color:rgb(var(--aui-color-placeholder-text));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;right:0;left:0;padding-left:inherit;padding-right:inherit;margin-left:1px}.aui-multi-select__placeholder[hidden]{display:none}.aui-multi-select__mirror{opacity:0;left:0;z-index:-99;position:absolute;padding-left:1px}.aui-multi-select--large{min-height:var(--aui-inline-height-l);padding:calc((var(--aui-inline-height-l) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);font-weight:var(--aui-font-weight-normal)}.aui-multi-select--large .aui-tag{margin:0 4px calc((var(--aui-inline-height-l) - 20px) / 2 - 1px) 0}.aui-multi-select--medium{min-height:var(--aui-inline-height-m);padding:calc((var(--aui-inline-height-m) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-multi-select--medium .aui-tag{margin:0 4px calc((var(--aui-inline-height-m) - 20px) / 2 - 1px) 0}.aui-multi-select--small{min-height:var(--aui-inline-height-s);padding:calc((var(--aui-inline-height-s) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-multi-select--small .aui-tag{margin:0 4px calc((var(--aui-inline-height-s) - 20px) / 2 - 1px) 0}.aui-multi-select--mini{min-height:var(--aui-inline-height-xs);padding:calc((var(--aui-inline-height-xs) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-multi-select--mini .aui-tag{margin:0 4px calc((var(--aui-inline-height-xs) - 20px) / 2 - 1px) 0}.aui-multi-select__suffix{position:absolute;top:50%;right:var(--aui-inline-padding-xs);transform:translateY(-50%)}.aui-multi-select .aui-tag.aui-multi-select__input{margin-right:0;padding:0;width:1em;max-width:100%;border:none;outline:none;background:none;color:rgb(var(--aui-color-main-text));font-family:inherit;font-size:inherit}.aui-multi-select .aui-tag.aui-multi-select__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}aui-multi-select.ng-invalid.ng-dirty .aui-input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input,.ng-submitted aui-multi-select.ng-invalid .aui-input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input{border-color:rgb(var(--aui-color-red))!important}:root aui-multi-select.ng-invalid.ng-dirty .aui-input:focus,:root aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,:root aui-multi-select.ng-invalid.ng-dirty .aui-tags-input:focus,:root aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused,:root .ng-submitted aui-multi-select.ng-invalid .aui-input:focus,:root .ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,:root .ng-submitted aui-multi-select.ng-invalid .aui-tags-input:focus,:root .ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-multi-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=light] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-multi-select.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=light] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-multi-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=system] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-multi-select.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=system] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-multi-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=dark] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-multi-select.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}aui-multi-select.ng-invalid.ng-dirty .aui-input .aui-tags-input__input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input .aui-tags-input__input,.ng-submitted aui-multi-select.ng-invalid .aui-input .aui-tags-input__input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input .aui-tags-input__input{color:rgb(var(--aui-color-red))}.aui-multi-select--large{min-height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l) + 1px)}.aui-multi-select--large .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-l)}.aui-multi-select--medium{min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-multi-select--medium .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-m)}.aui-multi-select--small{min-height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-multi-select--small .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-m)}.aui-multi-select--mini{min-height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s) + 1px)}.aui-multi-select--mini .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-s)}.aui-multi-select__suffix{position:absolute;top:50%;transform:translateY(-50%)}.aui-multi-select__icon-container{display:block;position:relative}.aui-multi-select.isDisabled .aui-multi-select__icon-container{color:rgb(var(--aui-color-n-4))}.aui-multi-select__clear{display:none}.aui-multi-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-multi-select__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-multi-select.isClearable:not(.isDisabled):hover .aui-multi-select__indicator{display:none}.aui-multi-select.isClearable:not(.isDisabled):hover .aui-multi-select__clear{display:flex}.aui-multi-select.withHeightLimit{overflow:auto;position:static}.aui-multi-select.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-multi-select.withHeightLimit::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-multi-select.withHeightLimit::-webkit-scrollbar-corner{background-color:transparent}.aui-multi-select .aui-tag--info{background-color:rgb(var(--aui-color-n-10))}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: TagComponent, selector: "aui-tag", inputs: ["type", "size", "closeable", "border", "solid", "invalid", "round", "color", "allowClick"], outputs: ["close"] }, { type: OptionComponent, selector: "aui-option", inputs: ["label", "labelContext", "value", "disabled"] }], directives: [{ type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i2.AsyncPipe, "auiI18n": I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
8345
8352
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MultiSelectComponent, decorators: [{
8346
8353
  type: Component,
8347
8354
  args: [{ selector: 'aui-multi-select', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
@@ -8354,7 +8361,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
8354
8361
  provide: BaseSelect,
8355
8362
  useExisting: MultiSelectComponent,
8356
8363
  },
8357
- ], template: "<div\n [class]=\"rootClass\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowOptions()\"\n (auiTooltipHide)=\"onHideOptions()\"\n (mousedown)=\"$event.preventDefault()\"\n [style.max-height]=\"maxHeight\"\n>\n <div class=\"aui-multi-select__suffix\">\n <span class=\"aui-multi-select__icon-container\">\n <aui-icon\n class=\"aui-multi-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-multi-select__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n </div>\n <span\n [hidden]=\"model.length || inputRef.value.length\"\n [class]=\"bem.element('placeholder')\"\n >\n {{ placeholder }}\n </span>\n <aui-tag\n *ngFor=\"let option of selectedOptions$ | async; trackBy: trackByValue\"\n type=\"info\"\n [round]=\"true\"\n [border]=\"true\"\n [size]=\"tagSize\"\n [closeable]=\"!disabled && !option.disabled\"\n (close)=\"removeValue(option.value)\"\n [ngClass]=\"tagClassFn && tagClassFn(option.label, option.value)\"\n >\n <ng-container\n *ngIf=\"isTemplateRef(option.label); else label\"\n [ngTemplateOutlet]=\"option.label\"\n [ngTemplateOutletContext]=\"option.labelContext\"\n ></ng-container>\n <ng-template #label>\n {{ option.label }}\n </ng-template>\n </aui-tag>\n <input\n #inputRef\n autocomplete=\"off\"\n [readonly]=\"inputReadonly\"\n [class]=\"inputClass\"\n (focus)=\"onInputFocus()\"\n (blur)=\"onInputBlur()\"\n (keydown)=\"onKeyDown($event)\"\n (input)=\"onInput($event)\"\n />\n <span\n #inputValueMirror\n [class]=\"bem.element('mirror')\"\n >\n {{ inputValue }}\n </span>\n</div>\n\n<ng-template #templateRef>\n <div\n class=\"aui-option-container\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div\n #optionListRef\n class=\"aui-option-container__content\"\n >\n <ng-container\n *ngIf=\"\n allowSelectAll &&\n (hasEnabledOptions$ | async) &&\n ((hasVisibleOption$ | async) ||\n (allowCreate && (customCreatedOptions$ | async).length) ||\n (allowCreate && filterString))\n \"\n >\n <div\n class=\"aui-option\"\n [class]=\"bemSelectAll.block(size$ | async)\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"!!(selectAllStatus$ | async)\"\n [class.isIndeterminate]=\"\n (selectAllStatus$ | async) === 'indeterminate'\n \"\n [class.isMulti]=\"true\"\n (click)=\"onSelectAllClick()\"\n >\n <i class=\"aui-option__pointer\">\n <aui-icon\n *ngIf=\"(selectAllStatus$ | async) === 'checked'\"\n icon=\"check\"\n ></aui-icon>\n </i>\n {{ 'select_all' | auiI18n }}\n </div>\n <hr class=\"divider\" />\n </ng-container>\n <aui-option\n #inputtingOption\n *ngIf=\"allowCreate && filterString && !(hasMatchedOption$ | async)\"\n [value]=\"filterString\"\n >\n {{ filterString }}\n </aui-option>\n <ng-container *ngIf=\"allowCreate\">\n <aui-option\n *ngFor=\"let option of customCreatedOptions$ | async\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n >\n {{ option.label }}\n </aui-option>\n </ng-container>\n <ng-content></ng-content>\n </div>\n <div\n *ngIf=\"\n !(\n (hasVisibleOption$ | async) ||\n (allowCreate && (customCreatedOptions$ | async).length) ||\n (allowCreate && filterString)\n )\n \"\n class=\"aui-option-container__placeholder\"\n >\n <ng-content select=\"aui-option-placeholder\"></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;text-overflow:ellipsis}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.aui-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus,:root .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-input:focus,html[aui-theme-mode=light] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input:focus,html[aui-theme-mode=system] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-input:focus,html[aui-theme-mode=dark] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;cursor:default}.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}:root .aui-input.ng-invalid.ng-dirty:focus,:root .aui-input.ng-invalid.ng-dirty.isFocused,:root .ng-submitted .aui-input.ng-invalid:focus,:root .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n", ".aui-tag{display:inline-flex;align-items:center;border-radius:var(--aui-border-radius-m);border:1px solid transparent;max-width:240px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{padding:0 var(--aui-inline-padding-m);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-tag--large.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-tag--medium{padding:0 var(--aui-inline-padding-s);height:var(--aui-inline-height-s);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-tag--small{padding:0 var(--aui-inline-padding-xs);height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--small.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--mini{padding:0 var(--aui-inline-padding-xs);height:20px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-tag--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-p-6));background-color:rgb(var(--aui-color-primary))}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-g-6));background-color:rgb(var(--aui-color-green))}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-y-6));background-color:rgb(var(--aui-color-yellow))}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-r-6));background-color:rgb(var(--aui-color-red))}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid.aui-tag--primary{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:#fff}.aui-tag.isSolid.aui-tag--success{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-green));background-color:#fff}.aui-tag.isSolid.aui-tag--warning{color:#fff;background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-yellow));background-color:#fff}.aui-tag.isSolid.aui-tag--error{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-red));background-color:#fff}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:var(--aui-spacing-m)}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}\n", ".aui-option{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-option--large{padding:calc((var(--aui-inline-height-l) - var(--aui-line-height-l)) / 2);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-option--medium{padding:calc((var(--aui-inline-height-m) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--small{padding:calc((var(--aui-inline-height-s) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--mini{padding:calc((var(--aui-inline-height-xs) - var(--aui-line-height-s)) / 2);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-option:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-option:hover,.aui-option.isFocused{background-color:rgb(var(--aui-color-p-6))}.aui-option.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-option__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-option.cdk-keyboard-focused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-option.isSelected .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-option.isIndeterminate .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-option.isIndeterminate .aui-option__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-option.isSelected.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-option.isDisabled .aui-option__label{cursor:not-allowed}.aui-option.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-option:not(.isDisabled):hover .aui-option__pointer,.aui-option:not(.isDisabled).isFocused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}.aui-option-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg))}:root .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-option-container__content{max-height:calc(var(--aui-inline-height-m) * 10);position:relative;overflow:auto}.aui-option-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-option-container__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-option-container__content::-webkit-scrollbar-corner{background-color:transparent}.aui-option-container__content .divider{border:none;border-top:1px solid rgb(var(--aui-color-n-8))}.aui-option-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-option-container--small .aui-option-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-option-container--small .aui-option-container__placeholder{font-size:var(--aui-font-size-s)}.aui-multi-select{display:inline-block;position:relative;width:100%;color:rgb(var(--aui-color-main-text));vertical-align:middle}.aui-multi-select:hover{cursor:text}.aui-multi-select .aui-tag{max-width:100%}.aui-multi-select.isDisabled{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7));cursor:not-allowed}.aui-multi-select.isDisabled .aui-tag{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8))}.aui-multi-select__placeholder{display:inline-block;width:100%;color:rgb(var(--aui-color-placeholder-text));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;right:0;left:0;padding-left:inherit;padding-right:inherit;margin-left:1px}.aui-multi-select__placeholder[hidden]{display:none}.aui-multi-select__mirror{opacity:0;left:0;z-index:-99;position:absolute;padding-left:1px}.aui-multi-select--large{min-height:var(--aui-inline-height-l);padding:calc((var(--aui-inline-height-l) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-multi-select--large .aui-tag{margin:0 4px calc((var(--aui-inline-height-l) - 20px) / 2 - 1px) 0}.aui-multi-select--medium{min-height:var(--aui-inline-height-m);padding:calc((var(--aui-inline-height-m) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-multi-select--medium .aui-tag{margin:0 4px calc((var(--aui-inline-height-m) - 20px) / 2 - 1px) 0}.aui-multi-select--small{min-height:var(--aui-inline-height-s);padding:calc((var(--aui-inline-height-s) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-multi-select--small .aui-tag{margin:0 4px calc((var(--aui-inline-height-s) - 20px) / 2 - 1px) 0}.aui-multi-select--mini{min-height:var(--aui-inline-height-xs);padding:calc((var(--aui-inline-height-xs) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-multi-select--mini .aui-tag{margin:0 4px calc((var(--aui-inline-height-xs) - 20px) / 2 - 1px) 0}.aui-multi-select__suffix{position:absolute;top:50%;right:var(--aui-inline-padding-xs);transform:translateY(-50%)}.aui-multi-select .aui-tag.aui-multi-select__input{margin-right:0;padding:0;width:1em;max-width:100%;border:none;outline:none;background:none;color:rgb(var(--aui-color-main-text));font-family:inherit;font-size:inherit}.aui-multi-select .aui-tag.aui-multi-select__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}aui-multi-select.ng-invalid.ng-dirty .aui-input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input,.ng-submitted aui-multi-select.ng-invalid .aui-input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input{border-color:rgb(var(--aui-color-red))!important}:root aui-multi-select.ng-invalid.ng-dirty .aui-input:focus,:root aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,:root aui-multi-select.ng-invalid.ng-dirty .aui-tags-input:focus,:root aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused,:root .ng-submitted aui-multi-select.ng-invalid .aui-input:focus,:root .ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,:root .ng-submitted aui-multi-select.ng-invalid .aui-tags-input:focus,:root .ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-multi-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=light] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-multi-select.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=light] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-multi-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=system] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-multi-select.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=system] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-multi-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=dark] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-multi-select.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}aui-multi-select.ng-invalid.ng-dirty .aui-input .aui-tags-input__input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input .aui-tags-input__input,.ng-submitted aui-multi-select.ng-invalid .aui-input .aui-tags-input__input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input .aui-tags-input__input{color:rgb(var(--aui-color-red))}.aui-multi-select--large{min-height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l) + 1px)}.aui-multi-select--large .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-l)}.aui-multi-select--medium{min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-multi-select--medium .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-m)}.aui-multi-select--small{min-height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-multi-select--small .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-m)}.aui-multi-select--mini{min-height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s) + 1px)}.aui-multi-select--mini .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-s)}.aui-multi-select__suffix{position:absolute;top:50%;transform:translateY(-50%)}.aui-multi-select__icon-container{display:block;position:relative}.aui-multi-select.isDisabled .aui-multi-select__icon-container{color:rgb(var(--aui-color-n-4))}.aui-multi-select__clear{display:none}.aui-multi-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-multi-select__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-multi-select.isClearable:not(.isDisabled):hover .aui-multi-select__indicator{display:none}.aui-multi-select.isClearable:not(.isDisabled):hover .aui-multi-select__clear{display:flex}.aui-multi-select.withHeightLimit{overflow:auto;position:static}.aui-multi-select.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-multi-select.withHeightLimit::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-multi-select.withHeightLimit::-webkit-scrollbar-corner{background-color:transparent}.aui-multi-select .aui-tag--info{background-color:rgb(var(--aui-color-n-10))}\n"] }]
8364
+ ], template: "<div\n [class]=\"rootClass\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowOptions()\"\n (auiTooltipHide)=\"onHideOptions()\"\n (mousedown)=\"$event.preventDefault()\"\n [style.max-height]=\"maxHeight\"\n>\n <div class=\"aui-multi-select__suffix\">\n <span class=\"aui-multi-select__icon-container\">\n <aui-icon\n class=\"aui-multi-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-multi-select__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n </div>\n <span\n [hidden]=\"model.length || inputRef.value.length\"\n [class]=\"bem.element('placeholder')\"\n >\n {{ placeholder }}\n </span>\n <aui-tag\n *ngFor=\"let option of selectedOptions$ | async; trackBy: trackByValue\"\n type=\"info\"\n [round]=\"true\"\n [border]=\"true\"\n [size]=\"tagSize\"\n [closeable]=\"!disabled && !option.disabled\"\n (close)=\"removeValue(option.value)\"\n [ngClass]=\"tagClassFn && tagClassFn(option.label, option.value)\"\n >\n <ng-container\n *ngIf=\"isTemplateRef(option.label); else label\"\n [ngTemplateOutlet]=\"option.label\"\n [ngTemplateOutletContext]=\"option.labelContext\"\n ></ng-container>\n <ng-template #label>\n {{ option.label }}\n </ng-template>\n </aui-tag>\n <input\n #inputRef\n autocomplete=\"off\"\n [readonly]=\"inputReadonly\"\n [class]=\"inputClass\"\n (focus)=\"onInputFocus()\"\n (blur)=\"onInputBlur()\"\n (keydown)=\"onKeyDown($event)\"\n (input)=\"onInput($event)\"\n />\n <span\n #inputValueMirror\n [class]=\"bem.element('mirror')\"\n >\n {{ inputValue }}\n </span>\n</div>\n\n<ng-template #templateRef>\n <div\n class=\"aui-option-container\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div\n #optionListRef\n class=\"aui-option-container__content\"\n >\n <ng-container\n *ngIf=\"\n allowSelectAll &&\n (hasEnabledOptions$ | async) &&\n ((hasVisibleOption$ | async) ||\n (allowCreate && (customCreatedOptions$ | async).length) ||\n (allowCreate && filterString))\n \"\n >\n <div\n class=\"aui-option\"\n [class]=\"bemSelectAll.block(size$ | async)\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"!!(selectAllStatus$ | async)\"\n [class.isIndeterminate]=\"\n (selectAllStatus$ | async) === 'indeterminate'\n \"\n [class.isMulti]=\"true\"\n (click)=\"onSelectAllClick()\"\n >\n <i class=\"aui-option__pointer\">\n <aui-icon\n *ngIf=\"(selectAllStatus$ | async) === 'checked'\"\n icon=\"check\"\n ></aui-icon>\n </i>\n {{ 'select_all' | auiI18n }}\n </div>\n <hr class=\"divider\" />\n </ng-container>\n <aui-option\n #inputtingOption\n *ngIf=\"allowCreate && filterString && !(hasMatchedOption$ | async)\"\n [value]=\"filterString\"\n >\n {{ filterString }}\n </aui-option>\n <ng-container *ngIf=\"allowCreate\">\n <aui-option\n *ngFor=\"let option of customCreatedOptions$ | async\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n >\n {{ option.label }}\n </aui-option>\n </ng-container>\n <ng-content></ng-content>\n </div>\n <div\n *ngIf=\"\n !(\n (hasVisibleOption$ | async) ||\n (allowCreate && (customCreatedOptions$ | async).length) ||\n (allowCreate && filterString)\n )\n \"\n class=\"aui-option-container__placeholder\"\n >\n <ng-content select=\"aui-option-placeholder\"></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;text-overflow:ellipsis;font-weight:var(--aui-font-weight-normal)}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.aui-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus,:root .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-input:focus,html[aui-theme-mode=light] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input:focus,html[aui-theme-mode=system] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-input:focus,html[aui-theme-mode=dark] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;cursor:default}.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));-webkit-text-fill-color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}:root .aui-input.ng-invalid.ng-dirty:focus,:root .aui-input.ng-invalid.ng-dirty.isFocused,:root .ng-submitted .aui-input.ng-invalid:focus,:root .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n", ".aui-tag{display:inline-flex;align-items:center;border-radius:var(--aui-border-radius-m);border:1px solid transparent;max-width:240px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{padding:0 var(--aui-inline-padding-m);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-tag--large.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-tag--medium{padding:0 var(--aui-inline-padding-s);height:var(--aui-inline-height-s);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--medium.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-tag--small{padding:0 var(--aui-inline-padding-xs);height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--small.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--mini{padding:0 var(--aui-inline-padding-xs);height:20px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-tag--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-p-6));background-color:rgb(var(--aui-color-primary))}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-g-6));background-color:rgb(var(--aui-color-green))}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-y-6));background-color:rgb(var(--aui-color-yellow))}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-r-6));background-color:rgb(var(--aui-color-red))}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid.aui-tag--primary{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--primary .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:#fff}.aui-tag.isSolid.aui-tag--success{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--success .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-green));background-color:#fff}.aui-tag.isSolid.aui-tag--warning{color:#fff;background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--warning .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-yellow));background-color:#fff}.aui-tag.isSolid.aui-tag--error{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--error .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-red));background-color:#fff}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:var(--aui-spacing-m)}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}\n", ".aui-option{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-option--large{padding:calc((var(--aui-inline-height-l) - var(--aui-line-height-l)) / 2);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-option--medium{padding:calc((var(--aui-inline-height-m) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--small{padding:calc((var(--aui-inline-height-s) - var(--aui-line-height-m)) / 2);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-option--mini{padding:calc((var(--aui-inline-height-xs) - var(--aui-line-height-s)) / 2);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-option:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-option:hover,.aui-option.isFocused{background-color:rgb(var(--aui-color-p-6))}.aui-option.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-option__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-option.cdk-keyboard-focused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-option.cdk-keyboard-focused .aui-option__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-option.isSelected .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-option.isIndeterminate .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-option.isIndeterminate .aui-option__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-option.isSelected.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-option.isDisabled .aui-option__label{cursor:not-allowed}.aui-option.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-option:not(.isDisabled):hover .aui-option__pointer,.aui-option:not(.isDisabled).isFocused .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}.aui-option-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg))}:root .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-option-container__content{max-height:calc(var(--aui-inline-height-m) * 10);position:relative;overflow:auto}.aui-option-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-option-container__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-option-container__content::-webkit-scrollbar-corner{background-color:transparent}.aui-option-container__content .divider{border:none;border-top:1px solid rgb(var(--aui-color-n-8))}.aui-option-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-option-container--small .aui-option-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-option-container--small .aui-option-container__placeholder{font-size:var(--aui-font-size-s)}.aui-multi-select{display:inline-block;position:relative;width:100%;color:rgb(var(--aui-color-main-text));vertical-align:middle}.aui-multi-select:hover{cursor:text}.aui-multi-select .aui-tag{max-width:100%}.aui-multi-select.isDisabled{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7));cursor:not-allowed}.aui-multi-select.isDisabled .aui-tag{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8))}.aui-multi-select__placeholder{display:inline-block;width:100%;color:rgb(var(--aui-color-placeholder-text));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;right:0;left:0;padding-left:inherit;padding-right:inherit;margin-left:1px}.aui-multi-select__placeholder[hidden]{display:none}.aui-multi-select__mirror{opacity:0;left:0;z-index:-99;position:absolute;padding-left:1px}.aui-multi-select--large{min-height:var(--aui-inline-height-l);padding:calc((var(--aui-inline-height-l) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);font-weight:var(--aui-font-weight-normal)}.aui-multi-select--large .aui-tag{margin:0 4px calc((var(--aui-inline-height-l) - 20px) / 2 - 1px) 0}.aui-multi-select--medium{min-height:var(--aui-inline-height-m);padding:calc((var(--aui-inline-height-m) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-multi-select--medium .aui-tag{margin:0 4px calc((var(--aui-inline-height-m) - 20px) / 2 - 1px) 0}.aui-multi-select--small{min-height:var(--aui-inline-height-s);padding:calc((var(--aui-inline-height-s) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-multi-select--small .aui-tag{margin:0 4px calc((var(--aui-inline-height-s) - 20px) / 2 - 1px) 0}.aui-multi-select--mini{min-height:var(--aui-inline-height-xs);padding:calc((var(--aui-inline-height-xs) - 20px) / 2 - 1px) var(--aui-inline-padding-xs) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-multi-select--mini .aui-tag{margin:0 4px calc((var(--aui-inline-height-xs) - 20px) / 2 - 1px) 0}.aui-multi-select__suffix{position:absolute;top:50%;right:var(--aui-inline-padding-xs);transform:translateY(-50%)}.aui-multi-select .aui-tag.aui-multi-select__input{margin-right:0;padding:0;width:1em;max-width:100%;border:none;outline:none;background:none;color:rgb(var(--aui-color-main-text));font-family:inherit;font-size:inherit}.aui-multi-select .aui-tag.aui-multi-select__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}aui-multi-select.ng-invalid.ng-dirty .aui-input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input,.ng-submitted aui-multi-select.ng-invalid .aui-input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input{border-color:rgb(var(--aui-color-red))!important}:root aui-multi-select.ng-invalid.ng-dirty .aui-input:focus,:root aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,:root aui-multi-select.ng-invalid.ng-dirty .aui-tags-input:focus,:root aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused,:root .ng-submitted aui-multi-select.ng-invalid .aui-input:focus,:root .ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,:root .ng-submitted aui-multi-select.ng-invalid .aui-tags-input:focus,:root .ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-multi-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=light] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-multi-select.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=light] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-multi-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=system] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-multi-select.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=system] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-multi-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input:focus,html[aui-theme-mode=dark] aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-multi-select.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}aui-multi-select.ng-invalid.ng-dirty .aui-input .aui-tags-input__input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input .aui-tags-input__input,.ng-submitted aui-multi-select.ng-invalid .aui-input .aui-tags-input__input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input .aui-tags-input__input{color:rgb(var(--aui-color-red))}.aui-multi-select--large{min-height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l) + 1px)}.aui-multi-select--large .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-l)}.aui-multi-select--medium{min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-multi-select--medium .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-m)}.aui-multi-select--small{min-height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-multi-select--small .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-m)}.aui-multi-select--mini{min-height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s) + 1px)}.aui-multi-select--mini .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-s)}.aui-multi-select__suffix{position:absolute;top:50%;transform:translateY(-50%)}.aui-multi-select__icon-container{display:block;position:relative}.aui-multi-select.isDisabled .aui-multi-select__icon-container{color:rgb(var(--aui-color-n-4))}.aui-multi-select__clear{display:none}.aui-multi-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-multi-select__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-multi-select.isClearable:not(.isDisabled):hover .aui-multi-select__indicator{display:none}.aui-multi-select.isClearable:not(.isDisabled):hover .aui-multi-select__clear{display:flex}.aui-multi-select.withHeightLimit{overflow:auto;position:static}.aui-multi-select.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-multi-select.withHeightLimit::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-multi-select.withHeightLimit::-webkit-scrollbar-corner{background-color:transparent}.aui-multi-select .aui-tag--info{background-color:rgb(var(--aui-color-n-10))}\n"] }]
8358
8365
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { tagClassFn: [{
8359
8366
  type: Input
8360
8367
  }], maxRowCount: [{
@@ -8385,10 +8392,10 @@ class OptionGroupComponent {
8385
8392
  }
8386
8393
  }
8387
8394
  OptionGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: OptionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8388
- OptionGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: OptionGroupComponent, selector: "aui-option-group", queries: [{ propertyName: "options", predicate: i0.forwardRef(function () { return OptionComponent; }) }], ngImport: i0, template: "<div\n [hidden]=\"!(hasVisibleOption$ | async)\"\n class=\"aui-option-group\"\n>\n <ng-content select=\"[auiOptionGroupTitle]\"></ng-content>\n <div class=\"aui-option-group__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-option-group__title{padding:4px 8px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);color:rgb(var(--aui-color-help-text))}aui-option-group:not(:first-child) .aui-option-group{margin-top:8px;padding-top:8px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
8395
+ OptionGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: OptionGroupComponent, selector: "aui-option-group", queries: [{ propertyName: "options", predicate: i0.forwardRef(function () { return OptionComponent; }) }], ngImport: i0, template: "<div\n [hidden]=\"!(hasVisibleOption$ | async)\"\n class=\"aui-option-group\"\n>\n <ng-content select=\"[auiOptionGroupTitle]\"></ng-content>\n <div class=\"aui-option-group__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-option-group__title{padding:4px 8px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-help-text))}aui-option-group:not(:first-child) .aui-option-group{margin-top:8px;padding-top:8px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
8389
8396
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: OptionGroupComponent, decorators: [{
8390
8397
  type: Component,
8391
- args: [{ selector: 'aui-option-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [hidden]=\"!(hasVisibleOption$ | async)\"\n class=\"aui-option-group\"\n>\n <ng-content select=\"[auiOptionGroupTitle]\"></ng-content>\n <div class=\"aui-option-group__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-option-group__title{padding:4px 8px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);color:rgb(var(--aui-color-help-text))}aui-option-group:not(:first-child) .aui-option-group{margin-top:8px;padding-top:8px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"] }]
8398
+ args: [{ selector: 'aui-option-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [hidden]=\"!(hasVisibleOption$ | async)\"\n class=\"aui-option-group\"\n>\n <ng-content select=\"[auiOptionGroupTitle]\"></ng-content>\n <div class=\"aui-option-group__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-option-group__title{padding:4px 8px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-help-text))}aui-option-group:not(:first-child) .aui-option-group{margin-top:8px;padding-top:8px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"] }]
8392
8399
  }], propDecorators: { options: [{
8393
8400
  type: ContentChildren,
8394
8401
  args: [forwardRef(() => OptionComponent)]
@@ -8712,10 +8719,10 @@ class RadioComponent extends BaseRadio {
8712
8719
  }
8713
8720
  }
8714
8721
  RadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: RadioComponent, deps: [{ token: RadioGroupComponent }, { token: i2$1.FocusMonitor }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
8715
- RadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: RadioComponent, selector: "aui-radio", usesInheritance: true, ngImport: i0, template: "<div\n #elRef\n [ngClass]=\"rootClass\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-radio__input\"\n type=\"radio\"\n [disabled]=\"disabled\"\n [checked]=\"checked\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <label\n class=\"aui-radio__label\"\n [for]=\"id\"\n >\n <i class=\"aui-radio__pointer\"></i>\n <span class=\"aui-radio__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-radio{display:inline-flex;align-items:center;min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text));position:relative}.aui-radio__input{position:absolute;opacity:0;z-index:-1}.aui-radio__label{display:flex;align-items:center;cursor:pointer}.aui-radio__label:hover .aui-radio__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-n-10))}.aui-radio__content{vertical-align:middle}.aui-radio__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:50%;border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-main-bg));vertical-align:middle;transition:all .3s ease}.aui-radio__pointer:before{content:\"\";display:block;width:6px;height:6px;border-radius:50%}.aui-radio.cdk-keyboard-focused .aui-radio__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-radio.isChecked .aui-radio__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-radio.isChecked .aui-radio__pointer:before{background-color:#fff}.aui-radio.isDisabled .aui-radio__label{cursor:not-allowed}.aui-radio.isDisabled .aui-radio__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-radio.isDisabled.isChecked .aui-radio__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio.isDisabled.isChecked .aui-radio__pointer:before{background-color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-radio.isDisabled.isChecked .aui-radio__pointer:before{background-color:rgb(var(--aui-color-n-4))}aui-radio:not(:last-child) .aui-radio{margin-right:var(--aui-spacing-xxxl)}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
8722
+ RadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: RadioComponent, selector: "aui-radio", usesInheritance: true, ngImport: i0, template: "<div\n #elRef\n [ngClass]=\"rootClass\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-radio__input\"\n type=\"radio\"\n [disabled]=\"disabled\"\n [checked]=\"checked\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <label\n class=\"aui-radio__label\"\n [for]=\"id\"\n >\n <i class=\"aui-radio__pointer\"></i>\n <span class=\"aui-radio__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-radio{display:inline-flex;align-items:center;min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));position:relative}.aui-radio__input{position:absolute;opacity:0;z-index:-1}.aui-radio__label{display:flex;align-items:center;cursor:pointer}.aui-radio__label:hover .aui-radio__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-n-10))}.aui-radio__content{vertical-align:middle}.aui-radio__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:50%;border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-main-bg));vertical-align:middle;transition:all .3s ease}.aui-radio__pointer:before{content:\"\";display:block;width:6px;height:6px;border-radius:50%}.aui-radio.cdk-keyboard-focused .aui-radio__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-radio.isChecked .aui-radio__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-radio.isChecked .aui-radio__pointer:before{background-color:#fff}.aui-radio.isDisabled .aui-radio__label{cursor:not-allowed}.aui-radio.isDisabled .aui-radio__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-radio.isDisabled.isChecked .aui-radio__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio.isDisabled.isChecked .aui-radio__pointer:before{background-color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-radio.isDisabled.isChecked .aui-radio__pointer:before{background-color:rgb(var(--aui-color-n-4))}aui-radio:not(:last-child) .aui-radio{margin-right:var(--aui-spacing-xxxl)}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
8716
8723
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: RadioComponent, decorators: [{
8717
8724
  type: Component,
8718
- args: [{ selector: 'aui-radio', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n #elRef\n [ngClass]=\"rootClass\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-radio__input\"\n type=\"radio\"\n [disabled]=\"disabled\"\n [checked]=\"checked\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <label\n class=\"aui-radio__label\"\n [for]=\"id\"\n >\n <i class=\"aui-radio__pointer\"></i>\n <span class=\"aui-radio__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-radio{display:inline-flex;align-items:center;min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text));position:relative}.aui-radio__input{position:absolute;opacity:0;z-index:-1}.aui-radio__label{display:flex;align-items:center;cursor:pointer}.aui-radio__label:hover .aui-radio__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-n-10))}.aui-radio__content{vertical-align:middle}.aui-radio__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:50%;border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-main-bg));vertical-align:middle;transition:all .3s ease}.aui-radio__pointer:before{content:\"\";display:block;width:6px;height:6px;border-radius:50%}.aui-radio.cdk-keyboard-focused .aui-radio__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-radio.isChecked .aui-radio__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-radio.isChecked .aui-radio__pointer:before{background-color:#fff}.aui-radio.isDisabled .aui-radio__label{cursor:not-allowed}.aui-radio.isDisabled .aui-radio__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-radio.isDisabled.isChecked .aui-radio__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio.isDisabled.isChecked .aui-radio__pointer:before{background-color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-radio.isDisabled.isChecked .aui-radio__pointer:before{background-color:rgb(var(--aui-color-n-4))}aui-radio:not(:last-child) .aui-radio{margin-right:var(--aui-spacing-xxxl)}\n"] }]
8725
+ args: [{ selector: 'aui-radio', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n #elRef\n [ngClass]=\"rootClass\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-radio__input\"\n type=\"radio\"\n [disabled]=\"disabled\"\n [checked]=\"checked\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <label\n class=\"aui-radio__label\"\n [for]=\"id\"\n >\n <i class=\"aui-radio__pointer\"></i>\n <span class=\"aui-radio__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-radio{display:inline-flex;align-items:center;min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));position:relative}.aui-radio__input{position:absolute;opacity:0;z-index:-1}.aui-radio__label{display:flex;align-items:center;cursor:pointer}.aui-radio__label:hover .aui-radio__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-n-10))}.aui-radio__content{vertical-align:middle}.aui-radio__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:50%;border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-main-bg));vertical-align:middle;transition:all .3s ease}.aui-radio__pointer:before{content:\"\";display:block;width:6px;height:6px;border-radius:50%}.aui-radio.cdk-keyboard-focused .aui-radio__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-radio.cdk-keyboard-focused .aui-radio__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-radio.isChecked .aui-radio__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-radio.isChecked .aui-radio__pointer:before{background-color:#fff}.aui-radio.isDisabled .aui-radio__label{cursor:not-allowed}.aui-radio.isDisabled .aui-radio__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-radio.isDisabled.isChecked .aui-radio__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio.isDisabled.isChecked .aui-radio__pointer:before{background-color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-radio.isDisabled.isChecked .aui-radio__pointer:before{background-color:rgb(var(--aui-color-n-4))}aui-radio:not(:last-child) .aui-radio{margin-right:var(--aui-spacing-xxxl)}\n"] }]
8719
8726
  }], ctorParameters: function () { return [{ type: RadioGroupComponent }, { type: i2$1.FocusMonitor }, { type: i0.ChangeDetectorRef }]; } });
8720
8727
 
8721
8728
  class RadioButtonComponent extends BaseRadio {
@@ -8744,10 +8751,10 @@ class RadioButtonComponent extends BaseRadio {
8744
8751
  }
8745
8752
  }
8746
8753
  RadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: RadioButtonComponent, deps: [{ token: RadioGroupComponent }, { token: i2$1.FocusMonitor }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
8747
- RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: RadioButtonComponent, selector: "aui-radio-button", usesInheritance: true, ngImport: i0, template: "<div\n #elRef\n [ngClass]=\"rootClass\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-radio-button__input\"\n type=\"radio\"\n [disabled]=\"disabled\"\n [checked]=\"checked\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <i\n *ngIf=\"checked && isPlain\"\n class=\"aui-radio-button__pointer\"\n >\n <aui-icon icon=\"check\"></aui-icon>\n </i>\n <label\n class=\"aui-radio-button__label\"\n [for]=\"id\"\n >\n <span class=\"aui-radio-button__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-radio-button{font-size:0;margin-left:-1px;display:inline-block;vertical-align:middle;position:relative;color:rgb(var(--aui-color-primary));border:1px solid rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-button-bg));overflow:hidden;z-index:1;transition:all .3s ease}.aui-radio-button.cdk-keyboard-focused{z-index:2}:root .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-radio-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-radio-button.isDisabled{z-index:0;color:rgb(var(--aui-color-p-4));border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-7))}.aui-radio-button.isDisabled .aui-radio-button__label{cursor:not-allowed}.aui-radio-button:not(.isPlain).isChecked{z-index:2;color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-radio-button:not(.isPlain).isChecked.isDisabled{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio-button:not(.isPlain).isChecked.isDisabled{color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-radio-button:not(.isPlain).isChecked.isDisabled{color:rgb(var(--aui-color-n-4))}.aui-radio-button.isPlain{color:rgb(var(--aui-color-n-1));border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-radio-button.isPlain:hover,.aui-radio-button.isPlain.isChecked{z-index:2}.aui-radio-button.isPlain:hover:not(.isDisabled),.aui-radio-button.isPlain.isChecked:not(.isDisabled){color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary))}.aui-radio-button.isPlain.isDisabled{color:rgb(var(--aui-color-n-6));border-color:rgb(var(--aui-color-n-7))}.aui-radio-button.isPlain.isDisabled.isChecked{color:rgb(var(--aui-color-p-4));border-color:rgb(var(--aui-color-p-4))}.aui-radio-button.isPlain.isDisabled.isChecked .aui-radio-button__pointer{background-image:linear-gradient(to bottom right,transparent 50%,rgb(var(--aui-color-p-4)) 50%)}.aui-radio-button__pointer{position:absolute;right:0;bottom:0;color:#fff;background-image:linear-gradient(to bottom right,transparent 50%,rgb(var(--aui-color-primary)) 50%)}.aui-radio-button__pointer aui-icon{position:absolute;line-height:0;right:0;bottom:0}.aui-radio-button__input{position:absolute;opacity:0;z-index:-1}.aui-radio-button__label{display:flex;align-items:center;font-size:var(--aui-font-size-m);cursor:pointer}.aui-radio-button--medium .aui-radio-button__pointer{width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);font-size:10px}.aui-radio-button--medium .aui-radio-button__label{height:calc(var(--aui-inline-height-m) - 2px);padding:0 var(--aui-inline-padding-m)}.aui-radio-button--small .aui-radio-button__pointer{width:var(--aui-icon-size-s);height:var(--aui-icon-size-s);font-size:7px}.aui-radio-button--small .aui-radio-button__label{height:calc(var(--aui-inline-height-s) - 2px);padding:0 var(--aui-inline-padding-s)}aui-radio-button:first-child .aui-radio-button{margin-left:0;border-top-left-radius:var(--aui-border-radius-m);border-bottom-left-radius:var(--aui-border-radius-m)}aui-radio-button:last-child .aui-radio-button{border-top-right-radius:var(--aui-border-radius-m);border-bottom-right-radius:var(--aui-border-radius-m)}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
8754
+ RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: RadioButtonComponent, selector: "aui-radio-button", usesInheritance: true, ngImport: i0, template: "<div\n #elRef\n [ngClass]=\"rootClass\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-radio-button__input\"\n type=\"radio\"\n [disabled]=\"disabled\"\n [checked]=\"checked\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <i\n *ngIf=\"checked && isPlain\"\n class=\"aui-radio-button__pointer\"\n >\n <aui-icon icon=\"check\"></aui-icon>\n </i>\n <label\n class=\"aui-radio-button__label\"\n [for]=\"id\"\n >\n <span class=\"aui-radio-button__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-radio-button{font-size:0;margin-left:-1px;display:inline-block;vertical-align:middle;position:relative;color:rgb(var(--aui-color-primary));border:1px solid rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-button-bg));overflow:hidden;z-index:1;transition:all .3s ease}.aui-radio-button.cdk-keyboard-focused{z-index:2}:root .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-radio-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-radio-button.isDisabled{z-index:0;color:rgb(var(--aui-color-p-4));border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-7))}.aui-radio-button.isDisabled .aui-radio-button__label{cursor:not-allowed}.aui-radio-button:not(.isPlain).isChecked{z-index:2;color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-radio-button:not(.isPlain).isChecked.isDisabled{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio-button:not(.isPlain).isChecked.isDisabled{color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-radio-button:not(.isPlain).isChecked.isDisabled{color:rgb(var(--aui-color-n-4))}.aui-radio-button.isPlain{color:rgb(var(--aui-color-n-1));border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-radio-button.isPlain:hover,.aui-radio-button.isPlain.isChecked{z-index:2}.aui-radio-button.isPlain:hover:not(.isDisabled),.aui-radio-button.isPlain.isChecked:not(.isDisabled){color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary))}.aui-radio-button.isPlain.isDisabled{color:rgb(var(--aui-color-n-6));border-color:rgb(var(--aui-color-n-7))}.aui-radio-button.isPlain.isDisabled.isChecked{color:rgb(var(--aui-color-p-4));border-color:rgb(var(--aui-color-p-4))}.aui-radio-button.isPlain.isDisabled.isChecked .aui-radio-button__pointer{background-image:linear-gradient(to bottom right,transparent 50%,rgb(var(--aui-color-p-4)) 50%)}.aui-radio-button__pointer{position:absolute;right:0;bottom:0;color:#fff;background-image:linear-gradient(to bottom right,transparent 50%,rgb(var(--aui-color-primary)) 50%)}.aui-radio-button__pointer aui-icon{position:absolute;line-height:0;right:0;bottom:0}.aui-radio-button__input{position:absolute;opacity:0;z-index:-1}.aui-radio-button__label{display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);cursor:pointer}.aui-radio-button--medium .aui-radio-button__pointer{width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);font-size:10px}.aui-radio-button--medium .aui-radio-button__label{height:calc(var(--aui-inline-height-m) - 2px);padding:0 var(--aui-inline-padding-m)}.aui-radio-button--small .aui-radio-button__pointer{width:var(--aui-icon-size-s);height:var(--aui-icon-size-s);font-size:7px}.aui-radio-button--small .aui-radio-button__label{height:calc(var(--aui-inline-height-s) - 2px);padding:0 var(--aui-inline-padding-s)}aui-radio-button:first-child .aui-radio-button{margin-left:0;border-top-left-radius:var(--aui-border-radius-m);border-bottom-left-radius:var(--aui-border-radius-m)}aui-radio-button:last-child .aui-radio-button{border-top-right-radius:var(--aui-border-radius-m);border-bottom-right-radius:var(--aui-border-radius-m)}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
8748
8755
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: RadioButtonComponent, decorators: [{
8749
8756
  type: Component,
8750
- args: [{ selector: 'aui-radio-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n #elRef\n [ngClass]=\"rootClass\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-radio-button__input\"\n type=\"radio\"\n [disabled]=\"disabled\"\n [checked]=\"checked\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <i\n *ngIf=\"checked && isPlain\"\n class=\"aui-radio-button__pointer\"\n >\n <aui-icon icon=\"check\"></aui-icon>\n </i>\n <label\n class=\"aui-radio-button__label\"\n [for]=\"id\"\n >\n <span class=\"aui-radio-button__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-radio-button{font-size:0;margin-left:-1px;display:inline-block;vertical-align:middle;position:relative;color:rgb(var(--aui-color-primary));border:1px solid rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-button-bg));overflow:hidden;z-index:1;transition:all .3s ease}.aui-radio-button.cdk-keyboard-focused{z-index:2}:root .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-radio-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-radio-button.isDisabled{z-index:0;color:rgb(var(--aui-color-p-4));border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-7))}.aui-radio-button.isDisabled .aui-radio-button__label{cursor:not-allowed}.aui-radio-button:not(.isPlain).isChecked{z-index:2;color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-radio-button:not(.isPlain).isChecked.isDisabled{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio-button:not(.isPlain).isChecked.isDisabled{color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-radio-button:not(.isPlain).isChecked.isDisabled{color:rgb(var(--aui-color-n-4))}.aui-radio-button.isPlain{color:rgb(var(--aui-color-n-1));border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-radio-button.isPlain:hover,.aui-radio-button.isPlain.isChecked{z-index:2}.aui-radio-button.isPlain:hover:not(.isDisabled),.aui-radio-button.isPlain.isChecked:not(.isDisabled){color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary))}.aui-radio-button.isPlain.isDisabled{color:rgb(var(--aui-color-n-6));border-color:rgb(var(--aui-color-n-7))}.aui-radio-button.isPlain.isDisabled.isChecked{color:rgb(var(--aui-color-p-4));border-color:rgb(var(--aui-color-p-4))}.aui-radio-button.isPlain.isDisabled.isChecked .aui-radio-button__pointer{background-image:linear-gradient(to bottom right,transparent 50%,rgb(var(--aui-color-p-4)) 50%)}.aui-radio-button__pointer{position:absolute;right:0;bottom:0;color:#fff;background-image:linear-gradient(to bottom right,transparent 50%,rgb(var(--aui-color-primary)) 50%)}.aui-radio-button__pointer aui-icon{position:absolute;line-height:0;right:0;bottom:0}.aui-radio-button__input{position:absolute;opacity:0;z-index:-1}.aui-radio-button__label{display:flex;align-items:center;font-size:var(--aui-font-size-m);cursor:pointer}.aui-radio-button--medium .aui-radio-button__pointer{width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);font-size:10px}.aui-radio-button--medium .aui-radio-button__label{height:calc(var(--aui-inline-height-m) - 2px);padding:0 var(--aui-inline-padding-m)}.aui-radio-button--small .aui-radio-button__pointer{width:var(--aui-icon-size-s);height:var(--aui-icon-size-s);font-size:7px}.aui-radio-button--small .aui-radio-button__label{height:calc(var(--aui-inline-height-s) - 2px);padding:0 var(--aui-inline-padding-s)}aui-radio-button:first-child .aui-radio-button{margin-left:0;border-top-left-radius:var(--aui-border-radius-m);border-bottom-left-radius:var(--aui-border-radius-m)}aui-radio-button:last-child .aui-radio-button{border-top-right-radius:var(--aui-border-radius-m);border-bottom-right-radius:var(--aui-border-radius-m)}\n"] }]
8757
+ args: [{ selector: 'aui-radio-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n #elRef\n [ngClass]=\"rootClass\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-radio-button__input\"\n type=\"radio\"\n [disabled]=\"disabled\"\n [checked]=\"checked\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <i\n *ngIf=\"checked && isPlain\"\n class=\"aui-radio-button__pointer\"\n >\n <aui-icon icon=\"check\"></aui-icon>\n </i>\n <label\n class=\"aui-radio-button__label\"\n [for]=\"id\"\n >\n <span class=\"aui-radio-button__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-radio-button{font-size:0;margin-left:-1px;display:inline-block;vertical-align:middle;position:relative;color:rgb(var(--aui-color-primary));border:1px solid rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-button-bg));overflow:hidden;z-index:1;transition:all .3s ease}.aui-radio-button.cdk-keyboard-focused{z-index:2}:root .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-radio-button.cdk-keyboard-focused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-radio-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-radio-button.isDisabled{z-index:0;color:rgb(var(--aui-color-p-4));border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-7))}.aui-radio-button.isDisabled .aui-radio-button__label{cursor:not-allowed}.aui-radio-button:not(.isPlain).isChecked{z-index:2;color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-radio-button:not(.isPlain).isChecked.isDisabled{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-radio-button:not(.isPlain).isChecked.isDisabled{color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-radio-button:not(.isPlain).isChecked.isDisabled{color:rgb(var(--aui-color-n-4))}.aui-radio-button.isPlain{color:rgb(var(--aui-color-n-1));border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-radio-button.isPlain:hover,.aui-radio-button.isPlain.isChecked{z-index:2}.aui-radio-button.isPlain:hover:not(.isDisabled),.aui-radio-button.isPlain.isChecked:not(.isDisabled){color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary))}.aui-radio-button.isPlain.isDisabled{color:rgb(var(--aui-color-n-6));border-color:rgb(var(--aui-color-n-7))}.aui-radio-button.isPlain.isDisabled.isChecked{color:rgb(var(--aui-color-p-4));border-color:rgb(var(--aui-color-p-4))}.aui-radio-button.isPlain.isDisabled.isChecked .aui-radio-button__pointer{background-image:linear-gradient(to bottom right,transparent 50%,rgb(var(--aui-color-p-4)) 50%)}.aui-radio-button__pointer{position:absolute;right:0;bottom:0;color:#fff;background-image:linear-gradient(to bottom right,transparent 50%,rgb(var(--aui-color-primary)) 50%)}.aui-radio-button__pointer aui-icon{position:absolute;line-height:0;right:0;bottom:0}.aui-radio-button__input{position:absolute;opacity:0;z-index:-1}.aui-radio-button__label{display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);cursor:pointer}.aui-radio-button--medium .aui-radio-button__pointer{width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);font-size:10px}.aui-radio-button--medium .aui-radio-button__label{height:calc(var(--aui-inline-height-m) - 2px);padding:0 var(--aui-inline-padding-m)}.aui-radio-button--small .aui-radio-button__pointer{width:var(--aui-icon-size-s);height:var(--aui-icon-size-s);font-size:7px}.aui-radio-button--small .aui-radio-button__label{height:calc(var(--aui-inline-height-s) - 2px);padding:0 var(--aui-inline-padding-s)}aui-radio-button:first-child .aui-radio-button{margin-left:0;border-top-left-radius:var(--aui-border-radius-m);border-bottom-left-radius:var(--aui-border-radius-m)}aui-radio-button:last-child .aui-radio-button{border-top-right-radius:var(--aui-border-radius-m);border-bottom-right-radius:var(--aui-border-radius-m)}\n"] }]
8751
8758
  }], ctorParameters: function () { return [{ type: RadioGroupComponent }, { type: i2$1.FocusMonitor }, { type: i0.ChangeDetectorRef }]; } });
8752
8759
 
8753
8760
  class RadioModule {
@@ -8834,7 +8841,7 @@ TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
8834
8841
  provide: _COALESCED_STYLE_SCHEDULER,
8835
8842
  useClass: _CoalescedStyleScheduler,
8836
8843
  },
8837
- ], queries: [{ propertyName: "_placeholderDef", first: true, predicate: TablePlaceholderDefDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "_placeholderOutlet", first: true, predicate: TablePlaceholderOutletDirective, descendants: true, static: true }], exportAs: ["auiTable"], usesInheritance: true, ngImport: i0, template: "\n <ng-content select=\"caption\"></ng-content>\n <ng-content select=\"colgroup, col\"></ng-content>\n <ng-container headerRowOutlet></ng-container>\n <ng-container rowOutlet></ng-container>\n <ng-container noDataRowOutlet></ng-container>\n <ng-container footerRowOutlet></ng-container>\n<ng-container auiTablePlaceholderOutlet></ng-container>", isInline: true, styles: [".aui-table{display:block;padding:0 12px 12px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-l)}.aui-table__row,.aui-table__header-row{display:flex;align-items:center}.aui-table__row.hasPanel,.aui-table__header-row.hasPanel{flex-wrap:wrap}.aui-table__header-row+.aui-table__row{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row{position:relative;border-width:1px;border-style:solid;border-color:rgb(var(--aui-color-n-8));border-bottom-width:0;background-color:rgb(var(--aui-color-n-10));padding:0 9px;min-height:58px;box-sizing:content-box}.aui-table__row:first-child{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row:last-child{border-bottom-width:1px;min-height:58px;border-bottom-left-radius:var(--aui-border-radius-l);border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__row.isDisabled:before{content:\"\";z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--aui-color-n-10));opacity:.7;cursor:not-allowed}.aui-table__header-row{background-color:rgb(var(--aui-color-n-9));padding:0 10px}.aui-table__cell,.aui-table__header-cell{display:flex;align-items:center;flex:1}.aui-table__cell{padding:15px 10px;background-color:rgb(var(--aui-color-n-10));overflow:hidden}.aui-table__cell--column{flex-direction:column;justify-content:center;align-items:flex-start}.aui-table__header-cell{padding:12px 10px;font-weight:var(--aui-font-weight-bold);background-color:rgb(var(--aui-color-n-9));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-table__column-expand-button{display:flex;align-items:center;max-width:calc(10px * 2 + var(--aui-icon-size-m))}.aui-table__column-expand-button.aui-table__cell{height:58px}.aui-table__column-expand-button .aui-expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);font-size:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-table__column-expand-button .aui-expand-button aui-icon{display:block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m)}.aui-table__column-expand-button .aui-expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-table__column-expand-button .aui-expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-table__column-expand-button .aui-expand-button.isExpanded{transform:rotate(90deg);color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-table__column-expand-button .aui-expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-table__column-expand-button .aui-expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-table__column-expand-button .aui-expand-button[disabled],.aui-table__column-expand-button .aui-expand-button.isExpanded[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-table__column-expand-panel{margin-top:-6px}.aui-table__column-expand-panel.aui-table__header-cell{display:none}.aui-table__column-expand-panel.aui-table__cell{width:100%;flex-shrink:0;flex-basis:100%;padding:0 10px;overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel{width:100%;border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel-content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}\n", ".aui-table__scroll-wrapper{display:flex;flex-direction:column;max-height:100%;overflow:hidden;background-color:rgb(var(--aui-color-n-9));padding:0 12px 12px;border-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper::-webkit-scrollbar{width:4px;height:4px}.aui-table__scroll-wrapper::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-table__scroll-wrapper::-webkit-scrollbar-corner{background-color:transparent}.aui-table__scroll-wrapper .aui-table{padding:0;border-radius:0}.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableTopShadow:before,.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableBottomShadow:after{transform:none;width:100%;left:0}.aui-table__scroll-shadow.aui-table{overflow:auto}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar{width:4px;height:4px}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-corner{background-color:transparent}.aui-table__scroll-shadow.hasTableTopShadow:before{content:\"\";position:sticky;display:block;height:16px;margin:-16px -12px 0;z-index:99;top:28px}:root .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow.hasTableBottomShadow:after{content:\"\";position:sticky;display:block;height:16px;transform:translateY(12px);z-index:99;bottom:0;margin:-16px -12px 0}:root .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}html[aui-theme-mode=light] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-9),.75) inset}}html[aui-theme-mode=dark] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-9),.75) inset}.aui-table__scroll-shadow .aui-table__header-row{margin:0;padding:0;align-items:stretch}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:first-of-type{padding-left:20px}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:last-of-type{padding-right:20px}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:first-of-type{border-top-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:last-of-type{border-top-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row{border:none;padding:0;align-items:stretch;min-height:59px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell{border-width:1px 0;border-style:solid;border-color:rgb(var(--aui-color-n-8))}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:first-of-type{border-left-width:1px;padding-left:19px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:last-of-type{border-right-width:1px;padding-right:19px}.aui-table__scroll-shadow .aui-table__row:last-child{min-height:60px}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:first-of-type{border-bottom-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:last-of-type{border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:not(.aui-table__scroll-shadow .aui-table__row:last-child) .aui-table__cell{border-bottom-width:0}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{position:absolute;top:0;bottom:-1px;width:20px;transition:box-shadow .3s;content:\"\";pointer-events:none}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{position:absolute;top:0;bottom:-1px;content:\"\";background:linear-gradient(to bottom,rgb(var(--aui-color-n-7)),rgb(var(--aui-color-n-7)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left{padding-right:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after{right:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before{right:10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right{padding-left:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{left:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{left:10px}:root .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):before{background:linear-gradient(to bottom,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}:root .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):before{background:linear-gradient(to bottom,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}\n"], directives: [{ type: i1$3.HeaderRowOutlet, selector: "[headerRowOutlet]" }, { type: i1$3.DataRowOutlet, selector: "[rowOutlet]" }, { type: i1$3.NoDataRowOutlet, selector: "[noDataRowOutlet]" }, { type: i1$3.FooterRowOutlet, selector: "[footerRowOutlet]" }, { type: TablePlaceholderOutletDirective, selector: "[auiTablePlaceholderOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
8844
+ ], queries: [{ propertyName: "_placeholderDef", first: true, predicate: TablePlaceholderDefDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "_placeholderOutlet", first: true, predicate: TablePlaceholderOutletDirective, descendants: true, static: true }], exportAs: ["auiTable"], usesInheritance: true, ngImport: i0, template: "\n <ng-content select=\"caption\"></ng-content>\n <ng-content select=\"colgroup, col\"></ng-content>\n <ng-container headerRowOutlet></ng-container>\n <ng-container rowOutlet></ng-container>\n <ng-container noDataRowOutlet></ng-container>\n <ng-container footerRowOutlet></ng-container>\n<ng-container auiTablePlaceholderOutlet></ng-container>", isInline: true, styles: [".aui-table{display:block;padding:0 12px 12px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-l)}.aui-table__row,.aui-table__header-row{display:flex;align-items:center}.aui-table__row.hasPanel,.aui-table__header-row.hasPanel{flex-wrap:wrap}.aui-table__header-row+.aui-table__row{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row{position:relative;border-width:1px;border-style:solid;border-color:rgb(var(--aui-color-n-8));border-bottom-width:0;background-color:rgb(var(--aui-color-n-10));padding:0 9px;min-height:58px;box-sizing:content-box}.aui-table__row:first-child{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row:last-child{border-bottom-width:1px;min-height:58px;border-bottom-left-radius:var(--aui-border-radius-l);border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__row.isDisabled:before{content:\"\";z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--aui-color-n-10));opacity:.7;cursor:not-allowed}.aui-table__header-row{background-color:rgb(var(--aui-color-n-9));padding:0 10px}.aui-table__cell,.aui-table__header-cell{display:flex;align-items:center;flex:1}.aui-table__cell{padding:15px 10px;background-color:rgb(var(--aui-color-n-10));overflow:hidden}.aui-table__cell--column{flex-direction:column;justify-content:center;align-items:flex-start}.aui-table__header-cell{padding:12px 10px;font-weight:var(--aui-font-weight-bold);background-color:rgb(var(--aui-color-n-9));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-table__column-expand-button{display:flex;align-items:center;max-width:calc(10px * 2 + var(--aui-icon-size-m))}.aui-table__column-expand-button.aui-table__cell{height:58px}.aui-table__column-expand-button .aui-expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-table__column-expand-button .aui-expand-button aui-icon{display:flex;justify-content:center;align-items:center;width:var(--aui-icon-size-s);height:var(--aui-icon-size-s);font-size:var(--aui-icon-size-s)}.aui-table__column-expand-button .aui-expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-table__column-expand-button .aui-expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-table__column-expand-button .aui-expand-button.isExpanded{transform:rotate(90deg);color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-table__column-expand-button .aui-expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-table__column-expand-button .aui-expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-table__column-expand-button .aui-expand-button[disabled],.aui-table__column-expand-button .aui-expand-button.isExpanded[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-table__column-expand-panel{margin-top:-6px}.aui-table__column-expand-panel.aui-table__header-cell{display:none}.aui-table__column-expand-panel.aui-table__cell{width:100%;flex-shrink:0;flex-basis:100%;padding:0 10px;overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel{width:100%;border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel-content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}\n", ".aui-table__scroll-wrapper{display:flex;flex-direction:column;max-height:100%;overflow:hidden;background-color:rgb(var(--aui-color-n-9));padding:0 12px 12px;border-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper::-webkit-scrollbar{width:4px;height:4px}.aui-table__scroll-wrapper::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-table__scroll-wrapper::-webkit-scrollbar-corner{background-color:transparent}.aui-table__scroll-wrapper .aui-table{padding:0;border-radius:0}.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableTopShadow:before,.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableBottomShadow:after{transform:none;width:100%;left:0}.aui-table__scroll-shadow.aui-table{overflow:auto}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar{width:4px;height:4px}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-corner{background-color:transparent}.aui-table__scroll-shadow.hasTableTopShadow:before{content:\"\";position:sticky;display:block;height:16px;margin:-16px -12px 0;z-index:99;top:28px}:root .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow.hasTableBottomShadow:after{content:\"\";position:sticky;display:block;height:16px;transform:translateY(12px);z-index:99;bottom:0;margin:-16px -12px 0}:root .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}html[aui-theme-mode=light] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-9),.75) inset}}html[aui-theme-mode=dark] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-9),.75) inset}.aui-table__scroll-shadow .aui-table__header-row{margin:0;padding:0;align-items:stretch}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:first-of-type{padding-left:20px}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:last-of-type{padding-right:20px}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:first-of-type{border-top-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:last-of-type{border-top-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row{border:none;padding:0;align-items:stretch;min-height:59px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell{border-width:1px 0;border-style:solid;border-color:rgb(var(--aui-color-n-8))}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:first-of-type{border-left-width:1px;padding-left:19px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:last-of-type{border-right-width:1px;padding-right:19px}.aui-table__scroll-shadow .aui-table__row:last-child{min-height:60px}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:first-of-type{border-bottom-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:last-of-type{border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:not(.aui-table__scroll-shadow .aui-table__row:last-child) .aui-table__cell{border-bottom-width:0}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{position:absolute;top:0;bottom:-1px;width:20px;transition:box-shadow .3s;content:\"\";pointer-events:none}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{position:absolute;top:0;bottom:-1px;content:\"\";background:linear-gradient(to bottom,rgb(var(--aui-color-n-7)),rgb(var(--aui-color-n-7)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left{padding-right:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after{right:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before{right:10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right{padding-left:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{left:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{left:10px}:root .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):before{background:linear-gradient(to bottom,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}:root .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):before{background:linear-gradient(to bottom,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}\n"], directives: [{ type: i1$3.HeaderRowOutlet, selector: "[headerRowOutlet]" }, { type: i1$3.DataRowOutlet, selector: "[rowOutlet]" }, { type: i1$3.NoDataRowOutlet, selector: "[noDataRowOutlet]" }, { type: i1$3.FooterRowOutlet, selector: "[footerRowOutlet]" }, { type: TablePlaceholderOutletDirective, selector: "[auiTablePlaceholderOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
8838
8845
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TableComponent, decorators: [{
8839
8846
  type: Component,
8840
8847
  args: [{ selector: 'aui-table', exportAs: 'auiTable', encapsulation: ViewEncapsulation.None, template: CDK_TABLE_TEMPLATE +
@@ -8853,7 +8860,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
8853
8860
  provide: _COALESCED_STYLE_SCHEDULER,
8854
8861
  useClass: _CoalescedStyleScheduler,
8855
8862
  },
8856
- ], styles: [".aui-table{display:block;padding:0 12px 12px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-l)}.aui-table__row,.aui-table__header-row{display:flex;align-items:center}.aui-table__row.hasPanel,.aui-table__header-row.hasPanel{flex-wrap:wrap}.aui-table__header-row+.aui-table__row{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row{position:relative;border-width:1px;border-style:solid;border-color:rgb(var(--aui-color-n-8));border-bottom-width:0;background-color:rgb(var(--aui-color-n-10));padding:0 9px;min-height:58px;box-sizing:content-box}.aui-table__row:first-child{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row:last-child{border-bottom-width:1px;min-height:58px;border-bottom-left-radius:var(--aui-border-radius-l);border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__row.isDisabled:before{content:\"\";z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--aui-color-n-10));opacity:.7;cursor:not-allowed}.aui-table__header-row{background-color:rgb(var(--aui-color-n-9));padding:0 10px}.aui-table__cell,.aui-table__header-cell{display:flex;align-items:center;flex:1}.aui-table__cell{padding:15px 10px;background-color:rgb(var(--aui-color-n-10));overflow:hidden}.aui-table__cell--column{flex-direction:column;justify-content:center;align-items:flex-start}.aui-table__header-cell{padding:12px 10px;font-weight:var(--aui-font-weight-bold);background-color:rgb(var(--aui-color-n-9));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-table__column-expand-button{display:flex;align-items:center;max-width:calc(10px * 2 + var(--aui-icon-size-m))}.aui-table__column-expand-button.aui-table__cell{height:58px}.aui-table__column-expand-button .aui-expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);font-size:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-table__column-expand-button .aui-expand-button aui-icon{display:block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m)}.aui-table__column-expand-button .aui-expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-table__column-expand-button .aui-expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-table__column-expand-button .aui-expand-button.isExpanded{transform:rotate(90deg);color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-table__column-expand-button .aui-expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-table__column-expand-button .aui-expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-table__column-expand-button .aui-expand-button[disabled],.aui-table__column-expand-button .aui-expand-button.isExpanded[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-table__column-expand-panel{margin-top:-6px}.aui-table__column-expand-panel.aui-table__header-cell{display:none}.aui-table__column-expand-panel.aui-table__cell{width:100%;flex-shrink:0;flex-basis:100%;padding:0 10px;overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel{width:100%;border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel-content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}\n", ".aui-table__scroll-wrapper{display:flex;flex-direction:column;max-height:100%;overflow:hidden;background-color:rgb(var(--aui-color-n-9));padding:0 12px 12px;border-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper::-webkit-scrollbar{width:4px;height:4px}.aui-table__scroll-wrapper::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-table__scroll-wrapper::-webkit-scrollbar-corner{background-color:transparent}.aui-table__scroll-wrapper .aui-table{padding:0;border-radius:0}.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableTopShadow:before,.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableBottomShadow:after{transform:none;width:100%;left:0}.aui-table__scroll-shadow.aui-table{overflow:auto}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar{width:4px;height:4px}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-corner{background-color:transparent}.aui-table__scroll-shadow.hasTableTopShadow:before{content:\"\";position:sticky;display:block;height:16px;margin:-16px -12px 0;z-index:99;top:28px}:root .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow.hasTableBottomShadow:after{content:\"\";position:sticky;display:block;height:16px;transform:translateY(12px);z-index:99;bottom:0;margin:-16px -12px 0}:root .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}html[aui-theme-mode=light] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-9),.75) inset}}html[aui-theme-mode=dark] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-9),.75) inset}.aui-table__scroll-shadow .aui-table__header-row{margin:0;padding:0;align-items:stretch}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:first-of-type{padding-left:20px}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:last-of-type{padding-right:20px}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:first-of-type{border-top-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:last-of-type{border-top-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row{border:none;padding:0;align-items:stretch;min-height:59px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell{border-width:1px 0;border-style:solid;border-color:rgb(var(--aui-color-n-8))}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:first-of-type{border-left-width:1px;padding-left:19px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:last-of-type{border-right-width:1px;padding-right:19px}.aui-table__scroll-shadow .aui-table__row:last-child{min-height:60px}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:first-of-type{border-bottom-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:last-of-type{border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:not(.aui-table__scroll-shadow .aui-table__row:last-child) .aui-table__cell{border-bottom-width:0}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{position:absolute;top:0;bottom:-1px;width:20px;transition:box-shadow .3s;content:\"\";pointer-events:none}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{position:absolute;top:0;bottom:-1px;content:\"\";background:linear-gradient(to bottom,rgb(var(--aui-color-n-7)),rgb(var(--aui-color-n-7)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left{padding-right:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after{right:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before{right:10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right{padding-left:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{left:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{left:10px}:root .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):before{background:linear-gradient(to bottom,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}:root .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):before{background:linear-gradient(to bottom,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}\n"] }]
8863
+ ], styles: [".aui-table{display:block;padding:0 12px 12px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-l)}.aui-table__row,.aui-table__header-row{display:flex;align-items:center}.aui-table__row.hasPanel,.aui-table__header-row.hasPanel{flex-wrap:wrap}.aui-table__header-row+.aui-table__row{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row{position:relative;border-width:1px;border-style:solid;border-color:rgb(var(--aui-color-n-8));border-bottom-width:0;background-color:rgb(var(--aui-color-n-10));padding:0 9px;min-height:58px;box-sizing:content-box}.aui-table__row:first-child{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row:last-child{border-bottom-width:1px;min-height:58px;border-bottom-left-radius:var(--aui-border-radius-l);border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__row.isDisabled:before{content:\"\";z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--aui-color-n-10));opacity:.7;cursor:not-allowed}.aui-table__header-row{background-color:rgb(var(--aui-color-n-9));padding:0 10px}.aui-table__cell,.aui-table__header-cell{display:flex;align-items:center;flex:1}.aui-table__cell{padding:15px 10px;background-color:rgb(var(--aui-color-n-10));overflow:hidden}.aui-table__cell--column{flex-direction:column;justify-content:center;align-items:flex-start}.aui-table__header-cell{padding:12px 10px;font-weight:var(--aui-font-weight-bold);background-color:rgb(var(--aui-color-n-9));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-table__column-expand-button{display:flex;align-items:center;max-width:calc(10px * 2 + var(--aui-icon-size-m))}.aui-table__column-expand-button.aui-table__cell{height:58px}.aui-table__column-expand-button .aui-expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-table__column-expand-button .aui-expand-button aui-icon{display:flex;justify-content:center;align-items:center;width:var(--aui-icon-size-s);height:var(--aui-icon-size-s);font-size:var(--aui-icon-size-s)}.aui-table__column-expand-button .aui-expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-table__column-expand-button .aui-expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-table__column-expand-button .aui-expand-button.isExpanded{transform:rotate(90deg);color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-table__column-expand-button .aui-expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-table__column-expand-button .aui-expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-table__column-expand-button .aui-expand-button[disabled],.aui-table__column-expand-button .aui-expand-button.isExpanded[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-table__column-expand-panel{margin-top:-6px}.aui-table__column-expand-panel.aui-table__header-cell{display:none}.aui-table__column-expand-panel.aui-table__cell{width:100%;flex-shrink:0;flex-basis:100%;padding:0 10px;overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel{width:100%;border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel-content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}\n", ".aui-table__scroll-wrapper{display:flex;flex-direction:column;max-height:100%;overflow:hidden;background-color:rgb(var(--aui-color-n-9));padding:0 12px 12px;border-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper::-webkit-scrollbar{width:4px;height:4px}.aui-table__scroll-wrapper::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-table__scroll-wrapper::-webkit-scrollbar-corner{background-color:transparent}.aui-table__scroll-wrapper .aui-table{padding:0;border-radius:0}.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableTopShadow:before,.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableBottomShadow:after{transform:none;width:100%;left:0}.aui-table__scroll-shadow.aui-table{overflow:auto}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar{width:4px;height:4px}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-corner{background-color:transparent}.aui-table__scroll-shadow.hasTableTopShadow:before{content:\"\";position:sticky;display:block;height:16px;margin:-16px -12px 0;z-index:99;top:28px}:root .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow.hasTableBottomShadow:after{content:\"\";position:sticky;display:block;height:16px;transform:translateY(12px);z-index:99;bottom:0;margin:-16px -12px 0}:root .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}html[aui-theme-mode=light] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-9),.75) inset}}html[aui-theme-mode=dark] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-9),.75) inset}.aui-table__scroll-shadow .aui-table__header-row{margin:0;padding:0;align-items:stretch}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:first-of-type{padding-left:20px}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:last-of-type{padding-right:20px}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:first-of-type{border-top-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:last-of-type{border-top-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row{border:none;padding:0;align-items:stretch;min-height:59px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell{border-width:1px 0;border-style:solid;border-color:rgb(var(--aui-color-n-8))}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:first-of-type{border-left-width:1px;padding-left:19px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:last-of-type{border-right-width:1px;padding-right:19px}.aui-table__scroll-shadow .aui-table__row:last-child{min-height:60px}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:first-of-type{border-bottom-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:last-of-type{border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:not(.aui-table__scroll-shadow .aui-table__row:last-child) .aui-table__cell{border-bottom-width:0}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{position:absolute;top:0;bottom:-1px;width:20px;transition:box-shadow .3s;content:\"\";pointer-events:none}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{position:absolute;top:0;bottom:-1px;content:\"\";background:linear-gradient(to bottom,rgb(var(--aui-color-n-7)),rgb(var(--aui-color-n-7)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left{padding-right:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after{right:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before{right:10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right{padding-left:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{left:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{left:10px}:root .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):before{background:linear-gradient(to bottom,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}:root .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):before{background:linear-gradient(to bottom,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}\n"] }]
8857
8864
  }], propDecorators: { enableScrollWrapper: [{
8858
8865
  type: Input
8859
8866
  }], _placeholderOutlet: [{
@@ -10126,10 +10133,10 @@ class StepsComponent {
10126
10133
  }
10127
10134
  }
10128
10135
  StepsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StepsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
10129
- StepsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: StepsComponent, selector: "aui-steps", inputs: { steps: "steps", linear: "linear", currentIndex: "currentIndex", orientation: "orientation", type: "type", selectable: "selectable" }, outputs: { currentIndexChange: "currentIndexChange", selectedIndexChange: "selectedIndexChange" }, exportAs: ["auiSteps"], ngImport: i0, template: "<div\n class=\"aui-steps aui-steps--{{ orientation || 'horizontal' }} aui-steps--{{\n type || 'step'\n }}\"\n>\n <ng-container *ngFor=\"let step of steps; let i = index; let isLast = last\">\n <div\n class=\"aui-step\"\n (click)=\"select(i)\"\n [class.isLastActive]=\"isLastActive(i, steps)\"\n [class.clickable]=\"isSelectable(i)\"\n >\n <div class=\"aui-step__indicator\">\n <ng-container *ngIf=\"isProgress\">\n <ng-container [ngSwitch]=\"step.state\">\n <aui-icon\n *ngSwitchCase=\"'pending'\"\n class=\"aui-step__indicator--pending\"\n [class.isActive]=\"i === activeIndex\"\n icon=\"rotate\"\n ></aui-icon>\n <aui-icon\n *ngSwitchCase=\"'done'\"\n class=\"aui-step__indicator--done\"\n [class.isActive]=\"i === activeIndex\"\n icon=\"check\"\n ></aui-icon>\n <aui-icon\n *ngSwitchCase=\"'error'\"\n class=\"aui-step__indicator--error\"\n [class.isActive]=\"i === activeIndex\"\n icon=\"xmark_small\"\n ></aui-icon>\n <span\n *ngSwitchDefault\n class=\"aui-step__indicator--index\"\n [class.isActive]=\"i === activeIndex\"\n >\n {{ i + 1 }}\n </span>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!isProgress\">\n <span\n *ngIf=\"i >= currentIndex\"\n class=\"aui-step__indicator--index\"\n [class.isActive]=\"currentIndex === i\"\n >\n {{ i + 1 }}\n </span>\n <aui-icon\n *ngIf=\"i < currentIndex\"\n class=\"aui-step__indicator--done\"\n [class.isActive]=\"_currentIndex === i\"\n icon=\"check\"\n ></aui-icon>\n </ng-container>\n <div\n *ngIf=\"!isLast && isVertical\"\n class=\"aui-steps__vertical-line aui-steps__vertical-line--{{\n step.state\n }}\"\n ></div>\n </div>\n <div\n class=\"aui-step__info aui-step__info--{{\n isProgress\n ? step.state || 'default'\n : i < _currentIndex\n ? 'done'\n : 'default'\n }}\"\n [class.aui-step__info--selected]=\"getActiveIndex() === i\"\n >\n <div class=\"aui-step__name\">\n {{ step.label }}\n </div>\n <div\n class=\"aui-step__description\"\n *ngIf=\"step.description\"\n >\n {{ step.description }}\n </div>\n </div>\n </div>\n <div\n *ngIf=\"!isLast && !isVertical\"\n class=\"aui-steps__horizontal-line\"\n ></div>\n </ng-container>\n</div>\n", styles: ["@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aui-step{display:flex;align-items:center;font-weight:var(--aui-font-weight-normal)}.aui-step__indicator{margin-right:var(--aui-spacing-m);width:24px;height:24px;display:inline-flex;color:rgb(var(--aui-color-n-4))}.aui-step__indicator--index{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8));font-weight:var(--aui-font-weight-bold);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-step__indicator--index.isActive{color:#fff;border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-step__indicator--pending,.aui-step__indicator--done,.aui-step__indicator--error{display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:var(--aui-icon-size-l);border-width:1px;border-style:solid;border-radius:50%}.aui-step__indicator--pending{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-step__indicator--pending.isActive{color:#fff;border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-step__indicator--done{color:rgb(var(--aui-color-green));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-step__indicator--done.isActive{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-step__indicator--error{color:rgb(var(--aui-color-red));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-step__indicator--error.isActive{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-step__name{font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-step__description{font-size:var(--aui-font-size-s);margin-top:var(--aui-spacing-s);line-height:var(--aui-line-height-s)}.aui-step__info{color:rgb(var(--aui-color-n-4))}.aui-step__info--selected,.aui-step__info--pending,.aui-step__info--done,.aui-step__info--error{color:rgb(var(--aui-color-n-1))}.aui-step__info--selected .aui-step__name{font-weight:var(--aui-font-weight-bold)}.aui-step.clickable{cursor:pointer}.aui-steps--progress .aui-step.clickable .aui-step__info:hover{color:rgb(var(--aui-color-primary))}.aui-steps__horizontal-line{height:1px;background-color:rgb(var(--aui-color-n-7));flex:1;min-width:40px;max-width:200px;margin:0 var(--aui-spacing-l)}.aui-steps__vertical-line{min-height:12px;width:1px;background-color:rgb(var(--aui-color-n-7));margin-top:var(--aui-spacing-s);flex:1}.aui-steps__vertical-line--done{background-color:rgb(var(--aui-color-green))}.aui-steps__vertical-line--error{background-color:rgb(var(--aui-color-red))}.aui-steps__vertical-line--pending{background-color:rgb(var(--aui-color-primary))}.aui-steps--horizontal{padding:0 40px;display:flex;justify-content:center;align-items:center}.aui-steps--vertical{max-width:200px}.aui-steps--vertical .aui-step{align-items:stretch}.aui-steps--vertical .aui-step:not(:last-child){margin-bottom:var(--aui-spacing-s)}.aui-steps--vertical .aui-step__indicator{height:auto;display:flex;align-items:center;flex-direction:column}.aui-steps--vertical .aui-step__indicator-icon--done{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-steps--vertical .aui-step__indicator-icon--done.selected{background-color:#fff}.aui-steps--vertical .aui-step__info{padding-bottom:13px}.aui-steps--vertical .aui-step.isLastActive .aui-steps__vertical-line{background-color:rgb(var(--aui-color-n-7))}aui-steps .aui-steps .aui-step__indicator-icon{font-size:var(--aui-icon-size-xl)}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
10136
+ StepsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: StepsComponent, selector: "aui-steps", inputs: { steps: "steps", linear: "linear", currentIndex: "currentIndex", orientation: "orientation", type: "type", selectable: "selectable" }, outputs: { currentIndexChange: "currentIndexChange", selectedIndexChange: "selectedIndexChange" }, exportAs: ["auiSteps"], ngImport: i0, template: "<div\n class=\"aui-steps aui-steps--{{ orientation || 'horizontal' }} aui-steps--{{\n type || 'step'\n }}\"\n>\n <ng-container *ngFor=\"let step of steps; let i = index; let isLast = last\">\n <div\n class=\"aui-step\"\n (click)=\"select(i)\"\n [class.isLastActive]=\"isLastActive(i, steps)\"\n [class.clickable]=\"isSelectable(i)\"\n >\n <div class=\"aui-step__indicator\">\n <ng-container *ngIf=\"isProgress\">\n <ng-container [ngSwitch]=\"step.state\">\n <aui-icon\n *ngSwitchCase=\"'pending'\"\n class=\"aui-step__indicator--pending\"\n [class.isActive]=\"i === activeIndex\"\n icon=\"rotate\"\n ></aui-icon>\n <aui-icon\n *ngSwitchCase=\"'done'\"\n class=\"aui-step__indicator--done\"\n [class.isActive]=\"i === activeIndex\"\n icon=\"check\"\n ></aui-icon>\n <aui-icon\n *ngSwitchCase=\"'error'\"\n class=\"aui-step__indicator--error\"\n [class.isActive]=\"i === activeIndex\"\n icon=\"xmark_small\"\n ></aui-icon>\n <span\n *ngSwitchDefault\n class=\"aui-step__indicator--index\"\n [class.isActive]=\"i === activeIndex\"\n >\n {{ i + 1 }}\n </span>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!isProgress\">\n <span\n *ngIf=\"i >= currentIndex\"\n class=\"aui-step__indicator--index\"\n [class.isActive]=\"currentIndex === i\"\n >\n {{ i + 1 }}\n </span>\n <aui-icon\n *ngIf=\"i < currentIndex\"\n class=\"aui-step__indicator--done\"\n [class.isActive]=\"_currentIndex === i\"\n icon=\"check\"\n ></aui-icon>\n </ng-container>\n <div\n *ngIf=\"!isLast && isVertical\"\n class=\"aui-steps__vertical-line aui-steps__vertical-line--{{\n step.state\n }}\"\n ></div>\n </div>\n <div\n class=\"aui-step__info aui-step__info--{{\n isProgress\n ? step.state || 'default'\n : i < _currentIndex\n ? 'done'\n : 'default'\n }}\"\n [class.aui-step__info--selected]=\"getActiveIndex() === i\"\n >\n <div class=\"aui-step__name\">\n {{ step.label }}\n </div>\n <div\n class=\"aui-step__description\"\n *ngIf=\"step.description\"\n >\n {{ step.description }}\n </div>\n </div>\n </div>\n <div\n *ngIf=\"!isLast && !isVertical\"\n class=\"aui-steps__horizontal-line\"\n ></div>\n </ng-container>\n</div>\n", styles: ["@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aui-step{display:flex;align-items:center;font-weight:var(--aui-font-weight-normal)}.aui-step__indicator{margin-right:var(--aui-spacing-m);width:24px;height:24px;display:inline-flex;color:rgb(var(--aui-color-n-4))}.aui-step__indicator--index{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8));font-weight:var(--aui-font-weight-bolder);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-step__indicator--index.isActive{color:#fff;border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-step__indicator--pending,.aui-step__indicator--done,.aui-step__indicator--error{display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:var(--aui-icon-size-l);border-width:1px;border-style:solid;border-radius:50%}.aui-step__indicator--pending{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));transform-origin:center;animation:spin 2s infinite linear}.aui-step__indicator--pending.isActive{color:#fff;border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-step__indicator--done{color:rgb(var(--aui-color-green));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-step__indicator--done.isActive{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-step__indicator--error{color:rgb(var(--aui-color-red));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-step__indicator--error.isActive{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-step__name{font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);font-weight:var(--aui-font-weight-normal)}.aui-step__description{font-size:var(--aui-font-size-s);margin-top:var(--aui-spacing-s);line-height:var(--aui-line-height-s)}.aui-step__info{color:rgb(var(--aui-color-n-4))}.aui-step__info--selected,.aui-step__info--pending,.aui-step__info--done,.aui-step__info--error{color:rgb(var(--aui-color-n-1))}.aui-step__info--selected .aui-step__name{font-weight:var(--aui-font-weight-bolder)}.aui-step.clickable{cursor:pointer}.aui-steps--progress .aui-step.clickable .aui-step__info:hover{color:rgb(var(--aui-color-primary))}.aui-steps__horizontal-line{height:1px;background-color:rgb(var(--aui-color-n-7));flex:1;min-width:40px;max-width:200px;margin:0 var(--aui-spacing-l)}.aui-steps__vertical-line{min-height:12px;width:1px;background-color:rgb(var(--aui-color-n-7));margin-top:var(--aui-spacing-s);flex:1}.aui-steps__vertical-line--done{background-color:rgb(var(--aui-color-green))}.aui-steps__vertical-line--error{background-color:rgb(var(--aui-color-red))}.aui-steps__vertical-line--pending{background-color:rgb(var(--aui-color-primary))}.aui-steps--horizontal{padding:0 40px;display:flex;justify-content:center;align-items:center}.aui-steps--vertical{max-width:200px}.aui-steps--vertical .aui-step{align-items:stretch}.aui-steps--vertical .aui-step:not(:last-child){margin-bottom:var(--aui-spacing-s)}.aui-steps--vertical .aui-step__indicator{height:auto;display:flex;align-items:center;flex-direction:column}.aui-steps--vertical .aui-step__indicator-icon--done{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-steps--vertical .aui-step__indicator-icon--done.selected{background-color:#fff}.aui-steps--vertical .aui-step__info{padding-bottom:13px}.aui-steps--vertical .aui-step.isLastActive .aui-steps__vertical-line{background-color:rgb(var(--aui-color-n-7))}aui-steps .aui-steps .aui-step__indicator-icon{font-size:var(--aui-icon-size-xl)}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
10130
10137
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StepsComponent, decorators: [{
10131
10138
  type: Component,
10132
- args: [{ selector: 'aui-steps', exportAs: 'auiSteps', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"aui-steps aui-steps--{{ orientation || 'horizontal' }} aui-steps--{{\n type || 'step'\n }}\"\n>\n <ng-container *ngFor=\"let step of steps; let i = index; let isLast = last\">\n <div\n class=\"aui-step\"\n (click)=\"select(i)\"\n [class.isLastActive]=\"isLastActive(i, steps)\"\n [class.clickable]=\"isSelectable(i)\"\n >\n <div class=\"aui-step__indicator\">\n <ng-container *ngIf=\"isProgress\">\n <ng-container [ngSwitch]=\"step.state\">\n <aui-icon\n *ngSwitchCase=\"'pending'\"\n class=\"aui-step__indicator--pending\"\n [class.isActive]=\"i === activeIndex\"\n icon=\"rotate\"\n ></aui-icon>\n <aui-icon\n *ngSwitchCase=\"'done'\"\n class=\"aui-step__indicator--done\"\n [class.isActive]=\"i === activeIndex\"\n icon=\"check\"\n ></aui-icon>\n <aui-icon\n *ngSwitchCase=\"'error'\"\n class=\"aui-step__indicator--error\"\n [class.isActive]=\"i === activeIndex\"\n icon=\"xmark_small\"\n ></aui-icon>\n <span\n *ngSwitchDefault\n class=\"aui-step__indicator--index\"\n [class.isActive]=\"i === activeIndex\"\n >\n {{ i + 1 }}\n </span>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!isProgress\">\n <span\n *ngIf=\"i >= currentIndex\"\n class=\"aui-step__indicator--index\"\n [class.isActive]=\"currentIndex === i\"\n >\n {{ i + 1 }}\n </span>\n <aui-icon\n *ngIf=\"i < currentIndex\"\n class=\"aui-step__indicator--done\"\n [class.isActive]=\"_currentIndex === i\"\n icon=\"check\"\n ></aui-icon>\n </ng-container>\n <div\n *ngIf=\"!isLast && isVertical\"\n class=\"aui-steps__vertical-line aui-steps__vertical-line--{{\n step.state\n }}\"\n ></div>\n </div>\n <div\n class=\"aui-step__info aui-step__info--{{\n isProgress\n ? step.state || 'default'\n : i < _currentIndex\n ? 'done'\n : 'default'\n }}\"\n [class.aui-step__info--selected]=\"getActiveIndex() === i\"\n >\n <div class=\"aui-step__name\">\n {{ step.label }}\n </div>\n <div\n class=\"aui-step__description\"\n *ngIf=\"step.description\"\n >\n {{ step.description }}\n </div>\n </div>\n </div>\n <div\n *ngIf=\"!isLast && !isVertical\"\n class=\"aui-steps__horizontal-line\"\n ></div>\n </ng-container>\n</div>\n", styles: ["@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aui-step{display:flex;align-items:center;font-weight:var(--aui-font-weight-normal)}.aui-step__indicator{margin-right:var(--aui-spacing-m);width:24px;height:24px;display:inline-flex;color:rgb(var(--aui-color-n-4))}.aui-step__indicator--index{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8));font-weight:var(--aui-font-weight-bold);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-step__indicator--index.isActive{color:#fff;border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-step__indicator--pending,.aui-step__indicator--done,.aui-step__indicator--error{display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:var(--aui-icon-size-l);border-width:1px;border-style:solid;border-radius:50%}.aui-step__indicator--pending{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-step__indicator--pending.isActive{color:#fff;border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-step__indicator--done{color:rgb(var(--aui-color-green));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-step__indicator--done.isActive{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-step__indicator--error{color:rgb(var(--aui-color-red));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-step__indicator--error.isActive{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-step__name{font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-step__description{font-size:var(--aui-font-size-s);margin-top:var(--aui-spacing-s);line-height:var(--aui-line-height-s)}.aui-step__info{color:rgb(var(--aui-color-n-4))}.aui-step__info--selected,.aui-step__info--pending,.aui-step__info--done,.aui-step__info--error{color:rgb(var(--aui-color-n-1))}.aui-step__info--selected .aui-step__name{font-weight:var(--aui-font-weight-bold)}.aui-step.clickable{cursor:pointer}.aui-steps--progress .aui-step.clickable .aui-step__info:hover{color:rgb(var(--aui-color-primary))}.aui-steps__horizontal-line{height:1px;background-color:rgb(var(--aui-color-n-7));flex:1;min-width:40px;max-width:200px;margin:0 var(--aui-spacing-l)}.aui-steps__vertical-line{min-height:12px;width:1px;background-color:rgb(var(--aui-color-n-7));margin-top:var(--aui-spacing-s);flex:1}.aui-steps__vertical-line--done{background-color:rgb(var(--aui-color-green))}.aui-steps__vertical-line--error{background-color:rgb(var(--aui-color-red))}.aui-steps__vertical-line--pending{background-color:rgb(var(--aui-color-primary))}.aui-steps--horizontal{padding:0 40px;display:flex;justify-content:center;align-items:center}.aui-steps--vertical{max-width:200px}.aui-steps--vertical .aui-step{align-items:stretch}.aui-steps--vertical .aui-step:not(:last-child){margin-bottom:var(--aui-spacing-s)}.aui-steps--vertical .aui-step__indicator{height:auto;display:flex;align-items:center;flex-direction:column}.aui-steps--vertical .aui-step__indicator-icon--done{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-steps--vertical .aui-step__indicator-icon--done.selected{background-color:#fff}.aui-steps--vertical .aui-step__info{padding-bottom:13px}.aui-steps--vertical .aui-step.isLastActive .aui-steps__vertical-line{background-color:rgb(var(--aui-color-n-7))}aui-steps .aui-steps .aui-step__indicator-icon{font-size:var(--aui-icon-size-xl)}\n"] }]
10139
+ args: [{ selector: 'aui-steps', exportAs: 'auiSteps', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"aui-steps aui-steps--{{ orientation || 'horizontal' }} aui-steps--{{\n type || 'step'\n }}\"\n>\n <ng-container *ngFor=\"let step of steps; let i = index; let isLast = last\">\n <div\n class=\"aui-step\"\n (click)=\"select(i)\"\n [class.isLastActive]=\"isLastActive(i, steps)\"\n [class.clickable]=\"isSelectable(i)\"\n >\n <div class=\"aui-step__indicator\">\n <ng-container *ngIf=\"isProgress\">\n <ng-container [ngSwitch]=\"step.state\">\n <aui-icon\n *ngSwitchCase=\"'pending'\"\n class=\"aui-step__indicator--pending\"\n [class.isActive]=\"i === activeIndex\"\n icon=\"rotate\"\n ></aui-icon>\n <aui-icon\n *ngSwitchCase=\"'done'\"\n class=\"aui-step__indicator--done\"\n [class.isActive]=\"i === activeIndex\"\n icon=\"check\"\n ></aui-icon>\n <aui-icon\n *ngSwitchCase=\"'error'\"\n class=\"aui-step__indicator--error\"\n [class.isActive]=\"i === activeIndex\"\n icon=\"xmark_small\"\n ></aui-icon>\n <span\n *ngSwitchDefault\n class=\"aui-step__indicator--index\"\n [class.isActive]=\"i === activeIndex\"\n >\n {{ i + 1 }}\n </span>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!isProgress\">\n <span\n *ngIf=\"i >= currentIndex\"\n class=\"aui-step__indicator--index\"\n [class.isActive]=\"currentIndex === i\"\n >\n {{ i + 1 }}\n </span>\n <aui-icon\n *ngIf=\"i < currentIndex\"\n class=\"aui-step__indicator--done\"\n [class.isActive]=\"_currentIndex === i\"\n icon=\"check\"\n ></aui-icon>\n </ng-container>\n <div\n *ngIf=\"!isLast && isVertical\"\n class=\"aui-steps__vertical-line aui-steps__vertical-line--{{\n step.state\n }}\"\n ></div>\n </div>\n <div\n class=\"aui-step__info aui-step__info--{{\n isProgress\n ? step.state || 'default'\n : i < _currentIndex\n ? 'done'\n : 'default'\n }}\"\n [class.aui-step__info--selected]=\"getActiveIndex() === i\"\n >\n <div class=\"aui-step__name\">\n {{ step.label }}\n </div>\n <div\n class=\"aui-step__description\"\n *ngIf=\"step.description\"\n >\n {{ step.description }}\n </div>\n </div>\n </div>\n <div\n *ngIf=\"!isLast && !isVertical\"\n class=\"aui-steps__horizontal-line\"\n ></div>\n </ng-container>\n</div>\n", styles: ["@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aui-step{display:flex;align-items:center;font-weight:var(--aui-font-weight-normal)}.aui-step__indicator{margin-right:var(--aui-spacing-m);width:24px;height:24px;display:inline-flex;color:rgb(var(--aui-color-n-4))}.aui-step__indicator--index{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8));font-weight:var(--aui-font-weight-bolder);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-step__indicator--index.isActive{color:#fff;border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-step__indicator--pending,.aui-step__indicator--done,.aui-step__indicator--error{display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:var(--aui-icon-size-l);border-width:1px;border-style:solid;border-radius:50%}.aui-step__indicator--pending{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));transform-origin:center;animation:spin 2s infinite linear}.aui-step__indicator--pending.isActive{color:#fff;border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-step__indicator--done{color:rgb(var(--aui-color-green));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-step__indicator--done.isActive{color:#fff;background-color:rgb(var(--aui-color-green))}.aui-step__indicator--error{color:rgb(var(--aui-color-red));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-step__indicator--error.isActive{color:#fff;background-color:rgb(var(--aui-color-red))}.aui-step__name{font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);font-weight:var(--aui-font-weight-normal)}.aui-step__description{font-size:var(--aui-font-size-s);margin-top:var(--aui-spacing-s);line-height:var(--aui-line-height-s)}.aui-step__info{color:rgb(var(--aui-color-n-4))}.aui-step__info--selected,.aui-step__info--pending,.aui-step__info--done,.aui-step__info--error{color:rgb(var(--aui-color-n-1))}.aui-step__info--selected .aui-step__name{font-weight:var(--aui-font-weight-bolder)}.aui-step.clickable{cursor:pointer}.aui-steps--progress .aui-step.clickable .aui-step__info:hover{color:rgb(var(--aui-color-primary))}.aui-steps__horizontal-line{height:1px;background-color:rgb(var(--aui-color-n-7));flex:1;min-width:40px;max-width:200px;margin:0 var(--aui-spacing-l)}.aui-steps__vertical-line{min-height:12px;width:1px;background-color:rgb(var(--aui-color-n-7));margin-top:var(--aui-spacing-s);flex:1}.aui-steps__vertical-line--done{background-color:rgb(var(--aui-color-green))}.aui-steps__vertical-line--error{background-color:rgb(var(--aui-color-red))}.aui-steps__vertical-line--pending{background-color:rgb(var(--aui-color-primary))}.aui-steps--horizontal{padding:0 40px;display:flex;justify-content:center;align-items:center}.aui-steps--vertical{max-width:200px}.aui-steps--vertical .aui-step{align-items:stretch}.aui-steps--vertical .aui-step:not(:last-child){margin-bottom:var(--aui-spacing-s)}.aui-steps--vertical .aui-step__indicator{height:auto;display:flex;align-items:center;flex-direction:column}.aui-steps--vertical .aui-step__indicator-icon--done{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-steps--vertical .aui-step__indicator-icon--done.selected{background-color:#fff}.aui-steps--vertical .aui-step__info{padding-bottom:13px}.aui-steps--vertical .aui-step.isLastActive .aui-steps__vertical-line{background-color:rgb(var(--aui-color-n-7))}aui-steps .aui-steps .aui-step__indicator-icon{font-size:var(--aui-icon-size-xl)}\n"] }]
10133
10140
  }], propDecorators: { steps: [{
10134
10141
  type: Input
10135
10142
  }], linear: [{
@@ -11045,10 +11052,10 @@ class TabHeaderComponent {
11045
11052
  }
11046
11053
  }
11047
11054
  TabHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TabHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.ViewportRuler }], target: i0.ɵɵFactoryTarget.Component });
11048
- TabHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: TabHeaderComponent, selector: "aui-tab-header", inputs: { type: "type", size: "size", selectedIndex: "selectedIndex" }, outputs: { selectFocusedIndex: "selectFocusedIndex", indexFocused: "indexFocused" }, queries: [{ propertyName: "_headerAddon", first: true, predicate: TabHeaderAddonDirective, descendants: true }, { propertyName: "_title", first: true, predicate: TabTitleDirective, descendants: true }, { propertyName: "_labelWrappers", predicate: TabLabelWrapperDirective }], viewQueries: [{ propertyName: "_tabListContainer", first: true, predicate: ["tabListContainer"], descendants: true, static: true }, { propertyName: "_tabList", first: true, predicate: ["tabList"], descendants: true, static: true }, { propertyName: "_paginationWrapper", first: true, predicate: ["paginationWrapper"], descendants: true, static: true }, { propertyName: "_activeIndicator", first: true, predicate: TabHeaderActiveIndicatorComponent, descendants: true, static: true }], ngImport: i0, template: "<div [ngClass]=\"bem.block(type, size)\">\n <ng-container *ngIf=\"_title\">\n <div [ngClass]=\"bem.element('title')\">\n <ng-template [cdkPortalOutlet]=\"_title\"></ng-template>\n </div>\n </ng-container>\n <div [ngClass]=\"bem.element('header-wrapper')\">\n <div\n [ngClass]=\"bem.element('pagination-wrapper')\"\n #paginationWrapper\n >\n <div\n *ngIf=\"_showPaginationControls\"\n (click)=\"_scrollHeader('before')\"\n [attr.disabled]=\"_disableScrollBefore ? '' : null\"\n [ngClass]=\"bem.element('pagination-button')\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </div>\n <div\n [ngClass]=\"bem.element('tab-list-container')\"\n (keydown)=\"_handleKeydown($event)\"\n #tabListContainer\n >\n <div\n role=\"tablist\"\n (cdkObserveContent)=\"_onContentChanges()\"\n [ngClass]=\"bem.element('tab-list')\"\n #tabList\n >\n <div [ngClass]=\"bem.element('labels')\"><ng-content></ng-content></div>\n <aui-tab-header-active-indicator\n [type]=\"type\"\n ></aui-tab-header-active-indicator>\n </div>\n </div>\n <div\n *ngIf=\"_showPaginationControls\"\n (click)=\"_scrollHeader('after')\"\n [attr.disabled]=\"_disableScrollAfter ? '' : null\"\n [ngClass]=\"bem.element('pagination-button')\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </div>\n </div>\n <!-- If there is addon template, use it. -->\n <ng-container *ngIf=\"_showAddon\">\n <div [ngClass]=\"bem.element('addon')\">\n <ng-template [cdkPortalOutlet]=\"_headerAddon\"></ng-template>\n </div>\n </ng-container>\n </div>\n</div>\n", styles: [".aui-tab-header{display:flex;flex-direction:column;flex-shrink:0;position:relative;background-color:rgb(var(--aui-color-n-10))}.aui-tab-header--large .aui-tab-label{padding:16px 20px;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl)}.aui-tab-header--medium .aui-tab-label{padding:12px 20px;font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-tab-header--small .aui-tab-label{padding:8px 16px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-tab-header__header-wrapper{display:flex;flex-shrink:0;position:relative}.aui-tab-header__title{display:flex;justify-content:space-between;color:rgb(var(--aui-color-n-1));font-size:var(--aui-font-size-xxl);margin-inline:20px;padding:20px 0 16px;font-weight:var(--aui-font-weight-bold);border-bottom:1px rgb(var(--aui-color-n-8)) solid;line-height:32px}.aui-tab-header--card{background-color:rgb(var(--aui-color-button-bg))}.aui-tab-header--line{border-radius:var(--aui-border-radius-l);overflow:hidden;box-shadow:0 0 4px #3234371a;background-color:rgb(var(--aui-color-n-10))}.aui-tab-header__pagination-wrapper{display:flex;overflow:hidden;flex-grow:1;align-items:center;position:relative}.aui-tab-header__pagination-button{width:32px;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;z-index:3;box-shadow:0 0 4px #ccc;opacity:.6;transition:box-shadow .3s,opacity .3s,color .3s}.aui-tab-header__pagination-button:hover{opacity:1;color:rgb(var(--aui-color-primary))}.aui-tab-header__pagination-button:first-of-type{margin-right:1px}.aui-tab-header__pagination-button:last-of-type{margin-left:1px}.aui-tab-header__pagination-button[disabled]{cursor:default;box-shadow:none;opacity:.1}.aui-tab-header__tab-list-container{display:flex;flex-grow:1;overflow:hidden;position:relative;z-index:1}.aui-tab-header__tab-list{flex-grow:1;position:relative;transition:all .3s cubic-bezier(.35,0,.25,1)}.aui-tab-header__labels{display:flex}.aui-tab-header__labels:focus{outline:none}.aui-tab-header__addon{display:inline-flex;align-items:center;justify-content:center;margin:0 8px}.aui-tab-header__spacer{flex:1 1 0}.aui-tab-label{position:relative;cursor:pointer;box-sizing:border-box;text-align:center;display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;color:rgb(var(--aui-color-n-2));font-weight:var(--aui-font-weight-bold);z-index:2;transition:opacity .3s}.aui-tab-label:focus,.aui-tab-label.isActive{outline:none}.aui-tab-label:not(.aui-tab-label--disabled).isActive,.aui-tab-label:not(.aui-tab-label--disabled):hover{color:rgb(var(--aui-color-primary))}.aui-tab-label.aui-tab-label--disabled{cursor:not-allowed;opacity:.2}.aui-tab-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aui-tab-label__close{margin-left:8px;font-size:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--aui-color-n-4));transition:all .3s ease}.aui-tab-label__close:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tab-label.cdk-focused:not(.cdk-mouse-focused){box-shadow:inset 0 0 0 3px rgba(var(--aui-color-primary),.3)}aui-tab-header-active-indicator{display:flex;height:100%;position:absolute;top:0;pointer-events:none;transition:all .3s cubic-bezier(.35,0,.25,1)}.aui-tab-header-active-indicator{position:relative;flex:1;height:100%;z-index:1}.aui-tab-header-active-indicator:after{content:\"\";position:absolute;display:block;background:rgb(var(--aui-color-primary));height:2px}.aui-tab-header-active-indicator--line:after{width:100%;left:0;bottom:0}.aui-tab-header-active-indicator--card{background-color:rgb(var(--aui-color-n-10))}.aui-tab-header-active-indicator--card:after{width:calc(100% + 2px);top:0;left:-1px}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: TabHeaderActiveIndicatorComponent, selector: "aui-tab-header-active-indicator", inputs: ["type"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i6.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
11055
+ TabHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: TabHeaderComponent, selector: "aui-tab-header", inputs: { type: "type", size: "size", selectedIndex: "selectedIndex" }, outputs: { selectFocusedIndex: "selectFocusedIndex", indexFocused: "indexFocused" }, queries: [{ propertyName: "_headerAddon", first: true, predicate: TabHeaderAddonDirective, descendants: true }, { propertyName: "_title", first: true, predicate: TabTitleDirective, descendants: true }, { propertyName: "_labelWrappers", predicate: TabLabelWrapperDirective }], viewQueries: [{ propertyName: "_tabListContainer", first: true, predicate: ["tabListContainer"], descendants: true, static: true }, { propertyName: "_tabList", first: true, predicate: ["tabList"], descendants: true, static: true }, { propertyName: "_paginationWrapper", first: true, predicate: ["paginationWrapper"], descendants: true, static: true }, { propertyName: "_activeIndicator", first: true, predicate: TabHeaderActiveIndicatorComponent, descendants: true, static: true }], ngImport: i0, template: "<div [ngClass]=\"bem.block(type, size)\">\n <ng-container *ngIf=\"_title\">\n <div [ngClass]=\"bem.element('title')\">\n <ng-template [cdkPortalOutlet]=\"_title\"></ng-template>\n </div>\n </ng-container>\n <div [ngClass]=\"bem.element('header-wrapper')\">\n <div\n [ngClass]=\"bem.element('pagination-wrapper')\"\n #paginationWrapper\n >\n <div\n *ngIf=\"_showPaginationControls\"\n (click)=\"_scrollHeader('before')\"\n [attr.disabled]=\"_disableScrollBefore ? '' : null\"\n [ngClass]=\"bem.element('pagination-button')\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </div>\n <div\n [ngClass]=\"bem.element('tab-list-container')\"\n (keydown)=\"_handleKeydown($event)\"\n #tabListContainer\n >\n <div\n role=\"tablist\"\n (cdkObserveContent)=\"_onContentChanges()\"\n [ngClass]=\"bem.element('tab-list')\"\n #tabList\n >\n <div [ngClass]=\"bem.element('labels')\"><ng-content></ng-content></div>\n <aui-tab-header-active-indicator\n [type]=\"type\"\n ></aui-tab-header-active-indicator>\n </div>\n </div>\n <div\n *ngIf=\"_showPaginationControls\"\n (click)=\"_scrollHeader('after')\"\n [attr.disabled]=\"_disableScrollAfter ? '' : null\"\n [ngClass]=\"bem.element('pagination-button')\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </div>\n </div>\n <!-- If there is addon template, use it. -->\n <ng-container *ngIf=\"_showAddon\">\n <div [ngClass]=\"bem.element('addon')\">\n <ng-template [cdkPortalOutlet]=\"_headerAddon\"></ng-template>\n </div>\n </ng-container>\n </div>\n</div>\n", styles: [".aui-tab-header{display:flex;flex-direction:column;flex-shrink:0;position:relative;background-color:rgb(var(--aui-color-n-10))}.aui-tab-header--large .aui-tab-label{padding:16px 20px;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-bolder)}.aui-tab-header--medium .aui-tab-label{padding:12px 20px;font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);font-weight:var(--aui-font-weight-bolder)}.aui-tab-header--small .aui-tab-label{padding:8px 16px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-tab-header__header-wrapper{display:flex;flex-shrink:0;position:relative}.aui-tab-header__title{display:flex;justify-content:space-between;color:rgb(var(--aui-color-n-1));font-size:var(--aui-font-size-xxl);margin-inline:20px;padding:20px 0 16px;font-weight:var(--aui-font-weight-bolder);border-bottom:1px rgb(var(--aui-color-n-8)) solid;line-height:32px}.aui-tab-header--card{background-color:rgb(var(--aui-color-button-bg))}.aui-tab-header--line{border-radius:var(--aui-border-radius-l);overflow:hidden;box-shadow:0 0 4px #3234371a;background-color:rgb(var(--aui-color-n-10))}.aui-tab-header__pagination-wrapper{display:flex;overflow:hidden;flex-grow:1;align-items:center;position:relative}.aui-tab-header__pagination-button{width:32px;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;z-index:3;box-shadow:0 0 4px #ccc;opacity:.6;transition:box-shadow .3s,opacity .3s,color .3s}.aui-tab-header__pagination-button:hover{opacity:1;color:rgb(var(--aui-color-primary))}.aui-tab-header__pagination-button:first-of-type{margin-right:1px}.aui-tab-header__pagination-button:last-of-type{margin-left:1px}.aui-tab-header__pagination-button[disabled]{cursor:default;box-shadow:none;opacity:.1}.aui-tab-header__tab-list-container{display:flex;flex-grow:1;overflow:hidden;position:relative;z-index:1}.aui-tab-header__tab-list{flex-grow:1;position:relative;transition:all .3s cubic-bezier(.35,0,.25,1)}.aui-tab-header__labels{display:flex}.aui-tab-header__labels:focus{outline:none}.aui-tab-header__addon{display:inline-flex;align-items:center;justify-content:center;margin:0 8px}.aui-tab-header__spacer{flex:1 1 0}.aui-tab-label{position:relative;cursor:pointer;box-sizing:border-box;text-align:center;display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;color:rgb(var(--aui-color-n-2));font-weight:var(--aui-font-weight-bold);z-index:2;transition:opacity .3s}.aui-tab-label:focus,.aui-tab-label.isActive{outline:none}.aui-tab-label:not(.aui-tab-label--disabled).isActive,.aui-tab-label:not(.aui-tab-label--disabled):hover{color:rgb(var(--aui-color-primary))}.aui-tab-label.aui-tab-label--disabled{cursor:not-allowed;opacity:.2}.aui-tab-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aui-tab-label__close{margin-left:8px;font-size:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--aui-color-n-4));transition:all .3s ease}.aui-tab-label__close:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tab-label.cdk-focused:not(.cdk-mouse-focused){box-shadow:inset 0 0 0 3px rgba(var(--aui-color-primary),.3)}aui-tab-header-active-indicator{display:flex;height:100%;position:absolute;top:0;pointer-events:none;transition:all .3s cubic-bezier(.35,0,.25,1)}.aui-tab-header-active-indicator{position:relative;flex:1;height:100%;z-index:1}.aui-tab-header-active-indicator:after{content:\"\";position:absolute;display:block;background:rgb(var(--aui-color-primary));height:2px}.aui-tab-header-active-indicator--line:after{width:100%;left:0;bottom:0}.aui-tab-header-active-indicator--card{background-color:rgb(var(--aui-color-n-10))}.aui-tab-header-active-indicator--card:after{width:calc(100% + 2px);top:0;left:-1px}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: TabHeaderActiveIndicatorComponent, selector: "aui-tab-header-active-indicator", inputs: ["type"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i6.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
11049
11056
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TabHeaderComponent, decorators: [{
11050
11057
  type: Component,
11051
- args: [{ selector: 'aui-tab-header', encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"bem.block(type, size)\">\n <ng-container *ngIf=\"_title\">\n <div [ngClass]=\"bem.element('title')\">\n <ng-template [cdkPortalOutlet]=\"_title\"></ng-template>\n </div>\n </ng-container>\n <div [ngClass]=\"bem.element('header-wrapper')\">\n <div\n [ngClass]=\"bem.element('pagination-wrapper')\"\n #paginationWrapper\n >\n <div\n *ngIf=\"_showPaginationControls\"\n (click)=\"_scrollHeader('before')\"\n [attr.disabled]=\"_disableScrollBefore ? '' : null\"\n [ngClass]=\"bem.element('pagination-button')\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </div>\n <div\n [ngClass]=\"bem.element('tab-list-container')\"\n (keydown)=\"_handleKeydown($event)\"\n #tabListContainer\n >\n <div\n role=\"tablist\"\n (cdkObserveContent)=\"_onContentChanges()\"\n [ngClass]=\"bem.element('tab-list')\"\n #tabList\n >\n <div [ngClass]=\"bem.element('labels')\"><ng-content></ng-content></div>\n <aui-tab-header-active-indicator\n [type]=\"type\"\n ></aui-tab-header-active-indicator>\n </div>\n </div>\n <div\n *ngIf=\"_showPaginationControls\"\n (click)=\"_scrollHeader('after')\"\n [attr.disabled]=\"_disableScrollAfter ? '' : null\"\n [ngClass]=\"bem.element('pagination-button')\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </div>\n </div>\n <!-- If there is addon template, use it. -->\n <ng-container *ngIf=\"_showAddon\">\n <div [ngClass]=\"bem.element('addon')\">\n <ng-template [cdkPortalOutlet]=\"_headerAddon\"></ng-template>\n </div>\n </ng-container>\n </div>\n</div>\n", styles: [".aui-tab-header{display:flex;flex-direction:column;flex-shrink:0;position:relative;background-color:rgb(var(--aui-color-n-10))}.aui-tab-header--large .aui-tab-label{padding:16px 20px;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl)}.aui-tab-header--medium .aui-tab-label{padding:12px 20px;font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-tab-header--small .aui-tab-label{padding:8px 16px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-tab-header__header-wrapper{display:flex;flex-shrink:0;position:relative}.aui-tab-header__title{display:flex;justify-content:space-between;color:rgb(var(--aui-color-n-1));font-size:var(--aui-font-size-xxl);margin-inline:20px;padding:20px 0 16px;font-weight:var(--aui-font-weight-bold);border-bottom:1px rgb(var(--aui-color-n-8)) solid;line-height:32px}.aui-tab-header--card{background-color:rgb(var(--aui-color-button-bg))}.aui-tab-header--line{border-radius:var(--aui-border-radius-l);overflow:hidden;box-shadow:0 0 4px #3234371a;background-color:rgb(var(--aui-color-n-10))}.aui-tab-header__pagination-wrapper{display:flex;overflow:hidden;flex-grow:1;align-items:center;position:relative}.aui-tab-header__pagination-button{width:32px;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;z-index:3;box-shadow:0 0 4px #ccc;opacity:.6;transition:box-shadow .3s,opacity .3s,color .3s}.aui-tab-header__pagination-button:hover{opacity:1;color:rgb(var(--aui-color-primary))}.aui-tab-header__pagination-button:first-of-type{margin-right:1px}.aui-tab-header__pagination-button:last-of-type{margin-left:1px}.aui-tab-header__pagination-button[disabled]{cursor:default;box-shadow:none;opacity:.1}.aui-tab-header__tab-list-container{display:flex;flex-grow:1;overflow:hidden;position:relative;z-index:1}.aui-tab-header__tab-list{flex-grow:1;position:relative;transition:all .3s cubic-bezier(.35,0,.25,1)}.aui-tab-header__labels{display:flex}.aui-tab-header__labels:focus{outline:none}.aui-tab-header__addon{display:inline-flex;align-items:center;justify-content:center;margin:0 8px}.aui-tab-header__spacer{flex:1 1 0}.aui-tab-label{position:relative;cursor:pointer;box-sizing:border-box;text-align:center;display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;color:rgb(var(--aui-color-n-2));font-weight:var(--aui-font-weight-bold);z-index:2;transition:opacity .3s}.aui-tab-label:focus,.aui-tab-label.isActive{outline:none}.aui-tab-label:not(.aui-tab-label--disabled).isActive,.aui-tab-label:not(.aui-tab-label--disabled):hover{color:rgb(var(--aui-color-primary))}.aui-tab-label.aui-tab-label--disabled{cursor:not-allowed;opacity:.2}.aui-tab-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aui-tab-label__close{margin-left:8px;font-size:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--aui-color-n-4));transition:all .3s ease}.aui-tab-label__close:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tab-label.cdk-focused:not(.cdk-mouse-focused){box-shadow:inset 0 0 0 3px rgba(var(--aui-color-primary),.3)}aui-tab-header-active-indicator{display:flex;height:100%;position:absolute;top:0;pointer-events:none;transition:all .3s cubic-bezier(.35,0,.25,1)}.aui-tab-header-active-indicator{position:relative;flex:1;height:100%;z-index:1}.aui-tab-header-active-indicator:after{content:\"\";position:absolute;display:block;background:rgb(var(--aui-color-primary));height:2px}.aui-tab-header-active-indicator--line:after{width:100%;left:0;bottom:0}.aui-tab-header-active-indicator--card{background-color:rgb(var(--aui-color-n-10))}.aui-tab-header-active-indicator--card:after{width:calc(100% + 2px);top:0;left:-1px}\n"] }]
11058
+ args: [{ selector: 'aui-tab-header', encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"bem.block(type, size)\">\n <ng-container *ngIf=\"_title\">\n <div [ngClass]=\"bem.element('title')\">\n <ng-template [cdkPortalOutlet]=\"_title\"></ng-template>\n </div>\n </ng-container>\n <div [ngClass]=\"bem.element('header-wrapper')\">\n <div\n [ngClass]=\"bem.element('pagination-wrapper')\"\n #paginationWrapper\n >\n <div\n *ngIf=\"_showPaginationControls\"\n (click)=\"_scrollHeader('before')\"\n [attr.disabled]=\"_disableScrollBefore ? '' : null\"\n [ngClass]=\"bem.element('pagination-button')\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </div>\n <div\n [ngClass]=\"bem.element('tab-list-container')\"\n (keydown)=\"_handleKeydown($event)\"\n #tabListContainer\n >\n <div\n role=\"tablist\"\n (cdkObserveContent)=\"_onContentChanges()\"\n [ngClass]=\"bem.element('tab-list')\"\n #tabList\n >\n <div [ngClass]=\"bem.element('labels')\"><ng-content></ng-content></div>\n <aui-tab-header-active-indicator\n [type]=\"type\"\n ></aui-tab-header-active-indicator>\n </div>\n </div>\n <div\n *ngIf=\"_showPaginationControls\"\n (click)=\"_scrollHeader('after')\"\n [attr.disabled]=\"_disableScrollAfter ? '' : null\"\n [ngClass]=\"bem.element('pagination-button')\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </div>\n </div>\n <!-- If there is addon template, use it. -->\n <ng-container *ngIf=\"_showAddon\">\n <div [ngClass]=\"bem.element('addon')\">\n <ng-template [cdkPortalOutlet]=\"_headerAddon\"></ng-template>\n </div>\n </ng-container>\n </div>\n</div>\n", styles: [".aui-tab-header{display:flex;flex-direction:column;flex-shrink:0;position:relative;background-color:rgb(var(--aui-color-n-10))}.aui-tab-header--large .aui-tab-label{padding:16px 20px;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-bolder)}.aui-tab-header--medium .aui-tab-label{padding:12px 20px;font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);font-weight:var(--aui-font-weight-bolder)}.aui-tab-header--small .aui-tab-label{padding:8px 16px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-tab-header__header-wrapper{display:flex;flex-shrink:0;position:relative}.aui-tab-header__title{display:flex;justify-content:space-between;color:rgb(var(--aui-color-n-1));font-size:var(--aui-font-size-xxl);margin-inline:20px;padding:20px 0 16px;font-weight:var(--aui-font-weight-bolder);border-bottom:1px rgb(var(--aui-color-n-8)) solid;line-height:32px}.aui-tab-header--card{background-color:rgb(var(--aui-color-button-bg))}.aui-tab-header--line{border-radius:var(--aui-border-radius-l);overflow:hidden;box-shadow:0 0 4px #3234371a;background-color:rgb(var(--aui-color-n-10))}.aui-tab-header__pagination-wrapper{display:flex;overflow:hidden;flex-grow:1;align-items:center;position:relative}.aui-tab-header__pagination-button{width:32px;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;z-index:3;box-shadow:0 0 4px #ccc;opacity:.6;transition:box-shadow .3s,opacity .3s,color .3s}.aui-tab-header__pagination-button:hover{opacity:1;color:rgb(var(--aui-color-primary))}.aui-tab-header__pagination-button:first-of-type{margin-right:1px}.aui-tab-header__pagination-button:last-of-type{margin-left:1px}.aui-tab-header__pagination-button[disabled]{cursor:default;box-shadow:none;opacity:.1}.aui-tab-header__tab-list-container{display:flex;flex-grow:1;overflow:hidden;position:relative;z-index:1}.aui-tab-header__tab-list{flex-grow:1;position:relative;transition:all .3s cubic-bezier(.35,0,.25,1)}.aui-tab-header__labels{display:flex}.aui-tab-header__labels:focus{outline:none}.aui-tab-header__addon{display:inline-flex;align-items:center;justify-content:center;margin:0 8px}.aui-tab-header__spacer{flex:1 1 0}.aui-tab-label{position:relative;cursor:pointer;box-sizing:border-box;text-align:center;display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;color:rgb(var(--aui-color-n-2));font-weight:var(--aui-font-weight-bold);z-index:2;transition:opacity .3s}.aui-tab-label:focus,.aui-tab-label.isActive{outline:none}.aui-tab-label:not(.aui-tab-label--disabled).isActive,.aui-tab-label:not(.aui-tab-label--disabled):hover{color:rgb(var(--aui-color-primary))}.aui-tab-label.aui-tab-label--disabled{cursor:not-allowed;opacity:.2}.aui-tab-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aui-tab-label__close{margin-left:8px;font-size:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--aui-color-n-4));transition:all .3s ease}.aui-tab-label__close:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tab-label.cdk-focused:not(.cdk-mouse-focused){box-shadow:inset 0 0 0 3px rgba(var(--aui-color-primary),.3)}aui-tab-header-active-indicator{display:flex;height:100%;position:absolute;top:0;pointer-events:none;transition:all .3s cubic-bezier(.35,0,.25,1)}.aui-tab-header-active-indicator{position:relative;flex:1;height:100%;z-index:1}.aui-tab-header-active-indicator:after{content:\"\";position:absolute;display:block;background:rgb(var(--aui-color-primary));height:2px}.aui-tab-header-active-indicator--line:after{width:100%;left:0;bottom:0}.aui-tab-header-active-indicator--card{background-color:rgb(var(--aui-color-n-10))}.aui-tab-header-active-indicator--card:after{width:calc(100% + 2px);top:0;left:-1px}\n"] }]
11052
11059
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.ViewportRuler }]; }, propDecorators: { type: [{
11053
11060
  type: Input
11054
11061
  }], size: [{
@@ -11483,7 +11490,7 @@ class TreeSelectComponent extends CommonFormControl {
11483
11490
  }
11484
11491
  this._nodesData = val;
11485
11492
  this.flattedNodes = this.flatNodesData(val);
11486
- this.updateSelectDisplay(this.propValue);
11493
+ this.updateSelectDisplay(this.model);
11487
11494
  }
11488
11495
  get filterable() {
11489
11496
  return this._filterable;
@@ -11522,12 +11529,6 @@ class TreeSelectComponent extends CommonFormControl {
11522
11529
  this.filterChange.emit(val);
11523
11530
  }
11524
11531
  }
11525
- openNodes() {
11526
- this.tooltipRef.createTooltip();
11527
- }
11528
- closeNodes() {
11529
- this.tooltipRef.disposeTooltip();
11530
- }
11531
11532
  updatePosition() {
11532
11533
  this.tooltipRef.updatePosition();
11533
11534
  }
@@ -11558,7 +11559,7 @@ class TreeSelectComponent extends CommonFormControl {
11558
11559
  if (!node.selected) {
11559
11560
  this.emitValue(node.nodeData.value);
11560
11561
  if (this.onChange) {
11561
- this.closeNodes();
11562
+ this.closeOption();
11562
11563
  }
11563
11564
  }
11564
11565
  }
@@ -11569,7 +11570,11 @@ class TreeSelectComponent extends CommonFormControl {
11569
11570
  event.preventDefault();
11570
11571
  }
11571
11572
  }
11573
+ openOption() {
11574
+ this.tooltipRef.createTooltip();
11575
+ }
11572
11576
  closeOption() {
11577
+ this.inputRef.elementRef.nativeElement.value = this.displayText;
11573
11578
  this.tooltipRef.disposeTooltip();
11574
11579
  }
11575
11580
  updateSelectDisplay(value) {
@@ -11585,7 +11590,7 @@ class TreeSelectComponent extends CommonFormControl {
11585
11590
  }
11586
11591
  valueIn(v) {
11587
11592
  this.updateSelectDisplay(v);
11588
- this.closeNodes();
11593
+ this.closeOption();
11589
11594
  return v;
11590
11595
  }
11591
11596
  getPlaceholder() {
@@ -11616,7 +11621,7 @@ TreeSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
11616
11621
  useExisting: forwardRef(() => TreeSelectComponent),
11617
11622
  multi: true,
11618
11623
  },
11619
- ], viewQueries: [{ propertyName: "selectRef", first: true, predicate: ["selectRef"], descendants: true, static: true }, { propertyName: "tooltipRef", first: true, predicate: ["tooltipRef"], descendants: true, static: true }, { propertyName: "nodeListRef", first: true, predicate: ["nodeListRef"], descendants: true, static: true }, { propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"aui-tree-select\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"isClearable\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowNodes()\"\n (auiTooltipHide)=\"onHideNodes()\"\n>\n <aui-input-group>\n <input\n #inputRef\n class=\"aui-tree-select__input\"\n autocomplete=\"off\"\n aui-input\n [value]=\"getInputValue()\"\n [disabled]=\"disabled\"\n [placeholder]=\"getPlaceholder()\"\n [readonly]=\"inputReadonly\"\n (input)=\"onInput($event)\"\n (blur)=\"closeNodes()\"\n (keydown)=\"onKeyDown($event)\"\n />\n <span\n auiInputSuffix\n class=\"aui-tree-select__icon-container\"\n >\n <aui-icon\n class=\"aui-tree-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-tree-select__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n </aui-input-group>\n</div>\n\n<ng-template #templateRef>\n <div\n class=\"aui-tree-node-container\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div\n #nodeListRef\n class=\"aui-tree-node-container__content\"\n >\n <aui-tree-node\n *ngFor=\"let data of nodesData; trackBy: trackByLabel\"\n [nodeData]=\"data\"\n [leafOnly]=\"leafOnly\"\n ></aui-tree-node>\n </div>\n <div\n *ngIf=\"!getVisibleNodeCount()\"\n class=\"aui-tree-node-container__placeholder\"\n >\n <ng-content select=\"aui-tree-node-placeholder\"></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".aui-tree-node-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg))}:root .aui-tree-node-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-tree-node-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-tree-node-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-tree-node-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-tree-node-container__content{max-height:calc(var(--aui-inline-height-s) * 10);position:relative;overflow:auto}.aui-tree-node-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-tree-node-container__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-tree-node-container__content::-webkit-scrollbar-corner{background-color:transparent}.aui-tree-node-container__content .divider{border:none;border-top:1px solid rgb(var(--aui-color-n-8))}.aui-tree-node-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-tree-node-container--small .aui-tree-node-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-tree-node-container--small .aui-tree-node-container__placeholder{font-size:var(--aui-font-size-s)}.aui-tree-select{display:inline-block;position:relative;width:100%}.aui-tree-select__icon-container{display:block;position:relative}.aui-tree-select.isDisabled .aui-tree-select__icon-container{color:rgb(var(--aui-color-n-4))}.aui-tree-select__clear{display:none}.aui-tree-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-tree-select__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-tree-select.isClearable:not(.isDisabled):hover .aui-tree-select__indicator{display:none}.aui-tree-select.isClearable:not(.isDisabled):hover .aui-tree-select__clear{display:flex}.aui-tree-select:not(.isDisabled):hover .aui-input{border-color:rgb(var(--aui-color-primary))}.aui-tree-select__input.aui-input[readonly]:not([disabled]){background-color:rgb(var(--aui-color-n-9));cursor:text}aui-tree-select.ng-invalid.ng-dirty .aui-input,.ng-submitted aui-tree-select.ng-invalid .aui-input{border-color:rgb(var(--aui-color-red))!important}:root aui-tree-select.ng-invalid.ng-dirty .aui-input:focus,:root aui-tree-select.ng-invalid.ng-dirty .aui-input.isFocused,:root .ng-submitted aui-tree-select.ng-invalid .aui-input:focus,:root .ng-submitted aui-tree-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-tree-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-tree-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-tree-select.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-tree-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-tree-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-tree-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-tree-select.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-tree-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-tree-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-tree-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-tree-select.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-tree-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"], components: [{ type: i0.forwardRef(function () { return InputGroupComponent; }), selector: "aui-input-group" }, { type: i0.forwardRef(function () { return InputComponent; }), selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { type: i0.forwardRef(function () { return IconComponent; }), selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: i0.forwardRef(function () { return TreeNodeComponent; }), selector: "aui-tree-node", inputs: ["nodeData", "leafOnly"] }], directives: [{ type: i0.forwardRef(function () { return TooltipDirective; }), selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }, { type: i0.forwardRef(function () { return InputSuffixDirective; }), selector: "[auiInputSuffix]" }, { type: i0.forwardRef(function () { return i2.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i0.forwardRef(function () { return i2.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
11624
+ ], viewQueries: [{ propertyName: "selectRef", first: true, predicate: ["selectRef"], descendants: true, static: true }, { propertyName: "tooltipRef", first: true, predicate: ["tooltipRef"], descendants: true, static: true }, { propertyName: "nodeListRef", first: true, predicate: ["nodeListRef"], descendants: true, static: true }, { propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"aui-tree-select\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"isClearable\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowNodes()\"\n (auiTooltipHide)=\"onHideNodes()\"\n>\n <aui-input-group>\n <input\n #inputRef\n class=\"aui-tree-select__input\"\n autocomplete=\"off\"\n aui-input\n [value]=\"getInputValue()\"\n [disabled]=\"disabled\"\n [placeholder]=\"getPlaceholder()\"\n [readonly]=\"inputReadonly\"\n (input)=\"onInput($event)\"\n (blur)=\"closeOption()\"\n (keydown)=\"onKeyDown($event)\"\n />\n <span\n auiInputSuffix\n class=\"aui-tree-select__icon-container\"\n >\n <aui-icon\n class=\"aui-tree-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-tree-select__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n </aui-input-group>\n</div>\n\n<ng-template #templateRef>\n <div\n class=\"aui-tree-node-container\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div\n #nodeListRef\n class=\"aui-tree-node-container__content\"\n >\n <aui-tree-node\n *ngFor=\"let data of nodesData; trackBy: trackByLabel\"\n [nodeData]=\"data\"\n [leafOnly]=\"leafOnly\"\n ></aui-tree-node>\n </div>\n <div\n *ngIf=\"!getVisibleNodeCount()\"\n class=\"aui-tree-node-container__placeholder\"\n >\n <ng-content select=\"aui-tree-node-placeholder\"></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".aui-tree-node-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg))}:root .aui-tree-node-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-tree-node-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-tree-node-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-tree-node-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-tree-node-container__content{max-height:calc(var(--aui-inline-height-s) * 10);position:relative;overflow:auto}.aui-tree-node-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-tree-node-container__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-tree-node-container__content::-webkit-scrollbar-corner{background-color:transparent}.aui-tree-node-container__content .divider{border:none;border-top:1px solid rgb(var(--aui-color-n-8))}.aui-tree-node-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-tree-node-container--small .aui-tree-node-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-tree-node-container--small .aui-tree-node-container__placeholder{font-size:var(--aui-font-size-s)}.aui-tree-select{display:inline-block;position:relative;width:100%}.aui-tree-select__icon-container{display:block;position:relative}.aui-tree-select.isDisabled .aui-tree-select__icon-container{color:rgb(var(--aui-color-n-4))}.aui-tree-select__clear{display:none}.aui-tree-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-tree-select__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-tree-select.isClearable:not(.isDisabled):hover .aui-tree-select__indicator{display:none}.aui-tree-select.isClearable:not(.isDisabled):hover .aui-tree-select__clear{display:flex}.aui-tree-select:not(.isDisabled):hover .aui-input{border-color:rgb(var(--aui-color-primary))}.aui-tree-select__input.aui-input[readonly]:not([disabled]){background-color:rgb(var(--aui-color-n-9));cursor:text}aui-tree-select.ng-invalid.ng-dirty .aui-input,.ng-submitted aui-tree-select.ng-invalid .aui-input{border-color:rgb(var(--aui-color-red))!important}:root aui-tree-select.ng-invalid.ng-dirty .aui-input:focus,:root aui-tree-select.ng-invalid.ng-dirty .aui-input.isFocused,:root .ng-submitted aui-tree-select.ng-invalid .aui-input:focus,:root .ng-submitted aui-tree-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-tree-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-tree-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-tree-select.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-tree-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-tree-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-tree-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-tree-select.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-tree-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-tree-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-tree-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-tree-select.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-tree-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"], components: [{ type: i0.forwardRef(function () { return InputGroupComponent; }), selector: "aui-input-group" }, { type: i0.forwardRef(function () { return InputComponent; }), selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { type: i0.forwardRef(function () { return IconComponent; }), selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: i0.forwardRef(function () { return TreeNodeComponent; }), selector: "aui-tree-node", inputs: ["nodeData", "leafOnly"] }], directives: [{ type: i0.forwardRef(function () { return TooltipDirective; }), selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }, { type: i0.forwardRef(function () { return InputSuffixDirective; }), selector: "[auiInputSuffix]" }, { type: i0.forwardRef(function () { return i2.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i0.forwardRef(function () { return i2.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
11620
11625
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TreeSelectComponent, decorators: [{
11621
11626
  type: Component,
11622
11627
  args: [{ selector: 'aui-tree-select', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
@@ -11625,7 +11630,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
11625
11630
  useExisting: forwardRef(() => TreeSelectComponent),
11626
11631
  multi: true,
11627
11632
  },
11628
- ], template: "<div\n class=\"aui-tree-select\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"isClearable\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowNodes()\"\n (auiTooltipHide)=\"onHideNodes()\"\n>\n <aui-input-group>\n <input\n #inputRef\n class=\"aui-tree-select__input\"\n autocomplete=\"off\"\n aui-input\n [value]=\"getInputValue()\"\n [disabled]=\"disabled\"\n [placeholder]=\"getPlaceholder()\"\n [readonly]=\"inputReadonly\"\n (input)=\"onInput($event)\"\n (blur)=\"closeNodes()\"\n (keydown)=\"onKeyDown($event)\"\n />\n <span\n auiInputSuffix\n class=\"aui-tree-select__icon-container\"\n >\n <aui-icon\n class=\"aui-tree-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-tree-select__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n </aui-input-group>\n</div>\n\n<ng-template #templateRef>\n <div\n class=\"aui-tree-node-container\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div\n #nodeListRef\n class=\"aui-tree-node-container__content\"\n >\n <aui-tree-node\n *ngFor=\"let data of nodesData; trackBy: trackByLabel\"\n [nodeData]=\"data\"\n [leafOnly]=\"leafOnly\"\n ></aui-tree-node>\n </div>\n <div\n *ngIf=\"!getVisibleNodeCount()\"\n class=\"aui-tree-node-container__placeholder\"\n >\n <ng-content select=\"aui-tree-node-placeholder\"></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".aui-tree-node-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg))}:root .aui-tree-node-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-tree-node-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-tree-node-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-tree-node-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-tree-node-container__content{max-height:calc(var(--aui-inline-height-s) * 10);position:relative;overflow:auto}.aui-tree-node-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-tree-node-container__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-tree-node-container__content::-webkit-scrollbar-corner{background-color:transparent}.aui-tree-node-container__content .divider{border:none;border-top:1px solid rgb(var(--aui-color-n-8))}.aui-tree-node-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-tree-node-container--small .aui-tree-node-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-tree-node-container--small .aui-tree-node-container__placeholder{font-size:var(--aui-font-size-s)}.aui-tree-select{display:inline-block;position:relative;width:100%}.aui-tree-select__icon-container{display:block;position:relative}.aui-tree-select.isDisabled .aui-tree-select__icon-container{color:rgb(var(--aui-color-n-4))}.aui-tree-select__clear{display:none}.aui-tree-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-tree-select__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-tree-select.isClearable:not(.isDisabled):hover .aui-tree-select__indicator{display:none}.aui-tree-select.isClearable:not(.isDisabled):hover .aui-tree-select__clear{display:flex}.aui-tree-select:not(.isDisabled):hover .aui-input{border-color:rgb(var(--aui-color-primary))}.aui-tree-select__input.aui-input[readonly]:not([disabled]){background-color:rgb(var(--aui-color-n-9));cursor:text}aui-tree-select.ng-invalid.ng-dirty .aui-input,.ng-submitted aui-tree-select.ng-invalid .aui-input{border-color:rgb(var(--aui-color-red))!important}:root aui-tree-select.ng-invalid.ng-dirty .aui-input:focus,:root aui-tree-select.ng-invalid.ng-dirty .aui-input.isFocused,:root .ng-submitted aui-tree-select.ng-invalid .aui-input:focus,:root .ng-submitted aui-tree-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-tree-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-tree-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-tree-select.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-tree-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-tree-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-tree-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-tree-select.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-tree-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-tree-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-tree-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-tree-select.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-tree-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"] }]
11633
+ ], template: "<div\n class=\"aui-tree-select\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"isClearable\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowNodes()\"\n (auiTooltipHide)=\"onHideNodes()\"\n>\n <aui-input-group>\n <input\n #inputRef\n class=\"aui-tree-select__input\"\n autocomplete=\"off\"\n aui-input\n [value]=\"getInputValue()\"\n [disabled]=\"disabled\"\n [placeholder]=\"getPlaceholder()\"\n [readonly]=\"inputReadonly\"\n (input)=\"onInput($event)\"\n (blur)=\"closeOption()\"\n (keydown)=\"onKeyDown($event)\"\n />\n <span\n auiInputSuffix\n class=\"aui-tree-select__icon-container\"\n >\n <aui-icon\n class=\"aui-tree-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-tree-select__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n </aui-input-group>\n</div>\n\n<ng-template #templateRef>\n <div\n class=\"aui-tree-node-container\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div\n #nodeListRef\n class=\"aui-tree-node-container__content\"\n >\n <aui-tree-node\n *ngFor=\"let data of nodesData; trackBy: trackByLabel\"\n [nodeData]=\"data\"\n [leafOnly]=\"leafOnly\"\n ></aui-tree-node>\n </div>\n <div\n *ngIf=\"!getVisibleNodeCount()\"\n class=\"aui-tree-node-container__placeholder\"\n >\n <ng-content select=\"aui-tree-node-placeholder\"></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".aui-tree-node-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg))}:root .aui-tree-node-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-tree-node-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-tree-node-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-tree-node-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-tree-node-container__content{max-height:calc(var(--aui-inline-height-s) * 10);position:relative;overflow:auto}.aui-tree-node-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-tree-node-container__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-tree-node-container__content::-webkit-scrollbar-corner{background-color:transparent}.aui-tree-node-container__content .divider{border:none;border-top:1px solid rgb(var(--aui-color-n-8))}.aui-tree-node-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-tree-node-container--small .aui-tree-node-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-tree-node-container--small .aui-tree-node-container__placeholder{font-size:var(--aui-font-size-s)}.aui-tree-select{display:inline-block;position:relative;width:100%}.aui-tree-select__icon-container{display:block;position:relative}.aui-tree-select.isDisabled .aui-tree-select__icon-container{color:rgb(var(--aui-color-n-4))}.aui-tree-select__clear{display:none}.aui-tree-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-tree-select__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-tree-select.isClearable:not(.isDisabled):hover .aui-tree-select__indicator{display:none}.aui-tree-select.isClearable:not(.isDisabled):hover .aui-tree-select__clear{display:flex}.aui-tree-select:not(.isDisabled):hover .aui-input{border-color:rgb(var(--aui-color-primary))}.aui-tree-select__input.aui-input[readonly]:not([disabled]){background-color:rgb(var(--aui-color-n-9));cursor:text}aui-tree-select.ng-invalid.ng-dirty .aui-input,.ng-submitted aui-tree-select.ng-invalid .aui-input{border-color:rgb(var(--aui-color-red))!important}:root aui-tree-select.ng-invalid.ng-dirty .aui-input:focus,:root aui-tree-select.ng-invalid.ng-dirty .aui-input.isFocused,:root .ng-submitted aui-tree-select.ng-invalid .aui-input:focus,:root .ng-submitted aui-tree-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-tree-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-tree-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-tree-select.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-tree-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-tree-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-tree-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-tree-select.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-tree-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-tree-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-tree-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-tree-select.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-tree-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"] }]
11629
11634
  }], propDecorators: { nodesData: [{
11630
11635
  type: Input
11631
11636
  }], loading: [{
@@ -11764,10 +11769,10 @@ class TreeNodeComponent {
11764
11769
  }
11765
11770
  }
11766
11771
  TreeNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TreeNodeComponent, deps: [{ token: TreeSelectComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
11767
- TreeNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: TreeNodeComponent, selector: "aui-tree-node", inputs: { nodeData: "nodeData", leafOnly: "leafOnly" }, viewQueries: [{ propertyName: "titleRef", first: true, predicate: ["titleRef"], descendants: true, static: true }, { propertyName: "childNodes", predicate: TreeNodeComponent, descendants: true }], ngImport: i0, template: "<div\n [hidden]=\"!visible\"\n class=\"aui-tree-node\"\n [class.isDisabled]=\"nodeData.disabled\"\n [class.isSelected]=\"selected\"\n [attr.data-value]=\"nodeData.value\"\n>\n <div\n class=\"aui-tree-node__content\"\n [class.isLeftOnly]=\"leafOnly && !isLeaf && !nodeData.disabled\"\n >\n <aui-icon\n *ngIf=\"nodeData.loading\"\n class=\"aui-tree-node__loading\"\n margin=\"left\"\n size=\"16\"\n [icon]=\"'spinner'\"\n ></aui-icon>\n <aui-icon\n *ngIf=\"nodeData.children && !nodeData.loading\"\n class=\"aui-tree-node__indicator\"\n margin=\"left\"\n size=\"16\"\n [icon]=\"nodeData.expanded ? 'angle_down' : 'angle_right'\"\n (click)=\"switchExpanded()\"\n ></aui-icon>\n <span\n #titleRef\n class=\"aui-tree-node__title\"\n [class.isDisabled]=\"nodeData.disabled || nodeData.loading\"\n [class.isSelected]=\"selected\"\n [class.unselectable]=\"leafOnly && !isLeaf\"\n (click)=\"onClick()\"\n >\n <aui-icon\n *ngIf=\"nodeData.icon\"\n margin=\"right\"\n [icon]=\"getIcon()\"\n ></aui-icon>\n {{ nodeData.label }}\n </span>\n </div>\n <div\n *ngIf=\"nodeData.children\"\n [hidden]=\"!nodeData.expanded\"\n class=\"aui-tree-node__children\"\n >\n <aui-tree-node\n *ngFor=\"let data of nodeData.children; trackBy: trackByLabel\"\n [nodeData]=\"data\"\n [leafOnly]=\"leafOnly\"\n ></aui-tree-node>\n </div>\n</div>\n", styles: [".aui-tree-node__content{display:flex;height:var(--aui-inline-height-m);line-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);color:rgb(var(--aui-color-main-text));margin-left:4px;cursor:pointer}.aui-tree-node__content aui-icon{color:rgb(var(--aui-color-n-2))}.aui-tree-node__content.isLeftOnly:hover{background-color:rgb(var(--aui-color-p-6))}.aui-tree-node__title{display:inline-block;padding:0 8px;width:100%;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tree-node__title:hover{background-color:rgb(var(--aui-color-p-6))}.aui-tree-node__title.unselectable{color:rgb(var(--aui-color-n-4))}.aui-tree-node__title.unselectable aui-icon{color:rgb(var(--aui-color-n-4))}.aui-tree-node__title.isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tree-node__title.isSelected aui-icon{color:rgb(var(--aui-color-primary))}.aui-tree-node__title.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-tree-node__title.isDisabled aui-icon{color:rgb(var(--aui-color-n-6))}.aui-tree-node__loading{cursor:not-allowed}.aui-tree-node__indicator:hover{color:rgb(var(--aui-color-primary))}.aui-tree-node__children{margin-left:calc(var(--aui-font-size-m) + 6px)}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: TreeNodeComponent, selector: "aui-tree-node", inputs: ["nodeData", "leafOnly"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
11772
+ TreeNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: TreeNodeComponent, selector: "aui-tree-node", inputs: { nodeData: "nodeData", leafOnly: "leafOnly" }, viewQueries: [{ propertyName: "titleRef", first: true, predicate: ["titleRef"], descendants: true, static: true }, { propertyName: "childNodes", predicate: TreeNodeComponent, descendants: true }], ngImport: i0, template: "<div\n [hidden]=\"!visible\"\n class=\"aui-tree-node\"\n [class.isDisabled]=\"nodeData.disabled\"\n [class.isSelected]=\"selected\"\n [attr.data-value]=\"nodeData.value\"\n>\n <div\n class=\"aui-tree-node__content\"\n [class.isLeftOnly]=\"leafOnly && !isLeaf && !nodeData.disabled\"\n >\n <aui-icon\n *ngIf=\"nodeData.loading\"\n class=\"aui-tree-node__loading\"\n margin=\"left\"\n size=\"16\"\n [icon]=\"'spinner'\"\n ></aui-icon>\n <aui-icon\n *ngIf=\"nodeData.children && !nodeData.loading\"\n class=\"aui-tree-node__indicator\"\n margin=\"left\"\n size=\"16\"\n [icon]=\"nodeData.expanded ? 'angle_down' : 'angle_right'\"\n (click)=\"switchExpanded()\"\n ></aui-icon>\n <span\n #titleRef\n class=\"aui-tree-node__title\"\n [class.isDisabled]=\"nodeData.disabled || nodeData.loading\"\n [class.isSelected]=\"selected\"\n [class.unselectable]=\"leafOnly && !isLeaf\"\n (click)=\"onClick()\"\n >\n <aui-icon\n *ngIf=\"nodeData.icon\"\n margin=\"right\"\n [icon]=\"getIcon()\"\n ></aui-icon>\n {{ nodeData.label }}\n </span>\n </div>\n <div\n *ngIf=\"nodeData.children\"\n [hidden]=\"!nodeData.expanded\"\n class=\"aui-tree-node__children\"\n >\n <aui-tree-node\n *ngFor=\"let data of nodeData.children; trackBy: trackByLabel\"\n [nodeData]=\"data\"\n [leafOnly]=\"leafOnly\"\n ></aui-tree-node>\n </div>\n</div>\n", styles: [".aui-tree-node__content{display:flex;height:var(--aui-inline-height-m);line-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);color:rgb(var(--aui-color-main-text));margin-left:4px;cursor:pointer}.aui-tree-node__content aui-icon{color:rgb(var(--aui-color-n-2))}.aui-tree-node__content.isLeftOnly:hover{background-color:rgb(var(--aui-color-p-6))}.aui-tree-node__title{display:inline-block;padding:0 8px;width:100%;height:100%;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tree-node__title:hover{background-color:rgb(var(--aui-color-p-6))}.aui-tree-node__title.unselectable{color:rgb(var(--aui-color-n-4))}.aui-tree-node__title.unselectable aui-icon{color:rgb(var(--aui-color-n-4))}.aui-tree-node__title.isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tree-node__title.isSelected aui-icon{color:rgb(var(--aui-color-primary))}.aui-tree-node__title.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-tree-node__title.isDisabled aui-icon{color:rgb(var(--aui-color-n-6))}.aui-tree-node__loading{cursor:not-allowed}.aui-tree-node__indicator:hover{color:rgb(var(--aui-color-primary))}.aui-tree-node__children{margin-left:calc(var(--aui-font-size-m) + 6px)}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: TreeNodeComponent, selector: "aui-tree-node", inputs: ["nodeData", "leafOnly"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
11768
11773
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TreeNodeComponent, decorators: [{
11769
11774
  type: Component,
11770
- args: [{ selector: 'aui-tree-node', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [hidden]=\"!visible\"\n class=\"aui-tree-node\"\n [class.isDisabled]=\"nodeData.disabled\"\n [class.isSelected]=\"selected\"\n [attr.data-value]=\"nodeData.value\"\n>\n <div\n class=\"aui-tree-node__content\"\n [class.isLeftOnly]=\"leafOnly && !isLeaf && !nodeData.disabled\"\n >\n <aui-icon\n *ngIf=\"nodeData.loading\"\n class=\"aui-tree-node__loading\"\n margin=\"left\"\n size=\"16\"\n [icon]=\"'spinner'\"\n ></aui-icon>\n <aui-icon\n *ngIf=\"nodeData.children && !nodeData.loading\"\n class=\"aui-tree-node__indicator\"\n margin=\"left\"\n size=\"16\"\n [icon]=\"nodeData.expanded ? 'angle_down' : 'angle_right'\"\n (click)=\"switchExpanded()\"\n ></aui-icon>\n <span\n #titleRef\n class=\"aui-tree-node__title\"\n [class.isDisabled]=\"nodeData.disabled || nodeData.loading\"\n [class.isSelected]=\"selected\"\n [class.unselectable]=\"leafOnly && !isLeaf\"\n (click)=\"onClick()\"\n >\n <aui-icon\n *ngIf=\"nodeData.icon\"\n margin=\"right\"\n [icon]=\"getIcon()\"\n ></aui-icon>\n {{ nodeData.label }}\n </span>\n </div>\n <div\n *ngIf=\"nodeData.children\"\n [hidden]=\"!nodeData.expanded\"\n class=\"aui-tree-node__children\"\n >\n <aui-tree-node\n *ngFor=\"let data of nodeData.children; trackBy: trackByLabel\"\n [nodeData]=\"data\"\n [leafOnly]=\"leafOnly\"\n ></aui-tree-node>\n </div>\n</div>\n", styles: [".aui-tree-node__content{display:flex;height:var(--aui-inline-height-m);line-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);color:rgb(var(--aui-color-main-text));margin-left:4px;cursor:pointer}.aui-tree-node__content aui-icon{color:rgb(var(--aui-color-n-2))}.aui-tree-node__content.isLeftOnly:hover{background-color:rgb(var(--aui-color-p-6))}.aui-tree-node__title{display:inline-block;padding:0 8px;width:100%;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tree-node__title:hover{background-color:rgb(var(--aui-color-p-6))}.aui-tree-node__title.unselectable{color:rgb(var(--aui-color-n-4))}.aui-tree-node__title.unselectable aui-icon{color:rgb(var(--aui-color-n-4))}.aui-tree-node__title.isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tree-node__title.isSelected aui-icon{color:rgb(var(--aui-color-primary))}.aui-tree-node__title.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-tree-node__title.isDisabled aui-icon{color:rgb(var(--aui-color-n-6))}.aui-tree-node__loading{cursor:not-allowed}.aui-tree-node__indicator:hover{color:rgb(var(--aui-color-primary))}.aui-tree-node__children{margin-left:calc(var(--aui-font-size-m) + 6px)}\n"] }]
11775
+ args: [{ selector: 'aui-tree-node', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [hidden]=\"!visible\"\n class=\"aui-tree-node\"\n [class.isDisabled]=\"nodeData.disabled\"\n [class.isSelected]=\"selected\"\n [attr.data-value]=\"nodeData.value\"\n>\n <div\n class=\"aui-tree-node__content\"\n [class.isLeftOnly]=\"leafOnly && !isLeaf && !nodeData.disabled\"\n >\n <aui-icon\n *ngIf=\"nodeData.loading\"\n class=\"aui-tree-node__loading\"\n margin=\"left\"\n size=\"16\"\n [icon]=\"'spinner'\"\n ></aui-icon>\n <aui-icon\n *ngIf=\"nodeData.children && !nodeData.loading\"\n class=\"aui-tree-node__indicator\"\n margin=\"left\"\n size=\"16\"\n [icon]=\"nodeData.expanded ? 'angle_down' : 'angle_right'\"\n (click)=\"switchExpanded()\"\n ></aui-icon>\n <span\n #titleRef\n class=\"aui-tree-node__title\"\n [class.isDisabled]=\"nodeData.disabled || nodeData.loading\"\n [class.isSelected]=\"selected\"\n [class.unselectable]=\"leafOnly && !isLeaf\"\n (click)=\"onClick()\"\n >\n <aui-icon\n *ngIf=\"nodeData.icon\"\n margin=\"right\"\n [icon]=\"getIcon()\"\n ></aui-icon>\n {{ nodeData.label }}\n </span>\n </div>\n <div\n *ngIf=\"nodeData.children\"\n [hidden]=\"!nodeData.expanded\"\n class=\"aui-tree-node__children\"\n >\n <aui-tree-node\n *ngFor=\"let data of nodeData.children; trackBy: trackByLabel\"\n [nodeData]=\"data\"\n [leafOnly]=\"leafOnly\"\n ></aui-tree-node>\n </div>\n</div>\n", styles: [".aui-tree-node__content{display:flex;height:var(--aui-inline-height-m);line-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);color:rgb(var(--aui-color-main-text));margin-left:4px;cursor:pointer}.aui-tree-node__content aui-icon{color:rgb(var(--aui-color-n-2))}.aui-tree-node__content.isLeftOnly:hover{background-color:rgb(var(--aui-color-p-6))}.aui-tree-node__title{display:inline-block;padding:0 8px;width:100%;height:100%;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tree-node__title:hover{background-color:rgb(var(--aui-color-p-6))}.aui-tree-node__title.unselectable{color:rgb(var(--aui-color-n-4))}.aui-tree-node__title.unselectable aui-icon{color:rgb(var(--aui-color-n-4))}.aui-tree-node__title.isSelected{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tree-node__title.isSelected aui-icon{color:rgb(var(--aui-color-primary))}.aui-tree-node__title.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-tree-node__title.isDisabled aui-icon{color:rgb(var(--aui-color-n-6))}.aui-tree-node__loading{cursor:not-allowed}.aui-tree-node__indicator:hover{color:rgb(var(--aui-color-primary))}.aui-tree-node__children{margin-left:calc(var(--aui-font-size-m) + 6px)}\n"] }]
11771
11776
  }], ctorParameters: function () { return [{ type: TreeSelectComponent }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { nodeData: [{
11772
11777
  type: Input
11773
11778
  }], leafOnly: [{