@tak-ps/vue-tabler 3.58.0 → 3.60.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/components/input/Colour.vue +7 -1
  3. package/components/input/Enum.vue +7 -0
  4. package/components/input/Input.vue +9 -1
  5. package/components/input/Range.vue +9 -0
  6. package/components/input/TimeZone.vue +9 -0
  7. package/components/input/Toggle.vue +9 -0
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -10,6 +10,14 @@
10
10
 
11
11
  ## Version History
12
12
 
13
+ ### v3.60.0
14
+
15
+ - :rocket: Bubble up Blur Event
16
+
17
+ ### v3.59.0
18
+
19
+ - :rocket: Pass `autofocus` through on input components
20
+
13
21
  ### v3.58.0
14
22
 
15
23
  - :rocket: Call focus on Modal when created to allow immediate keyup intercepts
package/components/input/Colour.vue CHANGED
@@ -18,9 +18,11 @@
18
18
  <input
19
19
  v-model='current'
20
20
  :disabled='disabled'
21
+ :autofocus='autofocus'
21
22
  :value='color'
22
23
  type='radio'
23
24
  class='form-colorinput-input'
25
+ @blur='$emit("blur")'
24
26
  >
25
27
  <span
26
28
  class='form-colorinput-color bg-dark rounded'
@@ -47,6 +49,10 @@ export default {
47
49
  type: String,
48
50
  required: true
49
51
  },
52
+ autofocus: {
53
+ type: Boolean,
54
+ default: false
55
+ },
50
56
  default: {
51
57
  type: String,
52
58
  required: false
@@ -66,7 +72,7 @@ export default {
66
72
  label: String,
67
73
  },
68
74
  emits: [
69
- 'update:modelValue'
75
+ 'blur', 'update:modelValue'
70
76
  ],
71
77
  data: function() {
72
78
  return {
package/components/input/Enum.vue CHANGED
@@ -11,8 +11,10 @@
11
11
  <div class='col-12'>
12
12
  <select
13
13
  v-model='current'
14
+ :autofocus='autofocus'
14
15
  :disabled='disabled'
15
16
  class='form-select'
17
+ @blur='$emit("blur")'
16
18
  >
17
19
  <option
18
20
  v-for='option in options'
@@ -38,6 +40,10 @@ export default {
38
40
  type: String,
39
41
  required: true
40
42
  },
43
+ autofocus: {
44
+ type: Boolean,
45
+ default: false
46
+ },
41
47
  default: {
42
48
  type: String,
43
49
  required: false
@@ -61,6 +67,7 @@ export default {
61
67
  label: String,
62
68
  },
63
69
  emits: [
70
+ 'blur',
64
71
  'update:modelValue'
65
72
  ],
66
73
  data: function() {
package/components/input/Input.vue CHANGED
@@ -35,6 +35,7 @@
35
35
  v-model='current'
36
36
  :disabled='disabled'
37
37
  :autocomplete='autocomplete'
38
+ :autofocus='autofocus'
38
39
  :type='computed_type'
39
40
  :class='{
40
41
  "is-invalid": errorstr
@@ -42,6 +43,7 @@
42
43
  class='form-control'
43
44
  :placeholder='placeholder||label||""'
44
45
  @keyup.enter='$emit("submit")'
46
+ @blur='$emit("blur")'
45
47
  >
46
48
  <span
47
49
  v-if='loading'
@@ -63,6 +65,7 @@
63
65
  <textarea
64
66
  v-model='current'
65
67
  :disabled='disabled'
68
+ :autofocus='autofocus'
66
69
  :autocomplete='autocomplete'
67
70
  :wrap='wrap'
68
71
  :rows='rows'
@@ -73,6 +76,7 @@
73
76
  class='form-control'
74
77
  :placeholder='placeholder||label||""'
75
78
  @keyup.enter='$emit("submit")'
79
+ @blur='$emit("blur")'
76
80
  />
77
81
  <div
78
82
  v-if='errorstr'
@@ -109,6 +113,10 @@ export default {
109
113
  type: String,
110
114
  default: 'on'
111
115
  },
116
+ autofocus: {
117
+ type: Boolean,
118
+ default: false
119
+ },
112
120
  icon: {
113
121
  type: String,
114
122
  },
@@ -144,7 +152,7 @@ export default {
144
152
  placeholder: String,
145
153
  error: String,
146
154
  },
147
- emits: ['submit', 'update:modelValue'],
155
+ emits: ['blur', 'submit', 'update:modelValue'],
148
156
  data: function() {
149
157
  return {
150
158
  help: false,
package/components/input/Range.vue CHANGED
@@ -10,6 +10,7 @@
10
10
  <div class='col-12'>
11
11
  <input
12
12
  :disabled='disabled'
13
+ :autofocus='autofocus'
13
14
  :value='modelValue'
14
15
  type='range'
15
16
  class='form-range'
@@ -17,6 +18,8 @@
17
18
  :max='max'
18
19
  :step='step'
19
20
  @input='event => current = event.target.value'
21
+ @keyup.enter='$emit("submit")'
22
+ @blur='$emit("blur")'
20
23
  >
21
24
  </div>
22
25
  </div>
@@ -35,6 +38,10 @@ export default {
35
38
  type: Number,
36
39
  required: true
37
40
  },
41
+ autofocus: {
42
+ type: Boolean,
43
+ default: false
44
+ },
38
45
  min: {
39
46
  type: Number,
40
47
  default: 0
@@ -62,6 +69,8 @@ export default {
62
69
  label: String,
63
70
  },
64
71
  emits: [
72
+ 'blur',
73
+ 'submit',
65
74
  'update:modelValue'
66
75
  ],
67
76
  data: function() {
package/components/input/TimeZone.vue CHANGED
@@ -3,10 +3,13 @@
3
3
  :label='label'
4
4
  :options='Array.from(timezones)'
5
5
  :description='description'
6
+ :autofocus='autofocus'
6
7
  :disabled='disabled'
7
8
  :required='required'
8
9
  :default='inverse.has(modelValue) ? inverse.get(modelValue) : "No TimeZone"'
9
10
  @change='$emit("update:modelValue", map.get($event.target.value).tzCode)'
11
+ @submit='$emit("submit")'
12
+ @blur='$emit("blur")'
10
13
  />
11
14
  </template>
12
15
 
@@ -450,6 +453,10 @@ export default {
450
453
  type: String,
451
454
  required: true
452
455
  },
456
+ autofocus: {
457
+ type: Boolean,
458
+ default: false
459
+ },
453
460
  description: {
454
461
  type: String,
455
462
  default: ''
@@ -467,6 +474,8 @@ export default {
467
474
  },
468
475
  },
469
476
  emits: [
477
+ 'submit',
478
+ 'blur',
470
479
  'update:modelValue'
471
480
  ],
472
481
  data: function() {
package/components/input/Toggle.vue CHANGED
@@ -9,8 +9,11 @@
9
9
  <input
10
10
  v-model='current'
11
11
  :disabled='disabled'
12
+ :autofocus='autofocus'
12
13
  class='form-check-input'
13
14
  type='checkbox'
15
+ @keyup.enter='$emit("submit")'
16
+ @blur='$emit("blur")'
14
17
  >
15
18
  </label>
16
19
  </TablerLabel>
@@ -30,6 +33,10 @@ export default {
30
33
  type: Boolean,
31
34
  required: true
32
35
  },
36
+ autofocus: {
37
+ type: Boolean,
38
+ default: false
39
+ },
33
40
  disabled: {
34
41
  type: Boolean,
35
42
  default: false
@@ -48,6 +55,8 @@ export default {
48
55
  }
49
56
  },
50
57
  emits: [
58
+ 'blur',
59
+ 'submit',
51
60
  'update:modelValue'
52
61
  ],
53
62
  data: function() {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tak-ps/vue-tabler",
3
3
  "type": "module",
4
- "version": "3.58.0",
4
+ "version": "3.60.0",
5
5
  "lib": "lib.js",
6
6
  "module": "lib.js",
7
7
  "description": "Tabler UI components for Vue3",