@@ -1053,7 +1053,9 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
1053
1053
tag : {
1054
1054
type : String ,
1055
1055
default : "ul"
1056
- }
1056
+ } ,
1057
+ light : Boolean ,
1058
+ small : Boolean
1057
1059
} ,
1058
1060
setup ( __props ) {
1059
1061
const props = __props ;
@@ -1062,7 +1064,9 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
1062
1064
"list-group" ,
1063
1065
props . horizontal && horizontalClass . value ,
1064
1066
props . flush && "list-group-flush" ,
1065
- props . numbered && "list-group-numbered"
1067
+ props . numbered && "list-group-numbered" ,
1068
+ props . light && "list-group-light" ,
1069
+ props . small && "list-group-small"
1066
1070
] ;
1067
1071
} ) ;
1068
1072
const horizontalClass = computed ( ( ) => {
@@ -1105,21 +1109,38 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
1105
1109
type : Boolean ,
1106
1110
default : false
1107
1111
} ,
1108
- color : String
1112
+ color : String ,
1113
+ noBorder : Boolean ,
1114
+ spacing : {
1115
+ type : [ Boolean , String ] ,
1116
+ default : false
1117
+ } ,
1118
+ ripple : {
1119
+ type : [ Object , Boolean ] ,
1120
+ default : false
1121
+ }
1109
1122
} ,
1110
1123
setup ( __props ) {
1111
1124
const props = __props ;
1125
+ const spacingClass = computed ( ( ) => {
1126
+ if ( ! props . spacing ) {
1127
+ return ;
1128
+ }
1129
+ return props . spacing !== true ? props . spacing : "px-3" ;
1130
+ } ) ;
1112
1131
const className = computed ( ( ) => {
1113
1132
return [
1114
1133
"list-group-item" ,
1115
1134
props . active && "active" ,
1116
1135
props . disabled && "disabled" ,
1117
1136
props . action && "list-group-item-action" ,
1118
- props . color && `list-group-item-${ props . color } `
1137
+ props . color && `list-group-item-${ props . color } ` ,
1138
+ props . noBorder && `border-0` ,
1139
+ props . spacing && spacingClass . value
1119
1140
] ;
1120
1141
} ) ;
1121
1142
return ( _ctx , _cache ) => {
1122
- return openBlock ( ) , createBlock ( resolveDynamicComponent ( __props . tag ) , {
1143
+ return withDirectives ( ( openBlock ( ) , createBlock ( resolveDynamicComponent ( __props . tag ) , {
1123
1144
class : normalizeClass ( unref ( className ) ) ,
1124
1145
"aria-current" : __props . active ? true : null ,
1125
1146
"aria-disabled" : __props . disabled ? true : null ,
@@ -1129,7 +1150,9 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
1129
1150
renderSlot ( _ctx . $slots , "default" )
1130
1151
] ) ,
1131
1152
_ : 3
1132
- } , 8 , [ "class" , "aria-current" , "aria-disabled" , "disabled" ] ) ;
1153
+ } , 8 , [ "class" , "aria-current" , "aria-disabled" , "disabled" ] ) ) , [
1154
+ [ unref ( RippleDirective ) , props . ripple ]
1155
+ ] ) ;
1133
1156
} ;
1134
1157
}
1135
1158
} ) ;
@@ -3457,6 +3480,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
3457
3480
} ,
3458
3481
setup ( __props ) {
3459
3482
const props = __props ;
3483
+ const animationDuration = 550 ;
3460
3484
const className = computed ( ( ) => {
3461
3485
return [
3462
3486
"dropdown-menu" ,
@@ -3482,7 +3506,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
3482
3506
}
3483
3507
setTimeout ( ( ) => {
3484
3508
fadeClass . value = false ;
3485
- } , 300 ) ;
3509
+ } , animationDuration ) ;
3486
3510
} ;
3487
3511
const setMenuMountedState = inject ( "setMenuMountedState" , ( ) => false ) ;
3488
3512
const isActive = inject ( "isActive" , false ) ;
@@ -3498,7 +3522,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
3498
3522
setInactive ( ) ;
3499
3523
setTimeout ( ( ) => {
3500
3524
setMenuMountedState ( false ) ;
3501
- } , 300 ) ;
3525
+ } , animationDuration ) ;
3502
3526
}
3503
3527
}
3504
3528
) ;
@@ -3518,7 +3542,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
3518
3542
} else if ( isActive && ! isActive . value && isPopperActive && ! isPopperActive . value ) {
3519
3543
setTimeout ( ( ) => {
3520
3544
return false ;
3521
- } , 300 ) ;
3545
+ } , animationDuration ) ;
3522
3546
}
3523
3547
return false ;
3524
3548
} ) ;
@@ -4376,9 +4400,12 @@ function useMDBModal(props, emit) {
4376
4400
el . style . opacity = "0" ;
4377
4401
el . style . display = "block" ;
4378
4402
setScrollbar ( ) ;
4379
- document . body . style . paddingRight = `${ scrollbarWidth . value } px` ;
4380
- el . style . paddingRight = `${ scrollbarWidth . value } px` ;
4381
- document . body . classList . add ( "modal-open" ) ;
4403
+ isOnlyNonInvasiveModal ( ) ;
4404
+ if ( onlyNonInvasiveModal . value ) {
4405
+ document . body . style . paddingRight = `${ scrollbarWidth . value } px` ;
4406
+ el . style . paddingRight = `${ scrollbarWidth . value } px` ;
4407
+ document . body . classList . add ( "modal-open" ) ;
4408
+ }
4382
4409
emit ( "show" , root . value ) ;
4383
4410
} ;
4384
4411
const afterEnter = ( el ) => {
@@ -4403,11 +4430,13 @@ function useMDBModal(props, emit) {
4403
4430
const child = el . childNodes [ 0 ] ;
4404
4431
child . style . transform = dialogTransform . value ;
4405
4432
el . style . opacity = "0" ;
4406
- setTimeout ( ( ) => {
4407
- el . style . paddingRight = "" ;
4408
- document . body . style . paddingRight = "" ;
4409
- document . body . classList . remove ( "modal-open" ) ;
4410
- } , 200 ) ;
4433
+ if ( onlyNonInvasiveModal . value ) {
4434
+ setTimeout ( ( ) => {
4435
+ el . style . paddingRight = "" ;
4436
+ document . body . style . paddingRight = "" ;
4437
+ document . body . classList . remove ( "modal-open" ) ;
4438
+ } , 200 ) ;
4439
+ }
4411
4440
emit ( "hide" , thisElement . value ) ;
4412
4441
if ( props . keyboard ) {
4413
4442
off ( window , "keyup" , handleEscKeyUp ) ;
@@ -4423,6 +4452,10 @@ function useMDBModal(props, emit) {
4423
4452
onBeforeUnmount ( ( ) => {
4424
4453
off ( window , "keyup" , handleEscKeyUp ) ;
4425
4454
} ) ;
4455
+ const onlyNonInvasiveModal = ref ( true ) ;
4456
+ const isOnlyNonInvasiveModal = ( ) => {
4457
+ onlyNonInvasiveModal . value = document . body . classList . contains ( "modal-open" ) ? document . querySelector ( ".modal.non-invasive" ) ? true : false : true ;
4458
+ } ;
4426
4459
return {
4427
4460
wrapperClass,
4428
4461
dialogClass,
@@ -4447,7 +4480,9 @@ function useMDBModal(props, emit) {
4447
4480
dialogTransform,
4448
4481
animateStaticModal,
4449
4482
fullscreenClass,
4450
- clickFromBackdrop
4483
+ clickFromBackdrop,
4484
+ isOnlyNonInvasiveModal,
4485
+ onlyNonInvasiveModal
4451
4486
} ;
4452
4487
}
4453
4488
const __default__$y = {
@@ -7224,10 +7259,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
7224
7259
} ) ;
7225
7260
const _hoisted_1$2 = [ "for" ] ;
7226
7261
const _hoisted_2$2 = [ "id" ] ;
7262
+ const MDBFileList = typeof FileList !== "undefined" ? FileList : Object ;
7227
7263
const __default__$2 = {
7228
7264
name : "MDBFile"
7229
7265
} ;
7230
- const _sfc_main$2 = /* @__PURE__ */ defineComponent ( {
7266
+ const _sfc_main$2 = defineComponent ( {
7231
7267
...__default__$2 ,
7232
7268
props : {
7233
7269
id : String ,
@@ -7239,7 +7275,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
7239
7275
label : String ,
7240
7276
labelClass : String ,
7241
7277
modelValue : {
7242
- type : [ FileList , Array ] ,
7278
+ type : [ MDBFileList , Array ] ,
7243
7279
default : ( ) => [ ]
7244
7280
} ,
7245
7281
size : String ,
0 commit comments