@operato/form 1.0.0-beta.5 → 1.0.0-beta.50

package/CHANGELOG.md

@@ -3,6 +3,522 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.0-beta.50](https://github.com/hatiolab/operato/compare/v1.0.0-beta.49...v1.0.0-beta.50) (2022-07-18)
+
+
+### :bug: Bug Fix
+
+* autofocus for ox-search-form ([a9d394b](https://github.com/hatiolab/operato/commit/a9d394b0d404ab7e71d943cad69decfa9a369a06))
+
+
+
+## [1.0.0-beta.49](https://github.com/hatiolab/operato/compare/v1.0.0-beta.48...v1.0.0-beta.49) (2022-07-17)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.48](https://github.com/hatiolab/operato/compare/v1.0.0-beta.47...v1.0.0-beta.48) (2022-07-17)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.47](https://github.com/hatiolab/operato/compare/v1.0.0-beta.46...v1.0.0-beta.47) (2022-07-15)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.46](https://github.com/hatiolab/operato/compare/v1.0.0-beta.45...v1.0.0-beta.46) (2022-07-11)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.45](https://github.com/hatiolab/operato/compare/v1.0.0-beta.44...v1.0.0-beta.45) (2022-07-09)
+
+
+### :bug: Bug Fix
+
+* upgrade dependencies ([4986392](https://github.com/hatiolab/operato/commit/4986392e64524b5602cc9a144def239e85524bee))
+
+
+
+## [1.0.0-beta.44](https://github.com/hatiolab/operato/compare/v1.0.0-beta.43...v1.0.0-beta.44) (2022-07-07)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.43](https://github.com/hatiolab/operato/compare/v1.0.0-beta.42...v1.0.0-beta.43) (2022-07-03)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.42](https://github.com/hatiolab/operato/compare/v1.0.0-beta.41...v1.0.0-beta.42) (2022-07-03)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.41](https://github.com/hatiolab/operato/compare/v1.0.0-beta.40...v1.0.0-beta.41) (2022-06-30)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.40](https://github.com/hatiolab/operato/compare/v1.0.0-beta.39...v1.0.0-beta.40) (2022-06-29)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.39](https://github.com/hatiolab/operato/compare/v1.0.0-beta.38...v1.0.0-beta.39) (2022-06-22)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.38](https://github.com/hatiolab/operato/compare/v1.0.0-beta.37...v1.0.0-beta.38) (2022-06-20)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.37](https://github.com/hatiolab/operato/compare/v1.0.0-beta.36...v1.0.0-beta.37) (2022-06-20)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.36](https://github.com/hatiolab/operato/compare/v1.0.0-beta.35...v1.0.0-beta.36) (2022-06-16)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.35](https://github.com/hatiolab/operato/compare/v1.0.0-beta.34...v1.0.0-beta.35) (2022-06-16)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.34](https://github.com/hatiolab/operato/compare/v1.0.0-beta.33...v1.0.0-beta.34) (2022-06-16)
+
+
+### :bug: Bug Fix
+
+* apply english-only option to filter-input ([aa81f5e](https://github.com/hatiolab/operato/commit/aa81f5ebfe2a332f93968a28c63d7947e2f7dce3))
+
+
+
+## [1.0.0-beta.33](https://github.com/hatiolab/operato/compare/v1.0.0-beta.32...v1.0.0-beta.33) (2022-06-16)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.32](https://github.com/hatiolab/operato/compare/v1.0.0-beta.31...v1.0.0-beta.32) (2022-06-15)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.31](https://github.com/hatiolab/operato/compare/v1.0.0-beta.30...v1.0.0-beta.31) (2022-06-15)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.30](https://github.com/hatiolab/operato/compare/v1.0.0-beta.29...v1.0.0-beta.30) (2022-06-13)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.29](https://github.com/hatiolab/operato/compare/v1.0.0-beta.28...v1.0.0-beta.29) (2022-06-10)
+
+
+### :rocket: New Features
+
+* support 'barcode' type for filters-form in data-grist ([79f8e84](https://github.com/hatiolab/operato/commit/79f8e84151537ee9b27351a75de2c6bdf8049c91))
+* support 'barcode' type for filters-form-base in form module ([799f374](https://github.com/hatiolab/operato/commit/799f37403e477a1050a9077bfe0311c8852f109c))
+
+
+
+## [1.0.0-beta.28](https://github.com/hatiolab/operato/compare/v1.0.0-beta.27...v1.0.0-beta.28) (2022-06-10)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.27](https://github.com/hatiolab/operato/compare/v1.0.0-beta.26...v1.0.0-beta.27) (2022-06-09)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.26](https://github.com/hatiolab/operato/compare/v1.0.0-beta.25...v1.0.0-beta.26) (2022-06-04)
+
+
+### :bug: Bug Fix
+
+* form, input style ([b94efe5](https://github.com/hatiolab/operato/commit/b94efe5bb844f2a410918d4a464c2a1e6530d4cd))
+
+
+
+## [1.0.0-beta.25](https://github.com/hatiolab/operato/compare/v1.0.0-beta.24...v1.0.0-beta.25) (2022-06-02)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.24](https://github.com/hatiolab/operato/compare/v1.0.0-beta.23...v1.0.0-beta.24) (2022-06-02)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.23](https://github.com/hatiolab/operato/compare/v1.0.0-beta.22...v1.0.0-beta.23) (2022-06-02)
+
+
+### :bug: Bug Fix
+
+* grid margin style ([2c19634](https://github.com/hatiolab/operato/commit/2c19634d97f4ad06e95c776b22b03a212af40b9a))
+
+
+
+## [1.0.0-beta.22](https://github.com/hatiolab/operato/compare/v1.0.0-beta.21...v1.0.0-beta.22) (2022-05-31)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.21](https://github.com/hatiolab/operato/compare/v1.0.0-beta.20...v1.0.0-beta.21) (2022-05-31)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.20](https://github.com/hatiolab/operato/compare/v1.0.0-beta.19...v1.0.0-beta.20) (2022-05-30)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.19](https://github.com/hatiolab/operato/compare/v1.0.0-beta.18...v1.0.0-beta.19) (2022-05-29)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.18](https://github.com/hatiolab/operato/compare/v1.0.0-beta.17...v1.0.0-beta.18) (2022-05-27)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.17](https://github.com/hatiolab/operato/compare/v1.0.0-beta.16...v1.0.0-beta.17) (2022-05-25)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.16](https://github.com/hatiolab/operato/compare/v1.0.0-beta.15...v1.0.0-beta.16) (2022-05-23)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.15](https://github.com/hatiolab/operato/compare/v1.0.0-beta.14...v1.0.0-beta.15) (2022-05-20)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.14](https://github.com/hatiolab/operato/compare/v1.0.0-beta.13...v1.0.0-beta.14) (2022-05-19)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.13](https://github.com/hatiolab/operato/compare/v1.0.0-beta.12...v1.0.0-beta.13) (2022-05-19)
+
+
+### :bug: Bug Fix
+
+* incorrect package.json scripts for storybooks ([8c8c405](https://github.com/hatiolab/operato/commit/8c8c405443247108b9c411b8161c008d9b6a2261))
+* record-view ([ffcb397](https://github.com/hatiolab/operato/commit/ffcb397748efb64ce4e515f733b50f088ea1a093))
+* storybook for data-grist ([ae0ad52](https://github.com/hatiolab/operato/commit/ae0ad52d642454c70a4e27f262b8811f7e53f420))
+
+
+
+## [1.0.0-beta.12](https://github.com/hatiolab/operato/compare/v1.0.0-beta.11...v1.0.0-beta.12) (2022-05-13)
+
+
+### :rocket: New Features
+
+* storybook started ([90c08c9](https://github.com/hatiolab/operato/commit/90c08c9a15e5fe554baaa1becca07793e8434799))
+
+
+
+## [1.0.0-beta.11](https://github.com/hatiolab/operato/compare/v1.0.0-beta.10...v1.0.0-beta.11) (2022-05-01)
+
+
+### :rocket: New Features
+
+* separated filter-form from data-grist ([513a498](https://github.com/hatiolab/operato/commit/513a49830be87053568d69fb68f1544586c3345b))
+* separated filter-form from data-grist ([21e27f7](https://github.com/hatiolab/operato/commit/21e27f74d3e66d782da4aa75801c39a037627f62))
+
+
+### :bug: Bug Fix
+
+* export filters-form functions ([bb84681](https://github.com/hatiolab/operato/commit/bb84681e0c61af344a3756332be722ffafbcfb0b))
+* filters-form style ([e32b875](https://github.com/hatiolab/operato/commit/e32b8759dddad7be2b7f9dae0fd257064eb31043))
+
+
+
+## [1.0.0-beta.10](https://github.com/hatiolab/operato/compare/v1.0.0-beta.9...v1.0.0-beta.10) (2022-04-28)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.9](https://github.com/hatiolab/operato/compare/v1.0.0-beta.8...v1.0.0-beta.9) (2022-04-28)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.8](https://github.com/hatiolab/operato/compare/v1.0.0-beta.7...v1.0.0-beta.8) (2022-04-27)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.7](https://github.com/hatiolab/operato/compare/v1.0.0-beta.6...v1.0.0-beta.7) (2022-04-24)
+
+**Note:** Version bump only for package @operato/form
+
+
+
+
+
+## [1.0.0-beta.6](https://github.com/hatiolab/operato/compare/v0.4.5...v1.0.0-beta.6) (2022-04-22)
+
+## [1.0.0-beta.5](https://github.com/hatiolab/operato/compare/v1.0.0-beta.4...v1.0.0-beta.5) (2022-04-18)
+
+## [1.0.0-beta.4](https://github.com/hatiolab/operato/compare/v1.0.0-beta.3...v1.0.0-beta.4) (2022-04-14)
+
+## [1.0.0-beta.3](https://github.com/hatiolab/operato/compare/v1.0.0-beta.2...v1.0.0-beta.3) (2022-04-12)
+
+## [1.0.0-beta.2](https://github.com/hatiolab/operato/compare/v1.0.0-beta.1...v1.0.0-beta.2) (2022-04-12)
+
+## [1.0.0-beta.1](https://github.com/hatiolab/operato/compare/v1.0.0-beta.0...v1.0.0-beta.1) (2022-04-11)
+
+## [1.0.0-beta.0](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.53...v1.0.0-beta.0) (2022-04-10)
+
+## [1.0.0-alpha.53](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.52...v1.0.0-alpha.53) (2022-04-08)
+
+## [1.0.0-alpha.52](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.51...v1.0.0-alpha.52) (2022-04-08)
+
+## [1.0.0-alpha.51](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.50...v1.0.0-alpha.51) (2022-04-05)
+
+## [1.0.0-alpha.50](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.49...v1.0.0-alpha.50) (2022-04-04)
+
+## [1.0.0-alpha.49](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.48...v1.0.0-alpha.49) (2022-04-04)
+
+
+### :bug: Bug Fix
+
+* lit@2.2.1 ([6707752](https://github.com/hatiolab/operato/commit/6707752907d24f7ecbe248cba18a4b18cfda282f))
+
+## [1.0.0-alpha.48](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.47...v1.0.0-alpha.48) (2022-04-03)
+
+
+### :rocket: New Features
+
+* support copy and paste in data-grid ([9dd686f](https://github.com/hatiolab/operato/commit/9dd686f6817500863a1c36140ef01b39fcafef9f))
+
+## [1.0.0-alpha.47](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.46...v1.0.0-alpha.47) (2022-04-02)
+
+## [1.0.0-alpha.46](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.45...v1.0.0-alpha.46) (2022-04-02)
+
+## [1.0.0-alpha.45](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.44...v1.0.0-alpha.45) (2022-03-31)
+
+## [1.0.0-alpha.44](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.43...v1.0.0-alpha.44) (2022-03-31)
+
+## [1.0.0-alpha.43](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.42...v1.0.0-alpha.43) (2022-03-30)
+
+## [1.0.0-alpha.42](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.41...v1.0.0-alpha.42) (2022-03-29)
+
+## [1.0.0-alpha.41](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.40...v1.0.0-alpha.41) (2022-03-27)
+
+## [1.0.0-alpha.40](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.39...v1.0.0-alpha.40) (2022-03-26)
+
+## [1.0.0-alpha.39](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.38...v1.0.0-alpha.39) (2022-03-25)
+
+## [1.0.0-alpha.38](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.37...v1.0.0-alpha.38) (2022-03-25)
+
+## [1.0.0-alpha.37](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.36...v1.0.0-alpha.37) (2022-03-25)
+
+## [1.0.0-alpha.36](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.35...v1.0.0-alpha.36) (2022-03-21)
+
+## [1.0.0-alpha.35](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.34...v1.0.0-alpha.35) (2022-03-21)
+
+## [1.0.0-alpha.34](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.33...v1.0.0-alpha.34) (2022-03-20)
+
+## [1.0.0-alpha.33](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.32...v1.0.0-alpha.33) (2022-03-19)
+
+## [1.0.0-alpha.32](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.31...v1.0.0-alpha.32) (2022-03-19)
+
+## [1.0.0-alpha.31](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.30...v1.0.0-alpha.31) (2022-03-19)
+
+## [1.0.0-alpha.30](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.29...v1.0.0-alpha.30) (2022-03-18)
+
+
+### :bug: Bug Fix
+
+* ox-search-form ([00b6dbd](https://github.com/hatiolab/operato/commit/00b6dbd7238ea3bf4738646d55fa990b216ae158))
+
+## [1.0.0-alpha.29](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.28...v1.0.0-alpha.29) (2022-03-17)
+
+## [1.0.0-alpha.28](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.26...v1.0.0-alpha.28) (2022-03-17)
+
+## [1.0.0-alpha.26](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.25...v1.0.0-alpha.26) (2022-03-17)
+
+## [1.0.0-alpha.25](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.24...v1.0.0-alpha.25) (2022-03-17)
+
+
+### :bug: Bug Fix
+
+* typo ([907aceb](https://github.com/hatiolab/operato/commit/907acebaf882613991bce064efea435c2d148543))
+
+## [1.0.0-alpha.24](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.23...v1.0.0-alpha.24) (2022-03-17)
+
+## [1.0.0-alpha.23](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.22...v1.0.0-alpha.23) (2022-03-17)
+
+## [1.0.0-alpha.22](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.21...v1.0.0-alpha.22) (2022-03-17)
+
+## [1.0.0-alpha.21](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.20...v1.0.0-alpha.21) (2022-03-16)
+
+## [1.0.0-alpha.20](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.19...v1.0.0-alpha.20) (2022-03-15)
+
+## [1.0.0-alpha.19](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.18...v1.0.0-alpha.19) (2022-03-14)
+
+## [1.0.0-alpha.18](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.17...v1.0.0-alpha.18) (2022-03-14)
+
+## [1.0.0-alpha.17](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.16...v1.0.0-alpha.17) (2022-03-13)
+
+## [1.0.0-alpha.16](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.15...v1.0.0-alpha.16) (2022-03-13)
+
+## [1.0.0-alpha.15](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.14...v1.0.0-alpha.15) (2022-03-13)
+
+## [1.0.0-alpha.14](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.13...v1.0.0-alpha.14) (2022-03-13)
+
+## [1.0.0-alpha.13](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.12...v1.0.0-alpha.13) (2022-03-13)
+
+## [1.0.0-alpha.12](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.11...v1.0.0-alpha.12) (2022-03-13)
+
+## [1.0.0-alpha.11](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.10...v1.0.0-alpha.11) (2022-03-12)
+
+## [1.0.0-alpha.10](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.9...v1.0.0-alpha.10) (2022-03-12)
+
+## [1.0.0-alpha.9](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.8...v1.0.0-alpha.9) (2022-03-12)
+
+## [1.0.0-alpha.8](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.7...v1.0.0-alpha.8) (2022-03-11)
+
+## [1.0.0-alpha.7](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.6...v1.0.0-alpha.7) (2022-03-11)
+
+## [1.0.0-alpha.6](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.5...v1.0.0-alpha.6) (2022-03-11)
+
+## [1.0.0-alpha.5](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.4...v1.0.0-alpha.5) (2022-03-11)
+
+## [1.0.0-alpha.4](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.3...v1.0.0-alpha.4) (2022-03-11)
+
+## [1.0.0-alpha.3](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.2...v1.0.0-alpha.3) (2022-03-10)
+
+## [1.0.0-alpha.2](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.1...v1.0.0-alpha.2) (2022-03-10)
+
+## [1.0.0-alpha.1](https://github.com/hatiolab/operato/compare/v0.4.3...v1.0.0-alpha.1) (2022-03-09)
+
+
+### :rocket: New Features
+
+* 1.0-alpha ([42f87cf](https://github.com/hatiolab/operato/commit/42f87cf6a3cef0381db91ecb1179e63c64c01370))
+
+
+
 ## [1.0.0-beta.5](https://github.com/hatiolab/operato/compare/v1.0.0-beta.4...v1.0.0-beta.5) (2022-04-18)
 
 **Note:** Version bump only for package @operato/form

package/demo/index.html

@@ -2,6 +2,8 @@
 <html lang="en-GB">
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
     <style>
       body {
         background: #fafafa;
@@ -17,6 +19,9 @@
     </style>
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
+
+    <link href="/themes/app-theme.css" rel="stylesheet" />
+    <link href="/themes/form-theme.css" rel="stylesheet" />
   </head>
   <body>
     <div id="demo"></div>
@@ -24,10 +29,71 @@
     <script type="module">
       import { html, render } from 'lit'
       import '@material/mwc-icon'
+      import '../dist/src/filters/ox-filters-form-base.js'
+
+      const form = document.querySelector('#demo')
 
-      const parent = document.querySelector('#demo')
+      const filters = [
+        {
+          name: 'test',
+          type: 'string',
+          label: 'name',
+          operator: 'eq'
+        },
+        {
+          name: 'active',
+          type: 'boolean',
+          label: 'active',
+          operator: 'eq'
+        },
+        {
+          name: 'sss',
+          type: 'select',
+          label: 'sss',
+          operator: 'eq',
+          options: () => {
+            return [
+              {
+                display: '',
+                value: ''
+              },
+              {
+                display: 'ABC',
+                value: 'ABC'
+              },
+              {
+                display: 'DEF',
+                value: 'DEF'
+              }
+            ]
+          }
+        },
+        {
+          name: 'range',
+          type: 'number',
+          label: 'range',
+          operator: 'between'
+        },
+        {
+          name: 'date-range',
+          type: 'datetime',
+          label: 'date',
+          operator: 'between'
+        }
+      ]
 
-      render(html``, parent)
+      render(
+        html`
+          <ox-filters-form-base
+            .filters=${filters}
+            @filters-change=${e => {
+              console.log('filters changed', e.detail)
+            }}
+            url-params-sensitive
+          ></ox-filters-form-base>
+        `,
+        form
+      )
     </script>
   </body>
 </html>

package/dist/src/components/ox-search-form.d.ts

@@ -27,7 +27,9 @@ export declare class SearchForm extends LitElement {
         };
     }[];
     hideSearchButton: boolean;
+    autofocus: boolean;
     form: HTMLFormElement;
+    autofocused?: HTMLInputElement;
     formFields: ((HTMLInputElement | HTMLSelectElement) & {
         field: string;
         _value: any;

package/dist/src/components/ox-search-form.js

@@ -2,17 +2,19 @@ import { __decorate } from "tslib";
 import '@material/mwc-icon';
 import './ox-custom-input.js';
 import './ox-custom-select.js';
-import { LitElement, css, html } from 'lit';
-import { buildArgs, client } from '@operato/graphql';
+import gql from 'graphql-tag';
+import { css, html, LitElement } from 'lit';
 import { customElement, property, query, queryAll } from 'lit/decorators.js';
+import { buildArgs, client } from '@operato/graphql';
 import { SearchFormStyles } from '../styles/search-form-styles.js';
-import gql from 'graphql-tag';
 let SearchForm = class SearchForm extends LitElement {
     constructor() {
         super(...arguments);
         this.hideSearchButton = false;
+        this.autofocus = false;
     }
     render() {
+        var autofocusConsumed = 0;
         return html `
       <form
         class="search-form"
@@ -76,6 +78,7 @@ let SearchForm = class SearchForm extends LitElement {
                     .field=${field.field}
                     .queryName=${field.queryName}
                     ?hidden=${field.hidden}
+                    ?autofocus=${!field.hidden && 0 === autofocusConsumed++}
                   />
                 `
                     : html `
@@ -84,8 +87,9 @@ let SearchForm = class SearchForm extends LitElement {
                     .type=${field.type}
                     .value=${field.value || ''}
                     .name=${field.name}
-                    ?hidden=${field.hidden}
                     .placeholder=${field.placeholder || ''}
+                    ?hidden=${field.hidden}
+                    ?autofocus=${!field.hidden && 0 === autofocusConsumed++}
                   />
                 `}
           `)}
@@ -96,6 +100,7 @@ let SearchForm = class SearchForm extends LitElement {
     `;
     }
     async updated(changes) {
+        var _a;
         if (changes.has('fields')) {
             this._checkInputValidity();
             var formFields = Array.from(this.formFields);
@@ -126,6 +131,10 @@ let SearchForm = class SearchForm extends LitElement {
                         }
                     }
                 });
+            if (this.autofocus) {
+                await this.requestUpdate();
+                (_a = this.autofocused) === null || _a === void 0 ? void 0 : _a.focus();
+            }
         }
     }
     _checkInputValidity() {
@@ -267,9 +276,15 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], SearchForm.prototype, "hideSearchButton", void 0);
+__decorate([
+    property({ type: Boolean, attribute: true })
+], SearchForm.prototype, "autofocus", void 0);
 __decorate([
     query('form')
 ], SearchForm.prototype, "form", void 0);
+__decorate([
+    query('input[autofocus]')
+], SearchForm.prototype, "autofocused", void 0);
 __decorate([
     queryAll('input, select')
 ], SearchForm.prototype, "formFields", void 0);