gd-bs 5.5.9 → 5.6.2
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/build/bs.js +1 -1
- package/build/components/inputGroup/index.js +2 -4
- package/dist/gd-bs-icons.js +2 -2
- package/dist/gd-bs-icons.min.js +1 -1
- package/dist/gd-bs.js +2 -2
- package/dist/gd-bs.min.js +1 -1
- package/index.html +13 -8
- package/package.json +1 -1
- package/src/bs.scss +17 -0
- package/src/components/inputGroup/index.ts +2 -4
package/index.html
CHANGED
|
@@ -14,9 +14,7 @@
|
|
|
14
14
|
<body>
|
|
15
15
|
<h1>Library</h1>
|
|
16
16
|
<form>
|
|
17
|
-
<div id="dev">
|
|
18
|
-
<input id="dev-tooltip" type="search" placeholder="Search the page..." class="bg-dark text-white" />
|
|
19
|
-
</div>
|
|
17
|
+
<div id="dev"></div>
|
|
20
18
|
<div id="alert"></div>
|
|
21
19
|
<div id="btn-loading"></div>
|
|
22
20
|
<div id="spinner"></div>
|
|
@@ -56,11 +54,18 @@
|
|
|
56
54
|
<script type="text/javascript">
|
|
57
55
|
window.addEventListener("load", function() {
|
|
58
56
|
// Dev
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
57
|
+
let items = [];
|
|
58
|
+
for(var i=0; i<10; i++) {
|
|
59
|
+
items.push({ label: "Item " + i, data: i, isSelected: true });
|
|
60
|
+
}
|
|
61
|
+
window["form"] = GD.Components.Form({
|
|
62
|
+
el: document.getElementById("dev"),
|
|
63
|
+
controls: [{
|
|
64
|
+
name: "cb",
|
|
65
|
+
label: "My CB",
|
|
66
|
+
items,
|
|
67
|
+
type: 8
|
|
68
|
+
}]
|
|
64
69
|
});
|
|
65
70
|
|
|
66
71
|
// Components
|
package/package.json
CHANGED
package/src/bs.scss
CHANGED
|
@@ -262,6 +262,11 @@
|
|
|
262
262
|
.form-switch .form-check-input:checked {
|
|
263
263
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
|
|
264
264
|
}
|
|
265
|
+
/* Color match the active list group item */
|
|
266
|
+
.list-group-item.active {
|
|
267
|
+
background-color: #0078d4;
|
|
268
|
+
border-color: #0078d4;
|
|
269
|
+
}
|
|
265
270
|
/* Increase modal border size */
|
|
266
271
|
.modal-footer {
|
|
267
272
|
border-top: 2px solid #dee2e6;
|
|
@@ -421,6 +426,18 @@
|
|
|
421
426
|
}
|
|
422
427
|
}
|
|
423
428
|
|
|
429
|
+
/* Color match the selected flatpickr calendar control */
|
|
430
|
+
.flatpickr-day.selected {
|
|
431
|
+
background-color: #0078d4;
|
|
432
|
+
border-color: #0078d4;
|
|
433
|
+
}
|
|
434
|
+
|
|
435
|
+
/* Fix styling for the flatpickr calendar control */
|
|
436
|
+
.flatpickr-input[readonly] {
|
|
437
|
+
color: #212529 !important;
|
|
438
|
+
background-color: #fff !important;
|
|
439
|
+
border-color: #6c757d !important;
|
|
440
|
+
}
|
|
424
441
|
|
|
425
442
|
/** Modal background - Shouldn't be under the .bs class */
|
|
426
443
|
|
|
@@ -205,8 +205,7 @@ class _InputGroup extends Base<IInputGroupProps> implements IInputGroup {
|
|
|
205
205
|
// Update the textbox
|
|
206
206
|
this.props.id ? textarea.id = this.props.id : null;
|
|
207
207
|
this.props.placeholder ? textarea.placeholder = this.props.placeholder : null;
|
|
208
|
-
textarea.
|
|
209
|
-
textarea.readOnly = textarea.disabled;
|
|
208
|
+
textarea.disable = this.props.isReadonly ? true : false;
|
|
210
209
|
textarea.rows = this.props.rows;
|
|
211
210
|
this.props.title ? textarea.title = this.props.title : null;
|
|
212
211
|
}
|
|
@@ -219,8 +218,7 @@ class _InputGroup extends Base<IInputGroupProps> implements IInputGroup {
|
|
|
219
218
|
// Update the textbox
|
|
220
219
|
this.props.id ? input.id = this.props.id : null;
|
|
221
220
|
this.props.placeholder ? input.placeholder = this.props.placeholder : null;
|
|
222
|
-
input.
|
|
223
|
-
input.readOnly = input.disabled;
|
|
221
|
+
input.disable = this.props.isReadonly ? true : false;
|
|
224
222
|
this.props.title ? input.title = this.props.title : null;
|
|
225
223
|
typeof (this.props.min) === "number" ? input.min = this.props.min + "" : null;
|
|
226
224
|
typeof (this.props.max) === "number" ? input.max = this.props.max + "" : null;
|