@operato/input 1.1.80 → 1.2.0
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 +18 -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/src/ox-input-crontab.js +8 -8
- package/dist/src/ox-input-crontab.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/src/ox-input-crontab.ts +8 -8
- 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,24 @@
|
|
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.0](https://github.com/hatiolab/operato/compare/v1.1.84...v1.2.0) (2023-03-06)
|
7
|
+
|
8
|
+
|
9
|
+
### :bug: Bug Fix
|
10
|
+
|
11
|
+
* merge scene core ([e286df8](https://github.com/hatiolab/operato/commit/e286df88c2eefed4cb4305c448e3ca90ab876437))
|
12
|
+
|
13
|
+
|
14
|
+
|
15
|
+
### [1.1.84](https://github.com/hatiolab/operato/compare/v1.1.83...v1.1.84) (2023-02-01)
|
16
|
+
|
17
|
+
|
18
|
+
### :bug: Bug Fix
|
19
|
+
|
20
|
+
* add context concept to ox-property-editor ([b684d12](https://github.com/hatiolab/operato/commit/b684d1230c5743533c954879d808e8d0ee2c03af))
|
21
|
+
|
22
|
+
|
23
|
+
|
6
24
|
### [1.1.80](https://github.com/hatiolab/operato/compare/v1.1.79...v1.1.80) (2023-01-28)
|
7
25
|
|
8
26
|
**Note:** Version bump only for package @operato/input
|
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"]}
|
@@ -223,39 +223,39 @@ let OxInputCrontab = class OxInputCrontab extends OxFormField {
|
|
223
223
|
<select
|
224
224
|
id="example"
|
225
225
|
@change=${(e) => (this.value = e.currentTarget.value)}
|
226
|
-
.value=${this.value}
|
226
|
+
.value=${this.value || ''}
|
227
227
|
>
|
228
|
-
<optgroup label="${i18next.t('label.second by second')}">
|
228
|
+
<optgroup label="String(${i18next.t('label.second by second')})">
|
229
229
|
<option value="* * * * * *">${i18next.t('text.every second')}</option>
|
230
230
|
<option value="0/2 * * * * *">${i18next.t('text.every 2 seconds')}</option>
|
231
231
|
<option value="0/15 * * * * *">${i18next.t('text.every 15 seconds')}</option>
|
232
232
|
<option value="0/30 * * * * *">${i18next.t('text.every 30 seconds')}</option>
|
233
233
|
</optgroup>
|
234
|
-
<optgroup label="${i18next.t('label.minute by minute')}">
|
234
|
+
<optgroup label="String(${i18next.t('label.minute by minute')})">
|
235
235
|
<option value="0 * * * * *">${i18next.t('text.every minute')}</option>
|
236
236
|
<option value="0 0/2 * * * *">${i18next.t('text.every 2 minutes')}</option>
|
237
237
|
<option value="0 0/15 * * * *">${i18next.t('text.every 15 minutes')}</option>
|
238
238
|
<option value="0 0/30 * * * *">${i18next.t('text.every half hour')}</option>
|
239
239
|
</optgroup>
|
240
|
-
<optgroup label="${i18next.t('label.hourly')}">
|
240
|
+
<optgroup label="String(${i18next.t('label.hourly')})">
|
241
241
|
<option value="0 0 * * * *">${i18next.t('text.every hour')}</option>
|
242
242
|
<option value="0 0 0/2 * * *">${i18next.t('text.every 2 hours')}</option>
|
243
243
|
<option value="0 0 0/12 * * *">${i18next.t('text.every 12 hours')}</option>
|
244
244
|
<option value="0 0 10-19 * * *">${i18next.t('text.every hour during working time')}</option>
|
245
245
|
</optgroup>
|
246
|
-
<optgroup label="${i18next.t('label.daily')}">
|
246
|
+
<optgroup label="String(${i18next.t('label.daily')})">
|
247
247
|
<option value="0 0 0 * * *">${i18next.t('text.every day')}</option>
|
248
248
|
</optgroup>
|
249
|
-
<optgroup label="${i18next.t('label.weekly')}">
|
249
|
+
<optgroup label="String(${i18next.t('label.weekly')})">
|
250
250
|
<option value="0 0 0 * * SUN">${i18next.t('text.every sunday')}</option>
|
251
251
|
<option value="0 0 0 * * 0">${i18next.t('text.every sunday(2)')}</option>
|
252
252
|
<option value="0 0 0 * * 1-5">${i18next.t('text.every weekday')}</option>
|
253
253
|
</optgroup>
|
254
|
-
<optgroup label="${i18next.t('label.monthly')}">
|
254
|
+
<optgroup label="String(${i18next.t('label.monthly')})">
|
255
255
|
<option value="0 0 0 1 * *">${i18next.t('text.the first day of every month')}</option>
|
256
256
|
<option value="0 0 10 21 * *">${i18next.t('text.10 am on every payday')}</option>
|
257
257
|
</optgroup>
|
258
|
-
<optgroup label="${i18next.t('label.yearly')}">
|
258
|
+
<optgroup label="String(${i18next.t('label.yearly')})">
|
259
259
|
<option value="0 0 0 1 1 *">${i18next.t('text.the first day of every year')}</option>
|
260
260
|
<option value="0 0 0 25 12 *">${i18next.t('text.every christmas')}</option>
|
261
261
|
</optgroup>
|