vue-devui 1.6.5 → 1.6.7

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 (91) hide show
  1. package/auto-complete/index.es.js +18 -4
  2. package/auto-complete/index.umd.js +10 -10
  3. package/auto-complete/style.css +1 -1
  4. package/breadcrumb/style.css +1 -1
  5. package/button/index.es.js +30 -10
  6. package/button/index.umd.js +10 -10
  7. package/button/style.css +1 -1
  8. package/category-search/index.es.js +50 -12
  9. package/category-search/index.umd.js +12 -12
  10. package/category-search/style.css +1 -1
  11. package/checkbox/index.es.js +22 -9
  12. package/checkbox/index.umd.js +8 -8
  13. package/checkbox/style.css +1 -1
  14. package/code-review/style.css +1 -1
  15. package/data-grid/index.es.js +45 -12
  16. package/data-grid/index.umd.js +6 -6
  17. package/data-grid/style.css +1 -1
  18. package/date-picker-pro/index.es.js +70 -14
  19. package/date-picker-pro/index.umd.js +14 -14
  20. package/date-picker-pro/style.css +1 -1
  21. package/dropdown/style.css +1 -1
  22. package/editable-select/index.es.js +83 -205
  23. package/editable-select/index.umd.js +20 -16
  24. package/editable-select/style.css +1 -1
  25. package/editor-md/style.css +1 -1
  26. package/form/style.css +1 -1
  27. package/input/index.es.js +6 -1
  28. package/input/index.umd.js +6 -6
  29. package/input/style.css +1 -1
  30. package/input-number/index.es.js +5 -0
  31. package/input-number/index.umd.js +10 -10
  32. package/input-number/style.css +1 -1
  33. package/mention/index.es.js +11 -1
  34. package/mention/index.umd.js +8 -8
  35. package/mention/style.css +1 -1
  36. package/menu/style.css +1 -1
  37. package/modal/style.css +1 -1
  38. package/overlay/style.css +1 -1
  39. package/package.json +1 -1
  40. package/pagination/index.es.js +32 -11
  41. package/pagination/index.umd.js +14 -14
  42. package/pagination/style.css +1 -1
  43. package/popover/style.css +1 -1
  44. package/radio/index.es.js +10 -28
  45. package/radio/index.umd.js +9 -9
  46. package/radio/style.css +1 -1
  47. package/search/index.es.js +6 -1
  48. package/search/index.umd.js +6 -6
  49. package/search/style.css +1 -1
  50. package/select/index.es.js +32 -11
  51. package/select/index.umd.js +15 -15
  52. package/select/style.css +1 -1
  53. package/splitter/style.css +1 -1
  54. package/style.css +2 -2
  55. package/switch/index.es.js +16 -2
  56. package/switch/index.umd.js +15 -15
  57. package/switch/style.css +1 -1
  58. package/table/index.es.js +46 -13
  59. package/table/index.umd.js +12 -12
  60. package/table/style.css +1 -1
  61. package/textarea/index.es.js +6 -1
  62. package/textarea/index.umd.js +1 -1
  63. package/textarea/style.css +1 -1
  64. package/time-picker/index.es.js +45 -8
  65. package/time-picker/index.umd.js +9 -9
  66. package/time-picker/style.css +1 -1
  67. package/time-select/index.es.js +32 -11
  68. package/time-select/index.umd.js +8 -8
  69. package/time-select/style.css +1 -1
  70. package/tooltip/style.css +1 -1
  71. package/tree/index.es.js +22 -9
  72. package/tree/index.umd.js +9 -9
  73. package/tree/style.css +1 -1
  74. package/types/auto-complete/src/auto-complete-types.d.ts +4 -0
  75. package/types/cascader/src/cascader-types.d.ts +4 -0
  76. package/types/checkbox/src/checkbox-types.d.ts +8 -0
  77. package/types/date-picker-pro/src/date-picker-pro-types.d.ts +12 -0
  78. package/types/date-picker-pro/src/range-date-picker-types.d.ts +4 -0
  79. package/types/editable-select/src/editable-select-types.d.ts +4 -0
  80. package/types/input/src/input-types.d.ts +4 -0
  81. package/types/input-icon/src/input-icon.d.ts +9 -0
  82. package/types/input-number/src/input-number-types.d.ts +4 -0
  83. package/types/mention/src/mention-types.d.ts +4 -0
  84. package/types/mention/src/mention.d.ts +9 -0
  85. package/types/radio/src/radio-types.d.ts +8 -0
  86. package/types/select/src/select-types.d.ts +4 -0
  87. package/types/textarea/src/textarea-types.d.ts +4 -0
  88. package/types/time-picker/src/components/time-scroll/index.d.ts +9 -0
  89. package/types/time-picker/src/time-picker-types.d.ts +4 -0
  90. package/vue-devui.es.js +212 -80
  91. package/vue-devui.umd.js +52 -52
@@ -1 +1 @@
1
- .devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label--required-hide:before{display:none}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.devui-form__label-tips-popover .dv-popover__icon-wrap+span{flex:1}.devui-form__control{flex:1 1 auto;position:relative;width:100%}.devui-form__control--horizontal{margin-left:16px}.devui-form__control .devui-star{color:red}.devui-form__control .devui-form__control-container{position:relative}.devui-form__control .devui-form__control-container--horizontal{display:flex;width:100%}.devui-form__control .devui-form__control-container--horizontal .devui-validate-tip{margin:0}.devui-form__control .devui-form__control-container .devui-form__feedback-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;text-align:center;visibility:visible;pointer-events:none;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg circle{fill:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg circle{fill:var(--devui-success, #50d4ab)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg{animation:loading-keyframes 1s infinite linear}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg path{fill:var(--devui-brand, #5e7ce0)}.devui-form__control .devui-form__control-container--has-feedback{display:flex;align-items:center}.devui-form__control .devui-form__control-container--has-feedback input{padding-right:28px}.devui-form__control .devui-form__control-container--feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form__control .devui-form__control-container--feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form__control .devui-form__control-container--feedback-error input:hover{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error input:focus{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error .devui-select-arrow{right:24px!important}.devui-form__control .devui-form__control-info{line-height:1}.devui-form__control .devui-form__control-info .error-message{display:inline-block;min-height:20px;line-height:1.5;font-size:var(--devui-font-size, 12px);color:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-info .devui-form__control-extra{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f);min-height:20px;line-height:1.5;text-align:justify}@keyframes loading-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devui-form__item--horizontal{display:flex;align-items:center;margin-bottom:20px}.devui-form__item--vertical{display:flex;flex-direction:column;margin-bottom:20px}.devui-form__item--error{margin-bottom:0}.devui-form-operation .star{color:red}@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}.devui-loading__mask{z-index:var(--devui-z-index-full-page-overlay, 1080);position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #d7d8da);opacity:.3}.devui-loading__wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:var(--devui-z-index-full-page-overlay, 1080)}.devui-loading--hidden{overflow:hidden}.devui-loading__text{margin-left:10px}.devui-loading__area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-loading__busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-loading__busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-loading__busy-default-spinner .devui-loading__bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-loading__busy-default-spinner .devui-loading__bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}@charset "UTF-8";.devui-auto-complete .devui-dropdown-menu,.devui-auto-complete__menu .devui-dropdown-menu{width:100%;left:0!important;top:0!important;margin:0!important;box-shadow:none}.devui-auto-complete .devui-dropdown-menu ul,.devui-auto-complete__menu .devui-dropdown-menu ul{width:100%;padding:0}.devui-auto-complete .devui-form-control{padding:4px 0;width:100%;background-color:transparent}.devui-auto-complete .active,.devui-auto-complete__menu .active{background:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-auto-complete .devui-dropdown-menu,.devui-auto-complete__menu .devui-dropdown-menu{width:100%;display:block}.devui-auto-complete .devui-auto-complete__dropdown-menu-cdk,.devui-auto-complete__menu .devui-auto-complete__dropdown-menu-cdk{position:static}.devui-auto-complete .devui-dropdown-item,.devui-auto-complete__menu .devui-dropdown-item{cursor:pointer;display:block;line-height:20px;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-auto-complete .devui-dropdown-item:not(:first-child),.devui-auto-complete__menu .devui-dropdown-item:not(:first-child){margin-top:4px}.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected,.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected,.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover{color:var(--devui-list-item-active-text, #252b3a)!important;background-color:var(--devui-list-item-active-bg, #f2f5fc)!important}.devui-auto-complete .devui-auto-complete__no-result-template,.devui-auto-complete .devui-auto-complete__searching-template,.devui-auto-complete__menu .devui-auto-complete__no-result-template,.devui-auto-complete__menu .devui-auto-complete__searching-template{display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);color:var(--devui-disabled-text, #cfd0d3);line-height:14px}.devui-auto-complete .devui-auto-complete__no-result-template:hover,.devui-auto-complete .devui-auto-complete__no-result-template:active,.devui-auto-complete .devui-auto-complete__no-result-template:hover:active,.devui-auto-complete .devui-auto-complete__searching-template:hover,.devui-auto-complete .devui-auto-complete__searching-template:active,.devui-auto-complete .devui-auto-complete__searching-template:hover:active,.devui-auto-complete__menu .devui-auto-complete__no-result-template:hover,.devui-auto-complete__menu .devui-auto-complete__no-result-template:active,.devui-auto-complete__menu .devui-auto-complete__no-result-template:hover:active,.devui-auto-complete__menu .devui-auto-complete__searching-template:hover,.devui-auto-complete__menu .devui-auto-complete__searching-template:active,.devui-auto-complete__menu .devui-auto-complete__searching-template:hover:active{background-color:var(--devui-unavailable, #f5f5f5)}.devui-auto-complete .devui-dropdown-item.disabled,.devui-auto-complete .devui-dropdown-item.disabled:hover,.devui-auto-complete__menu .devui-dropdown-item.disabled,.devui-auto-complete__menu .devui-dropdown-item.disabled:hover{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-auto-complete ul.devui-auto-complete__list-unstyled,.devui-auto-complete__menu ul.devui-auto-complete__list-unstyled{margin:0;overflow-y:auto}.devui-auto-complete .devui-auto-complete__dropdown-bg,.devui-auto-complete__menu .devui-auto-complete__dropdown-bg{background:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-auto-complete .devui-auto-complete__popup-tips,.devui-auto-complete__menu .devui-auto-complete__popup-tips{color:var(--devui-text-weak, #575d6c);padding:4px 12px}.devui-auto-complete .devui-auto-complete__dropdown-latestSource ul,.devui-auto-complete__menu .devui-auto-complete__dropdown-latestSource ul{line-height:initial!important}.devui-auto-complete--sm{height:24px;font-size:var(--devui-font-size-sm, 12px)}.devui-auto-complete--md{height:32px;font-size:var(--devui-font-size-md, 12px)}.devui-auto-complete--lg{height:40px;font-size:var(--devui-font-size-lg, 14px)}.devui-auto-complete__clear--icon{cursor:pointer}.devui-auto-complete-input{display:inline-flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;height:100%}.devui-auto-complete-input__wrapper{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 8px;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-auto-complete-input__wrapper:not(.devui-auto-complete--disabled):not(.devui-auto-complete-input__wrapper--error):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-auto-complete-input__wrapper>input{border:none!important}.devui-auto-complete-input__wrapper--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffd5d4)}.devui-auto-complete-input__wrapper--feedback{padding-right:28px}.devui-auto-complete-input__prepend,.devui-auto-complete-input__append{color:var(--devui-text);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;padding:0 20px;white-space:nowrap;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff)}.devui-auto-complete-input__prepend .devui-button,.devui-auto-complete-input__prepend .devui-select .devui-select__selection,.devui-auto-complete-input__append .devui-button,.devui-auto-complete-input__append .devui-select .devui-select__selection{border:none;background-color:transparent;color:inherit}.devui-auto-complete-input__prepend .devui-button,.devui-auto-complete-input__prepend .devui-select__selection,.devui-auto-complete-input__append .devui-button,.devui-auto-complete-input__append .devui-select__selection{display:inline-block;margin:0 -20px}.devui-auto-complete--focus .devui-auto-complete-input__wrapper:not(.devui-auto-complete-input__wrapper--error){border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-auto-complete--focus .devui-auto-complete-input__wrapper:not(.devui-auto-complete-input__wrapper--error):hover{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-auto-complete--disabled{color:var(--devui-disabled-text, #cfd0d3);background-color:var(--devui-disabled-bg, #f5f5f5);border-color:var(--devui-disabled-line, #dfe1e6);cursor:not-allowed}.devui-auto-complete--disabled .devui-dropdown-origin{cursor:not-allowed;background-color:transparent!important}.devui-auto-complete--prepend .devui-auto-complete-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.devui-auto-complete--append .devui-auto-complete-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.devui-auto-complete-slot{display:inline-flex;width:100%;align-items:stretch}.devui-auto-complete-slot .devui-auto-complete-input__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.devui-auto-complete-slot .devui-auto-complete-input__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.devui-auto-complete-slot .devui-auto-complete-input__prefix,.devui-auto-complete-slot .devui-auto-complete-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;align-items:center}.devui-auto-complete-slot .devui-auto-complete-input__prefix>*{margin-right:8px}.devui-auto-complete-slot .devui-auto-complete-input__suffix>*{margin-left:8px}.devui-icon__container{display:inline-block;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--no-slots i,.devui-icon--no-slots img{display:block}.devui-icon--disabled{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #cfd0d3)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;line-height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 2px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-icon-group{display:inline-flex;align-items:center}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable){padding:8px;margin-left:0}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable):first-child{margin-left:-8px}.devui-icon-group>*:not(:first-child){margin-left:0}
1
+ .devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));opacity:1;z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label--required-hide:before{display:none}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.devui-form__label-tips-popover .dv-popover__icon-wrap+span{flex:1}.devui-form__control{flex:1 1 auto;position:relative;width:100%}.devui-form__control--horizontal{margin-left:16px}.devui-form__control .devui-star{color:red}.devui-form__control .devui-form__control-container{position:relative}.devui-form__control .devui-form__control-container--horizontal{display:flex;width:100%}.devui-form__control .devui-form__control-container--horizontal .devui-validate-tip{margin:0}.devui-form__control .devui-form__control-container .devui-form__feedback-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;text-align:center;visibility:visible;pointer-events:none;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg circle{fill:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg circle{fill:var(--devui-success, #50d4ab)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg{animation:loading-keyframes 1s infinite linear}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg path{fill:var(--devui-brand, #5e7ce0)}.devui-form__control .devui-form__control-container--has-feedback{display:flex;align-items:center}.devui-form__control .devui-form__control-container--has-feedback input{padding-right:28px}.devui-form__control .devui-form__control-container--feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form__control .devui-form__control-container--feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form__control .devui-form__control-container--feedback-error input:hover{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error input:focus{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error .devui-select-arrow{right:24px!important}.devui-form__control .devui-form__control-info{line-height:1}.devui-form__control .devui-form__control-info .error-message{display:inline-block;min-height:20px;line-height:1.5;font-size:var(--devui-font-size, 12px);color:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-info .devui-form__control-extra{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f);min-height:20px;line-height:1.5;text-align:justify}@keyframes loading-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devui-form__item--horizontal{display:flex;align-items:center;margin-bottom:20px}.devui-form__item--vertical{display:flex;flex-direction:column;margin-bottom:20px}.devui-form__item--error{margin-bottom:0}.devui-form-operation .star{color:red}@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}.devui-loading__mask{z-index:var(--devui-z-index-full-page-overlay, 1080);position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #d7d8da);opacity:.3}.devui-loading__wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:var(--devui-z-index-full-page-overlay, 1080)}.devui-loading--hidden{overflow:hidden}.devui-loading__text{margin-left:10px}.devui-loading__area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-loading__busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-loading__busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-loading__busy-default-spinner .devui-loading__bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-loading__busy-default-spinner .devui-loading__bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}@charset "UTF-8";.devui-auto-complete .devui-dropdown-menu,.devui-auto-complete__menu .devui-dropdown-menu{width:100%;left:0!important;top:0!important;margin:0!important;box-shadow:none}.devui-auto-complete .devui-dropdown-menu ul,.devui-auto-complete__menu .devui-dropdown-menu ul{width:100%;padding:0}.devui-auto-complete .devui-form-control{padding:4px 0;width:100%;background-color:transparent}.devui-auto-complete .active,.devui-auto-complete__menu .active{background:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-auto-complete .devui-dropdown-menu,.devui-auto-complete__menu .devui-dropdown-menu{width:100%;display:block}.devui-auto-complete .devui-auto-complete__dropdown-menu-cdk,.devui-auto-complete__menu .devui-auto-complete__dropdown-menu-cdk{position:static}.devui-auto-complete .devui-dropdown-item,.devui-auto-complete__menu .devui-dropdown-item{cursor:pointer;display:block;line-height:20px;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-auto-complete .devui-dropdown-item:not(:first-child),.devui-auto-complete__menu .devui-dropdown-item:not(:first-child){margin-top:4px}.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected,.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected,.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover{color:var(--devui-list-item-active-text, #252b3a)!important;background-color:var(--devui-list-item-active-bg, #f2f5fc)!important}.devui-auto-complete .devui-auto-complete__no-result-template,.devui-auto-complete .devui-auto-complete__searching-template,.devui-auto-complete__menu .devui-auto-complete__no-result-template,.devui-auto-complete__menu .devui-auto-complete__searching-template{display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);color:var(--devui-disabled-text, #cfd0d3);line-height:14px}.devui-auto-complete .devui-auto-complete__no-result-template:hover,.devui-auto-complete .devui-auto-complete__no-result-template:active,.devui-auto-complete .devui-auto-complete__no-result-template:hover:active,.devui-auto-complete .devui-auto-complete__searching-template:hover,.devui-auto-complete .devui-auto-complete__searching-template:active,.devui-auto-complete .devui-auto-complete__searching-template:hover:active,.devui-auto-complete__menu .devui-auto-complete__no-result-template:hover,.devui-auto-complete__menu .devui-auto-complete__no-result-template:active,.devui-auto-complete__menu .devui-auto-complete__no-result-template:hover:active,.devui-auto-complete__menu .devui-auto-complete__searching-template:hover,.devui-auto-complete__menu .devui-auto-complete__searching-template:active,.devui-auto-complete__menu .devui-auto-complete__searching-template:hover:active{background-color:var(--devui-unavailable, #f5f5f5)}.devui-auto-complete .devui-dropdown-item.disabled,.devui-auto-complete .devui-dropdown-item.disabled:hover,.devui-auto-complete__menu .devui-dropdown-item.disabled,.devui-auto-complete__menu .devui-dropdown-item.disabled:hover{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-auto-complete ul.devui-auto-complete__list-unstyled,.devui-auto-complete__menu ul.devui-auto-complete__list-unstyled{margin:0;overflow-y:auto}.devui-auto-complete .devui-auto-complete__dropdown-bg,.devui-auto-complete__menu .devui-auto-complete__dropdown-bg{background:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-auto-complete .devui-auto-complete__popup-tips,.devui-auto-complete__menu .devui-auto-complete__popup-tips{color:var(--devui-text-weak, #575d6c);padding:4px 12px}.devui-auto-complete .devui-auto-complete__dropdown-latestSource ul,.devui-auto-complete__menu .devui-auto-complete__dropdown-latestSource ul{line-height:initial!important}.devui-auto-complete--sm{height:24px;font-size:var(--devui-font-size-sm, 12px)}.devui-auto-complete--md{height:32px;font-size:var(--devui-font-size-md, 12px)}.devui-auto-complete--lg{height:40px;font-size:var(--devui-font-size-lg, 14px)}.devui-auto-complete__clear--icon{cursor:pointer}.devui-auto-complete-input{display:inline-flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;height:100%}.devui-auto-complete-input:not(.devui-auto-complete--focus) .devui-auto-complete--glow-style:hover{box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08));border-color:var(--devui-form-control-line, #d7d8da)}.devui-auto-complete-input__wrapper{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 8px;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),box-shadow var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in, cubic-bezier(.5, 0, .84, .25))}.devui-auto-complete-input__wrapper:not(.devui-auto-complete--disabled):not(.devui-auto-complete-input__wrapper--error):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-auto-complete-input__wrapper>input{border:none!important}.devui-auto-complete-input__wrapper--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffd5d4)}.devui-auto-complete-input__wrapper--feedback{padding-right:28px}.devui-auto-complete-input__prepend,.devui-auto-complete-input__append{color:var(--devui-text);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;padding:0 20px;white-space:nowrap;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff)}.devui-auto-complete-input__prepend .devui-button,.devui-auto-complete-input__prepend .devui-select .devui-select__selection,.devui-auto-complete-input__append .devui-button,.devui-auto-complete-input__append .devui-select .devui-select__selection{border:none;background-color:transparent;color:inherit}.devui-auto-complete-input__prepend .devui-button,.devui-auto-complete-input__prepend .devui-select__selection,.devui-auto-complete-input__append .devui-button,.devui-auto-complete-input__append .devui-select__selection{display:inline-block;margin:0 -20px}.devui-auto-complete--glow-style:not(.devui-auto-complete--disabled):not(.devui-auto-complete-input__wrapper--error):hover{box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08));border-color:var(--devui-form-control-line, #d7d8da)}.devui-auto-complete--focus .devui-auto-complete-input__wrapper:not(.devui-auto-complete-input__wrapper--error){border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-auto-complete--focus .devui-auto-complete-input__wrapper:not(.devui-auto-complete-input__wrapper--error):hover{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-auto-complete--focus .devui-auto-complete--glow-style:not(.devui-auto-complete-input__wrapper--error){box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08));border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-auto-complete--disabled{color:var(--devui-disabled-text, #cfd0d3);background-color:var(--devui-disabled-bg, #f5f5f5);border-color:var(--devui-disabled-line, #dfe1e6);cursor:not-allowed}.devui-auto-complete--disabled .devui-dropdown-origin{cursor:not-allowed;background-color:transparent!important}.devui-auto-complete--prepend .devui-auto-complete-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.devui-auto-complete--append .devui-auto-complete-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.devui-auto-complete-slot{display:inline-flex;width:100%;align-items:stretch}.devui-auto-complete-slot .devui-auto-complete-input__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.devui-auto-complete-slot .devui-auto-complete-input__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.devui-auto-complete-slot .devui-auto-complete-input__prefix,.devui-auto-complete-slot .devui-auto-complete-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;align-items:center}.devui-auto-complete-slot .devui-auto-complete-input__prefix>*{margin-right:8px}.devui-auto-complete-slot .devui-auto-complete-input__suffix>*{margin-left:8px}.devui-auto-complete--fade-bottom-enter-from,.devui-auto-complete--fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.devui-auto-complete--fade-bottom-enter-to,.devui-auto-complete--fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-auto-complete--fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-auto-complete--fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-auto-complete--fade-top-enter-from,.devui-auto-complete--fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.devui-auto-complete--fade-top-enter-to,.devui-auto-complete--fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-auto-complete--fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-auto-complete--fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-icon__container{display:inline-block;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--no-slots i,.devui-icon--no-slots img{display:block}.devui-icon--disabled{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #cfd0d3)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;line-height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 2px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-icon-group{display:inline-flex;align-items:center}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable){padding:8px;margin-left:0}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable):first-child{margin-left:-8px}.devui-icon-group>*:not(:first-child){margin-left:0}
@@ -1 +1 @@
1
- .devui-breadcrumb-font-style,.devui-breadcrumb__separator,.devui-breadcrumb__item a,.devui-breadcrumb__item{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f);line-height:18px}.devui-breadcrumb__item{cursor:auto}.devui-breadcrumb__item a{cursor:pointer}.devui-breadcrumb__item a:hover{color:var(--devui-text, #252b3a);text-decoration:none}.devui-breadcrumb__item a,.devui-breadcrumb__item span{transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-breadcrumb__item .is-link{cursor:pointer}.devui-breadcrumb__item .is-link:hover{color:var(--devui-text, #252b3a);text-decoration:none}.devui-breadcrumb__item-dropdown{padding:0;margin:0;width:100px}.devui-breadcrumb__item-dropdown a:hover{text-decoration:none}.devui-breadcrumb__item-dropdown-item{display:flex;justify-content:space-between;align-items:center;width:100px;padding:4px;cursor:pointer}.devui-breadcrumb__item-dropdown-item:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-breadcrumb__separator{margin:0 4px}.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-dropdown span.icon-chevron-down,.devui-dropdown span.icon-select-arrow{display:inline-block;vertical-align:text-top}.devui-dropdown__menu-wrap .devui-dropdown-menu{width:100%}.devui-dropdown-animation span.icon-chevron-down,.devui-dropdown-animation span.icon-select-arrow{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-dropdown.open span.icon-chevron-down,.devui-dropdown.open span.icon-select-arrow{transform:rotate(180deg)}.fade-in-top{animation:fadeInTop .2s cubic-bezier(.16,.75,.5,1)}.fade-in-bottom{animation:fadeInBottom .2s cubic-bezier(.16,.75,.5,1)}@keyframes fadeInTop{0%{opacity:.8;transform:scaleY(.8) translateY(4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}@keyframes fadeInBottom{0%{opacity:.8;transform:scaleY(.8) translateY(-4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}.devui-dropdown--fade-bottom-enter-from,.devui-dropdown--fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.devui-dropdown--fade-bottom-enter-to,.devui-dropdown--fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-dropdown--fade-top-enter-from,.devui-dropdown--fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.devui-dropdown--fade-top-enter-to,.devui-dropdown--fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-breadcrumb{display:flex;align-items:center}.devui-breadcrumb .devui-breadcrumb__item:last-child .devui-breadcrumb__separator{display:none}
1
+ .devui-breadcrumb-font-style,.devui-breadcrumb__separator,.devui-breadcrumb__item a,.devui-breadcrumb__item{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f);line-height:18px}.devui-breadcrumb__item{cursor:auto}.devui-breadcrumb__item a{cursor:pointer}.devui-breadcrumb__item a:hover{color:var(--devui-text, #252b3a);text-decoration:none}.devui-breadcrumb__item a,.devui-breadcrumb__item span{transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-breadcrumb__item .is-link{cursor:pointer}.devui-breadcrumb__item .is-link:hover{color:var(--devui-text, #252b3a);text-decoration:none}.devui-breadcrumb__item-dropdown{padding:0;margin:0;width:100px}.devui-breadcrumb__item-dropdown a:hover{text-decoration:none}.devui-breadcrumb__item-dropdown-item{display:flex;justify-content:space-between;align-items:center;width:100px;padding:4px;cursor:pointer}.devui-breadcrumb__item-dropdown-item:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-breadcrumb__separator{margin:0 4px}.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));opacity:1;z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-dropdown span.icon-chevron-down,.devui-dropdown span.icon-select-arrow{display:inline-block;vertical-align:text-top}.devui-dropdown__menu-wrap .devui-dropdown-menu{width:100%}.devui-dropdown-animation span.icon-chevron-down,.devui-dropdown-animation span.icon-select-arrow{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-dropdown.open span.icon-chevron-down,.devui-dropdown.open span.icon-select-arrow{transform:rotate(180deg)}.fade-in-top{animation:fadeInTop .2s cubic-bezier(.16,.75,.5,1)}.fade-in-bottom{animation:fadeInBottom .2s cubic-bezier(.16,.75,.5,1)}@keyframes fadeInTop{0%{opacity:.8;transform:scaleY(.8) translateY(4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}@keyframes fadeInBottom{0%{opacity:.8;transform:scaleY(.8) translateY(-4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}.devui-dropdown--fade-bottom-enter-from,.devui-dropdown--fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.devui-dropdown--fade-bottom-enter-to,.devui-dropdown--fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-dropdown--fade-top-enter-from,.devui-dropdown--fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.devui-dropdown--fade-top-enter-to,.devui-dropdown--fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-breadcrumb{display:flex;align-items:center}.devui-breadcrumb .devui-breadcrumb__item:last-child .devui-breadcrumb__separator{display:none}
@@ -18,7 +18,7 @@ var __publicField = (obj, key, value) => {
18
18
  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
19
19
  return value;
20
20
  };
21
- import { defineComponent, toRefs, computed, createVNode, resolveDynamicComponent, mergeProps, ref, h, render, inject, withDirectives, resolveComponent, vShow, provide, toRef } from "vue";
21
+ import { defineComponent, toRefs, computed, createVNode, resolveDynamicComponent, mergeProps, ref, h, render, inject, reactive, withDirectives, resolveComponent, vShow, provide, toRef } from "vue";
22
22
  const DEFAULT_PREFIX = "icon";
23
23
  const iconProps = {
24
24
  name: {
@@ -1650,7 +1650,7 @@ var lodash = { exports: {} };
1650
1650
  if (typeof func != "function") {
1651
1651
  throw new TypeError2(FUNC_ERROR_TEXT);
1652
1652
  }
1653
- return setTimeout(function() {
1653
+ return setTimeout2(function() {
1654
1654
  func.apply(undefined$1, args);
1655
1655
  }, wait);
1656
1656
  }
@@ -3459,7 +3459,7 @@ var lodash = { exports: {} };
3459
3459
  return object[key];
3460
3460
  }
3461
3461
  var setData = shortOut(baseSetData);
3462
- var setTimeout = ctxSetTimeout || function(func, wait) {
3462
+ var setTimeout2 = ctxSetTimeout || function(func, wait) {
3463
3463
  return root.setTimeout(func, wait);
3464
3464
  };
3465
3465
  var setToString = shortOut(baseSetToString);
@@ -4251,7 +4251,7 @@ var lodash = { exports: {} };
4251
4251
  }
4252
4252
  function leadingEdge(time) {
4253
4253
  lastInvokeTime = time;
4254
- timerId = setTimeout(timerExpired, wait);
4254
+ timerId = setTimeout2(timerExpired, wait);
4255
4255
  return leading ? invokeFunc(time) : result2;
4256
4256
  }
4257
4257
  function remainingWait(time) {
@@ -4267,7 +4267,7 @@ var lodash = { exports: {} };
4267
4267
  if (shouldInvoke(time)) {
4268
4268
  return trailingEdge(time);
4269
4269
  }
4270
- timerId = setTimeout(timerExpired, remainingWait(time));
4270
+ timerId = setTimeout2(timerExpired, remainingWait(time));
4271
4271
  }
4272
4272
  function trailingEdge(time) {
4273
4273
  timerId = undefined$1;
@@ -4298,12 +4298,12 @@ var lodash = { exports: {} };
4298
4298
  }
4299
4299
  if (maxing) {
4300
4300
  clearTimeout(timerId);
4301
- timerId = setTimeout(timerExpired, wait);
4301
+ timerId = setTimeout2(timerExpired, wait);
4302
4302
  return invokeFunc(lastCallTime);
4303
4303
  }
4304
4304
  }
4305
4305
  if (timerId === undefined$1) {
4306
- timerId = setTimeout(timerExpired, wait);
4306
+ timerId = setTimeout2(timerExpired, wait);
4307
4307
  }
4308
4308
  return result2;
4309
4309
  }
@@ -5937,19 +5937,36 @@ var Button = defineComponent({
5937
5937
  classes,
5938
5938
  iconClass
5939
5939
  } = useButton(props, ctx);
5940
+ const isMouseDown = ref(false);
5941
+ const showWave = ref(false);
5942
+ const waveStyle = reactive({
5943
+ top: "0px",
5944
+ left: "0px"
5945
+ });
5946
+ const showClickWave = (e) => {
5947
+ waveStyle.left = e.offsetX + "px";
5948
+ waveStyle.top = e.offsetY + "px";
5949
+ showWave.value = true;
5950
+ setTimeout(() => {
5951
+ showWave.value = false;
5952
+ }, 300);
5953
+ };
5940
5954
  const onClick = (e) => {
5941
5955
  if (loading2.value) {
5942
5956
  return;
5943
5957
  }
5958
+ showClickWave(e);
5944
5959
  ctx.emit("click", e);
5945
5960
  };
5946
5961
  return () => {
5947
5962
  var _a, _b;
5948
5963
  return createVNode("button", {
5949
- "class": classes.value,
5964
+ "class": [classes.value, isMouseDown.value ? "mousedown" : ""],
5950
5965
  "disabled": disabled.value,
5951
5966
  "onClick": onClick,
5952
- "type": nativeType.value
5967
+ "type": nativeType.value,
5968
+ "onMousedown": () => isMouseDown.value = true,
5969
+ "onMouseup": () => isMouseDown.value = false
5953
5970
  }, [icon2.value && createVNode(Icon, {
5954
5971
  "name": icon2.value,
5955
5972
  "size": "var(--devui-font-size, 12px)",
@@ -5963,7 +5980,10 @@ var Button = defineComponent({
5963
5980
  "color": "#BBDEFB"
5964
5981
  }, null)]), [[vShow, loading2.value]]), createVNode("span", {
5965
5982
  "class": "button-content"
5966
- }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)])]);
5983
+ }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]), showWave.value && createVNode("div", {
5984
+ "class": "water-wave",
5985
+ "style": waveStyle
5986
+ }, null)]);
5967
5987
  };
5968
5988
  }
5969
5989
  });