@operato/input 0.3.17 → 0.3.21

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.
Files changed (46) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/demo/index-image.html +5 -0
  3. package/demo/index.html +10 -12
  4. package/dist/src/locale/locale-codes.d.ts +13 -0
  5. package/dist/src/locale/locale-codes.js +16 -0
  6. package/dist/src/locale/locale-codes.js.map +1 -0
  7. package/dist/src/locale/locale-picker.d.ts +5 -0
  8. package/dist/src/locale/locale-picker.js +39 -0
  9. package/dist/src/locale/locale-picker.js.map +1 -0
  10. package/dist/src/locale/localization.d.ts +6 -0
  11. package/dist/src/locale/localization.js +13 -0
  12. package/dist/src/locale/localization.js.map +1 -0
  13. package/dist/src/locales/en.d.ts +9 -0
  14. package/dist/src/locales/en.js +14 -0
  15. package/dist/src/locales/en.js.map +1 -0
  16. package/dist/src/locales/ko.d.ts +9 -0
  17. package/dist/src/locales/ko.js +14 -0
  18. package/dist/src/locales/ko.js.map +1 -0
  19. package/dist/src/locales/ms.d.ts +9 -0
  20. package/dist/src/locales/ms.js +14 -0
  21. package/dist/src/locales/ms.js.map +1 -0
  22. package/dist/src/locales/zh.d.ts +9 -0
  23. package/dist/src/locales/zh.js +14 -0
  24. package/dist/src/locales/zh.js.map +1 -0
  25. package/dist/src/ox-input-3dish.d.ts +0 -3
  26. package/dist/src/ox-input-3dish.js +10 -8
  27. package/dist/src/ox-input-3dish.js.map +1 -1
  28. package/dist/src/ox-input-search.d.ts +13 -0
  29. package/dist/src/ox-input-search.js +72 -0
  30. package/dist/src/ox-input-search.js.map +1 -0
  31. package/dist/tsconfig.tsbuildinfo +1 -1
  32. package/lit-localize.json +14 -0
  33. package/package.json +10 -7
  34. package/src/locale/locale-codes.ts +18 -0
  35. package/src/locale/locale-picker.ts +43 -0
  36. package/src/locale/localization.ts +15 -0
  37. package/src/locales/en.ts +20 -0
  38. package/src/locales/ko.ts +20 -0
  39. package/src/locales/ms.ts +20 -0
  40. package/src/locales/zh.ts +20 -0
  41. package/src/ox-input-3dish.ts +10 -8
  42. package/src/ox-input-search.ts +75 -0
  43. package/xliff/en.xlf +28 -0
  44. package/xliff/ko.xlf +35 -0
  45. package/xliff/ms.xlf +28 -0
  46. package/xliff/zh.xlf +28 -0
@@ -0,0 +1,75 @@
1
+ /**
2
+ * @license Copyright © HatioLab Inc. All rights reserved.
3
+ */
4
+
5
+ import '@material/mwc-icon'
6
+
7
+ import { css, html } from 'lit'
8
+ import { customElement, property, query } from 'lit/decorators.js'
9
+
10
+ import { OxFormField } from './ox-form-field'
11
+
12
+ @customElement('ox-input-search')
13
+ export class OxInputSearch extends OxFormField {
14
+ static styles = [
15
+ css`
16
+ :host {
17
+ flex: 1;
18
+
19
+ display: flex;
20
+ position: relative;
21
+ align-items: center;
22
+
23
+ --mdc-icon-size: 20px;
24
+ }
25
+
26
+ [type='text'] {
27
+ flex: 1;
28
+ background-color: transparent;
29
+ border: 0;
30
+ border-bottom: var(--border-dark-color);
31
+ padding: var(--padding-narrow) var(--padding-narrow) 7px 25px;
32
+ font-size: var(--fontsize-large);
33
+ outline: none;
34
+ }
35
+
36
+ mwc-icon {
37
+ position: absolute;
38
+ color: var(--secondary-color);
39
+ }
40
+ `
41
+ ]
42
+
43
+ @property({ type: String }) placeholder?: string
44
+
45
+ @query('input') input!: HTMLInputElement
46
+
47
+ render() {
48
+ return html`
49
+ <mwc-icon>search</mwc-icon>
50
+ <input
51
+ type="text"
52
+ .value=${this.value || ''}
53
+ .placeholder=${this.placeholder || ''}
54
+ @change=${(e: Event) => this._onChangeValue(e)}
55
+ />
56
+ `
57
+ }
58
+
59
+ firstUpdated() {
60
+ this.renderRoot.addEventListener('change', this._onChangeValue.bind(this))
61
+ }
62
+
63
+ _onChangeValue(e: Event) {
64
+ e.stopPropagation()
65
+ this.value = this.input.value
66
+
67
+ this.dispatchEvent(
68
+ new CustomEvent('change', {
69
+ bubbles: true,
70
+ composed: true,
71
+ detail: this.value
72
+ })
73
+ )
74
+ }
75
+ }
package/xliff/en.xlf ADDED
@@ -0,0 +1,28 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
3
+ <file target-language="en" source-language="en" original="lit-localize-inputs" datatype="plaintext">
4
+ <body>
5
+ <trans-unit id="sf9b52aece5aed0f7">
6
+ <source>x-axes</source>
7
+ </trans-unit>
8
+ <trans-unit id="s9f41d726ecec72c2">
9
+ <source>y-axes</source>
10
+ </trans-unit>
11
+ <trans-unit id="s31be7a0b4a5853dd">
12
+ <source>z-axes</source>
13
+ </trans-unit>
14
+ <trans-unit id="sd793f87f18747a63">
15
+ <source>dimension</source>
16
+ </trans-unit>
17
+ <trans-unit id="sf95fdd7da4fc2295">
18
+ <source>translate</source>
19
+ </trans-unit>
20
+ <trans-unit id="s6aacb9fbb71a1d91">
21
+ <source>scale</source>
22
+ </trans-unit>
23
+ <trans-unit id="s075cb2f53173bd8a">
24
+ <source>rotate</source>
25
+ </trans-unit>
26
+ </body>
27
+ </file>
28
+ </xliff>
package/xliff/ko.xlf ADDED
@@ -0,0 +1,35 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
3
+ <file target-language="ko" source-language="en" original="lit-localize-inputs" datatype="plaintext">
4
+ <body>
5
+ <trans-unit id="sf9b52aece5aed0f7">
6
+ <source>x-axes</source>
7
+ <target>x 축</target>
8
+ </trans-unit>
9
+ <trans-unit id="s9f41d726ecec72c2">
10
+ <source>y-axes</source>
11
+ <target>y 축</target>
12
+ </trans-unit>
13
+ <trans-unit id="s31be7a0b4a5853dd">
14
+ <source>z-axes</source>
15
+ <target>z 축</target>
16
+ </trans-unit>
17
+ <trans-unit id="sd793f87f18747a63">
18
+ <source>dimension</source>
19
+ <target>체적</target>
20
+ </trans-unit>
21
+ <trans-unit id="sf95fdd7da4fc2295">
22
+ <source>translate</source>
23
+ <target>변환</target>
24
+ </trans-unit>
25
+ <trans-unit id="s6aacb9fbb71a1d91">
26
+ <source>scale</source>
27
+ <target>스케일</target>
28
+ </trans-unit>
29
+ <trans-unit id="s075cb2f53173bd8a">
30
+ <source>rotate</source>
31
+ <target>회전</target>
32
+ </trans-unit>
33
+ </body>
34
+ </file>
35
+ </xliff>
package/xliff/ms.xlf ADDED
@@ -0,0 +1,28 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
3
+ <file target-language="ms" source-language="en" original="lit-localize-inputs" datatype="plaintext">
4
+ <body>
5
+ <trans-unit id="sf9b52aece5aed0f7">
6
+ <source>x-axes</source>
7
+ </trans-unit>
8
+ <trans-unit id="s9f41d726ecec72c2">
9
+ <source>y-axes</source>
10
+ </trans-unit>
11
+ <trans-unit id="s31be7a0b4a5853dd">
12
+ <source>z-axes</source>
13
+ </trans-unit>
14
+ <trans-unit id="sd793f87f18747a63">
15
+ <source>dimension</source>
16
+ </trans-unit>
17
+ <trans-unit id="sf95fdd7da4fc2295">
18
+ <source>translate</source>
19
+ </trans-unit>
20
+ <trans-unit id="s6aacb9fbb71a1d91">
21
+ <source>scale</source>
22
+ </trans-unit>
23
+ <trans-unit id="s075cb2f53173bd8a">
24
+ <source>rotate</source>
25
+ </trans-unit>
26
+ </body>
27
+ </file>
28
+ </xliff>
package/xliff/zh.xlf ADDED
@@ -0,0 +1,28 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
3
+ <file target-language="zh" source-language="en" original="lit-localize-inputs" datatype="plaintext">
4
+ <body>
5
+ <trans-unit id="sf9b52aece5aed0f7">
6
+ <source>x-axes</source>
7
+ </trans-unit>
8
+ <trans-unit id="s9f41d726ecec72c2">
9
+ <source>y-axes</source>
10
+ </trans-unit>
11
+ <trans-unit id="s31be7a0b4a5853dd">
12
+ <source>z-axes</source>
13
+ </trans-unit>
14
+ <trans-unit id="sd793f87f18747a63">
15
+ <source>dimension</source>
16
+ </trans-unit>
17
+ <trans-unit id="sf95fdd7da4fc2295">
18
+ <source>translate</source>
19
+ </trans-unit>
20
+ <trans-unit id="s6aacb9fbb71a1d91">
21
+ <source>scale</source>
22
+ </trans-unit>
23
+ <trans-unit id="s075cb2f53173bd8a">
24
+ <source>rotate</source>
25
+ </trans-unit>
26
+ </body>
27
+ </file>
28
+ </xliff>