@opengis/filter 0.1.19 → 0.1.20

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/README.md CHANGED
@@ -1,74 +1,74 @@
1
- # Filter Panel
2
-
3
- A flexible and extensible filter component system for Vue 3.
4
- Ideal for building customizable filter UIs with checkbox, radio, or custom slot fields.
5
-
6
- ---
7
-
8
- ## Features
9
-
10
- - Schema-based filter rendering (radio, checkbox)
11
- - Slot-based extensibility for custom filters
12
- - Built-in clear/reset support
13
- - Emits `change` and `clear` events
14
- - Popover support with positioning logic
15
- - Show more / limit options logic
16
- - Written in TypeScript
17
- - Fully styleable with Tailwind CSS
18
- - Mobile-friendly and responsive
19
-
20
- ---
21
-
22
- ## Documentation
23
-
24
- Check out the documentation and live demo here: [Live Demo & Docs](https://filter.opengis.info)
25
-
26
- ## Install & Usage
27
-
28
- ### Install
29
-
30
- ```bash
31
- npm i @opengis/filter
32
- ```
33
-
34
- ### Usage
35
-
36
- ```vue
37
- <template>
38
- <VsFilter :schema="schema" @change="console.log($event.data)" />
39
- </template>
40
-
41
- <script setup lang="ts">
42
-
43
- import {ref} from 'vue'
44
- import VsFilter from "@opengis/filter";
45
-
46
- // import { Filter, FilterField } from '@opengis/filter'; // component import
47
-
48
- const schema = ref([
49
- {name: 'media', type: 'checkbox', label: 'Media type', options: [...] },
50
- {name: 'source', type: 'radio', label: 'Source', options: [...] }
51
- ]);
52
- </script>
53
- ```
54
-
55
- ### Register
56
-
57
- ```ts
58
- // main.ts
59
- import VsFilter from '@opengis/filter';
60
- app.use(VsFilter); // Register: Filter, VsFilter, FilterField
61
- ```
62
-
63
- ### Style
64
-
65
- ```html
66
- <script src="https://cdn.tailwindcss.com"></script>
67
- ```
68
-
69
- ---
70
-
71
- ## Contributions
72
-
73
- We welcome contributions!
74
- Feel free to open issues, suggest features, or submit pull requests.
1
+ # Filter Panel
2
+
3
+ A flexible and extensible filter component system for Vue 3.
4
+ Ideal for building customizable filter UIs with checkbox, radio, or custom slot fields.
5
+
6
+ ---
7
+
8
+ ## Features
9
+
10
+ - Schema-based filter rendering (radio, checkbox)
11
+ - Slot-based extensibility for custom filters
12
+ - Built-in clear/reset support
13
+ - Emits `change` and `clear` events
14
+ - Popover support with positioning logic
15
+ - Show more / limit options logic
16
+ - Written in TypeScript
17
+ - Fully styleable with Tailwind CSS
18
+ - Mobile-friendly and responsive
19
+
20
+ ---
21
+
22
+ ## Documentation
23
+
24
+ Check out the documentation and live demo here: [Live Demo & Docs](https://filter.opengis.info)
25
+
26
+ ## Install & Usage
27
+
28
+ ### Install
29
+
30
+ ```bash
31
+ npm i @opengis/filter
32
+ ```
33
+
34
+ ### Usage
35
+
36
+ ```vue
37
+ <template>
38
+ <VsFilter :schema="schema" @change="console.log($event.data)" />
39
+ </template>
40
+
41
+ <script setup lang="ts">
42
+
43
+ import {ref} from 'vue'
44
+ import VsFilter from "@opengis/filter";
45
+
46
+ // import { Filter, FilterField } from '@opengis/filter'; // component import
47
+
48
+ const schema = ref([
49
+ {name: 'media', type: 'checkbox', label: 'Media type', options: [...] },
50
+ {name: 'source', type: 'radio', label: 'Source', options: [...] }
51
+ ]);
52
+ </script>
53
+ ```
54
+
55
+ ### Register
56
+
57
+ ```ts
58
+ // main.ts
59
+ import VsFilter from '@opengis/filter';
60
+ app.use(VsFilter); // Register: Filter, VsFilter, FilterField
61
+ ```
62
+
63
+ ### Style
64
+
65
+ ```html
66
+ <script src="https://cdn.tailwindcss.com"></script>
67
+ ```
68
+
69
+ ---
70
+
71
+ ## Contributions
72
+
73
+ We welcome contributions!
74
+ Feel free to open issues, suggest features, or submit pull requests.
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/filter-field/fields/list/list-item.vue"],"names":[],"mappings":"AA4EA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,GAAG,CAAA;IACV,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;;;;;;;;AA6IF,wBAQG"}
1
+ {"version":3,"file":"list-item.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/filter-field/fields/list/list-item.vue"],"names":[],"mappings":"AAuFA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,GAAG,CAAA;IACV,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;;;;;;;;AAsKF,wBAQG"}
@@ -14,8 +14,8 @@ declare const _default: import("vue").DefineComponent<IFilterItem, {}, {}, {}, {
14
14
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
15
15
  onClear?: ((name: string) => any) | undefined;
16
16
  }>, {
17
- layout: "inline" | "vertical" | "popover";
18
17
  width: number | string;
18
+ layout: "inline" | "vertical" | "popover";
19
19
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
20
20
  export default _default;
21
21
  //# sourceMappingURL=text-input.vue.d.ts.map
@@ -16,8 +16,8 @@ declare const _default: import("vue").DefineComponent<IFilterItem, {
16
16
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
17
17
  onClear?: ((name: string) => any) | undefined;
18
18
  }>, {
19
- layout: "inline" | "vertical" | "popover";
20
19
  sort: "name" | "count";
20
+ layout: "inline" | "vertical" | "popover";
21
21
  options: IListItem[];
22
22
  limit: number;
23
23
  disabled: boolean;