@enso-ui/filters 3.0.12 → 3.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enso-ui/filters",
3
- "version": "3.0.12",
3
+ "version": "3.0.13",
4
4
  "description": "Renderless Vue Filter Components",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -1,16 +1,16 @@
1
1
  <template>
2
- <core-date-interval-filter v-bind="$attrs">
3
- <template #default="{ minBindings, minEvents, maxBindings, maxEvents }">
4
- <div class="date-interval-filter is-paddingless">
5
- <div class="header has-background-light has-text-centered"
6
- v-if="!compact">
7
- <strong>
8
- {{ i18n(name) }}
9
- </strong>
10
- </div>
11
- <div v-tooltip="compact ? i18n(name) : null"
12
- class="dates-wrapper"
13
- :class="{ 'has-background-light': compact }">
2
+ <div class="date-interval-filter is-paddingless">
3
+ <div class="header has-background-light has-text-centered"
4
+ v-if="!compact">
5
+ <strong>
6
+ {{ i18n(name) }}
7
+ </strong>
8
+ </div>
9
+ <div v-tooltip="compact ? i18n(name) : null"
10
+ class="dates-wrapper"
11
+ :class="{ 'has-background-light': compact }">
12
+ <core-date-interval-filter v-bind="$attrs">
13
+ <template #default="{ minBindings, minEvents, maxBindings, maxEvents }">
14
14
  <div class="columns is-mobile is-variable is-1 is-centered">
15
15
  <div class="column">
16
16
  <datepicker v-bind="minBindings"
@@ -27,10 +27,10 @@
27
27
  v-on="maxEvents"/>
28
28
  </div>
29
29
  </div>
30
- </div>
31
- </div>
32
- </template>
33
- </core-date-interval-filter>
30
+ </template>
31
+ </core-date-interval-filter>
32
+ </div>
33
+ </div>
34
34
  </template>
35
35
 
36
36
  <script>
@@ -53,7 +53,7 @@ export default {
53
53
  },
54
54
  altInput: {
55
55
  type: Boolean,
56
- defaut: false,
56
+ default: false,
57
57
  },
58
58
  compact: {
59
59
  type: Boolean,
@@ -1,17 +1,17 @@
1
1
  <template>
2
- <core-input-filter v-bind="$attrs">
3
- <template #default="{
4
- value, bindings, events, clearEvents,
5
- }">
6
- <div class="interval-filter is-paddingless">
7
- <div v-if="!compact"
8
- class="header has-text-centered has-background-light">
9
- <b>{{ i18n(name) }}</b>
10
- </div>
11
- <div v-tooltip="compact ? i18n(name) : null"
12
- :class="['input-wrapper', {'has-background-light': compact}]">
13
- <div class="columns is-mobile">
14
- <div class="column">
2
+ <div class="interval-filter is-paddingless">
3
+ <div v-if="!compact"
4
+ class="header has-text-centered has-background-light">
5
+ <b>{{ i18n(name) }}</b>
6
+ </div>
7
+ <div v-tooltip="compact ? i18n(name) : null"
8
+ :class="['input-wrapper', {'has-background-light': compact}]">
9
+ <div class="columns is-mobile">
10
+ <div class="column">
11
+ <core-input-filter v-bind="$attrs">
12
+ <template #default="{
13
+ value, bindings, events, clearEvents,
14
+ }">
15
15
  <div class="control has-icons-right">
16
16
  <input class="input control"
17
17
  v-bind="bindings"
@@ -24,12 +24,12 @@
24
24
  <a class="delete is-small"/>
25
25
  </span>
26
26
  </div>
27
- </div>
28
- </div>
27
+ </template>
28
+ </core-input-filter>
29
29
  </div>
30
30
  </div>
31
- </template>
32
- </core-input-filter>
31
+ </div>
32
+ </div>
33
33
  </template>
34
34
 
35
35
  <script>
@@ -1,16 +1,16 @@
1
1
  <template>
2
- <core-interval-filter v-bind="$attrs">
3
- <template #default="{
4
- value, invalid, minBindings, minEvents, maxBindings,
5
- maxEvents, minClearEvents, maxClearEvents,
6
- }">
7
- <div class="interval-filter is-paddingless">
8
- <div v-if="!compact"
9
- class="header has-text-centered has-background-light">
10
- <b>{{ i18n(name) }}</b>
11
- </div>
12
- <div v-tooltip="compact ? i18n(name) : null"
13
- :class="['input-wrapper', {'has-background-light': compact}]">
2
+ <div class="interval-filter is-paddingless">
3
+ <div v-if="!compact"
4
+ class="header has-text-centered has-background-light">
5
+ <b>{{ i18n(name) }}</b>
6
+ </div>
7
+ <div v-tooltip="compact ? i18n(name) : null"
8
+ :class="['input-wrapper', {'has-background-light': compact}]">
9
+ <core-interval-filter v-bind="$attrs">
10
+ <template #default="{
11
+ value, invalid, minBindings, minEvents, maxBindings,
12
+ maxEvents, minClearEvents, maxClearEvents,
13
+ }">
14
14
  <div class="columns is-mobile">
15
15
  <div class="column">
16
16
  <div class="control has-icons-right">
@@ -41,10 +41,10 @@
41
41
  </div>
42
42
  </div>
43
43
  </div>
44
- </div>
45
- </div>
46
- </template>
47
- </core-interval-filter>
44
+ </template>
45
+ </core-interval-filter>
46
+ </div>
47
+ </div>
48
48
  </template>
49
49
 
50
50
  <script>
@@ -179,7 +179,7 @@ export default {
179
179
  modelValue: this.isFuture,
180
180
  },
181
181
  directionEvents: {
182
- input: e => {
182
+ 'update:modelValue': e => {
183
183
  this.isFuture = e;
184
184
  this.filter = 'today';
185
185
  },
@@ -203,7 +203,7 @@ export default {
203
203
  max: this.interval.max,
204
204
  },
205
205
  minEvents: {
206
- input: e => {
206
+ 'update:modelValue': e => {
207
207
  this.interval.min = e;
208
208
  this.update();
209
209
  },
@@ -217,7 +217,7 @@ export default {
217
217
  min: this.interval.min,
218
218
  },
219
219
  maxEvents: {
220
- input: e => {
220
+ 'update:modelValue': e => {
221
221
  this.interval.max = e;
222
222
  this.update();
223
223
  },