@alauda/ui 6.5.7-beta.10 → 6.5.7-beta.12

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 (30) hide show
  1. package/autocomplete/autocomplete.directive.d.ts +4 -4
  2. package/dropdown/dropdown.directive.d.ts +3 -3
  3. package/esm2020/autocomplete/autocomplete.component.mjs +11 -3
  4. package/esm2020/autocomplete/autocomplete.directive.mjs +14 -14
  5. package/esm2020/date-picker/date-picker/date-picker.component.mjs +3 -3
  6. package/esm2020/date-picker/range-picker/range-picker.component.mjs +3 -3
  7. package/esm2020/dropdown/dropdown.directive.mjs +8 -8
  8. package/esm2020/dropdown/submenu/submenu.component.mjs +3 -3
  9. package/esm2020/icon/icons.mjs +2 -2
  10. package/esm2020/select/base-select.mjs +3 -3
  11. package/esm2020/select/multi-select/multi-select.component.mjs +3 -3
  12. package/esm2020/select/select.component.mjs +3 -3
  13. package/esm2020/status-bar/status-bar.component.mjs +1 -1
  14. package/esm2020/time-picker/component.mjs +5 -5
  15. package/esm2020/tooltip/base-tooltip.mjs +53 -30
  16. package/esm2020/tooltip/tooltip-active.directive.mjs +3 -3
  17. package/esm2020/tooltip/tooltip-copy.directive.mjs +7 -3
  18. package/esm2020/tooltip/tooltip.component.mjs +59 -4
  19. package/esm2020/tooltip/tooltip.directive.mjs +11 -10
  20. package/esm2020/tree-select/tree-select.component.mjs +5 -5
  21. package/fesm2015/alauda-ui.mjs +182 -87
  22. package/fesm2015/alauda-ui.mjs.map +1 -1
  23. package/fesm2020/alauda-ui.mjs +177 -87
  24. package/fesm2020/alauda-ui.mjs.map +1 -1
  25. package/icon/icons.d.ts +1 -1
  26. package/package.json +1 -1
  27. package/tooltip/base-tooltip.d.ts +11 -7
  28. package/tooltip/tooltip-copy.directive.d.ts +2 -1
  29. package/tooltip/tooltip.component.d.ts +15 -4
  30. package/tooltip/tooltip.directive.d.ts +4 -4
@@ -5,7 +5,7 @@ import * as i2 from '@angular/common';
5
5
  import { DOCUMENT, CommonModule } from '@angular/common';
6
6
  import * as i2$1 from '@angular/cdk/a11y';
7
7
  import { FocusKeyManager, A11yModule } from '@angular/cdk/a11y';
8
- import { Observable, ReplaySubject, share, startWith, map, distinctUntilChanged, Subject, takeUntil, filter, take, merge, fromEvent, combineLatest, debounceTime, switchMap, of, EMPTY, tap, BehaviorSubject, withLatestFrom, throttleTime, pluck, firstValueFrom, NEVER, observeOn, animationFrameScheduler, repeat, takeWhile, endWith, Subscription } from 'rxjs';
8
+ import { Observable, ReplaySubject, share, startWith, map, distinctUntilChanged, Subject, takeUntil, filter, take, merge, fromEvent, combineLatest, debounceTime, switchMap, of, EMPTY, tap, BehaviorSubject, withLatestFrom, first, throttleTime, pluck, firstValueFrom, NEVER, observeOn, animationFrameScheduler, repeat, takeWhile, endWith, Subscription } from 'rxjs';
9
9
  import * as i1 from '@angular/common/http';
10
10
  import { HttpClient } from '@angular/common/http';
11
11
  import { trigger, state, style, transition, animate, query } from '@angular/animations';
@@ -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-sub_item" viewBox="0 0 1024 1024"><path d="M460.8 192v435.2H768V704H384V192h76.8z" ></path></symbol><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>';
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.');
@@ -1214,7 +1214,15 @@ class AutocompleteComponent {
1214
1214
  this.hasContent$ = combineLatest([
1215
1215
  this.hasVisibleSuggestion$,
1216
1216
  this.placeholder.changes.pipe(startWith(this.placeholder), map((list) => !!list.length)),
1217
- ]).pipe(map(([hasVisibleSuggestion, hasPlaceholder]) => hasVisibleSuggestion || hasPlaceholder));
1217
+ ]).pipe(map(([hasVisibleSuggestion, hasPlaceholder]) => hasVisibleSuggestion || hasPlaceholder), distinctUntilChanged(), tap(hasContent => {
1218
+ if (hasContent) {
1219
+ this.directive$$.pipe(first()).subscribe(directive => {
1220
+ window.requestAnimationFrame(() => {
1221
+ directive.overlayRef.updatePosition();
1222
+ });
1223
+ });
1224
+ }
1225
+ }));
1218
1226
  }
1219
1227
  }
1220
1228
  AutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AutocompleteComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
@@ -1259,7 +1267,16 @@ class TooltipComponent {
1259
1267
  this.elRef = elRef;
1260
1268
  this.cdr = cdr;
1261
1269
  this.bem = buildBem('aui-tooltip');
1270
+ this.showHide = 'hide';
1271
+ this.disableAnimation = true;
1262
1272
  this.hover$ = new Subject();
1273
+ this.destroy$ = new Subject();
1274
+ this.animating$$ = new BehaviorSubject(false);
1275
+ this.hide$ = new Subject();
1276
+ }
1277
+ ngOnDestroy() {
1278
+ this.destroy$.next(null);
1279
+ this.destroy$.complete();
1263
1280
  }
1264
1281
  setupInputs(inputs) {
1265
1282
  Object.assign(this, inputs);
@@ -1288,12 +1305,57 @@ class TooltipComponent {
1288
1305
  }), publishRef());
1289
1306
  this.context$ = this.inputContext$.pipe(publishRef());
1290
1307
  }
1308
+ onAnimation(event) {
1309
+ const { phaseName, toState } = event;
1310
+ this.animating$$.next(phaseName === 'start');
1311
+ if (toState === 'hide' && phaseName === 'done') {
1312
+ this.hide$.next(true);
1313
+ }
1314
+ }
1315
+ show() {
1316
+ this.showHide = 'show';
1317
+ this.cdr.markForCheck();
1318
+ }
1319
+ hide() {
1320
+ this.showHide = 'hide';
1321
+ this.cdr.markForCheck();
1322
+ }
1291
1323
  }
1292
1324
  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 });
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 });
1325
+ TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: TooltipComponent, selector: "ng-component", ngImport: i0, template: "<div\n *ngIf=\"inputContent$ | async\"\n [class]=\"class$ | async\"\n (mouseenter)=\"hover$.next(true)\"\n (mouseleave)=\"hover$.next(false)\"\n [@.disabled]=\"disableAnimation\"\n [@showHide]=\"showHide\"\n (@showHide.start)=\"onAnimation($event)\"\n (@showHide.done)=\"onAnimation($event)\"\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 }, animations: [
1326
+ trigger('showHide', [
1327
+ state('show', style({
1328
+ opacity: 1,
1329
+ transform: 'scale(1)',
1330
+ })),
1331
+ state('hide,void', style({
1332
+ opacity: 0,
1333
+ transform: 'scale(0)',
1334
+ })),
1335
+ transition('* => show', [animate('240ms cubic-bezier(0, 0, 0.2, 1)')]),
1336
+ transition('* => hide', [
1337
+ animate('240ms cubic-bezier(0.38, 0, 0.24, 1)'),
1338
+ ]),
1339
+ ]),
1340
+ ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1294
1341
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TooltipComponent, decorators: [{
1295
1342
  type: Component,
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"] }]
1343
+ args: [{ encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, animations: [
1344
+ trigger('showHide', [
1345
+ state('show', style({
1346
+ opacity: 1,
1347
+ transform: 'scale(1)',
1348
+ })),
1349
+ state('hide,void', style({
1350
+ opacity: 0,
1351
+ transform: 'scale(0)',
1352
+ })),
1353
+ transition('* => show', [animate('240ms cubic-bezier(0, 0, 0.2, 1)')]),
1354
+ transition('* => hide', [
1355
+ animate('240ms cubic-bezier(0.38, 0, 0.24, 1)'),
1356
+ ]),
1357
+ ]),
1358
+ ], template: "<div\n *ngIf=\"inputContent$ | async\"\n [class]=\"class$ | async\"\n (mouseenter)=\"hover$.next(true)\"\n (mouseleave)=\"hover$.next(false)\"\n [@.disabled]=\"disableAnimation\"\n [@showHide]=\"showHide\"\n (@showHide.start)=\"onAnimation($event)\"\n (@showHide.done)=\"onAnimation($event)\"\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"] }]
1297
1359
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
1298
1360
 
1299
1361
  function getOriginPosition(position) {
@@ -1365,8 +1427,9 @@ class BaseTooltip {
1365
1427
  this.cdr = cdr;
1366
1428
  this.ngZone = ngZone;
1367
1429
  this.hideOnClick = false;
1368
- this.show = new EventEmitter();
1369
- this.hide = new EventEmitter();
1430
+ this.disableAnimation = true;
1431
+ this.showed = new EventEmitter();
1432
+ this.hided = new EventEmitter();
1370
1433
  this.componentClass = TooltipComponent;
1371
1434
  this.hostHovered = false;
1372
1435
  this.tooltipHovered = false;
@@ -1377,6 +1440,7 @@ class BaseTooltip {
1377
1440
  this.inputClass$$ = new ReplaySubject(1);
1378
1441
  this.inputContext$$ = new ReplaySubject(1);
1379
1442
  this.tooltipChanged$ = merge(this.inputContent$$, this.inputType$$, this.inputPosition$$, this.inputClass$$, this.inputContext$$);
1443
+ this.destroy$ = new Subject();
1380
1444
  this._position = 'top';
1381
1445
  this._trigger = TooltipTrigger.Hover;
1382
1446
  this._disabled = false;
@@ -1413,7 +1477,7 @@ class BaseTooltip {
1413
1477
  }
1414
1478
  this._position = value;
1415
1479
  this.inputPosition$$.next(value);
1416
- this.disposeTooltip();
1480
+ this._disposeTooltip();
1417
1481
  }
1418
1482
  get position() {
1419
1483
  return this._position;
@@ -1423,7 +1487,7 @@ class BaseTooltip {
1423
1487
  return;
1424
1488
  }
1425
1489
  this._trigger = value;
1426
- this.disposeTooltip();
1490
+ this._disposeTooltip();
1427
1491
  this.ngZone.run(this.updateListeners, this);
1428
1492
  }
1429
1493
  get trigger() {
@@ -1432,7 +1496,7 @@ class BaseTooltip {
1432
1496
  set disabled(value) {
1433
1497
  this._disabled = value;
1434
1498
  if (value) {
1435
- this.disposeTooltip();
1499
+ this._disposeTooltip();
1436
1500
  }
1437
1501
  }
1438
1502
  get disabled() {
@@ -1441,10 +1505,11 @@ class BaseTooltip {
1441
1505
  get isCreated() {
1442
1506
  return !!this.overlayRef;
1443
1507
  }
1444
- createTooltip() {
1508
+ _createTooltip() {
1445
1509
  if (this.disabled || this.isCreated) {
1446
1510
  return;
1447
1511
  }
1512
+ this._disposeTooltip();
1448
1513
  this.overlayRef = this.createOverlay();
1449
1514
  const portal = new ComponentPortal(this.componentClass, this.viewContainerRef);
1450
1515
  this.componentIns = this.overlayRef.attach(portal).instance;
@@ -1454,9 +1519,15 @@ class BaseTooltip {
1454
1519
  inputContext$: this.inputContext$$.asObservable(),
1455
1520
  inputPosition$: this.inputPosition$$.asObservable(),
1456
1521
  inputType$: this.inputType$$.asObservable(),
1522
+ disableAnimation: this.disableAnimation,
1523
+ });
1524
+ this.componentIns.hide$.pipe(takeUntil(this.destroy$)).subscribe(() => {
1525
+ this._disposeTooltip();
1457
1526
  });
1458
1527
  if (this.trigger === TooltipTrigger.Hover) {
1459
- this.componentIns.hover$.subscribe(hovered => {
1528
+ this.componentIns.hover$
1529
+ .pipe(takeUntil(this.componentIns.destroy$))
1530
+ .subscribe(hovered => {
1460
1531
  this.onTooltipHovered(hovered);
1461
1532
  });
1462
1533
  }
@@ -1464,30 +1535,41 @@ class BaseTooltip {
1464
1535
  this.trigger === TooltipTrigger.Click) {
1465
1536
  this.unlistenBody = this.renderer.listen('body', 'click', this.onBodyClick.bind(this));
1466
1537
  }
1467
- this.show.emit();
1538
+ this.componentIns?.show();
1468
1539
  this.cdr.markForCheck();
1540
+ this.showed.emit();
1469
1541
  }
1470
- disposeTooltip() {
1471
- if (this.overlayRef) {
1472
- this.overlayRef.dispose();
1473
- this.overlayRef = null;
1474
- this.componentIns = null;
1475
- this.tooltipHovered = false;
1476
- if (this.unlistenBody) {
1477
- this.unlistenBody();
1478
- this.unlistenBody = null;
1542
+ _disposeTooltip() {
1543
+ this.componentIns?.animating$$
1544
+ .pipe(filter(animating => !animating), first())
1545
+ .subscribe(() => {
1546
+ if (this.overlayRef) {
1547
+ this.overlayRef.dispose();
1548
+ this.overlayRef = null;
1549
+ this.componentIns = null;
1550
+ this.tooltipHovered = false;
1551
+ if (this.unlistenBody) {
1552
+ this.unlistenBody();
1553
+ this.unlistenBody = null;
1554
+ }
1555
+ this.hided.emit();
1479
1556
  }
1480
- this.hide.emit();
1481
- }
1557
+ });
1482
1558
  }
1483
1559
  toggleTooltip() {
1484
1560
  if (this.isCreated) {
1485
- this.disposeTooltip();
1561
+ this.hide();
1486
1562
  }
1487
1563
  else {
1488
- this.createTooltip();
1564
+ this.show();
1489
1565
  }
1490
1566
  }
1567
+ show() {
1568
+ this._createTooltip();
1569
+ }
1570
+ hide() {
1571
+ this.componentIns?.hide();
1572
+ }
1491
1573
  updatePosition() {
1492
1574
  if (this.overlayRef) {
1493
1575
  this.overlayRef.updatePosition();
@@ -1499,7 +1581,9 @@ class BaseTooltip {
1499
1581
  }
1500
1582
  }
1501
1583
  ngOnDestroy() {
1502
- this.disposeTooltip();
1584
+ this.destroy$.next(null);
1585
+ this.destroy$.complete();
1586
+ this._disposeTooltip();
1503
1587
  this.clearListeners();
1504
1588
  }
1505
1589
  updateListeners() {
@@ -1532,6 +1616,7 @@ class BaseTooltip {
1532
1616
  .flexibleConnectedTo(this.elRef)
1533
1617
  .withGrowAfterOpen(true)
1534
1618
  .withPush(false)
1619
+ .withTransformOriginOn('.aui-tooltip')
1535
1620
  .withPositions([
1536
1621
  { ...originPosition.main, ...overlayPosition.main },
1537
1622
  { ...originPosition.fallback, ...overlayPosition.fallback },
@@ -1548,7 +1633,7 @@ class BaseTooltip {
1548
1633
  if (!this.isCreated) {
1549
1634
  await sleep(DISPLAY_DELAY);
1550
1635
  if (this.hostHovered) {
1551
- this.createTooltip();
1636
+ this._createTooltip();
1552
1637
  }
1553
1638
  }
1554
1639
  }
@@ -1556,7 +1641,7 @@ class BaseTooltip {
1556
1641
  this.hostHovered = false;
1557
1642
  await sleep(HIDDEN_DELAY);
1558
1643
  if (!this.tooltipHovered && !this.hostHovered) {
1559
- this.disposeTooltip();
1644
+ this.componentIns?.hide();
1560
1645
  }
1561
1646
  }
1562
1647
  async onTooltipHovered(hovered) {
@@ -1564,7 +1649,7 @@ class BaseTooltip {
1564
1649
  if (!hovered) {
1565
1650
  await sleep(HIDDEN_DELAY);
1566
1651
  if (!this.tooltipHovered && !this.hostHovered) {
1567
- this.disposeTooltip();
1652
+ this.componentIns?.hide();
1568
1653
  }
1569
1654
  }
1570
1655
  }
@@ -1575,14 +1660,14 @@ class BaseTooltip {
1575
1660
  if (!this.elRef.nativeElement.contains(event.target) &&
1576
1661
  (this.hideOnClick ||
1577
1662
  !this.componentIns.elRef.nativeElement.contains(event.target))) {
1578
- this.disposeTooltip();
1663
+ this.componentIns?.hide();
1579
1664
  }
1580
1665
  }
1581
1666
  onFocus() {
1582
- this.createTooltip();
1667
+ this._createTooltip();
1583
1668
  }
1584
1669
  onBlur() {
1585
- this.disposeTooltip();
1670
+ this.componentIns?.hide();
1586
1671
  }
1587
1672
  }
1588
1673
  BaseTooltip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: BaseTooltip, deps: [{ token: i1$2.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
@@ -1594,13 +1679,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
1594
1679
  class TooltipDirective extends BaseTooltip {
1595
1680
  constructor() {
1596
1681
  super(...arguments);
1597
- this.hideOnClick = false;
1598
- this.show = new EventEmitter();
1599
- this.hide = new EventEmitter();
1682
+ this.showed = new EventEmitter();
1683
+ this.hided = new EventEmitter();
1684
+ this.disableAnimation = false;
1600
1685
  }
1601
1686
  }
1602
1687
  TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TooltipDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
1603
- TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: TooltipDirective, selector: "[auiTooltip]", inputs: { content: ["auiTooltip", "content"], context: ["auiTooltipContext", "context"], class: ["auiTooltipClass", "class"], type: ["auiTooltipType", "type"], position: ["auiTooltipPosition", "position"], trigger: ["auiTooltipTrigger", "trigger"], disabled: ["auiTooltipDisabled", "disabled"], hideOnClick: ["auiTooltipHideOnClick", "hideOnClick"] }, outputs: { show: "auiTooltipShow", hide: "auiTooltipHide" }, providers: [
1688
+ TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: TooltipDirective, selector: "[auiTooltip]", inputs: { content: ["auiTooltip", "content"], context: ["auiTooltipContext", "context"], class: ["auiTooltipClass", "class"], type: ["auiTooltipType", "type"], position: ["auiTooltipPosition", "position"], trigger: ["auiTooltipTrigger", "trigger"], disabled: ["auiTooltipDisabled", "disabled"], hideOnClick: ["auiTooltipHideOnClick", "hideOnClick"], disableAnimation: ["auiDisableAnimation", "disableAnimation"] }, outputs: { showed: "auiTooltipShow", hided: "auiTooltipHide" }, providers: [
1604
1689
  {
1605
1690
  provide: BaseTooltip,
1606
1691
  useExisting: TooltipDirective,
@@ -1625,17 +1710,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
1625
1710
  'position:auiTooltipPosition',
1626
1711
  'trigger:auiTooltipTrigger',
1627
1712
  'disabled:auiTooltipDisabled',
1713
+ 'hideOnClick:auiTooltipHideOnClick',
1628
1714
  ],
1629
1715
  }]
1630
- }], propDecorators: { hideOnClick: [{
1631
- type: Input,
1632
- args: ['auiTooltipHideOnClick']
1633
- }], show: [{
1716
+ }], propDecorators: { showed: [{
1634
1717
  type: Output,
1635
1718
  args: ['auiTooltipShow']
1636
- }], hide: [{
1719
+ }], hided: [{
1637
1720
  type: Output,
1638
1721
  args: ['auiTooltipHide']
1722
+ }], disableAnimation: [{
1723
+ type: Input,
1724
+ args: ['auiDisableAnimation']
1639
1725
  }] } });
1640
1726
 
1641
1727
  class TooltipActiveDirective {
@@ -1643,10 +1729,10 @@ class TooltipActiveDirective {
1643
1729
  this.el = el;
1644
1730
  this.renderer = renderer;
1645
1731
  this.customClass = '';
1646
- tooltipDirective.show.subscribe(() => {
1732
+ tooltipDirective.showed.subscribe(() => {
1647
1733
  this.addClass();
1648
1734
  });
1649
- tooltipDirective.hide.subscribe(() => {
1735
+ tooltipDirective.hided.subscribe(() => {
1650
1736
  this.removeClass();
1651
1737
  });
1652
1738
  }
@@ -1711,6 +1797,7 @@ class TooltipCopyDirective extends BaseTooltip {
1711
1797
  super(overlay, viewContainerRef, elRef, renderer, cdr, ngZone);
1712
1798
  this.toolTipIntl = toolTipIntl;
1713
1799
  this.className = true;
1800
+ this.disableAnimation = false;
1714
1801
  }
1715
1802
  get auiTooltipCopy() {
1716
1803
  return this._copyText || this.elRef.nativeElement.textContent;
@@ -1738,7 +1825,7 @@ class TooltipCopyDirective extends BaseTooltip {
1738
1825
  }
1739
1826
  ngOnInit() {
1740
1827
  this.content = this.auiTooltipCopyTip;
1741
- this.hide.subscribe(() => {
1828
+ this.hided.subscribe(() => {
1742
1829
  this.content = this.auiTooltipCopyTip;
1743
1830
  });
1744
1831
  }
@@ -1755,7 +1842,7 @@ class TooltipCopyDirective extends BaseTooltip {
1755
1842
  }
1756
1843
  }
1757
1844
  TooltipCopyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TooltipCopyDirective, deps: [{ token: i1$2.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: TooltipCopyIntl }], target: i0.ɵɵFactoryTarget.Directive });
1758
- TooltipCopyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: TooltipCopyDirective, selector: "[auiTooltipCopy]", inputs: { position: ["auiTooltipPosition", "position"], disabled: ["auiTooltipDisabled", "disabled"], auiTooltipCopy: "auiTooltipCopy", auiTooltipCopyTip: "auiTooltipCopyTip", auiTooltipCopySuccessTip: "auiTooltipCopySuccessTip", auiTooltipCopyFailTip: "auiTooltipCopyFailTip" }, host: { listeners: { "click": "onSourceClick()" }, properties: { "class.aui-tooltip-copy": "this.className" } }, usesInheritance: true, ngImport: i0 });
1845
+ TooltipCopyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: TooltipCopyDirective, selector: "[auiTooltipCopy]", inputs: { position: ["auiTooltipPosition", "position"], disabled: ["auiTooltipDisabled", "disabled"], disableAnimation: ["auiDisableAnimation", "disableAnimation"], auiTooltipCopy: "auiTooltipCopy", auiTooltipCopyTip: "auiTooltipCopyTip", auiTooltipCopySuccessTip: "auiTooltipCopySuccessTip", auiTooltipCopyFailTip: "auiTooltipCopyFailTip" }, host: { listeners: { "click": "onSourceClick()" }, properties: { "class.aui-tooltip-copy": "this.className" } }, usesInheritance: true, ngImport: i0 });
1759
1846
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TooltipCopyDirective, decorators: [{
1760
1847
  type: Directive,
1761
1848
  args: [{
@@ -1765,6 +1852,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
1765
1852
  }], ctorParameters: function () { return [{ type: i1$2.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: TooltipCopyIntl }]; }, propDecorators: { className: [{
1766
1853
  type: HostBinding,
1767
1854
  args: ['class.aui-tooltip-copy']
1855
+ }], disableAnimation: [{
1856
+ type: Input,
1857
+ args: ['auiDisableAnimation']
1768
1858
  }], auiTooltipCopy: [{
1769
1859
  type: Input
1770
1860
  }], auiTooltipCopyTip: [{
@@ -1808,8 +1898,8 @@ class AutoCompleteDirective extends BaseTooltip {
1808
1898
  this.ngControl = ngControl;
1809
1899
  this.defaultFirstSuggestion = true;
1810
1900
  this.suggestionTrigger = 'auto';
1811
- this.show = new EventEmitter();
1812
- this.hide = new EventEmitter();
1901
+ this.showed = new EventEmitter();
1902
+ this.hided = new EventEmitter();
1813
1903
  this.selected = new EventEmitter();
1814
1904
  // Whether to automatically update input value after selection
1815
1905
  this.autoPatch = true;
@@ -1850,10 +1940,10 @@ class AutoCompleteDirective extends BaseTooltip {
1850
1940
  return this.innerSelector ? el.querySelector(this.innerSelector) : el;
1851
1941
  }
1852
1942
  ngOnInit() {
1853
- this.show.subscribe(() => {
1943
+ this.showed.subscribe(() => {
1854
1944
  this.updateSuggestionsContext();
1855
1945
  });
1856
- this.hide.subscribe(() => {
1946
+ this.hided.subscribe(() => {
1857
1947
  this.resetFocusedSuggestion();
1858
1948
  });
1859
1949
  if (this.ngControl) {
@@ -1898,7 +1988,7 @@ class AutoCompleteDirective extends BaseTooltip {
1898
1988
  onInput(event) {
1899
1989
  const value = event.target.value;
1900
1990
  this.inputValue$$.next(value);
1901
- this.createTooltip();
1991
+ this.show();
1902
1992
  }
1903
1993
  onKeyDown(event) {
1904
1994
  switch (event.key) {
@@ -1920,7 +2010,7 @@ class AutoCompleteDirective extends BaseTooltip {
1920
2010
  }
1921
2011
  break;
1922
2012
  case 'Escape':
1923
- this.disposeTooltip();
2013
+ this.hide();
1924
2014
  event.stopPropagation();
1925
2015
  event.preventDefault();
1926
2016
  break;
@@ -1946,10 +2036,10 @@ class AutoCompleteDirective extends BaseTooltip {
1946
2036
  }
1947
2037
  this.inputValue$$.next(isArrCtrl ? '' : value);
1948
2038
  this.selected.emit(value);
1949
- this.disposeTooltip();
2039
+ this.hide();
1950
2040
  }
1951
- createTooltip() {
1952
- super.createTooltip();
2041
+ show() {
2042
+ super.show();
1953
2043
  this.autoFocusFirstSuggestion();
1954
2044
  }
1955
2045
  autoFocusFirstSuggestion() {
@@ -1972,7 +2062,7 @@ class AutoCompleteDirective extends BaseTooltip {
1972
2062
  }
1973
2063
  focusSuggestionDir(dir) {
1974
2064
  if (!this.isCreated) {
1975
- this.createTooltip();
2065
+ this.show();
1976
2066
  return;
1977
2067
  }
1978
2068
  const visibleSuggestions = this.autocomplete.suggestions.filter(suggestion => suggestion.visible && !suggestion.disabled);
@@ -2015,7 +2105,7 @@ class AutoCompleteDirective extends BaseTooltip {
2015
2105
  }
2016
2106
  }
2017
2107
  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 });
2018
- 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 });
2108
+ 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: { showed: "auiAutocompleteShow", hided: "auiAutocompleteHide", selected: "auiAutocompleteSelected" }, host: { attributes: { "autocomplete": "off" } }, exportAs: ["auiAutocomplete"], usesInheritance: true, ngImport: i0 });
2019
2109
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AutoCompleteDirective, decorators: [{
2020
2110
  type: Directive,
2021
2111
  args: [{
@@ -2044,10 +2134,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
2044
2134
  }], suggestionTrigger: [{
2045
2135
  type: Input,
2046
2136
  args: ['auiAutocompleteTrigger']
2047
- }], show: [{
2137
+ }], showed: [{
2048
2138
  type: Output,
2049
2139
  args: ['auiAutocompleteShow']
2050
- }], hide: [{
2140
+ }], hided: [{
2051
2141
  type: Output,
2052
2142
  args: ['auiAutocompleteHide']
2053
2143
  }], selected: [{
@@ -3988,14 +4078,14 @@ class TimePickerComponent extends CommonFormControl {
3988
4078
  if (this.tooltipRef.isCreated) {
3989
4079
  return;
3990
4080
  }
3991
- this.tooltipRef.createTooltip();
4081
+ this.tooltipRef.show();
3992
4082
  this.open.next();
3993
4083
  }
3994
4084
  closePanel() {
3995
4085
  if (!this.tooltipRef.isCreated) {
3996
4086
  return;
3997
4087
  }
3998
- this.tooltipRef.disposeTooltip();
4088
+ this.tooltipRef.hide();
3999
4089
  this.close.next();
4000
4090
  }
4001
4091
  clearValue(event) {
@@ -4025,7 +4115,7 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
4025
4115
  useExisting: forwardRef(() => TimePickerComponent),
4026
4116
  multi: true,
4027
4117
  },
4028
- ], viewQueries: [{ propertyName: "tooltipRef", first: true, predicate: ["tooltipRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"aui-time-picker\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"clearable && timeFormatValue\"\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"template\"\n auiTooltipType=\"plain\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n [auiTooltipDisabled]=\"disabled\"\n (auiTooltipShow)=\"handleTooltipOpen()\"\n (auiTooltipHide)=\"handleTooltipHide()\"\n>\n <aui-input-group>\n <input\n aui-input\n autocomplete=\"off\"\n [size]=\"size\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"timeFormatValue\"\n (ngModelChange)=\"changeFromInput($event)\"\n (keydown)=\"onKeyDown($event)\"\n />\n <span\n *ngIf=\"showIcon\"\n auiInputSuffix\n class=\"aui-time-picker__icon-container\"\n >\n <aui-icon\n class=\"aui-time-picker__indicator\"\n icon=\"clock\"\n ></aui-icon>\n <aui-icon\n class=\"aui-time-picker__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n </aui-input-group>\n</div>\n\n<ng-template #template>\n <aui-time-picker-panel\n [disabled]=\"disabled\"\n [disableHours]=\"disableHours\"\n [disableMinutes]=\"disableMinutes\"\n [disableSeconds]=\"disableSeconds\"\n [hourStep]=\"hourStep\"\n [minuteStep]=\"minuteStep\"\n [secondStep]=\"secondStep\"\n [format]=\"format\"\n [footerTemplate]=\"footerTemplate\"\n [(ngModel)]=\"timeValue\"\n (ngModelChange)=\"changeFromPanel($event)\"\n (confirm)=\"submit()\"\n (click)=\"$event.stopPropagation()\"\n (mousedown)=\"$event.preventDefault()\"\n ></aui-time-picker-panel>\n</ng-template>\n", styles: [".aui-time-picker{display:inline-block;position:relative;width:var(--aui-form-item-width-s)}.aui-time-picker__icon-container{display:block;position:relative}.aui-time-picker.isDisabled .aui-time-picker__icon-container{color:rgb(var(--aui-color-n-4))}.aui-time-picker__clear{display:none}.aui-time-picker__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-time-picker__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-time-picker.isClearable:not(.isDisabled):hover .aui-time-picker__indicator{display:none}.aui-time-picker.isClearable:not(.isDisabled):hover .aui-time-picker__clear{display:flex}aui-time-picker.ng-invalid.ng-dirty .aui-input,.ng-submitted aui-time-picker.ng-invalid .aui-input{border-color:rgb(var(--aui-color-red))!important}:root aui-time-picker.ng-invalid.ng-dirty .aui-input:focus,:root aui-time-picker.ng-invalid.ng-dirty .aui-input.isFocused,:root .ng-submitted aui-time-picker.ng-invalid .aui-input:focus,:root .ng-submitted aui-time-picker.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-time-picker.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-time-picker.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-time-picker.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-time-picker.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-time-picker.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-time-picker.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-time-picker.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-time-picker.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-time-picker.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-time-picker.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-time-picker.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-time-picker.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"], components: [{ type: InputGroupComponent, selector: "aui-input-group" }, { 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"] }, { type: TimePickerPanelComponent, selector: "aui-time-picker-panel", inputs: ["format", "hourStep", "minuteStep", "secondStep", "footerTemplate", "disableHours", "disableMinutes", "disableSeconds"], outputs: ["confirm"] }], directives: [{ type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: InputSuffixDirective, selector: "[auiInputSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4118
+ ], viewQueries: [{ propertyName: "tooltipRef", first: true, predicate: ["tooltipRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"aui-time-picker\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"clearable && timeFormatValue\"\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"template\"\n [auiDisableAnimation]=\"true\"\n auiTooltipType=\"plain\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n [auiTooltipDisabled]=\"disabled\"\n (auiTooltipShow)=\"handleTooltipOpen()\"\n (auiTooltipHide)=\"handleTooltipHide()\"\n>\n <aui-input-group>\n <input\n aui-input\n autocomplete=\"off\"\n [size]=\"size\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"timeFormatValue\"\n (ngModelChange)=\"changeFromInput($event)\"\n (keydown)=\"onKeyDown($event)\"\n />\n <span\n *ngIf=\"showIcon\"\n auiInputSuffix\n class=\"aui-time-picker__icon-container\"\n >\n <aui-icon\n class=\"aui-time-picker__indicator\"\n icon=\"clock\"\n ></aui-icon>\n <aui-icon\n class=\"aui-time-picker__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n </aui-input-group>\n</div>\n\n<ng-template #template>\n <aui-time-picker-panel\n [disabled]=\"disabled\"\n [disableHours]=\"disableHours\"\n [disableMinutes]=\"disableMinutes\"\n [disableSeconds]=\"disableSeconds\"\n [hourStep]=\"hourStep\"\n [minuteStep]=\"minuteStep\"\n [secondStep]=\"secondStep\"\n [format]=\"format\"\n [footerTemplate]=\"footerTemplate\"\n [(ngModel)]=\"timeValue\"\n (ngModelChange)=\"changeFromPanel($event)\"\n (confirm)=\"submit()\"\n (click)=\"$event.stopPropagation()\"\n (mousedown)=\"$event.preventDefault()\"\n ></aui-time-picker-panel>\n</ng-template>\n", styles: [".aui-time-picker{display:inline-block;position:relative;width:var(--aui-form-item-width-s)}.aui-time-picker__icon-container{display:block;position:relative}.aui-time-picker.isDisabled .aui-time-picker__icon-container{color:rgb(var(--aui-color-n-4))}.aui-time-picker__clear{display:none}.aui-time-picker__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-time-picker__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-time-picker.isClearable:not(.isDisabled):hover .aui-time-picker__indicator{display:none}.aui-time-picker.isClearable:not(.isDisabled):hover .aui-time-picker__clear{display:flex}aui-time-picker.ng-invalid.ng-dirty .aui-input,.ng-submitted aui-time-picker.ng-invalid .aui-input{border-color:rgb(var(--aui-color-red))!important}:root aui-time-picker.ng-invalid.ng-dirty .aui-input:focus,:root aui-time-picker.ng-invalid.ng-dirty .aui-input.isFocused,:root .ng-submitted aui-time-picker.ng-invalid .aui-input:focus,:root .ng-submitted aui-time-picker.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-time-picker.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-time-picker.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-time-picker.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-time-picker.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-time-picker.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-time-picker.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-time-picker.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-time-picker.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-time-picker.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-time-picker.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-time-picker.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-time-picker.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"], components: [{ type: InputGroupComponent, selector: "aui-input-group" }, { 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"] }, { type: TimePickerPanelComponent, selector: "aui-time-picker-panel", inputs: ["format", "hourStep", "minuteStep", "secondStep", "footerTemplate", "disableHours", "disableMinutes", "disableSeconds"], outputs: ["confirm"] }], directives: [{ type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiDisableAnimation"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: InputSuffixDirective, selector: "[auiInputSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4029
4119
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TimePickerComponent, decorators: [{
4030
4120
  type: Component,
4031
4121
  args: [{ selector: 'aui-time-picker', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -4034,7 +4124,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
4034
4124
  useExisting: forwardRef(() => TimePickerComponent),
4035
4125
  multi: true,
4036
4126
  },
4037
- ], template: "<div\n class=\"aui-time-picker\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"clearable && timeFormatValue\"\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"template\"\n auiTooltipType=\"plain\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n [auiTooltipDisabled]=\"disabled\"\n (auiTooltipShow)=\"handleTooltipOpen()\"\n (auiTooltipHide)=\"handleTooltipHide()\"\n>\n <aui-input-group>\n <input\n aui-input\n autocomplete=\"off\"\n [size]=\"size\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"timeFormatValue\"\n (ngModelChange)=\"changeFromInput($event)\"\n (keydown)=\"onKeyDown($event)\"\n />\n <span\n *ngIf=\"showIcon\"\n auiInputSuffix\n class=\"aui-time-picker__icon-container\"\n >\n <aui-icon\n class=\"aui-time-picker__indicator\"\n icon=\"clock\"\n ></aui-icon>\n <aui-icon\n class=\"aui-time-picker__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n </aui-input-group>\n</div>\n\n<ng-template #template>\n <aui-time-picker-panel\n [disabled]=\"disabled\"\n [disableHours]=\"disableHours\"\n [disableMinutes]=\"disableMinutes\"\n [disableSeconds]=\"disableSeconds\"\n [hourStep]=\"hourStep\"\n [minuteStep]=\"minuteStep\"\n [secondStep]=\"secondStep\"\n [format]=\"format\"\n [footerTemplate]=\"footerTemplate\"\n [(ngModel)]=\"timeValue\"\n (ngModelChange)=\"changeFromPanel($event)\"\n (confirm)=\"submit()\"\n (click)=\"$event.stopPropagation()\"\n (mousedown)=\"$event.preventDefault()\"\n ></aui-time-picker-panel>\n</ng-template>\n", styles: [".aui-time-picker{display:inline-block;position:relative;width:var(--aui-form-item-width-s)}.aui-time-picker__icon-container{display:block;position:relative}.aui-time-picker.isDisabled .aui-time-picker__icon-container{color:rgb(var(--aui-color-n-4))}.aui-time-picker__clear{display:none}.aui-time-picker__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-time-picker__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-time-picker.isClearable:not(.isDisabled):hover .aui-time-picker__indicator{display:none}.aui-time-picker.isClearable:not(.isDisabled):hover .aui-time-picker__clear{display:flex}aui-time-picker.ng-invalid.ng-dirty .aui-input,.ng-submitted aui-time-picker.ng-invalid .aui-input{border-color:rgb(var(--aui-color-red))!important}:root aui-time-picker.ng-invalid.ng-dirty .aui-input:focus,:root aui-time-picker.ng-invalid.ng-dirty .aui-input.isFocused,:root .ng-submitted aui-time-picker.ng-invalid .aui-input:focus,:root .ng-submitted aui-time-picker.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-time-picker.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-time-picker.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-time-picker.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-time-picker.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-time-picker.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-time-picker.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-time-picker.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-time-picker.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-time-picker.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-time-picker.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-time-picker.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-time-picker.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"] }]
4127
+ ], template: "<div\n class=\"aui-time-picker\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"clearable && timeFormatValue\"\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"template\"\n [auiDisableAnimation]=\"true\"\n auiTooltipType=\"plain\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n [auiTooltipDisabled]=\"disabled\"\n (auiTooltipShow)=\"handleTooltipOpen()\"\n (auiTooltipHide)=\"handleTooltipHide()\"\n>\n <aui-input-group>\n <input\n aui-input\n autocomplete=\"off\"\n [size]=\"size\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"timeFormatValue\"\n (ngModelChange)=\"changeFromInput($event)\"\n (keydown)=\"onKeyDown($event)\"\n />\n <span\n *ngIf=\"showIcon\"\n auiInputSuffix\n class=\"aui-time-picker__icon-container\"\n >\n <aui-icon\n class=\"aui-time-picker__indicator\"\n icon=\"clock\"\n ></aui-icon>\n <aui-icon\n class=\"aui-time-picker__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n </aui-input-group>\n</div>\n\n<ng-template #template>\n <aui-time-picker-panel\n [disabled]=\"disabled\"\n [disableHours]=\"disableHours\"\n [disableMinutes]=\"disableMinutes\"\n [disableSeconds]=\"disableSeconds\"\n [hourStep]=\"hourStep\"\n [minuteStep]=\"minuteStep\"\n [secondStep]=\"secondStep\"\n [format]=\"format\"\n [footerTemplate]=\"footerTemplate\"\n [(ngModel)]=\"timeValue\"\n (ngModelChange)=\"changeFromPanel($event)\"\n (confirm)=\"submit()\"\n (click)=\"$event.stopPropagation()\"\n (mousedown)=\"$event.preventDefault()\"\n ></aui-time-picker-panel>\n</ng-template>\n", styles: [".aui-time-picker{display:inline-block;position:relative;width:var(--aui-form-item-width-s)}.aui-time-picker__icon-container{display:block;position:relative}.aui-time-picker.isDisabled .aui-time-picker__icon-container{color:rgb(var(--aui-color-n-4))}.aui-time-picker__clear{display:none}.aui-time-picker__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-time-picker__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-time-picker.isClearable:not(.isDisabled):hover .aui-time-picker__indicator{display:none}.aui-time-picker.isClearable:not(.isDisabled):hover .aui-time-picker__clear{display:flex}aui-time-picker.ng-invalid.ng-dirty .aui-input,.ng-submitted aui-time-picker.ng-invalid .aui-input{border-color:rgb(var(--aui-color-red))!important}:root aui-time-picker.ng-invalid.ng-dirty .aui-input:focus,:root aui-time-picker.ng-invalid.ng-dirty .aui-input.isFocused,:root .ng-submitted aui-time-picker.ng-invalid .aui-input:focus,:root .ng-submitted aui-time-picker.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-time-picker.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-time-picker.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-time-picker.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-time-picker.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-time-picker.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-time-picker.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-time-picker.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-time-picker.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-time-picker.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-time-picker.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-time-picker.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-time-picker.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"] }]
4038
4128
  }], propDecorators: { format: [{
4039
4129
  type: Input
4040
4130
  }], size: [{
@@ -5377,7 +5467,7 @@ DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
5377
5467
  useExisting: forwardRef(() => DatePickerComponent),
5378
5468
  multi: true,
5379
5469
  },
5380
- ], usesInheritance: true, ngImport: i0, template: "<aui-date-picker-trigger\n [size]=\"size\"\n [value]=\"value\"\n [format]=\"format\"\n style=\"display: flex\"\n [auiTooltip]=\"template\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"date-picker-wrapper\"\n [disabled]=\"!!disabled\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipDisabled]=\"!!disabled\"\n [auiTooltipHideOnClick]=\"true\"\n [placeholder]=\"placeholder\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-picker-panel\n [type]=\"type\"\n style=\"padding-top: 9px; display: inline-block\"\n [(ngModel)]=\"value\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [extraFooter]=\"extraFooter\"\n [footerTemplate]=\"footerTemplate\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.disposeTooltip(); emitValue(value)\"\n ></aui-date-picker-panel>\n</ng-template>\n", styles: ["aui-date-picker{display:inline-block;width:200px}\n"], components: [{ type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: ["format", "size", "isRange", "value", "clearable", "placeholder", "startPlaceholder", "endPlaceholder", "disabled"], outputs: ["blur", "clear"] }, { type: DatePickerPanelComponent, selector: "aui-date-picker-panel", inputs: ["clearable", "clearText", "type", "showTime", "disabledDate", "disabledTime", "weekStartDay", "showFooter", "footerTemplate", "extraFooter", "minDate", "maxDate"], outputs: ["confirm", "clear"] }], directives: [{ type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
5470
+ ], usesInheritance: true, ngImport: i0, template: "<aui-date-picker-trigger\n [size]=\"size\"\n [value]=\"value\"\n [format]=\"format\"\n style=\"display: flex\"\n [auiTooltip]=\"template\"\n [auiDisableAnimation]=\"true\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"date-picker-wrapper\"\n [disabled]=\"!!disabled\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipDisabled]=\"!!disabled\"\n [auiTooltipHideOnClick]=\"true\"\n [placeholder]=\"placeholder\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-picker-panel\n [type]=\"type\"\n style=\"padding-top: 9px; display: inline-block\"\n [(ngModel)]=\"value\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [extraFooter]=\"extraFooter\"\n [footerTemplate]=\"footerTemplate\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.hide(); emitValue(value)\"\n ></aui-date-picker-panel>\n</ng-template>\n", styles: ["aui-date-picker{display:inline-block;width:200px}\n"], components: [{ type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: ["format", "size", "isRange", "value", "clearable", "placeholder", "startPlaceholder", "endPlaceholder", "disabled"], outputs: ["blur", "clear"] }, { type: DatePickerPanelComponent, selector: "aui-date-picker-panel", inputs: ["clearable", "clearText", "type", "showTime", "disabledDate", "disabledTime", "weekStartDay", "showFooter", "footerTemplate", "extraFooter", "minDate", "maxDate"], outputs: ["confirm", "clear"] }], directives: [{ type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiDisableAnimation"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
5381
5471
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DatePickerComponent, decorators: [{
5382
5472
  type: Component,
5383
5473
  args: [{ selector: 'aui-date-picker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
@@ -5386,7 +5476,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
5386
5476
  useExisting: forwardRef(() => DatePickerComponent),
5387
5477
  multi: true,
5388
5478
  },
5389
- ], template: "<aui-date-picker-trigger\n [size]=\"size\"\n [value]=\"value\"\n [format]=\"format\"\n style=\"display: flex\"\n [auiTooltip]=\"template\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"date-picker-wrapper\"\n [disabled]=\"!!disabled\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipDisabled]=\"!!disabled\"\n [auiTooltipHideOnClick]=\"true\"\n [placeholder]=\"placeholder\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-picker-panel\n [type]=\"type\"\n style=\"padding-top: 9px; display: inline-block\"\n [(ngModel)]=\"value\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [extraFooter]=\"extraFooter\"\n [footerTemplate]=\"footerTemplate\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.disposeTooltip(); emitValue(value)\"\n ></aui-date-picker-panel>\n</ng-template>\n", styles: ["aui-date-picker{display:inline-block;width:200px}\n"] }]
5479
+ ], template: "<aui-date-picker-trigger\n [size]=\"size\"\n [value]=\"value\"\n [format]=\"format\"\n style=\"display: flex\"\n [auiTooltip]=\"template\"\n [auiDisableAnimation]=\"true\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"date-picker-wrapper\"\n [disabled]=\"!!disabled\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipDisabled]=\"!!disabled\"\n [auiTooltipHideOnClick]=\"true\"\n [placeholder]=\"placeholder\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-picker-panel\n [type]=\"type\"\n style=\"padding-top: 9px; display: inline-block\"\n [(ngModel)]=\"value\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [extraFooter]=\"extraFooter\"\n [footerTemplate]=\"footerTemplate\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.hide(); emitValue(value)\"\n ></aui-date-picker-panel>\n</ng-template>\n", styles: ["aui-date-picker{display:inline-block;width:200px}\n"] }]
5390
5480
  }], propDecorators: { clearable: [{
5391
5481
  type: Input
5392
5482
  }], clearText: [{
@@ -5456,7 +5546,7 @@ RangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
5456
5546
  useExisting: forwardRef(() => RangePickerComponent),
5457
5547
  multi: true,
5458
5548
  },
5459
- ], usesInheritance: true, ngImport: i0, template: "<aui-date-picker-trigger\n [format]=\"format\"\n [isRange]=\"true\"\n [size]=\"size\"\n [value]=\"value\"\n [auiTooltip]=\"template\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-range-picker-panel\n style=\"padding-top: 9px; display: inline-block\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [(ngModel)]=\"value\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.disposeTooltip(); emitValue(value)\"\n ></aui-date-range-picker-panel>\n</ng-template>\n", styles: [".aui-tooltip.range-picker-wrapper{max-width:none}aui-range-picker{display:inline-block;width:260px}\n"], components: [{ type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: ["format", "size", "isRange", "value", "clearable", "placeholder", "startPlaceholder", "endPlaceholder", "disabled"], outputs: ["blur", "clear"] }, { type: DateRangePickerPanelComponent, selector: "aui-date-range-picker-panel", inputs: ["clearable", "clearText", "showTime", "showFooter", "disabledDate", "disabledTime", "weekStartDay", "minDate", "maxDate"], outputs: ["clear", "confirm"] }], directives: [{ type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
5549
+ ], usesInheritance: true, ngImport: i0, template: "<aui-date-picker-trigger\n [format]=\"format\"\n [isRange]=\"true\"\n [size]=\"size\"\n [value]=\"value\"\n [auiTooltip]=\"template\"\n [auiDisableAnimation]=\"true\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-range-picker-panel\n style=\"padding-top: 9px; display: inline-block\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [(ngModel)]=\"value\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.hide(); emitValue(value)\"\n ></aui-date-range-picker-panel>\n</ng-template>\n", styles: [".aui-tooltip.range-picker-wrapper{max-width:none}aui-range-picker{display:inline-block;width:260px}\n"], components: [{ type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: ["format", "size", "isRange", "value", "clearable", "placeholder", "startPlaceholder", "endPlaceholder", "disabled"], outputs: ["blur", "clear"] }, { type: DateRangePickerPanelComponent, selector: "aui-date-range-picker-panel", inputs: ["clearable", "clearText", "showTime", "showFooter", "disabledDate", "disabledTime", "weekStartDay", "minDate", "maxDate"], outputs: ["clear", "confirm"] }], directives: [{ type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiDisableAnimation"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
5460
5550
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: RangePickerComponent, decorators: [{
5461
5551
  type: Component,
5462
5552
  args: [{ selector: 'aui-range-picker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
@@ -5465,7 +5555,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
5465
5555
  useExisting: forwardRef(() => RangePickerComponent),
5466
5556
  multi: true,
5467
5557
  },
5468
- ], template: "<aui-date-picker-trigger\n [format]=\"format\"\n [isRange]=\"true\"\n [size]=\"size\"\n [value]=\"value\"\n [auiTooltip]=\"template\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-range-picker-panel\n style=\"padding-top: 9px; display: inline-block\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [(ngModel)]=\"value\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.disposeTooltip(); emitValue(value)\"\n ></aui-date-range-picker-panel>\n</ng-template>\n", styles: [".aui-tooltip.range-picker-wrapper{max-width:none}aui-range-picker{display:inline-block;width:260px}\n"] }]
5558
+ ], template: "<aui-date-picker-trigger\n [format]=\"format\"\n [isRange]=\"true\"\n [size]=\"size\"\n [value]=\"value\"\n [auiTooltip]=\"template\"\n [auiDisableAnimation]=\"true\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-range-picker-panel\n style=\"padding-top: 9px; display: inline-block\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [(ngModel)]=\"value\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.hide(); emitValue(value)\"\n ></aui-date-range-picker-panel>\n</ng-template>\n", styles: [".aui-tooltip.range-picker-wrapper{max-width:none}aui-range-picker{display:inline-block;width:260px}\n"] }]
5469
5559
  }], propDecorators: { clearable: [{
5470
5560
  type: Input
5471
5561
  }], clearText: [{
@@ -6567,8 +6657,8 @@ class DropdownDirective extends BaseTooltip {
6567
6657
  constructor(overlay, viewContainerRef, elRef, renderer, cdr, ngZone) {
6568
6658
  super(overlay, viewContainerRef, elRef, renderer, cdr, ngZone);
6569
6659
  this.hideOnClick = true;
6570
- this.show = new EventEmitter();
6571
- this.hide = new EventEmitter();
6660
+ this.showed = new EventEmitter();
6661
+ this.hided = new EventEmitter();
6572
6662
  new DropdownActiveDirective(this, elRef, renderer).customClass = 'isActive';
6573
6663
  this.type = TooltipType.Plain;
6574
6664
  this.position = 'bottom end';
@@ -6585,13 +6675,13 @@ class DropdownDirective extends BaseTooltip {
6585
6675
  this.content = value.template;
6586
6676
  }
6587
6677
  ngOnInit() {
6588
- this.show.pipe(debounceTime(0)).subscribe(() => {
6678
+ this.showed.pipe(debounceTime(0)).subscribe(() => {
6589
6679
  if (this.menu.lazyContent) {
6590
6680
  this.menu.lazyContent.attach(this.lazyContentContext);
6591
6681
  this.updatePosition();
6592
6682
  }
6593
6683
  });
6594
- this.hide.subscribe(() => {
6684
+ this.hided.subscribe(() => {
6595
6685
  if (this.menu.lazyContent) {
6596
6686
  this.menu.lazyContent.detach();
6597
6687
  }
@@ -6599,7 +6689,7 @@ class DropdownDirective extends BaseTooltip {
6599
6689
  }
6600
6690
  }
6601
6691
  DropdownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DropdownDirective, deps: [{ token: i1$2.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
6602
- DropdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: DropdownDirective, selector: "[auiDropdown]", inputs: { class: ["auiDropdownClass", "class"], disabled: ["auiDropdownDisabled", "disabled"], position: ["auiDropdownPosition", "position"], trigger: ["auiDropdownTrigger", "trigger"], menu: ["auiDropdown", "menu"], lazyContentContext: ["auiDropdownContext", "lazyContentContext"], hideOnClick: ["auiDropdownHideOnClick", "hideOnClick"] }, outputs: { show: "auiDropdownShow", hide: "auiDropdownHide" }, providers: [
6692
+ DropdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: DropdownDirective, selector: "[auiDropdown]", inputs: { class: ["auiDropdownClass", "class"], disabled: ["auiDropdownDisabled", "disabled"], position: ["auiDropdownPosition", "position"], trigger: ["auiDropdownTrigger", "trigger"], menu: ["auiDropdown", "menu"], lazyContentContext: ["auiDropdownContext", "lazyContentContext"], hideOnClick: ["auiDropdownHideOnClick", "hideOnClick"] }, outputs: { showed: "auiDropdownShow", hided: "auiDropdownHide" }, providers: [
6603
6693
  {
6604
6694
  provide: BaseTooltip,
6605
6695
  useExisting: DropdownDirective,
@@ -6632,10 +6722,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
6632
6722
  }], hideOnClick: [{
6633
6723
  type: Input,
6634
6724
  args: ['auiDropdownHideOnClick']
6635
- }], show: [{
6725
+ }], showed: [{
6636
6726
  type: Output,
6637
6727
  args: ['auiDropdownShow']
6638
- }], hide: [{
6728
+ }], hided: [{
6639
6729
  type: Output,
6640
6730
  args: ['auiDropdownHide']
6641
6731
  }] } });
@@ -6836,10 +6926,10 @@ class SubmenuComponent extends MenuItemComponent {
6836
6926
  }
6837
6927
  }
6838
6928
  SubmenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SubmenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
6839
- SubmenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: SubmenuComponent, selector: "aui-submenu", inputs: { trigger: "trigger", size: "size", disabled: "disabled" }, queries: [{ propertyName: "menuItems", predicate: MenuItemComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<button\n [class]=\"className\"\n [auiTooltip]=\"menu.template\"\n [auiTooltipDisabled]=\"disabled\"\n [auiTooltipTrigger]=\"trigger\"\n [auiTooltipHideOnClick]=\"true\"\n auiTooltipPosition=\"end top\"\n auiTooltipType=\"plain\"\n auiTooltipClass=\"aui-sub-dropdown\"\n auiTooltipActive=\"isActive\"\n (click)=\"$event.stopPropagation()\"\n>\n <span class=\"aui-submenu__title\"><ng-content></ng-content></span>\n <aui-icon\n class=\"aui-submenu__arrow\"\n icon=\"angle_right\"\n ></aui-icon>\n</button>\n\n<aui-menu\n #menu\n [size]=\"size\"\n>\n <ng-content select=\"aui-menu-item\"></ng-content>\n</aui-menu>\n", styles: [".aui-submenu{transition:all .3s ease;display:block;border:none;outline:none;width:100%;text-align:left;padding:0 var(--aui-spacing-l);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);color:rgb(var(--aui-color-n-1));background-color:transparent;border-radius:var(--aui-border-radius-m);position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.aui-submenu--default:hover{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--default.isActive{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-submenu--primary{color:rgb(var(--aui-color-primary))}.aui-submenu--primary:hover,.aui-submenu--primary.isActive{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--success{color:rgb(var(--aui-color-green))}.aui-submenu--success:hover,.aui-submenu--success.isActive{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--warning{color:rgb(var(--aui-color-yellow))}.aui-submenu--warning:hover,.aui-submenu--warning.isActive{background-color:rgb(var(--aui-color-y-6))}.aui-submenu--danger{color:rgb(var(--aui-color-red))}.aui-submenu--danger:hover,.aui-submenu--danger.isActive{background-color:rgb(var(--aui-color-r-6))}.aui-submenu[disabled],.aui-submenu[disabled]:hover{color:rgb(var(--aui-color-n-6));background-color:transparent;cursor:not-allowed}.aui-submenu aui-icon:first-child{margin-right:var(--aui-spacing-m)}aui-submenu:not(:first-child) .hasDivider{overflow:visible;margin-top:var(--aui-spacing-xl)}aui-submenu:not(:first-child) .hasDivider:before{content:\"\";position:absolute;display:block;left:0;right:0;top:calc(0px - var(--aui-spacing-m));height:1px;background:rgb(var(--aui-color-n-8));pointer-events:none}.aui-submenu{display:flex;justify-content:space-between;align-items:center;padding-right:var(--aui-spacing-s)}.aui-submenu__title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aui-submenu__arrow{margin-left:var(--aui-spacing-l)}.aui-submenu--default.isActive{color:rgb(var(--aui-color-n-1))}.aui-sub-dropdown.aui-tooltip--start,.aui-sub-dropdown.aui-tooltip--end{margin:calc(0px - var(--aui-spacing-m)) var(--aui-spacing-m)}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: MenuComponent, selector: "aui-menu", inputs: ["size"] }], directives: [{ type: TooltipActiveDirective, selector: "[auiTooltipActive]", inputs: ["auiTooltipActive"] }, { type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
6929
+ SubmenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: SubmenuComponent, selector: "aui-submenu", inputs: { trigger: "trigger", size: "size", disabled: "disabled" }, queries: [{ propertyName: "menuItems", predicate: MenuItemComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<button\n [class]=\"className\"\n [auiTooltip]=\"menu.template\"\n [auiDisableAnimation]=\"true\"\n [auiTooltipDisabled]=\"disabled\"\n [auiTooltipTrigger]=\"trigger\"\n [auiTooltipHideOnClick]=\"true\"\n auiTooltipPosition=\"end top\"\n auiTooltipType=\"plain\"\n auiTooltipClass=\"aui-sub-dropdown\"\n auiTooltipActive=\"isActive\"\n (click)=\"$event.stopPropagation()\"\n>\n <span class=\"aui-submenu__title\"><ng-content></ng-content></span>\n <aui-icon\n class=\"aui-submenu__arrow\"\n icon=\"angle_right\"\n ></aui-icon>\n</button>\n\n<aui-menu\n #menu\n [size]=\"size\"\n>\n <ng-content select=\"aui-menu-item\"></ng-content>\n</aui-menu>\n", styles: [".aui-submenu{transition:all .3s ease;display:block;border:none;outline:none;width:100%;text-align:left;padding:0 var(--aui-spacing-l);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);color:rgb(var(--aui-color-n-1));background-color:transparent;border-radius:var(--aui-border-radius-m);position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.aui-submenu--default:hover{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--default.isActive{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-submenu--primary{color:rgb(var(--aui-color-primary))}.aui-submenu--primary:hover,.aui-submenu--primary.isActive{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--success{color:rgb(var(--aui-color-green))}.aui-submenu--success:hover,.aui-submenu--success.isActive{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--warning{color:rgb(var(--aui-color-yellow))}.aui-submenu--warning:hover,.aui-submenu--warning.isActive{background-color:rgb(var(--aui-color-y-6))}.aui-submenu--danger{color:rgb(var(--aui-color-red))}.aui-submenu--danger:hover,.aui-submenu--danger.isActive{background-color:rgb(var(--aui-color-r-6))}.aui-submenu[disabled],.aui-submenu[disabled]:hover{color:rgb(var(--aui-color-n-6));background-color:transparent;cursor:not-allowed}.aui-submenu aui-icon:first-child{margin-right:var(--aui-spacing-m)}aui-submenu:not(:first-child) .hasDivider{overflow:visible;margin-top:var(--aui-spacing-xl)}aui-submenu:not(:first-child) .hasDivider:before{content:\"\";position:absolute;display:block;left:0;right:0;top:calc(0px - var(--aui-spacing-m));height:1px;background:rgb(var(--aui-color-n-8));pointer-events:none}.aui-submenu{display:flex;justify-content:space-between;align-items:center;padding-right:var(--aui-spacing-s)}.aui-submenu__title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aui-submenu__arrow{margin-left:var(--aui-spacing-l)}.aui-submenu--default.isActive{color:rgb(var(--aui-color-n-1))}.aui-sub-dropdown.aui-tooltip--start,.aui-sub-dropdown.aui-tooltip--end{margin:calc(0px - var(--aui-spacing-m)) var(--aui-spacing-m)}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: MenuComponent, selector: "aui-menu", inputs: ["size"] }], directives: [{ type: TooltipActiveDirective, selector: "[auiTooltipActive]", inputs: ["auiTooltipActive"] }, { type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiDisableAnimation"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
6840
6930
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SubmenuComponent, decorators: [{
6841
6931
  type: Component,
6842
- args: [{ selector: 'aui-submenu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<button\n [class]=\"className\"\n [auiTooltip]=\"menu.template\"\n [auiTooltipDisabled]=\"disabled\"\n [auiTooltipTrigger]=\"trigger\"\n [auiTooltipHideOnClick]=\"true\"\n auiTooltipPosition=\"end top\"\n auiTooltipType=\"plain\"\n auiTooltipClass=\"aui-sub-dropdown\"\n auiTooltipActive=\"isActive\"\n (click)=\"$event.stopPropagation()\"\n>\n <span class=\"aui-submenu__title\"><ng-content></ng-content></span>\n <aui-icon\n class=\"aui-submenu__arrow\"\n icon=\"angle_right\"\n ></aui-icon>\n</button>\n\n<aui-menu\n #menu\n [size]=\"size\"\n>\n <ng-content select=\"aui-menu-item\"></ng-content>\n</aui-menu>\n", styles: [".aui-submenu{transition:all .3s ease;display:block;border:none;outline:none;width:100%;text-align:left;padding:0 var(--aui-spacing-l);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);color:rgb(var(--aui-color-n-1));background-color:transparent;border-radius:var(--aui-border-radius-m);position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.aui-submenu--default:hover{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--default.isActive{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-submenu--primary{color:rgb(var(--aui-color-primary))}.aui-submenu--primary:hover,.aui-submenu--primary.isActive{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--success{color:rgb(var(--aui-color-green))}.aui-submenu--success:hover,.aui-submenu--success.isActive{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--warning{color:rgb(var(--aui-color-yellow))}.aui-submenu--warning:hover,.aui-submenu--warning.isActive{background-color:rgb(var(--aui-color-y-6))}.aui-submenu--danger{color:rgb(var(--aui-color-red))}.aui-submenu--danger:hover,.aui-submenu--danger.isActive{background-color:rgb(var(--aui-color-r-6))}.aui-submenu[disabled],.aui-submenu[disabled]:hover{color:rgb(var(--aui-color-n-6));background-color:transparent;cursor:not-allowed}.aui-submenu aui-icon:first-child{margin-right:var(--aui-spacing-m)}aui-submenu:not(:first-child) .hasDivider{overflow:visible;margin-top:var(--aui-spacing-xl)}aui-submenu:not(:first-child) .hasDivider:before{content:\"\";position:absolute;display:block;left:0;right:0;top:calc(0px - var(--aui-spacing-m));height:1px;background:rgb(var(--aui-color-n-8));pointer-events:none}.aui-submenu{display:flex;justify-content:space-between;align-items:center;padding-right:var(--aui-spacing-s)}.aui-submenu__title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aui-submenu__arrow{margin-left:var(--aui-spacing-l)}.aui-submenu--default.isActive{color:rgb(var(--aui-color-n-1))}.aui-sub-dropdown.aui-tooltip--start,.aui-sub-dropdown.aui-tooltip--end{margin:calc(0px - var(--aui-spacing-m)) var(--aui-spacing-m)}\n"] }]
6932
+ args: [{ selector: 'aui-submenu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<button\n [class]=\"className\"\n [auiTooltip]=\"menu.template\"\n [auiDisableAnimation]=\"true\"\n [auiTooltipDisabled]=\"disabled\"\n [auiTooltipTrigger]=\"trigger\"\n [auiTooltipHideOnClick]=\"true\"\n auiTooltipPosition=\"end top\"\n auiTooltipType=\"plain\"\n auiTooltipClass=\"aui-sub-dropdown\"\n auiTooltipActive=\"isActive\"\n (click)=\"$event.stopPropagation()\"\n>\n <span class=\"aui-submenu__title\"><ng-content></ng-content></span>\n <aui-icon\n class=\"aui-submenu__arrow\"\n icon=\"angle_right\"\n ></aui-icon>\n</button>\n\n<aui-menu\n #menu\n [size]=\"size\"\n>\n <ng-content select=\"aui-menu-item\"></ng-content>\n</aui-menu>\n", styles: [".aui-submenu{transition:all .3s ease;display:block;border:none;outline:none;width:100%;text-align:left;padding:0 var(--aui-spacing-l);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);color:rgb(var(--aui-color-n-1));background-color:transparent;border-radius:var(--aui-border-radius-m);position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.aui-submenu--default:hover{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--default.isActive{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-submenu--primary{color:rgb(var(--aui-color-primary))}.aui-submenu--primary:hover,.aui-submenu--primary.isActive{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--success{color:rgb(var(--aui-color-green))}.aui-submenu--success:hover,.aui-submenu--success.isActive{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--warning{color:rgb(var(--aui-color-yellow))}.aui-submenu--warning:hover,.aui-submenu--warning.isActive{background-color:rgb(var(--aui-color-y-6))}.aui-submenu--danger{color:rgb(var(--aui-color-red))}.aui-submenu--danger:hover,.aui-submenu--danger.isActive{background-color:rgb(var(--aui-color-r-6))}.aui-submenu[disabled],.aui-submenu[disabled]:hover{color:rgb(var(--aui-color-n-6));background-color:transparent;cursor:not-allowed}.aui-submenu aui-icon:first-child{margin-right:var(--aui-spacing-m)}aui-submenu:not(:first-child) .hasDivider{overflow:visible;margin-top:var(--aui-spacing-xl)}aui-submenu:not(:first-child) .hasDivider:before{content:\"\";position:absolute;display:block;left:0;right:0;top:calc(0px - var(--aui-spacing-m));height:1px;background:rgb(var(--aui-color-n-8));pointer-events:none}.aui-submenu{display:flex;justify-content:space-between;align-items:center;padding-right:var(--aui-spacing-s)}.aui-submenu__title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aui-submenu__arrow{margin-left:var(--aui-spacing-l)}.aui-submenu--default.isActive{color:rgb(var(--aui-color-n-1))}.aui-sub-dropdown.aui-tooltip--start,.aui-sub-dropdown.aui-tooltip--end{margin:calc(0px - var(--aui-spacing-m)) var(--aui-spacing-m)}\n"] }]
6843
6933
  }], propDecorators: { trigger: [{
6844
6934
  type: Input
6845
6935
  }], size: [{
@@ -7673,10 +7763,10 @@ class BaseSelect extends CommonFormControl {
7673
7763
  this.destroy$$.complete();
7674
7764
  }
7675
7765
  openOption() {
7676
- this.tooltipRef.createTooltip();
7766
+ this.tooltipRef.show();
7677
7767
  }
7678
7768
  closeOption() {
7679
- this.tooltipRef.disposeTooltip();
7769
+ this.tooltipRef.hide();
7680
7770
  }
7681
7771
  onShowOptions() {
7682
7772
  const exec = () => {
@@ -7948,7 +8038,7 @@ SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
7948
8038
  provide: BaseSelect,
7949
8039
  useExisting: SelectComponent,
7950
8040
  },
7951
- ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n [class]=\"rootClass\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"isClearable(hasSelected$ | async)\"\n [class.isFilterable]=\"filterable\"\n [class.isOpened]=\"opened\"\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>\n <aui-input-group>\n <input\n #inputRef\n class=\"aui-select__input\"\n autocomplete=\"off\"\n aui-input\n [disabled]=\"disabled\"\n [size]=\"size\"\n [readonly]=\"inputReadonly\"\n [placeholder]=\"!(hasSelected$ | async) ? placeholder : ''\"\n (input)=\"onInput($event)\"\n (keydown)=\"onKeyDown($event)\"\n (blur)=\"closeOption()\"\n />\n <span\n auiInputSuffix\n class=\"aui-select__icon-container\"\n >\n <aui-icon\n class=\"aui-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-select__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n <div\n *ngIf=\"(selectedOption$ | async) && !filterString\"\n class=\"aui-select__label-container aui-input aui-input--{{ size }}\"\n [attr.disabled]=\"disabled ? true : null\"\n >\n <div class=\"aui-select__label\">\n <ng-container *ngIf=\"(selectedOption$ | async).label as optionLabel\">\n <ng-container\n *ngIf=\"isTemplateRef(optionLabel); else label\"\n [ngTemplateOutlet]=\"optionLabel\"\n [ngTemplateOutletContext]=\"(selectedOption$ | async).labelContext\"\n ></ng-container>\n <ng-template #label>{{ optionLabel }}</ng-template>\n </ng-container>\n </div>\n </div>\n </aui-input-group>\n</div>\n\n<ng-template #templateRef>\n <div\n [class]=\"containerClass\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div\n #optionListRef\n class=\"aui-option-container__content\"\n >\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-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-select{display:inline-block;position:relative;width:100%}.aui-select__icon-container{display:block;position:relative}.aui-select.isDisabled .aui-select__icon-container{color:rgb(var(--aui-color-n-4))}.aui-select__clear{display:none}.aui-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-select__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-select.isClearable:not(.isDisabled):hover .aui-select__indicator{display:none}.aui-select.isClearable:not(.isDisabled):hover .aui-select__clear{display:flex}.aui-select__label-container.aui-input{position:absolute;top:0;left:0;display:inline-flex;align-items:center;pointer-events:none;background-color:transparent;border-color:transparent}.aui-select.isFilterable.isOpened .aui-select__label-container.aui-input{color:rgb(var(--aui-color-n-4))}.aui-select__label{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-select__input.aui-input[readonly]{background-color:rgb(var(--aui-color-main-bg));border-color:rgb(var(--aui-color-n-7))!important;cursor:text}.aui-select__input.aui-input[readonly]:focus{border-color:rgb(var(--aui-color-primary))}.aui-select__input.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))}aui-select.ng-invalid.ng-dirty .aui-input,.ng-submitted aui-select.ng-invalid .aui-input{border-color:rgb(var(--aui-color-red))!important}:root aui-select.ng-invalid.ng-dirty .aui-input:focus,:root aui-select.ng-invalid.ng-dirty .aui-input.isFocused,:root .ng-submitted aui-select.ng-invalid .aui-input:focus,:root .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-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-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"], components: [{ type: InputGroupComponent, selector: "aui-input-group" }, { 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"] }, { 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: InputSuffixDirective, selector: "[auiInputSuffix]" }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
8041
+ ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n [class]=\"rootClass\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"isClearable(hasSelected$ | async)\"\n [class.isFilterable]=\"filterable\"\n [class.isOpened]=\"opened\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiDisableAnimation]=\"true\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowOptions()\"\n (auiTooltipHide)=\"onHideOptions()\"\n>\n <aui-input-group>\n <input\n #inputRef\n class=\"aui-select__input\"\n autocomplete=\"off\"\n aui-input\n [disabled]=\"disabled\"\n [size]=\"size\"\n [readonly]=\"inputReadonly\"\n [placeholder]=\"!(hasSelected$ | async) ? placeholder : ''\"\n (input)=\"onInput($event)\"\n (keydown)=\"onKeyDown($event)\"\n (blur)=\"closeOption()\"\n />\n <span\n auiInputSuffix\n class=\"aui-select__icon-container\"\n >\n <aui-icon\n class=\"aui-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-select__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n <div\n *ngIf=\"(selectedOption$ | async) && !filterString\"\n class=\"aui-select__label-container aui-input aui-input--{{ size }}\"\n [attr.disabled]=\"disabled ? true : null\"\n >\n <div class=\"aui-select__label\">\n <ng-container *ngIf=\"(selectedOption$ | async).label as optionLabel\">\n <ng-container\n *ngIf=\"isTemplateRef(optionLabel); else label\"\n [ngTemplateOutlet]=\"optionLabel\"\n [ngTemplateOutletContext]=\"(selectedOption$ | async).labelContext\"\n ></ng-container>\n <ng-template #label>{{ optionLabel }}</ng-template>\n </ng-container>\n </div>\n </div>\n </aui-input-group>\n</div>\n\n<ng-template #templateRef>\n <div\n [class]=\"containerClass\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div\n #optionListRef\n class=\"aui-option-container__content\"\n >\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-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-select{display:inline-block;position:relative;width:100%}.aui-select__icon-container{display:block;position:relative}.aui-select.isDisabled .aui-select__icon-container{color:rgb(var(--aui-color-n-4))}.aui-select__clear{display:none}.aui-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-select__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-select.isClearable:not(.isDisabled):hover .aui-select__indicator{display:none}.aui-select.isClearable:not(.isDisabled):hover .aui-select__clear{display:flex}.aui-select__label-container.aui-input{position:absolute;top:0;left:0;display:inline-flex;align-items:center;pointer-events:none;background-color:transparent;border-color:transparent}.aui-select.isFilterable.isOpened .aui-select__label-container.aui-input{color:rgb(var(--aui-color-n-4))}.aui-select__label{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-select__input.aui-input[readonly]{background-color:rgb(var(--aui-color-main-bg));border-color:rgb(var(--aui-color-n-7))!important;cursor:text}.aui-select__input.aui-input[readonly]:focus{border-color:rgb(var(--aui-color-primary))}.aui-select__input.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))}aui-select.ng-invalid.ng-dirty .aui-input,.ng-submitted aui-select.ng-invalid .aui-input{border-color:rgb(var(--aui-color-red))!important}:root aui-select.ng-invalid.ng-dirty .aui-input:focus,:root aui-select.ng-invalid.ng-dirty .aui-input.isFocused,:root .ng-submitted aui-select.ng-invalid .aui-input:focus,:root .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-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-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"], components: [{ type: InputGroupComponent, selector: "aui-input-group" }, { 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"] }, { type: OptionComponent, selector: "aui-option", inputs: ["label", "labelContext", "value", "disabled"] }], directives: [{ type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiDisableAnimation"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }, { type: InputSuffixDirective, selector: "[auiInputSuffix]" }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
7952
8042
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SelectComponent, decorators: [{
7953
8043
  type: Component,
7954
8044
  args: [{ selector: 'aui-select', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
@@ -7961,7 +8051,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
7961
8051
  provide: BaseSelect,
7962
8052
  useExisting: SelectComponent,
7963
8053
  },
7964
- ], template: "<div\n [class]=\"rootClass\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"isClearable(hasSelected$ | async)\"\n [class.isFilterable]=\"filterable\"\n [class.isOpened]=\"opened\"\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>\n <aui-input-group>\n <input\n #inputRef\n class=\"aui-select__input\"\n autocomplete=\"off\"\n aui-input\n [disabled]=\"disabled\"\n [size]=\"size\"\n [readonly]=\"inputReadonly\"\n [placeholder]=\"!(hasSelected$ | async) ? placeholder : ''\"\n (input)=\"onInput($event)\"\n (keydown)=\"onKeyDown($event)\"\n (blur)=\"closeOption()\"\n />\n <span\n auiInputSuffix\n class=\"aui-select__icon-container\"\n >\n <aui-icon\n class=\"aui-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-select__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n <div\n *ngIf=\"(selectedOption$ | async) && !filterString\"\n class=\"aui-select__label-container aui-input aui-input--{{ size }}\"\n [attr.disabled]=\"disabled ? true : null\"\n >\n <div class=\"aui-select__label\">\n <ng-container *ngIf=\"(selectedOption$ | async).label as optionLabel\">\n <ng-container\n *ngIf=\"isTemplateRef(optionLabel); else label\"\n [ngTemplateOutlet]=\"optionLabel\"\n [ngTemplateOutletContext]=\"(selectedOption$ | async).labelContext\"\n ></ng-container>\n <ng-template #label>{{ optionLabel }}</ng-template>\n </ng-container>\n </div>\n </div>\n </aui-input-group>\n</div>\n\n<ng-template #templateRef>\n <div\n [class]=\"containerClass\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div\n #optionListRef\n class=\"aui-option-container__content\"\n >\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-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-select{display:inline-block;position:relative;width:100%}.aui-select__icon-container{display:block;position:relative}.aui-select.isDisabled .aui-select__icon-container{color:rgb(var(--aui-color-n-4))}.aui-select__clear{display:none}.aui-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-select__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-select.isClearable:not(.isDisabled):hover .aui-select__indicator{display:none}.aui-select.isClearable:not(.isDisabled):hover .aui-select__clear{display:flex}.aui-select__label-container.aui-input{position:absolute;top:0;left:0;display:inline-flex;align-items:center;pointer-events:none;background-color:transparent;border-color:transparent}.aui-select.isFilterable.isOpened .aui-select__label-container.aui-input{color:rgb(var(--aui-color-n-4))}.aui-select__label{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-select__input.aui-input[readonly]{background-color:rgb(var(--aui-color-main-bg));border-color:rgb(var(--aui-color-n-7))!important;cursor:text}.aui-select__input.aui-input[readonly]:focus{border-color:rgb(var(--aui-color-primary))}.aui-select__input.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))}aui-select.ng-invalid.ng-dirty .aui-input,.ng-submitted aui-select.ng-invalid .aui-input{border-color:rgb(var(--aui-color-red))!important}:root aui-select.ng-invalid.ng-dirty .aui-input:focus,:root aui-select.ng-invalid.ng-dirty .aui-input.isFocused,:root .ng-submitted aui-select.ng-invalid .aui-input:focus,:root .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-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-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"] }]
8054
+ ], template: "<div\n [class]=\"rootClass\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"isClearable(hasSelected$ | async)\"\n [class.isFilterable]=\"filterable\"\n [class.isOpened]=\"opened\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiDisableAnimation]=\"true\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowOptions()\"\n (auiTooltipHide)=\"onHideOptions()\"\n>\n <aui-input-group>\n <input\n #inputRef\n class=\"aui-select__input\"\n autocomplete=\"off\"\n aui-input\n [disabled]=\"disabled\"\n [size]=\"size\"\n [readonly]=\"inputReadonly\"\n [placeholder]=\"!(hasSelected$ | async) ? placeholder : ''\"\n (input)=\"onInput($event)\"\n (keydown)=\"onKeyDown($event)\"\n (blur)=\"closeOption()\"\n />\n <span\n auiInputSuffix\n class=\"aui-select__icon-container\"\n >\n <aui-icon\n class=\"aui-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-select__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n <div\n *ngIf=\"(selectedOption$ | async) && !filterString\"\n class=\"aui-select__label-container aui-input aui-input--{{ size }}\"\n [attr.disabled]=\"disabled ? true : null\"\n >\n <div class=\"aui-select__label\">\n <ng-container *ngIf=\"(selectedOption$ | async).label as optionLabel\">\n <ng-container\n *ngIf=\"isTemplateRef(optionLabel); else label\"\n [ngTemplateOutlet]=\"optionLabel\"\n [ngTemplateOutletContext]=\"(selectedOption$ | async).labelContext\"\n ></ng-container>\n <ng-template #label>{{ optionLabel }}</ng-template>\n </ng-container>\n </div>\n </div>\n </aui-input-group>\n</div>\n\n<ng-template #templateRef>\n <div\n [class]=\"containerClass\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div\n #optionListRef\n class=\"aui-option-container__content\"\n >\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-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-select{display:inline-block;position:relative;width:100%}.aui-select__icon-container{display:block;position:relative}.aui-select.isDisabled .aui-select__icon-container{color:rgb(var(--aui-color-n-4))}.aui-select__clear{display:none}.aui-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-select__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-select.isClearable:not(.isDisabled):hover .aui-select__indicator{display:none}.aui-select.isClearable:not(.isDisabled):hover .aui-select__clear{display:flex}.aui-select__label-container.aui-input{position:absolute;top:0;left:0;display:inline-flex;align-items:center;pointer-events:none;background-color:transparent;border-color:transparent}.aui-select.isFilterable.isOpened .aui-select__label-container.aui-input{color:rgb(var(--aui-color-n-4))}.aui-select__label{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-select__input.aui-input[readonly]{background-color:rgb(var(--aui-color-main-bg));border-color:rgb(var(--aui-color-n-7))!important;cursor:text}.aui-select__input.aui-input[readonly]:focus{border-color:rgb(var(--aui-color-primary))}.aui-select__input.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))}aui-select.ng-invalid.ng-dirty .aui-input,.ng-submitted aui-select.ng-invalid .aui-input{border-color:rgb(var(--aui-color-red))!important}:root aui-select.ng-invalid.ng-dirty .aui-input:focus,:root aui-select.ng-invalid.ng-dirty .aui-input.isFocused,:root .ng-submitted aui-select.ng-invalid .aui-input:focus,:root .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-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-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"] }]
7965
8055
  }], propDecorators: { inputRef: [{
7966
8056
  type: ViewChild,
7967
8057
  args: ['inputRef', { static: true }]
@@ -8349,7 +8439,7 @@ MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
8349
8439
  provide: BaseSelect,
8350
8440
  useExisting: MultiSelectComponent,
8351
8441
  },
8352
- ], 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 });
8442
+ ], 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 [auiDisableAnimation]=\"true\"\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", "auiDisableAnimation"], 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 });
8353
8443
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MultiSelectComponent, decorators: [{
8354
8444
  type: Component,
8355
8445
  args: [{ selector: 'aui-multi-select', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
@@ -8362,7 +8452,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
8362
8452
  provide: BaseSelect,
8363
8453
  useExisting: MultiSelectComponent,
8364
8454
  },
8365
- ], 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"] }]
8455
+ ], template: "<div\n [class]=\"rootClass\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiDisableAnimation]=\"true\"\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"] }]
8366
8456
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { tagClassFn: [{
8367
8457
  type: Input
8368
8458
  }], maxRowCount: [{
@@ -9943,7 +10033,7 @@ class StatusBarComponent {
9943
10033
  }
9944
10034
  }
9945
10035
  StatusBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StatusBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9946
- StatusBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: StatusBarComponent, selector: "aui-status-bar", inputs: { status: "status", size: "size", template: "template" }, outputs: { statusClick: "statusClick" }, ngImport: i0, template: "<div [class]=\"bem.block(size)\">\n <ng-container *ngFor=\"let item of status\">\n <div\n *ngIf=\"item.scale\"\n [ngClass]=\"[bem.element('chunk', item.type), item.class || '']\"\n [style.width]=\"item.scale * 100 + '%'\"\n (click)=\"statusClick.emit(item)\"\n [auiTooltip]=\"template\"\n [auiTooltipContext]=\"item\"\n ></div>\n </ng-container>\n</div>\n", styles: [".aui-status-bar{display:inline-flex;overflow:hidden;width:100%;vertical-align:middle;border-radius:5px}.aui-status-bar--medium{height:10px}.aui-status-bar--small{height:8px;border-radius:4px}.aui-status-bar--small .aui-status-bar__chunk:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.aui-status-bar--small .aui-status-bar__chunk:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.aui-status-bar__chunk{min-width:2px;height:100%;flex:1 1 1;border-radius:var(--aui-border-radius-m)}.aui-status-bar__chunk:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.aui-status-bar__chunk:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.aui-status-bar__chunk--primary{background-color:rgb(var(--aui-color-primary))}.aui-status-bar__chunk--primary:hover{background-color:rgb(var(--aui-color-p-2))}.aui-status-bar__chunk--success{background-color:rgb(var(--aui-color-green))}.aui-status-bar__chunk--success:hover{background-color:rgb(var(--aui-color-g-2))}.aui-status-bar__chunk--warning{background-color:rgb(var(--aui-color-yellow))}.aui-status-bar__chunk--warning:hover{background-color:rgb(var(--aui-color-y-2))}.aui-status-bar__chunk--error{background-color:rgb(var(--aui-color-red))}.aui-status-bar__chunk--error:hover{background-color:rgb(var(--aui-color-r-2))}.aui-status-bar__chunk--info{background-color:rgb(var(--aui-color-n-4))}.aui-status-bar__chunk--info:hover{background-color:rgb(var(--aui-color-n-6))}.aui-status-bar__chunk--pending{height:var(--aui-inline-height-m);animation:pending .5s linear infinite;background:repeating-linear-gradient(-60deg,rgb(var(--aui-color-b-5)),rgb(var(--aui-color-b-5)) var(--aui-spacing-s),rgb(var(--aui-color-b-6)) var(--aui-spacing-s),rgb(var(--aui-color-b-6)) var(--aui-spacing-m))}.aui-status-bar__chunk+.aui-status-bar__chunk{margin-left:var(--aui-spacing-xs)}@keyframes pending{0%{transform:translateY(-50%)}to{transform:translateY(0)}}\n"], 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"] }, { type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
10036
+ StatusBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: StatusBarComponent, selector: "aui-status-bar", inputs: { status: "status", size: "size", template: "template" }, outputs: { statusClick: "statusClick" }, ngImport: i0, template: "<div [class]=\"bem.block(size)\">\n <ng-container *ngFor=\"let item of status\">\n <div\n *ngIf=\"item.scale\"\n [ngClass]=\"[bem.element('chunk', item.type), item.class || '']\"\n [style.width]=\"item.scale * 100 + '%'\"\n (click)=\"statusClick.emit(item)\"\n [auiTooltip]=\"template\"\n [auiTooltipContext]=\"item\"\n ></div>\n </ng-container>\n</div>\n", styles: [".aui-status-bar{display:inline-flex;overflow:hidden;width:100%;vertical-align:middle;border-radius:5px}.aui-status-bar--medium{height:10px}.aui-status-bar--small{height:8px;border-radius:4px}.aui-status-bar--small .aui-status-bar__chunk:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.aui-status-bar--small .aui-status-bar__chunk:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.aui-status-bar__chunk{min-width:2px;height:100%;flex:1 1 1;border-radius:var(--aui-border-radius-m)}.aui-status-bar__chunk:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.aui-status-bar__chunk:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.aui-status-bar__chunk--primary{background-color:rgb(var(--aui-color-primary))}.aui-status-bar__chunk--primary:hover{background-color:rgb(var(--aui-color-p-2))}.aui-status-bar__chunk--success{background-color:rgb(var(--aui-color-green))}.aui-status-bar__chunk--success:hover{background-color:rgb(var(--aui-color-g-2))}.aui-status-bar__chunk--warning{background-color:rgb(var(--aui-color-yellow))}.aui-status-bar__chunk--warning:hover{background-color:rgb(var(--aui-color-y-2))}.aui-status-bar__chunk--error{background-color:rgb(var(--aui-color-red))}.aui-status-bar__chunk--error:hover{background-color:rgb(var(--aui-color-r-2))}.aui-status-bar__chunk--info{background-color:rgb(var(--aui-color-n-4))}.aui-status-bar__chunk--info:hover{background-color:rgb(var(--aui-color-n-6))}.aui-status-bar__chunk--pending{height:var(--aui-inline-height-m);animation:pending .5s linear infinite;background:repeating-linear-gradient(-60deg,rgb(var(--aui-color-b-5)),rgb(var(--aui-color-b-5)) var(--aui-spacing-s),rgb(var(--aui-color-b-6)) var(--aui-spacing-s),rgb(var(--aui-color-b-6)) var(--aui-spacing-m))}.aui-status-bar__chunk+.aui-status-bar__chunk{margin-left:var(--aui-spacing-xs)}@keyframes pending{0%{transform:translateY(-50%)}to{transform:translateY(0)}}\n"], 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"] }, { type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiDisableAnimation"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
9947
10037
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StatusBarComponent, decorators: [{
9948
10038
  type: Component,
9949
10039
  args: [{ selector: 'aui-status-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div [class]=\"bem.block(size)\">\n <ng-container *ngFor=\"let item of status\">\n <div\n *ngIf=\"item.scale\"\n [ngClass]=\"[bem.element('chunk', item.type), item.class || '']\"\n [style.width]=\"item.scale * 100 + '%'\"\n (click)=\"statusClick.emit(item)\"\n [auiTooltip]=\"template\"\n [auiTooltipContext]=\"item\"\n ></div>\n </ng-container>\n</div>\n", styles: [".aui-status-bar{display:inline-flex;overflow:hidden;width:100%;vertical-align:middle;border-radius:5px}.aui-status-bar--medium{height:10px}.aui-status-bar--small{height:8px;border-radius:4px}.aui-status-bar--small .aui-status-bar__chunk:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.aui-status-bar--small .aui-status-bar__chunk:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.aui-status-bar__chunk{min-width:2px;height:100%;flex:1 1 1;border-radius:var(--aui-border-radius-m)}.aui-status-bar__chunk:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.aui-status-bar__chunk:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.aui-status-bar__chunk--primary{background-color:rgb(var(--aui-color-primary))}.aui-status-bar__chunk--primary:hover{background-color:rgb(var(--aui-color-p-2))}.aui-status-bar__chunk--success{background-color:rgb(var(--aui-color-green))}.aui-status-bar__chunk--success:hover{background-color:rgb(var(--aui-color-g-2))}.aui-status-bar__chunk--warning{background-color:rgb(var(--aui-color-yellow))}.aui-status-bar__chunk--warning:hover{background-color:rgb(var(--aui-color-y-2))}.aui-status-bar__chunk--error{background-color:rgb(var(--aui-color-red))}.aui-status-bar__chunk--error:hover{background-color:rgb(var(--aui-color-r-2))}.aui-status-bar__chunk--info{background-color:rgb(var(--aui-color-n-4))}.aui-status-bar__chunk--info:hover{background-color:rgb(var(--aui-color-n-6))}.aui-status-bar__chunk--pending{height:var(--aui-inline-height-m);animation:pending .5s linear infinite;background:repeating-linear-gradient(-60deg,rgb(var(--aui-color-b-5)),rgb(var(--aui-color-b-5)) var(--aui-spacing-s),rgb(var(--aui-color-b-6)) var(--aui-spacing-s),rgb(var(--aui-color-b-6)) var(--aui-spacing-m))}.aui-status-bar__chunk+.aui-status-bar__chunk{margin-left:var(--aui-spacing-xs)}@keyframes pending{0%{transform:translateY(-50%)}to{transform:translateY(0)}}\n"] }]
@@ -11572,11 +11662,11 @@ class TreeSelectComponent extends CommonFormControl {
11572
11662
  }
11573
11663
  }
11574
11664
  openOption() {
11575
- this.tooltipRef.createTooltip();
11665
+ this.tooltipRef.show();
11576
11666
  }
11577
11667
  closeOption() {
11578
11668
  this.inputRef.elementRef.nativeElement.value = this.displayText;
11579
- this.tooltipRef.disposeTooltip();
11669
+ this.tooltipRef.hide();
11580
11670
  }
11581
11671
  updateSelectDisplay(value) {
11582
11672
  const pickedNode = this.flattedNodes.find(node => this.trackFn(node.value) === this.trackFn(value));
@@ -11622,7 +11712,7 @@ TreeSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
11622
11712
  useExisting: forwardRef(() => TreeSelectComponent),
11623
11713
  multi: true,
11624
11714
  },
11625
- ], 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 });
11715
+ ], 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 [auiDisableAnimation]=\"true\"\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", "auiDisableAnimation"], 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 });
11626
11716
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TreeSelectComponent, decorators: [{
11627
11717
  type: Component,
11628
11718
  args: [{ selector: 'aui-tree-select', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
@@ -11631,7 +11721,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
11631
11721
  useExisting: forwardRef(() => TreeSelectComponent),
11632
11722
  multi: true,
11633
11723
  },
11634
- ], 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"] }]
11724
+ ], 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 [auiDisableAnimation]=\"true\"\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"] }]
11635
11725
  }], propDecorators: { nodesData: [{
11636
11726
  type: Input
11637
11727
  }], loading: [{