Skip to content

Commit 233c415

Browse files
author
unknown
committed
1.0.0-beta7
1 parent 4dc531a commit 233c415

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+534
-315
lines changed

‎README.txt

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
MDB 5 Vue
22

3-
Version: FREE 1.0.0-beta6
3+
Version: FREE 1.0.0-beta7
44

55
Documentation:
66
https://mdbootstrap.com/docs/b5/vue/

‎css/mdb.min.css

Lines changed: 4 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/mdb.min.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎js/mdb.common.js

Lines changed: 164 additions & 141 deletions
Large diffs are not rendered by default.

‎js/mdb.common.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎js/mdb.umd.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎js/mdb.umd.min.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "mdb-vue-ui-kit",
3-
"version": "1.0.0-beta6",
3+
"version": "1.0.0-beta7",
44
"main": "js/mdb.umd.min.js",
55
"repository": "https://github.com/mdbootstrap/mdb-vue-ui-kit.git",
66
"author": "MDBootstrap",

‎src/components/free/forms/MDBInput.vue

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
:value="inputValue"
88
@input="handleInput"
99
ref="inputRef"
10+
v-mdb-click-outside="clickOutside"
1011
/>
1112
<label
1213
v-if="label && !wrap"
@@ -39,6 +40,7 @@
3940
:is="tag"
4041
:class="wrapperClassName"
4142
:style="validationStyle"
43+
v-mdb-click-outside="clickOutside"
4244
>
4345
<slot name="prepend" />
4446
<input
@@ -86,6 +88,7 @@ import {
8688
} from "vue";
8789
import { on, off } from "../../utils/MDBEventHandlers";
8890
import { getUID } from "../../utils/getUID";
91+
import mdbClickOutside from "@/directives/free/mdbClickOutside.js";
8992
9093
export default {
9194
name: "MDBInput",
@@ -124,7 +127,8 @@ export default {
124127
default: "div"
125128
}
126129
},
127-
emits: ["update:modelValue"],
130+
directives: { mdbClickOutside },
131+
emits: ["update:modelValue", "click-outside"],
128132
setup(props, { attrs, emit }) {
129133
const inputRef = ref("inputRef");
130134
const inputValue = ref(props.modelValue);
@@ -226,6 +230,10 @@ export default {
226230
emit("update:modelValue", inputValue.value);
227231
}
228232
233+
function clickOutside() {
234+
emit("click-outside");
235+
}
236+
229237
onMounted(() => {
230238
calcNotch();
231239
setPlaceholder();
@@ -273,6 +281,7 @@ export default {
273281
customInvalidFeedback,
274282
notchLeadingWidth,
275283
notchMiddleWidth,
284+
clickOutside,
276285
attrs,
277286
props
278287
};

‎src/components/free/layout/MDBRow.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
import { computed } from "vue";
99
1010
export default {
11-
name: "MDBContainer",
11+
name: "MDBRow",
1212
props: {
1313
tag: {
1414
type: String,

‎src/components/free/navigation/MDBTabs.vue

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
</template>
77

88
<script>
9-
import { provide, onMounted, onUnmounted, ref } from "vue";
9+
import { provide, onMounted, onUnmounted, ref, watch } from "vue";
1010
import { handleBreakpoints } from "../../utils/MDBBreakpointHandler";
1111
import { on, off } from "../../utils/MDBEventHandlers";
1212
@@ -32,7 +32,20 @@ export default {
3232
const activeTab = ref(null);
3333
const activeTabId = ref(props.modelValue);
3434
35+
watch(
36+
() => props.modelValue,
37+
cur => {
38+
if (cur !== activeTabId.value) {
39+
activeTabId.value = cur;
40+
updateActiveTab(null, cur);
41+
}
42+
}
43+
);
44+
3545
const updateActiveTab = (element, tabId) => {
46+
if (!element) {
47+
element = document.body.querySelector(`#tab-${tabId}`);
48+
}
3649
if (prevTab.value) {
3750
emit("hide", { target: prevTab.value, relatedTarget: element });
3851
}

‎src/components/utils/MDBKeycodes.js

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
export const LEFT_ARROW = 37;
2+
export const UP_ARROW = 38;
3+
export const RIGHT_ARROW = 39;
4+
export const DOWN_ARROW = 40;
5+
export const HOME = 36;
6+
export const END = 35;
7+
export const PAGE_UP = 33;
8+
export const PAGE_DOWN = 34;
9+
export const ENTER = 13;
10+
export const SPACE = 32;
11+
export const ESCAPE = 27;
12+
export const TAB = 9;
13+
export const BACKSPACE = 8;
14+
export const DELETE = 46;
15+
export const A = 65;
16+
export const B = 66;
17+
export const C = 67;
18+
export const D = 68;
19+
export const E = 69;
20+
export const F = 70;
21+
export const G = 71;
22+
export const H = 72;
23+
export const I = 73;
24+
export const J = 74;
25+
export const K = 75;
26+
export const L = 76;
27+
export const M = 77;
28+
export const N = 78;
29+
export const O = 79;
30+
export const P = 80;
31+
export const Q = 81;
32+
export const R = 82;
33+
export const S = 83;
34+
export const T = 84;
35+
export const U = 85;
36+
export const V = 86;
37+
export const W = 87;
38+
export const X = 88;
39+
export const Y = 89;
40+
export const Z = 90;

‎src/components/utils/MDBPopper.js

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,6 @@ function MDBPopper() {
3535
if (isPopperActive.value) {
3636
return;
3737
}
38-
3938
isPopperActive.value = true;
4039
nextTick(() => (popper.value = setupPopper()));
4140
}

‎src/scss/free/_modal.scss

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,3 +6,13 @@
66
height: 50px;
77
overflow: scroll;
88
}
9+
10+
.modal-open {
11+
// Kill the scroll on the body
12+
overflow: hidden;
13+
14+
.modal {
15+
overflow-x: hidden;
16+
overflow-y: auto;
17+
}
18+
}

‎src/scss/standard/bootstrap-rtl-fix/_list-group.scss

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -158,16 +158,16 @@
158158
// Organizationally, this must come after the `:hover` states.
159159

160160
@each $state, $value in $theme-colors {
161-
$list-group-background: shift-color($value, $list-group-item-bg-scale);
162-
$list-group-color: shift-color($value, $list-group-item-color-scale);
163-
@if (contrast-ratio($list-group-background, $list-group-color) < $min-contrast-ratio) {
164-
$list-group-color: mix(
161+
$list-group-variant-bg: shift-color($value, $list-group-item-bg-scale);
162+
$list-group-variant-color: shift-color($value, $list-group-item-color-scale);
163+
@if (contrast-ratio($list-group-variant-bg, $list-group-variant-color) < $min-contrast-ratio) {
164+
$list-group-variant-color: mix(
165165
$value,
166-
color-contrast($list-group-background),
166+
color-contrast($list-group-variant-bg),
167167
abs($list-group-item-color-scale)
168168
);
169169
}
170170

171-
@include list-group-item-variant($state, $list-group-background, $list-group-color);
171+
@include list-group-item-variant($state, $list-group-variant-bg, $list-group-variant-color);
172172
}
173173
// scss-docs-end list-group-modifiers

‎src/scss/standard/bootstrap-rtl-fix/_modal.scss

Lines changed: 2 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,6 @@
33
// .modal-dialog - positioning shell for the actual modal
44
// .modal-content - actual modal w/ bg and corners and stuff
55

6-
.modal-open {
7-
// Kill the scroll on the body
8-
overflow: hidden;
9-
10-
.modal {
11-
overflow-x: hidden;
12-
overflow-y: auto;
13-
}
14-
}
15-
166
// Container that the modal scrolls within
177
.modal {
188
position: fixed;
@@ -22,7 +12,8 @@
2212
display: none;
2313
width: 100%;
2414
height: 100%;
25-
overflow: hidden;
15+
overflow-x: hidden;
16+
overflow-y: auto;
2617
// Prevent Chrome on Windows from adding a focus outline. For details, see
2718
// https://github.com/twbs/bootstrap/pull/10951.
2819
outline: 0;

‎src/scss/standard/bootstrap-rtl-fix/_tables.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44

55
.table {
66
--#{$variable-prefix}table-bg: #{$table-bg};
7+
--#{$variable-prefix}table-accent-bg: #{$table-bg};
78
--#{$variable-prefix}table-striped-color: #{$table-striped-color};
89
--#{$variable-prefix}table-striped-bg: #{$table-striped-bg};
910
--#{$variable-prefix}table-active-color: #{$table-active-color};

‎src/scss/standard/bootstrap-rtl-fix/bootstrap-grid.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*!
2-
* Bootstrap Grid v5.0.0 (https://getbootstrap.com/)
2+
* Bootstrap Grid v5.0.1 (https://getbootstrap.com/)
33
* Copyright 2011-2021 The Bootstrap Authors
44
* Copyright 2011-2021 Twitter, Inc.
55
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

‎src/scss/standard/bootstrap-rtl-fix/bootstrap-reboot.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*!
2-
* Bootstrap Reboot v5.0.0 (https://getbootstrap.com/)
2+
* Bootstrap Reboot v5.0.1 (https://getbootstrap.com/)
33
* Copyright 2011-2021 The Bootstrap Authors
44
* Copyright 2011-2021 Twitter, Inc.
55
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

‎src/scss/standard/bootstrap-rtl-fix/bootstrap-utilities.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*!
2-
* Bootstrap Utilities v5.0.0 (https://getbootstrap.com/)
2+
* Bootstrap Utilities v5.0.1 (https://getbootstrap.com/)
33
* Copyright 2011-2021 The Bootstrap Authors
44
* Copyright 2011-2021 Twitter, Inc.
55
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

‎src/scss/standard/bootstrap-rtl-fix/bootstrap.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*!
2-
* Bootstrap v5.0.0 (https://getbootstrap.com/)
2+
* Bootstrap v5.0.1 (https://getbootstrap.com/)
33
* Copyright 2011-2021 The Bootstrap Authors
44
* Copyright 2011-2021 Twitter, Inc.
55
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

‎src/scss/standard/bootstrap-rtl-fix/forms/_form-control.scss

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
&[type='file'] {
2626
overflow: hidden; // prevent pseudo element button overlap
2727

28-
&:not(:disabled):not(:read-only) {
28+
&:not(:disabled):not([readonly]) {
2929
cursor: pointer;
3030
}
3131
}
@@ -65,7 +65,7 @@
6565
// disabled if the fieldset is disabled. Due to implementation difficulty, we
6666
// don't honor that edge case; we style them as disabled anyway.
6767
&:disabled,
68-
&:read-only {
68+
&[readonly] {
6969
background-color: $input-disabled-bg;
7070
border-color: $input-disabled-border-color;
7171
// iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
@@ -88,7 +88,7 @@
8888
@include transition($btn-transition);
8989
}
9090

91-
&:hover:not(:disabled):not(:read-only)::file-selector-button {
91+
&:hover:not(:disabled):not([readonly])::file-selector-button {
9292
background-color: $form-file-button-hover-bg;
9393
}
9494

@@ -107,7 +107,7 @@
107107
@include transition($btn-transition);
108108
}
109109

110-
&:hover:not(:disabled):not(:read-only)::-webkit-file-upload-button {
110+
&:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
111111
background-color: $form-file-button-hover-bg;
112112
}
113113
}
@@ -203,7 +203,7 @@ textarea {
203203
height: auto; // Override fixed browser height
204204
padding: $input-padding-y;
205205

206-
&:not(:disabled):not(:read-only) {
206+
&:not(:disabled):not([readonly]) {
207207
cursor: pointer;
208208
}
209209

‎src/scss/standard/bootstrap-rtl-fix/mixins/_forms.scss

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -131,7 +131,14 @@
131131
.input-group .form-control,
132132
.input-group .form-select {
133133
@include form-validation-state-selector($state) {
134-
z-index: 3;
134+
@if $state == 'valid' {
135+
z-index: 1;
136+
} @else if $state == 'invalid' {
137+
z-index: 2;
138+
}
139+
&:focus {
140+
z-index: 3;
141+
}
135142
}
136143
}
137144
}

‎src/scss/standard/bootstrap/_list-group.scss

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -158,16 +158,16 @@
158158
// Organizationally, this must come after the `:hover` states.
159159

160160
@each $state, $value in $theme-colors {
161-
$list-group-background: shift-color($value, $list-group-item-bg-scale);
162-
$list-group-color: shift-color($value, $list-group-item-color-scale);
163-
@if (contrast-ratio($list-group-background, $list-group-color) < $min-contrast-ratio) {
164-
$list-group-color: mix(
161+
$list-group-variant-bg: shift-color($value, $list-group-item-bg-scale);
162+
$list-group-variant-color: shift-color($value, $list-group-item-color-scale);
163+
@if (contrast-ratio($list-group-variant-bg, $list-group-variant-color) < $min-contrast-ratio) {
164+
$list-group-variant-color: mix(
165165
$value,
166-
color-contrast($list-group-background),
166+
color-contrast($list-group-variant-bg),
167167
abs($list-group-item-color-scale)
168168
);
169169
}
170170

171-
@include list-group-item-variant($state, $list-group-background, $list-group-color);
171+
@include list-group-item-variant($state, $list-group-variant-bg, $list-group-variant-color);
172172
}
173173
// scss-docs-end list-group-modifiers

‎src/scss/standard/bootstrap/_modal.scss

Lines changed: 2 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,6 @@
33
// .modal-dialog - positioning shell for the actual modal
44
// .modal-content - actual modal w/ bg and corners and stuff
55

6-
.modal-open {
7-
// Kill the scroll on the body
8-
overflow: hidden;
9-
10-
.modal {
11-
overflow-x: hidden;
12-
overflow-y: auto;
13-
}
14-
}
15-
166
// Container that the modal scrolls within
177
.modal {
188
position: fixed;
@@ -22,7 +12,8 @@
2212
display: none;
2313
width: 100%;
2414
height: 100%;
25-
overflow: hidden;
15+
overflow-x: hidden;
16+
overflow-y: auto;
2617
// Prevent Chrome on Windows from adding a focus outline. For details, see
2718
// https://github.com/twbs/bootstrap/pull/10951.
2819
outline: 0;

‎src/scss/standard/bootstrap/_tables.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44

55
.table {
66
--#{$variable-prefix}table-bg: #{$table-bg};
7+
--#{$variable-prefix}table-accent-bg: #{$table-bg};
78
--#{$variable-prefix}table-striped-color: #{$table-striped-color};
89
--#{$variable-prefix}table-striped-bg: #{$table-striped-bg};
910
--#{$variable-prefix}table-active-color: #{$table-active-color};

‎src/scss/standard/bootstrap/bootstrap-grid.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*!
2-
* Bootstrap Grid v5.0.0 (https://getbootstrap.com/)
2+
* Bootstrap Grid v5.0.1 (https://getbootstrap.com/)
33
* Copyright 2011-2021 The Bootstrap Authors
44
* Copyright 2011-2021 Twitter, Inc.
55
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

‎src/scss/standard/bootstrap/bootstrap-reboot.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*!
2-
* Bootstrap Reboot v5.0.0 (https://getbootstrap.com/)
2+
* Bootstrap Reboot v5.0.1 (https://getbootstrap.com/)
33
* Copyright 2011-2021 The Bootstrap Authors
44
* Copyright 2011-2021 Twitter, Inc.
55
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

‎src/scss/standard/bootstrap/bootstrap-utilities.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*!
2-
* Bootstrap Utilities v5.0.0 (https://getbootstrap.com/)
2+
* Bootstrap Utilities v5.0.1 (https://getbootstrap.com/)
33
* Copyright 2011-2021 The Bootstrap Authors
44
* Copyright 2011-2021 Twitter, Inc.
55
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

0 commit comments

Comments
 (0)