@operato/input 1.1.84 → 1.2.3
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/CHANGELOG.md +17 -0
- package/dist/src/locales/en.d.ts +1 -1
- package/dist/src/locales/en.js +17 -17
- package/dist/src/locales/en.js.map +1 -1
- package/dist/src/locales/ko.d.ts +3 -3
- package/dist/src/locales/ko.js +17 -17
- package/dist/src/locales/ko.js.map +1 -1
- package/dist/src/locales/ms.d.ts +1 -1
- package/dist/src/locales/ms.js +1 -1
- package/dist/src/locales/ms.js.map +1 -1
- package/dist/src/locales/zh.d.ts +1 -1
- package/dist/src/locales/zh.js +1 -1
- package/dist/src/locales/zh.js.map +1 -1
- package/dist/src/ox-input-3dish.d.ts +2 -1
- package/dist/src/ox-input-3dish.js +27 -20
- package/dist/src/ox-input-3dish.js.map +1 -1
- package/dist/src/ox-input-angle.js +6 -2
- package/dist/src/ox-input-angle.js.map +1 -1
- package/dist/stories/ox-input-angle.stories.d.ts +26 -0
- package/dist/stories/ox-input-angle.stories.js +37 -0
- package/dist/stories/ox-input-angle.stories.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +7 -7
- package/src/locales/en.ts +28 -23
- package/src/locales/ko.ts +28 -23
- package/src/locales/ms.ts +1 -1
- package/src/locales/zh.ts +1 -1
- package/src/ox-input-3dish.ts +28 -21
- package/src/ox-input-angle.ts +6 -2
- package/stories/ox-input-angle.stories.ts +51 -0
- package/xliff/en.xlf +9 -3
- package/xliff/ko.xlf +12 -4
- package/xliff/ms.xlf +9 -3
- package/xliff/zh.xlf +9 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,23 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
### [1.2.3](https://github.com/hatiolab/operato/compare/v1.2.2...v1.2.3) (2023-03-12)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @operato/input
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [1.2.0](https://github.com/hatiolab/operato/compare/v1.1.84...v1.2.0) (2023-03-06)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### :bug: Bug Fix
|
|
18
|
+
|
|
19
|
+
* merge scene core ([e286df8](https://github.com/hatiolab/operato/commit/e286df88c2eefed4cb4305c448e3ca90ab876437))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
6
23
|
### [1.1.84](https://github.com/hatiolab/operato/compare/v1.1.83...v1.1.84) (2023-02-01)
|
|
7
24
|
|
|
8
25
|
|
package/dist/src/locales/en.d.ts
CHANGED
package/dist/src/locales/en.js
CHANGED
|
@@ -3,22 +3,22 @@
|
|
|
3
3
|
/* eslint-disable no-irregular-whitespace */
|
|
4
4
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
5
5
|
export const templates = {
|
|
6
|
-
sf9b52aece5aed0f7: `x-axes`,
|
|
7
|
-
s9f41d726ecec72c2: `y-axes`,
|
|
8
|
-
s31be7a0b4a5853dd: `z-axes`,
|
|
9
|
-
sd793f87f18747a63: `dimension`,
|
|
10
|
-
|
|
11
|
-
s6aacb9fbb71a1d91: `scale`,
|
|
12
|
-
s075cb2f53173bd8a: `rotate`,
|
|
13
|
-
sb9874d345b5e590a: `tag duplicated`,
|
|
14
|
-
s5191b91c637d7da1: `special characters not allowed`,
|
|
15
|
-
sc4bcadba8e631b86: `name`,
|
|
16
|
-
s63c6e58ec805a9eb: `from date`,
|
|
17
|
-
sfcc01216c601ec9e: `from time`,
|
|
18
|
-
s685db98545dc9448: `to date`,
|
|
19
|
-
s77c8560cf63a372d: `to time`,
|
|
20
|
-
s42670fc325584e15: `The day before`,
|
|
21
|
-
s29ec9210c8a8222e: `The day`,
|
|
22
|
-
scff69aa7239287b0: `The day after
|
|
6
|
+
'sf9b52aece5aed0f7': `x-axes`,
|
|
7
|
+
's9f41d726ecec72c2': `y-axes`,
|
|
8
|
+
's31be7a0b4a5853dd': `z-axes`,
|
|
9
|
+
'sd793f87f18747a63': `dimension`,
|
|
10
|
+
's4cbf3a26fca1d74a': `position`,
|
|
11
|
+
's6aacb9fbb71a1d91': `scale`,
|
|
12
|
+
's075cb2f53173bd8a': `rotate`,
|
|
13
|
+
'sb9874d345b5e590a': `tag duplicated`,
|
|
14
|
+
's5191b91c637d7da1': `special characters not allowed`,
|
|
15
|
+
'sc4bcadba8e631b86': `name`,
|
|
16
|
+
's63c6e58ec805a9eb': `from date`,
|
|
17
|
+
'sfcc01216c601ec9e': `from time`,
|
|
18
|
+
's685db98545dc9448': `to date`,
|
|
19
|
+
's77c8560cf63a372d': `to time`,
|
|
20
|
+
's42670fc325584e15': `The day before`,
|
|
21
|
+
's29ec9210c8a8222e': `The day`,
|
|
22
|
+
'scff69aa7239287b0': `The day after`,
|
|
23
23
|
};
|
|
24
24
|
//# sourceMappingURL=en.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../src/locales/en.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../src/locales/en.ts"],"names":[],"mappings":"AACI,mCAAmC;AACnC,gDAAgD;AAKhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,mBAAmB,EAAE,QAAQ;IACnC,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,UAAU;IAC/B,mBAAmB,EAAE,OAAO;IAC5B,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,gCAAgC;IACrD,mBAAmB,EAAE,MAAM;IAC3B,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,eAAe;CAC/B,CAAC","sourcesContent":["\n // Do not modify this file by hand!\n // Re-generate this file by running lit-localize\n\n \n \n\n /* eslint-disable no-irregular-whitespace */\n /* eslint-disable @typescript-eslint/no-explicit-any */\n\n export const templates = {\n 'sf9b52aece5aed0f7': `x-axes`,\n's9f41d726ecec72c2': `y-axes`,\n's31be7a0b4a5853dd': `z-axes`,\n'sd793f87f18747a63': `dimension`,\n's4cbf3a26fca1d74a': `position`,\n's6aacb9fbb71a1d91': `scale`,\n's075cb2f53173bd8a': `rotate`,\n'sb9874d345b5e590a': `tag duplicated`,\n's5191b91c637d7da1': `special characters not allowed`,\n'sc4bcadba8e631b86': `name`,\n's63c6e58ec805a9eb': `from date`,\n'sfcc01216c601ec9e': `from time`,\n's685db98545dc9448': `to date`,\n's77c8560cf63a372d': `to time`,\n's42670fc325584e15': `The day before`,\n's29ec9210c8a8222e': `The day`,\n'scff69aa7239287b0': `The day after`,\n };\n "]}
|
package/dist/src/locales/ko.d.ts
CHANGED
|
@@ -3,17 +3,17 @@ export declare const templates: {
|
|
|
3
3
|
s29ec9210c8a8222e: string;
|
|
4
4
|
s31be7a0b4a5853dd: string;
|
|
5
5
|
s42670fc325584e15: string;
|
|
6
|
+
s4cbf3a26fca1d74a: string;
|
|
7
|
+
s5191b91c637d7da1: string;
|
|
6
8
|
s63c6e58ec805a9eb: string;
|
|
7
9
|
s685db98545dc9448: string;
|
|
8
10
|
s6aacb9fbb71a1d91: string;
|
|
9
11
|
s77c8560cf63a372d: string;
|
|
10
12
|
s9f41d726ecec72c2: string;
|
|
13
|
+
sb9874d345b5e590a: string;
|
|
11
14
|
sc4bcadba8e631b86: string;
|
|
12
15
|
scff69aa7239287b0: string;
|
|
13
16
|
sd793f87f18747a63: string;
|
|
14
|
-
sf95fdd7da4fc2295: string;
|
|
15
17
|
sf9b52aece5aed0f7: string;
|
|
16
18
|
sfcc01216c601ec9e: string;
|
|
17
|
-
sb9874d345b5e590a: string;
|
|
18
|
-
s5191b91c637d7da1: string;
|
|
19
19
|
};
|
package/dist/src/locales/ko.js
CHANGED
|
@@ -3,22 +3,22 @@
|
|
|
3
3
|
/* eslint-disable no-irregular-whitespace */
|
|
4
4
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
5
5
|
export const templates = {
|
|
6
|
-
s075cb2f53173bd8a: `회전`,
|
|
7
|
-
s29ec9210c8a8222e: `당일`,
|
|
8
|
-
s31be7a0b4a5853dd: `z 축`,
|
|
9
|
-
s42670fc325584e15: `전날`,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
6
|
+
's075cb2f53173bd8a': `회전`,
|
|
7
|
+
's29ec9210c8a8222e': `당일`,
|
|
8
|
+
's31be7a0b4a5853dd': `z 축`,
|
|
9
|
+
's42670fc325584e15': `전날`,
|
|
10
|
+
's4cbf3a26fca1d74a': `위치`,
|
|
11
|
+
's5191b91c637d7da1': `특수문자는 허용되지 않습니다`,
|
|
12
|
+
's63c6e58ec805a9eb': `시작일`,
|
|
13
|
+
's685db98545dc9448': `완료일`,
|
|
14
|
+
's6aacb9fbb71a1d91': `스케일`,
|
|
15
|
+
's77c8560cf63a372d': `완료시간`,
|
|
16
|
+
's9f41d726ecec72c2': `y 축`,
|
|
17
|
+
'sb9874d345b5e590a': `태그가 중복되었습니다`,
|
|
18
|
+
'sc4bcadba8e631b86': `이름`,
|
|
19
|
+
'scff69aa7239287b0': `다음날`,
|
|
20
|
+
'sd793f87f18747a63': `체적`,
|
|
21
|
+
'sf9b52aece5aed0f7': `x 축`,
|
|
22
|
+
'sfcc01216c601ec9e': `시작시간`,
|
|
23
23
|
};
|
|
24
24
|
//# sourceMappingURL=ko.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ko.js","sourceRoot":"","sources":["../../../src/locales/ko.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ko.js","sourceRoot":"","sources":["../../../src/locales/ko.ts"],"names":[],"mappings":"AACI,mCAAmC;AACnC,gDAAgD;AAKhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,mBAAmB,EAAE,IAAI;IAC/B,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,KAAK;IAC1B,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,iBAAiB;IACtC,mBAAmB,EAAE,KAAK;IAC1B,mBAAmB,EAAE,KAAK;IAC1B,mBAAmB,EAAE,KAAK;IAC1B,mBAAmB,EAAE,MAAM;IAC3B,mBAAmB,EAAE,KAAK;IAC1B,mBAAmB,EAAE,aAAa;IAClC,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,KAAK;IAC1B,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,KAAK;IAC1B,mBAAmB,EAAE,MAAM;CACtB,CAAC","sourcesContent":["\n // Do not modify this file by hand!\n // Re-generate this file by running lit-localize\n\n \n \n\n /* eslint-disable no-irregular-whitespace */\n /* eslint-disable @typescript-eslint/no-explicit-any */\n\n export const templates = {\n 's075cb2f53173bd8a': `회전`,\n's29ec9210c8a8222e': `당일`,\n's31be7a0b4a5853dd': `z 축`,\n's42670fc325584e15': `전날`,\n's4cbf3a26fca1d74a': `위치`,\n's5191b91c637d7da1': `특수문자는 허용되지 않습니다`,\n's63c6e58ec805a9eb': `시작일`,\n's685db98545dc9448': `완료일`,\n's6aacb9fbb71a1d91': `스케일`,\n's77c8560cf63a372d': `완료시간`,\n's9f41d726ecec72c2': `y 축`,\n'sb9874d345b5e590a': `태그가 중복되었습니다`,\n'sc4bcadba8e631b86': `이름`,\n'scff69aa7239287b0': `다음날`,\n'sd793f87f18747a63': `체적`,\n'sf9b52aece5aed0f7': `x 축`,\n'sfcc01216c601ec9e': `시작시간`,\n };\n "]}
|
package/dist/src/locales/ms.d.ts
CHANGED
package/dist/src/locales/ms.js
CHANGED
|
@@ -7,7 +7,7 @@ export const templates = {
|
|
|
7
7
|
's9f41d726ecec72c2': `y-axes`,
|
|
8
8
|
's31be7a0b4a5853dd': `z-axes`,
|
|
9
9
|
'sd793f87f18747a63': `dimension`,
|
|
10
|
-
'
|
|
10
|
+
's4cbf3a26fca1d74a': `position`,
|
|
11
11
|
's6aacb9fbb71a1d91': `scale`,
|
|
12
12
|
's075cb2f53173bd8a': `rotate`,
|
|
13
13
|
'sb9874d345b5e590a': `tag duplicated`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ms.js","sourceRoot":"","sources":["../../../src/locales/ms.ts"],"names":[],"mappings":"AACI,mCAAmC;AACnC,gDAAgD;AAKhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,mBAAmB,EAAE,QAAQ;IACnC,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,
|
|
1
|
+
{"version":3,"file":"ms.js","sourceRoot":"","sources":["../../../src/locales/ms.ts"],"names":[],"mappings":"AACI,mCAAmC;AACnC,gDAAgD;AAKhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,mBAAmB,EAAE,QAAQ;IACnC,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,UAAU;IAC/B,mBAAmB,EAAE,OAAO;IAC5B,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,gCAAgC;IACrD,mBAAmB,EAAE,MAAM;IAC3B,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,eAAe;CAC/B,CAAC","sourcesContent":["\n // Do not modify this file by hand!\n // Re-generate this file by running lit-localize\n\n \n \n\n /* eslint-disable no-irregular-whitespace */\n /* eslint-disable @typescript-eslint/no-explicit-any */\n\n export const templates = {\n 'sf9b52aece5aed0f7': `x-axes`,\n's9f41d726ecec72c2': `y-axes`,\n's31be7a0b4a5853dd': `z-axes`,\n'sd793f87f18747a63': `dimension`,\n's4cbf3a26fca1d74a': `position`,\n's6aacb9fbb71a1d91': `scale`,\n's075cb2f53173bd8a': `rotate`,\n'sb9874d345b5e590a': `tag duplicated`,\n's5191b91c637d7da1': `special characters not allowed`,\n'sc4bcadba8e631b86': `name`,\n's63c6e58ec805a9eb': `from date`,\n'sfcc01216c601ec9e': `from time`,\n's685db98545dc9448': `to date`,\n's77c8560cf63a372d': `to time`,\n's42670fc325584e15': `The day before`,\n's29ec9210c8a8222e': `The day`,\n'scff69aa7239287b0': `The day after`,\n };\n "]}
|
package/dist/src/locales/zh.d.ts
CHANGED
package/dist/src/locales/zh.js
CHANGED
|
@@ -7,7 +7,7 @@ export const templates = {
|
|
|
7
7
|
's9f41d726ecec72c2': `y-axes`,
|
|
8
8
|
's31be7a0b4a5853dd': `z-axes`,
|
|
9
9
|
'sd793f87f18747a63': `dimension`,
|
|
10
|
-
'
|
|
10
|
+
's4cbf3a26fca1d74a': `position`,
|
|
11
11
|
's6aacb9fbb71a1d91': `scale`,
|
|
12
12
|
's075cb2f53173bd8a': `rotate`,
|
|
13
13
|
'sb9874d345b5e590a': `tag duplicated`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zh.js","sourceRoot":"","sources":["../../../src/locales/zh.ts"],"names":[],"mappings":"AACI,mCAAmC;AACnC,gDAAgD;AAKhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,mBAAmB,EAAE,QAAQ;IACnC,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,
|
|
1
|
+
{"version":3,"file":"zh.js","sourceRoot":"","sources":["../../../src/locales/zh.ts"],"names":[],"mappings":"AACI,mCAAmC;AACnC,gDAAgD;AAKhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,mBAAmB,EAAE,QAAQ;IACnC,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,UAAU;IAC/B,mBAAmB,EAAE,OAAO;IAC5B,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,gCAAgC;IACrD,mBAAmB,EAAE,MAAM;IAC3B,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,eAAe;CAC/B,CAAC","sourcesContent":["\n // Do not modify this file by hand!\n // Re-generate this file by running lit-localize\n\n \n \n\n /* eslint-disable no-irregular-whitespace */\n /* eslint-disable @typescript-eslint/no-explicit-any */\n\n export const templates = {\n 'sf9b52aece5aed0f7': `x-axes`,\n's9f41d726ecec72c2': `y-axes`,\n's31be7a0b4a5853dd': `z-axes`,\n'sd793f87f18747a63': `dimension`,\n's4cbf3a26fca1d74a': `position`,\n's6aacb9fbb71a1d91': `scale`,\n's075cb2f53173bd8a': `rotate`,\n'sb9874d345b5e590a': `tag duplicated`,\n's5191b91c637d7da1': `special characters not allowed`,\n'sc4bcadba8e631b86': `name`,\n's63c6e58ec805a9eb': `from date`,\n'sfcc01216c601ec9e': `from time`,\n's685db98545dc9448': `to date`,\n's77c8560cf63a372d': `to time`,\n's42670fc325584e15': `The day before`,\n's29ec9210c8a8222e': `The day`,\n'scff69aa7239287b0': `The day after`,\n };\n "]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license Copyright © HatioLab Inc. All rights reserved.
|
|
3
3
|
*/
|
|
4
|
+
import './ox-input-angle';
|
|
4
5
|
import { OxFormField } from './ox-form-field';
|
|
5
6
|
export declare class OxInput3Dish extends OxFormField {
|
|
6
7
|
static styles: import("lit").CSSResult[];
|
|
@@ -9,7 +10,7 @@ export declare class OxInput3Dish extends OxFormField {
|
|
|
9
10
|
height?: number;
|
|
10
11
|
depth?: number;
|
|
11
12
|
};
|
|
12
|
-
|
|
13
|
+
position?: {
|
|
13
14
|
x?: number;
|
|
14
15
|
y?: number;
|
|
15
16
|
z?: number;
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
* @license Copyright © HatioLab Inc. All rights reserved.
|
|
3
3
|
*/
|
|
4
4
|
import { __decorate } from "tslib";
|
|
5
|
+
import './ox-input-angle';
|
|
5
6
|
import { css, html } from 'lit';
|
|
6
7
|
import { customElement, property } from 'lit/decorators.js';
|
|
7
8
|
import { localized, msg } from '@lit/localize';
|
|
@@ -31,7 +32,8 @@ let OxInput3Dish = class OxInput3Dish extends OxFormField {
|
|
|
31
32
|
color: var(--legend-color);
|
|
32
33
|
}
|
|
33
34
|
|
|
34
|
-
input
|
|
35
|
+
input,
|
|
36
|
+
ox-input-angle {
|
|
35
37
|
grid-column: span 2;
|
|
36
38
|
border: 0;
|
|
37
39
|
border-bottom: var(--border-dark-color);
|
|
@@ -39,6 +41,11 @@ let OxInput3Dish = class OxInput3Dish extends OxFormField {
|
|
|
39
41
|
font: var(--input-font);
|
|
40
42
|
color: var(--primary-text-color);
|
|
41
43
|
}
|
|
44
|
+
|
|
45
|
+
ox-input-angle {
|
|
46
|
+
--input-border: 0;
|
|
47
|
+
}
|
|
48
|
+
|
|
42
49
|
input:focus {
|
|
43
50
|
outline: none;
|
|
44
51
|
border-bottom: 1px solid var(--primary-color);
|
|
@@ -64,15 +71,15 @@ let OxInput3Dish = class OxInput3Dish extends OxFormField {
|
|
|
64
71
|
case 'tx':
|
|
65
72
|
case 'ty':
|
|
66
73
|
case 'tz':
|
|
67
|
-
this.
|
|
68
|
-
...this.
|
|
74
|
+
this.position = {
|
|
75
|
+
...this.position,
|
|
69
76
|
[prop]: value
|
|
70
77
|
};
|
|
71
|
-
this.dispatchEvent(new CustomEvent('
|
|
78
|
+
this.dispatchEvent(new CustomEvent('position-changed', {
|
|
72
79
|
bubbles: true,
|
|
73
80
|
composed: true,
|
|
74
81
|
detail: {
|
|
75
|
-
value: this.
|
|
82
|
+
value: this.position
|
|
76
83
|
}
|
|
77
84
|
}));
|
|
78
85
|
break;
|
|
@@ -121,7 +128,7 @@ let OxInput3Dish = class OxInput3Dish extends OxFormField {
|
|
|
121
128
|
}));
|
|
122
129
|
}
|
|
123
130
|
this.value = {
|
|
124
|
-
|
|
131
|
+
position: this.position,
|
|
125
132
|
rotate: this.rotate,
|
|
126
133
|
scale: this.scale,
|
|
127
134
|
dimension: this.dimension
|
|
@@ -139,24 +146,24 @@ let OxInput3Dish = class OxInput3Dish extends OxFormField {
|
|
|
139
146
|
<span>${msg('z-axes')}</span>
|
|
140
147
|
|
|
141
148
|
<label>${msg('dimension')}</label>
|
|
142
|
-
<input type="number" id="dwidth" .value=${this.dimension?.width} />
|
|
143
|
-
<input type="number" id="dheight" .value=${this.dimension?.height} />
|
|
144
|
-
<input type="number" id="ddepth" .value=${this.dimension?.depth} />
|
|
149
|
+
<input type="number" id="dwidth" .value=${String(this.dimension?.width)} />
|
|
150
|
+
<input type="number" id="dheight" .value=${String(this.dimension?.height)} />
|
|
151
|
+
<input type="number" id="ddepth" .value=${String(this.dimension?.depth)} />
|
|
145
152
|
|
|
146
|
-
<label>${msg('
|
|
147
|
-
<input type="number" id="tx" .value=${this.
|
|
148
|
-
<input type="number" id="ty" .value=${this.
|
|
149
|
-
<input type="number" id="tz" .value=${this.
|
|
153
|
+
<label>${msg('position')}</label>
|
|
154
|
+
<input type="number" id="tx" .value=${String(this.position?.x)} />
|
|
155
|
+
<input type="number" id="ty" .value=${String(this.position?.y)} />
|
|
156
|
+
<input type="number" id="tz" .value=${String(this.position?.z)} />
|
|
150
157
|
|
|
151
158
|
<label>${msg('scale')}</label>
|
|
152
|
-
<input type="number" id="sx" .value=${this.scale?.x} />
|
|
153
|
-
<input type="number" id="sy" .value=${this.scale?.y} />
|
|
154
|
-
<input type="number" id="sz" .value=${this.scale?.z} />
|
|
159
|
+
<input type="number" id="sx" .value=${String(this.scale?.x)} />
|
|
160
|
+
<input type="number" id="sy" .value=${String(this.scale?.y)} />
|
|
161
|
+
<input type="number" id="sz" .value=${String(this.scale?.z)} />
|
|
155
162
|
|
|
156
163
|
<label>${msg('rotate')}</label>
|
|
157
|
-
<ox-input-angle id="rx" .value=${this.rotate?.x}></ox-input-angle>
|
|
158
|
-
<ox-input-angle id="ry" .value=${this.rotate?.y}></ox-input-angle>
|
|
159
|
-
<ox-input-angle id="rz" .value=${this.rotate?.z}></ox-input-angle>
|
|
164
|
+
<ox-input-angle id="rx" .value=${String(this.rotate?.x)}></ox-input-angle>
|
|
165
|
+
<ox-input-angle id="ry" .value=${String(this.rotate?.y)}></ox-input-angle>
|
|
166
|
+
<ox-input-angle id="rz" .value=${String(this.rotate?.z)}></ox-input-angle>
|
|
160
167
|
`;
|
|
161
168
|
}
|
|
162
169
|
};
|
|
@@ -165,7 +172,7 @@ __decorate([
|
|
|
165
172
|
], OxInput3Dish.prototype, "dimension", void 0);
|
|
166
173
|
__decorate([
|
|
167
174
|
property({ type: Object })
|
|
168
|
-
], OxInput3Dish.prototype, "
|
|
175
|
+
], OxInput3Dish.prototype, "position", void 0);
|
|
169
176
|
__decorate([
|
|
170
177
|
property({ type: Object })
|
|
171
178
|
], OxInput3Dish.prototype, "rotate", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ox-input-3dish.js","sourceRoot":"","sources":["../../src/ox-input-3dish.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAKtC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,WAAW;aACpC,WAAM,GAAG;QACd,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"ox-input-3dish.js","sourceRoot":"","sources":["../../src/ox-input-3dish.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport './ox-input-angle'\n\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { localized, msg } from '@lit/localize'\n\nimport { OxFormField } from './ox-form-field'\nimport { OxInputAngle } from './ox-input-angle'\n\n@localized()\n@customElement('ox-input-3dish')\nexport class OxInput3Dish extends OxFormField {\n static styles = [\n css`\n :host {\n display: grid;\n grid-template-columns: repeat(7, minmax(50px, 1fr));\n grid-gap: var(--margin-default);\n }\n\n label {\n text-align: right;\n align-self: center;\n font: var(--label-font);\n color: var(--label-color);\n text-transform: var(--label-text-transform);\n grid-column: span 1;\n }\n\n span {\n grid-column: span 2;\n text-align: center;\n font: var(--label-font);\n color: var(--legend-color);\n }\n\n input,\n ox-input-angle {\n grid-column: span 2;\n border: 0;\n border-bottom: var(--border-dark-color);\n padding: var(--input-padding);\n font: var(--input-font);\n color: var(--primary-text-color);\n }\n\n ox-input-angle {\n --input-border: 0;\n }\n\n input:focus {\n outline: none;\n border-bottom: 1px solid var(--primary-color);\n }\n `\n ]\n\n @property({ type: Object }) dimension?: { width?: number; height?: number; depth?: number }\n @property({ type: Object }) position?: { x?: number; y?: number; z?: number }\n @property({ type: Object }) rotate?: { x?: number; y?: number; z?: number }\n @property({ type: Object }) scale?: { x?: number; y?: number; z?: number }\n\n firstUpdated() {\n this.renderRoot.addEventListener('change', this._onChange.bind(this))\n }\n\n _onChange(e: Event) {\n e.stopPropagation()\n e.preventDefault()\n\n var element = e.target as HTMLElement\n var id = element.id\n var prop = id.substr(1)\n var value = Number((element as HTMLInputElement).value)\n\n switch (element.tagName) {\n case 'PROPERTY-ANGLE':\n value = Number((element as OxInputAngle).value || 0)\n break\n }\n\n switch (id) {\n case 'tx':\n case 'ty':\n case 'tz':\n this.position = {\n ...this.position,\n [prop]: value\n }\n\n this.dispatchEvent(\n new CustomEvent('position-changed', {\n bubbles: true,\n composed: true,\n detail: {\n value: this.position\n }\n })\n )\n break\n\n case 'rx':\n case 'ry':\n case 'rz':\n this.rotate = {\n ...this.rotate,\n [prop]: value\n }\n\n this.dispatchEvent(\n new CustomEvent('rotate-changed', {\n bubbles: true,\n composed: true,\n detail: {\n value: this.rotate\n }\n })\n )\n break\n\n case 'sx':\n case 'sy':\n case 'sz':\n this.scale = {\n ...this.scale,\n [prop]: value\n }\n\n this.dispatchEvent(\n new CustomEvent('scale-changed', {\n bubbles: true,\n composed: true,\n detail: {\n value: this.scale\n }\n })\n )\n break\n\n default:\n // dimension\n this.dimension = {\n ...this.dimension,\n [prop]: value\n }\n\n this.dispatchEvent(\n new CustomEvent('dimension-changed', {\n bubbles: true,\n composed: true,\n detail: {\n value: this.dimension\n }\n })\n )\n }\n\n this.value = {\n position: this.position,\n rotate: this.rotate,\n scale: this.scale,\n dimension: this.dimension\n }\n\n this.dispatchEvent(\n new CustomEvent('change', {\n bubbles: true,\n composed: true,\n detail: this.value\n })\n )\n }\n\n render() {\n return html`\n <label></label> <span>${msg('x-axes')}</span>\n <span>${msg('y-axes')}</span>\n <span>${msg('z-axes')}</span>\n\n <label>${msg('dimension')}</label>\n <input type=\"number\" id=\"dwidth\" .value=${String(this.dimension?.width)} />\n <input type=\"number\" id=\"dheight\" .value=${String(this.dimension?.height)} />\n <input type=\"number\" id=\"ddepth\" .value=${String(this.dimension?.depth)} />\n\n <label>${msg('position')}</label>\n <input type=\"number\" id=\"tx\" .value=${String(this.position?.x)} />\n <input type=\"number\" id=\"ty\" .value=${String(this.position?.y)} />\n <input type=\"number\" id=\"tz\" .value=${String(this.position?.z)} />\n\n <label>${msg('scale')}</label>\n <input type=\"number\" id=\"sx\" .value=${String(this.scale?.x)} />\n <input type=\"number\" id=\"sy\" .value=${String(this.scale?.y)} />\n <input type=\"number\" id=\"sz\" .value=${String(this.scale?.z)} />\n\n <label>${msg('rotate')}</label>\n <ox-input-angle id=\"rx\" .value=${String(this.rotate?.x)}></ox-input-angle>\n <ox-input-angle id=\"ry\" .value=${String(this.rotate?.y)}></ox-input-angle>\n <ox-input-angle id=\"rz\" .value=${String(this.rotate?.z)}></ox-input-angle>\n `\n }\n}\n"]}
|
|
@@ -16,7 +16,11 @@ let OxInputAngle = class OxInputAngle extends OxFormField {
|
|
|
16
16
|
width: 100%;
|
|
17
17
|
height: 100%;
|
|
18
18
|
box-sizing: border-box;
|
|
19
|
-
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
19
|
+
border: var(--input-border, 1px solid rgba(0, 0, 0, 0.2));
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
input:focus {
|
|
23
|
+
outline: var(--input-focus-outline, inherit);
|
|
20
24
|
}
|
|
21
25
|
`
|
|
22
26
|
]; }
|
|
@@ -24,7 +28,7 @@ let OxInputAngle = class OxInputAngle extends OxFormField {
|
|
|
24
28
|
return html `
|
|
25
29
|
<input
|
|
26
30
|
type="number"
|
|
27
|
-
.value=${this._toDegree(this.value)}
|
|
31
|
+
.value=${String(this._toDegree(this.value))}
|
|
28
32
|
.placeholder=${this.placeholder || '0°'}
|
|
29
33
|
@change=${(e) => this._onChangeValue(e)}
|
|
30
34
|
/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ox-input-angle.js","sourceRoot":"","sources":["../../src/ox-input-angle.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAGtC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,WAAW;aACpC,WAAM,GAAG;QACd,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"ox-input-angle.js","sourceRoot":"","sources":["../../src/ox-input-angle.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAGtC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,WAAW;aACpC,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;;;;;;KAeF;KACF,CAAA;IAMD,MAAM;QACJ,OAAO,IAAI,CAAA;;;iBAGE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;uBAC5B,IAAI,CAAC,WAAW,IAAI,IAAI;kBAC7B,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;;KAEjD,CAAA;IACH,CAAC;IAED,cAAc,CAAC,CAAQ;QACrB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QAE7C,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,IAAI,CAAC,KAAK;SACnB,CAAC,CACH,CAAA;IACH,CAAC;IAED,SAAS,CAAC,KAAkC;QAC1C,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,CAAA;IAC3D,CAAC;IAED,SAAS,CAAC,MAAmC;QAC3C,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,CAAA;IAC7E,CAAC;;AAjC2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAqB;AAEhC;IAAf,KAAK,CAAC,OAAO,CAAC;2CAAyB;AAtB7B,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAsDxB;SAtDY,YAAY","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { OxFormField } from './ox-form-field'\n\n@customElement('ox-input-angle')\nexport class OxInputAngle extends OxFormField {\n static styles = [\n css`\n :host {\n display: inline-block;\n }\n\n input {\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border: var(--input-border, 1px solid rgba(0, 0, 0, 0.2));\n }\n\n input:focus {\n outline: var(--input-focus-outline, inherit);\n }\n `\n ]\n\n @property({ type: String }) placeholder?: string\n\n @query('input') input!: HTMLInputElement\n\n render() {\n return html`\n <input\n type=\"number\"\n .value=${String(this._toDegree(this.value))}\n .placeholder=${this.placeholder || '0°'}\n @change=${(e: Event) => this._onChangeValue(e)}\n />\n `\n }\n\n _onChangeValue(e: Event) {\n this.value = this._toRadian(this.input.value)\n\n this.dispatchEvent(\n new CustomEvent('change', {\n bubbles: true,\n composed: true,\n detail: this.value\n })\n )\n }\n\n _toDegree(value: string | number | undefined) {\n return Math.round(((Number(value) || 0) * 180) / Math.PI)\n }\n\n _toRadian(degree: string | number | undefined) {\n return isNaN(Number(degree)) ? undefined : Number(degree) * (Math.PI / 180)\n }\n}\n"]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import '../src/ox-input-angle.js';
|
|
2
|
+
import '../src/locale/locale-picker.js';
|
|
3
|
+
import { TemplateResult } from 'lit';
|
|
4
|
+
declare const _default: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: string;
|
|
7
|
+
argTypes: {
|
|
8
|
+
value: {
|
|
9
|
+
control: string;
|
|
10
|
+
};
|
|
11
|
+
name: {
|
|
12
|
+
control: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export default _default;
|
|
17
|
+
interface Story<T> {
|
|
18
|
+
(args: T): TemplateResult;
|
|
19
|
+
args?: Partial<T>;
|
|
20
|
+
argTypes?: Record<string, unknown>;
|
|
21
|
+
}
|
|
22
|
+
interface ArgTypes {
|
|
23
|
+
name?: string;
|
|
24
|
+
value?: number;
|
|
25
|
+
}
|
|
26
|
+
export declare const Regular: Story<ArgTypes>;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import '../src/ox-input-angle.js';
|
|
2
|
+
import '../src/locale/locale-picker.js';
|
|
3
|
+
import { html } from 'lit';
|
|
4
|
+
export default {
|
|
5
|
+
title: 'ox-input-angle',
|
|
6
|
+
component: 'ox-input-angle',
|
|
7
|
+
argTypes: {
|
|
8
|
+
value: { control: 'number' },
|
|
9
|
+
name: { control: 'text' }
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
const Template = ({ name = '3dish', value = 0 }) => html `
|
|
13
|
+
<link href="/themes/app-theme.css" rel="stylesheet" />
|
|
14
|
+
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
|
|
15
|
+
<style>
|
|
16
|
+
body {
|
|
17
|
+
}
|
|
18
|
+
</style>
|
|
19
|
+
|
|
20
|
+
<locale-picker></locale-picker>
|
|
21
|
+
<br /><br />
|
|
22
|
+
|
|
23
|
+
<ox-input-angle
|
|
24
|
+
@change=${(e) => {
|
|
25
|
+
console.log(e.target.value);
|
|
26
|
+
}}
|
|
27
|
+
name=${name}
|
|
28
|
+
.value=${value}
|
|
29
|
+
>
|
|
30
|
+
</ox-input-angle>
|
|
31
|
+
`;
|
|
32
|
+
export const Regular = Template.bind({});
|
|
33
|
+
Regular.args = {
|
|
34
|
+
name: 'angle',
|
|
35
|
+
value: 0
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=ox-input-angle.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ox-input-angle.stories.js","sourceRoot":"","sources":["../../stories/ox-input-angle.stories.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAA;AACjC,OAAO,gCAAgC,CAAA;AAEvC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,gBAAgB;IAC3B,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC5B,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KAC1B;CACF,CAAA;AAaD,MAAM,QAAQ,GAAoB,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,KAAK,GAAG,CAAC,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;cAYrE,CAAC,CAAQ,EAAE,EAAE;IACrB,OAAO,CAAC,GAAG,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAA;AACnD,CAAC;WACM,IAAI;aACF,KAAK;;;CAGjB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,CAAC;CACT,CAAA","sourcesContent":["import '../src/ox-input-angle.js'\nimport '../src/locale/locale-picker.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n title: 'ox-input-angle',\n component: 'ox-input-angle',\n argTypes: {\n value: { control: 'number' },\n name: { control: 'text' }\n }\n}\n\ninterface Story<T> {\n (args: T): TemplateResult\n args?: Partial<T>\n argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n name?: string\n value?: number\n}\n\nconst Template: Story<ArgTypes> = ({ name = '3dish', value = 0 }: ArgTypes) => html`\n <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n <link href=\"https://fonts.googleapis.com/css?family=Material+Icons&display=block\" rel=\"stylesheet\" />\n <style>\n body {\n }\n </style>\n\n <locale-picker></locale-picker>\n <br /><br />\n\n <ox-input-angle\n @change=${(e: Event) => {\n console.log((e.target as HTMLInputElement).value)\n }}\n name=${name}\n .value=${value}\n >\n </ox-input-angle>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n name: 'angle',\n value: 0\n}\n"]}
|