@operato/input 1.0.0-alpha.5 → 1.0.0-alpha.50

package/CHANGELOG.md

@@ -3,6 +3,402 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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)
+
+
+### :rocket: New Features
+
+* settled concept for input, property-editor, grist-editor, so on ([0c9e1d0](https://github.com/hatiolab/operato/commit/0c9e1d054c7aef5d965868242cf471667af7a3c3))
+
+
+
+## [1.0.0-alpha.8](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.7...v1.0.0-alpha.8) (2022-03-11)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.7](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.6...v1.0.0-alpha.7) (2022-03-11)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
+## [1.0.0-alpha.6](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.5...v1.0.0-alpha.6) (2022-03-11)
+
+**Note:** Version bump only for package @operato/input
+
+
+
+
+
 ## [1.0.0-alpha.5](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.4...v1.0.0-alpha.5) (2022-03-11)
 
 

package/README.md

@@ -1,21 +1,25 @@
-# \<property-editor>
+# @operato/input module
 
-This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.
+이 모듈에는 디펜던시가 최소화된 입력용 컴포넌트들을 포함한다.
+
+각 컴포넌트는 OxFormField 를 상속함으로써 폼의 입력 엘리먼트로 동작할 수 있다.
 
 ## Installation
 
 ```bash
-npm i property-editor
+npm i @operato/input
 ```
 
 ## Usage
 
 ```html
 <script type="module">
-  import 'property-editor/property-editor.js';
+  import '@operato/input/ox-input-angle.js'
 </script>
 
-<property-editor></property-editor>
+<form>
+  <ox-input-angle name="angle"></ox-input-angle>
+</form>
 ```
 
 ## Linting and formatting
@@ -60,7 +64,6 @@ To build a production version of Storybook, run
 npm run storybook:build
 ```
 
-
 ## Tooling configs
 
 For most of the tools, the configuration is in the `package.json` to reduce the amount of files in your project.

package/demo/index-color-gradient.html

@@ -0,0 +1,35 @@
+<!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>
+  </head>
+  <body>
+    <form id="demo"></form>
+
+    <script type="module">
+      import { html, render } from 'lit'
+      import '../dist/src/ox-input-color-gradient.js'
+
+      const form = document.querySelector('#demo')
+      render(
+        html`
+          <ox-input-color-gradient
+            name="color-gradient-solid"
+            type="solid"
+            @change=${e => {
+              console.log(e.target.value)
+              console.log('form value', new FormData(form).get('color-gradient-solid'))
+            }}
+          ></ox-input-color-gradient>
+        `,
+        form
+      )
+    </script>
+  </body>
+</html>

package/demo/index-color-stops.html

@@ -0,0 +1,62 @@
+<!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>
+  </head>
+  <body>
+    <form id="demo"></form>
+
+    <script type="module">
+      import { html, render } from 'lit'
+      import '../dist/src/ox-input-color-stops.js'
+
+      const value = [
+        {
+          position: 0,
+          color: 'white'
+        },
+        {
+          position: 0.5,
+          color: 'green'
+        },
+        {
+          position: 1,
+          color: 'white'
+        }
+      ]
+
+      const form = document.querySelector('#demo')
+      render(
+        html`
+          <ox-input-color-stops
+            name="color-stops-solid"
+            type="solid"
+            min="0"
+            max="100"
+            @change=${e => {
+              console.log(e.target.value)
+              console.log('form value', new FormData(form).get('color-stops-solid'))
+            }}
+          ></ox-input-color-stops>
+
+          <ox-input-color-stops
+            name="color-stops-gradient"
+            .value=${value}
+            type="gradient"
+            @change=${e => {
+              console.log(e.target.value)
+              console.log('form value', new FormData(form).get('color-stops-gradient'))
+            }}
+          ></ox-input-color-stops>
+        `,
+        form
+      )
+    </script>
+  </body>
+</html>

package/demo/index-color.html

@@ -0,0 +1,35 @@
+<!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>
+  </head>
+  <body>
+    <form id="demo"></form>
+
+    <script type="module">
+      import { html, render } from 'lit'
+      import '../dist/src/ox-input-color.js'
+
+      const form = document.querySelector('#demo')
+      render(
+        html`
+          <ox-input-color
+            value="navy"
+            name="color"
+            @change=${e => {
+              console.log(e.target.value)
+              console.log('form value', new FormData(form).get('color'))
+            }}
+          ></ox-input-color>
+        `,
+        form
+      )
+    </script>
+  </body>
+</html>

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-multiple-colors.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>
+  </head>
+  <body>
+    <form id="demo"></form>
+
+    <script type="module">
+      import { html, render } from 'lit'
+      import '../dist/src/ox-input-multiple-colors.js'
+
+      const form = document.querySelector('#demo')
+
+      const value = ['yello', 'white']
+      render(
+        html`
+          <ox-input-multiple-colors
+            name="multiple-colors"
+            .value=${value}
+            @change=${e => {
+              console.log(e.target.value)
+              console.log('form value', new FormData(form).get('multiple-colors'))
+            }}
+          ></ox-input-multiple-colors>
+        `,
+        form
+      )
+    </script>
+  </body>
+</html>