@vue-interface/input-field 1.0.0-beta.7 → 2.0.0

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.
@@ -1,827 +0,0 @@
1
- import { defineComponent as E, inject as nt, toRaw as rt, openBlock as u, createElementBlock as o, normalizeClass as x, normalizeStyle as ut, createElementVNode as j, createBlock as T, resolveDynamicComponent as st, toDisplayString as H, createCommentVNode as c, resolveComponent as ot, resolveDirective as at, renderSlot as l, withDirectives as lt, mergeProps as dt, createVNode as ct, Transition as ht, withCtx as ft } from "vue";
2
- var pt = Object.defineProperty, vt = (t, e, i) => e in t ? pt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, yt = (t, e, i) => (vt(t, typeof e != "symbol" ? e + "" : e, i), i), C = function() {
3
- return C = Object.assign || function(t) {
4
- for (var e, i = 1, r = arguments.length; i < r; i++) {
5
- e = arguments[i];
6
- for (var n in e)
7
- Object.prototype.hasOwnProperty.call(e, n) && (t[n] = e[n]);
8
- }
9
- return t;
10
- }, C.apply(this, arguments);
11
- };
12
- function gt(t) {
13
- return t.toLowerCase();
14
- }
15
- var bt = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g], mt = /[^A-Z0-9]+/gi;
16
- function Ct(t, e) {
17
- e === void 0 && (e = {});
18
- for (var i = e.splitRegexp, r = i === void 0 ? bt : i, n = e.stripRegexp, s = n === void 0 ? mt : n, g = e.transform, $ = g === void 0 ? gt : g, a = e.delimiter, it = a === void 0 ? " " : a, b = k(k(t, r, "$1\0$2"), s, "\0"), A = 0, F = b.length; b.charAt(A) === "\0"; )
19
- A++;
20
- for (; b.charAt(F - 1) === "\0"; )
21
- F--;
22
- return b.slice(A, F).split("\0").map($).join(it);
23
- }
24
- function k(t, e, i) {
25
- return e instanceof RegExp ? t.replace(e, i) : e.reduce(function(r, n) {
26
- return r.replace(n, i);
27
- }, t);
28
- }
29
- function Et(t, e) {
30
- return e === void 0 && (e = {}), Ct(t, C({ delimiter: "." }, e));
31
- }
32
- function m(t, e) {
33
- return e === void 0 && (e = {}), Et(t, C({ delimiter: "-" }, e));
34
- }
35
- class $t {
36
- constructor(e = {}) {
37
- yt(this, "components"), this.components = /* @__PURE__ */ new Map(), Object.entries(e).forEach(([i, r]) => {
38
- this.register(i, r);
39
- });
40
- }
41
- get(e) {
42
- const i = this.components.get(
43
- e = m(e)
44
- );
45
- if (i)
46
- return i;
47
- throw new Error(`"${e}" has not been registered yet!`);
48
- }
49
- register(e, i) {
50
- return typeof e == "object" ? (Object.entries(e).forEach(([r, n]) => {
51
- this.register(m(r), n);
52
- }), this) : (this.components.set(m(e), i), this);
53
- }
54
- remove(e) {
55
- return this.components.delete(m(e)), this;
56
- }
57
- reset() {
58
- return this.components = /* @__PURE__ */ new Map(), this;
59
- }
60
- }
61
- function At(t = {}) {
62
- return new $t(t);
63
- }
64
- const Ft = At();
65
- function d(t, e = "px") {
66
- return t != null && t !== !1 && isFinite(t) ? `${t}${e}` : t;
67
- }
68
- const St = E({
69
- props: {
70
- absolute: Boolean,
71
- center: Boolean,
72
- label: {
73
- type: String,
74
- default: void 0
75
- },
76
- size: {
77
- type: String,
78
- default: "md"
79
- },
80
- registry: {
81
- type: String,
82
- default: "indicators"
83
- },
84
- type: {
85
- type: [Object, String],
86
- required: !0
87
- },
88
- height: {
89
- type: [String, Number],
90
- default: void 0
91
- },
92
- maxHeight: {
93
- type: [String, Number],
94
- default: void 0
95
- },
96
- minHeight: {
97
- type: [String, Number],
98
- default: void 0
99
- },
100
- width: {
101
- type: [String, Number],
102
- default: void 0
103
- },
104
- maxWidth: {
105
- type: [String, Number],
106
- default: void 0
107
- },
108
- minWidth: {
109
- type: [String, Number],
110
- default: void 0
111
- }
112
- },
113
- data: () => ({
114
- is: null
115
- }),
116
- computed: {
117
- classes() {
118
- return {
119
- "activity-indicator-center": this.center,
120
- "activity-indicator-absolute": this.absolute,
121
- [this.size && `activity-indicator-${this.size}`]: !!this.size
122
- };
123
- },
124
- style() {
125
- return {
126
- width: d(this.width),
127
- maxWidth: d(this.maxWidth),
128
- minWidth: d(this.minWidth),
129
- height: d(this.height),
130
- maxHeight: d(this.maxHeight),
131
- minHeight: d(this.minHeight)
132
- };
133
- }
134
- },
135
- methods: {
136
- componentFromRegistry(t) {
137
- var e;
138
- try {
139
- return (e = nt(this.registry || "indicators", Ft)) == null ? void 0 : e.get(t);
140
- } catch {
141
- }
142
- },
143
- component() {
144
- return typeof this.type == "string" ? this.componentFromRegistry(this.type) : rt(this.type);
145
- }
146
- }
147
- }), xt = (t, e) => {
148
- const i = t.__vccOpts || t;
149
- for (const [r, n] of e)
150
- i[r] = n;
151
- return i;
152
- }, jt = { class: "activity-indicator-content" }, kt = {
153
- key: 0,
154
- class: "activity-indicator-label"
155
- };
156
- function wt(t, e, i, r, n, s) {
157
- return u(), o("div", {
158
- class: x(["activity-indicator", t.classes]),
159
- style: ut(t.style)
160
- }, [
161
- j("div", jt, [
162
- (u(), T(st(t.component()), { class: "mx-auto" })),
163
- t.label ? (u(), o("div", kt, H(t.label), 1)) : c("", !0)
164
- ])
165
- ], 6);
166
- }
167
- const Dt = /* @__PURE__ */ xt(St, [["render", wt]]), p = {};
168
- function v(...t) {
169
- if (!t.length)
170
- return p;
171
- const [e, i] = t;
172
- return typeof e == "string" ? typeof p[e] < "u" ? p[e] : i : Array.isArray(e) ? e.reduce((r, n) => Object.assign(r, {
173
- [n]: p[n]
174
- }), {}) : Object.assign(p, ...t);
175
- }
176
- const Ot = E({
177
- props: {
178
- dropShadow: {
179
- type: [Boolean, String],
180
- default: void 0
181
- },
182
- dropShadowableClassPrefix: {
183
- type: String,
184
- default: "drop-shadow"
185
- },
186
- shadow: {
187
- type: [Boolean, String],
188
- default: void 0
189
- },
190
- shadowableClassPrefix: {
191
- type: String,
192
- default: "shadow"
193
- }
194
- },
195
- computed: {
196
- shadowableClass() {
197
- const t = this.dropShadow === !0 ? "" : this.dropShadow && `-${this.dropShadow}`, e = this.shadow === !0 ? "" : this.shadow && `-${this.shadow}`;
198
- return {
199
- [`${this.dropShadowableClassPrefix}${t}`]: !!this.dropShadow,
200
- [`${this.shadowableClassPrefix}${e}`]: !!this.shadow
201
- };
202
- }
203
- }
204
- });
205
- var zt = typeof global == "object" && global && global.Object === Object && global;
206
- const Bt = zt;
207
- var It = typeof self == "object" && self && self.Object === Object && self, Lt = Bt || It || Function("return this")();
208
- const Nt = Lt;
209
- var Tt = Nt.Symbol;
210
- const f = Tt;
211
- var R = Object.prototype, Ht = R.hasOwnProperty, Rt = R.toString, y = f ? f.toStringTag : void 0;
212
- function Zt(t) {
213
- var e = Ht.call(t, y), i = t[y];
214
- try {
215
- t[y] = void 0;
216
- var r = !0;
217
- } catch {
218
- }
219
- var n = Rt.call(t);
220
- return r && (e ? t[y] = i : delete t[y]), n;
221
- }
222
- var Mt = Object.prototype, Ut = Mt.toString;
223
- function Pt(t) {
224
- return Ut.call(t);
225
- }
226
- var Vt = "[object Null]", Wt = "[object Undefined]", w = f ? f.toStringTag : void 0;
227
- function Gt(t) {
228
- return t == null ? t === void 0 ? Wt : Vt : w && w in Object(t) ? Zt(t) : Pt(t);
229
- }
230
- function qt(t) {
231
- return t != null && typeof t == "object";
232
- }
233
- var Yt = "[object Symbol]";
234
- function Jt(t) {
235
- return typeof t == "symbol" || qt(t) && Gt(t) == Yt;
236
- }
237
- function Kt(t, e) {
238
- for (var i = -1, r = t == null ? 0 : t.length, n = Array(r); ++i < r; )
239
- n[i] = e(t[i], i, t);
240
- return n;
241
- }
242
- var Xt = Array.isArray;
243
- const Qt = Xt;
244
- var _t = 1 / 0, D = f ? f.prototype : void 0, O = D ? D.toString : void 0;
245
- function Z(t) {
246
- if (typeof t == "string")
247
- return t;
248
- if (Qt(t))
249
- return Kt(t, Z) + "";
250
- if (Jt(t))
251
- return O ? O.call(t) : "";
252
- var e = t + "";
253
- return e == "0" && 1 / t == -_t ? "-0" : e;
254
- }
255
- function M(t) {
256
- return t == null ? "" : Z(t);
257
- }
258
- function te(t, e, i, r) {
259
- var n = -1, s = t == null ? 0 : t.length;
260
- for (r && s && (i = t[++n]); ++n < s; )
261
- i = e(i, t[n], n, t);
262
- return i;
263
- }
264
- function ee(t) {
265
- return function(e) {
266
- return t == null ? void 0 : t[e];
267
- };
268
- }
269
- var ie = {
270
- \u00C0: "A",
271
- \u00C1: "A",
272
- \u00C2: "A",
273
- \u00C3: "A",
274
- \u00C4: "A",
275
- \u00C5: "A",
276
- \u00E0: "a",
277
- \u00E1: "a",
278
- \u00E2: "a",
279
- \u00E3: "a",
280
- \u00E4: "a",
281
- \u00E5: "a",
282
- \u00C7: "C",
283
- \u00E7: "c",
284
- \u00D0: "D",
285
- \u00F0: "d",
286
- \u00C8: "E",
287
- \u00C9: "E",
288
- \u00CA: "E",
289
- \u00CB: "E",
290
- \u00E8: "e",
291
- \u00E9: "e",
292
- \u00EA: "e",
293
- \u00EB: "e",
294
- \u00CC: "I",
295
- \u00CD: "I",
296
- \u00CE: "I",
297
- \u00CF: "I",
298
- \u00EC: "i",
299
- \u00ED: "i",
300
- \u00EE: "i",
301
- \u00EF: "i",
302
- \u00D1: "N",
303
- \u00F1: "n",
304
- \u00D2: "O",
305
- \u00D3: "O",
306
- \u00D4: "O",
307
- \u00D5: "O",
308
- \u00D6: "O",
309
- \u00D8: "O",
310
- \u00F2: "o",
311
- \u00F3: "o",
312
- \u00F4: "o",
313
- \u00F5: "o",
314
- \u00F6: "o",
315
- \u00F8: "o",
316
- \u00D9: "U",
317
- \u00DA: "U",
318
- \u00DB: "U",
319
- \u00DC: "U",
320
- \u00F9: "u",
321
- \u00FA: "u",
322
- \u00FB: "u",
323
- \u00FC: "u",
324
- \u00DD: "Y",
325
- \u00FD: "y",
326
- \u00FF: "y",
327
- \u00C6: "Ae",
328
- \u00E6: "ae",
329
- \u00DE: "Th",
330
- \u00FE: "th",
331
- \u00DF: "ss",
332
- \u0100: "A",
333
- \u0102: "A",
334
- \u0104: "A",
335
- \u0101: "a",
336
- \u0103: "a",
337
- \u0105: "a",
338
- \u0106: "C",
339
- \u0108: "C",
340
- \u010A: "C",
341
- \u010C: "C",
342
- \u0107: "c",
343
- \u0109: "c",
344
- \u010B: "c",
345
- \u010D: "c",
346
- \u010E: "D",
347
- \u0110: "D",
348
- \u010F: "d",
349
- \u0111: "d",
350
- \u0112: "E",
351
- \u0114: "E",
352
- \u0116: "E",
353
- \u0118: "E",
354
- \u011A: "E",
355
- \u0113: "e",
356
- \u0115: "e",
357
- \u0117: "e",
358
- \u0119: "e",
359
- \u011B: "e",
360
- \u011C: "G",
361
- \u011E: "G",
362
- \u0120: "G",
363
- \u0122: "G",
364
- \u011D: "g",
365
- \u011F: "g",
366
- \u0121: "g",
367
- \u0123: "g",
368
- \u0124: "H",
369
- \u0126: "H",
370
- \u0125: "h",
371
- \u0127: "h",
372
- \u0128: "I",
373
- \u012A: "I",
374
- \u012C: "I",
375
- \u012E: "I",
376
- \u0130: "I",
377
- \u0129: "i",
378
- \u012B: "i",
379
- \u012D: "i",
380
- \u012F: "i",
381
- \u0131: "i",
382
- \u0134: "J",
383
- \u0135: "j",
384
- \u0136: "K",
385
- \u0137: "k",
386
- \u0138: "k",
387
- \u0139: "L",
388
- \u013B: "L",
389
- \u013D: "L",
390
- \u013F: "L",
391
- \u0141: "L",
392
- \u013A: "l",
393
- \u013C: "l",
394
- \u013E: "l",
395
- \u0140: "l",
396
- \u0142: "l",
397
- \u0143: "N",
398
- \u0145: "N",
399
- \u0147: "N",
400
- \u014A: "N",
401
- \u0144: "n",
402
- \u0146: "n",
403
- \u0148: "n",
404
- \u014B: "n",
405
- \u014C: "O",
406
- \u014E: "O",
407
- \u0150: "O",
408
- \u014D: "o",
409
- \u014F: "o",
410
- \u0151: "o",
411
- \u0154: "R",
412
- \u0156: "R",
413
- \u0158: "R",
414
- \u0155: "r",
415
- \u0157: "r",
416
- \u0159: "r",
417
- \u015A: "S",
418
- \u015C: "S",
419
- \u015E: "S",
420
- \u0160: "S",
421
- \u015B: "s",
422
- \u015D: "s",
423
- \u015F: "s",
424
- \u0161: "s",
425
- \u0162: "T",
426
- \u0164: "T",
427
- \u0166: "T",
428
- \u0163: "t",
429
- \u0165: "t",
430
- \u0167: "t",
431
- \u0168: "U",
432
- \u016A: "U",
433
- \u016C: "U",
434
- \u016E: "U",
435
- \u0170: "U",
436
- \u0172: "U",
437
- \u0169: "u",
438
- \u016B: "u",
439
- \u016D: "u",
440
- \u016F: "u",
441
- \u0171: "u",
442
- \u0173: "u",
443
- \u0174: "W",
444
- \u0175: "w",
445
- \u0176: "Y",
446
- \u0177: "y",
447
- \u0178: "Y",
448
- \u0179: "Z",
449
- \u017B: "Z",
450
- \u017D: "Z",
451
- \u017A: "z",
452
- \u017C: "z",
453
- \u017E: "z",
454
- \u0132: "IJ",
455
- \u0133: "ij",
456
- \u0152: "Oe",
457
- \u0153: "oe",
458
- \u0149: "'n",
459
- \u017F: "s"
460
- }, ne = ee(ie);
461
- const re = ne;
462
- var ue = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, se = "\\u0300-\\u036f", oe = "\\ufe20-\\ufe2f", ae = "\\u20d0-\\u20ff", le = se + oe + ae, de = "[" + le + "]", ce = RegExp(de, "g");
463
- function he(t) {
464
- return t = M(t), t && t.replace(ue, re).replace(ce, "");
465
- }
466
- var fe = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
467
- function pe(t) {
468
- return t.match(fe) || [];
469
- }
470
- var ve = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
471
- function ye(t) {
472
- return ve.test(t);
473
- }
474
- var U = "\\ud800-\\udfff", ge = "\\u0300-\\u036f", be = "\\ufe20-\\ufe2f", me = "\\u20d0-\\u20ff", Ce = ge + be + me, P = "\\u2700-\\u27bf", V = "a-z\\xdf-\\xf6\\xf8-\\xff", Ee = "\\xac\\xb1\\xd7\\xf7", $e = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", Ae = "\\u2000-\\u206f", Fe = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", W = "A-Z\\xc0-\\xd6\\xd8-\\xde", Se = "\\ufe0e\\ufe0f", G = Ee + $e + Ae + Fe, q = "['\u2019]", z = "[" + G + "]", xe = "[" + Ce + "]", Y = "\\d+", je = "[" + P + "]", J = "[" + V + "]", K = "[^" + U + G + Y + P + V + W + "]", ke = "\\ud83c[\\udffb-\\udfff]", we = "(?:" + xe + "|" + ke + ")", De = "[^" + U + "]", X = "(?:\\ud83c[\\udde6-\\uddff]){2}", Q = "[\\ud800-\\udbff][\\udc00-\\udfff]", h = "[" + W + "]", Oe = "\\u200d", B = "(?:" + J + "|" + K + ")", ze = "(?:" + h + "|" + K + ")", I = "(?:" + q + "(?:d|ll|m|re|s|t|ve))?", L = "(?:" + q + "(?:D|LL|M|RE|S|T|VE))?", _ = we + "?", tt = "[" + Se + "]?", Be = "(?:" + Oe + "(?:" + [De, X, Q].join("|") + ")" + tt + _ + ")*", Ie = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", Le = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", Ne = tt + _ + Be, Te = "(?:" + [je, X, Q].join("|") + ")" + Ne, He = RegExp([
475
- h + "?" + J + "+" + I + "(?=" + [z, h, "$"].join("|") + ")",
476
- ze + "+" + L + "(?=" + [z, h + B, "$"].join("|") + ")",
477
- h + "?" + B + "+" + I,
478
- h + "+" + L,
479
- Le,
480
- Ie,
481
- Y,
482
- Te
483
- ].join("|"), "g");
484
- function Re(t) {
485
- return t.match(He) || [];
486
- }
487
- function Ze(t, e, i) {
488
- return t = M(t), e = i ? void 0 : e, e === void 0 ? ye(t) ? Re(t) : pe(t) : t.match(e) || [];
489
- }
490
- var Me = "['\u2019]", Ue = RegExp(Me, "g");
491
- function Pe(t) {
492
- return function(e) {
493
- return te(Ze(he(e).replace(Ue, "")), t, "");
494
- };
495
- }
496
- var Ve = Pe(function(t, e, i) {
497
- return t + (i ? "-" : "") + e.toLowerCase();
498
- });
499
- const et = Ve;
500
- function S(t, e, i = "-") {
501
- const r = String(e).replace(new RegExp(`^${t}${i}?`), "");
502
- return [
503
- et(r),
504
- t
505
- ].filter((n) => !!n).join(i);
506
- }
507
- function N(t) {
508
- return !Array.isArray(t) && typeof t == "object";
509
- }
510
- const We = E({
511
- directives: {
512
- bindEvents: {
513
- beforeMount(t, e) {
514
- var i, r;
515
- (r = (i = e.instance) == null ? void 0 : i.bindEvents) == null || r.call(i, t);
516
- }
517
- }
518
- },
519
- mixins: [
520
- Ot
521
- ],
522
- inheritAttrs: !1,
523
- props: {
524
- modelValue: {
525
- default: void 0
526
- },
527
- activity: {
528
- type: Boolean,
529
- default: !1
530
- },
531
- animated: {
532
- type: Boolean,
533
- default: () => v("animated", !1)
534
- },
535
- nativeEvents: {
536
- type: Array,
537
- default() {
538
- return ["focus", "blur", "change", "click", "keypress", "keyup", "keydown", "progress", "paste"];
539
- }
540
- },
541
- defaultControlClass: {
542
- type: String,
543
- default: () => v("defaultControlClass", "form-control")
544
- },
545
- error: {
546
- type: [String, Array, Boolean],
547
- default: void 0
548
- },
549
- errors: {
550
- type: [Array, Object, Boolean],
551
- default() {
552
- return {};
553
- }
554
- },
555
- feedback: {
556
- type: [String, Array],
557
- default: void 0
558
- },
559
- group: {
560
- type: Boolean,
561
- default: () => v("group", !0)
562
- },
563
- helpText: {
564
- type: [Number, String],
565
- default: void 0
566
- },
567
- hideLabel: Boolean,
568
- indicator: {
569
- type: [String, Boolean],
570
- default: () => v("indicator", "spinner")
571
- },
572
- indicatorSize: {
573
- type: String,
574
- default: void 0
575
- },
576
- inline: Boolean,
577
- invalid: Boolean,
578
- label: {
579
- type: [Number, String],
580
- default: void 0
581
- },
582
- labelClass: {
583
- type: [Object, String],
584
- default: () => v("labelClass", "form-label")
585
- },
586
- pill: Boolean,
587
- plaintext: Boolean,
588
- size: {
589
- type: String,
590
- default: void 0
591
- },
592
- spacing: {
593
- type: String,
594
- default: void 0
595
- },
596
- valid: Boolean
597
- },
598
- emits: [
599
- "blur",
600
- "change",
601
- "click",
602
- "focus",
603
- "keydown",
604
- "keypress",
605
- "keyup",
606
- "update:modelValue"
607
- ],
608
- data() {
609
- return {
610
- defaultEmpty: !1,
611
- hasChanged: !1,
612
- hasFocus: !1,
613
- isEmpty: !0
614
- };
615
- },
616
- computed: {
617
- id() {
618
- return this.$attrs.id || this.$attrs.name || (Math.random() + 1).toString(36).substring(7);
619
- },
620
- componentName() {
621
- return this.$options.name;
622
- },
623
- controlAttributes() {
624
- return Object.fromEntries(
625
- Object.entries(this.$attrs).concat([
626
- ["id", this.id],
627
- ["class", this.controlClasses],
628
- ["value", this.modelValue]
629
- ])
630
- );
631
- },
632
- controlClass() {
633
- return this.defaultControlClass;
634
- },
635
- controlSizeClass() {
636
- return S(this.size, this.controlClass);
637
- },
638
- formGroupClasses() {
639
- return Object.assign({
640
- [this.size && S(this.size, this.componentName)]: !!this.size,
641
- animated: this.animated,
642
- "default-empty": this.defaultEmpty,
643
- "form-group": this.group,
644
- [this.size && S(this.size, "form-group")]: !!this.size,
645
- "has-activity": this.activity,
646
- "has-changed": this.hasChanged,
647
- "has-focus": this.hasFocus,
648
- "has-icon": !!this.$slots.icon,
649
- "is-empty": this.isEmpty,
650
- "is-invalid": !!(this.invalid || this.invalidFeedback),
651
- "is-valid": !!(this.valid || this.validFeedback),
652
- [this.$attrs.class]: !!this.$attrs.class,
653
- [this.$attrs.id]: !!this.$attrs.id
654
- }, !!this.componentName && {
655
- [et(this.componentName)]: !0
656
- });
657
- },
658
- controlClasses() {
659
- return Object.assign({
660
- [this.controlClass]: !!this.controlClass,
661
- [this.controlSizeClass]: !!this.controlSizeClass,
662
- "form-control-icon": !!this.$slots.icon,
663
- "is-valid": !!(this.valid || this.validFeedback),
664
- "is-invalid": !!(this.invalid || this.invalidFeedback),
665
- [this.pillClasses]: this.pill,
666
- [this.plaintextClass]: this.plaintext,
667
- [this.spacing]: !!this.spacing
668
- }, this.shadowableClass);
669
- },
670
- hasDefaultSlot() {
671
- return !!this.$slots.default;
672
- },
673
- invalidFeedback() {
674
- if (this.error === "")
675
- return null;
676
- if (this.error)
677
- return this.error;
678
- const t = this.getFieldErrors();
679
- return Array.isArray(t) ? t.filter((e) => e && typeof e == "string").join("<br>") : t;
680
- },
681
- pillClasses() {
682
- return "rounded rounded-pill";
683
- },
684
- plaintextClass() {
685
- return "form-control-plaintext";
686
- },
687
- validFeedback() {
688
- return Array.isArray(this.feedback) ? this.feedback.join("<br>") : this.feedback;
689
- }
690
- },
691
- watch: {
692
- hasFocus() {
693
- this.shouldChangeOnFocus() && (this.hasChanged = !0);
694
- },
695
- defaultEmpty() {
696
- this.hasChanged = !0;
697
- }
698
- },
699
- methods: {
700
- bindEvents(t, e) {
701
- var i;
702
- e || (e = this.onInput);
703
- const r = t instanceof HTMLSelectElement ? (i = t.querySelectorAll("option")) == null ? void 0 : i[t.selectedIndex] : null;
704
- r && (t.value = r == null ? void 0 : r.value), t.value && e(t.value), this.hasChanged = !!t.value, this.isEmpty = !t.value, t.addEventListener("focus", () => {
705
- this.hasFocus = !0;
706
- }), t.addEventListener("blur", () => {
707
- this.hasFocus = !1;
708
- }), t.addEventListener("input", () => {
709
- this.isEmpty = !1, this.hasChanged = !0;
710
- }), t.addEventListener(
711
- t.tagName === "SELECT" ? "change" : "input",
712
- () => e(t.value)
713
- ), this.nativeEvents.forEach((n) => {
714
- t.addEventListener(n, (s) => {
715
- this.$emit(n, s);
716
- });
717
- });
718
- },
719
- blur() {
720
- this.getInputField() && this.getInputField().blur();
721
- },
722
- focus() {
723
- this.getInputField() && this.getInputField().focus();
724
- },
725
- getInputField() {
726
- return this.$el.querySelector(
727
- ".form-control, input, select, textarea"
728
- );
729
- },
730
- getFieldErrors() {
731
- let t = this.error || this.errors;
732
- return this.errors && N(this.errors) && (t = this.errors[this.$attrs.name || this.$attrs.id]), !t || Array.isArray(t) || N(t) ? t : [t];
733
- },
734
- shouldChangeOnFocus() {
735
- return !this.getInputField().readOnly;
736
- },
737
- onInput(t) {
738
- this.$emit("update:modelValue", t);
739
- }
740
- }
741
- }), Ge = E({
742
- name: "InputField",
743
- components: {
744
- ActivityIndicator: Dt
745
- },
746
- mixins: [
747
- We
748
- ]
749
- });
750
- const qe = (t, e) => {
751
- const i = t.__vccOpts || t;
752
- for (const [r, n] of e)
753
- i[r] = n;
754
- return i;
755
- }, Ye = ["for", "innerHTML"], Je = { class: "form-group-inner" }, Ke = ["innerHTML"], Xe = ["innerHTML"];
756
- function Qe(t, e, i, r, n, s) {
757
- const g = ot("activity-indicator"), $ = at("bind-events");
758
- return u(), o("div", {
759
- class: x(t.formGroupClasses)
760
- }, [
761
- l(t.$slots, "label", {}, () => [
762
- t.label ? (u(), o("label", {
763
- key: 0,
764
- ref: "label",
765
- for: t.id,
766
- class: x(t.labelClass),
767
- onClick: e[0] || (e[0] = (...a) => t.focus && t.focus(...a)),
768
- innerHTML: t.label
769
- }, null, 10, Ye)) : c("", !0)
770
- ]),
771
- j("div", Je, [
772
- l(t.$slots, "control", {
773
- bindEvents: t.bindEvents,
774
- controlAttributes: t.controlAttributes,
775
- focus: t.focus
776
- }, () => [
777
- t.$slots.icon ? (u(), o("div", {
778
- key: 0,
779
- class: "form-group-inner-icon",
780
- onClick: e[1] || (e[1] = (...a) => t.focus && t.focus(...a))
781
- }, [
782
- l(t.$slots, "icon")
783
- ])) : c("", !0),
784
- lt(j("input", dt({ ref: "field" }, t.controlAttributes), null, 16), [
785
- [$]
786
- ])
787
- ]),
788
- l(t.$slots, "activity", {}, () => [
789
- ct(ht, { name: "input-field-fade" }, {
790
- default: ft(() => [
791
- t.activity ? (u(), T(g, {
792
- key: "activity",
793
- ref: "activity",
794
- type: t.indicator,
795
- size: t.indicatorSize || t.size
796
- }, null, 8, ["type", "size"])) : c("", !0)
797
- ]),
798
- _: 1
799
- })
800
- ])
801
- ]),
802
- l(t.$slots, "feedback", {}, () => [
803
- t.invalidFeedback ? (u(), o("div", {
804
- key: 0,
805
- class: "invalid-feedback",
806
- invalid: "",
807
- innerHTML: t.invalidFeedback
808
- }, null, 8, Ke)) : t.validFeedback ? (u(), o("div", {
809
- key: 1,
810
- class: "valid-feedback",
811
- valid: "",
812
- innerHTML: t.validFeedback
813
- }, null, 8, Xe)) : c("", !0)
814
- ]),
815
- l(t.$slots, "help", {}, () => [
816
- t.helpText ? (u(), o("small", {
817
- key: 0,
818
- ref: "help"
819
- }, H(t.helpText), 513)) : c("", !0)
820
- ])
821
- ], 2);
822
- }
823
- const ti = /* @__PURE__ */ qe(Ge, [["render", Qe]]);
824
- export {
825
- ti as InputField
826
- };
827
- //# sourceMappingURL=input-field.js.map