vue-devui 1.6.4 → 1.6.6

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 (127) hide show
  1. package/auto-complete/index.es.js +19 -6
  2. package/auto-complete/index.umd.js +10 -10
  3. package/auto-complete/style.css +1 -1
  4. package/breadcrumb/index.es.js +2 -15
  5. package/breadcrumb/index.umd.js +1 -1
  6. package/breadcrumb/style.css +1 -1
  7. package/button/index.es.js +31 -12
  8. package/button/index.umd.js +10 -10
  9. package/button/style.css +1 -1
  10. package/carousel/index.es.js +36 -213
  11. package/carousel/index.umd.js +1 -1
  12. package/carousel/style.css +1 -1
  13. package/category-search/index.es.js +53 -29
  14. package/category-search/index.umd.js +12 -12
  15. package/category-search/style.css +1 -1
  16. package/checkbox/index.es.js +22 -9
  17. package/checkbox/index.umd.js +8 -8
  18. package/checkbox/style.css +1 -1
  19. package/code-review/style.css +1 -1
  20. package/collapse/index.es.js +15 -18
  21. package/collapse/index.umd.js +5 -5
  22. package/data-grid/index.es.js +48 -29
  23. package/data-grid/index.umd.js +6 -6
  24. package/data-grid/style.css +1 -1
  25. package/date-picker-pro/index.es.js +91 -20
  26. package/date-picker-pro/index.umd.js +16 -16
  27. package/date-picker-pro/style.css +1 -1
  28. package/dropdown/index.es.js +2 -15
  29. package/dropdown/index.umd.js +1 -1
  30. package/dropdown/style.css +1 -1
  31. package/editable-select/index.es.js +84 -207
  32. package/editable-select/index.umd.js +20 -16
  33. package/editable-select/style.css +1 -1
  34. package/editor-md/index.es.js +32 -18
  35. package/editor-md/index.umd.js +15 -15
  36. package/editor-md/style.css +1 -1
  37. package/form/style.css +1 -1
  38. package/icon/index.es.js +1 -2
  39. package/icon/index.umd.js +1 -1
  40. package/input/index.es.js +27 -7
  41. package/input/index.umd.js +11 -11
  42. package/input/style.css +1 -1
  43. package/input-number/index.es.js +5 -0
  44. package/input-number/index.umd.js +10 -10
  45. package/input-number/style.css +1 -1
  46. package/mention/index.es.js +12 -3
  47. package/mention/index.umd.js +8 -8
  48. package/mention/style.css +1 -1
  49. package/message/index.es.js +1 -2
  50. package/message/index.umd.js +1 -1
  51. package/modal/index.es.js +27 -4
  52. package/modal/index.umd.js +7 -1
  53. package/modal/style.css +1 -1
  54. package/notification/index.es.js +1 -2
  55. package/notification/index.umd.js +2 -2
  56. package/overlay/style.css +1 -1
  57. package/package.json +1 -1
  58. package/pagination/index.es.js +83 -263
  59. package/pagination/index.umd.js +14 -19
  60. package/pagination/style.css +1 -1
  61. package/popover/style.css +1 -1
  62. package/radio/index.es.js +10 -28
  63. package/radio/index.umd.js +9 -9
  64. package/radio/style.css +1 -1
  65. package/result/index.es.js +1 -2
  66. package/result/index.umd.js +1 -1
  67. package/search/index.es.js +54 -28
  68. package/search/index.umd.js +18 -14
  69. package/search/style.css +1 -1
  70. package/select/index.es.js +71 -52
  71. package/select/index.umd.js +18 -23
  72. package/select/style.css +1 -1
  73. package/splitter/style.css +1 -1
  74. package/steps/index.es.js +1 -2
  75. package/steps/index.umd.js +1 -1
  76. package/style.css +2 -2
  77. package/switch/index.es.js +16 -2
  78. package/switch/index.umd.js +15 -15
  79. package/switch/style.css +1 -1
  80. package/table/index.es.js +49 -30
  81. package/table/index.umd.js +12 -12
  82. package/table/style.css +1 -1
  83. package/textarea/index.es.js +6 -1
  84. package/textarea/index.umd.js +1 -1
  85. package/textarea/style.css +1 -1
  86. package/time-picker/index.es.js +66 -14
  87. package/time-picker/index.umd.js +16 -16
  88. package/time-picker/style.css +1 -1
  89. package/time-select/index.es.js +71 -52
  90. package/time-select/index.umd.js +12 -17
  91. package/time-select/style.css +1 -1
  92. package/timeline/index.es.js +1 -2
  93. package/timeline/index.umd.js +1 -1
  94. package/tooltip/style.css +1 -1
  95. package/tree/index.es.js +22 -9
  96. package/tree/index.umd.js +9 -9
  97. package/tree/style.css +1 -1
  98. package/types/auto-complete/src/auto-complete-types.d.ts +4 -0
  99. package/types/carousel/src/components/carousel-icons.d.ts +2 -0
  100. package/types/cascader/src/cascader-types.d.ts +4 -0
  101. package/types/checkbox/src/checkbox-types.d.ts +8 -0
  102. package/types/date-picker-pro/src/date-picker-pro-types.d.ts +12 -0
  103. package/types/date-picker-pro/src/range-date-picker-types.d.ts +4 -0
  104. package/types/dropdown/src/use-dropdown.d.ts +1 -1
  105. package/types/editable-select/src/editable-select-types.d.ts +4 -0
  106. package/types/editor-md/src/composables/use-editor-md.d.ts +1 -0
  107. package/types/editor-md/src/editor-md-types.d.ts +3 -0
  108. package/types/icon/src/icon-types.d.ts +0 -1
  109. package/types/input/src/input-types.d.ts +4 -0
  110. package/types/input-icon/src/input-icon.d.ts +9 -0
  111. package/types/input-number/src/input-number-types.d.ts +4 -0
  112. package/types/mention/src/mention-types.d.ts +4 -0
  113. package/types/mention/src/mention.d.ts +9 -0
  114. package/types/modal/src/components/modal-icons.d.ts +1 -0
  115. package/types/radio/src/radio-types.d.ts +8 -0
  116. package/types/select/src/select-types.d.ts +4 -0
  117. package/types/svg-icons/index.d.ts +3 -0
  118. package/types/textarea/src/textarea-types.d.ts +4 -0
  119. package/types/time-picker/src/components/time-scroll/index.d.ts +9 -0
  120. package/types/time-picker/src/time-picker-types.d.ts +4 -0
  121. package/upload/index.es.js +1 -2
  122. package/upload/index.umd.js +2 -2
  123. package/vue-devui.es.js +393 -174
  124. package/vue-devui.umd.js +93 -82
  125. package/types/search/src/components/search-close-icon.d.ts +0 -2
  126. package/types/search/src/components/search-icon.d.ts +0 -2
  127. package/types/select/src/components/select-arrow-icon.d.ts +0 -2
package/data-grid/style.css CHANGED
@@ -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}.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox__tick-wrap{position:absolute}.devui-checkbox .devui-checkbox__tick-wrap .devui-checkbox__tick{fill:var(--devui-light-text, #ffffff);stroke-dashoffset:50;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.devui-checkbox.active:not(.half-checked) .devui-checkbox__tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset .3s cubic-bezier(.755,.05,.855,.06),opacity .2s cubic-bezier(.755,.05,.855,.06)}.devui-checkbox.active:not(.disabled) .devui-checkbox__material:not(.custom-color),.devui-checkbox.half-checked:not(.disabled) .devui-checkbox__material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active .devui-checkbox--bordered,.devui-checkbox.half-checked .devui-checkbox--bordered{border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active:not(.disabled) .devui-checkbox__material{background-size:100% 100%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color){background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color):hover{border-color:var(--devui-icon-fill-active, #252b3a)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color)>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.half-checked .devui-checkbox__material.custom-color>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox__material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat 50%/0;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox__material.devui-checkbox__default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox__material.devui-checkbox--no-label{margin-right:0}.devui-checkbox .devui-checkbox__material>.devui-checkbox__halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #252b3a)}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active-focus, #344899)}.devui-checkbox__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:400;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:flex;align-items:center}.devui-checkbox label.devui-checkbox--lg{display:flex;align-items:center;font-size:var(--devui-font-size-lg, 14px)}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material>svg{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg.devui-checkbox--bordered{height:40px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--md{display:flex;align-items:center;font-size:var(--devui-font-size-md, 12px)}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material>svg{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md.devui-checkbox--bordered{height:32px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--sm{display:flex;align-items:center;font-size:var(--devui-font-size-sm, 12px)}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm.devui-checkbox--bordered{height:24px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--bordered{border:1px solid var(--devui-disabled-line, #dfe1e6);border-radius:var(--devui-border-radius, 2px)}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.devui-checkbox label>span.devui-checkbox__material{flex-shrink:0}.devui-checkbox label>span.devui-checkbox__label-text{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-checkbox.disabled .devui-checkbox__material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox__material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-checkbox.disabled.half-checked .devui-checkbox__material{background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-checkbox.disabled.half-checked .devui-checkbox__material .devui-checkbox__halfchecked-bg{transform:scale(.4288);background-color:var(--devui-disabled-text, #cfd0d3);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-checkbox--no-animation{transition:none!important}.devui-checkbox__column-margin{height:28px;line-height:28px}.devui-checkbox__wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devui-checkbox__group{display:inline-flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.devui-checkbox__group>*{margin-top:8px}.devui-checkbox__group.is-row{flex-direction:row}.devui-checkbox__group.is-row div:not(:last-child){margin-right:20px}.devui-checkbox__group.is-column{flex-direction:column}.devui-checkbox-button{display:flex;align-items:center;position:relative}.devui-checkbox-button__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox-button__content{font-size:14px;color:var(--devui-text, #252b3a);padding:10px 20px;cursor:pointer;border:1px solid var(--devui-disabled-line, #dfe1e6);display:inline-block;line-height:1;user-select:none}.devui-checkbox-button__content.devui-checkbox-button--lg{font-size:var(--devui-font-size-lg, 14px);padding:var(--devui-btn-lg-padding, 0 24px);height:40px;line-height:40px}.devui-checkbox-button__content.devui-checkbox-button--md{font-size:var(--devui-font-size-md, 12px);padding:var(--devui-btn-padding, 0 20px);height:32px;line-height:32px}.devui-checkbox-button__content.devui-checkbox-button--sm{font-size:var(--devui-font-size-sm, 12px);padding:var(--devui-btn-sm-padding, 0 16px);height:24px;line-height:24px}.devui-checkbox-button.active .devui-checkbox-button__content{color:#fff;background-color:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox-button.active.disabled .devui-checkbox-button__content{color:#fff;background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox-button.disabled .devui-checkbox-button__content{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3);background-color:#fff;border-color:var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button__content{border-left:none;box-shadow:-1px 0 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-bottom-left-radius:var(--devui-border-radius, 2px);border-left:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-row .devui-checkbox-button:last-child .devui-checkbox-button__content{border-top-right-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}.devui-checkbox__group.is-column .devui-checkbox-button{width:100%;margin-top:0}.devui-checkbox__group.is-column .devui-checkbox-button__content{width:100%;border-top:none;box-shadow:0 -1px 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-column .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-top-right-radius:var(--devui-border-radius, 2px);border-top:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-column .devui-checkbox-button:last-child .devui-checkbox-button__content{border-bottom-left-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}.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-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}@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)}.devui-button{padding:var(--devui-btn-padding, 0 20px);font-size:var(--devui-font-size-md, 12px);height:32px;line-height:var(--devui-line-height-base, 1.5);border-radius:var(--devui-border-radius, 2px);border-width:1px;border-color:transparent;background-color:transparent}.devui-button:hover{cursor:pointer}.devui-button:disabled{cursor:not-allowed}.devui-button--is-loading{pointer-events:none}.devui-button--solid{color:var(--devui-light-text, #ffffff);min-width:64px}.devui-button--solid i{color:var(--devui-light-text, #ffffff)}.devui-button--solid--secondary{color:var(--devui-text, #252b3a);border-color:var(--devui-btn-common-border-color, var(--devui-line, #d7d8da));background-color:var(--devui-btn-common-bg, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:hover{color:var(--devui-btn-common-color-hover, var(--devui-brand-active, #526ecc));border-color:var(--devui-btn-common-border-color-hover, var(--devui-form-control-line-active, #5e7ce0));background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:focus{color:var(--devui-btn-common-color-active, var(--devui-brand-active, #526ecc));border-color:var(--devui-btn-common-border-color-active, var(--devui-form-control-line-active, #5e7ce0));background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:active{color:var(--devui-btn-common-color-active, var(--devui-brand-active, #526ecc));border-color:var(--devui-btn-common-border-color-active, var(--devui-form-control-line-active, #5e7ce0));background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:disabled{opacity:.8}.devui-button--solid--primary{background-color:var(--devui-primary, #5e7ce0)}.devui-button--solid--primary:hover{background-color:var(--devui-primary-hover, #7693f5)}.devui-button--solid--primary:focus{background-color:var(--devui-primary-hover, #7693f5)}.devui-button--solid--primary:active{background-color:var(--devui-primary-active, #344899)}.devui-button--solid--primary:disabled{color:var(--devui-light-text, #ffffff);background:var(--devui-primary-disabled, #beccfa);border:none}.devui-button--solid--danger{background-color:var(--devui-contrast, #c7000b)}.devui-button--solid--danger:hover{background-color:var(--devui-contrast-hover, #d64a52)}.devui-button--solid--danger:focus{background-color:var(--devui-contrast-hover, #d64a52)}.devui-button--solid--danger:active{background-color:var(--devui-contrast-active, #b12220)}.devui-button--solid--danger:disabled{background-color:var(--devui-contrast-disabled, #ffbcba)}.devui-button--outline{background-color:var(--devui-block, #ffffff);border-style:solid}.devui-button--outline i{color:var(--devui-text, #252b3a)}.devui-button--outline--secondary{color:var(--devui-text, #252b3a);border-color:var(--devui-line, #d7d8da)}.devui-button--outline--secondary:hover,.devui-button--outline--secondary:focus,.devui-button--outline--secondary:active{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--secondary:hover i,.devui-button--outline--secondary:focus i,.devui-button--outline--secondary:active i{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--secondary:disabled{color:var(--devui-disabled-text, #cfd0d3);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-button--outline--secondary:disabled i{color:var(--devui-disabled-text, #cfd0d3)}.devui-button--outline--primary{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--primary:hover,.devui-button--outline--primary:focus,.devui-button--outline--primary:active{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-button--outline--primary:hover i,.devui-button--outline--primary:focus i,.devui-button--outline--primary:active i{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-button--outline--primary:disabled{opacity:.8;color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--primary:disabled i{color:var(--devui-brand-active, #526ecc)}.devui-button--outline--danger{color:var(--devui-contrast, #c7000b);border-color:var(--devui-contrast, #c7000b)}.devui-button--outline--danger i{color:var(--devui-contrast, #c7000b)}.devui-button--outline--danger:hover,.devui-button--outline--danger:focus,.devui-button--outline--danger:active,.devui-button--outline--danger:disabled{opacity:.8}.devui-button--text{padding:0}.devui-button--text--secondary{color:var(--devui-text, #252b3a)}.devui-button--text--secondary:hover{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:focus{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:active{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:disabled{color:var(--devui-disabled-text, #cfd0d3)}.devui-button--text--primary{color:var(--devui-brand-active, #526ecc)}.devui-button--text--primary:hover{color:var(--devui-link-active, #526ecc)}.devui-button--text--primary:focus{color:var(--devui-brand-active-focus, #344899)}.devui-button--text--primary:active{color:var(--devui-brand-active-focus, #344899)}.devui-button--text--primary:disabled{opacity:.8}.devui-button--text--danger{color:var(--devui-contrast, #c7000b)}.devui-button--text--danger:hover,.devui-button--text--danger:focus,.devui-button--text--danger:active,.devui-button--text--danger:disabled{opacity:.8}.devui-button--sm{padding:var(--devui-btn-sm-padding, 0 16px);height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:56px}.devui-button--lg{padding:var(--devui-btn-lg-padding, 0 24px);height:40px;font-size:var(--devui-font-size-lg, 14px);min-width:72px}.devui-button.devui-button__icon:not(.devui-button--solid):hover,.devui-button.devui-button__icon:not(.devui-button--solid):focus{border:1px solid var(--devui-list-item-hover-bg, #f2f2f3);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-button.devui-button__icon:not(.devui-button--solid):disabled{background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap{color:var(--devui-text, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap .devui-button__icon-fix{color:var(--devui-text-weak, #575d6c)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover .devui-button__icon-fix{color:var(--devui-icon-fill-active, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover .button-content{color:var(--devui-brand, #5e7ce0)}.devui-button--circle{border-radius:100%}.devui-button--round{border-radius:20px}.devui-loading .devui-loading-default-spinner div{background-color:var(--devui-text, #252b3a)}.devui-button{transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;border-style:solid}.devui-button.devui-button__icon{padding:8px;line-height:1em;min-width:unset}.devui-button.devui-button__icon:not(.devui-button--circle){border:1px solid transparent}.devui-button.devui-button__icon.devui-button--sm{padding:4px;min-width:24px}.devui-button.devui-button__icon.devui-button--lg{min-width:32px}.devui-button.devui-button__icon.devui-button--lg .icon{font-size:var(--devui-font-size-icon, 16px)}.devui-button.devui-button__icon.devui-button--circle{width:32px}.devui-button.devui-button__icon.devui-button--circle.devui-button--sm{width:24px}.devui-button.devui-button__icon.devui-button--circle.devui-button--lg{width:40px}.devui-button:not(.devui-button__icon) .icon-fix{font-size:var(--devui-font-size-icon, 16px)}.devui-button__icon-fix{position:relative;font-size:var(--devui-font-size, 12px)}.button-content{display:inline-block;position:relative}.clear-right-5{margin-right:5px}.loading-icon__container{display:inline-flex;align-items:center;margin-right:5px}.loading-icon__container .button-icon-loading{animation:rotating 1.5s linear infinite}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.devui-button-group{display:flex}.devui-button-group>*{position:relative}.devui-button-group>*:not(:first-child),.devui-button-group>*:not(:first-child) .devui-button{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.devui-button-group>*:not(:first-child).devui-button--solid--primary,.devui-button-group>*:not(:first-child) .devui-button.devui-button--solid--primary{border-left:1px solid var(--devui-brand-hover, #7693f5);margin-left:0}.devui-button-group>*:not(:last-child),.devui-button-group>*:not(:last-child) .devui-button{border-top-right-radius:0;border-bottom-right-radius:0}.devui-button-group>*:hover,.devui-button-group>*:active{z-index:1}.devui-button-group>*:focus-within{z-index:1}.devui-data-grid,.devui-data-grid *{box-sizing:border-box}.devui-data-grid::-webkit-scrollbar,.devui-data-grid *::-webkit-scrollbar{width:8px;height:8px}.devui-data-grid::-webkit-scrollbar-track,.devui-data-grid *::-webkit-scrollbar-track{background-color:transparent}.devui-data-grid::-webkit-scrollbar-thumb,.devui-data-grid *::-webkit-scrollbar-thumb{border-radius:8px;background-color:transparent}.devui-data-grid::-webkit-scrollbar-thumb:hover,.devui-data-grid *::-webkit-scrollbar-thumb:hover{background-color:var(--devui-placeholder, #babbc0)}.devui-data-grid::-webkit-scrollbar-corner,.devui-data-grid *::-webkit-scrollbar-corner{background-color:transparent}.devui-data-grid{position:relative;width:100%;height:100%;max-height:inherit}.devui-data-grid__x-space,.devui-data-grid__y-space{position:absolute;inset:0;z-index:-1}.devui-data-grid__empty{position:absolute;top:47px;z-index:5;width:100%}.devui-data-grid__head-wrapper{position:relative;flex:none;overflow-x:hidden}.devui-data-grid__head-wrapper::-webkit-scrollbar-thumb{background-color:transparent}.devui-data-grid__head{display:flex;background-color:var(--devui-base-bg, #ffffff);width:fit-content}.devui-data-grid__th{position:relative;display:flex;align-items:center;flex-shrink:0;flex-grow:0;font-size:var(--devui-font-size-sm, 12px);font-weight:700;padding:0 16px;border-bottom:1px solid var(--devui-dividing-line, #f2f2f3);color:var(--devui-text, #252b3a)}.devui-data-grid__th .th-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devui-data-grid__th svg.th-sort-icon{margin-left:8px;visibility:hidden;cursor:pointer}.devui-data-grid__th svg.th-sort-icon g use{fill:var(--devui-shape-icon-fill, #d7d8da)}.devui-data-grid__th svg.th-sort-icon g polygon{fill:var(--devui-icon-bg, #ffffff)}.devui-data-grid__th svg.th-sort-icon:hover g use{fill:var(--devui-shape-icon-fill-active, #babbc0)}.devui-data-grid__th svg.th-sort-icon.asc{visibility:visible}.devui-data-grid__th svg.th-sort-icon.asc g use{fill:var(--devui-brand, #5e7ce0)}.devui-data-grid__th svg.th-sort-icon.asc g polygon:last-of-type{opacity:.3}.devui-data-grid__th svg.th-sort-icon.desc{visibility:visible}.devui-data-grid__th svg.th-sort-icon.desc g use{fill:var(--devui-brand, #5e7ce0)}.devui-data-grid__th svg.th-sort-icon.desc g polygon:last-of-type{opacity:.3}.devui-data-grid__th svg.th-sort-icon.th-sort-default-visible{visibility:visible}.devui-data-grid__th svg.th-filter-icon{display:block;height:16px;margin-left:8px;text-align:right;visibility:hidden;cursor:pointer}.devui-data-grid__th svg.th-filter-icon g{fill:var(--devui-shape-icon-fill, #d7d8da)}.devui-data-grid__th svg.th-filter-icon:hover g{fill:var(--devui-shape-icon-fill-active, #babbc0)}.devui-data-grid__th svg.th-filter-icon.th-filter-default-visible{visibility:visible}.devui-data-grid__th:hover{border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px)}.devui-data-grid__th:hover .resize-handle{border-right:2px solid var(--devui-line, #d7d8da)}.devui-data-grid__th:hover .resize-handle:before{content:"";position:absolute;top:50%;display:block;width:0;height:0;border:5px solid transparent;transform:translateY(-50%);pointer-events:none;left:-8px;border-right-color:var(--devui-line, #d7d8da)}.devui-data-grid__th:hover .resize-handle:after{content:"";position:absolute;top:50%;display:block;width:0;height:0;border:5px solid transparent;transform:translateY(-50%);pointer-events:none;left:6px;border-left-color:var(--devui-line, #d7d8da)}.devui-data-grid__th:hover .th-sort-icon,.devui-data-grid__th:hover .th-filter-icon{visibility:visible}.devui-data-grid__th:last-child:hover .resize-handle:after{display:none}.devui-data-grid__th .resize-handle{display:inline-block;position:absolute;top:0;right:0;bottom:0;width:5px;cursor:col-resize}.devui-data-grid__th .resize-handle:hover{border-right:2px solid var(--devui-form-control-line-active, #5e7ce0)}.devui-data-grid__th .resize-handle:hover:before,.devui-data-grid__th .resize-handle:hover:after{display:none}.devui-data-grid__th--mini{height:24px;line-height:24px}.devui-data-grid__th--xs{height:32px;line-height:32px}.devui-data-grid__th--sm,.devui-data-grid__th--md,.devui-data-grid__th--lg{height:42px;line-height:42px}.devui-data-grid__th--operable:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-data-grid__th--sort-active,.devui-data-grid__th--filter-active{background-color:var(--devui-list-item-hover-bg, #f2f2f3);border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px)}.devui-data-grid__th--filter-active svg.th-filter-icon{visibility:visible}.devui-data-grid__th--filter-active svg.th-filter-icon g{fill:var(--devui-brand, #5e7ce0)}.devui-data-grid__th--filter-active svg.th-filter-icon:hover g{fill:var(--devui-brand, #5e7ce0)}.devui-data-grid__body-wrapper{position:relative;width:100%;flex:1}.devui-data-grid__body-wrapper .devui-data-grid__empty{top:0}.devui-data-grid__body{width:fit-content}.devui-data-grid__tr{display:flex;width:fit-content;background-color:var(--devui-base-bg, #ffffff)}.devui-data-grid__td{flex-shrink:0;flex-grow:0;font-size:var(--devui-font-size, 12px);padding:0 16px;border-bottom:1px solid var(--devui-dividing-line, #f2f2f3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devui-data-grid__td .tree-indent-placeholder{display:inline-block}.devui-data-grid__td svg.toggle-tree-icon{padding-right:8px;margin-top:-2px;vertical-align:middle;box-sizing:content-box;cursor:pointer}.devui-data-grid__td svg.expand-icon rect{stroke:var(--devui-disabled-text, #cfd0d3)}.devui-data-grid__td svg.expand-icon rect:last-child{stroke:none;fill:var(--devui-disabled-text, #cfd0d3)}.devui-data-grid__td svg.expand-icon:hover rect{stroke:var(--devui-icon-fill-active, #252b3a)}.devui-data-grid__td svg.expand-icon:hover rect:last-child{stroke:none;fill:var(--devui-icon-fill-active, #252b3a)}.devui-data-grid__td svg.fold-icon rect{stroke:var(--devui-disabled-text, #cfd0d3)}.devui-data-grid__td svg.fold-icon path{fill:var(--devui-disabled-text, #cfd0d3)}.devui-data-grid__td svg.fold-icon:hover rect{stroke:var(--devui-icon-fill-active, #252b3a)}.devui-data-grid__td svg.fold-icon:hover path{fill:var(--devui-icon-fill-active, #252b3a)}.devui-data-grid__td--checkable{display:flex;align-items:center}.devui-data-grid__td--mini{height:24px;line-height:24px}.devui-data-grid__td--xs{height:30px;line-height:30px}.devui-data-grid__td--sm{height:42px;line-height:42px}.devui-data-grid__td--md{height:46px;line-height:46px}.devui-data-grid__td--lg{height:54px;line-height:54px}.devui-data-grid__last-sticky-left-cell{border-right-color:transparent!important}.devui-data-grid__first-sticky-right-cell{border-left-color:transparent!important}.devui-data-grid__sticky-left-head,.devui-data-grid__sticky-right-head,.devui-data-grid__sticky-left-body,.devui-data-grid__sticky-right-body{position:absolute;z-index:10}.devui-data-grid--scroll-middle .devui-data-grid__last-sticky-left-cell,.devui-data-grid--scroll-right .devui-data-grid__last-sticky-left-cell{position:relative;border-right-color:transparent!important;background-color:linear-gradient(to left,transparent,var(--devui-base-bg, #ffffff) 10px)}.devui-data-grid--scroll-middle .devui-data-grid__last-sticky-left-cell:after,.devui-data-grid--scroll-right .devui-data-grid__last-sticky-left-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;width:10px;pointer-events:none;box-shadow:inset var(--devui-table-inset-shadow-left, 8px 0 8px -4px) var(--devui-light-shadow, rgba(37, 43, 58, .12))}.devui-data-grid--scroll-middle .devui-data-grid__first-sticky-right-cell,.devui-data-grid--scroll-left .devui-data-grid__first-sticky-right-cell{position:relative;border-left-color:transparent!important;background-color:linear-gradient(to right,transparent,var(--devui-base-bg, #ffffff) 10px)}.devui-data-grid--scroll-middle .devui-data-grid__first-sticky-right-cell:after,.devui-data-grid--scroll-left .devui-data-grid__first-sticky-right-cell:after{content:"";position:absolute;top:0;left:0;bottom:0;width:10px;pointer-events:none;box-shadow:inset var(--devui-table-inset-shadow-right, -8px 0 8px -4px) var(--devui-light-shadow, rgba(37, 43, 58, .12))}.devui-data-grid__tooltip.devui-flexible-overlay{max-width:200px;min-height:26px;padding:0 16px;font-size:var(--devui-font-size, 12px);color:var(--devui-feedback-overlay-text, #dfe1e6);letter-spacing:0;line-height:1.5;background:var(--devui-feedback-overlay-bg, #464d6e);box-shadow:none;overflow-wrap:break-word;word-break:break-word;word-wrap:break-word;text-align:start;border-radius:var(--devui-border-radius-feedback, 4px);line-break:auto;text-decoration:none;text-shadow:none;text-transform:none;word-spacing:normal;white-space:normal;opacity:1;z-index:var(--devui-z-index-pop-up, 1060)}.devui-data-grid__tooltip.devui-flexible-overlay span{display:block;max-width:100%;max-height:inherit;padding:4px 0;overflow:auto}.devui-data-grid__filter-wrapper{font-size:var(--devui-font-size, 12px)}.devui-data-grid__filter-wrapper *{box-sizing:border-box}.devui-data-grid__filter-wrapper .filter-all-check{width:200px;padding:0 8px 4px;border-bottom:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-data-grid__filter-wrapper .filter-multiple-menu{width:200px;padding:4px 8px;border-bottom:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-data-grid__filter-wrapper .filter-single-menu{width:200px}.devui-data-grid__filter-wrapper .filter-single-menu .filter-item{padding:0 8px;color:var(--devui-text, #252b3a);border-radius:var(--devui-border-radius, 2px);transition:color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-data-grid__filter-wrapper .filter-single-menu .filter-item:hover{color:var(--devui-list-item-hover-text, #252b3a);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-data-grid__filter-wrapper .filter-single-menu .filter-item-active{color:var(--devui-list-item-active-bg, #f2f5fc);background-color:var(--devui-list-item-active-text, #252b3a)}.devui-data-grid__filter-wrapper .filter-operation{display:flex;justify-content:center;align-items:center;padding:0 8px;height:26px}.devui-data-grid__filter-wrapper .filter-item{display:flex;align-items:center;height:30px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devui-data-grid--fix-header{display:flex;flex-flow:column nowrap;overflow:unset}.devui-data-grid--striped .devui-data-grid__tr:nth-of-type(even){background-color:var(--devui-list-item-strip-bg, #f2f5fc)}.devui-data-grid--row-hover-highlight .devui-data-grid__tr.hover-tr{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-data-grid--row-hover-highlight .devui-data-grid__tr.hover-tr .devui-data-grid__last-sticky-left-cell{background-color:linear-gradient(to left,transparent,var(--devui-list-item-hover-bg, #f2f2f3) 10px)}.devui-data-grid--row-hover-highlight .devui-data-grid__tr.hover-tr .devui-data-grid__first-sticky-right-cell{background-color:linear-gradient(to right,transparent,var(--devui-list-item-hover-bg, #f2f2f3) 10px)}.devui-data-grid--header-bg .devui-data-grid__head{background-color:var(--devui-list-item-strip-bg, #f2f5fc)}.devui-data-grid--bordered .devui-data-grid__th{border-top:1px solid var(--devui-dividing-line, #f2f2f3);border-right:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-data-grid--bordered .devui-data-grid__th:first-child{border-left:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-data-grid--bordered .devui-data-grid__td{border-right:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-data-grid--bordered .devui-data-grid__td:first-child{border-left:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-data-grid--borderless .devui-data-grid__th,.devui-data-grid--borderless .devui-data-grid__td{border:none}.devui-data-grid--shadowed{border-radius:var(--devui-border-radius-card, 8px);box-shadow:var(--devui-shadow-length-base, 0 2px 6px 0) var(--devui-light-shadow, rgba(37, 43, 58, .12))}.devui-data-grid--left{text-align:left}.devui-data-grid--left.devui-data-grid__th,.devui-data-grid--left.devui-data-grid__td{justify-content:flex-start}.devui-data-grid--center{text-align:center}.devui-data-grid--center.devui-data-grid__th,.devui-data-grid--center.devui-data-grid__td{justify-content:center}.devui-data-grid--right{text-align:right}.devui-data-grid--right.devui-data-grid__th,.devui-data-grid--right.devui-data-grid__td{justify-content:flex-end}.devui-data-grid--is-virtual{max-height:unset}.devui-data-grid .resize-bar{display:none;position:absolute;top:0;bottom:0;z-index:9999;width:2px;background:var(--devui-form-control-line-active, #5e7ce0);cursor:col-resize}.data-grid-selector{user-select:none;cursor:col-resize}
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}.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox__tick-wrap{position:absolute;width:14px;height:14px}.devui-checkbox .devui-checkbox__tick-wrap .devui-checkbox__tick{stroke:var(--devui-light-text, #ffffff);stroke-dasharray:13 13;stroke-dashoffset:13;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95)),opacity var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95)),transform var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.devui-checkbox.active:not(.half-checked) .devui-checkbox__tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in, cubic-bezier(.5, 0, .84, .25)),opacity var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.devui-checkbox.active:not(.disabled) .devui-checkbox__material:not(.custom-color),.devui-checkbox.half-checked:not(.disabled) .devui-checkbox__material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active .devui-checkbox--bordered,.devui-checkbox.half-checked .devui-checkbox--bordered{border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active:not(.disabled) .devui-checkbox__material{background-size:100% 100%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled):hover .devui-checkbox__material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color){background-size:0% 0%;transition:background-size var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95)),border-color var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color)>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.half-checked .devui-checkbox__material.custom-color>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox__material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat 50%/0;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox__material.devui-checkbox__default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox__material.devui-checkbox--no-label{margin-right:0}.devui-checkbox .devui-checkbox__material>.devui-checkbox__halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover{background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active-focus, #344899)}.devui-checkbox--glow-style .devui-checkbox__glow-box{position:absolute;width:16px;height:16px}.devui-checkbox--glow-style .devui-checkbox__glow-box .glow-bg{display:block;width:16px;height:16px;user-select:none;border-radius:var(--devui-border-radius, 2px);box-shadow:none;transition:box-shadow var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-checkbox--glow-style:not(.disabled):hover .glow-bg{box-shadow:0 0 0 6px var(--devui-range-item-hover-bg, #e9edfa)}.devui-checkbox--checkbox-bordered .devui-checkbox__material{vertical-align:text-bottom!important}.devui-checkbox--checkbox-bordered.devui-checkbox--checkbox-xs .devui-checkbox__glow-box,.devui-checkbox--checkbox-bordered.devui-checkbox--checkbox-sm .devui-checkbox__glow-box{left:11px}.devui-checkbox--checkbox-bordered.devui-checkbox--checkbox-md .devui-checkbox__glow-box,.devui-checkbox--checkbox-bordered.devui-checkbox--checkbox-lg .devui-checkbox__glow-box{left:12px}.devui-checkbox__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:400;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:flex;align-items:center}.devui-checkbox label.devui-checkbox--lg{display:flex;align-items:center;font-size:var(--devui-font-size-lg, 14px)}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material>svg{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg.devui-checkbox--bordered{height:40px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--md{display:flex;align-items:center;font-size:var(--devui-font-size-md, 12px)}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material>svg{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md.devui-checkbox--bordered{height:32px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--sm{display:flex;align-items:center;font-size:var(--devui-font-size-sm, 12px)}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm.devui-checkbox--bordered{height:24px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--bordered{border:1px solid var(--devui-disabled-line, #dfe1e6);border-radius:var(--devui-border-radius, 2px)}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top!important}.devui-checkbox label>span.devui-checkbox__material{flex-shrink:0}.devui-checkbox label>span.devui-checkbox__label-text{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-checkbox.disabled .devui-checkbox__material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox__material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-checkbox.disabled.half-checked .devui-checkbox__material{background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.half-checked .devui-checkbox__material .devui-checkbox__halfchecked-bg{transform:scale(.4288);background-color:var(--devui-light-text, #ffffff);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-checkbox--no-animation{transition:none!important}.devui-checkbox__column-margin{height:28px;line-height:28px}.devui-checkbox__wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devui-checkbox__group{display:inline-flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.devui-checkbox__group>*{margin-top:8px}.devui-checkbox__group.is-row{flex-direction:row}.devui-checkbox__group.is-row div:not(:last-child){margin-right:20px}.devui-checkbox__group.is-column{flex-direction:column}.devui-checkbox-button{display:flex;align-items:center;position:relative}.devui-checkbox-button__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox-button__content{font-size:14px;color:var(--devui-text, #252b3a);padding:10px 20px;cursor:pointer;border:1px solid var(--devui-disabled-line, #dfe1e6);display:inline-block;line-height:1;user-select:none}.devui-checkbox-button__content.devui-checkbox-button--lg{font-size:var(--devui-font-size-lg, 14px);padding:var(--devui-btn-lg-padding, 0 24px);height:40px;line-height:40px}.devui-checkbox-button__content.devui-checkbox-button--md{font-size:var(--devui-font-size-md, 12px);padding:var(--devui-btn-padding, 0 20px);height:32px;line-height:32px}.devui-checkbox-button__content.devui-checkbox-button--sm{font-size:var(--devui-font-size-sm, 12px);padding:var(--devui-btn-sm-padding, 0 16px);height:24px;line-height:24px}.devui-checkbox-button.active .devui-checkbox-button__content{color:#fff;background-color:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox-button.active.disabled .devui-checkbox-button__content{color:#fff;background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox-button.disabled .devui-checkbox-button__content{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3);background-color:#fff;border-color:var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button__content{border-left:none;box-shadow:-1px 0 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-bottom-left-radius:var(--devui-border-radius, 2px);border-left:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-row .devui-checkbox-button:last-child .devui-checkbox-button__content{border-top-right-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}.devui-checkbox__group.is-column .devui-checkbox-button{width:100%;margin-top:0}.devui-checkbox__group.is-column .devui-checkbox-button__content{width:100%;border-top:none;box-shadow:0 -1px 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-column .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-top-right-radius:var(--devui-border-radius, 2px);border-top:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-column .devui-checkbox-button:last-child .devui-checkbox-button__content{border-bottom-left-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}.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-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}@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)}.devui-button{position:relative;padding:var(--devui-btn-padding, 0 20px);font-size:var(--devui-font-size-md, 12px);height:32px;line-height:var(--devui-line-height-base, 1.5);border-radius:var(--devui-border-radius, 2px);border-width:1px;border-color:transparent;background-color:transparent;overflow:hidden}.devui-button.mousedown:not(:disabled){transform:scale(.95)}.devui-button .water-wave{position:absolute;background-color:var(--devui-base-bg, #ffffff);border-radius:50%;opacity:0;width:20px;height:20px;transform:translate(-50%,-50%);animation:waterWave var(--devui-animation-duration-slow, .3s) var(--devui-animation-linear, cubic-bezier(0, 0, 1, 1))}.devui-button:hover{cursor:pointer}.devui-button:disabled{cursor:not-allowed}.devui-button--is-loading{pointer-events:none}.devui-button--solid{color:var(--devui-light-text, #ffffff);min-width:64px}.devui-button--solid i{color:var(--devui-light-text, #ffffff)}.devui-button--solid--secondary{color:var(--devui-text, #252b3a);border-color:var(--devui-btn-common-border-color, var(--devui-line, #d7d8da));background-color:var(--devui-btn-common-bg, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:hover{color:var(--devui-btn-common-color-hover, var(--devui-brand-active, #526ecc));border-color:var(--devui-btn-common-border-color-hover, var(--devui-form-control-line-active, #5e7ce0));background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:focus{color:var(--devui-btn-common-color-active, var(--devui-brand-active, #526ecc));border-color:var(--devui-btn-common-border-color-active, var(--devui-form-control-line-active, #5e7ce0));background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:active{color:var(--devui-btn-common-color-active, var(--devui-brand-active, #526ecc));border-color:var(--devui-btn-common-border-color-active, var(--devui-form-control-line-active, #5e7ce0));background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:disabled{opacity:.8}.devui-button--solid--primary{background-color:var(--devui-primary, #5e7ce0)}.devui-button--solid--primary:hover{background-color:var(--devui-primary-hover, #7693f5)}.devui-button--solid--primary:focus{background-color:var(--devui-primary-hover, #7693f5)}.devui-button--solid--primary:active{background-color:var(--devui-primary-active, #344899)}.devui-button--solid--primary:disabled{color:var(--devui-light-text, #ffffff);background:var(--devui-primary-disabled, #beccfa);border:none}.devui-button--solid--danger{background-color:var(--devui-contrast, #c7000b)}.devui-button--solid--danger:hover{background-color:var(--devui-contrast-hover, #d64a52)}.devui-button--solid--danger:focus{background-color:var(--devui-contrast-hover, #d64a52)}.devui-button--solid--danger:active{background-color:var(--devui-contrast-active, #b12220)}.devui-button--solid--danger:disabled{background-color:var(--devui-contrast-disabled, #ffbcba)}.devui-button--outline{background-color:var(--devui-block, #ffffff);border-style:solid}.devui-button--outline i{color:var(--devui-text, #252b3a)}.devui-button--outline--secondary{color:var(--devui-text, #252b3a);border-color:var(--devui-line, #d7d8da)}.devui-button--outline--secondary:hover,.devui-button--outline--secondary:focus,.devui-button--outline--secondary:active{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--secondary:hover i,.devui-button--outline--secondary:focus i,.devui-button--outline--secondary:active i{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--secondary:disabled{color:var(--devui-disabled-text, #cfd0d3);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-button--outline--secondary:disabled i{color:var(--devui-disabled-text, #cfd0d3)}.devui-button--outline--primary{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--primary:hover,.devui-button--outline--primary:focus,.devui-button--outline--primary:active{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-button--outline--primary:hover i,.devui-button--outline--primary:focus i,.devui-button--outline--primary:active i{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-button--outline--primary:disabled{opacity:.8;color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--primary:disabled i{color:var(--devui-brand-active, #526ecc)}.devui-button--outline--danger{color:var(--devui-contrast, #c7000b);border-color:var(--devui-contrast, #c7000b)}.devui-button--outline--danger i{color:var(--devui-contrast, #c7000b)}.devui-button--outline--danger:hover,.devui-button--outline--danger:focus,.devui-button--outline--danger:active,.devui-button--outline--danger:disabled{opacity:.8}.devui-button--text{padding:0}.devui-button--text--secondary{color:var(--devui-text, #252b3a)}.devui-button--text--secondary:hover{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:focus{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:active{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:disabled{color:var(--devui-disabled-text, #cfd0d3)}.devui-button--text--primary{color:var(--devui-brand-active, #526ecc)}.devui-button--text--primary:hover{color:var(--devui-link-active, #526ecc)}.devui-button--text--primary:focus{color:var(--devui-brand-active-focus, #344899)}.devui-button--text--primary:active{color:var(--devui-brand-active-focus, #344899)}.devui-button--text--primary:disabled{opacity:.8}.devui-button--text--danger{color:var(--devui-contrast, #c7000b)}.devui-button--text--danger:hover,.devui-button--text--danger:focus,.devui-button--text--danger:active,.devui-button--text--danger:disabled{opacity:.8}.devui-button--sm{padding:var(--devui-btn-sm-padding, 0 16px);height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:56px}.devui-button--lg{padding:var(--devui-btn-lg-padding, 0 24px);height:40px;font-size:var(--devui-font-size-lg, 14px);min-width:72px}.devui-button.devui-button__icon:not(.devui-button--solid):hover,.devui-button.devui-button__icon:not(.devui-button--solid):focus{border:1px solid var(--devui-list-item-hover-bg, #f2f2f3);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-button.devui-button__icon:not(.devui-button--solid):disabled{background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap{color:var(--devui-text, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap .devui-button__icon-fix{color:var(--devui-text-weak, #575d6c)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover .devui-button__icon-fix{color:var(--devui-icon-fill-active, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover .button-content{color:var(--devui-brand, #5e7ce0)}.devui-button--circle{border-radius:100%}.devui-button--round{border-radius:20px}.devui-loading .devui-loading-default-spinner div{background-color:var(--devui-text, #252b3a)}.devui-button{transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;border-style:solid}.devui-button.devui-button__icon{padding:8px;line-height:1em;min-width:unset}.devui-button.devui-button__icon:not(.devui-button--circle){border:1px solid transparent}.devui-button.devui-button__icon.devui-button--sm{padding:4px;min-width:24px}.devui-button.devui-button__icon.devui-button--lg{min-width:32px}.devui-button.devui-button__icon.devui-button--lg .icon{font-size:var(--devui-font-size-icon, 16px)}.devui-button.devui-button__icon.devui-button--circle{width:32px}.devui-button.devui-button__icon.devui-button--circle.devui-button--sm{width:24px}.devui-button.devui-button__icon.devui-button--circle.devui-button--lg{width:40px}.devui-button:not(.devui-button__icon) .icon-fix{font-size:var(--devui-font-size-icon, 16px)}.devui-button__icon-fix{position:relative;font-size:var(--devui-font-size, 12px)}.button-content{display:inline-block;position:relative}.clear-right-5{margin-right:5px}.loading-icon__container{display:inline-flex;align-items:center;margin-right:5px}.loading-icon__container .button-icon-loading{animation:rotating 1.5s linear infinite}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes waterWave{0%{opacity:.2;width:30px;height:30px}to{opacity:0;width:200px;height:200px}}.devui-button-group{display:flex}.devui-button-group>*{position:relative}.devui-button-group>*:not(:first-child),.devui-button-group>*:not(:first-child) .devui-button{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.devui-button-group>*:not(:first-child).devui-button--solid--primary,.devui-button-group>*:not(:first-child) .devui-button.devui-button--solid--primary{border-left:1px solid var(--devui-brand-hover, #7693f5);margin-left:0}.devui-button-group>*:not(:last-child),.devui-button-group>*:not(:last-child) .devui-button{border-top-right-radius:0;border-bottom-right-radius:0}.devui-button-group>*:hover,.devui-button-group>*:active{z-index:1}.devui-button-group>*:focus-within{z-index:1}.devui-data-grid,.devui-data-grid *{box-sizing:border-box}.devui-data-grid::-webkit-scrollbar,.devui-data-grid *::-webkit-scrollbar{width:8px;height:8px}.devui-data-grid::-webkit-scrollbar-track,.devui-data-grid *::-webkit-scrollbar-track{background-color:transparent}.devui-data-grid::-webkit-scrollbar-thumb,.devui-data-grid *::-webkit-scrollbar-thumb{border-radius:8px;background-color:transparent}.devui-data-grid::-webkit-scrollbar-thumb:hover,.devui-data-grid *::-webkit-scrollbar-thumb:hover{background-color:var(--devui-placeholder, #babbc0)}.devui-data-grid::-webkit-scrollbar-corner,.devui-data-grid *::-webkit-scrollbar-corner{background-color:transparent}.devui-data-grid{position:relative;width:100%;height:100%;max-height:inherit}.devui-data-grid__x-space,.devui-data-grid__y-space{position:absolute;inset:0;z-index:-1}.devui-data-grid__empty{position:absolute;top:47px;z-index:5;width:100%}.devui-data-grid__head-wrapper{position:relative;flex:none;overflow-x:hidden}.devui-data-grid__head-wrapper::-webkit-scrollbar-thumb{background-color:transparent}.devui-data-grid__head{display:flex;background-color:var(--devui-base-bg, #ffffff);width:fit-content}.devui-data-grid__th{position:relative;display:flex;align-items:center;flex-shrink:0;flex-grow:0;font-size:var(--devui-font-size-sm, 12px);font-weight:700;padding:0 16px;border-bottom:1px solid var(--devui-dividing-line, #f2f2f3);color:var(--devui-text, #252b3a)}.devui-data-grid__th .th-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devui-data-grid__th svg.th-sort-icon{margin-left:8px;visibility:hidden;cursor:pointer}.devui-data-grid__th svg.th-sort-icon g use{fill:var(--devui-shape-icon-fill, #d7d8da)}.devui-data-grid__th svg.th-sort-icon g polygon{fill:var(--devui-icon-bg, #ffffff)}.devui-data-grid__th svg.th-sort-icon:hover g use{fill:var(--devui-shape-icon-fill-active, #babbc0)}.devui-data-grid__th svg.th-sort-icon.asc{visibility:visible}.devui-data-grid__th svg.th-sort-icon.asc g use{fill:var(--devui-brand, #5e7ce0)}.devui-data-grid__th svg.th-sort-icon.asc g polygon:last-of-type{opacity:.3}.devui-data-grid__th svg.th-sort-icon.desc{visibility:visible}.devui-data-grid__th svg.th-sort-icon.desc g use{fill:var(--devui-brand, #5e7ce0)}.devui-data-grid__th svg.th-sort-icon.desc g polygon:last-of-type{opacity:.3}.devui-data-grid__th svg.th-sort-icon.th-sort-default-visible{visibility:visible}.devui-data-grid__th svg.th-filter-icon{display:block;height:16px;margin-left:8px;text-align:right;visibility:hidden;cursor:pointer}.devui-data-grid__th svg.th-filter-icon g{fill:var(--devui-shape-icon-fill, #d7d8da)}.devui-data-grid__th svg.th-filter-icon:hover g{fill:var(--devui-shape-icon-fill-active, #babbc0)}.devui-data-grid__th svg.th-filter-icon.th-filter-default-visible{visibility:visible}.devui-data-grid__th:hover{border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px)}.devui-data-grid__th:hover .resize-handle{border-right:2px solid var(--devui-line, #d7d8da)}.devui-data-grid__th:hover .resize-handle:before{content:"";position:absolute;top:50%;display:block;width:0;height:0;border:5px solid transparent;transform:translateY(-50%);pointer-events:none;left:-8px;border-right-color:var(--devui-line, #d7d8da)}.devui-data-grid__th:hover .resize-handle:after{content:"";position:absolute;top:50%;display:block;width:0;height:0;border:5px solid transparent;transform:translateY(-50%);pointer-events:none;left:6px;border-left-color:var(--devui-line, #d7d8da)}.devui-data-grid__th:hover .th-sort-icon,.devui-data-grid__th:hover .th-filter-icon{visibility:visible}.devui-data-grid__th:last-child:hover .resize-handle:after{display:none}.devui-data-grid__th .resize-handle{display:inline-block;position:absolute;top:0;right:0;bottom:0;width:5px;cursor:col-resize}.devui-data-grid__th .resize-handle:hover{border-right:2px solid var(--devui-form-control-line-active, #5e7ce0)}.devui-data-grid__th .resize-handle:hover:before,.devui-data-grid__th .resize-handle:hover:after{display:none}.devui-data-grid__th--mini{height:24px;line-height:24px}.devui-data-grid__th--xs{height:32px;line-height:32px}.devui-data-grid__th--sm,.devui-data-grid__th--md,.devui-data-grid__th--lg{height:42px;line-height:42px}.devui-data-grid__th--operable:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-data-grid__th--sort-active,.devui-data-grid__th--filter-active{background-color:var(--devui-list-item-hover-bg, #f2f2f3);border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px)}.devui-data-grid__th--filter-active svg.th-filter-icon{visibility:visible}.devui-data-grid__th--filter-active svg.th-filter-icon g{fill:var(--devui-brand, #5e7ce0)}.devui-data-grid__th--filter-active svg.th-filter-icon:hover g{fill:var(--devui-brand, #5e7ce0)}.devui-data-grid__body-wrapper{position:relative;width:100%;flex:1}.devui-data-grid__body-wrapper .devui-data-grid__empty{top:0}.devui-data-grid__body{width:fit-content}.devui-data-grid__tr{display:flex;width:fit-content;background-color:var(--devui-base-bg, #ffffff)}.devui-data-grid__td{flex-shrink:0;flex-grow:0;font-size:var(--devui-font-size, 12px);padding:0 16px;border-bottom:1px solid var(--devui-dividing-line, #f2f2f3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devui-data-grid__td .tree-indent-placeholder{display:inline-block}.devui-data-grid__td svg.toggle-tree-icon{padding-right:8px;margin-top:-2px;vertical-align:middle;box-sizing:content-box;cursor:pointer}.devui-data-grid__td svg.expand-icon rect{stroke:var(--devui-disabled-text, #cfd0d3)}.devui-data-grid__td svg.expand-icon rect:last-child{stroke:none;fill:var(--devui-disabled-text, #cfd0d3)}.devui-data-grid__td svg.expand-icon:hover rect{stroke:var(--devui-icon-fill-active, #252b3a)}.devui-data-grid__td svg.expand-icon:hover rect:last-child{stroke:none;fill:var(--devui-icon-fill-active, #252b3a)}.devui-data-grid__td svg.fold-icon rect{stroke:var(--devui-disabled-text, #cfd0d3)}.devui-data-grid__td svg.fold-icon path{fill:var(--devui-disabled-text, #cfd0d3)}.devui-data-grid__td svg.fold-icon:hover rect{stroke:var(--devui-icon-fill-active, #252b3a)}.devui-data-grid__td svg.fold-icon:hover path{fill:var(--devui-icon-fill-active, #252b3a)}.devui-data-grid__td--checkable{display:flex;align-items:center}.devui-data-grid__td--mini{height:24px;line-height:24px}.devui-data-grid__td--xs{height:30px;line-height:30px}.devui-data-grid__td--sm{height:42px;line-height:42px}.devui-data-grid__td--md{height:46px;line-height:46px}.devui-data-grid__td--lg{height:54px;line-height:54px}.devui-data-grid__last-sticky-left-cell{border-right-color:transparent!important}.devui-data-grid__first-sticky-right-cell{border-left-color:transparent!important}.devui-data-grid__sticky-left-head,.devui-data-grid__sticky-right-head,.devui-data-grid__sticky-left-body,.devui-data-grid__sticky-right-body{position:absolute;z-index:10}.devui-data-grid--scroll-middle .devui-data-grid__last-sticky-left-cell,.devui-data-grid--scroll-right .devui-data-grid__last-sticky-left-cell{position:relative;border-right-color:transparent!important;background-color:linear-gradient(to left,transparent,var(--devui-base-bg, #ffffff) 10px)}.devui-data-grid--scroll-middle .devui-data-grid__last-sticky-left-cell:after,.devui-data-grid--scroll-right .devui-data-grid__last-sticky-left-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;width:10px;pointer-events:none;box-shadow:inset var(--devui-table-inset-shadow-left, 8px 0 8px -4px) var(--devui-light-shadow, rgba(37, 43, 58, .12))}.devui-data-grid--scroll-middle .devui-data-grid__first-sticky-right-cell,.devui-data-grid--scroll-left .devui-data-grid__first-sticky-right-cell{position:relative;border-left-color:transparent!important;background-color:linear-gradient(to right,transparent,var(--devui-base-bg, #ffffff) 10px)}.devui-data-grid--scroll-middle .devui-data-grid__first-sticky-right-cell:after,.devui-data-grid--scroll-left .devui-data-grid__first-sticky-right-cell:after{content:"";position:absolute;top:0;left:0;bottom:0;width:10px;pointer-events:none;box-shadow:inset var(--devui-table-inset-shadow-right, -8px 0 8px -4px) var(--devui-light-shadow, rgba(37, 43, 58, .12))}.devui-data-grid__tooltip.devui-flexible-overlay{max-width:200px;min-height:26px;padding:0 16px;font-size:var(--devui-font-size, 12px);color:var(--devui-feedback-overlay-text, #dfe1e6);letter-spacing:0;line-height:1.5;background:var(--devui-feedback-overlay-bg, #464d6e);box-shadow:none;overflow-wrap:break-word;word-break:break-word;word-wrap:break-word;text-align:start;border-radius:var(--devui-border-radius-feedback, 4px);line-break:auto;text-decoration:none;text-shadow:none;text-transform:none;word-spacing:normal;white-space:normal;opacity:1;z-index:var(--devui-z-index-pop-up, 1060)}.devui-data-grid__tooltip.devui-flexible-overlay span{display:block;max-width:100%;max-height:inherit;padding:4px 0;overflow:auto}.devui-data-grid__filter-wrapper{font-size:var(--devui-font-size, 12px)}.devui-data-grid__filter-wrapper *{box-sizing:border-box}.devui-data-grid__filter-wrapper .filter-all-check{width:200px;padding:0 8px 4px;border-bottom:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-data-grid__filter-wrapper .filter-multiple-menu{width:200px;padding:4px 8px;border-bottom:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-data-grid__filter-wrapper .filter-single-menu{width:200px}.devui-data-grid__filter-wrapper .filter-single-menu .filter-item{padding:0 8px;color:var(--devui-text, #252b3a);border-radius:var(--devui-border-radius, 2px);transition:color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-data-grid__filter-wrapper .filter-single-menu .filter-item:hover{color:var(--devui-list-item-hover-text, #252b3a);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-data-grid__filter-wrapper .filter-single-menu .filter-item-active{color:var(--devui-list-item-active-bg, #f2f5fc);background-color:var(--devui-list-item-active-text, #252b3a)}.devui-data-grid__filter-wrapper .filter-operation{display:flex;justify-content:center;align-items:center;padding:0 8px;height:26px}.devui-data-grid__filter-wrapper .filter-item{display:flex;align-items:center;height:30px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devui-data-grid--fix-header{display:flex;flex-flow:column nowrap;overflow:unset}.devui-data-grid--striped .devui-data-grid__tr:nth-of-type(even){background-color:var(--devui-list-item-strip-bg, #f2f5fc)}.devui-data-grid--row-hover-highlight .devui-data-grid__tr.hover-tr{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-data-grid--row-hover-highlight .devui-data-grid__tr.hover-tr .devui-data-grid__last-sticky-left-cell{background-color:linear-gradient(to left,transparent,var(--devui-list-item-hover-bg, #f2f2f3) 10px)}.devui-data-grid--row-hover-highlight .devui-data-grid__tr.hover-tr .devui-data-grid__first-sticky-right-cell{background-color:linear-gradient(to right,transparent,var(--devui-list-item-hover-bg, #f2f2f3) 10px)}.devui-data-grid--header-bg .devui-data-grid__head{background-color:var(--devui-list-item-strip-bg, #f2f5fc)}.devui-data-grid--bordered .devui-data-grid__th{border-top:1px solid var(--devui-dividing-line, #f2f2f3);border-right:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-data-grid--bordered .devui-data-grid__th:first-child{border-left:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-data-grid--bordered .devui-data-grid__td{border-right:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-data-grid--bordered .devui-data-grid__td:first-child{border-left:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-data-grid--borderless .devui-data-grid__th,.devui-data-grid--borderless .devui-data-grid__td{border:none}.devui-data-grid--shadowed{border-radius:var(--devui-border-radius-card, 8px);box-shadow:var(--devui-shadow-length-base, 0 2px 6px 0) var(--devui-light-shadow, rgba(37, 43, 58, .12))}.devui-data-grid--left{text-align:left}.devui-data-grid--left.devui-data-grid__th,.devui-data-grid--left.devui-data-grid__td{justify-content:flex-start}.devui-data-grid--center{text-align:center}.devui-data-grid--center.devui-data-grid__th,.devui-data-grid--center.devui-data-grid__td{justify-content:center}.devui-data-grid--right{text-align:right}.devui-data-grid--right.devui-data-grid__th,.devui-data-grid--right.devui-data-grid__td{justify-content:flex-end}.devui-data-grid--is-virtual{max-height:unset}.devui-data-grid .resize-bar{display:none;position:absolute;top:0;bottom:0;z-index:9999;width:2px;background:var(--devui-form-control-line-active, #5e7ce0);cursor:col-resize}.data-grid-selector{user-select:none;cursor:col-resize}
package/date-picker-pro/index.es.js CHANGED
@@ -63,6 +63,10 @@ const datePickerProCommonProps = {
63
63
  type: {
64
64
  type: String,
65
65
  default: "date"
66
+ },
67
+ showGlowStyle: {
68
+ type: Boolean,
69
+ default: true
66
70
  }
67
71
  };
68
72
  const datePickerProProps = __spreadValues({
@@ -8249,8 +8253,7 @@ const DEFAULT_PREFIX = "icon";
8249
8253
  const iconProps = {
8250
8254
  name: {
8251
8255
  type: String,
8252
- default: "",
8253
- required: true
8256
+ default: ""
8254
8257
  },
8255
8258
  size: {
8256
8259
  type: [Number, String],
@@ -8468,8 +8471,31 @@ const inputProps = {
8468
8471
  autofocus: {
8469
8472
  type: Boolean,
8470
8473
  default: false
8474
+ },
8475
+ showGlowStyle: {
8476
+ type: Boolean,
8477
+ default: true
8471
8478
  }
8472
8479
  };
8480
+ function InputClearIcon() {
8481
+ return createVNode("svg", {
8482
+ "width": "16px",
8483
+ "height": "16px",
8484
+ "viewBox": "0 0 16 16",
8485
+ "version": "1.1",
8486
+ "xmlns": "http://www.w3.org/2000/svg"
8487
+ }, [createVNode("g", {
8488
+ "stroke": "none",
8489
+ "stroke-width": "1",
8490
+ "fill": "none",
8491
+ "fill-rule": "evenodd"
8492
+ }, [createVNode("path", {
8493
+ "d": "M8,1 C11.8659932,1 15,4.13400675 15,8 C15,11.8659932 11.8659932,15 8,15 C4.13400675,15 1,11.8659932 1,8 C1,4.13400675 4.13400675,1 8,1 Z M5.87867966,5.17157288 C5.68341751,4.97631073 5.36683502,4.97631073 5.17157288,5.17157288 C4.99800652,5.34513923 4.97872137,5.61456363 5.11371742,5.80943177 L5.17157288,5.87867966 L7.29218611,7.99929289 L5.17157288,10.1213203 C4.97631073,10.3165825 4.97631073,10.633165 5.17157288,10.8284271 C5.34513923,11.0019935 5.61456363,11.0212786 5.80943177,10.8862826 L5.87867966,10.8284271 L7.99929289,8.70639967 L10.1213203,10.8284271 C10.3165825,11.0236893 10.633165,11.0236893 10.8284271,10.8284271 C11.0019935,10.6548608 11.0212786,10.3854364 10.8862826,10.1905682 L10.8284271,10.1213203 L8.70710678,8 L10.8284271,5.87867966 C11.0236893,5.68341751 11.0236893,5.36683502 10.8284271,5.17157288 C10.6548608,4.99800652 10.3854364,4.97872137 10.1905682,5.11371742 L10.1213203,5.17157288 L8,7.29289322 L5.87867966,5.17157288 Z",
8494
+ "id": "\u5F62\u72B6",
8495
+ "fill": "#D5D5DB",
8496
+ "fill-rule": "nonzero"
8497
+ }, null)])]);
8498
+ }
8473
8499
  function useInputRender(props, ctx) {
8474
8500
  const formContext = inject(FORM_TOKEN, void 0);
8475
8501
  const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
@@ -8477,7 +8503,7 @@ function useInputRender(props, ctx) {
8477
8503
  const ns2 = useNamespace$1("input");
8478
8504
  const slotNs = useNamespace$1("input-slot");
8479
8505
  const isFocus = ref(false);
8480
- const { error, size, disabled } = toRefs(props);
8506
+ const { error, size, disabled, showGlowStyle } = toRefs(props);
8481
8507
  const slots = ctx.slots;
8482
8508
  const inputDisabled = computed(() => disabled.value || (formContext == null ? void 0 : formContext.disabled));
8483
8509
  const inputSize = computed(() => (size == null ? void 0 : size.value) || (formContext == null ? void 0 : formContext.size) || "");
@@ -8488,6 +8514,7 @@ function useInputRender(props, ctx) {
8488
8514
  [ns2.e("wrapper")]: true,
8489
8515
  [ns2.m("focus")]: isFocus.value,
8490
8516
  [ns2.m("disabled")]: inputDisabled.value,
8517
+ [ns2.m("glow-style")]: showGlowStyle.value,
8491
8518
  [ns2.m("error")]: error.value || isValidateError.value,
8492
8519
  [ns2.m("feedback")]: Boolean(formItemContext == null ? void 0 : formItemContext.validateState) && (formItemContext == null ? void 0 : formItemContext.showFeedback)
8493
8520
  }));
@@ -8851,11 +8878,8 @@ var Input = defineComponent({
8851
8878
  "class": ns2.em("password", "icon"),
8852
8879
  "name": passwordVisible.value ? "preview" : "preview-forbidden",
8853
8880
  "onClick": clickPasswordIcon
8854
- }, null), showClearable.value && createVNode(Icon, {
8855
- "size": inputSize.value,
8881
+ }, null), showClearable.value && createVNode(InputClearIcon, {
8856
8882
  "class": ns2.em("clear", "icon"),
8857
- "name": "error-o",
8858
- "color": "#adb0b8",
8859
8883
  "onClick": onClear
8860
8884
  }, null)])]), ctx.slots.append && createVNode("div", {
8861
8885
  "class": slotNs.e("append")
@@ -10547,6 +10571,10 @@ const timePickerProps = {
10547
10571
  readonly: {
10548
10572
  type: Boolean,
10549
10573
  default: false
10574
+ },
10575
+ showGlowStyle: {
10576
+ type: Boolean,
10577
+ default: true
10550
10578
  }
10551
10579
  };
10552
10580
  function useTimeScroll() {
@@ -11158,19 +11186,36 @@ var Button = defineComponent({
11158
11186
  classes,
11159
11187
  iconClass
11160
11188
  } = useButton(props, ctx);
11189
+ const isMouseDown = ref(false);
11190
+ const showWave = ref(false);
11191
+ const waveStyle = reactive({
11192
+ top: "0px",
11193
+ left: "0px"
11194
+ });
11195
+ const showClickWave = (e) => {
11196
+ waveStyle.left = e.offsetX + "px";
11197
+ waveStyle.top = e.offsetY + "px";
11198
+ showWave.value = true;
11199
+ setTimeout(() => {
11200
+ showWave.value = false;
11201
+ }, 300);
11202
+ };
11161
11203
  const onClick = (e) => {
11162
11204
  if (loading2.value) {
11163
11205
  return;
11164
11206
  }
11207
+ showClickWave(e);
11165
11208
  ctx.emit("click", e);
11166
11209
  };
11167
11210
  return () => {
11168
11211
  var _a, _b;
11169
11212
  return createVNode("button", {
11170
- "class": classes.value,
11213
+ "class": [classes.value, isMouseDown.value ? "mousedown" : ""],
11171
11214
  "disabled": disabled.value,
11172
11215
  "onClick": onClick,
11173
- "type": nativeType.value
11216
+ "type": nativeType.value,
11217
+ "onMousedown": () => isMouseDown.value = true,
11218
+ "onMouseup": () => isMouseDown.value = false
11174
11219
  }, [icon2.value && createVNode(Icon, {
11175
11220
  "name": icon2.value,
11176
11221
  "size": "var(--devui-font-size, 12px)",
@@ -11184,7 +11229,10 @@ var Button = defineComponent({
11184
11229
  "color": "#BBDEFB"
11185
11230
  }, null)]), [[vShow, loading2.value]]), createVNode("span", {
11186
11231
  "class": "button-content"
11187
- }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)])]);
11232
+ }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]), showWave.value && createVNode("div", {
11233
+ "class": "water-wave",
11234
+ "style": waveStyle
11235
+ }, null)]);
11188
11236
  };
11189
11237
  }
11190
11238
  });
@@ -11883,6 +11931,9 @@ var DatePickerPro = defineComponent({
11883
11931
  setup(props, ctx) {
11884
11932
  const app = getCurrentInstance();
11885
11933
  const t = createI18nTranslate("DDatePickerPro", app);
11934
+ const {
11935
+ showGlowStyle
11936
+ } = toRefs(props);
11886
11937
  const ns2 = useNamespace("date-picker-pro");
11887
11938
  const {
11888
11939
  originRef,
@@ -11903,6 +11954,14 @@ var DatePickerPro = defineComponent({
11903
11954
  handlerClearTime
11904
11955
  } = usePickerPro(props, ctx, t);
11905
11956
  const position = ref(["bottom-start", "top-start"]);
11957
+ const currentPosition = ref("bottom");
11958
+ const handlePositionChange = (pos) => {
11959
+ currentPosition.value = pos.split("-")[0] === "top" ? "top" : "bottom";
11960
+ };
11961
+ const styles = computed(() => ({
11962
+ transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
11963
+ "z-index": "var(--devui-z-index-dropdown, 1052)"
11964
+ }));
11906
11965
  return () => {
11907
11966
  var _a, _b;
11908
11967
  const vSlots = {
@@ -11923,7 +11982,8 @@ var DatePickerPro = defineComponent({
11923
11982
  "onFocus": withModifiers(onFocus, ["stop"]),
11924
11983
  "size": pickerSize.value,
11925
11984
  "disabled": pickerDisabled.value,
11926
- "error": isValidateError.value
11985
+ "error": isValidateError.value,
11986
+ "show-glow-style": showGlowStyle.value
11927
11987
  }, {
11928
11988
  prefix: () => createVNode("span", {
11929
11989
  "class": ns2.e("single-picker-icon")
@@ -11936,7 +11996,7 @@ var DatePickerPro = defineComponent({
11936
11996
  "to": "body"
11937
11997
  }, {
11938
11998
  default: () => [createVNode(Transition, {
11939
- "name": "fade"
11999
+ "name": ns2.m(`fade-${currentPosition.value}`)
11940
12000
  }, {
11941
12001
  default: () => [createVNode(FlexibleOverlay, {
11942
12002
  "modelValue": isPanelShow.value,
@@ -11945,9 +12005,8 @@ var DatePickerPro = defineComponent({
11945
12005
  "origin": originRef.value,
11946
12006
  "align": "start",
11947
12007
  "position": position.value,
11948
- "style": {
11949
- zIndex: "var(--devui-z-index-dropdown, 1052)"
11950
- }
12008
+ "style": styles.value,
12009
+ "onPositionChange": handlePositionChange
11951
12010
  }, {
11952
12011
  default: () => [createVNode(DatePickerProPanel, mergeProps(props, {
11953
12012
  "dateValue": dateValue.value,
@@ -12109,6 +12168,9 @@ var DRangeDatePickerPro = defineComponent({
12109
12168
  setup(props, ctx) {
12110
12169
  const app = getCurrentInstance();
12111
12170
  const t = createI18nTranslate("DDatePickerPro", app);
12171
+ const {
12172
+ showGlowStyle
12173
+ } = toRefs(props);
12112
12174
  const ns2 = useNamespace("range-date-picker-pro");
12113
12175
  const {
12114
12176
  originRef,
@@ -12133,6 +12195,14 @@ var DRangeDatePickerPro = defineComponent({
12133
12195
  onChangeRangeFocusType
12134
12196
  } = useRangePickerPro(props, ctx);
12135
12197
  const position = ref(["bottom-start", "top-start"]);
12198
+ const currentPosition = ref("bottom");
12199
+ const handlePositionChange = (pos) => {
12200
+ currentPosition.value = pos.split("-")[0] === "top" ? "top" : "bottom";
12201
+ };
12202
+ const styles = computed(() => ({
12203
+ transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
12204
+ "z-index": "var(--devui-z-index-dropdown, 1052)"
12205
+ }));
12136
12206
  return () => {
12137
12207
  var _a, _b;
12138
12208
  const vSlots = {
@@ -12142,7 +12212,7 @@ var DRangeDatePickerPro = defineComponent({
12142
12212
  return createVNode("div", {
12143
12213
  "class": [ns2.b(), props.showTime ? ns2.e("range-time-width") : ns2.e("range-width"), isPanelShow.value && ns2.m("open")]
12144
12214
  }, [createVNode("div", {
12145
- "class": [ns2.e("range-picker"), pickerDisabled.value && ns2.m("disabled"), isValidateError.value && ns2.m("error")],
12215
+ "class": [ns2.e("range-picker"), pickerDisabled.value && ns2.m("disabled"), isValidateError.value && ns2.m("error"), showGlowStyle.value && ns2.m("glow-style")],
12146
12216
  "ref": originRef,
12147
12217
  "onMouseover": () => isMouseEnter.value = true,
12148
12218
  "onMouseout": () => isMouseEnter.value = false
@@ -12152,6 +12222,7 @@ var DRangeDatePickerPro = defineComponent({
12152
12222
  "ref": startInputRef,
12153
12223
  "modelValue": displayDateValue.value[0],
12154
12224
  "placeholder": placeholder.value[0] || t("startPlaceholder"),
12225
+ "show-glow-style": false,
12155
12226
  "onFocus": withModifiers((e) => {
12156
12227
  onFocus("start");
12157
12228
  focusHandler(e);
@@ -12170,6 +12241,7 @@ var DRangeDatePickerPro = defineComponent({
12170
12241
  "ref": endInputRef,
12171
12242
  "modelValue": displayDateValue.value[1],
12172
12243
  "placeholder": placeholder.value[1] || t("endPlaceholder"),
12244
+ "show-glow-style": false,
12173
12245
  "onFocus": withModifiers((e) => {
12174
12246
  onFocus("end");
12175
12247
  focusHandler(e);
@@ -12185,7 +12257,7 @@ var DRangeDatePickerPro = defineComponent({
12185
12257
  "to": "body"
12186
12258
  }, {
12187
12259
  default: () => [createVNode(Transition, {
12188
- "name": "fade"
12260
+ "name": ns2.m(`fade-${currentPosition.value}`)
12189
12261
  }, {
12190
12262
  default: () => [createVNode(FlexibleOverlay, {
12191
12263
  "modelValue": isPanelShow.value,
@@ -12194,9 +12266,8 @@ var DRangeDatePickerPro = defineComponent({
12194
12266
  "origin": originRef.value,
12195
12267
  "align": "start",
12196
12268
  "position": position.value,
12197
- "style": {
12198
- zIndex: "var(--devui-z-index-dropdown, 1052)"
12199
- }
12269
+ "style": styles.value,
12270
+ "onPositionChange": handlePositionChange
12200
12271
  }, {
12201
12272
  default: () => [createVNode(DatePickerProPanel, mergeProps(props, {
12202
12273
  "dateValue": dateValue.value,