@itfin/components 1.0.38 → 1.0.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "1.0.38",
+  "version": "1.0.42",
 
   "main": "dist/itfin-components.umd.js",
   "unpkg": "dist/itfin-components.common.js",

package/src/components/app/App.vue

@@ -73,6 +73,8 @@
 import { Vue, Component, Provide } from 'vue-property-decorator';
 import Message from './message';
 
+let globalApp = null;
+
 export default @Component({
   name: 'itfApp',
   components: {}
@@ -80,10 +82,12 @@ export default @Component({
 class itfApp extends Vue {
   @Provide() globalApp = this;
   @Provide() appendContext = function appendContext() {
-    return this.$el;
+    return globalApp.$el;
   };
 
   created() {
+    globalApp = this;
+    Vue.prototype.$globalApp = this;
     Vue.prototype.$showSuccess = this.showSuccess.bind(this);
     Vue.prototype.$showError = this.showError.bind(this);
     Vue.prototype.$showMessage = this.showMessage.bind(this);

package/src/components/popover/Popover.vue

@@ -132,7 +132,8 @@ class itfPopover extends Vue {
 
   hide() {
     if (this.modalEl) {
-      this.modalEl.hide();
+      // треба затримка щоб попав не показався знову через отримання фокусу
+      setTimeout(() => this.modalEl.hide(), 10);
     }
   }
 }

package/src/components/text-field/TextField.vue

@@ -8,6 +8,7 @@
     </div>
 
     <input
+      ref="input"
       autocomplete="off"
       :placeholder="placeholder"
       :class="{ 'is-invalid': isInvalid(), 'is-valid': isSuccess() }"
@@ -84,5 +85,13 @@ class itfTextField extends Vue {
   isSuccess() {
     return this.itemLabel && this.itemLabel.isHasSuccess();
   }
+
+  insertTextToCurrentPosition(text) {
+    const position = this.$refs.input.selectionStart;
+    const value = this.value || '';
+    const startText = value.slice(0, position);
+    const endText = value.slice(position);
+    this.$emit('input', `${startText}${text}${endText}`);
+  }
 }
 </script>

package/src/components/text-field/Textarea.vue

@@ -8,6 +8,7 @@
     </div>
     <div v-if="autogrow" class="itf-textarea__autogrow-text form-control">{{value}}&nbsp;</div>
     <textarea
+      ref="input"
       :rows="rows"
       :readonly="readonly"
       :disabled="disabled"
@@ -85,5 +86,13 @@ class itfTextarea extends Vue {
   isSuccess() {
     return this.itemLabel && this.itemLabel.isHasSuccess();
   }
+
+  insertTextToCurrentPosition(text) {
+    const position = this.$refs.input.selectionStart;
+    const value = this.value || '';
+    const startText = value.slice(0, position);
+    const endText = value.slice(position);
+    this.$emit('input', `${startText}${text}${endText}`);
+  }
 }
 </script>

package/src/mixins/ValidatableMixin.js

@@ -2,7 +2,14 @@ import { Vue, Component, Prop, Watch } from 'vue-property-decorator';
 import { deepEqual } from '../helpers/deepEqual';
 
 export default
-@Component({ name: 'ValidatableMixin' })
+@Component({
+  name: 'ValidatableMixin',
+  methods: {
+    validate(force = false, value) {
+      return this.doValidation(force, value);
+    }
+  }
+})
 class ValidatableMixin extends Vue {
   @Prop(Boolean) manualValidation;
   @Prop(Boolean) disabled;