@operato/input 1.0.0-alpha.9 → 1.0.0-beta.0

package/CHANGELOG.md

@@ -3,6 +3,401 @@
 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.0](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.53...v1.0.0-beta.0) (2022-04-10)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.53](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.52...v1.0.0-alpha.53) (2022-04-08)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.52](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.51...v1.0.0-alpha.52) (2022-04-08)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.51](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.50...v1.0.0-alpha.51) (2022-04-05)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.50](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.49...v1.0.0-alpha.50) (2022-04-04)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [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))
+
+
+### :rocket: New Features
+
+* translation crontab for ox-grist-renderer-crontab ([c13d6ef](https://github.com/hatiolab/operato/commit/c13d6efab9ff02ceb4b4d244455a480070a80a3e))
+
+
+
+## [1.0.0-alpha.48](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.47...v1.0.0-alpha.48) (2022-04-03)
+
+
+### :bug: Bug Fix
+
+* event handling for clicking magnify icon in filters-form - fetch data forcely ([cc17a05](https://github.com/hatiolab/operato/commit/cc17a056807a6e5018ee89d1f6be91e463671bac))
+
+
+### :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)
+
+
+### :bug: Bug Fix
+
+* ox-input-work-shift bug ([0a7ae96](https://github.com/hatiolab/operato/commit/0a7ae96e404eb6c846291075e12ac7fcfb9f88f9))
+* ox-input-work-shift header ([816dbd0](https://github.com/hatiolab/operato/commit/816dbd06e53a44a29413e7605431ad62f2090a43))
+
+
+
+## [1.0.0-alpha.46](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.45...v1.0.0-alpha.46) (2022-04-02)
+
+
+### :rocket: New Features
+
+* add ox-input-work-shift ([f5c78e7](https://github.com/hatiolab/operato/commit/f5c78e7e9bfcbc456e9da269d069f843ee3e043c))
+
+
+
+## [1.0.0-alpha.45](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.44...v1.0.0-alpha.45) (2022-03-31)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.44](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.43...v1.0.0-alpha.44) (2022-03-31)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.43](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.42...v1.0.0-alpha.43) (2022-03-30)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.42](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.41...v1.0.0-alpha.42) (2022-03-29)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.41](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.40...v1.0.0-alpha.41) (2022-03-27)
+
+
+### :rocket: New Features
+
+* grid-header filter integrated with filters-form ([ebecb71](https://github.com/hatiolab/operato/commit/ebecb71133d38bb8358909660319de6cb5b45d7d))
+
+
+
+## [1.0.0-alpha.40](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.39...v1.0.0-alpha.40) (2022-03-26)
+
+
+### :bug: Bug Fix
+
+* ox-select label ([7f4a208](https://github.com/hatiolab/operato/commit/7f4a208d4ebadf459c48331774c88e68a72ae90d))
+
+
+
+## [1.0.0-alpha.39](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.38...v1.0.0-alpha.39) (2022-03-25)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.38](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.37...v1.0.0-alpha.38) (2022-03-25)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.37](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.36...v1.0.0-alpha.37) (2022-03-25)
+
+
+### :bug: Bug Fix
+
+* ox-input-partition-keys ([65883a3](https://github.com/hatiolab/operato/commit/65883a3a8419390c8cd7eb37177fe1b3e0530e1a))
+
+
+
+## [1.0.0-alpha.36](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.35...v1.0.0-alpha.36) (2022-03-21)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.35](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.34...v1.0.0-alpha.35) (2022-03-21)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.34](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.33...v1.0.0-alpha.34) (2022-03-20)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.33](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.32...v1.0.0-alpha.33) (2022-03-19)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.32](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.31...v1.0.0-alpha.32) (2022-03-19)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.31](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.30...v1.0.0-alpha.31) (2022-03-19)
+
+
+### :bug: Bug Fix
+
+* partition-keys related ui components ([c21b4d2](https://github.com/hatiolab/operato/commit/c21b4d292ca4a6d6b4bf774a570dbabd349528fc))
+
+
+
+## [1.0.0-alpha.30](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.29...v1.0.0-alpha.30) (2022-03-18)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.29](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.28...v1.0.0-alpha.29) (2022-03-17)
+
+
+### :bug: Bug Fix
+
+* datalist in ox-input-partition-keys ([a25e3a6](https://github.com/hatiolab/operato/commit/a25e3a66cf5f7a25bca057be90ef336b29e915a7))
+
+
+
+## [1.0.0-alpha.28](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.26...v1.0.0-alpha.28) (2022-03-17)
+
+
+### :rocket: New Features
+
+* add ox-grist-editor for partition-keys ([7672a27](https://github.com/hatiolab/operato/commit/7672a2729f78475602733a83779f6a7a96e128fd))
+
+
+
+## [1.0.0-alpha.27](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.26...v1.0.0-alpha.27) (2022-03-17)
+
+
+### :rocket: New Features
+
+* add ox-grist-editor for partition-keys ([7672a27](https://github.com/hatiolab/operato/commit/7672a2729f78475602733a83779f6a7a96e128fd))
+
+
+
+## [1.0.0-alpha.26](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.25...v1.0.0-alpha.26) (2022-03-17)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.25](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.24...v1.0.0-alpha.25) (2022-03-17)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.24](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.23...v1.0.0-alpha.24) (2022-03-17)
+
+
+### :bug: Bug Fix
+
+* refactoring grist-editor, property-editor and input ([ea7431a](https://github.com/hatiolab/operato/commit/ea7431a5e2dfd96ef392c1905e9622df7c2ef88c))
+
+
+
+## [1.0.0-alpha.23](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.22...v1.0.0-alpha.23) (2022-03-17)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.22](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.21...v1.0.0-alpha.22) (2022-03-17)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.21](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.20...v1.0.0-alpha.21) (2022-03-16)
+
+
+### :rocket: New Features
+
+* @operato/ccp module added ([f08ba5a](https://github.com/hatiolab/operato/commit/f08ba5a464c04b7fb132c6f18de975997087846a))
+* add ccp module ([cbea635](https://github.com/hatiolab/operato/commit/cbea635d5f638d49fc99d68cc1727ac3e06ddf22))
+
+
+### :bug: Bug Fix
+
+* add missing exporting ([844d9e7](https://github.com/hatiolab/operato/commit/844d9e7331c2e966eb7a5351a8755b7f1e599e3e))
+* demo ([6fa3eac](https://github.com/hatiolab/operato/commit/6fa3eac612bd98ce25e3ef6d8ce89527d7152fb4))
+
+
+
+## [1.0.0-alpha.20](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.19...v1.0.0-alpha.20) (2022-03-15)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.19](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.18...v1.0.0-alpha.19) (2022-03-14)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.18](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.17...v1.0.0-alpha.18) (2022-03-14)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.17](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.16...v1.0.0-alpha.17) (2022-03-13)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.16](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.15...v1.0.0-alpha.16) (2022-03-13)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.15](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.14...v1.0.0-alpha.15) (2022-03-13)
+
+
+### :rocket: New Features
+
+* migrate input, property-editor from things-factory ([dbd5e73](https://github.com/hatiolab/operato/commit/dbd5e73eac328e72c4bb7abd113a819532bc894d))
+
+
+
+## [1.0.0-alpha.14](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.13...v1.0.0-alpha.14) (2022-03-13)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.13](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.12...v1.0.0-alpha.13) (2022-03-13)
+
+
+### :bug: Bug Fix
+
+* typos ([71447fa](https://github.com/hatiolab/operato/commit/71447fa2dfb52c5e45909baac735c2e195856256))
+
+
+
+## [1.0.0-alpha.12](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.11...v1.0.0-alpha.12) (2022-03-13)
+
+
+### :rocket: New Features
+
+* migrate input, property-editor from things-factory ([4800d85](https://github.com/hatiolab/operato/commit/4800d859473bf623325233a7f2af851e5d093dcb))
+
+
+
+## [1.0.0-alpha.11](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.10...v1.0.0-alpha.11) (2022-03-12)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.10](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.9...v1.0.0-alpha.10) (2022-03-12)
+
+
+### :bug: Bug Fix
+
+* style ([89ba680](https://github.com/hatiolab/operato/commit/89ba68072c3141b6bbcad3378cc6980670ef4198))
+
+
+
 ## [1.0.0-alpha.9](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.8...v1.0.0-alpha.9) (2022-03-12)
 
 

package/demo/index-crontab.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+  <head>
+    <meta charset="utf-8" />
+    <style>
+      body {
+        background: #fafafa;
+      }
+    </style>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.3.2/web-animations-next-lite.min.js"></script>
+    <script src="https://unpkg.com/cronstrue@latest/dist/cronstrue.min.js" async></script>
+  </head>
+  <body>
+    <form id="demo"></form>
+
+    <script type="module">
+      import { html, render } from 'lit'
+      import '../dist/src/ox-input-crontab.js'
+
+      const form = document.querySelector('#demo')
+
+      render(
+        html`
+          <ox-input-crontab
+            value="* * * * * *"
+            name="crontab"
+            @change=${e => {
+              console.log(e.target.value)
+              console.log('form value', new FormData(form).get('crontab'))
+            }}
+          ></ox-input-crontab>
+        `,
+        form
+      )
+    </script>
+  </body>
+</html>

package/demo/index-partition-keys.html

@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+  <head>
+    <meta charset="utf-8" />
+    <style>
+      body {
+        background: #fafafa;
+      }
+    </style>
+  </head>
+  <body>
+    <form id="demo"></form>
+
+    <script type="module">
+      import { html, render } from 'lit'
+      import '../dist/src/ox-input-partition-keys.js'
+
+      const form = document.querySelector('#demo')
+
+      const value1 = {
+        A: 'A',
+        B: 'B',
+        C: 'C'
+      }
+
+      const value2 = {
+        A: true,
+        B: false,
+        C: true
+      }
+
+      const value3 = {
+        A: 'red',
+        B: 'yellow',
+        C: 'blue'
+      }
+
+      render(
+        html`
+          <ox-input-partition-keys
+            name="partition-keys1"
+            .value=${value1}
+            @change=${e => {
+              console.log(e.target.value)
+              console.log('form value', new FormData(form).get('partition-keys1'))
+            }}
+          ></ox-input-partition-keys>
+
+          <ox-input-partition-keys
+            name="partition-keys2"
+            .value=${value2}
+            @change=${e => {
+              console.log(e.target.value)
+              console.log('form value', new FormData(form).get('partition-keys2'))
+            }}
+          ></ox-input-partition-keys>
+
+          <ox-input-partition-keys
+            name="partition-keys3"
+            .value=${value3}
+            @change=${e => {
+              console.log(e.target.value)
+              console.log('form value', new FormData(form).get('partition-keys3'))
+            }}
+          ></ox-input-partition-keys>
+        `,
+        form
+      )
+    </script>
+  </body>
+</html>

package/demo/index-select.html

@@ -57,16 +57,19 @@
 
       render(
         html`
-          <ox-select name="single" @change=${onchanged} placeholder="single select">
+          <ox-select name="single" @change=${onchanged} placeholder="single select" .value=${'C'}>
             <ox-popup-list align-left nowrap>
-              <div option value="A">A</div>
-              <div option value="B">B</div>
-              <div option value="C">C</div>
-              <div option value="TOO LONG VALUE">TOO LONG VALUE</div>
+              <div option value="A">LABEL-A</div>
+              <div option value="B">LABEL-B</div>
+              <div option value="C">LABEL-C</div>
+              <div option value="TOO LONG VALUE">LABEL-TOO LONG VALUE</div>
             </ox-popup-list>
           </ox-select>
           
-          <ox-select name="multiple" @change=${onchanged} placeholder="multiple select">
+          <ox-select name="multiple" @change=${onchanged} placeholder="multiple select" .value=${[
+          'B',
+          'TOO LONG VALUE'
+        ]}>
             <ox-popup-list multiple>
               <div option value="A">A</div>
               <div option value="B">B</div>
@@ -75,20 +78,24 @@
             </ox-popup-list>
           </ox-select>
 
-          <ox-select name="multiple with checkbox" @change=${onchanged} placeholder="multiple with checkbox">
+          <ox-select name="multiple with checkbox" @change=${onchanged} placeholder="multiple with checkbox" .value=${[
+          'B',
+          'C',
+          'F'
+        ]}>
             <ox-popup-list attr-selected="checked" multiple with-search>
               <ox-checkbox option @change=${e => {
                 const options = e.target.parentElement.querySelectorAll('[option]')
                 console.log(options)
                 options.forEach(option => (option.checked = e.target.checked))
               }}>set all</ox-checkbox>
-              <ox-checkbox option value="A">A</ox-checkbox>
-              <ox-checkbox option value="B">B</ox-checkbox>
-              <ox-checkbox option value="C"checked >C</ox-checkbox>
-              <ox-checkbox option value="D">D</ox-checkbox>
-              <ox-checkbox option value="E">E</ox-checkbox>
-              <ox-checkbox option value="F">F</ox-checkbox>
-              <ox-checkbox option value="G">G</ox-checkbox>
+              <ox-checkbox option value="A">LABEL-A</ox-checkbox>
+              <ox-checkbox option value="B">LABEL-B</ox-checkbox>
+              <ox-checkbox option value="C" checked>LABEL-C</ox-checkbox>
+              <ox-checkbox option value="D">LABEL-D</ox-checkbox>
+              <ox-checkbox option value="E">LABEL-E</ox-checkbox>
+              <ox-checkbox option value="F">LABEL-F</ox-checkbox>
+              <ox-checkbox option value="G">LABEL-G</ox-checkbox>
               <ox-checkbox option value="TOO LONG VALUE">TOO LONG VALUE</ox-checkbox>
             </ox-popup-list>
           </ox-select>

package/demo/index-table.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+  <head>
+    <meta charset="utf-8" />
+    <style>
+      body {
+        background: #fafafa;
+      }
+    </style>
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.3.2/web-animations-next-lite.min.js"></script>
+
+    <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" />
+  </head>
+  <body>
+    <form id="demo"></form>
+
+    <script type="module">
+      import { html, render } from 'lit'
+      import '../dist/src/ox-input-table.js'
+
+      const form = document.querySelector('#demo')
+
+      render(
+        html`
+          <ox-input-table
+            name="table"
+            @change=${e => {
+              console.log(e.target.value)
+              console.log('form value', new FormData(form).get('table'))
+            }}
+          ></ox-input-table>
+        `,
+        form
+      )
+    </script>
+  </body>
+</html>

package/demo/index-value-map.html

@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+  <head>
+    <meta charset="utf-8" />
+    <style>
+      body {
+        background: #fafafa;
+      }
+    </style>
+  </head>
+  <body>
+    <form id="demo"></form>
+
+    <script type="module">
+      import { html, render } from 'lit'
+      import '../dist/src/ox-input-value-map.js'
+
+      const form = document.querySelector('#demo')
+
+      const value1 = {
+        A: 'A',
+        B: 'B',
+        C: 'C',
+        default: 'B'
+      }
+
+      const value2 = {
+        A: true,
+        B: false,
+        C: true,
+        default: true
+      }
+
+      const value3 = {
+        A: 'red',
+        B: 'yellow',
+        C: 'blue',
+        default: 'yellow'
+      }
+
+      render(
+        html`
+          <ox-input-value-map
+            name="value-map1"
+            valuetype="string"
+            keytype="string"
+            .value=${value1}
+            @change=${e => {
+              console.log(e.target.value)
+              console.log('form value', new FormData(form).get('value-map1'))
+            }}
+          ></ox-input-value-map>
+
+          <ox-input-value-map
+            name="value-map2"
+            valuetype="boolean"
+            keytype="string"
+            .value=${value2}
+            @change=${e => {
+              console.log(e.target.value)
+              console.log('form value', new FormData(form).get('value-map2'))
+            }}
+          ></ox-input-value-map>
+
+          <ox-input-value-map
+            name="value-map3"
+            valuetype="color"
+            keytype="string"
+            .value=${value3}
+            @change=${e => {
+              console.log(e.target.value)
+              console.log('form value', new FormData(form).get('value-map3'))
+            }}
+          ></ox-input-value-map>
+        `,
+        form
+      )
+    </script>
+  </body>
+</html>