@tak-ps/vue-tabler 3.60.0 → 3.60.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/CHANGELOG.md CHANGED
@@ -10,6 +10,14 @@
10
10
 
11
11
  ## Version History
12
12
 
13
+ ### v3.60.2
14
+
15
+ - :rocket: Add `AutoWrap` option to Markdown
16
+
17
+ ### v3.60.1
18
+
19
+ - :rocket: Manually call focus
20
+
13
21
  ### v3.60.0
14
22
 
15
23
  - :rocket: Bubble up Blur Event
@@ -1,5 +1,8 @@
1
1
  <template>
2
- <div v-html='html' />
2
+ <div
3
+ :style='autowrap ? `white-space: pre-wrap;` : ``'
4
+ v-html='html'
5
+ />
3
6
  </template>
4
7
 
5
8
  <script>
@@ -11,6 +14,10 @@ export default {
11
14
  markdown: {
12
15
  type: String,
13
16
  required: true
17
+ },
18
+ autowrap: {
19
+ type: Boolean,
20
+ default: true
14
21
  }
15
22
  },
16
23
  computed: {
@@ -32,6 +32,7 @@
32
32
  />
33
33
  </span>
34
34
  <input
35
+ ref='text-input'
35
36
  v-model='current'
36
37
  :disabled='disabled'
37
38
  :autocomplete='autocomplete'
@@ -63,6 +64,7 @@
63
64
  </template>
64
65
  <template v-else>
65
66
  <textarea
67
+ ref='text-input'
66
68
  v-model='current'
67
69
  :disabled='disabled'
68
70
  :autofocus='autofocus'
@@ -160,6 +162,11 @@ export default {
160
162
  current: this.modelValue === undefined ? '' : this.modelValue
161
163
  }
162
164
  },
165
+ mounted: function() {
166
+ if (this.autofocus) {
167
+ this.$refs['text-input'].focus();
168
+ }
169
+ },
163
170
  computed: {
164
171
  errorstr: function() {
165
172
  if (this.error) return this.error;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tak-ps/vue-tabler",
3
3
  "type": "module",
4
- "version": "3.60.0",
4
+ "version": "3.60.2",
5
5
  "lib": "lib.js",
6
6
  "module": "lib.js",
7
7
  "description": "Tabler UI components for Vue3",