@itfin/components 1.2.53 → 1.2.55

package/package.json

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

package/src/components/modal/Modal.vue

@@ -55,6 +55,7 @@ class itfModal extends Vue {
   @Prop({ type: Boolean, default: false }) escClose
   @Prop({ type: Function, default: null }) onEscClose;
   @Prop({ type: Boolean, default: true }) appendToBody;
+  @Prop({ type: Boolean, default: false }) appendToContext;
   @Prop({ type: Boolean, default: false }) content;
   @Prop({ type: Boolean, default: false }) scrolling;
   @Prop({ type: Number, default: null }) zIndex;
@@ -104,7 +105,11 @@ class itfModal extends Vue {
     if (typeof window === 'undefined') {
       return;
     }
-    if (this.appendToBody && this.$el instanceof Node && this.$el.parentNode) {
+    if (this.appendToContext && this.$el instanceof Node && this.$el.parentNode) {
+      const context = this.$el.closest('.itf-append-context') || document.body;
+      this.$el.parentNode.removeChild(this.$el);
+      context.appendChild(this.$el); // should append only to body
+    } else if (this.appendToBody && this.$el instanceof Node && this.$el.parentNode) {
       this.$el.parentNode.removeChild(this.$el);
       document.body.appendChild(this.$el); // should append only to body
     }

package/src/components/tabs/TabContent.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="active || (tabsManager && tabsManager.getValue() === id)"
-    :class="{ filled }"
+    :class="{ filled, 'itf-tab-content': !simple }"
     :data-test="`itf-tab-content-${id || _uid}`">
     <slot />
   </div>
@@ -19,5 +19,9 @@ class itfTabContent extends Vue {
   @Prop() id;
   @Prop(Boolean) filled;
   @Prop(Boolean) active;
+
+  get simple() {
+    return this.tabsManager && this.tabsManager.simple;
+  }
 }
 </script>