@itfin/components 1.2.123 → 1.2.125

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "1.2.123",
+  "version": "1.2.125",
   "author": "Vitalii Savchuk <esvit666@gmail.com>",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/datepicker/MonthPicker.vue

@@ -22,6 +22,7 @@
           :value="value"
           start-view="months"
           min-view="months"
+          :min-date="minDate"
           only-calendar
           :display-format="displayFormat"
           :value-format="valueFormat"
@@ -51,6 +52,7 @@ class itfMonthPicker extends Vue {
   @Prop({ type: String }) value;
   @Prop({ type: Boolean }) disabled;
   @Prop({ type: String, default: 'ISO' }) valueFormat;
+  @Prop({ type:  [String, Date], default: '' }) minDate;
   @Prop({ type: String, default: 'LLLL, yyyy' }) displayFormat;
   @Prop({ type: String, default: '' }) placeholder;
   @Prop({ type: String, default: '' }) prependIcon;

package/src/directives/loading.js

@@ -4,16 +4,17 @@ import '../assets/scss/directives/loading.scss';
 export default {
   handleShow(el, modifiers) {
     el.classList.add('itf-loading-wrapper');
-
-    const loader = elem('div', 'itf-loading itf-loading-default');
-    const message = elem('div', 'itf-loading-message text-center');
-    const icon = elem('span', 'itf-loading-icon');
-    const loadingText = elem('span');
-
-    message.appendChild(icon);
-    message.appendChild(loadingText);
-    loader.appendChild(message);
-    el.appendChild(loader);
+    let loader = el.getElementsByClassName('itf-loading');
+    if (!loader.length) {
+      loader = elem('div', 'itf-loading itf-loading-default');
+      const message = elem('div', 'itf-loading-message text-center');
+      const icon = elem('span', 'itf-loading-icon');
+      const loadingText = elem('span');
+      message.appendChild(icon);
+      message.appendChild(loadingText);
+      loader.appendChild(message);
+      el.appendChild(loader);
+    }
 
     if (modifiers.centered && typeof window !== 'undefined') {
       el.resizeHandler = () => scrolling();
@@ -49,10 +50,10 @@ export default {
       off(window, 'resize', el.resizeHandler);
     }
 
-    const blockers = el.getElementsByClassName('itf-loading');
-    for (const blocker of blockers) {
-      blocker.remove();
-    }
+    // const blockers = el.getElementsByClassName('itf-loading');
+    // for (const blocker of blockers) {
+    //   blocker.remove();
+    // }
   },
   bind(el, { value, modifiers, def }) {
     def.handleHide(el, modifiers);