vue-devui 1.5.8 → 1.5.9

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 (82) hide show
  1. package/auto-complete/index.es.js +7 -1
  2. package/auto-complete/index.umd.js +7 -7
  3. package/auto-complete/style.css +1 -1
  4. package/checkbox/index.es.js +7 -1
  5. package/checkbox/index.umd.js +13 -13
  6. package/checkbox/style.css +1 -1
  7. package/code-review/index.es.js +254 -35
  8. package/code-review/index.umd.js +23 -21
  9. package/code-review/style.css +1 -1
  10. package/date-picker-pro/index.es.js +7 -1
  11. package/date-picker-pro/index.umd.js +8 -8
  12. package/date-picker-pro/style.css +1 -1
  13. package/dragdrop/index.es.js +158 -0
  14. package/dragdrop/index.umd.js +1 -0
  15. package/dragdrop/package.json +8 -0
  16. package/editor-md/style.css +1 -1
  17. package/form/index.es.js +7 -1
  18. package/form/index.umd.js +7 -7
  19. package/form/style.css +1 -1
  20. package/global.d.ts +1 -0
  21. package/input/index.es.js +7 -1
  22. package/input/index.umd.js +6 -6
  23. package/input/style.css +1 -1
  24. package/input-number/index.es.js +7 -1
  25. package/input-number/index.umd.js +10 -10
  26. package/input-number/style.css +1 -1
  27. package/mention/index.es.js +7 -1
  28. package/mention/index.umd.js +9 -9
  29. package/mention/style.css +1 -1
  30. package/modal/index.es.js +2 -1
  31. package/modal/index.umd.js +1 -1
  32. package/package.json +1 -1
  33. package/pagination/index.es.js +7 -1
  34. package/pagination/index.umd.js +7 -7
  35. package/pagination/style.css +1 -1
  36. package/radio/index.es.js +7 -1
  37. package/radio/index.umd.js +13 -13
  38. package/radio/style.css +1 -1
  39. package/search/index.es.js +7 -1
  40. package/search/index.umd.js +8 -8
  41. package/search/style.css +1 -1
  42. package/select/index.es.js +7 -1
  43. package/select/index.umd.js +5 -5
  44. package/select/style.css +1 -1
  45. package/splitter/index.es.js +14 -3
  46. package/splitter/index.umd.js +12 -12
  47. package/style.css +1 -1
  48. package/switch/index.es.js +7 -1
  49. package/switch/index.umd.js +14 -14
  50. package/switch/style.css +1 -1
  51. package/table/index.es.js +7 -1
  52. package/table/index.umd.js +5 -5
  53. package/table/style.css +1 -1
  54. package/textarea/index.es.js +7 -1
  55. package/textarea/index.umd.js +12 -12
  56. package/textarea/style.css +1 -1
  57. package/time-picker/index.es.js +7 -1
  58. package/time-picker/index.umd.js +7 -7
  59. package/time-picker/style.css +1 -1
  60. package/time-select/index.es.js +7 -1
  61. package/time-select/index.umd.js +5 -5
  62. package/time-select/style.css +1 -1
  63. package/tree/index.es.js +7 -1
  64. package/tree/index.umd.js +7 -7
  65. package/tree/style.css +1 -1
  66. package/types/code-review/src/code-review-types.d.ts +4 -0
  67. package/types/code-review/src/code-review.d.ts +7 -1
  68. package/types/code-review/src/composables/use-code-review-expand.d.ts +3 -2
  69. package/types/code-review/src/composables/use-code-review-fold.d.ts +6 -0
  70. package/types/code-review/src/composables/use-code-review.d.ts +6 -5
  71. package/types/code-review/src/utils.d.ts +9 -1
  72. package/types/dragdrop/src/const.d.ts +0 -1
  73. package/types/dragdrop/src/draggable-directive.d.ts +1 -18
  74. package/types/dragdrop/src/droppable-directive.d.ts +1 -14
  75. package/types/dragdrop/src/sortable-directive.d.ts +1 -15
  76. package/types/dragdrop/src/utils.d.ts +2 -80
  77. package/types/form/src/form-types.d.ts +4 -0
  78. package/types/form/src/form.d.ts +9 -0
  79. package/types/modal/src/modal-types.d.ts +1 -1
  80. package/types/modal/src/modal.d.ts +2 -1
  81. package/vue-devui.es.js +410 -220
  82. package/vue-devui.umd.js +66 -64
package/date-picker-pro/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;color:var(--devui-text, #252b3a)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.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-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-input{width:100%;height:32px;font-size:var(--devui-font-size, 12px)}.devui-input__wrapper{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0 8px;box-sizing:border-box;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));height:100%}.devui-input__wrapper:not(.devui-input--error):not(.devui-input--disabled):not(.devui-input--focus):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-input--focus:not(.devui-input--error){border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-input--disabled{color:var(--devui-disabled-text, #cfd0d3);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.devui-input--disabled:hover{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-input--disabled .devui-input__inner{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.devui-input--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffd5d4)}.devui-input--sm{height:24px;font-size:var(--devui-font-size-sm, 12px)}.devui-input--lg{height:40px;font-size:var(--devui-font-size-lg, 14px)}.devui-input--feedback{padding-right:28px}.devui-input__inner{width:100%;height:100%;color:var(--devui-text, #252b3a);font-size:inherit;padding:4px 0;border:none;background:none;outline:none;box-sizing:border-box}.devui-input--prepend .devui-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.devui-input--append .devui-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-slot{display:inline-flex;width:100%;align-items:stretch}.devui-input-slot__prepend,.devui-input-slot__append{color:var(--devui-text);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;padding:0 20px;white-space:nowrap;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff)}.devui-input-slot__prepend .devui-button,.devui-input-slot__prepend .devui-select .devui-select__selection,.devui-input-slot__append .devui-button,.devui-input-slot__append .devui-select .devui-select__selection{border:none!important;background-color:transparent!important;color:inherit}.devui-input-slot__prepend .devui-button,.devui-input-slot__prepend .devui-select__selection,.devui-input-slot__append .devui-button,.devui-input-slot__append .devui-select__selection{margin:0 -20px}.devui-input-slot__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-slot__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.devui-input-slot__prefix,.devui-input-slot__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;align-items:center}.devui-input-slot__prefix>*{margin-right:8px}.devui-input-slot__suffix>*{margin-left:8px}.devui-input__clear--icon,.devui-input__password--icon{cursor:pointer}.devui-scroll-box{width:100%;height:100%;overflow:hidden;position:relative}.devui-scroll-box *{user-select:none}.devui-scroll-box .box-content{height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.devui-scroll-box .box-content-behavior-auto{scroll-behavior:auto}.devui-scroll-box .box-sroll{width:8px;height:100%;position:absolute;right:0;top:0;opacity:0;background-color:#d46b6b00}.devui-scroll-box .box-sroll .scroll-child{width:100%;position:absolute;top:0;right:0;background:var(--devui-line, #d7d8da);border-radius:8px}.devui-time-list{width:100%;height:256px;border-bottom:1px solid var(--devui-dividing-line, #f2f2f3);display:flex}.devui-time-list .time-item{height:100%;display:inline-block;border-right:1px solid var(--devui-dividing-line, #f2f2f3);overflow-y:auto}.devui-time-list .time-item:last-child{border-right:none}.devui-time-list .time-item .time-ul{width:100%;height:100%;cursor:pointer;padding:0;margin:0 auto;list-style:none}.devui-time-list .time-item .time-ul .time-li{display:block;box-sizing:border-box;list-style:none;text-align:center;margin:0 0 6px;height:26px;overflow:hidden;line-height:26px;font-size:0;color:var(--devui-text, #252b3a)}.devui-time-list .time-item .time-ul .time-li:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-time-list .time-item .time-ul .time-li span{display:block;font-size:var(--devui-font-size-md, 12px)}.devui-time-list .time-item .time-ul:last-child:after{content:"";display:block;height:224px}.devui-time-list .time-item .time-ul .active-li,.devui-time-list .time-item .time-ul .active-li:hover{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-time-list .time-item .time-ul .disabled-li{background-color:var(--devui-disabled-bg, #f5f5f5);color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.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);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-date-picker-pro{display:inline-block;background-color:var(--devui-base-bg, #ffffff)}.devui-date-picker-pro .devui-date-picker-pro__single-picker{position:relative}.devui-date-picker-pro .devui-date-picker-pro__single-picker-icon{display:inline-flex;align-items:center}.devui-date-picker-pro .devui-date-picker-pro__single-picker .devui-input-slot__suffix{cursor:pointer}.devui-date-picker-pro .devui-date-picker-pro__single-picker .close-icon{width:16px;height:16px;display:inline-flex;line-height:12px;align-items:center}.devui-date-picker-pro .devui-date-picker-pro__single-picker .close-icon svg path{fill:var(--devui-shape-icon-fill, #d7d8da)}.devui-date-picker-pro .devui-date-picker-pro__single-picker .close-icon:hover svg path{fill:var(--devui-shape-icon-fill-active, #babbc0)}.devui-date-picker-pro .devui-date-picker-pro__single-picker .devui-date-picker-pro--icon-visible{visibility:visible}.devui-date-picker-pro .devui-date-picker-pro__single-picker .devui-date-picker-pro--icon-hidden{visibility:hidden}.devui-date-picker-pro__panel{width:max-content}.devui-date-picker-pro__panel-content{display:flex}.devui-date-picker-pro__panel-footer{border-top:1px solid var(--devui-dividing-line, #f2f2f3);padding:8px}.devui-date-picker-pro__panel-footer-center{text-align:center}.devui-date-picker-pro__panel-right-area{padding:8px 16px;display:inline-block;height:305px;font-size:var(--devui-font-size-sm, 12px);overflow:auto;-ms-overflow-style:none;scrollbar-width:none;border-left:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-date-picker-pro__panel-right-area::-webkit-scrollbar{width:0!important}.devui-date-picker-pro__calendar-panel{text-align:center;display:flex}.devui-date-picker-pro__calendar-panel--year-list{display:inline-block;width:80px;height:305px;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.devui-date-picker-pro__calendar-panel--year-list::-webkit-scrollbar{width:0!important}.devui-date-picker-pro__calendar-panel--year-list-item{background-color:var(--devui-global-bg, #f6f6f8)}.devui-date-picker-pro__calendar-panel--year-list-item .devui-date-picker-pro__year-title{font-size:var(--devui-font-size-md, 12px);font-weight:700;line-height:30px;cursor:pointer}.devui-date-picker-pro__calendar-panel--year-list-item .devui-date-picker-pro__month-title{font-size:var(--devui-font-size-sm, 12px);line-height:30px;cursor:pointer}.devui-date-picker-pro__calendar-panel--year-list-item.devui-date-picker-pro__year-title-active{background-color:var(--devui-base-bg, #ffffff)}.devui-date-picker-pro__calendar-panel--year-list-item:hover:not(.devui-date-picker-pro__year-title-active){background-color:var(--devui-list-item-selected-bg, #f2f5fc)}.devui-date-picker-pro__calendar-panel--main{padding:4px;display:inline-block;width:253px;height:305px;font-size:var(--devui-font-size-sm, 12px);overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.devui-date-picker-pro__calendar-panel--main::-webkit-scrollbar{width:0!important}.devui-date-picker-pro__calendar-panel--main .devui-date-picker-pro__calendar-table tr,.devui-date-picker-pro__calendar-panel--main .devui-date-picker-pro__calendar-table td{border:none;padding:0;text-align:center;font-size:var(--devui-font-size-sm, 12px)}.devui-date-picker-pro__tbody-wrapper{height:270px;width:100%;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.devui-date-picker-pro__tbody-wrapper::-webkit-scrollbar{width:0!important}.devui-date-picker-pro__calendar-table{border-spacing:0;margin:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-week-header td{width:35px;height:22px;padding:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-title{text-align:start;line-height:26px;color:var(--devui-aide-text, #71757f);padding-left:8px}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content{color:var(--devui-text, #252b3a);border-spacing:0 4px;border-collapse:separate;margin:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date{padding:0 4px;width:30px}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date span{cursor:pointer;display:block;width:22px;height:22px;line-height:22px;border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date:not(.devui-date-picker-pro__table-date-selected):not(.devui-date-picker-pro__table-date-disabled):hover span{background-color:var(--devui-range-item-hover-bg, #e9edfa)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-today span{color:var(--devui-brand, #5e7ce0)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-selected span,.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start span,.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end span{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-in-range{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-in-range span:hover{background-color:var(--devui-range-item-hover-bg, #e9edfa)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start:not(.devui-date-picker-pro__table-date-end){position:relative}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start:not(.devui-date-picker-pro__table-date-end):after{content:"";display:block;position:absolute;width:8px;height:22px;background-color:var(--devui-list-item-hover-bg, #f2f2f3);right:0;top:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start:not(.devui-date-picker-pro__table-date-end):hover:after{display:none}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start:not(.devui-date-picker-pro__table-date-end) span:not(:hover){border-radius:var(--devui-border-radius-feedback, 4px) 0 0 var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end:not(.devui-date-picker-pro__table-date-start){position:relative}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end:not(.devui-date-picker-pro__table-date-start):after{content:"";display:block;position:absolute;width:5px;height:22px;background-color:var(--devui-list-item-hover-bg, #f2f2f3);left:0;top:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end:not(.devui-date-picker-pro__table-date-start):hover:after{display:none}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end:not(.devui-date-picker-pro__table-date-start) span:not(:hover){border-radius:0 var(--devui-border-radius-feedback, 4px) var(--devui-border-radius-feedback, 4px) 0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-disabled span{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.devui-date-picker-pro__panel-time{display:inline-block;border-left:1px solid var(--devui-dividing-line, #f2f2f3);height:305px;text-align:center;width:115px}.devui-date-picker-pro__panel-time--title{display:flex;height:30px}.devui-date-picker-pro__panel-time--title-item{flex:1 1 0%;line-height:30px}.devui-date-picker-pro__panel-time .devui-time-list,.devui-date-picker-pro__panel-time .devui-time-list .time-item{border:none}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .time-li{padding:0 7px;line-height:22px;height:22px;margin-bottom:8px}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .time-li:hover{background-color:transparent}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .time-li span{font-size:var(--devui-font-size-sm, 12px);border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .time-li span:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .active-li{background-color:transparent}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .active-li span,.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .active-li span:hover{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-range-date-picker-pro{display:inline-block;background-color:var(--devui-base-bg, #ffffff)}.devui-range-date-picker-pro.devui-range-date-picker-pro__range-width{width:300px}.devui-range-date-picker-pro.devui-range-date-picker-pro__range-time-width{width:400px}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker{display:flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:100%;min-height:24px;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker:not(.devui-range-date-picker-pro--error):not(.devui-range-date-picker-pro--disabled):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__input{flex:1 1}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input{display:inline-block;height:26px;width:100%}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input__wrapper{border:none}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input.devui-input--sm{height:24px}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input.devui-input--lg{height:44px}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__start .devui-input--feedback{padding-right:0}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__active-input .devui-input__inner{color:var(--devui-brand, #5e7ce0)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__normal-input .devui-input__inner{color:var(--devui-text, #252b3a)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__separator{display:inline-block;padding:0 4px}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input-slot__suffix{cursor:pointer}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker-icon{display:inline-flex;align-items:center}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .close-icon{width:16px;height:16px;display:inline-flex;line-height:12px;align-items:center}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .close-icon svg path{fill:var(--devui-shape-icon-fill, #d7d8da)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .close-icon:hover svg path{fill:var(--devui-shape-icon-fill-active, #babbc0)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro--icon-visible{visibility:visible}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro--icon-hidden{visibility:hidden}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker.devui-range-date-picker-pro--disabled{color:var(--devui-disabled-text, #cfd0d3);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker.devui-range-date-picker-pro--disabled:hover{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker.devui-range-date-picker-pro--disabled .devui-input__inner{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker.devui-range-date-picker-pro--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffd5d4)}.devui-range-date-picker-pro--open .devui-range-date-picker-pro__range-picker{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-range-date-picker-pro--open .devui-range-date-picker-pro__range-picker:not(.devui-range-date-picker-pro--error):not(.devui-range-date-picker-pro--disabled):hover{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-date-picker-pro__year-calendar-panel{height:200px;width:204px;padding:8px 12px;font-size:var(--devui-font-size-sm, 12px)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list{width:184px;height:186px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list::-webkit-scrollbar{width:0}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-list-item{display:flex;padding:4px 0;height:48px}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title{width:60px;height:40px;line-height:40px;text-align:center;cursor:pointer;border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title:hover:not(.devui-date-picker-pro__year-active):not(.devui-date-picker-pro__year-disabled){background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__this-year{color:var(--devui-brand, #5e7ce0)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-active{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-in-range:not(.devui-date-picker-pro__year-active){background:var(--devui-list-item-hover-bg, #f2f2f3);border-radius:0}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-in-range:not(.devui-date-picker-pro__year-active):hover{background-color:var(--devui-range-item-hover-bg, #e9edfa);border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-start:not(.devui-date-picker-pro__year-end):not(:hover){border-radius:var(--devui-border-radius-feedback, 4px) 0 0 var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-end:not(.devui-date-picker-pro__year-start):not(:hover){border-radius:0 var(--devui-border-radius-feedback, 4px) var(--devui-border-radius-feedback, 4px) 0}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-disabled{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed;border-radius:0}.devui-date-picker-pro__month-calendar-panel{height:300px;text-align:center;font-size:var(--devui-font-size-sm, 12px);display:flex}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list{height:100%;overflow:auto;scrollbar-width:none;display:inline-block;width:80px;-ms-overflow-style:none}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list::-webkit-scrollbar{width:0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list-item{background-color:var(--devui-global-bg, #f6f6f8);font-size:var(--devui-font-size-md, 12px);height:30px;line-height:30px;cursor:pointer}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list-item.devui-date-picker-pro__year-item-active{background-color:var(--devui-base-bg, #ffffff)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list-item:hover:not(.devui-date-picker-pro__year-item-active){background-color:var(--devui-list-item-selected-bg, #f2f5fc)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper{height:300px;width:208px;padding:4px;display:inline-block}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__month-list{height:100%;width:100%;overflow:auto;scrollbar-width:none}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__month-list::-webkit-scrollbar{width:0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__month-list tr,.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__month-list td{text-align:center;border:none;padding:0;font-size:var(--devui-font-size-sm, 12px)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-title{text-align:start;line-height:26px;color:var(--devui-aide-text, #71757f);padding-left:8px}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content{color:var(--devui-text, #252b3a);margin:0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item{width:60px;height:40px;padding:4px 0;box-sizing:border-box;text-align:center;cursor:pointer}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item span{cursor:pointer;display:block;height:32px;line-height:32px;border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item:hover:not(.devui-date-picker-pro__month-active):not(.devui-date-picker-pro__month-disabled) span{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__this-month span{color:var(--devui-brand, #5e7ce0)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-active span{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-in-range:not(.devui-date-picker-pro__month-active) span{background:var(--devui-list-item-hover-bg, #f2f2f3);border-radius:0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-in-range:not(.devui-date-picker-pro__month-active):hover span{background-color:var(--devui-range-item-hover-bg, #e9edfa);border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-start:not(.devui-date-picker-pro__month-end):not(:hover) span{border-radius:var(--devui-border-radius-feedback, 4px) 0 0 var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-end:not(.devui-date-picker-pro__month-start):not(:hover) span{border-radius:0 var(--devui-border-radius-feedback, 4px) var(--devui-border-radius-feedback, 4px) 0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-disabled{cursor:not-allowed}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-disabled span{color:var(--devui-disabled-text, #cfd0d3);border-radius:0}
1
+ .devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));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;color:var(--devui-text, #252b3a)}.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__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-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-input{width:100%;height:32px;font-size:var(--devui-font-size, 12px)}.devui-input__wrapper{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0 8px;box-sizing:border-box;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));height:100%}.devui-input__wrapper:not(.devui-input--error):not(.devui-input--disabled):not(.devui-input--focus):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-input--focus:not(.devui-input--error){border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-input--disabled{color:var(--devui-disabled-text, #cfd0d3);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.devui-input--disabled:hover{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-input--disabled .devui-input__inner{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.devui-input--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffd5d4)}.devui-input--sm{height:24px;font-size:var(--devui-font-size-sm, 12px)}.devui-input--lg{height:40px;font-size:var(--devui-font-size-lg, 14px)}.devui-input--feedback{padding-right:28px}.devui-input__inner{width:100%;height:100%;color:var(--devui-text, #252b3a);font-size:inherit;padding:4px 0;border:none;background:none;outline:none;box-sizing:border-box}.devui-input--prepend .devui-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.devui-input--append .devui-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-slot{display:inline-flex;width:100%;align-items:stretch}.devui-input-slot__prepend,.devui-input-slot__append{color:var(--devui-text);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;padding:0 20px;white-space:nowrap;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff)}.devui-input-slot__prepend .devui-button,.devui-input-slot__prepend .devui-select .devui-select__selection,.devui-input-slot__append .devui-button,.devui-input-slot__append .devui-select .devui-select__selection{border:none!important;background-color:transparent!important;color:inherit}.devui-input-slot__prepend .devui-button,.devui-input-slot__prepend .devui-select__selection,.devui-input-slot__append .devui-button,.devui-input-slot__append .devui-select__selection{margin:0 -20px}.devui-input-slot__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-slot__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.devui-input-slot__prefix,.devui-input-slot__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;align-items:center}.devui-input-slot__prefix>*{margin-right:8px}.devui-input-slot__suffix>*{margin-left:8px}.devui-input__clear--icon,.devui-input__password--icon{cursor:pointer}.devui-scroll-box{width:100%;height:100%;overflow:hidden;position:relative}.devui-scroll-box *{user-select:none}.devui-scroll-box .box-content{height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.devui-scroll-box .box-content-behavior-auto{scroll-behavior:auto}.devui-scroll-box .box-sroll{width:8px;height:100%;position:absolute;right:0;top:0;opacity:0;background-color:#d46b6b00}.devui-scroll-box .box-sroll .scroll-child{width:100%;position:absolute;top:0;right:0;background:var(--devui-line, #d7d8da);border-radius:8px}.devui-time-list{width:100%;height:256px;border-bottom:1px solid var(--devui-dividing-line, #f2f2f3);display:flex}.devui-time-list .time-item{height:100%;display:inline-block;border-right:1px solid var(--devui-dividing-line, #f2f2f3);overflow-y:auto}.devui-time-list .time-item:last-child{border-right:none}.devui-time-list .time-item .time-ul{width:100%;height:100%;cursor:pointer;padding:0;margin:0 auto;list-style:none}.devui-time-list .time-item .time-ul .time-li{display:block;box-sizing:border-box;list-style:none;text-align:center;margin:0 0 6px;height:26px;overflow:hidden;line-height:26px;font-size:0;color:var(--devui-text, #252b3a)}.devui-time-list .time-item .time-ul .time-li:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-time-list .time-item .time-ul .time-li span{display:block;font-size:var(--devui-font-size-md, 12px)}.devui-time-list .time-item .time-ul:last-child:after{content:"";display:block;height:224px}.devui-time-list .time-item .time-ul .active-li,.devui-time-list .time-item .time-ul .active-li:hover{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-time-list .time-item .time-ul .disabled-li{background-color:var(--devui-disabled-bg, #f5f5f5);color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.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);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-date-picker-pro{display:inline-block;background-color:var(--devui-base-bg, #ffffff)}.devui-date-picker-pro .devui-date-picker-pro__single-picker{position:relative}.devui-date-picker-pro .devui-date-picker-pro__single-picker-icon{display:inline-flex;align-items:center}.devui-date-picker-pro .devui-date-picker-pro__single-picker .devui-input-slot__suffix{cursor:pointer}.devui-date-picker-pro .devui-date-picker-pro__single-picker .close-icon{width:16px;height:16px;display:inline-flex;line-height:12px;align-items:center}.devui-date-picker-pro .devui-date-picker-pro__single-picker .close-icon svg path{fill:var(--devui-shape-icon-fill, #d7d8da)}.devui-date-picker-pro .devui-date-picker-pro__single-picker .close-icon:hover svg path{fill:var(--devui-shape-icon-fill-active, #babbc0)}.devui-date-picker-pro .devui-date-picker-pro__single-picker .devui-date-picker-pro--icon-visible{visibility:visible}.devui-date-picker-pro .devui-date-picker-pro__single-picker .devui-date-picker-pro--icon-hidden{visibility:hidden}.devui-date-picker-pro__panel{width:max-content}.devui-date-picker-pro__panel-content{display:flex}.devui-date-picker-pro__panel-footer{border-top:1px solid var(--devui-dividing-line, #f2f2f3);padding:8px}.devui-date-picker-pro__panel-footer-center{text-align:center}.devui-date-picker-pro__panel-right-area{padding:8px 16px;display:inline-block;height:305px;font-size:var(--devui-font-size-sm, 12px);overflow:auto;-ms-overflow-style:none;scrollbar-width:none;border-left:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-date-picker-pro__panel-right-area::-webkit-scrollbar{width:0!important}.devui-date-picker-pro__calendar-panel{text-align:center;display:flex}.devui-date-picker-pro__calendar-panel--year-list{display:inline-block;width:80px;height:305px;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.devui-date-picker-pro__calendar-panel--year-list::-webkit-scrollbar{width:0!important}.devui-date-picker-pro__calendar-panel--year-list-item{background-color:var(--devui-global-bg, #f6f6f8)}.devui-date-picker-pro__calendar-panel--year-list-item .devui-date-picker-pro__year-title{font-size:var(--devui-font-size-md, 12px);font-weight:700;line-height:30px;cursor:pointer}.devui-date-picker-pro__calendar-panel--year-list-item .devui-date-picker-pro__month-title{font-size:var(--devui-font-size-sm, 12px);line-height:30px;cursor:pointer}.devui-date-picker-pro__calendar-panel--year-list-item.devui-date-picker-pro__year-title-active{background-color:var(--devui-base-bg, #ffffff)}.devui-date-picker-pro__calendar-panel--year-list-item:hover:not(.devui-date-picker-pro__year-title-active){background-color:var(--devui-list-item-selected-bg, #f2f5fc)}.devui-date-picker-pro__calendar-panel--main{padding:4px;display:inline-block;width:253px;height:305px;font-size:var(--devui-font-size-sm, 12px);overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.devui-date-picker-pro__calendar-panel--main::-webkit-scrollbar{width:0!important}.devui-date-picker-pro__calendar-panel--main .devui-date-picker-pro__calendar-table tr,.devui-date-picker-pro__calendar-panel--main .devui-date-picker-pro__calendar-table td{border:none;padding:0;text-align:center;font-size:var(--devui-font-size-sm, 12px)}.devui-date-picker-pro__tbody-wrapper{height:270px;width:100%;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.devui-date-picker-pro__tbody-wrapper::-webkit-scrollbar{width:0!important}.devui-date-picker-pro__calendar-table{border-spacing:0;margin:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-week-header td{width:35px;height:22px;padding:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-title{text-align:start;line-height:26px;color:var(--devui-aide-text, #71757f);padding-left:8px}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content{color:var(--devui-text, #252b3a);border-spacing:0 4px;border-collapse:separate;margin:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date{padding:0 4px;width:30px}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date span{cursor:pointer;display:block;width:22px;height:22px;line-height:22px;border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date:not(.devui-date-picker-pro__table-date-selected):not(.devui-date-picker-pro__table-date-disabled):hover span{background-color:var(--devui-range-item-hover-bg, #e9edfa)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-today span{color:var(--devui-brand, #5e7ce0)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-selected span,.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start span,.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end span{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-in-range{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-in-range span:hover{background-color:var(--devui-range-item-hover-bg, #e9edfa)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start:not(.devui-date-picker-pro__table-date-end){position:relative}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start:not(.devui-date-picker-pro__table-date-end):after{content:"";display:block;position:absolute;width:8px;height:22px;background-color:var(--devui-list-item-hover-bg, #f2f2f3);right:0;top:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start:not(.devui-date-picker-pro__table-date-end):hover:after{display:none}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start:not(.devui-date-picker-pro__table-date-end) span:not(:hover){border-radius:var(--devui-border-radius-feedback, 4px) 0 0 var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end:not(.devui-date-picker-pro__table-date-start){position:relative}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end:not(.devui-date-picker-pro__table-date-start):after{content:"";display:block;position:absolute;width:5px;height:22px;background-color:var(--devui-list-item-hover-bg, #f2f2f3);left:0;top:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end:not(.devui-date-picker-pro__table-date-start):hover:after{display:none}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end:not(.devui-date-picker-pro__table-date-start) span:not(:hover){border-radius:0 var(--devui-border-radius-feedback, 4px) var(--devui-border-radius-feedback, 4px) 0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-disabled span{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.devui-date-picker-pro__panel-time{display:inline-block;border-left:1px solid var(--devui-dividing-line, #f2f2f3);height:305px;text-align:center;width:115px}.devui-date-picker-pro__panel-time--title{display:flex;height:30px}.devui-date-picker-pro__panel-time--title-item{flex:1 1 0%;line-height:30px}.devui-date-picker-pro__panel-time .devui-time-list,.devui-date-picker-pro__panel-time .devui-time-list .time-item{border:none}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .time-li{padding:0 7px;line-height:22px;height:22px;margin-bottom:8px}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .time-li:hover{background-color:transparent}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .time-li span{font-size:var(--devui-font-size-sm, 12px);border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .time-li span:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .active-li{background-color:transparent}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .active-li span,.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .active-li span:hover{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-range-date-picker-pro{display:inline-block;background-color:var(--devui-base-bg, #ffffff)}.devui-range-date-picker-pro.devui-range-date-picker-pro__range-width{width:300px}.devui-range-date-picker-pro.devui-range-date-picker-pro__range-time-width{width:400px}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker{display:flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:100%;min-height:24px;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker:not(.devui-range-date-picker-pro--error):not(.devui-range-date-picker-pro--disabled):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__input{flex:1 1}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input{display:inline-block;height:26px;width:100%}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input__wrapper{border:none}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input.devui-input--sm{height:24px}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input.devui-input--lg{height:44px}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__start .devui-input--feedback{padding-right:0}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__active-input .devui-input__inner{color:var(--devui-brand, #5e7ce0)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__normal-input .devui-input__inner{color:var(--devui-text, #252b3a)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__separator{display:inline-block;padding:0 4px}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input-slot__suffix{cursor:pointer}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker-icon{display:inline-flex;align-items:center}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .close-icon{width:16px;height:16px;display:inline-flex;line-height:12px;align-items:center}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .close-icon svg path{fill:var(--devui-shape-icon-fill, #d7d8da)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .close-icon:hover svg path{fill:var(--devui-shape-icon-fill-active, #babbc0)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro--icon-visible{visibility:visible}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro--icon-hidden{visibility:hidden}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker.devui-range-date-picker-pro--disabled{color:var(--devui-disabled-text, #cfd0d3);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker.devui-range-date-picker-pro--disabled:hover{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker.devui-range-date-picker-pro--disabled .devui-input__inner{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker.devui-range-date-picker-pro--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffd5d4)}.devui-range-date-picker-pro--open .devui-range-date-picker-pro__range-picker{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-range-date-picker-pro--open .devui-range-date-picker-pro__range-picker:not(.devui-range-date-picker-pro--error):not(.devui-range-date-picker-pro--disabled):hover{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-date-picker-pro__year-calendar-panel{height:200px;width:204px;padding:8px 12px;font-size:var(--devui-font-size-sm, 12px)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list{width:184px;height:186px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list::-webkit-scrollbar{width:0}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-list-item{display:flex;padding:4px 0;height:48px}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title{width:60px;height:40px;line-height:40px;text-align:center;cursor:pointer;border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title:hover:not(.devui-date-picker-pro__year-active):not(.devui-date-picker-pro__year-disabled){background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__this-year{color:var(--devui-brand, #5e7ce0)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-active{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-in-range:not(.devui-date-picker-pro__year-active){background:var(--devui-list-item-hover-bg, #f2f2f3);border-radius:0}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-in-range:not(.devui-date-picker-pro__year-active):hover{background-color:var(--devui-range-item-hover-bg, #e9edfa);border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-start:not(.devui-date-picker-pro__year-end):not(:hover){border-radius:var(--devui-border-radius-feedback, 4px) 0 0 var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-end:not(.devui-date-picker-pro__year-start):not(:hover){border-radius:0 var(--devui-border-radius-feedback, 4px) var(--devui-border-radius-feedback, 4px) 0}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-disabled{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed;border-radius:0}.devui-date-picker-pro__month-calendar-panel{height:300px;text-align:center;font-size:var(--devui-font-size-sm, 12px);display:flex}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list{height:100%;overflow:auto;scrollbar-width:none;display:inline-block;width:80px;-ms-overflow-style:none}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list::-webkit-scrollbar{width:0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list-item{background-color:var(--devui-global-bg, #f6f6f8);font-size:var(--devui-font-size-md, 12px);height:30px;line-height:30px;cursor:pointer}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list-item.devui-date-picker-pro__year-item-active{background-color:var(--devui-base-bg, #ffffff)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list-item:hover:not(.devui-date-picker-pro__year-item-active){background-color:var(--devui-list-item-selected-bg, #f2f5fc)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper{height:300px;width:208px;padding:4px;display:inline-block}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__month-list{height:100%;width:100%;overflow:auto;scrollbar-width:none}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__month-list::-webkit-scrollbar{width:0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__month-list tr,.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__month-list td{text-align:center;border:none;padding:0;font-size:var(--devui-font-size-sm, 12px)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-title{text-align:start;line-height:26px;color:var(--devui-aide-text, #71757f);padding-left:8px}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content{color:var(--devui-text, #252b3a);margin:0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item{width:60px;height:40px;padding:4px 0;box-sizing:border-box;text-align:center;cursor:pointer}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item span{cursor:pointer;display:block;height:32px;line-height:32px;border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item:hover:not(.devui-date-picker-pro__month-active):not(.devui-date-picker-pro__month-disabled) span{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__this-month span{color:var(--devui-brand, #5e7ce0)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-active span{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-in-range:not(.devui-date-picker-pro__month-active) span{background:var(--devui-list-item-hover-bg, #f2f2f3);border-radius:0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-in-range:not(.devui-date-picker-pro__month-active):hover span{background-color:var(--devui-range-item-hover-bg, #e9edfa);border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-start:not(.devui-date-picker-pro__month-end):not(:hover) span{border-radius:var(--devui-border-radius-feedback, 4px) 0 0 var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-end:not(.devui-date-picker-pro__month-start):not(:hover) span{border-radius:0 var(--devui-border-radius-feedback, 4px) var(--devui-border-radius-feedback, 4px) 0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-disabled{cursor:not-allowed}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-disabled span{color:var(--devui-disabled-text, #cfd0d3);border-radius:0}
package/dragdrop/index.es.js ADDED
@@ -0,0 +1,158 @@
1
+ var draggableDirective = {};
2
+ var droppableDirective = {};
3
+ function matches(element, selector) {
4
+ const proto = Element.prototype;
5
+ const func = proto.matchesSelector || proto.mozMatchesSelector || proto.msMatchesSelector || proto.oMatchesSelector || proto.webkitMatchesSelector || function(s) {
6
+ const ctx = this;
7
+ const matchesElements = (ctx.document || ctx.ownerDocument).querySelectorAll(s);
8
+ let i = matchesElements.length;
9
+ while (--i >= 0 && matchesElements.item(i) !== ctx) {
10
+ }
11
+ return i > -1;
12
+ };
13
+ return func.call(element, selector);
14
+ }
15
+ var SortableDirective = {
16
+ mounted(el, binding) {
17
+ let sourceElement;
18
+ let sourceIndex;
19
+ let targetIndex;
20
+ let mouseoverElement;
21
+ let isDrop;
22
+ const canDrag = () => {
23
+ var _a, _b;
24
+ if ((_a = binding == null ? void 0 : binding.value) == null ? void 0 : _a.handle) {
25
+ const handleSelector = (_b = binding == null ? void 0 : binding.value) == null ? void 0 : _b.handle;
26
+ let element = mouseoverElement;
27
+ while (element !== el) {
28
+ if (matches(element, handleSelector)) {
29
+ return true;
30
+ }
31
+ element = element.parentNode;
32
+ }
33
+ return false;
34
+ }
35
+ return true;
36
+ };
37
+ const getCurrentTarget = (event) => {
38
+ let index2 = -1;
39
+ let element = event.target;
40
+ while (element !== el) {
41
+ if (element.parentNode === el) {
42
+ index2 = Array.from(el.children).indexOf(element);
43
+ }
44
+ element = element.parentNode;
45
+ }
46
+ return index2;
47
+ };
48
+ const getDragClass = () => {
49
+ var _a;
50
+ return ((_a = binding == null ? void 0 : binding.value) == null ? void 0 : _a.dragClass) || "devui-drag-item";
51
+ };
52
+ const emitEvent = (funcName, event) => {
53
+ if (binding == null ? void 0 : binding.value[funcName]) {
54
+ binding == null ? void 0 : binding.value[funcName](event);
55
+ }
56
+ };
57
+ el.addEventListener("mouseover", (event) => {
58
+ mouseoverElement = event.target;
59
+ });
60
+ Array.from(el.children).forEach((element) => {
61
+ element.setAttribute("draggable", "true");
62
+ element.addEventListener("dragstart", (event) => {
63
+ if (canDrag()) {
64
+ isDrop = false;
65
+ sourceElement = element;
66
+ sourceIndex = Array.from(el.children).indexOf(sourceElement);
67
+ setTimeout(() => {
68
+ sourceElement.classList.add(getDragClass());
69
+ });
70
+ } else {
71
+ event.preventDefault();
72
+ event.stopPropagation();
73
+ }
74
+ emitEvent("dragStart", event);
75
+ });
76
+ });
77
+ el.addEventListener("dragenter", function(event) {
78
+ emitEvent("dragEnter", event);
79
+ });
80
+ el.addEventListener("dragover", function(event) {
81
+ var _a, _b;
82
+ const currentIndex = Array.from(el.children).indexOf(sourceElement);
83
+ const toIndex = getCurrentTarget(event);
84
+ if (currentIndex !== -1 && toIndex !== -1) {
85
+ if (currentIndex > toIndex) {
86
+ el.removeChild(sourceElement);
87
+ el.insertBefore(sourceElement, el.children[toIndex]);
88
+ targetIndex = toIndex;
89
+ } else if (currentIndex < toIndex) {
90
+ el.removeChild(sourceElement);
91
+ if (el.children[toIndex]) {
92
+ el.insertBefore(sourceElement, el.children[toIndex]);
93
+ targetIndex = toIndex;
94
+ } else {
95
+ el.appendChild(sourceElement);
96
+ targetIndex = el.children.length - 1;
97
+ }
98
+ }
99
+ ((_a = binding == null ? void 0 : binding.value) == null ? void 0 : _a.dragover) && ((_b = binding == null ? void 0 : binding.value) == null ? void 0 : _b.dragover(event));
100
+ }
101
+ event.preventDefault();
102
+ emitEvent("dragOver", event);
103
+ });
104
+ el.addEventListener("dragleave", function(event) {
105
+ emitEvent("dragLeave", event);
106
+ });
107
+ el.addEventListener("drop", function(event) {
108
+ var _a, _b, _c;
109
+ isDrop = true;
110
+ if ((_a = binding == null ? void 0 : binding.value) == null ? void 0 : _a.list) {
111
+ const list = (_b = binding == null ? void 0 : binding.value) == null ? void 0 : _b.list;
112
+ const item = list[sourceIndex];
113
+ list.splice(sourceIndex, 1);
114
+ list.splice(targetIndex, 0, item);
115
+ if ((_c = binding == null ? void 0 : binding.value) == null ? void 0 : _c.drop) {
116
+ emitEvent("drop", {
117
+ event,
118
+ list,
119
+ fromIndex: sourceIndex,
120
+ targetIndex
121
+ });
122
+ }
123
+ }
124
+ });
125
+ el.addEventListener("dragend", function(event) {
126
+ if (!isDrop) {
127
+ if (sourceIndex !== -1 && targetIndex !== -1) {
128
+ if (targetIndex > sourceIndex) {
129
+ el.removeChild(sourceElement);
130
+ el.insertBefore(sourceElement, el.children[sourceIndex]);
131
+ } else if (sourceIndex > targetIndex) {
132
+ el.removeChild(sourceElement);
133
+ if (el.children[sourceIndex]) {
134
+ el.insertBefore(sourceElement, el.children[sourceIndex]);
135
+ } else {
136
+ el.appendChild(sourceElement);
137
+ }
138
+ }
139
+ }
140
+ }
141
+ sourceIndex = -1;
142
+ targetIndex = -1;
143
+ setTimeout(() => {
144
+ sourceElement.classList.remove(getDragClass());
145
+ });
146
+ emitEvent("dragEnd", event);
147
+ });
148
+ }
149
+ };
150
+ var index = {
151
+ title: "Dragdrop \u62D6\u62FD",
152
+ category: "\u6F14\u8FDB\u4E2D",
153
+ status: "100%",
154
+ install(app) {
155
+ app.directive("DSortable", SortableDirective);
156
+ }
157
+ };
158
+ export { draggableDirective as DraggableDirective, droppableDirective as DroppableDirective, SortableDirective, index as default };
package/dragdrop/index.umd.js ADDED
@@ -0,0 +1 @@
1
+ (function(u,p){typeof exports=="object"&&typeof module!="undefined"?p(exports):typeof define=="function"&&define.amd?define(["exports"],p):(u=typeof globalThis!="undefined"?globalThis:u||self,p(u.index={}))})(this,function(u){"use strict";var p={},S={};function i(e,t){const a=Element.prototype;return(a.matchesSelector||a.mozMatchesSelector||a.msMatchesSelector||a.oMatchesSelector||a.webkitMatchesSelector||function(l){const v=this,h=(v.document||v.ownerDocument).querySelectorAll(l);let D=h.length;for(;--D>=0&&h.item(D)!==v;);return D>-1}).call(e,t)}var n={mounted(e,t){let a,c,l,v,h;const D=()=>{var r,s;if((r=t==null?void 0:t.value)==null?void 0:r.handle){const o=(s=t==null?void 0:t.value)==null?void 0:s.handle;let f=v;for(;f!==e;){if(i(f,o))return!0;f=f.parentNode}return!1}return!0},x=r=>{let s=-1,o=r.target;for(;o!==e;)o.parentNode===e&&(s=Array.from(e.children).indexOf(o)),o=o.parentNode;return s},E=()=>{var r;return((r=t==null?void 0:t.value)==null?void 0:r.dragClass)||"devui-drag-item"},m=(r,s)=>{(t==null?void 0:t.value[r])&&(t==null||t.value[r](s))};e.addEventListener("mouseover",r=>{v=r.target}),Array.from(e.children).forEach(r=>{r.setAttribute("draggable","true"),r.addEventListener("dragstart",s=>{D()?(h=!1,a=r,c=Array.from(e.children).indexOf(a),setTimeout(()=>{a.classList.add(E())})):(s.preventDefault(),s.stopPropagation()),m("dragStart",s)})}),e.addEventListener("dragenter",function(r){m("dragEnter",r)}),e.addEventListener("dragover",function(r){var f,d;const s=Array.from(e.children).indexOf(a),o=x(r);s!==-1&&o!==-1&&(s>o?(e.removeChild(a),e.insertBefore(a,e.children[o]),l=o):s<o&&(e.removeChild(a),e.children[o]?(e.insertBefore(a,e.children[o]),l=o):(e.appendChild(a),l=e.children.length-1)),((f=t==null?void 0:t.value)==null?void 0:f.dragover)&&((d=t==null?void 0:t.value)==null||d.dragover(r))),r.preventDefault(),m("dragOver",r)}),e.addEventListener("dragleave",function(r){m("dragLeave",r)}),e.addEventListener("drop",function(r){var s,o,f;if(h=!0,(s=t==null?void 0:t.value)==null?void 0:s.list){const d=(o=t==null?void 0:t.value)==null?void 0:o.list,L=d[c];d.splice(c,1),d.splice(l,0,L),((f=t==null?void 0:t.value)==null?void 0:f.drop)&&m("drop",{event:r,list:d,fromIndex:c,targetIndex:l})}}),e.addEventListener("dragend",function(r){h||c!==-1&&l!==-1&&(l>c?(e.removeChild(a),e.insertBefore(a,e.children[c])):c>l&&(e.removeChild(a),e.children[c]?e.insertBefore(a,e.children[c]):e.appendChild(a))),c=-1,l=-1,setTimeout(()=>{a.classList.remove(E())}),m("dragEnd",r)})}},y={title:"Dragdrop \u62D6\u62FD",category:"\u6F14\u8FDB\u4E2D",status:"100%",install(e){e.directive("DSortable",n)}};u.DraggableDirective=p,u.DroppableDirective=S,u.SortableDirective=n,u.default=y,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});
package/dragdrop/package.json ADDED
@@ -0,0 +1,8 @@
1
+ {
2
+ "name": "dragdrop",
3
+ "version": "0.0.0",
4
+ "main": "index.umd.js",
5
+ "module": "index.es.js",
6
+ "style": "style.css",
7
+ "types": "../types/dragdrop/index.d.ts"
8
+ }
package/editor-md/style.css CHANGED
@@ -1 +1 @@
1
- .devui-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;overflow:auto;background-color:var(--devui-base-bg, #ffffff)}.devui-fullscreen__html{overflow:hidden}:not(:root):fullscreen::backdrop{background:var(--devui-base-bg, #ffffff)}.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-dropdown span.icon-chevron-down,.devui-dropdown span.icon-select-arrow{display:inline-block;vertical-align:text-top}.devui-dropdown__menu-wrap .devui-dropdown-menu{width:100%}.devui-dropdown-animation span.icon-chevron-down,.devui-dropdown-animation span.icon-select-arrow{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-dropdown.open span.icon-chevron-down,.devui-dropdown.open span.icon-select-arrow{transform:rotate(180deg)}.fade-in-top{animation:fadeInTop .2s cubic-bezier(.16,.75,.5,1)}.fade-in-bottom{animation:fadeInBottom .2s cubic-bezier(.16,.75,.5,1)}@keyframes fadeInTop{0%{opacity:.8;transform:scaleY(.8) translateY(4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}@keyframes fadeInBottom{0%{opacity:.8;transform:scaleY(.8) translateY(-4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}.devui-dropdown--fade-bottom-enter-from,.devui-dropdown--fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.devui-dropdown--fade-bottom-enter-to,.devui-dropdown--fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-dropdown--fade-top-enter-from,.devui-dropdown--fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.devui-dropdown--fade-top-enter-to,.devui-dropdown--fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-tooltip{max-width:200px;min-height:26px;padding:4px 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);font-style:normal;font-weight:400;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-tooltip--fade-bottom-enter-from,.devui-tooltip--fade-bottom-leave-to,.devui-tooltip--fade-top-enter-from,.devui-tooltip--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-tooltip--fade-bottom-enter-to,.devui-tooltip--fade-bottom-leave-from,.devui-tooltip--fade-top-enter-to,.devui-tooltip--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-tooltip--fade-bottom-enter-active,.devui-tooltip--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-tooltip--fade-bottom-leave-active,.devui-tooltip--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-tooltip--fade-left-enter-from,.devui-tooltip--fade-left-leave-to,.devui-tooltip--fade-right-enter-from,.devui-tooltip--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-tooltip--fade-left-enter-to,.devui-tooltip--fade-left-leave-from,.devui-tooltip--fade-right-enter-to,.devui-tooltip--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-tooltip--fade-left-enter-active,.devui-tooltip--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-tooltip--fade-left-leave-active,.devui-tooltip--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.md-toolbar-container{display:flex;flex-wrap:wrap;align-items:center;margin-left:20px}.md-toolbar-container .md-toolbar-span{width:1px;height:22px;margin-right:12px;background:var(--devui-dividing-line, #f2f2f3)}.md-toolbar-item{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;margin-right:12px;cursor:pointer}.md-toolbar-item svg,.md-toolbar-item polygon,.md-toolbar-item path{fill:var(--devui-icon-text, #71757f)}.md-toolbar-item:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.md-toolbar-item:hover svg,.md-toolbar-item:hover polygon,.md-toolbar-item:hover path{fill:var(--devui-brand, #5e7ce0)}.dropdown-font-size{padding:0;margin:0}.dropdown-font-size li{width:80px;padding:4px 8px;list-style:none;cursor:pointer}.dropdown-font-size li:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.dropdown-font-color{display:inline-flex;width:352px}.dropdown-font-color .color-wrap{width:50%;padding-left:4px}.dropdown-font-color .color-wrap p{line-height:38px;padding:0;margin:0}.dropdown-font-color .color-picker{display:flex;flex-wrap:wrap;width:172px;padding:0;margin:0}.dropdown-font-color .color-picker li{display:block;width:20px;height:20px;margin:0 2px 2px;padding:0;list-style:none;cursor:pointer}.dropdown-font-color .color-picker li:hover{border:2px solid var(--devui-link-light-active, #beccfa)}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:#14ff1480;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error,.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:white}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.dp-md-view{font-size:14px}.dp-md-view p{word-wrap:break-word;margin:0 0 10px;padding:0}.dp-md-view ul{list-style-type:disc;padding-left:16px}.dp-md-view ol{list-style-type:decimal;padding-left:24px}.dp-md-view h1{position:relative;color:var(--devui-text, #252b3a);font-weight:700;font-size:28px}.dp-md-view table{margin-bottom:10px;border-collapse:collapse;display:table}.dp-md-view td,.dp-md-view th{padding:5px 10px;border:1px solid var(--devui-dividing-line, #f2f2f3);background-color:var(--devui-base-bg, #ffffff)}.dp-md-view caption{border:1px dashed var(--devui-line, #d7d8da);border-bottom:0;padding:3px;text-align:center}.dp-md-view th{border-top:1px solid var(--devui-dividing-line, #f2f2f3);background-color:var(--devui-global-bg, #f6f6f8)}.dp-md-view .ue-table-interlace-color-single{background-color:var(--devui-base-bg, #ffffff)}.dp-md-view .ue-table-interlace-color-double{background-color:var(--devui-list-item-strip-bg, #f2f5fc)}.dp-md-view td p{margin:0;padding:0}.dp-md-view code{color:#c7254e}.dp-md-view pre,.dp-md-view pre code{color:var(--devui-text, #252b3a);background-color:var(--devui-area, #f5f5f5);padding:.5em;font-size:12px}.dp-md-view pre.hljs,.dp-md-view pre code.hljs{background-color:var(--devui-area, #f5f5f5)}.dp-md-view .h1,.dp-md-view .h2,.dp-md-view .h3,.dp-md-view .h4,.dp-md-view .h5,.dp-md-view .h6,.dp-md-view h1,.dp-md-view h2,.dp-md-view h3,.dp-md-view h4,.dp-md-view h5,.dp-md-view h6{line-height:1.1}.dp-md-view blockquote{padding:0 8px;margin:0;color:var(--devui-text-weak, #575d6c);border-left:5px solid var(--devui-dividing-line, #f2f2f3)}.dp-md-view a{color:var(--devui-link, #526ecc);text-decoration:underline;cursor:pointer}.dp-md-view a:hover{color:var(--devui-link-active, #526ecc)}.dp-md-view img{max-width:100%}.dp-md-view input[type=checkbox]{vertical-align:middle}.dp-md-view .hljs{display:block;overflow-x:auto;padding:.5em;color:var(--devui-text, #252b3a)}.dp-md-view .hljs-comment,.dp-md-view .hljs-quote{color:#998;font-style:italic}.dp-md-view .hljs-keyword,.dp-md-view .hljs-selector-tag,.dp-md-view .hljs-subst{color:var(--devui-text, #252b3a);font-weight:700}.dp-md-view .hljs-number,.dp-md-view .hljs-literal,.dp-md-view .hljs-variable,.dp-md-view .hljs-template-variable,.dp-md-view .hljs-tag .hljs-attr{color:var(--devui-warning-line, #fa9841)}.dp-md-view .hljs-string,.dp-md-view .hljs-doctag{color:var(--devui-danger-line, #f66f6a)}.dp-md-view .hljs-title,.dp-md-view .hljs-section,.dp-md-view .hljs-selector-id{color:var(--devui-danger-line, #f66f6a);font-weight:700}.dp-md-view .hljs-subst{font-weight:400}.dp-md-view .hljs-type,.dp-md-view .hljs-class .hljs-title{font-weight:700;color:#458}.dp-md-view .hljs-tag,.dp-md-view .hljs-name,.dp-md-view .hljs-attribute{color:navy;font-weight:400}.dp-md-view .hljs-symbol,.dp-md-view .hljs-bullet{color:#990073}.dp-md-view .hljs-built_in,.dp-md-view .hljs-builtin-name{color:#0086b3}.dp-md-view .hljs-meta{color:#999;font-weight:700}.dp-md-view .hljs-deletion{background:#ffdddd}.dp-md-view .hljs-addition{background:#ddffdd}.dp-md-view .hljs-emphasis{font-style:italic}.dp-md-view .hljs-strong{font-weight:700}.dp-md-view.devui-md-view-dark .hljs{display:block;overflow-x:auto;padding:.5em;color:#abb2bf}.dp-md-view.devui-md-view-dark .hljs-comment,.dp-md-view.devui-md-view-dark .hljs-quote{color:#5c6370;font-style:italic}.dp-md-view.devui-md-view-dark .hljs-doctag,.dp-md-view.devui-md-view-dark .hljs-keyword,.dp-md-view.devui-md-view-dark .hljs-formula{color:#c678dd}.dp-md-view.devui-md-view-dark .hljs-section,.dp-md-view.devui-md-view-dark .hljs-name,.dp-md-view.devui-md-view-dark .hljs-selector-tag,.dp-md-view.devui-md-view-dark .hljs-deletion,.dp-md-view.devui-md-view-dark .hljs-subst{color:#e06c75}.dp-md-view.devui-md-view-dark .hljs-literal{color:#56b6c2}.dp-md-view.devui-md-view-dark .hljs-string,.dp-md-view.devui-md-view-dark .hljs-regexp,.dp-md-view.devui-md-view-dark .hljs-addition,.dp-md-view.devui-md-view-dark .hljs-attribute,.dp-md-view.devui-md-view-dark .hljs-meta-string{color:#98c379}.dp-md-view.devui-md-view-dark .hljs-built_in,.dp-md-view.devui-md-view-dark .hljs-class .hljs-title{color:#e6c07b}.dp-md-view.devui-md-view-dark .hljs-attr,.dp-md-view.devui-md-view-dark .hljs-variable,.dp-md-view.devui-md-view-dark .hljs-template-variable,.dp-md-view.devui-md-view-dark .hljs-type,.dp-md-view.devui-md-view-dark .hljs-selector-class,.dp-md-view.devui-md-view-dark .hljs-selector-attr,.dp-md-view.devui-md-view-dark .hljs-selector-pseudo,.dp-md-view.devui-md-view-dark .hljs-number{color:#d19a66}.dp-md-view.devui-md-view-dark .hljs-symbol,.dp-md-view.devui-md-view-dark .hljs-bullet,.dp-md-view.devui-md-view-dark .hljs-link,.dp-md-view.devui-md-view-dark .hljs-meta,.dp-md-view.devui-md-view-dark .hljs-selector-id,.dp-md-view.devui-md-view-dark .hljs-title{color:#61aeee}.dp-md-view.devui-md-view-dark .hljs-emphasis{font-style:italic}.dp-md-view.devui-md-view-dark .hljs-strong{font-weight:700}.dp-md-view.devui-md-view-dark .hljs-link{text-decoration:underline}.dp-md-container{display:block;height:100%;font-family:helvetica,arial,PingFang,Microsoft YaHei,Hiragino Sans GB,Microsoft JhengHei,sans-serif;font-size:14px;border:1px solid var(--devui-dividing-line, #f2f2f3);border-radius:var(--devui-border-radius, 2px)}.dp-md-container .CodeMirror-lines{padding:20px 0}.dp-md-container .CodeMirror pre{padding:0 20px}.dp-md-container .CodeMirror pre.CodeMirror-line,.dp-md-container .CodeMirror pre.CodeMirror-line-like{color:var(--devui-text, #252b3a);font-family:helvetica,arial,PingFang,Microsoft YaHei,Hiragino Sans GB,Microsoft JhengHei,sans-serif}.dp-md-container .dp-md-toolbar-container{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:8px 0;border-bottom:1px solid var(--devui-dividing-line, #f2f2f3);background-color:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0 0}.dp-md-container.dp-md-readonly .dp-md-content-container,.dp-md-container.dp-md-editonly .dp-md-content-container{position:relative;z-index:0}.dp-md-container.dp-md-readonly .dp-md-content-container .dp-md-editor,.dp-md-container.dp-md-readonly .dp-md-content-container .dp-editor-md-preview-container,.dp-md-container.dp-md-editonly .dp-md-content-container .dp-md-editor,.dp-md-container.dp-md-editonly .dp-md-content-container .dp-editor-md-preview-container{position:absolute;width:100%;height:100%;top:0;left:0}.dp-md-container.dp-md-readonly .dp-md-content-container .dp-md-editor{z-index:-1}.dp-md-container.dp-md-readonly .dp-md-toolbar-container{opacity:.3;pointer-events:none}.dp-md-container.dp-md-readonly .dp-md-content-container .dp-editor-md-preview-container{border-left:none}.dp-md-container.dp-md-editonly .dp-md-content-container .dp-editor-md-preview-container{z-index:-1}.dp-md-container .dp-md-content-container{display:flex;height:calc(100% - 52px);min-height:250px}.dp-md-container .dp-md-content-container .CodeMirror-scroll{padding-top:5px}.dp-md-container .dp-md-content-container .dp-md-editor{position:relative;width:50%;flex-shrink:0}.dp-md-container .dp-md-content-container .dp-md-editor .dp-md-count{display:inline-block;position:absolute;right:8px;bottom:4px;font-size:12px;color:var(--devui-aide-text, #71757f)}.dp-md-container .dp-md-content-container .dp-editor-md-preview-container{width:50%;flex-shrink:0;padding:20px;border-left:1px solid var(--devui-dividing-line, #f2f2f3);border-bottom-right-radius:var(--devui-border-radius, 2px);overflow-y:auto;background-color:var(--devui-base-bg, #ffffff)}
1
+ .devui-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;overflow:auto;background-color:var(--devui-base-bg, #ffffff)}.devui-fullscreen__html{overflow:hidden}:not(:root):fullscreen::backdrop{background:var(--devui-base-bg, #ffffff)}.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-dropdown span.icon-chevron-down,.devui-dropdown span.icon-select-arrow{display:inline-block;vertical-align:text-top}.devui-dropdown__menu-wrap .devui-dropdown-menu{width:100%}.devui-dropdown-animation span.icon-chevron-down,.devui-dropdown-animation span.icon-select-arrow{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-dropdown.open span.icon-chevron-down,.devui-dropdown.open span.icon-select-arrow{transform:rotate(180deg)}.fade-in-top{animation:fadeInTop .2s cubic-bezier(.16,.75,.5,1)}.fade-in-bottom{animation:fadeInBottom .2s cubic-bezier(.16,.75,.5,1)}@keyframes fadeInTop{0%{opacity:.8;transform:scaleY(.8) translateY(4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}@keyframes fadeInBottom{0%{opacity:.8;transform:scaleY(.8) translateY(-4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}.devui-dropdown--fade-bottom-enter-from,.devui-dropdown--fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.devui-dropdown--fade-bottom-enter-to,.devui-dropdown--fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-dropdown--fade-top-enter-from,.devui-dropdown--fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.devui-dropdown--fade-top-enter-to,.devui-dropdown--fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-tooltip{max-width:200px;min-height:26px;padding:4px 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);font-style:normal;font-weight:400;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-tooltip--fade-bottom-enter-from,.devui-tooltip--fade-bottom-leave-to,.devui-tooltip--fade-top-enter-from,.devui-tooltip--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-tooltip--fade-bottom-enter-to,.devui-tooltip--fade-bottom-leave-from,.devui-tooltip--fade-top-enter-to,.devui-tooltip--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-tooltip--fade-bottom-enter-active,.devui-tooltip--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-tooltip--fade-bottom-leave-active,.devui-tooltip--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-tooltip--fade-left-enter-from,.devui-tooltip--fade-left-leave-to,.devui-tooltip--fade-right-enter-from,.devui-tooltip--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-tooltip--fade-left-enter-to,.devui-tooltip--fade-left-leave-from,.devui-tooltip--fade-right-enter-to,.devui-tooltip--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-tooltip--fade-left-enter-active,.devui-tooltip--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-tooltip--fade-left-leave-active,.devui-tooltip--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.md-toolbar-container{display:flex;flex-wrap:wrap;align-items:center;margin-left:20px}.md-toolbar-container .md-toolbar-span{width:1px;height:22px;margin-right:12px;background:var(--devui-dividing-line, #f2f2f3)}.md-toolbar-item{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;margin-right:12px;cursor:pointer}.md-toolbar-item svg,.md-toolbar-item polygon,.md-toolbar-item path{fill:var(--devui-icon-text, #71757f)}.md-toolbar-item:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.md-toolbar-item:hover svg,.md-toolbar-item:hover polygon,.md-toolbar-item:hover path{fill:var(--devui-brand, #5e7ce0)}.dropdown-font-size{padding:0;margin:0}.dropdown-font-size li{width:80px;padding:4px 8px;list-style:none;cursor:pointer}.dropdown-font-size li:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.dropdown-font-color{display:inline-flex;width:352px}.dropdown-font-color .color-wrap{width:50%;padding-left:4px}.dropdown-font-color .color-wrap p{line-height:38px;padding:0;margin:0}.dropdown-font-color .color-picker{display:flex;flex-wrap:wrap;width:172px;padding:0;margin:0}.dropdown-font-color .color-picker li{display:block;width:20px;height:20px;margin:0 2px 2px;padding:0;list-style:none;cursor:pointer}.dropdown-font-color .color-picker li:hover{border:2px solid var(--devui-link-light-active, #beccfa)}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:#14ff1480;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error,.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:white}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.dp-md-view{font-size:14px}.dp-md-view p{word-wrap:break-word;margin:0 0 10px;padding:0}.dp-md-view ul{list-style-type:disc;padding-left:16px}.dp-md-view ol{list-style-type:decimal;padding-left:24px}.dp-md-view h1{position:relative;color:var(--devui-text, #252b3a);font-weight:700;font-size:28px}.dp-md-view table{margin-bottom:10px;border-collapse:collapse;display:table}.dp-md-view td,.dp-md-view th{padding:5px 10px;border:1px solid var(--devui-dividing-line, #f2f2f3);background-color:var(--devui-base-bg, #ffffff)}.dp-md-view caption{border:1px dashed var(--devui-line, #d7d8da);border-bottom:0;padding:3px;text-align:center}.dp-md-view th{border-top:1px solid var(--devui-dividing-line, #f2f2f3);background-color:var(--devui-global-bg, #f6f6f8)}.dp-md-view .ue-table-interlace-color-single{background-color:var(--devui-base-bg, #ffffff)}.dp-md-view .ue-table-interlace-color-double{background-color:var(--devui-list-item-strip-bg, #f2f5fc)}.dp-md-view td p{margin:0;padding:0}.dp-md-view code{color:#c7254e}.dp-md-view pre,.dp-md-view pre code{color:var(--devui-text, #252b3a);background-color:var(--devui-area, #f5f5f5);padding:.5em;font-size:12px}.dp-md-view pre.hljs,.dp-md-view pre code.hljs{background-color:var(--devui-area, #f5f5f5)}.dp-md-view .h1,.dp-md-view .h2,.dp-md-view .h3,.dp-md-view .h4,.dp-md-view .h5,.dp-md-view .h6,.dp-md-view h1,.dp-md-view h2,.dp-md-view h3,.dp-md-view h4,.dp-md-view h5,.dp-md-view h6{line-height:1.1}.dp-md-view blockquote{padding:0 8px;margin:0;color:var(--devui-text-weak, #575d6c);border-left:5px solid var(--devui-dividing-line, #f2f2f3)}.dp-md-view a{color:var(--devui-link, #526ecc);text-decoration:underline;cursor:pointer}.dp-md-view a:hover{color:var(--devui-link-active, #526ecc)}.dp-md-view img{max-width:100%}.dp-md-view input[type=checkbox]{vertical-align:middle}.dp-md-view .hljs{display:block;overflow-x:auto;padding:.5em;color:var(--devui-text, #252b3a)}.dp-md-view .hljs-comment,.dp-md-view .hljs-quote{color:#998;font-style:italic}.dp-md-view .hljs-keyword,.dp-md-view .hljs-selector-tag,.dp-md-view .hljs-subst{color:var(--devui-text, #252b3a);font-weight:700}.dp-md-view .hljs-number,.dp-md-view .hljs-literal,.dp-md-view .hljs-variable,.dp-md-view .hljs-template-variable,.dp-md-view .hljs-tag .hljs-attr{color:var(--devui-warning-line, #fa9841)}.dp-md-view .hljs-string,.dp-md-view .hljs-doctag{color:var(--devui-danger-line, #f66f6a)}.dp-md-view .hljs-title,.dp-md-view .hljs-section,.dp-md-view .hljs-selector-id{color:var(--devui-danger-line, #f66f6a);font-weight:700}.dp-md-view .hljs-subst{font-weight:400}.dp-md-view .hljs-type,.dp-md-view .hljs-class .hljs-title{font-weight:700;color:#458}.dp-md-view .hljs-tag,.dp-md-view .hljs-name,.dp-md-view .hljs-attribute{color:navy;font-weight:400}.dp-md-view .hljs-symbol,.dp-md-view .hljs-bullet{color:#990073}.dp-md-view .hljs-built_in,.dp-md-view .hljs-builtin-name{color:#0086b3}.dp-md-view .hljs-meta{color:#999;font-weight:700}.dp-md-view .hljs-deletion{background:#ffdddd}.dp-md-view .hljs-addition{background:#ddffdd}.dp-md-view .hljs-emphasis{font-style:italic}.dp-md-view .hljs-strong{font-weight:700}.dp-md-view.devui-md-view-dark .hljs{display:block;overflow-x:auto;padding:.5em;color:#abb2bf}.dp-md-view.devui-md-view-dark .hljs-comment,.dp-md-view.devui-md-view-dark .hljs-quote{color:#5c6370;font-style:italic}.dp-md-view.devui-md-view-dark .hljs-doctag,.dp-md-view.devui-md-view-dark .hljs-keyword,.dp-md-view.devui-md-view-dark .hljs-formula{color:#c678dd}.dp-md-view.devui-md-view-dark .hljs-section,.dp-md-view.devui-md-view-dark .hljs-name,.dp-md-view.devui-md-view-dark .hljs-selector-tag,.dp-md-view.devui-md-view-dark .hljs-deletion,.dp-md-view.devui-md-view-dark .hljs-subst{color:#e06c75}.dp-md-view.devui-md-view-dark .hljs-literal{color:#56b6c2}.dp-md-view.devui-md-view-dark .hljs-string,.dp-md-view.devui-md-view-dark .hljs-regexp,.dp-md-view.devui-md-view-dark .hljs-addition,.dp-md-view.devui-md-view-dark .hljs-attribute,.dp-md-view.devui-md-view-dark .hljs-meta-string{color:#98c379}.dp-md-view.devui-md-view-dark .hljs-built_in,.dp-md-view.devui-md-view-dark .hljs-class .hljs-title{color:#e6c07b}.dp-md-view.devui-md-view-dark .hljs-attr,.dp-md-view.devui-md-view-dark .hljs-variable,.dp-md-view.devui-md-view-dark .hljs-template-variable,.dp-md-view.devui-md-view-dark .hljs-type,.dp-md-view.devui-md-view-dark .hljs-selector-class,.dp-md-view.devui-md-view-dark .hljs-selector-attr,.dp-md-view.devui-md-view-dark .hljs-selector-pseudo,.dp-md-view.devui-md-view-dark .hljs-number{color:#d19a66}.dp-md-view.devui-md-view-dark .hljs-symbol,.dp-md-view.devui-md-view-dark .hljs-bullet,.dp-md-view.devui-md-view-dark .hljs-link,.dp-md-view.devui-md-view-dark .hljs-meta,.dp-md-view.devui-md-view-dark .hljs-selector-id,.dp-md-view.devui-md-view-dark .hljs-title{color:#61aeee}.dp-md-view.devui-md-view-dark .hljs-emphasis{font-style:italic}.dp-md-view.devui-md-view-dark .hljs-strong{font-weight:700}.dp-md-view.devui-md-view-dark .hljs-link{text-decoration:underline}.dp-md-container{display:block;height:100%;font-family:helvetica,arial,PingFang,Microsoft YaHei,Hiragino Sans GB,Microsoft JhengHei,sans-serif;font-size:14px;border:1px solid var(--devui-dividing-line, #f2f2f3);border-radius:var(--devui-border-radius, 2px)}.dp-md-container .CodeMirror-lines{padding:20px 0}.dp-md-container .CodeMirror pre{padding:0 20px}.dp-md-container .CodeMirror pre.CodeMirror-line,.dp-md-container .CodeMirror pre.CodeMirror-line-like{color:var(--devui-text, #252b3a);font-family:helvetica,arial,PingFang,Microsoft YaHei,Hiragino Sans GB,Microsoft JhengHei,sans-serif}.dp-md-container .dp-md-toolbar-container{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:8px 0;border-bottom:1px solid var(--devui-dividing-line, #f2f2f3);background-color:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0 0}.dp-md-container.dp-md-readonly .dp-md-content-container,.dp-md-container.dp-md-editonly .dp-md-content-container{position:relative;z-index:0}.dp-md-container.dp-md-readonly .dp-md-content-container .dp-md-editor,.dp-md-container.dp-md-readonly .dp-md-content-container .dp-editor-md-preview-container,.dp-md-container.dp-md-editonly .dp-md-content-container .dp-md-editor,.dp-md-container.dp-md-editonly .dp-md-content-container .dp-editor-md-preview-container{position:absolute;width:100%;height:100%;top:0;left:0}.dp-md-container.dp-md-readonly .dp-md-content-container .dp-md-editor{z-index:-1}.dp-md-container.dp-md-readonly .dp-md-toolbar-container{opacity:.3;pointer-events:none}.dp-md-container.dp-md-readonly .dp-md-content-container .dp-editor-md-preview-container{border-left:none}.dp-md-container.dp-md-editonly .dp-md-content-container .dp-editor-md-preview-container{z-index:-1}.dp-md-container .dp-md-content-container{display:flex;height:calc(100% - 52px);min-height:250px}.dp-md-container .dp-md-content-container .CodeMirror-scroll{padding-top:5px}.dp-md-container .dp-md-content-container .dp-md-editor{position:relative;width:50%;flex-shrink:0}.dp-md-container .dp-md-content-container .dp-md-editor .dp-md-count{display:inline-block;position:absolute;right:8px;bottom:4px;font-size:12px;color:var(--devui-aide-text, #71757f)}.dp-md-container .dp-md-content-container .dp-editor-md-preview-container{width:50%;flex-shrink:0;padding:20px;border-left:1px solid var(--devui-dividing-line, #f2f2f3);border-bottom-right-radius:var(--devui-border-radius, 2px);overflow-y:auto;background-color:var(--devui-base-bg, #ffffff)}.dp-md-view pre code{display:block;overflow-x:auto;line-height:1.5}
package/form/index.es.js CHANGED
@@ -73,6 +73,10 @@ const formProps = {
73
73
  },
74
74
  size: {
75
75
  type: String
76
+ },
77
+ hideRequiredMark: {
78
+ type: Boolean,
79
+ default: false
76
80
  }
77
81
  };
78
82
  const FORM_TOKEN = Symbol("dForm");
@@ -6381,6 +6385,7 @@ function PendingIcon() {
6381
6385
  }, null)])]);
6382
6386
  }
6383
6387
  function useFormLabel() {
6388
+ const formContext = inject(FORM_TOKEN);
6384
6389
  const formItemContext = inject(FORM_ITEM_TOKEN);
6385
6390
  const labelData = inject(LABEL_DATA);
6386
6391
  const ns2 = useNamespace("form");
@@ -6392,7 +6397,8 @@ function useFormLabel() {
6392
6397
  }));
6393
6398
  const labelInnerClasses = computed(() => ({
6394
6399
  [`${ns2.e("label-span")}`]: true,
6395
- [`${ns2.em("label", "required")}`]: formItemContext.isRequired
6400
+ [`${ns2.em("label", "required")}`]: formItemContext.isRequired,
6401
+ [`${ns2.em("label", "required-hide")}`]: formItemContext.isRequired && formContext.hideRequiredMark
6396
6402
  }));
6397
6403
  return { labelClasses, labelInnerClasses };
6398
6404
  }