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.
- package/dist/{apiInterceptorWorker-BUaYCWe6.mjs → apiInterceptorWorker-B9XuRkxC.mjs} +1 -1
- package/dist/{index-DiCe0Ajo.mjs → index-D82p1y9A.mjs} +421 -203
- package/dist/index.css +298 -275
- package/dist/scripts/src/components/Card/Card.js +17 -1
- package/dist/scripts/src/components/Card/CardNative.js +2 -3
- package/dist/scripts/src/components/DatePicker/DatePickerNative.js +2 -2
- package/dist/scripts/src/components/Markdown/Markdown.js +10 -9
- package/dist/scripts/src/components/Option/Option.js +0 -1
- package/dist/scripts/src/components/Select/Select.js +3 -2
- package/dist/scripts/src/components/Select/SelectNative.js +1 -1
- package/dist/scripts/src/components/Table/Table.js +7 -1
- package/dist/scripts/src/components/Table/TableNative.js +2 -1
- package/dist/scripts/src/components-core/LoaderComponent.js +14 -0
- package/dist/scripts/src/components-core/abstractions/containers.js +1 -0
- package/dist/scripts/src/components-core/loader/ApiLoader.js +4 -5
- package/dist/scripts/src/components-core/loader/DataLoader.js +4 -4
- package/dist/scripts/src/components-core/loader/ExternalDataLoader.js +4 -7
- package/dist/scripts/src/components-core/loader/Loader.js +23 -11
- package/dist/scripts/src/components-core/loader/MockLoaderRenderer.js +3 -3
- package/dist/scripts/src/components-core/loader/PageableLoader.js +14 -4
- package/dist/scripts/src/components-core/rendering/reducer.js +9 -3
- package/dist/style.css +298 -275
- package/dist/xmlui-metadata.mjs +197 -156
- package/dist/xmlui-metadata.umd.js +197 -156
- package/dist/xmlui-standalone.umd.js +4911 -2858
- package/dist/xmlui.d.ts +33 -1
- package/dist/xmlui.mjs +1 -1
- 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
|
-
.
|
|
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(--
|
|
2450
|
+
gap: var(--xmlui-gap-Card);
|
|
2451
2451
|
}
|
|
2452
|
-
.
|
|
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
|
-
.
|
|
2469
|
+
._wrapper_1arn2_13._vertical_1arn2_63 {
|
|
2458
2470
|
flex-direction: column;
|
|
2459
2471
|
}
|
|
2460
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
2971
|
+
._datePicker_qilmv_13 ._placeholder_qilmv_47 {
|
|
2960
2972
|
color: var(--xmlui-textColor-placeholder-DatePicker-default);
|
|
2961
2973
|
}
|
|
2962
|
-
.
|
|
2974
|
+
._datePicker_qilmv_13 ._adornment_qilmv_50 {
|
|
2963
2975
|
color: var(--xmlui-textColor-adornment-DatePicker-default);
|
|
2964
2976
|
}
|
|
2965
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
2999
|
+
._datePicker_qilmv_13._error_qilmv_53 ._placeholder_qilmv_47 {
|
|
2988
3000
|
color: var(--xmlui-textColor-placeholder-DatePicker-error);
|
|
2989
3001
|
}
|
|
2990
|
-
.
|
|
3002
|
+
._datePicker_qilmv_13._error_qilmv_53 ._adornment_qilmv_50 {
|
|
2991
3003
|
color: var(--xmlui-textColor-adornment-DatePicker-error);
|
|
2992
3004
|
}
|
|
2993
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3027
|
+
._datePicker_qilmv_13._warning_qilmv_81 ._placeholder_qilmv_47 {
|
|
3016
3028
|
color: var(--xmlui-textColor-placeholder-DatePicker-warning);
|
|
3017
3029
|
}
|
|
3018
|
-
.
|
|
3030
|
+
._datePicker_qilmv_13._warning_qilmv_81 ._adornment_qilmv_50 {
|
|
3019
3031
|
color: var(--xmlui-textColor-adornment-DatePicker-warning);
|
|
3020
3032
|
}
|
|
3021
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3055
|
+
._datePicker_qilmv_13._valid_qilmv_109 ._placeholder_qilmv_47 {
|
|
3044
3056
|
color: var(--xmlui-textColor-placeholder-DatePicker-success);
|
|
3045
3057
|
}
|
|
3046
|
-
.
|
|
3058
|
+
._datePicker_qilmv_13._valid_qilmv_109 ._adornment_qilmv_50 {
|
|
3047
3059
|
color: var(--xmlui-textColor-adornment-DatePicker-success);
|
|
3048
3060
|
}
|
|
3049
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3071
|
+
._datePickerValue_qilmv_147 {
|
|
3060
3072
|
display: flex;
|
|
3061
3073
|
flex: 1;
|
|
3062
3074
|
}
|
|
3063
3075
|
|
|
3064
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3102
|
+
._inlinePickerMenu_qilmv_152 ._placeholder_qilmv_47 {
|
|
3091
3103
|
color: var(--xmlui-textColor-placeholder-DatePicker-default);
|
|
3092
3104
|
}
|
|
3093
|
-
.
|
|
3105
|
+
._inlinePickerMenu_qilmv_152 ._adornment_qilmv_50 {
|
|
3094
3106
|
color: var(--xmlui-textColor-adornment-DatePicker-default);
|
|
3095
3107
|
}
|
|
3096
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3130
|
+
._inlinePickerMenu_qilmv_152._error_qilmv_53 ._placeholder_qilmv_47 {
|
|
3119
3131
|
color: var(--xmlui-textColor-placeholder-DatePicker-error);
|
|
3120
3132
|
}
|
|
3121
|
-
.
|
|
3133
|
+
._inlinePickerMenu_qilmv_152._error_qilmv_53 ._adornment_qilmv_50 {
|
|
3122
3134
|
color: var(--xmlui-textColor-adornment-DatePicker-error);
|
|
3123
3135
|
}
|
|
3124
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3158
|
+
._inlinePickerMenu_qilmv_152._warning_qilmv_81 ._placeholder_qilmv_47 {
|
|
3147
3159
|
color: var(--xmlui-textColor-placeholder-DatePicker-warning);
|
|
3148
3160
|
}
|
|
3149
|
-
.
|
|
3161
|
+
._inlinePickerMenu_qilmv_152._warning_qilmv_81 ._adornment_qilmv_50 {
|
|
3150
3162
|
color: var(--xmlui-textColor-adornment-DatePicker-warning);
|
|
3151
3163
|
}
|
|
3152
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3186
|
+
._inlinePickerMenu_qilmv_152._valid_qilmv_109 ._placeholder_qilmv_47 {
|
|
3175
3187
|
color: var(--xmlui-textColor-placeholder-DatePicker-success);
|
|
3176
3188
|
}
|
|
3177
|
-
.
|
|
3189
|
+
._inlinePickerMenu_qilmv_152._valid_qilmv_109 ._adornment_qilmv_50 {
|
|
3178
3190
|
color: var(--xmlui-textColor-adornment-DatePicker-success);
|
|
3179
3191
|
}
|
|
3180
3192
|
|
|
3181
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3250
|
+
._button_qilmv_304:not([disabled]) {
|
|
3243
3251
|
cursor: pointer;
|
|
3244
3252
|
}
|
|
3245
3253
|
|
|
3246
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3295
|
+
._month_qilmv_367 {
|
|
3261
3296
|
margin: 0 1em;
|
|
3262
3297
|
}
|
|
3263
3298
|
|
|
3264
|
-
.
|
|
3299
|
+
._month_qilmv_367:first-child {
|
|
3265
3300
|
margin-left: 0;
|
|
3266
3301
|
}
|
|
3267
3302
|
|
|
3268
|
-
.
|
|
3303
|
+
._month_qilmv_367:last-child {
|
|
3269
3304
|
margin-right: 0;
|
|
3270
3305
|
}
|
|
3271
3306
|
|
|
3272
|
-
.
|
|
3273
|
-
margin: 0;
|
|
3274
|
-
max-width: 280px;
|
|
3307
|
+
._month_grid_qilmv_383 {
|
|
3275
3308
|
border-collapse: collapse;
|
|
3276
3309
|
}
|
|
3277
3310
|
|
|
3278
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3325
|
+
._caption_dropdowns_qilmv_401 {
|
|
3298
3326
|
position: relative;
|
|
3299
3327
|
display: inline-flex;
|
|
3300
3328
|
}
|
|
3301
3329
|
|
|
3302
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3414
|
+
._dropdown_qilmv_457[disabled] {
|
|
3376
3415
|
opacity: unset;
|
|
3377
3416
|
color: unset;
|
|
3378
3417
|
}
|
|
3379
3418
|
|
|
3380
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3431
|
-
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3450
|
-
.
|
|
3451
|
-
.
|
|
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
|
-
.
|
|
3458
|
-
opacity: 0.
|
|
3478
|
+
._outside_qilmv_540 {
|
|
3479
|
+
opacity: 0.7;
|
|
3459
3480
|
}
|
|
3460
3481
|
|
|
3461
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3509
|
+
._day_range_end_qilmv_565._day_range_start_qilmv_565 {
|
|
3489
3510
|
border-radius: 100%;
|
|
3490
3511
|
}
|
|
3491
3512
|
|
|
3492
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
4288
|
+
button._selectTrigger_1ept5_46::placeholder {
|
|
4268
4289
|
color: var(--xmlui-textColor-placeholder-Select-default);
|
|
4269
4290
|
}
|
|
4270
|
-
button.
|
|
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.
|
|
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.
|
|
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.
|
|
4313
|
+
button._selectTrigger_1ept5_46._error_1ept5_21::placeholder {
|
|
4293
4314
|
color: var(--xmlui-textColor-placeholder-Select-error);
|
|
4294
4315
|
}
|
|
4295
|
-
button.
|
|
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.
|
|
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.
|
|
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.
|
|
4338
|
+
button._selectTrigger_1ept5_46._warning_1ept5_29::placeholder {
|
|
4318
4339
|
color: var(--xmlui-textColor-placeholder-Select-warning);
|
|
4319
4340
|
}
|
|
4320
|
-
button.
|
|
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.
|
|
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.
|
|
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.
|
|
4363
|
+
button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
|
|
4343
4364
|
color: var(--xmlui-textColor-placeholder-Select-success);
|
|
4344
4365
|
}
|
|
4345
4366
|
|
|
4346
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
4422
|
+
._actions_1ept5_210 {
|
|
4402
4423
|
display: flex;
|
|
4403
4424
|
align-items: center;
|
|
4404
4425
|
justify-content: space-between;
|
|
4405
4426
|
}
|
|
4406
4427
|
|
|
4407
|
-
.
|
|
4428
|
+
._placeholder_1ept5_216 {
|
|
4408
4429
|
display: block;
|
|
4409
4430
|
color: var(--xmlui-textColor-placeholder-Select);
|
|
4410
4431
|
}
|
|
4411
4432
|
|
|
4412
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
4486
|
+
._commandInput_1ept5_259:focus {
|
|
4466
4487
|
outline: none;
|
|
4467
4488
|
box-shadow: none;
|
|
4468
4489
|
border: 0;
|
|
4469
4490
|
}
|
|
4470
|
-
.
|
|
4491
|
+
._commandInput_1ept5_259:disabled {
|
|
4471
4492
|
cursor: not-allowed;
|
|
4472
4493
|
opacity: var(--xmlui-opacity-Select--disabled);
|
|
4473
4494
|
}
|
|
4474
4495
|
|
|
4475
|
-
.
|
|
4496
|
+
._commandList_1ept5_284 {
|
|
4476
4497
|
overflow-y: auto;
|
|
4477
4498
|
overflow-x: hidden;
|
|
4478
4499
|
}
|
|
4479
4500
|
|
|
4480
|
-
.
|
|
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
|
-
.
|
|
4490
|
-
animation:
|
|
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
|
-
.
|
|
4493
|
-
animation:
|
|
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
|
-
.
|
|
4496
|
-
animation:
|
|
4516
|
+
._selectContent_1ept5_289[data-side=bottom] {
|
|
4517
|
+
animation: _slideInFromTop_1ept5_1 0.08s ease-in-out;
|
|
4497
4518
|
}
|
|
4498
|
-
.
|
|
4499
|
-
animation:
|
|
4519
|
+
._selectContent_1ept5_289[data-side=left] {
|
|
4520
|
+
animation: _slideInFromRight_1ept5_1 0.3s ease-in-out;
|
|
4500
4521
|
}
|
|
4501
|
-
.
|
|
4502
|
-
animation:
|
|
4522
|
+
._selectContent_1ept5_289[data-side=right] {
|
|
4523
|
+
animation: _slideInFromLeft_1ept5_1 0.3s ease-in-out;
|
|
4503
4524
|
}
|
|
4504
|
-
.
|
|
4505
|
-
animation:
|
|
4525
|
+
._selectContent_1ept5_289[data-side=top] {
|
|
4526
|
+
animation: _slideInFromBottom_1ept5_1 0.3s ease-in-out;
|
|
4506
4527
|
}
|
|
4507
|
-
.
|
|
4528
|
+
._selectContent_1ept5_289[data-side=bottom] {
|
|
4508
4529
|
transform: translateY(0.25rem);
|
|
4509
4530
|
}
|
|
4510
|
-
.
|
|
4531
|
+
._selectContent_1ept5_289[data-side=left] {
|
|
4511
4532
|
transform: translateX(-0.25rem);
|
|
4512
4533
|
}
|
|
4513
|
-
.
|
|
4534
|
+
._selectContent_1ept5_289[data-side=right] {
|
|
4514
4535
|
transform: translateX(0.25rem);
|
|
4515
4536
|
}
|
|
4516
|
-
.
|
|
4537
|
+
._selectContent_1ept5_289[data-side=top] {
|
|
4517
4538
|
transform: translateY(-0.25rem);
|
|
4518
4539
|
}
|
|
4519
4540
|
|
|
4520
|
-
.
|
|
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
|
-
.
|
|
4556
|
+
._multiComboboxOption_1ept5_329[data-selected=true] {
|
|
4536
4557
|
background-color: var(--xmlui-backgroundColor-item-Select--hover);
|
|
4537
4558
|
}
|
|
4538
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
4575
|
+
._selectItem_1ept5_354[data-highlighted] {
|
|
4555
4576
|
background-color: var(--xmlui-backgroundColor-item-Select--hover);
|
|
4556
4577
|
}
|
|
4557
|
-
.
|
|
4578
|
+
._selectItem_1ept5_354[data-state=checked] {
|
|
4558
4579
|
background-color: var(--xmlui-backgroundColor-item-Select--active);
|
|
4559
4580
|
}
|
|
4560
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
4630
|
+
._loading_1ept5_418 {
|
|
4611
4631
|
padding: 0.5rem 1rem;
|
|
4612
4632
|
}
|
|
4613
4633
|
|
|
4614
|
-
.
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
-
.
|
|
6297
|
+
._wrapper_1wbg1_13 {
|
|
6278
6298
|
width: 100%;
|
|
6279
6299
|
outline: none;
|
|
6280
6300
|
overflow: auto;
|
|
6281
6301
|
isolation: isolate;
|
|
6282
6302
|
}
|
|
6283
|
-
.
|
|
6303
|
+
._wrapper_1wbg1_13._noScroll_1wbg1_19 {
|
|
6284
6304
|
overflow-y: initial;
|
|
6285
6305
|
}
|
|
6286
6306
|
|
|
6287
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6327
|
+
._clickableHeader_1wbg1_29 ._headerContent_1wbg1_43 {
|
|
6308
6328
|
padding: 0;
|
|
6309
6329
|
}
|
|
6310
|
-
.
|
|
6330
|
+
._clickableHeader_1wbg1_29:not([disabled]):hover {
|
|
6311
6331
|
background-color: var(--xmlui-backgroundColor-heading-Table--hover);
|
|
6312
6332
|
}
|
|
6313
|
-
.
|
|
6333
|
+
._clickableHeader_1wbg1_29:not([disabled]):active {
|
|
6314
6334
|
background-color: var(--xmlui-backgroundColor-heading-Table--active);
|
|
6315
6335
|
}
|
|
6316
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6360
|
+
._headerRow_1wbg1_76 {
|
|
6341
6361
|
height: 100%;
|
|
6342
6362
|
background-color: var(--xmlui-backgroundColor-heading-Table);
|
|
6343
6363
|
}
|
|
6344
6364
|
|
|
6345
|
-
.
|
|
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
|
-
.
|
|
6373
|
+
._table_1wbg1_23 {
|
|
6354
6374
|
display: block;
|
|
6355
6375
|
color: var(--xmlui-textColor-Table);
|
|
6356
6376
|
}
|
|
6357
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6424
|
+
._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106 {
|
|
6405
6425
|
background-color: var(--xmlui-backgroundColor-selected-Table);
|
|
6406
6426
|
}
|
|
6407
|
-
.
|
|
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
|
-
.
|
|
6430
|
+
._table_1wbg1_23 ._row_1wbg1_93:hover {
|
|
6411
6431
|
background-color: var(--xmlui-backgroundColor-row-Table--hover);
|
|
6412
6432
|
}
|
|
6413
|
-
.
|
|
6433
|
+
._table_1wbg1_23 ._row_1wbg1_93:hover ._cell_1wbg1_81 {
|
|
6414
6434
|
background-color: var(--xmlui-backgroundColor-row-Table--hover);
|
|
6415
6435
|
}
|
|
6416
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6442
|
+
._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106:hover {
|
|
6423
6443
|
background-color: var(--xmlui-backgroundColor-selected-Table--hover);
|
|
6424
6444
|
}
|
|
6425
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6466
|
+
._headerWrapper_1wbg1_23 {
|
|
6444
6467
|
position: sticky;
|
|
6445
6468
|
top: 0;
|
|
6446
6469
|
z-index: 2;
|
|
6447
6470
|
}
|
|
6448
6471
|
|
|
6449
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6513
|
+
._paginationButtons_1wbg1_229 {
|
|
6491
6514
|
display: flex;
|
|
6492
6515
|
flex-direction: row;
|
|
6493
6516
|
}
|
|
6494
6517
|
|
|
6495
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6533
|
+
._checkBoxWrapper_1wbg1_99 {
|
|
6511
6534
|
opacity: 0.5;
|
|
6512
6535
|
}
|
|
6513
|
-
.
|
|
6536
|
+
._checkBoxWrapper_1wbg1_99:hover {
|
|
6514
6537
|
opacity: 1;
|
|
6515
6538
|
}
|
|
6516
6539
|
|
|
6517
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6562
|
+
._resizer_1wbg1_256._isResizing_1wbg1_278 {
|
|
6540
6563
|
opacity: 1;
|
|
6541
6564
|
}
|
|
6542
|
-
.
|
|
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
|
-
.
|
|
6570
|
+
._resizer_1wbg1_256 {
|
|
6548
6571
|
opacity: 0;
|
|
6549
6572
|
}
|
|
6550
|
-
*:hover > .
|
|
6573
|
+
*:hover > ._resizer_1wbg1_256 {
|
|
6551
6574
|
opacity: 1;
|
|
6552
6575
|
}
|
|
6553
6576
|
}/*
|