@enso-ui/filters 3.0.17 → 3.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enso-ui/filters",
-  "version": "3.0.17",
+  "version": "3.0.18",
   "description": "Renderless Vue Filter Components",
   "main": "index.js",
   "scripts": {

package/src/bulma/BooleanFilter.vue

@@ -1,6 +1,5 @@
 <template>
-    <vue-filter v-bind="$attrs"
-        icons
+    <vue-filter icons
         :options="options"/>
 </template>
 

package/src/bulma/DateFilter.vue

@@ -1,5 +1,6 @@
 <template>
-    <div class="date-filter is-paddingless">
+    <div class="date-filter is-paddingless"
+        :class="$attrs.class">
         <core-date-filter v-bind="$attrs">
             <template #default="{
                     filters, filter, custom, minBindings, minEvents, maxBindings, maxEvents,

package/src/bulma/EnsoDateFilter.vue

@@ -1,5 +1,5 @@
 <template>
-    <date-filter v-bind="$attrs"
+    <date-filter
         alt-input
         :alt-format="altFormat || meta.dateFormat"
         :i18n="i18n"

package/src/bulma/EnsoFilter.vue

@@ -1,5 +1,5 @@
 <template>
-    <vue-filter v-bind="$attrs"
+    <vue-filter
         :i18n="i18n"/>
 </template>
 

package/src/bulma/EnsoInputFilter.vue

@@ -1,5 +1,5 @@
 <template>
-    <input-filter v-bind="$attrs"
+    <input-filter
         :i18n="i18n"/>
 </template>
 

package/src/bulma/EnsoIntervalFilter.vue

@@ -1,5 +1,5 @@
 <template>
-    <interval-filter v-bind="$attrs"
+    <interval-filter
         :i18n="i18n"/>
 </template>
 

package/src/bulma/EnsoSelectFilter.vue

@@ -1,5 +1,6 @@
 <template>
-    <base-select-filter :compact="compact"
+    <base-select-filter :class="$attrs.class"
+        :compact="compact"
         :i18n="i18n"
         :name="name">
         <enso-select v-bind="{...$attrs, class: 'select-wrapper'}"
@@ -24,6 +25,8 @@ export default {
 
     inject: ['i18n'],
 
+    inheritAttrs: false,
+
     props: {
         compact: {
             type: Boolean,

package/src/bulma/EnsoToggleFilter.vue

@@ -1,5 +1,5 @@
 <template>
-    <toggle-filter v-bind="$attrs"
+    <toggle-filter
         :i18n="i18n"/>
 </template>
 

package/src/bulma/InputFilter.vue

@@ -1,5 +1,6 @@
 <template>
-    <div class="interval-filter is-paddingless">
+    <div class="interval-filter is-paddingless"
+        :class="$attrs.class">
         <div v-if="!compact"
             class="header has-text-centered has-background-light">
             <b>{{ i18n(name) }}</b>
@@ -44,6 +45,8 @@ export default {
 
     components: { CoreInputFilter },
 
+    inheritAttrs: false,
+
     props: {
         compact: {
             type: Boolean,

package/src/bulma/IntervalFilter.vue

@@ -1,5 +1,6 @@
 <template>
-    <div class="interval-filter is-paddingless">
+    <div class="interval-filter is-paddingless"
+        :class="$attrs.class">
         <div v-if="!compact"
             class="header has-text-centered has-background-light">
             <b>{{ i18n(name) }}</b>
@@ -59,6 +60,8 @@ export default {
 
     components: { CoreIntervalFilter },
 
+    inheritAttrs: false,
+
     props: {
         compact: {
             type: Boolean,

package/src/bulma/SelectFilter.vue

@@ -1,5 +1,6 @@
 <template>
-    <base-select-filter :compact="compact"
+    <base-select-filter :class="$attrs.class"
+        :compact="compact"
         :i18n="i18n"
         :name="name">
         <vue-select v-bind="{...$attrs, class: 'select-wrapper'}"
@@ -23,6 +24,8 @@ export default {
 
     components: { BaseSelectFilter, VueSelect },
 
+    inheritAttrs: false,
+
     props: {
         compact: {
             type: Boolean,