gd-bs 5.6.2 → 5.6.5
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/checkboxGroup/item.js +2 -1
- package/build/components/form/control.js +13 -0
- package/build/components/inputGroup/index.js +4 -2
- package/dist/gd-bs-icons.js +4 -4
- package/dist/gd-bs-icons.min.js +1 -1
- package/dist/gd-bs.d.ts +3 -0
- package/dist/gd-bs.js +4 -4
- package/dist/gd-bs.min.js +1 -1
- package/package.json +1 -1
- package/src/bs.scss +0 -13
- package/src/components/checkboxGroup/item.ts +2 -1
- package/src/components/checkboxGroup/types.d.ts +1 -0
- package/src/components/form/control.ts +13 -0
- package/src/components/form/controlTypes.d.ts +1 -0
- package/src/components/inputGroup/index.ts +4 -2
- package/src/components/inputGroup/types.d.ts +1 -0
|
@@ -31,7 +31,8 @@ var CheckboxItem = /** @class */ (function () {
|
|
|
31
31
|
// Set the attributes
|
|
32
32
|
this._elCheckbox = this._el.querySelector("input");
|
|
33
33
|
if (this._elCheckbox) {
|
|
34
|
-
this._elCheckbox.disabled = this._parent.
|
|
34
|
+
this._elCheckbox.disabled = this._parent.isDisabled ? true : false;
|
|
35
|
+
this._elCheckbox.readOnly = this._parent.isReadonly ? true : false;
|
|
35
36
|
// Default the title property for the checkbox
|
|
36
37
|
this._elCheckbox.title = this.props.label || this._parent.title || "";
|
|
37
38
|
}
|
|
@@ -107,6 +107,7 @@ var FormControl = /** @class */ (function () {
|
|
|
107
107
|
colSize: cbProps.colSize,
|
|
108
108
|
hideLabel: true,
|
|
109
109
|
isInline: cbProps.isInline,
|
|
110
|
+
isDisabled: this._props.isDisabled,
|
|
110
111
|
isReadonly: this._props.isReadonly,
|
|
111
112
|
items: cbProps.items,
|
|
112
113
|
onChange: cbProps.onChange,
|
|
@@ -121,6 +122,7 @@ var FormControl = /** @class */ (function () {
|
|
|
121
122
|
this._tb = inputGroup_1.InputGroup({
|
|
122
123
|
className: className,
|
|
123
124
|
id: this._props.id,
|
|
125
|
+
isDisabled: this._props.isDisabled,
|
|
124
126
|
isReadonly: this._props.isReadonly,
|
|
125
127
|
onChange: this._props.onChange,
|
|
126
128
|
placeholder: this._props.placeholder,
|
|
@@ -165,6 +167,7 @@ var FormControl = /** @class */ (function () {
|
|
|
165
167
|
this._tb = inputGroup_1.InputGroup({
|
|
166
168
|
className: className,
|
|
167
169
|
id: this._props.id,
|
|
170
|
+
isDisabled: this._props.isDisabled,
|
|
168
171
|
isReadonly: this._props.isReadonly,
|
|
169
172
|
onChange: this._props.onChange,
|
|
170
173
|
placeholder: this._props.placeholder,
|
|
@@ -179,6 +182,7 @@ var FormControl = /** @class */ (function () {
|
|
|
179
182
|
this._tb = inputGroup_1.InputGroup({
|
|
180
183
|
className: className,
|
|
181
184
|
id: this._props.id,
|
|
185
|
+
isDisabled: this._props.isDisabled,
|
|
182
186
|
isReadonly: this._props.isReadonly,
|
|
183
187
|
onChange: this._props.onChange,
|
|
184
188
|
placeholder: this._props.placeholder,
|
|
@@ -207,6 +211,7 @@ var FormControl = /** @class */ (function () {
|
|
|
207
211
|
className: className,
|
|
208
212
|
colSize: cbMultiProps.colSize,
|
|
209
213
|
hideLabel: true,
|
|
214
|
+
isDisabled: this._props.isDisabled,
|
|
210
215
|
isInline: cbMultiProps.isInline,
|
|
211
216
|
isReadonly: this._props.isReadonly,
|
|
212
217
|
items: cbMultiProps.items,
|
|
@@ -253,6 +258,7 @@ var FormControl = /** @class */ (function () {
|
|
|
253
258
|
className: className,
|
|
254
259
|
colSize: this._props.colSize,
|
|
255
260
|
hideLabel: true,
|
|
261
|
+
isDisabled: this._props.isDisabled,
|
|
256
262
|
isReadonly: this._props.isReadonly,
|
|
257
263
|
items: this._props.items,
|
|
258
264
|
multi: true,
|
|
@@ -269,6 +275,7 @@ var FormControl = /** @class */ (function () {
|
|
|
269
275
|
className: className,
|
|
270
276
|
colSize: this._props.colSize,
|
|
271
277
|
hideLabel: true,
|
|
278
|
+
isDisabled: this._props.isDisabled,
|
|
272
279
|
isReadonly: this._props.isReadonly,
|
|
273
280
|
items: this._props.items,
|
|
274
281
|
multi: true,
|
|
@@ -284,6 +291,7 @@ var FormControl = /** @class */ (function () {
|
|
|
284
291
|
this._tb = inputGroup_1.InputGroup({
|
|
285
292
|
className: className,
|
|
286
293
|
id: this._props.id,
|
|
294
|
+
isDisabled: this._props.isDisabled,
|
|
287
295
|
isReadonly: this._props.isReadonly,
|
|
288
296
|
onChange: this._props.onChange,
|
|
289
297
|
placeholder: this._props.placeholder,
|
|
@@ -299,6 +307,7 @@ var FormControl = /** @class */ (function () {
|
|
|
299
307
|
className: className,
|
|
300
308
|
colSize: this._props.colSize,
|
|
301
309
|
hideLabel: true,
|
|
310
|
+
isDisabled: this._props.isDisabled,
|
|
302
311
|
isReadonly: this._props.isReadonly,
|
|
303
312
|
items: this._props.items,
|
|
304
313
|
onChange: this._props.onChange,
|
|
@@ -313,6 +322,7 @@ var FormControl = /** @class */ (function () {
|
|
|
313
322
|
this._tb = inputGroup_1.InputGroup({
|
|
314
323
|
className: className,
|
|
315
324
|
id: this._props.id,
|
|
325
|
+
isDisabled: this._props.isDisabled,
|
|
316
326
|
isReadonly: this._props.isReadonly,
|
|
317
327
|
min: this._props.min || 0,
|
|
318
328
|
max: this._props.max || 100,
|
|
@@ -345,6 +355,7 @@ var FormControl = /** @class */ (function () {
|
|
|
345
355
|
className: className,
|
|
346
356
|
colSize: this._props.colSize,
|
|
347
357
|
hideLabel: true,
|
|
358
|
+
isDisabled: this._props.isDisabled,
|
|
348
359
|
isReadonly: this._props.isReadonly,
|
|
349
360
|
items: this._props.items,
|
|
350
361
|
onChange: this._props.onChange,
|
|
@@ -359,6 +370,7 @@ var FormControl = /** @class */ (function () {
|
|
|
359
370
|
this._tb = inputGroup_1.InputGroup({
|
|
360
371
|
className: className,
|
|
361
372
|
id: this._props.id,
|
|
373
|
+
isDisabled: this._props.isDisabled,
|
|
362
374
|
isReadonly: this._props.isReadonly,
|
|
363
375
|
onChange: this._props.onChange,
|
|
364
376
|
placeholder: this._props.placeholder,
|
|
@@ -374,6 +386,7 @@ var FormControl = /** @class */ (function () {
|
|
|
374
386
|
this._tb = inputGroup_1.InputGroup({
|
|
375
387
|
className: className,
|
|
376
388
|
id: this._props.id,
|
|
389
|
+
isDisabled: this._props.isDisabled,
|
|
377
390
|
isReadonly: this._props.isReadonly,
|
|
378
391
|
onChange: this._props.onChange,
|
|
379
392
|
placeholder: this._props.placeholder,
|
|
@@ -202,7 +202,8 @@ var _InputGroup = /** @class */ (function (_super) {
|
|
|
202
202
|
// Update the textbox
|
|
203
203
|
this.props.id ? textarea.id = this.props.id : null;
|
|
204
204
|
this.props.placeholder ? textarea.placeholder = this.props.placeholder : null;
|
|
205
|
-
textarea.
|
|
205
|
+
textarea.disabled = this.props.isDisabled ? true : false;
|
|
206
|
+
textarea.readOnly = this.props.isReadonly ? true : false;
|
|
206
207
|
textarea.rows = this.props.rows;
|
|
207
208
|
this.props.title ? textarea.title = this.props.title : null;
|
|
208
209
|
}
|
|
@@ -215,7 +216,8 @@ var _InputGroup = /** @class */ (function (_super) {
|
|
|
215
216
|
// Update the textbox
|
|
216
217
|
this.props.id ? input.id = this.props.id : null;
|
|
217
218
|
this.props.placeholder ? input.placeholder = this.props.placeholder : null;
|
|
218
|
-
input.
|
|
219
|
+
input.disabled = this.props.isDisabled ? true : false;
|
|
220
|
+
input.readOnly = this.props.isReadonly ? true : false;
|
|
219
221
|
this.props.title ? input.title = this.props.title : null;
|
|
220
222
|
typeof (this.props.min) === "number" ? input.min = this.props.min + "" : null;
|
|
221
223
|
typeof (this.props.max) === "number" ? input.max = this.props.max + "" : null;
|