@itfin/components 1.0.92 → 1.0.95

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "1.0.92",
+  "version": "1.0.95",
   "main": "dist/itfin-components.umd.js",
   "unpkg": "dist/itfin-components.common.js",
   "author": "Vitalii Savchuk <esvit666@gmail.com>",

package/src/components/button/Button.vue

@@ -2,15 +2,14 @@
 
   <nuxt-link
     @click.native="$emit('click', $event)"
-    :disabled="disabled"
     class="itf-button btn"
     tabindex="0"
     type="button"
+    :to="toLink"
+    :disabled="disabled"
+    :target="target"
     :tag="isLink ? 'a' : 'button'"
-    :href="href"
     :event="isLink ? 'click' : []"
-    :to="to || {}"
-    :target="target"
     :class="{
       [`btn-${color}`]: color,
       'itf-button__block': block,
@@ -166,6 +165,15 @@ class itfButton extends Vue {
   @Prop(String) href;
   @Prop(String) target;
 
+  get toLink() {
+    if (this.to) {
+      return this.to;
+    } else if (this.href) {
+      return { path: this.href };
+    }
+    return '';
+  }
+
   get isLink() {
     return this.href || this.to;
   }

package/src/components/dropdown/Dropdown.vue

@@ -54,6 +54,7 @@ class itfDropdown extends Vue {
   @Prop({ type: String, default: 'Dropdown' }) label;
   @Prop({ type: Boolean }) right;
   @Prop({ type: Boolean }) toggle;
+  @Prop({ validator: (value) => [true, false, 'inside', 'outside'].includes(value), default: true }) autoclose;
   @Prop({ type: Object, default: () => ({}) }) buttonOptions;
 
   modalId = '';
@@ -87,7 +88,7 @@ class itfDropdown extends Vue {
     const { default: Dropdown } = await import('bootstrap/js/src/dropdown.js');
     this.modalEl = new Dropdown(this.$refs.toggle.$el, {
       reference: 'toggle',
-      autoClose: true
+      autoClose: this.autoclose
     });
     // this.onVisibleChanged(this.value);
     // this.$el.addEventListener('shown.bs.dropdown', () => {

package/src/components/table/Table.vue

@@ -27,7 +27,8 @@
               :class="{
                 'itf-table__header--sortable': column.sortable,
                 'itf-table__header--sorted': sortedColumns[column.name],
-                [`itf-table__header--sorted-${sortedColumns[column.name]}`]: sortedColumns[column.name]
+                [`itf-table__header--sorted-${sortedColumns[column.name]}`]: sortedColumns[column.name],
+                 'align-left': column.alignLeft
               }">
               <span @click="sortBy(column, n)">
                 {{column.text}}
@@ -117,6 +118,10 @@ html {
       display: grid;
       grid-template-columns: var(--itf-table-template);
     }
+    .itf-table__header.align-left > span {
+      justify-content: flex-start;
+      text-align: left;
+    }
   }
   &__rows {
     display: grid;