xmlui 0.9.13 → 0.9.14

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 (28) hide show
  1. package/dist/{apiInterceptorWorker-BUaYCWe6.mjs → apiInterceptorWorker-B9XuRkxC.mjs} +1 -1
  2. package/dist/{index-DiCe0Ajo.mjs → index-D82p1y9A.mjs} +421 -203
  3. package/dist/index.css +298 -275
  4. package/dist/scripts/src/components/Card/Card.js +17 -1
  5. package/dist/scripts/src/components/Card/CardNative.js +2 -3
  6. package/dist/scripts/src/components/DatePicker/DatePickerNative.js +2 -2
  7. package/dist/scripts/src/components/Markdown/Markdown.js +10 -9
  8. package/dist/scripts/src/components/Option/Option.js +0 -1
  9. package/dist/scripts/src/components/Select/Select.js +3 -2
  10. package/dist/scripts/src/components/Select/SelectNative.js +1 -1
  11. package/dist/scripts/src/components/Table/Table.js +7 -1
  12. package/dist/scripts/src/components/Table/TableNative.js +2 -1
  13. package/dist/scripts/src/components-core/LoaderComponent.js +14 -0
  14. package/dist/scripts/src/components-core/abstractions/containers.js +1 -0
  15. package/dist/scripts/src/components-core/loader/ApiLoader.js +4 -5
  16. package/dist/scripts/src/components-core/loader/DataLoader.js +4 -4
  17. package/dist/scripts/src/components-core/loader/ExternalDataLoader.js +4 -7
  18. package/dist/scripts/src/components-core/loader/Loader.js +23 -11
  19. package/dist/scripts/src/components-core/loader/MockLoaderRenderer.js +3 -3
  20. package/dist/scripts/src/components-core/loader/PageableLoader.js +14 -4
  21. package/dist/scripts/src/components-core/rendering/reducer.js +9 -3
  22. package/dist/style.css +298 -275
  23. package/dist/xmlui-metadata.mjs +197 -156
  24. package/dist/xmlui-metadata.umd.js +197 -156
  25. package/dist/xmlui-standalone.umd.js +4911 -2858
  26. package/dist/xmlui.d.ts +33 -1
  27. package/dist/xmlui.mjs +1 -1
  28. package/package.json +2 -2
package/dist/style.css CHANGED
@@ -2416,7 +2416,7 @@ See this source for details: https://css-tricks.com/line-clampin/
2416
2416
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
2417
2417
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
2418
2418
  */
2419
- ._wrapper_1fkvh_13 {
2419
+ ._wrapper_1arn2_13 {
2420
2420
  border-left: var(--xmlui-borderLeft-Card, var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card)));
2421
2421
  border-right: var(--xmlui-borderRight-Card, var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card)));
2422
2422
  border-top: var(--xmlui-borderTop-Card, var(--xmlui-borderVertical-Card, var(--xmlui-border-Card)));
@@ -2447,17 +2447,29 @@ See this source for details: https://css-tricks.com/line-clampin/
2447
2447
  background-color: var(--xmlui-backgroundColor-Card);
2448
2448
  display: flex;
2449
2449
  flex-direction: column;
2450
- gap: var(--stack-gap-default);
2450
+ gap: var(--xmlui-gap-Card);
2451
2451
  }
2452
- ._wrapper_1fkvh_13._horizontal_1fkvh_46 {
2452
+ ._wrapper_1arn2_13 ._avatarWrapper_1arn2_46 {
2453
+ display: flex;
2454
+ flex-direction: row;
2455
+ align-items: var(--xmlui-verticalAlignment-title-Card);
2456
+ gap: var(--xmlui-gap-avatar-Card);
2457
+ }
2458
+ ._wrapper_1arn2_13 ._titleWrapper_1arn2_52 {
2459
+ display: flex;
2460
+ flex-direction: column;
2461
+ align-items: var(--xmlui-horizontalAlignment-title-Card);
2462
+ width: 100%;
2463
+ gap: var(--xmlui-gap-title-Card);
2464
+ }
2465
+ ._wrapper_1arn2_13._horizontal_1arn2_59 {
2453
2466
  flex-direction: row;
2454
2467
  align-items: center;
2455
- padding-block: var(--xmlui-space-2);
2456
2468
  }
2457
- ._wrapper_1fkvh_13._vertical_1fkvh_51 {
2469
+ ._wrapper_1arn2_13._vertical_1arn2_63 {
2458
2470
  flex-direction: column;
2459
2471
  }
2460
- ._wrapper_1fkvh_13._isClickable_1fkvh_54 {
2472
+ ._wrapper_1arn2_13._isClickable_1arn2_66 {
2461
2473
  cursor: pointer;
2462
2474
  }/*
2463
2475
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -2922,7 +2934,7 @@ See this source for details: https://css-tricks.com/line-clampin/
2922
2934
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
2923
2935
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
2924
2936
  */
2925
- ._datePicker_1lk6v_13 {
2937
+ ._datePicker_qilmv_13 {
2926
2938
  display: flex;
2927
2939
  align-items: center;
2928
2940
  cursor: pointer;
@@ -2944,25 +2956,25 @@ See this source for details: https://css-tricks.com/line-clampin/
2944
2956
  color: var(--xmlui-textColor-DatePicker-default);
2945
2957
  padding: var(--xmlui-padding-DatePicker-default);
2946
2958
  }
2947
- ._datePicker_1lk6v_13:hover {
2959
+ ._datePicker_qilmv_13:hover {
2948
2960
  border-color: var(--xmlui-borderColor-DatePicker-default--hover);
2949
2961
  background-color: var(--xmlui-backgroundColor-DatePicker-default--hover);
2950
2962
  box-shadow: var(--xmlui-boxShadow-DatePicker-default--hover);
2951
2963
  color: var(--xmlui-textColor-DatePicker-default--hover);
2952
2964
  }
2953
- ._datePicker_1lk6v_13:focus {
2965
+ ._datePicker_qilmv_13:focus {
2954
2966
  outline-width: var(--xmlui-outlineWidth-DatePicker-default--focus);
2955
2967
  outline-color: var(--xmlui-outlineColor-DatePicker-default--focus);
2956
2968
  outline-style: var(--xmlui-outlineStyle-DatePicker-default--focus);
2957
2969
  outline-offset: var(--xmlui-outlineOffset-DatePicker-default--focus);
2958
2970
  }
2959
- ._datePicker_1lk6v_13 ._placeholder_1lk6v_47 {
2971
+ ._datePicker_qilmv_13 ._placeholder_qilmv_47 {
2960
2972
  color: var(--xmlui-textColor-placeholder-DatePicker-default);
2961
2973
  }
2962
- ._datePicker_1lk6v_13 ._adornment_1lk6v_50 {
2974
+ ._datePicker_qilmv_13 ._adornment_qilmv_50 {
2963
2975
  color: var(--xmlui-textColor-adornment-DatePicker-default);
2964
2976
  }
2965
- ._datePicker_1lk6v_13._error_1lk6v_53 {
2977
+ ._datePicker_qilmv_13._error_qilmv_53 {
2966
2978
  border-radius: var(--xmlui-borderRadius-DatePicker-error);
2967
2979
  border-color: var(--xmlui-borderColor-DatePicker-error);
2968
2980
  border-width: var(--xmlui-borderWidth-DatePicker-error);
@@ -2972,25 +2984,25 @@ See this source for details: https://css-tricks.com/line-clampin/
2972
2984
  color: var(--xmlui-textColor-DatePicker-error);
2973
2985
  padding: var(--xmlui-padding-DatePicker-error);
2974
2986
  }
2975
- ._datePicker_1lk6v_13._error_1lk6v_53:hover {
2987
+ ._datePicker_qilmv_13._error_qilmv_53:hover {
2976
2988
  border-color: var(--xmlui-borderColor-DatePicker-error--hover);
2977
2989
  background-color: var(--xmlui-backgroundColor-DatePicker-error--hover);
2978
2990
  box-shadow: var(--xmlui-boxShadow-DatePicker-error--hover);
2979
2991
  color: var(--xmlui-textColor-DatePicker-error--hover);
2980
2992
  }
2981
- ._datePicker_1lk6v_13._error_1lk6v_53:focus {
2993
+ ._datePicker_qilmv_13._error_qilmv_53:focus {
2982
2994
  outline-width: var(--xmlui-outlineWidth-DatePicker-error--focus);
2983
2995
  outline-color: var(--xmlui-outlineColor-DatePicker-error--focus);
2984
2996
  outline-style: var(--xmlui-outlineStyle-DatePicker-error--focus);
2985
2997
  outline-offset: var(--xmlui-outlineOffset-DatePicker-error--focus);
2986
2998
  }
2987
- ._datePicker_1lk6v_13._error_1lk6v_53 ._placeholder_1lk6v_47 {
2999
+ ._datePicker_qilmv_13._error_qilmv_53 ._placeholder_qilmv_47 {
2988
3000
  color: var(--xmlui-textColor-placeholder-DatePicker-error);
2989
3001
  }
2990
- ._datePicker_1lk6v_13._error_1lk6v_53 ._adornment_1lk6v_50 {
3002
+ ._datePicker_qilmv_13._error_qilmv_53 ._adornment_qilmv_50 {
2991
3003
  color: var(--xmlui-textColor-adornment-DatePicker-error);
2992
3004
  }
2993
- ._datePicker_1lk6v_13._warning_1lk6v_81 {
3005
+ ._datePicker_qilmv_13._warning_qilmv_81 {
2994
3006
  border-radius: var(--xmlui-borderRadius-DatePicker-warning);
2995
3007
  border-color: var(--xmlui-borderColor-DatePicker-warning);
2996
3008
  border-width: var(--xmlui-borderWidth-DatePicker-warning);
@@ -3000,25 +3012,25 @@ See this source for details: https://css-tricks.com/line-clampin/
3000
3012
  color: var(--xmlui-textColor-DatePicker-warning);
3001
3013
  padding: var(--xmlui-padding-DatePicker-warning);
3002
3014
  }
3003
- ._datePicker_1lk6v_13._warning_1lk6v_81:hover {
3015
+ ._datePicker_qilmv_13._warning_qilmv_81:hover {
3004
3016
  border-color: var(--xmlui-borderColor-DatePicker-warning--hover);
3005
3017
  background-color: var(--xmlui-backgroundColor-DatePicker-warning--hover);
3006
3018
  box-shadow: var(--xmlui-boxShadow-DatePicker-warning--hover);
3007
3019
  color: var(--xmlui-textColor-DatePicker-warning--hover);
3008
3020
  }
3009
- ._datePicker_1lk6v_13._warning_1lk6v_81:focus {
3021
+ ._datePicker_qilmv_13._warning_qilmv_81:focus {
3010
3022
  outline-width: var(--xmlui-outlineWidth-DatePicker-warning--focus);
3011
3023
  outline-color: var(--xmlui-outlineColor-DatePicker-warning--focus);
3012
3024
  outline-style: var(--xmlui-outlineStyle-DatePicker-warning--focus);
3013
3025
  outline-offset: var(--xmlui-outlineOffset-DatePicker-warning--focus);
3014
3026
  }
3015
- ._datePicker_1lk6v_13._warning_1lk6v_81 ._placeholder_1lk6v_47 {
3027
+ ._datePicker_qilmv_13._warning_qilmv_81 ._placeholder_qilmv_47 {
3016
3028
  color: var(--xmlui-textColor-placeholder-DatePicker-warning);
3017
3029
  }
3018
- ._datePicker_1lk6v_13._warning_1lk6v_81 ._adornment_1lk6v_50 {
3030
+ ._datePicker_qilmv_13._warning_qilmv_81 ._adornment_qilmv_50 {
3019
3031
  color: var(--xmlui-textColor-adornment-DatePicker-warning);
3020
3032
  }
3021
- ._datePicker_1lk6v_13._valid_1lk6v_109 {
3033
+ ._datePicker_qilmv_13._valid_qilmv_109 {
3022
3034
  border-radius: var(--xmlui-borderRadius-DatePicker-success);
3023
3035
  border-color: var(--xmlui-borderColor-DatePicker-success);
3024
3036
  border-width: var(--xmlui-borderWidth-DatePicker-success);
@@ -3028,40 +3040,40 @@ See this source for details: https://css-tricks.com/line-clampin/
3028
3040
  color: var(--xmlui-textColor-DatePicker-success);
3029
3041
  padding: var(--xmlui-padding-DatePicker-success);
3030
3042
  }
3031
- ._datePicker_1lk6v_13._valid_1lk6v_109:hover {
3043
+ ._datePicker_qilmv_13._valid_qilmv_109:hover {
3032
3044
  border-color: var(--xmlui-borderColor-DatePicker-success--hover);
3033
3045
  background-color: var(--xmlui-backgroundColor-DatePicker-success--hover);
3034
3046
  box-shadow: var(--xmlui-boxShadow-DatePicker-success--hover);
3035
3047
  color: var(--xmlui-textColor-DatePicker-success--hover);
3036
3048
  }
3037
- ._datePicker_1lk6v_13._valid_1lk6v_109:focus {
3049
+ ._datePicker_qilmv_13._valid_qilmv_109:focus {
3038
3050
  outline-width: var(--xmlui-outlineWidth-DatePicker-success--focus);
3039
3051
  outline-color: var(--xmlui-outlineColor-DatePicker-success--focus);
3040
3052
  outline-style: var(--xmlui-outlineStyle-DatePicker-success--focus);
3041
3053
  outline-offset: var(--xmlui-outlineOffset-DatePicker-success--focus);
3042
3054
  }
3043
- ._datePicker_1lk6v_13._valid_1lk6v_109 ._placeholder_1lk6v_47 {
3055
+ ._datePicker_qilmv_13._valid_qilmv_109 ._placeholder_qilmv_47 {
3044
3056
  color: var(--xmlui-textColor-placeholder-DatePicker-success);
3045
3057
  }
3046
- ._datePicker_1lk6v_13._valid_1lk6v_109 ._adornment_1lk6v_50 {
3058
+ ._datePicker_qilmv_13._valid_qilmv_109 ._adornment_qilmv_50 {
3047
3059
  color: var(--xmlui-textColor-adornment-DatePicker-success);
3048
3060
  }
3049
- ._datePicker_1lk6v_13._disabled_1lk6v_137 {
3061
+ ._datePicker_qilmv_13._disabled_qilmv_137 {
3050
3062
  cursor: not-allowed;
3051
3063
  background-color: var(--xmlui-backgroundColor-DatePicker--disabled);
3052
3064
  color: var(--xmlui-textColor-DatePicker--disabled);
3053
3065
  border-color: var(--xmlui-borderColor-DatePicker--disabled);
3054
3066
  }
3055
- ._datePicker_1lk6v_13._disabled_1lk6v_137 ._indicator_1lk6v_143, ._datePicker_1lk6v_13._disabled_1lk6v_137 ._datePickerInput_1lk6v_143 {
3067
+ ._datePicker_qilmv_13._disabled_qilmv_137 ._indicator_qilmv_143, ._datePicker_qilmv_13._disabled_qilmv_137 ._datePickerInput_qilmv_143 {
3056
3068
  cursor: not-allowed;
3057
3069
  }
3058
3070
 
3059
- ._datePickerValue_1lk6v_147 {
3071
+ ._datePickerValue_qilmv_147 {
3060
3072
  display: flex;
3061
3073
  flex: 1;
3062
3074
  }
3063
3075
 
3064
- ._inlinePickerMenu_1lk6v_152 {
3076
+ ._inlinePickerMenu_qilmv_152 {
3065
3077
  padding: 0;
3066
3078
  overflow-y: auto;
3067
3079
  width: fit-content !important;
@@ -3075,25 +3087,25 @@ See this source for details: https://css-tricks.com/line-clampin/
3075
3087
  color: var(--xmlui-textColor-DatePicker-default);
3076
3088
  padding: var(--xmlui-padding-DatePicker-default);
3077
3089
  }
3078
- ._inlinePickerMenu_1lk6v_152:hover {
3090
+ ._inlinePickerMenu_qilmv_152:hover {
3079
3091
  border-color: var(--xmlui-borderColor-DatePicker-default--hover);
3080
3092
  background-color: var(--xmlui-backgroundColor-DatePicker-default--hover);
3081
3093
  box-shadow: var(--xmlui-boxShadow-DatePicker-default--hover);
3082
3094
  color: var(--xmlui-textColor-DatePicker-default--hover);
3083
3095
  }
3084
- ._inlinePickerMenu_1lk6v_152:focus {
3096
+ ._inlinePickerMenu_qilmv_152:focus {
3085
3097
  outline-width: var(--xmlui-outlineWidth-DatePicker-default--focus);
3086
3098
  outline-color: var(--xmlui-outlineColor-DatePicker-default--focus);
3087
3099
  outline-style: var(--xmlui-outlineStyle-DatePicker-default--focus);
3088
3100
  outline-offset: var(--xmlui-outlineOffset-DatePicker-default--focus);
3089
3101
  }
3090
- ._inlinePickerMenu_1lk6v_152 ._placeholder_1lk6v_47 {
3102
+ ._inlinePickerMenu_qilmv_152 ._placeholder_qilmv_47 {
3091
3103
  color: var(--xmlui-textColor-placeholder-DatePicker-default);
3092
3104
  }
3093
- ._inlinePickerMenu_1lk6v_152 ._adornment_1lk6v_50 {
3105
+ ._inlinePickerMenu_qilmv_152 ._adornment_qilmv_50 {
3094
3106
  color: var(--xmlui-textColor-adornment-DatePicker-default);
3095
3107
  }
3096
- ._inlinePickerMenu_1lk6v_152._error_1lk6v_53 {
3108
+ ._inlinePickerMenu_qilmv_152._error_qilmv_53 {
3097
3109
  border-radius: var(--xmlui-borderRadius-DatePicker-error);
3098
3110
  border-color: var(--xmlui-borderColor-DatePicker-error);
3099
3111
  border-width: var(--xmlui-borderWidth-DatePicker-error);
@@ -3103,25 +3115,25 @@ See this source for details: https://css-tricks.com/line-clampin/
3103
3115
  color: var(--xmlui-textColor-DatePicker-error);
3104
3116
  padding: var(--xmlui-padding-DatePicker-error);
3105
3117
  }
3106
- ._inlinePickerMenu_1lk6v_152._error_1lk6v_53:hover {
3118
+ ._inlinePickerMenu_qilmv_152._error_qilmv_53:hover {
3107
3119
  border-color: var(--xmlui-borderColor-DatePicker-error--hover);
3108
3120
  background-color: var(--xmlui-backgroundColor-DatePicker-error--hover);
3109
3121
  box-shadow: var(--xmlui-boxShadow-DatePicker-error--hover);
3110
3122
  color: var(--xmlui-textColor-DatePicker-error--hover);
3111
3123
  }
3112
- ._inlinePickerMenu_1lk6v_152._error_1lk6v_53:focus {
3124
+ ._inlinePickerMenu_qilmv_152._error_qilmv_53:focus {
3113
3125
  outline-width: var(--xmlui-outlineWidth-DatePicker-error--focus);
3114
3126
  outline-color: var(--xmlui-outlineColor-DatePicker-error--focus);
3115
3127
  outline-style: var(--xmlui-outlineStyle-DatePicker-error--focus);
3116
3128
  outline-offset: var(--xmlui-outlineOffset-DatePicker-error--focus);
3117
3129
  }
3118
- ._inlinePickerMenu_1lk6v_152._error_1lk6v_53 ._placeholder_1lk6v_47 {
3130
+ ._inlinePickerMenu_qilmv_152._error_qilmv_53 ._placeholder_qilmv_47 {
3119
3131
  color: var(--xmlui-textColor-placeholder-DatePicker-error);
3120
3132
  }
3121
- ._inlinePickerMenu_1lk6v_152._error_1lk6v_53 ._adornment_1lk6v_50 {
3133
+ ._inlinePickerMenu_qilmv_152._error_qilmv_53 ._adornment_qilmv_50 {
3122
3134
  color: var(--xmlui-textColor-adornment-DatePicker-error);
3123
3135
  }
3124
- ._inlinePickerMenu_1lk6v_152._warning_1lk6v_81 {
3136
+ ._inlinePickerMenu_qilmv_152._warning_qilmv_81 {
3125
3137
  border-radius: var(--xmlui-borderRadius-DatePicker-warning);
3126
3138
  border-color: var(--xmlui-borderColor-DatePicker-warning);
3127
3139
  border-width: var(--xmlui-borderWidth-DatePicker-warning);
@@ -3131,25 +3143,25 @@ See this source for details: https://css-tricks.com/line-clampin/
3131
3143
  color: var(--xmlui-textColor-DatePicker-warning);
3132
3144
  padding: var(--xmlui-padding-DatePicker-warning);
3133
3145
  }
3134
- ._inlinePickerMenu_1lk6v_152._warning_1lk6v_81:hover {
3146
+ ._inlinePickerMenu_qilmv_152._warning_qilmv_81:hover {
3135
3147
  border-color: var(--xmlui-borderColor-DatePicker-warning--hover);
3136
3148
  background-color: var(--xmlui-backgroundColor-DatePicker-warning--hover);
3137
3149
  box-shadow: var(--xmlui-boxShadow-DatePicker-warning--hover);
3138
3150
  color: var(--xmlui-textColor-DatePicker-warning--hover);
3139
3151
  }
3140
- ._inlinePickerMenu_1lk6v_152._warning_1lk6v_81:focus {
3152
+ ._inlinePickerMenu_qilmv_152._warning_qilmv_81:focus {
3141
3153
  outline-width: var(--xmlui-outlineWidth-DatePicker-warning--focus);
3142
3154
  outline-color: var(--xmlui-outlineColor-DatePicker-warning--focus);
3143
3155
  outline-style: var(--xmlui-outlineStyle-DatePicker-warning--focus);
3144
3156
  outline-offset: var(--xmlui-outlineOffset-DatePicker-warning--focus);
3145
3157
  }
3146
- ._inlinePickerMenu_1lk6v_152._warning_1lk6v_81 ._placeholder_1lk6v_47 {
3158
+ ._inlinePickerMenu_qilmv_152._warning_qilmv_81 ._placeholder_qilmv_47 {
3147
3159
  color: var(--xmlui-textColor-placeholder-DatePicker-warning);
3148
3160
  }
3149
- ._inlinePickerMenu_1lk6v_152._warning_1lk6v_81 ._adornment_1lk6v_50 {
3161
+ ._inlinePickerMenu_qilmv_152._warning_qilmv_81 ._adornment_qilmv_50 {
3150
3162
  color: var(--xmlui-textColor-adornment-DatePicker-warning);
3151
3163
  }
3152
- ._inlinePickerMenu_1lk6v_152._valid_1lk6v_109 {
3164
+ ._inlinePickerMenu_qilmv_152._valid_qilmv_109 {
3153
3165
  border-radius: var(--xmlui-borderRadius-DatePicker-success);
3154
3166
  border-color: var(--xmlui-borderColor-DatePicker-success);
3155
3167
  border-width: var(--xmlui-borderWidth-DatePicker-success);
@@ -3159,41 +3171,42 @@ See this source for details: https://css-tricks.com/line-clampin/
3159
3171
  color: var(--xmlui-textColor-DatePicker-success);
3160
3172
  padding: var(--xmlui-padding-DatePicker-success);
3161
3173
  }
3162
- ._inlinePickerMenu_1lk6v_152._valid_1lk6v_109:hover {
3174
+ ._inlinePickerMenu_qilmv_152._valid_qilmv_109:hover {
3163
3175
  border-color: var(--xmlui-borderColor-DatePicker-success--hover);
3164
3176
  background-color: var(--xmlui-backgroundColor-DatePicker-success--hover);
3165
3177
  box-shadow: var(--xmlui-boxShadow-DatePicker-success--hover);
3166
3178
  color: var(--xmlui-textColor-DatePicker-success--hover);
3167
3179
  }
3168
- ._inlinePickerMenu_1lk6v_152._valid_1lk6v_109:focus {
3180
+ ._inlinePickerMenu_qilmv_152._valid_qilmv_109:focus {
3169
3181
  outline-width: var(--xmlui-outlineWidth-DatePicker-success--focus);
3170
3182
  outline-color: var(--xmlui-outlineColor-DatePicker-success--focus);
3171
3183
  outline-style: var(--xmlui-outlineStyle-DatePicker-success--focus);
3172
3184
  outline-offset: var(--xmlui-outlineOffset-DatePicker-success--focus);
3173
3185
  }
3174
- ._inlinePickerMenu_1lk6v_152._valid_1lk6v_109 ._placeholder_1lk6v_47 {
3186
+ ._inlinePickerMenu_qilmv_152._valid_qilmv_109 ._placeholder_qilmv_47 {
3175
3187
  color: var(--xmlui-textColor-placeholder-DatePicker-success);
3176
3188
  }
3177
- ._inlinePickerMenu_1lk6v_152._valid_1lk6v_109 ._adornment_1lk6v_50 {
3189
+ ._inlinePickerMenu_qilmv_152._valid_qilmv_109 ._adornment_qilmv_50 {
3178
3190
  color: var(--xmlui-textColor-adornment-DatePicker-success);
3179
3191
  }
3180
3192
 
3181
- ._datePickerMenu_1lk6v_269 {
3193
+ ._root_qilmv_269 {
3194
+ width: fit-content;
3195
+ margin: 2rem;
3196
+ }
3197
+
3198
+ ._datePickerMenu_qilmv_274 {
3182
3199
  padding: 0;
3183
3200
  overflow-y: auto;
3184
3201
  height: fit-content;
3185
3202
  box-shadow: var(--xmlui-boxShadow-menu-DatePicker);
3186
3203
  background-color: var(--xmlui-backgroundColor-menu-DatePicker);
3187
3204
  border-radius: var(--xmlui-borderRadius-menu-DatePicker);
3188
- }
3189
-
3190
- ._root_1lk6v_278 {
3191
- width: fit-content;
3192
- margin: 2rem;
3205
+ border: 1px solid var(--xmlui-backgroundColor-item-DatePicker--active);
3193
3206
  }
3194
3207
 
3195
3208
  /* Hide elements for devices that are not screen readers */
3196
- ._vhidden_1lk6v_284 {
3209
+ ._vhidden_qilmv_285 {
3197
3210
  box-sizing: border-box;
3198
3211
  padding: 0;
3199
3212
  margin: 0;
@@ -3206,14 +3219,13 @@ See this source for details: https://css-tricks.com/line-clampin/
3206
3219
  top: 0;
3207
3220
  width: 1px !important;
3208
3221
  height: 1px !important;
3209
- padding: 0 !important;
3210
3222
  overflow: hidden !important;
3211
3223
  clip: rect(1px, 1px, 1px, 1px) !important;
3212
3224
  border: 0 !important;
3213
3225
  }
3214
3226
 
3215
3227
  /* Buttons */
3216
- ._button_reset_1lk6v_304 {
3228
+ ._button_reset_qilmv_304 {
3217
3229
  appearance: none;
3218
3230
  position: relative;
3219
3231
  margin: 0;
@@ -3226,61 +3238,77 @@ See this source for details: https://css-tricks.com/line-clampin/
3226
3238
  -webkit-appearance: none;
3227
3239
  }
3228
3240
 
3229
- ._button_reset_1lk6v_304:focus-visible {
3241
+ ._button_reset_qilmv_304:focus-visible {
3230
3242
  /* Make sure to reset outline only when :focus-visible is supported */
3231
3243
  outline: none;
3232
3244
  }
3233
3245
 
3234
- ._button_1lk6v_304 {
3235
- border: 2px solid transparent;
3236
- }
3237
-
3238
- ._button_1lk6v_304[disabled]:not(._day_selected_1lk6v_326) {
3246
+ ._button_qilmv_304[disabled]:not(._day_selected_qilmv_322) {
3239
3247
  opacity: 0.25;
3240
3248
  }
3241
3249
 
3242
- ._button_1lk6v_304:not([disabled]) {
3250
+ ._button_qilmv_304:not([disabled]) {
3243
3251
  cursor: pointer;
3244
3252
  }
3245
3253
 
3246
- ._button_1lk6v_304:focus-visible:not([disabled]) {
3254
+ ._button_qilmv_304:focus-visible:not([disabled]) {
3247
3255
  color: inherit;
3248
3256
  background-color: var(--xmlui-backgroundColor-item-DatePicker--hover);
3249
3257
  border: 2px solid var(--xmlui-backgroundColor-item-DatePicker--active);
3250
3258
  }
3251
3259
 
3252
- ._button_1lk6v_304:hover:not([disabled]):not(._day_selected_1lk6v_326) {
3260
+ ._button_next_qilmv_336:hover:not([disabled]):not(._day_selected_qilmv_322),
3261
+ ._button_previous_qilmv_337:hover:not([disabled]):not(._day_selected_qilmv_322) {
3253
3262
  background-color: var(--xmlui-backgroundColor-item-DatePicker--hover);
3254
3263
  }
3255
3264
 
3256
- ._months_1lk6v_344 {
3265
+ ._button_next_qilmv_336,
3266
+ ._button_previous_qilmv_337 {
3267
+ border: none;
3268
+ background: none;
3269
+ padding: 0;
3270
+ margin: 0;
3271
+ cursor: pointer;
3272
+ font: inherit;
3273
+ color: inherit;
3274
+ -moz-appearance: none;
3275
+ -webkit-appearance: none;
3276
+ display: inline-flex;
3277
+ align-items: center;
3278
+ justify-content: center;
3279
+ position: relative;
3280
+ appearance: none;
3281
+ }
3282
+
3283
+ ._button_next_qilmv_336:disabled,
3284
+ ._button_next_qilmv_336[aria-disabled=true],
3285
+ ._button_previous_qilmv_337:disabled,
3286
+ ._button_previous_qilmv_337[aria-disabled=true] {
3287
+ cursor: revert;
3288
+ opacity: 0.25;
3289
+ }
3290
+
3291
+ ._months_qilmv_367 {
3257
3292
  display: flex;
3258
3293
  }
3259
3294
 
3260
- ._month_1lk6v_344 {
3295
+ ._month_qilmv_367 {
3261
3296
  margin: 0 1em;
3262
3297
  }
3263
3298
 
3264
- ._month_1lk6v_344:first-child {
3299
+ ._month_qilmv_367:first-child {
3265
3300
  margin-left: 0;
3266
3301
  }
3267
3302
 
3268
- ._month_1lk6v_344:last-child {
3303
+ ._month_qilmv_367:last-child {
3269
3304
  margin-right: 0;
3270
3305
  }
3271
3306
 
3272
- ._table_1lk6v_360 {
3273
- margin: 0;
3274
- max-width: 280px;
3307
+ ._month_grid_qilmv_383 {
3275
3308
  border-collapse: collapse;
3276
3309
  }
3277
3310
 
3278
- ._with_weeknumber_1lk6v_366 ._table_1lk6v_360 {
3279
- max-width: 320px;
3280
- border-collapse: collapse;
3281
- }
3282
-
3283
- ._caption_1lk6v_371 {
3311
+ ._caption_qilmv_387 {
3284
3312
  display: flex;
3285
3313
  align-items: center;
3286
3314
  justify-content: space-between;
@@ -3288,18 +3316,18 @@ See this source for details: https://css-tricks.com/line-clampin/
3288
3316
  text-align: left;
3289
3317
  }
3290
3318
 
3291
- ._multiple_months_1lk6v_379 ._caption_1lk6v_371 {
3319
+ ._multiple_months_qilmv_395 ._caption_qilmv_387 {
3292
3320
  position: relative;
3293
3321
  display: block;
3294
3322
  text-align: center;
3295
3323
  }
3296
3324
 
3297
- ._caption_dropdowns_1lk6v_385 {
3325
+ ._caption_dropdowns_qilmv_401 {
3298
3326
  position: relative;
3299
3327
  display: inline-flex;
3300
3328
  }
3301
3329
 
3302
- ._caption_label_1lk6v_390 {
3330
+ ._caption_label_qilmv_406 {
3303
3331
  position: relative;
3304
3332
  z-index: 1;
3305
3333
  display: inline-flex;
@@ -3308,32 +3336,36 @@ See this source for details: https://css-tricks.com/line-clampin/
3308
3336
  padding: 0 0.25em;
3309
3337
  white-space: nowrap;
3310
3338
  color: currentColor;
3311
- border: 0;
3312
3339
  border: 2px solid transparent;
3313
3340
  font-family: inherit;
3314
3341
  font-size: 18px;
3315
3342
  font-weight: bold;
3316
3343
  }
3317
3344
 
3318
- ._nav_1lk6v_406 {
3345
+ ._chevron_qilmv_421 {
3346
+ display: inline-block;
3347
+ fill: var(--xmlui-textColor-primary);
3348
+ }
3349
+
3350
+ ._nav_qilmv_426 {
3319
3351
  white-space: nowrap;
3320
3352
  }
3321
3353
 
3322
- ._multiple_months_1lk6v_379 ._caption_start_1lk6v_410 ._nav_1lk6v_406 {
3354
+ ._multiple_months_qilmv_395 ._caption_start_qilmv_430 ._nav_qilmv_426 {
3323
3355
  position: absolute;
3324
3356
  top: 50%;
3325
3357
  left: 0;
3326
3358
  transform: translateY(-50%);
3327
3359
  }
3328
3360
 
3329
- ._multiple_months_1lk6v_379 ._caption_end_1lk6v_417 ._nav_1lk6v_406 {
3361
+ ._multiple_months_qilmv_395 ._caption_end_qilmv_437 ._nav_qilmv_426 {
3330
3362
  position: absolute;
3331
3363
  top: 50%;
3332
3364
  right: 0;
3333
3365
  transform: translateY(-50%);
3334
3366
  }
3335
3367
 
3336
- ._nav_button_1lk6v_424 {
3368
+ ._nav_button_qilmv_444 {
3337
3369
  display: inline-flex;
3338
3370
  align-items: center;
3339
3371
  justify-content: center;
@@ -3346,14 +3378,21 @@ See this source for details: https://css-tricks.com/line-clampin/
3346
3378
  /* ---------- */
3347
3379
  /* Dropdowns */
3348
3380
  /* ---------- */
3349
- ._dropdown_year_1lk6v_437,
3350
- ._dropdown_month_1lk6v_438 {
3381
+ ._dropdowns_qilmv_457 {
3351
3382
  position: relative;
3352
3383
  display: inline-flex;
3353
3384
  align-items: center;
3385
+ gap: var(--xmlui-space-1);
3354
3386
  }
3355
3387
 
3356
- ._dropdown_1lk6v_437 {
3388
+ ._dropdown_year_qilmv_464,
3389
+ ._dropdown_month_qilmv_465 {
3390
+ position: relative;
3391
+ display: inline-flex;
3392
+ align-items: center;
3393
+ }
3394
+
3395
+ ._dropdown_qilmv_457 {
3357
3396
  appearance: none;
3358
3397
  position: absolute;
3359
3398
  z-index: 2;
@@ -3372,50 +3411,18 @@ See this source for details: https://css-tricks.com/line-clampin/
3372
3411
  line-height: inherit;
3373
3412
  }
3374
3413
 
3375
- ._dropdown_1lk6v_437[disabled] {
3414
+ ._dropdown_qilmv_457[disabled] {
3376
3415
  opacity: unset;
3377
3416
  color: unset;
3378
3417
  }
3379
3418
 
3380
- ._dropdown_1lk6v_437:focus-visible:not([disabled]) + ._caption_label_1lk6v_390 {
3419
+ ._dropdown_qilmv_457:focus-visible:not([disabled]) + ._caption_label_qilmv_406 {
3381
3420
  background-color: var(--xmlui-backgroundColor-item-DatePicker--hover);
3382
3421
  border: 2px solid var(--xmlui-backgroundColor-item-DatePicker--active);
3383
3422
  border-radius: 6px;
3384
3423
  }
3385
3424
 
3386
- ._dropdown_icon_1lk6v_474 {
3387
- margin: 0 0 0 5px;
3388
- }
3389
-
3390
- ._head_1lk6v_478 {
3391
- border: 0;
3392
- }
3393
-
3394
- ._head_row_1lk6v_482,
3395
- ._row_1lk6v_483 {
3396
- height: 100%;
3397
- }
3398
-
3399
- ._head_cell_1lk6v_487 {
3400
- vertical-align: middle;
3401
- font-size: 0.75em;
3402
- font-weight: 700;
3403
- text-align: center;
3404
- height: 100%;
3405
- height: 40px;
3406
- padding: 0;
3407
- text-transform: uppercase;
3408
- }
3409
-
3410
- ._tbody_1lk6v_498 {
3411
- border: 0;
3412
- }
3413
-
3414
- ._tfoot_1lk6v_502 {
3415
- margin: 0.5em;
3416
- }
3417
-
3418
- ._cell_1lk6v_506 {
3425
+ ._day_qilmv_322 {
3419
3426
  width: 40px;
3420
3427
  height: 100%;
3421
3428
  height: 40px;
@@ -3423,12 +3430,18 @@ See this source for details: https://css-tricks.com/line-clampin/
3423
3430
  text-align: center;
3424
3431
  }
3425
3432
 
3426
- ._weeknumber_1lk6v_514 {
3433
+ ._weekday_qilmv_509 {
3434
+ font-weight: 500;
3435
+ font-size: smaller;
3436
+ }
3437
+
3438
+ ._week_number_qilmv_514 {
3427
3439
  font-size: 0.75em;
3440
+ font-weight: 400;
3428
3441
  }
3429
3442
 
3430
- ._weeknumber_1lk6v_514,
3431
- ._day_1lk6v_326 {
3443
+ ._day_button_qilmv_519 {
3444
+ background: none;
3432
3445
  display: flex;
3433
3446
  overflow: hidden;
3434
3447
  align-items: center;
@@ -3442,54 +3455,62 @@ See this source for details: https://css-tricks.com/line-clampin/
3442
3455
  border-radius: 100%;
3443
3456
  }
3444
3457
 
3445
- ._day_today_1lk6v_533:not(._day_outside_1lk6v_533) {
3458
+ ._day_button_qilmv_519:disabled {
3459
+ cursor: not-allowed;
3460
+ opacity: 0.2;
3461
+ font-style: italic;
3462
+ }
3463
+
3464
+ ._today_qilmv_540:not(._outside_qilmv_540) {
3446
3465
  font-weight: bold;
3447
3466
  }
3448
3467
 
3449
- ._day_selected_1lk6v_326,
3450
- ._day_selected_1lk6v_326:focus-visible,
3451
- ._day_selected_1lk6v_326:hover {
3468
+ ._selected_qilmv_544,
3469
+ ._selected_qilmv_544:focus-visible,
3470
+ ._selected_qilmv_544:hover {
3452
3471
  color: var(--xmlui-textColor-value-DatePicker);
3453
3472
  opacity: 1;
3473
+ font-weight: bold;
3474
+ border-radius: 100%;
3454
3475
  background-color: var(--xmlui-backgroundColor-item-DatePicker--active);
3455
3476
  }
3456
3477
 
3457
- ._day_outside_1lk6v_533 {
3458
- opacity: 0.5;
3478
+ ._outside_qilmv_540 {
3479
+ opacity: 0.7;
3459
3480
  }
3460
3481
 
3461
- ._day_selected_1lk6v_326:focus-visible {
3482
+ ._selected_qilmv_544:focus-visible {
3462
3483
  /* Since the background is the same use again the outline */
3463
3484
  outline: 2px solid var(--xmlui-backgroundColor-item-DatePicker--active);
3464
3485
  outline-offset: 2px;
3465
3486
  z-index: 1;
3466
3487
  }
3467
3488
 
3468
- ._root_1lk6v_278:not([dir=rtl]) ._day_range_start_1lk6v_556:not(._day_range_end_1lk6v_556) {
3489
+ ._root_qilmv_269:not([dir=rtl]) ._day_range_start_qilmv_565:not(._day_range_end_qilmv_565) {
3469
3490
  border-top-right-radius: 0;
3470
3491
  border-bottom-right-radius: 0;
3471
3492
  }
3472
3493
 
3473
- ._root_1lk6v_278:not([dir=rtl]) ._day_range_end_1lk6v_556:not(._day_range_start_1lk6v_556) {
3494
+ ._root_qilmv_269:not([dir=rtl]) ._day_range_end_qilmv_565:not(._day_range_start_qilmv_565) {
3474
3495
  border-top-left-radius: 0;
3475
3496
  border-bottom-left-radius: 0;
3476
3497
  }
3477
3498
 
3478
- ._root_1lk6v_278[dir=rtl] ._day_range_start_1lk6v_556:not(._day_range_end_1lk6v_556) {
3499
+ ._root_qilmv_269[dir=rtl] ._day_range_start_qilmv_565:not(._day_range_end_qilmv_565) {
3479
3500
  border-top-left-radius: 0;
3480
3501
  border-bottom-left-radius: 0;
3481
3502
  }
3482
3503
 
3483
- ._root_1lk6v_278[dir=rtl] ._day_range_end_1lk6v_556:not(._day_range_start_1lk6v_556) {
3504
+ ._root_qilmv_269[dir=rtl] ._day_range_end_qilmv_565:not(._day_range_start_qilmv_565) {
3484
3505
  border-top-right-radius: 0;
3485
3506
  border-bottom-right-radius: 0;
3486
3507
  }
3487
3508
 
3488
- ._day_range_end_1lk6v_556._day_range_start_1lk6v_556 {
3509
+ ._day_range_end_qilmv_565._day_range_start_qilmv_565 {
3489
3510
  border-radius: 100%;
3490
3511
  }
3491
3512
 
3492
- ._day_range_middle_1lk6v_580 {
3513
+ ._day_range_middle_qilmv_589 {
3493
3514
  border-radius: 0;
3494
3515
  }/*
3495
3516
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -4201,40 +4222,40 @@ See this source for details: https://css-tricks.com/line-clampin/
4201
4222
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
4202
4223
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
4203
4224
  */
4204
- ._selectValue_nwesf_13 > span {
4225
+ ._selectValue_1ept5_13 > span {
4205
4226
  font-size: var(--xmlui-fontSize-Select-default);
4206
4227
  color: var(--xmlui-textColor-placeholder-Select-default);
4207
4228
  }
4208
- ._selectValue_nwesf_13 > span > div {
4229
+ ._selectValue_1ept5_13 > span > div {
4209
4230
  color: var(--xmlui-textColor-Select-default);
4210
4231
  font-size: var(--xmlui-fontSize-Select-default);
4211
4232
  }
4212
- ._selectValue_nwesf_13._error_nwesf_21 > span {
4233
+ ._selectValue_1ept5_13._error_1ept5_21 > span {
4213
4234
  font-size: var(--xmlui-fontSize-Select-error);
4214
4235
  color: var(--xmlui-textColor-placeholder-Select-error);
4215
4236
  }
4216
- ._selectValue_nwesf_13._error_nwesf_21 > span > div {
4237
+ ._selectValue_1ept5_13._error_1ept5_21 > span > div {
4217
4238
  color: var(--xmlui-textColor-Select-error);
4218
4239
  font-size: var(--xmlui-fontSize-Select-error);
4219
4240
  }
4220
- ._selectValue_nwesf_13._warning_nwesf_29 > span {
4241
+ ._selectValue_1ept5_13._warning_1ept5_29 > span {
4221
4242
  font-size: var(--xmlui-fontSize-Select-warning);
4222
4243
  color: var(--xmlui-textColor-placeholder-Select-warning);
4223
4244
  }
4224
- ._selectValue_nwesf_13._warning_nwesf_29 > span > div {
4245
+ ._selectValue_1ept5_13._warning_1ept5_29 > span > div {
4225
4246
  color: var(--xmlui-textColor-Select-warning);
4226
4247
  font-size: var(--xmlui-fontSize-Select-warning);
4227
4248
  }
4228
- ._selectValue_nwesf_13._valid_nwesf_37 > span {
4249
+ ._selectValue_1ept5_13._valid_1ept5_37 > span {
4229
4250
  font-size: var(--xmlui-fontSize-Select-success);
4230
4251
  color: var(--xmlui-textColor-placeholder-Select-success);
4231
4252
  }
4232
- ._selectValue_nwesf_13._valid_nwesf_37 > span > div {
4253
+ ._selectValue_1ept5_13._valid_1ept5_37 > span > div {
4233
4254
  color: var(--xmlui-textColor-Select-success);
4234
4255
  font-size: var(--xmlui-fontSize-Select-success);
4235
4256
  }
4236
4257
 
4237
- button._selectTrigger_nwesf_46 {
4258
+ button._selectTrigger_1ept5_46 {
4238
4259
  min-height: 2.6rem;
4239
4260
  display: flex;
4240
4261
  padding: var(--xmlui-space-1) var(--xmlui-space-2);
@@ -4252,22 +4273,22 @@ button._selectTrigger_nwesf_46 {
4252
4273
  box-shadow: var(--xmlui-boxShadow-Select-default);
4253
4274
  color: var(--xmlui-textColor-Select-default);
4254
4275
  }
4255
- button._selectTrigger_nwesf_46:hover {
4276
+ button._selectTrigger_1ept5_46:hover {
4256
4277
  border-color: var(--xmlui-borderColor-Select-default--hover);
4257
4278
  background-color: var(--xmlui-backgroundColor-Select-default--hover);
4258
4279
  box-shadow: var(--xmlui-boxShadow-Select-default--hover);
4259
4280
  color: var(--xmlui-textColor-Select-default--hover);
4260
4281
  }
4261
- button._selectTrigger_nwesf_46:focus {
4282
+ button._selectTrigger_1ept5_46:focus {
4262
4283
  outline-width: var(--xmlui-outlineWidth-Select-default--focus);
4263
4284
  outline-color: var(--xmlui-outlineColor-Select-default--focus);
4264
4285
  outline-style: var(--xmlui-outlineStyle-Select-default--focus);
4265
4286
  outline-offset: var(--xmlui-outlineOffset-Select-default--focus);
4266
4287
  }
4267
- button._selectTrigger_nwesf_46::placeholder {
4288
+ button._selectTrigger_1ept5_46::placeholder {
4268
4289
  color: var(--xmlui-textColor-placeholder-Select-default);
4269
4290
  }
4270
- button._selectTrigger_nwesf_46._error_nwesf_21 {
4291
+ button._selectTrigger_1ept5_46._error_1ept5_21 {
4271
4292
  border-radius: var(--xmlui-borderRadius-Select-error);
4272
4293
  border-color: var(--xmlui-borderColor-Select-error);
4273
4294
  border-width: var(--xmlui-borderWidth-Select-error);
@@ -4277,22 +4298,22 @@ button._selectTrigger_nwesf_46._error_nwesf_21 {
4277
4298
  box-shadow: var(--xmlui-boxShadow-Select-error);
4278
4299
  color: var(--xmlui-textColor-Select-error);
4279
4300
  }
4280
- button._selectTrigger_nwesf_46._error_nwesf_21:hover {
4301
+ button._selectTrigger_1ept5_46._error_1ept5_21:hover {
4281
4302
  border-color: var(--xmlui-borderColor-Select-error--hover);
4282
4303
  background-color: var(--xmlui-backgroundColor-Select-error--hover);
4283
4304
  box-shadow: var(--xmlui-boxShadow-Select-error--hover);
4284
4305
  color: var(--xmlui-textColor-Select-error--hover);
4285
4306
  }
4286
- button._selectTrigger_nwesf_46._error_nwesf_21:focus {
4307
+ button._selectTrigger_1ept5_46._error_1ept5_21:focus {
4287
4308
  outline-width: var(--xmlui-outlineWidth-Select-error--focus);
4288
4309
  outline-color: var(--xmlui-outlineColor-Select-error--focus);
4289
4310
  outline-style: var(--xmlui-outlineStyle-Select-error--focus);
4290
4311
  outline-offset: var(--xmlui-outlineOffset-Select-error--focus);
4291
4312
  }
4292
- button._selectTrigger_nwesf_46._error_nwesf_21::placeholder {
4313
+ button._selectTrigger_1ept5_46._error_1ept5_21::placeholder {
4293
4314
  color: var(--xmlui-textColor-placeholder-Select-error);
4294
4315
  }
4295
- button._selectTrigger_nwesf_46._warning_nwesf_29 {
4316
+ button._selectTrigger_1ept5_46._warning_1ept5_29 {
4296
4317
  border-radius: var(--xmlui-borderRadius-Select-warning);
4297
4318
  border-color: var(--xmlui-borderColor-Select-warning);
4298
4319
  border-width: var(--xmlui-borderWidth-Select-warning);
@@ -4302,22 +4323,22 @@ button._selectTrigger_nwesf_46._warning_nwesf_29 {
4302
4323
  box-shadow: var(--xmlui-boxShadow-Select-warning);
4303
4324
  color: var(--xmlui-textColor-Select-warning);
4304
4325
  }
4305
- button._selectTrigger_nwesf_46._warning_nwesf_29:hover {
4326
+ button._selectTrigger_1ept5_46._warning_1ept5_29:hover {
4306
4327
  border-color: var(--xmlui-borderColor-Select-warning--hover);
4307
4328
  background-color: var(--xmlui-backgroundColor-Select-warning--hover);
4308
4329
  box-shadow: var(--xmlui-boxShadow-Select-warning--hover);
4309
4330
  color: var(--xmlui-textColor-Select-warning--hover);
4310
4331
  }
4311
- button._selectTrigger_nwesf_46._warning_nwesf_29:focus {
4332
+ button._selectTrigger_1ept5_46._warning_1ept5_29:focus {
4312
4333
  outline-width: var(--xmlui-outlineWidth-Select-warning--focus);
4313
4334
  outline-color: var(--xmlui-outlineColor-Select-warning--focus);
4314
4335
  outline-style: var(--xmlui-outlineStyle-Select-warning--focus);
4315
4336
  outline-offset: var(--xmlui-outlineOffset-Select-warning--focus);
4316
4337
  }
4317
- button._selectTrigger_nwesf_46._warning_nwesf_29::placeholder {
4338
+ button._selectTrigger_1ept5_46._warning_1ept5_29::placeholder {
4318
4339
  color: var(--xmlui-textColor-placeholder-Select-warning);
4319
4340
  }
4320
- button._selectTrigger_nwesf_46._valid_nwesf_37 {
4341
+ button._selectTrigger_1ept5_46._valid_1ept5_37 {
4321
4342
  border-radius: var(--xmlui-borderRadius-Select-success);
4322
4343
  border-color: var(--xmlui-borderColor-Select-success);
4323
4344
  border-width: var(--xmlui-borderWidth-Select-success);
@@ -4327,23 +4348,23 @@ button._selectTrigger_nwesf_46._valid_nwesf_37 {
4327
4348
  box-shadow: var(--xmlui-boxShadow-Select-success);
4328
4349
  color: var(--xmlui-textColor-Select-success);
4329
4350
  }
4330
- button._selectTrigger_nwesf_46._valid_nwesf_37:hover {
4351
+ button._selectTrigger_1ept5_46._valid_1ept5_37:hover {
4331
4352
  border-color: var(--xmlui-borderColor-Select-success--hover);
4332
4353
  background-color: var(--xmlui-backgroundColor-Select-success--hover);
4333
4354
  box-shadow: var(--xmlui-boxShadow-Select-success--hover);
4334
4355
  color: var(--xmlui-textColor-Select-success--hover);
4335
4356
  }
4336
- button._selectTrigger_nwesf_46._valid_nwesf_37:focus {
4357
+ button._selectTrigger_1ept5_46._valid_1ept5_37:focus {
4337
4358
  outline-width: var(--xmlui-outlineWidth-Select-success--focus);
4338
4359
  outline-color: var(--xmlui-outlineColor-Select-success--focus);
4339
4360
  outline-style: var(--xmlui-outlineStyle-Select-success--focus);
4340
4361
  outline-offset: var(--xmlui-outlineOffset-Select-success--focus);
4341
4362
  }
4342
- button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4363
+ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
4343
4364
  color: var(--xmlui-textColor-placeholder-Select-success);
4344
4365
  }
4345
4366
 
4346
- ._selectTrigger_nwesf_46:disabled {
4367
+ ._selectTrigger_1ept5_46:disabled {
4347
4368
  cursor: not-allowed;
4348
4369
  opacity: var(--xmlui-opacity-Select--disabled);
4349
4370
  background-color: var(--xmlui-backgroundColor-Select--disabled);
@@ -4351,28 +4372,28 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4351
4372
  border-color: var(--xmlui-borderColor-Select--disabled);
4352
4373
  }
4353
4374
 
4354
- ._selectTrigger_nwesf_46 > span {
4375
+ ._selectTrigger_1ept5_46 > span {
4355
4376
  display: -webkit-box;
4356
4377
  -webkit-box-orient: vertical;
4357
4378
  -webkit-line-clamp: 1;
4358
4379
  overflow: hidden;
4359
4380
  }
4360
4381
 
4361
- ._badgeListContainer_nwesf_170 {
4382
+ ._badgeListContainer_1ept5_170 {
4362
4383
  display: flex;
4363
4384
  justify-content: space-between;
4364
4385
  align-items: center;
4365
4386
  width: 100%;
4366
4387
  }
4367
4388
 
4368
- ._badgeList_nwesf_170 {
4389
+ ._badgeList_1ept5_170 {
4369
4390
  gap: 4px;
4370
4391
  display: flex;
4371
4392
  flex-wrap: wrap;
4372
4393
  align-items: center;
4373
4394
  }
4374
4395
 
4375
- ._badge_nwesf_170 {
4396
+ ._badge_1ept5_170 {
4376
4397
  width: fit-content;
4377
4398
  height: fit-content;
4378
4399
  min-width: 0;
@@ -4389,27 +4410,27 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4389
4410
  background-color: var(--xmlui-backgroundColor-Select-badge);
4390
4411
  color: var(--xmlui-textColor-Select-badge);
4391
4412
  }
4392
- ._badge_nwesf_170:hover {
4413
+ ._badge_1ept5_170:hover {
4393
4414
  background-color: var(--xmlui-backgroundColor-Select-badge--hover);
4394
4415
  color: var(--xmlui-textColor-Select-badge--hover);
4395
4416
  }
4396
- ._badge_nwesf_170:active {
4417
+ ._badge_1ept5_170:active {
4397
4418
  background-color: var(--xmlui-backgroundColor-Select-badge--active);
4398
4419
  color: var(--xmlui-textColor-Select-badge--active);
4399
4420
  }
4400
4421
 
4401
- ._actions_nwesf_210 {
4422
+ ._actions_1ept5_210 {
4402
4423
  display: flex;
4403
4424
  align-items: center;
4404
4425
  justify-content: space-between;
4405
4426
  }
4406
4427
 
4407
- ._placeholder_nwesf_216 {
4428
+ ._placeholder_1ept5_216 {
4408
4429
  display: block;
4409
4430
  color: var(--xmlui-textColor-placeholder-Select);
4410
4431
  }
4411
4432
 
4412
- ._emptyList_nwesf_221 {
4433
+ ._emptyList_1ept5_221 {
4413
4434
  display: flex;
4414
4435
  gap: 0.2rem;
4415
4436
  padding: 10px 0;
@@ -4419,7 +4440,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4419
4440
  width: 100%;
4420
4441
  }
4421
4442
 
4422
- ._selectScrollUpButton_nwesf_231 {
4443
+ ._selectScrollUpButton_1ept5_231 {
4423
4444
  display: flex;
4424
4445
  cursor: default;
4425
4446
  align-items: center;
@@ -4428,7 +4449,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4428
4449
  padding-bottom: 0.25rem;
4429
4450
  }
4430
4451
 
4431
- ._selectScrollDownButton_nwesf_240 {
4452
+ ._selectScrollDownButton_1ept5_240 {
4432
4453
  display: flex;
4433
4454
  cursor: default;
4434
4455
  align-items: center;
@@ -4437,7 +4458,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4437
4458
  padding-bottom: 0.25rem;
4438
4459
  }
4439
4460
 
4440
- ._command_nwesf_249 {
4461
+ ._command_1ept5_249 {
4441
4462
  display: flex;
4442
4463
  flex-direction: column;
4443
4464
  height: 100%;
@@ -4447,14 +4468,14 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4447
4468
  background-color: var(--xmlui-backgroundColor-menu-Select);
4448
4469
  }
4449
4470
 
4450
- ._commandInputContainer_nwesf_259 {
4471
+ ._commandInputContainer_1ept5_259 {
4451
4472
  display: flex;
4452
4473
  align-items: center;
4453
4474
  padding: 0 12px;
4454
4475
  border-bottom: 1px solid var(--xmlui-borderColor);
4455
4476
  }
4456
4477
 
4457
- ._commandInput_nwesf_259 {
4478
+ ._commandInput_1ept5_259 {
4458
4479
  flex: 1;
4459
4480
  background-color: transparent;
4460
4481
  padding: 0.5rem;
@@ -4462,22 +4483,22 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4462
4483
  outline: none;
4463
4484
  border: none;
4464
4485
  }
4465
- ._commandInput_nwesf_259:focus {
4486
+ ._commandInput_1ept5_259:focus {
4466
4487
  outline: none;
4467
4488
  box-shadow: none;
4468
4489
  border: 0;
4469
4490
  }
4470
- ._commandInput_nwesf_259:disabled {
4491
+ ._commandInput_1ept5_259:disabled {
4471
4492
  cursor: not-allowed;
4472
4493
  opacity: var(--xmlui-opacity-Select--disabled);
4473
4494
  }
4474
4495
 
4475
- ._commandList_nwesf_284 {
4496
+ ._commandList_1ept5_284 {
4476
4497
  overflow-y: auto;
4477
4498
  overflow-x: hidden;
4478
4499
  }
4479
4500
 
4480
- ._selectContent_nwesf_289 {
4501
+ ._selectContent_1ept5_289 {
4481
4502
  position: relative;
4482
4503
  z-index: 50;
4483
4504
  overflow: auto;
@@ -4486,38 +4507,38 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4486
4507
  box-shadow: var(--xmlui-boxShadow-menu-Select);
4487
4508
  border: var(--xmlui-borderWidth-menu-Select) solid var(--xmlui-borderColor-menu-Select);
4488
4509
  }
4489
- ._selectContent_nwesf_289[data-state=open] {
4490
- animation: _fadeIn_nwesf_1 0.3s ease-in-out, _zoomIn_nwesf_1 0.3s ease-in-out;
4510
+ ._selectContent_1ept5_289[data-state=open] {
4511
+ animation: _fadeIn_1ept5_1 0.3s ease-in-out, _zoomIn_1ept5_1 0.3s ease-in-out;
4491
4512
  }
4492
- ._selectContent_nwesf_289[data-state=closed] {
4493
- animation: _fadeOut_nwesf_1 0.3s ease-in-out, _zoomOut_nwesf_1 0.3s ease-in-out;
4513
+ ._selectContent_1ept5_289[data-state=closed] {
4514
+ animation: _fadeOut_1ept5_1 0.3s ease-in-out, _zoomOut_1ept5_1 0.3s ease-in-out;
4494
4515
  }
4495
- ._selectContent_nwesf_289[data-side=bottom] {
4496
- animation: _slideInFromTop_nwesf_1 0.08s ease-in-out;
4516
+ ._selectContent_1ept5_289[data-side=bottom] {
4517
+ animation: _slideInFromTop_1ept5_1 0.08s ease-in-out;
4497
4518
  }
4498
- ._selectContent_nwesf_289[data-side=left] {
4499
- animation: _slideInFromRight_nwesf_1 0.3s ease-in-out;
4519
+ ._selectContent_1ept5_289[data-side=left] {
4520
+ animation: _slideInFromRight_1ept5_1 0.3s ease-in-out;
4500
4521
  }
4501
- ._selectContent_nwesf_289[data-side=right] {
4502
- animation: _slideInFromLeft_nwesf_1 0.3s ease-in-out;
4522
+ ._selectContent_1ept5_289[data-side=right] {
4523
+ animation: _slideInFromLeft_1ept5_1 0.3s ease-in-out;
4503
4524
  }
4504
- ._selectContent_nwesf_289[data-side=top] {
4505
- animation: _slideInFromBottom_nwesf_1 0.3s ease-in-out;
4525
+ ._selectContent_1ept5_289[data-side=top] {
4526
+ animation: _slideInFromBottom_1ept5_1 0.3s ease-in-out;
4506
4527
  }
4507
- ._selectContent_nwesf_289[data-side=bottom] {
4528
+ ._selectContent_1ept5_289[data-side=bottom] {
4508
4529
  transform: translateY(0.25rem);
4509
4530
  }
4510
- ._selectContent_nwesf_289[data-side=left] {
4531
+ ._selectContent_1ept5_289[data-side=left] {
4511
4532
  transform: translateX(-0.25rem);
4512
4533
  }
4513
- ._selectContent_nwesf_289[data-side=right] {
4534
+ ._selectContent_1ept5_289[data-side=right] {
4514
4535
  transform: translateX(0.25rem);
4515
4536
  }
4516
- ._selectContent_nwesf_289[data-side=top] {
4537
+ ._selectContent_1ept5_289[data-side=top] {
4517
4538
  transform: translateY(-0.25rem);
4518
4539
  }
4519
4540
 
4520
- ._multiComboboxOption_nwesf_329 ._multiComboboxOptionContent_nwesf_329 {
4541
+ ._multiComboboxOption_1ept5_329 ._multiComboboxOptionContent_1ept5_329 {
4521
4542
  width: 100%;
4522
4543
  gap: 1rem;
4523
4544
  display: flex;
@@ -4532,17 +4553,17 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4532
4553
  padding-top: var(--xmlui-paddingTop-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)));
4533
4554
  padding-bottom: var(--xmlui-paddingBottom-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)));
4534
4555
  }
4535
- ._multiComboboxOption_nwesf_329[data-selected=true] {
4556
+ ._multiComboboxOption_1ept5_329[data-selected=true] {
4536
4557
  background-color: var(--xmlui-backgroundColor-item-Select--hover);
4537
4558
  }
4538
- ._multiComboboxOption_nwesf_329[data-disabled=true] {
4559
+ ._multiComboboxOption_1ept5_329[data-disabled=true] {
4539
4560
  pointer-events: none;
4540
4561
  opacity: var(--xmlui-opacity-text-item-Select--disabled);
4541
4562
  cursor: not-allowed;
4542
4563
  font-style: italic;
4543
4564
  }
4544
4565
 
4545
- ._selectItem_nwesf_354 {
4566
+ ._selectItem_1ept5_354 {
4546
4567
  position: relative;
4547
4568
  display: flex;
4548
4569
  cursor: default;
@@ -4551,15 +4572,14 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4551
4572
  outline: none;
4552
4573
  font-size: var(--xmlui-fontSize-Select);
4553
4574
  }
4554
- ._selectItem_nwesf_354[data-highlighted] {
4575
+ ._selectItem_1ept5_354[data-highlighted] {
4555
4576
  background-color: var(--xmlui-backgroundColor-item-Select--hover);
4556
4577
  }
4557
- ._selectItem_nwesf_354[data-state=checked] {
4578
+ ._selectItem_1ept5_354[data-state=checked] {
4558
4579
  background-color: var(--xmlui-backgroundColor-item-Select--active);
4559
4580
  }
4560
- ._selectItem_nwesf_354 ._selectItemContent_nwesf_369 {
4581
+ ._selectItem_1ept5_354 ._selectItemContent_1ept5_369 {
4561
4582
  width: 100%;
4562
- height: 100%;
4563
4583
  display: flex;
4564
4584
  cursor: default;
4565
4585
  user-select: none;
@@ -4572,14 +4592,14 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4572
4592
  padding-bottom: var(--xmlui-paddingBottom-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)));
4573
4593
  }
4574
4594
 
4575
- ._selectItem_nwesf_354[data-disabled] {
4595
+ ._selectItem_1ept5_354[data-disabled] {
4576
4596
  pointer-events: none;
4577
4597
  opacity: var(--xmlui-opacity-text-item-Select--disabled);
4578
4598
  cursor: not-allowed;
4579
4599
  font-style: italic;
4580
4600
  }
4581
4601
 
4582
- ._selectItemIndicator_nwesf_391 {
4602
+ ._selectItemIndicator_1ept5_390 {
4583
4603
  position: absolute;
4584
4604
  right: 0.5rem;
4585
4605
  display: flex;
@@ -4590,13 +4610,13 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4590
4610
  color: var(--xmlui-textColor-indicator-Select);
4591
4611
  }
4592
4612
 
4593
- ._selectViewport_nwesf_402 {
4613
+ ._selectViewport_1ept5_401 {
4594
4614
  height: var(--radix-select-trigger-height);
4595
4615
  width: 100%;
4596
4616
  min-width: var(--radix-select-trigger-width);
4597
4617
  }
4598
4618
 
4599
- ._selectEmpty_nwesf_408 {
4619
+ ._selectEmpty_1ept5_407 {
4600
4620
  display: flex;
4601
4621
  gap: 0.2rem;
4602
4622
  height: 100%;
@@ -4607,11 +4627,11 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4607
4627
  width: 100%;
4608
4628
  }
4609
4629
 
4610
- ._loading_nwesf_419 {
4630
+ ._loading_1ept5_418 {
4611
4631
  padding: 0.5rem 1rem;
4612
4632
  }
4613
4633
 
4614
- ._srOnly_nwesf_423 {
4634
+ ._srOnly_1ept5_422 {
4615
4635
  position: absolute;
4616
4636
  width: 1px;
4617
4637
  height: 1px;
@@ -4623,7 +4643,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4623
4643
  border: 0;
4624
4644
  }
4625
4645
 
4626
- @keyframes _fadeIn_nwesf_1 {
4646
+ @keyframes _fadeIn_1ept5_1 {
4627
4647
  from {
4628
4648
  opacity: 0;
4629
4649
  }
@@ -4631,7 +4651,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4631
4651
  opacity: 1;
4632
4652
  }
4633
4653
  }
4634
- @keyframes _fadeOut_nwesf_1 {
4654
+ @keyframes _fadeOut_1ept5_1 {
4635
4655
  from {
4636
4656
  opacity: 1;
4637
4657
  }
@@ -4639,7 +4659,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4639
4659
  opacity: 0;
4640
4660
  }
4641
4661
  }
4642
- @keyframes _zoomIn_nwesf_1 {
4662
+ @keyframes _zoomIn_1ept5_1 {
4643
4663
  from {
4644
4664
  transform: scale(0.95);
4645
4665
  }
@@ -4647,7 +4667,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4647
4667
  transform: scale(1);
4648
4668
  }
4649
4669
  }
4650
- @keyframes _zoomOut_nwesf_1 {
4670
+ @keyframes _zoomOut_1ept5_1 {
4651
4671
  from {
4652
4672
  transform: scale(1);
4653
4673
  }
@@ -4655,7 +4675,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4655
4675
  transform: scale(0.95);
4656
4676
  }
4657
4677
  }
4658
- @keyframes _slideInFromTop_nwesf_1 {
4678
+ @keyframes _slideInFromTop_1ept5_1 {
4659
4679
  from {
4660
4680
  transform: translateY(-0.75rem);
4661
4681
  }
@@ -4663,7 +4683,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4663
4683
  transform: translateY(0);
4664
4684
  }
4665
4685
  }
4666
- @keyframes _slideInFromBottom_nwesf_1 {
4686
+ @keyframes _slideInFromBottom_1ept5_1 {
4667
4687
  from {
4668
4688
  transform: translateY(0.75rem);
4669
4689
  }
@@ -4671,7 +4691,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4671
4691
  transform: translateY(0);
4672
4692
  }
4673
4693
  }
4674
- @keyframes _slideInFromLeft_nwesf_1 {
4694
+ @keyframes _slideInFromLeft_1ept5_1 {
4675
4695
  from {
4676
4696
  transform: translateX(-100%);
4677
4697
  }
@@ -4679,7 +4699,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
4679
4699
  transform: translateX(0);
4680
4700
  }
4681
4701
  }
4682
- @keyframes _slideInFromRight_nwesf_1 {
4702
+ @keyframes _slideInFromRight_1ept5_1 {
4683
4703
  from {
4684
4704
  transform: translateX(100%);
4685
4705
  }
@@ -6274,23 +6294,23 @@ li .htmlOl {
6274
6294
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
6275
6295
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
6276
6296
  */
6277
- ._wrapper_q25wx_13 {
6297
+ ._wrapper_1wbg1_13 {
6278
6298
  width: 100%;
6279
6299
  outline: none;
6280
6300
  overflow: auto;
6281
6301
  isolation: isolate;
6282
6302
  }
6283
- ._wrapper_q25wx_13._noScroll_q25wx_19 {
6303
+ ._wrapper_1wbg1_13._noScroll_1wbg1_19 {
6284
6304
  overflow-y: initial;
6285
6305
  }
6286
6306
 
6287
- ._headerWrapper_q25wx_23, ._tableBody_q25wx_23 {
6307
+ ._headerWrapper_1wbg1_23, ._tableBody_1wbg1_23 {
6288
6308
  display: inline-block;
6289
6309
  min-width: 100%;
6290
6310
  background-color: var(--xmlui-backgroundColor-Table);
6291
6311
  }
6292
6312
 
6293
- ._clickableHeader_q25wx_29 {
6313
+ ._clickableHeader_1wbg1_29 {
6294
6314
  width: 100%;
6295
6315
  height: 100%;
6296
6316
  color: var(--xmlui-textColor-heading-Table);
@@ -6304,23 +6324,23 @@ li .htmlOl {
6304
6324
  padding-top: var(--xmlui-paddingTop-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)));
6305
6325
  padding-bottom: var(--xmlui-paddingBottom-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)));
6306
6326
  }
6307
- ._clickableHeader_q25wx_29 ._headerContent_q25wx_43 {
6327
+ ._clickableHeader_1wbg1_29 ._headerContent_1wbg1_43 {
6308
6328
  padding: 0;
6309
6329
  }
6310
- ._clickableHeader_q25wx_29:not([disabled]):hover {
6330
+ ._clickableHeader_1wbg1_29:not([disabled]):hover {
6311
6331
  background-color: var(--xmlui-backgroundColor-heading-Table--hover);
6312
6332
  }
6313
- ._clickableHeader_q25wx_29:not([disabled]):active {
6333
+ ._clickableHeader_1wbg1_29:not([disabled]):active {
6314
6334
  background-color: var(--xmlui-backgroundColor-heading-Table--active);
6315
6335
  }
6316
- ._clickableHeader_q25wx_29:not([disabled]):focus-visible {
6336
+ ._clickableHeader_1wbg1_29:not([disabled]):focus-visible {
6317
6337
  outline-width: var(--xmlui-outlineWidth-heading-Table--focus);
6318
6338
  outline-color: var(--xmlui-outlineColor-heading-Table--focus);
6319
6339
  outline-style: var(--xmlui-outlineStyle-heading-Table--focus);
6320
6340
  outline-offset: var(--xmlui-outlineOffset-heading-Table--focus);
6321
6341
  }
6322
6342
 
6323
- ._headerContent_q25wx_43 {
6343
+ ._headerContent_1wbg1_43 {
6324
6344
  display: flex;
6325
6345
  flex-direction: row;
6326
6346
  gap: 0.5rem;
@@ -6337,12 +6357,12 @@ li .htmlOl {
6337
6357
  padding-bottom: var(--xmlui-paddingBottom-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)));
6338
6358
  }
6339
6359
 
6340
- ._headerRow_q25wx_76 {
6360
+ ._headerRow_1wbg1_76 {
6341
6361
  height: 100%;
6342
6362
  background-color: var(--xmlui-backgroundColor-heading-Table);
6343
6363
  }
6344
6364
 
6345
- ._columnCell_q25wx_81, ._cell_q25wx_81 {
6365
+ ._columnCell_1wbg1_81, ._cell_1wbg1_81 {
6346
6366
  display: flex;
6347
6367
  align-items: center;
6348
6368
  white-space: nowrap;
@@ -6350,87 +6370,90 @@ li .htmlOl {
6350
6370
  user-select: text;
6351
6371
  }
6352
6372
 
6353
- ._table_q25wx_23 {
6373
+ ._table_1wbg1_23 {
6354
6374
  display: block;
6355
6375
  color: var(--xmlui-textColor-Table);
6356
6376
  }
6357
- ._table_q25wx_23 ._row_q25wx_93, ._table_q25wx_23 ._headerRow_q25wx_76 {
6377
+ ._table_1wbg1_23 ._row_1wbg1_93, ._table_1wbg1_23 ._headerRow_1wbg1_76 {
6358
6378
  display: flex;
6359
6379
  flex-direction: row;
6360
6380
  border-bottom: var(--xmlui-borderBottom-cell-Table);
6361
6381
  user-select: none;
6362
6382
  }
6363
- ._table_q25wx_23 ._row_q25wx_93 ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._headerRow_q25wx_76 ._checkBoxWrapper_q25wx_99 {
6383
+ ._table_1wbg1_23 ._row_1wbg1_93 ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._checkBoxWrapper_1wbg1_99 {
6364
6384
  font-size: 1rem;
6365
6385
  visibility: hidden;
6366
6386
  }
6367
- ._table_q25wx_23 ._row_q25wx_93 ._checkBoxWrapper_q25wx_99._showInHeader_q25wx_103, ._table_q25wx_23 ._headerRow_q25wx_76 ._checkBoxWrapper_q25wx_99._showInHeader_q25wx_103 {
6387
+ ._table_1wbg1_23 ._row_1wbg1_93 ._checkBoxWrapper_1wbg1_99._showInHeader_1wbg1_103, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._checkBoxWrapper_1wbg1_99._showInHeader_1wbg1_103 {
6368
6388
  visibility: visible;
6369
6389
  }
6370
- ._table_q25wx_23 ._row_q25wx_93:hover ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106 ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._row_q25wx_93:focus-within ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._row_q25wx_93._allSelected_q25wx_106 ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._headerRow_q25wx_76:hover ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._headerRow_q25wx_76._selected_q25wx_106 ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._headerRow_q25wx_76:focus-within ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._headerRow_q25wx_76._allSelected_q25wx_106 ._checkBoxWrapper_q25wx_99 {
6390
+ ._table_1wbg1_23 ._row_1wbg1_93:hover ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106 ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._row_1wbg1_93:focus-within ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._row_1wbg1_93._allSelected_1wbg1_106 ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76:hover ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76._selected_1wbg1_106 ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76:focus-within ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76._allSelected_1wbg1_106 ._checkBoxWrapper_1wbg1_99 {
6371
6391
  visibility: visible;
6372
6392
  }
6373
- ._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:first-child ._headerContent_q25wx_43, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:first-child ._headerContent_q25wx_43 {
6393
+ ._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:first-child ._headerContent_1wbg1_43, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:first-child ._headerContent_1wbg1_43 {
6374
6394
  padding-left: var(--xmlui-paddingHorizontal-cell-first-Table);
6375
6395
  }
6376
- ._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:first-child > button, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:first-child > button {
6396
+ ._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:first-child > button, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:first-child > button {
6377
6397
  padding-left: var(--xmlui-paddingHorizontal-cell-first-Table);
6378
6398
  }
6379
- ._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:first-child > button ._headerContent_q25wx_43, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:first-child > button ._headerContent_q25wx_43 {
6399
+ ._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:first-child > button ._headerContent_1wbg1_43, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:first-child > button ._headerContent_1wbg1_43 {
6380
6400
  padding-left: 0;
6381
6401
  }
6382
- ._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:last-child ._headerContent_q25wx_43, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:last-child ._headerContent_q25wx_43 {
6402
+ ._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:last-child ._headerContent_1wbg1_43, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:last-child ._headerContent_1wbg1_43 {
6383
6403
  padding-right: var(--xmlui-paddingHorizontal-cell-last-Table);
6384
6404
  }
6385
- ._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:last-child > button, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:last-child > button {
6405
+ ._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:last-child > button, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:last-child > button {
6386
6406
  padding-right: var(--xmlui-paddingHorizontal-cell-last-Table);
6387
6407
  }
6388
- ._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:last-child > button ._headerContent_q25wx_43, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:last-child > button ._headerContent_q25wx_43 {
6408
+ ._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:last-child > button ._headerContent_1wbg1_43, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:last-child > button ._headerContent_1wbg1_43 {
6389
6409
  padding-right: 0;
6390
6410
  }
6391
- ._table_q25wx_23 ._row_q25wx_93 ._cell_q25wx_81:first-child, ._table_q25wx_23 ._headerRow_q25wx_76 ._cell_q25wx_81:first-child {
6411
+ ._table_1wbg1_23 ._row_1wbg1_93 ._cell_1wbg1_81:first-child, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._cell_1wbg1_81:first-child {
6392
6412
  padding-left: var(--xmlui-paddingHorizontal-cell-first-Table);
6393
6413
  border-left: 0;
6394
6414
  }
6395
- ._table_q25wx_23 ._row_q25wx_93 ._cell_q25wx_81:last-child, ._table_q25wx_23 ._headerRow_q25wx_76 ._cell_q25wx_81:last-child {
6415
+ ._table_1wbg1_23 ._row_1wbg1_93 ._cell_1wbg1_81:last-child, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._cell_1wbg1_81:last-child {
6396
6416
  padding-right: var(--xmlui-paddingHorizontal-cell-last-Table);
6397
6417
  border-right: 0;
6398
6418
  }
6399
- ._table_q25wx_23 ._row_q25wx_93 {
6419
+ ._table_1wbg1_23 ._row_1wbg1_93 {
6400
6420
  font-size: var(--xmlui-fontSize-row-Table);
6401
6421
  font-weight: var(--xmlui-fontWeight-row-Table);
6402
6422
  background-color: var(--xmlui-backgroundColor-row-Table);
6403
6423
  }
6404
- ._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106 {
6424
+ ._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106 {
6405
6425
  background-color: var(--xmlui-backgroundColor-selected-Table);
6406
6426
  }
6407
- ._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106 ._cell_q25wx_81 {
6427
+ ._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106 ._cell_1wbg1_81 {
6408
6428
  background-color: var(--xmlui-backgroundColor-selected-Table);
6409
6429
  }
6410
- ._table_q25wx_23 ._row_q25wx_93:hover {
6430
+ ._table_1wbg1_23 ._row_1wbg1_93:hover {
6411
6431
  background-color: var(--xmlui-backgroundColor-row-Table--hover);
6412
6432
  }
6413
- ._table_q25wx_23 ._row_q25wx_93:hover ._cell_q25wx_81 {
6433
+ ._table_1wbg1_23 ._row_1wbg1_93:hover ._cell_1wbg1_81 {
6414
6434
  background-color: var(--xmlui-backgroundColor-row-Table--hover);
6415
6435
  }
6416
- ._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106._focused_q25wx_152 {
6436
+ ._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106._focused_1wbg1_152 {
6417
6437
  background-color: var(--xmlui-backgroundColor-selected-Table);
6418
6438
  }
6419
- ._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106._focused_q25wx_152 ._cell_q25wx_81 {
6439
+ ._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106._focused_1wbg1_152 ._cell_1wbg1_81 {
6420
6440
  background-color: var(--xmlui-backgroundColor-selected-Table);
6421
6441
  }
6422
- ._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106:hover {
6442
+ ._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106:hover {
6423
6443
  background-color: var(--xmlui-backgroundColor-selected-Table--hover);
6424
6444
  }
6425
- ._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106:hover ._cell_q25wx_81 {
6445
+ ._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106:hover ._cell_1wbg1_81 {
6426
6446
  background-color: var(--xmlui-backgroundColor-selected-Table--hover);
6427
6447
  }
6428
- ._table_q25wx_23 ._row_q25wx_93._disabled_q25wx_164 {
6448
+ ._table_1wbg1_23 ._row_1wbg1_93._disabled_1wbg1_164 {
6429
6449
  pointer-events: none;
6430
6450
  opacity: 0.6;
6431
6451
  }
6452
+ ._table_1wbg1_23 ._row_1wbg1_93._noBottomBorder_1wbg1_168:last-child {
6453
+ border-bottom: none;
6454
+ }
6432
6455
 
6433
- ._cell_q25wx_81 {
6456
+ ._cell_1wbg1_81 {
6434
6457
  overflow: hidden;
6435
6458
  text-overflow: ellipsis;
6436
6459
  padding: var(--xmlui-padding-cell-Table);
@@ -6440,13 +6463,13 @@ li .htmlOl {
6440
6463
  padding-bottom: var(--xmlui-paddingBottom-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)));
6441
6464
  }
6442
6465
 
6443
- ._headerWrapper_q25wx_23 {
6466
+ ._headerWrapper_1wbg1_23 {
6444
6467
  position: sticky;
6445
6468
  top: 0;
6446
6469
  z-index: 2;
6447
6470
  }
6448
6471
 
6449
- ._columnCell_q25wx_81 {
6472
+ ._columnCell_1wbg1_81 {
6450
6473
  background-color: var(--xmlui-backgroundColor-heading-Table);
6451
6474
  text-align: start;
6452
6475
  white-space: nowrap;
@@ -6454,13 +6477,13 @@ li .htmlOl {
6454
6477
  padding: 0;
6455
6478
  }
6456
6479
 
6457
- ._noRows_q25wx_193 {
6480
+ ._noRows_1wbg1_196 {
6458
6481
  width: 100%;
6459
6482
  text-align: center;
6460
6483
  margin-top: var(--xmlui-space-16);
6461
6484
  }
6462
6485
 
6463
- ._pagination_q25wx_199 {
6486
+ ._pagination_1wbg1_202 {
6464
6487
  position: sticky;
6465
6488
  left: 0;
6466
6489
  padding-top: var(--xmlui-space-4);
@@ -6476,30 +6499,30 @@ li .htmlOl {
6476
6499
  background-color: var(--xmlui-backgroundColor-pagination-Table);
6477
6500
  }
6478
6501
 
6479
- ._paginationLabel_q25wx_215 {
6502
+ ._paginationLabel_1wbg1_218 {
6480
6503
  color: var(--xmlui-textColor-pagination-Table);
6481
6504
  font-size: var(--xmlui-fontSize-small);
6482
6505
  }
6483
6506
 
6484
- ._paginationSelect_q25wx_220 {
6507
+ ._paginationSelect_1wbg1_223 {
6485
6508
  color: inherit;
6486
6509
  background-color: transparent;
6487
6510
  margin-left: var(--xmlui-space-4);
6488
6511
  }
6489
6512
 
6490
- ._paginationButtons_q25wx_226 {
6513
+ ._paginationButtons_1wbg1_229 {
6491
6514
  display: flex;
6492
6515
  flex-direction: row;
6493
6516
  }
6494
6517
 
6495
- ._searchIconWrapper_q25wx_231 {
6518
+ ._searchIconWrapper_1wbg1_234 {
6496
6519
  width: 32px;
6497
6520
  display: flex;
6498
6521
  align-items: center;
6499
6522
  justify-content: center;
6500
6523
  }
6501
6524
 
6502
- ._loadingWrapper_q25wx_238 {
6525
+ ._loadingWrapper_1wbg1_241 {
6503
6526
  display: flex;
6504
6527
  flex-direction: row;
6505
6528
  justify-content: center;
@@ -6507,14 +6530,14 @@ li .htmlOl {
6507
6530
  padding-bottom: var(--xmlui-space-2);
6508
6531
  }
6509
6532
 
6510
- ._checkBoxWrapper_q25wx_99 {
6533
+ ._checkBoxWrapper_1wbg1_99 {
6511
6534
  opacity: 0.5;
6512
6535
  }
6513
- ._checkBoxWrapper_q25wx_99:hover {
6536
+ ._checkBoxWrapper_1wbg1_99:hover {
6514
6537
  opacity: 1;
6515
6538
  }
6516
6539
 
6517
- ._resizer_q25wx_253 {
6540
+ ._resizer_1wbg1_256 {
6518
6541
  position: absolute;
6519
6542
  top: 0;
6520
6543
  height: 100%;
@@ -6529,25 +6552,25 @@ li .htmlOl {
6529
6552
  align-items: center;
6530
6553
  justify-content: center;
6531
6554
  }
6532
- ._resizer_q25wx_253:before {
6555
+ ._resizer_1wbg1_256:before {
6533
6556
  content: "";
6534
6557
  width: 1px;
6535
6558
  height: 100%;
6536
6559
  background: var(--xmlui-borderColor-cell-Table);
6537
6560
  }
6538
6561
 
6539
- ._resizer_q25wx_253._isResizing_q25wx_275 {
6562
+ ._resizer_1wbg1_256._isResizing_1wbg1_278 {
6540
6563
  opacity: 1;
6541
6564
  }
6542
- ._resizer_q25wx_253._isResizing_q25wx_275:before {
6565
+ ._resizer_1wbg1_256._isResizing_1wbg1_278:before {
6543
6566
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
6544
6567
  }
6545
6568
 
6546
6569
  @media (hover: hover) {
6547
- ._resizer_q25wx_253 {
6570
+ ._resizer_1wbg1_256 {
6548
6571
  opacity: 0;
6549
6572
  }
6550
- *:hover > ._resizer_q25wx_253 {
6573
+ *:hover > ._resizer_1wbg1_256 {
6551
6574
  opacity: 1;
6552
6575
  }
6553
6576
  }/*