@operato/input 1.0.0-beta.9 → 1.0.6
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/.storybook/main.js +2 -2
- package/.storybook/server.mjs +4 -4
- package/CHANGELOG.md +449 -0
- package/demo/index-multiple-colors.html +4 -1
- package/demo/index-partition-keys.html +2 -5
- package/demo/index.html +4 -0
- package/dist/src/index.d.ts +4 -2
- package/dist/src/index.js +4 -2
- package/dist/src/index.js.map +1 -1
- package/dist/src/locales/en.d.ts +8 -0
- package/dist/src/locales/en.js +8 -0
- package/dist/src/locales/en.js.map +1 -1
- package/dist/src/locales/ko.d.ts +8 -0
- package/dist/src/locales/ko.js +8 -0
- package/dist/src/locales/ko.js.map +1 -1
- package/dist/src/locales/ms.d.ts +8 -0
- package/dist/src/locales/ms.js +8 -0
- package/dist/src/locales/ms.js.map +1 -1
- package/dist/src/locales/zh.d.ts +8 -0
- package/dist/src/locales/zh.js +8 -0
- package/dist/src/locales/zh.js.map +1 -1
- package/dist/src/ox-input-3dish.js +24 -8
- package/dist/src/ox-input-3dish.js.map +1 -1
- package/dist/src/ox-input-barcode.d.ts +5 -2
- package/dist/src/ox-input-barcode.js +61 -31
- package/dist/src/ox-input-barcode.js.map +1 -1
- package/dist/src/ox-input-color.js +16 -11
- package/dist/src/ox-input-color.js.map +1 -1
- package/dist/src/ox-input-crontab.js +28 -10
- package/dist/src/ox-input-crontab.js.map +1 -1
- package/dist/src/ox-input-data.js +1 -1
- package/dist/src/ox-input-data.js.map +1 -1
- package/dist/src/ox-input-duration.d.ts +13 -0
- package/dist/src/ox-input-duration.js +163 -0
- package/dist/src/ox-input-duration.js.map +1 -0
- package/dist/src/ox-input-file.js +5 -3
- package/dist/src/ox-input-file.js.map +1 -1
- package/dist/src/ox-input-key-values.d.ts +41 -0
- package/dist/src/ox-input-key-values.js +233 -0
- package/dist/src/ox-input-key-values.js.map +1 -0
- package/dist/src/ox-input-multiple-colors.d.ts +1 -0
- package/dist/src/ox-input-multiple-colors.js +29 -21
- package/dist/src/ox-input-multiple-colors.js.map +1 -1
- package/dist/src/ox-input-options.d.ts +1 -0
- package/dist/src/ox-input-options.js +55 -14
- package/dist/src/ox-input-options.js.map +1 -1
- package/dist/src/ox-input-partition-keys.d.ts +1 -0
- package/dist/src/ox-input-partition-keys.js +51 -23
- package/dist/src/ox-input-partition-keys.js.map +1 -1
- package/dist/src/ox-input-quantifier.d.ts +11 -0
- package/dist/src/ox-input-quantifier.js +67 -0
- package/dist/src/ox-input-quantifier.js.map +1 -0
- package/dist/src/ox-input-range.js +35 -38
- package/dist/src/ox-input-range.js.map +1 -1
- package/dist/src/ox-input-search.d.ts +1 -0
- package/dist/src/ox-input-search.js +27 -3
- package/dist/src/ox-input-search.js.map +1 -1
- package/dist/src/ox-input-unit.d.ts +17 -0
- package/dist/src/ox-input-unit.js +122 -0
- package/dist/src/ox-input-unit.js.map +1 -0
- package/dist/src/ox-input-value-map.d.ts +2 -2
- package/dist/src/ox-input-value-map.js +51 -15
- package/dist/src/ox-input-value-map.js.map +1 -1
- package/dist/src/ox-input-value-ranges.d.ts +2 -2
- package/dist/src/ox-input-value-ranges.js +50 -23
- package/dist/src/ox-input-value-ranges.js.map +1 -1
- package/dist/src/ox-input-work-shift.js +79 -44
- package/dist/src/ox-input-work-shift.js.map +1 -1
- package/dist/src/ox-select.js +12 -3
- package/dist/src/ox-select.js.map +1 -1
- package/dist/stories/ox-checkbox.stories.d.ts +39 -0
- package/dist/stories/ox-checkbox.stories.js +44 -0
- package/dist/stories/ox-checkbox.stories.js.map +1 -0
- package/dist/stories/ox-input-3dish.stories.d.ts +26 -0
- package/dist/stories/ox-input-3dish.stories.js +59 -0
- package/dist/stories/ox-input-3dish.stories.js.map +1 -0
- package/dist/stories/ox-input-barcode.stories.d.ts +43 -0
- package/dist/stories/ox-input-barcode.stories.js +59 -0
- package/dist/stories/ox-input-barcode.stories.js.map +1 -0
- package/dist/stories/ox-input-crontab.stories.d.ts +25 -0
- package/dist/stories/ox-input-crontab.stories.js +35 -0
- package/dist/stories/ox-input-crontab.stories.js.map +1 -0
- package/dist/stories/ox-input-duration.stories.d.ts +26 -0
- package/dist/stories/ox-input-duration.stories.js +37 -0
- package/dist/stories/ox-input-duration.stories.js.map +1 -0
- package/dist/stories/ox-input-file.stories.d.ts +49 -0
- package/dist/stories/ox-input-file.stories.js +48 -0
- package/dist/stories/ox-input-file.stories.js.map +1 -0
- package/dist/stories/{index.stories.d.ts → ox-input-key-values.stories.d.ts} +7 -11
- package/dist/stories/ox-input-key-values.stories.js +49 -0
- package/dist/stories/ox-input-key-values.stories.js.map +1 -0
- package/dist/stories/ox-input-multiple-colors.stories.d.ts +20 -0
- package/dist/stories/ox-input-multiple-colors.stories.js +167 -0
- package/dist/stories/ox-input-multiple-colors.stories.js.map +1 -0
- package/dist/stories/ox-input-options.stories.d.ts +25 -0
- package/dist/stories/ox-input-options.stories.js +33 -0
- package/dist/stories/ox-input-options.stories.js.map +1 -0
- package/dist/stories/ox-input-partition-keys.stories.d.ts +25 -0
- package/dist/stories/ox-input-partition-keys.stories.js +37 -0
- package/dist/stories/ox-input-partition-keys.stories.js.map +1 -0
- package/dist/stories/ox-input-quantifier.stories.d.ts +25 -0
- package/dist/stories/ox-input-quantifier.stories.js +27 -0
- package/dist/stories/ox-input-quantifier.stories.js.map +1 -0
- package/dist/stories/ox-input-range.stories.d.ts +37 -0
- package/dist/stories/ox-input-range.stories.js +28 -0
- package/dist/stories/ox-input-range.stories.js.map +1 -0
- package/dist/stories/ox-input-search.stories.d.ts +33 -0
- package/dist/stories/ox-input-search.stories.js +35 -0
- package/dist/stories/ox-input-search.stories.js.map +1 -0
- package/dist/stories/ox-input-unit.stories.d.ts +40 -0
- package/dist/stories/ox-input-unit.stories.js +42 -0
- package/dist/stories/ox-input-unit.stories.js.map +1 -0
- package/dist/stories/ox-input-value-map.stories.d.ts +35 -0
- package/dist/stories/ox-input-value-map.stories.js +37 -0
- package/dist/stories/ox-input-value-map.stories.js.map +1 -0
- package/dist/stories/ox-input-value-ranges.stories.d.ts +35 -0
- package/dist/stories/ox-input-value-ranges.stories.js +37 -0
- package/dist/stories/ox-input-value-ranges.stories.js.map +1 -0
- package/dist/stories/ox-input-work-shift.stories.d.ts +26 -0
- package/dist/stories/ox-input-work-shift.stories.js +59 -0
- package/dist/stories/ox-input-work-shift.stories.js.map +1 -0
- package/dist/stories/ox-select.stories.d.ts +30 -0
- package/dist/stories/ox-select.stories.js +83 -0
- package/dist/stories/ox-select.stories.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +23 -19
- package/src/index.ts +4 -2
- package/src/locales/en.ts +8 -0
- package/src/locales/ko.ts +8 -0
- package/src/locales/ms.ts +8 -0
- package/src/locales/zh.ts +8 -0
- package/src/ox-input-3dish.ts +24 -8
- package/src/ox-input-barcode.ts +67 -34
- package/src/ox-input-color.ts +17 -11
- package/src/ox-input-crontab.ts +30 -10
- package/src/ox-input-data.ts +2 -2
- package/src/ox-input-duration.ts +168 -0
- package/src/ox-input-file.ts +7 -6
- package/src/ox-input-key-values.ts +270 -0
- package/src/ox-input-multiple-colors.ts +29 -21
- package/src/ox-input-options.ts +54 -13
- package/src/ox-input-partition-keys.ts +51 -22
- package/src/ox-input-quantifier.ts +62 -0
- package/src/ox-input-range.ts +35 -38
- package/src/ox-input-search.ts +29 -3
- package/src/ox-input-unit.ts +123 -0
- package/src/ox-input-value-map.ts +52 -16
- package/src/ox-input-value-ranges.ts +52 -25
- package/src/ox-input-work-shift.ts +81 -44
- package/src/ox-select.ts +19 -5
- package/stories/ox-checkbox.stories.ts +69 -0
- package/stories/ox-input-3dish.stories.ts +73 -0
- package/stories/ox-input-barcode.stories.ts +85 -0
- package/stories/ox-input-code.stories.ts_ +51 -0
- package/stories/ox-input-crontab.stories.ts +49 -0
- package/stories/ox-input-duration.stories.ts +51 -0
- package/stories/ox-input-file.stories.ts +77 -0
- package/stories/ox-input-key-values.stories.ts +64 -0
- package/stories/ox-input-multiple-colors.stories.ts +178 -0
- package/stories/ox-input-options.stories.ts +47 -0
- package/stories/ox-input-partition-keys.stories.ts +51 -0
- package/stories/ox-input-quantifier.stories.ts +43 -0
- package/stories/ox-input-range.stories.ts +45 -0
- package/stories/ox-input-search.stories.ts +56 -0
- package/stories/ox-input-unit.stories.ts +66 -0
- package/stories/ox-input-value-map.stories.ts +58 -0
- package/stories/ox-input-value-ranges.stories.ts +58 -0
- package/stories/ox-input-work-shift.stories.ts +73 -0
- package/stories/ox-select.stories.ts +101 -0
- package/themes/app-theme.css +142 -0
- package/themes/input-theme.css +19 -0
- package/translations/en.json +45 -1
- package/translations/ko.json +43 -1
- package/translations/ms.json +43 -1
- package/translations/zh.json +43 -1
- package/xliff/en.xlf +24 -0
- package/xliff/ko.xlf +32 -0
- package/xliff/ms.xlf +24 -0
- package/xliff/zh.xlf +24 -0
- package/dist/stories/index.stories.js +0 -33
- package/dist/stories/index.stories.js.map +0 -1
- package/stories/index.stories.ts +0 -52
package/translations/ms.json
CHANGED
@@ -1 +1,43 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"label.daily": "harian",
|
3
|
+
"label.days": "days",
|
4
|
+
"label.day-of-month": "hari bulan",
|
5
|
+
"label.day-of-week": "hari dalam seminggu",
|
6
|
+
"label.examples": "contoh",
|
7
|
+
"label.hour": "jam",
|
8
|
+
"label.hourly": "secara berjam",
|
9
|
+
"label.hours": "hours",
|
10
|
+
"label.minute": "minit",
|
11
|
+
"label.minutes": "minutes",
|
12
|
+
"label.month": "bulan",
|
13
|
+
"label.monthly": "secara bulanan",
|
14
|
+
"label.second": "saat",
|
15
|
+
"label.seconds": "seconds",
|
16
|
+
"label.weekly": "secara mingguan",
|
17
|
+
"label.yearly": "secara tahunan",
|
18
|
+
"text.any value": "sebarang nilai",
|
19
|
+
"text.allowed values": "nilai yang diterima",
|
20
|
+
"text.every 12 hours": "setiap 12 jam",
|
21
|
+
"text.every 15 minutes": "setiap 15 minit",
|
22
|
+
"text.every 15 seconds": "setiap 15 saat",
|
23
|
+
"text.every 2 hours": "setiap 2 jam",
|
24
|
+
"text.every 2 minutes": "setia 2 minit",
|
25
|
+
"text.every 2 seconds": "setiap 2 saat",
|
26
|
+
"text.every 30 seconds": "setiap 30 saat",
|
27
|
+
"text.every christmas": "setiap hari krismas",
|
28
|
+
"text.every day": "setiap hari",
|
29
|
+
"text.every half hour": "setiap setengah jam",
|
30
|
+
"text.every hour during working time": "setiap jam semasa kerja",
|
31
|
+
"text.every hour": "setiap jam",
|
32
|
+
"text.every minute": "setiap minit",
|
33
|
+
"text.every second": "setiap saat",
|
34
|
+
"text.every sunday": "setiap ahad",
|
35
|
+
"text.every sunday(2)": "setiap ahad(2)",
|
36
|
+
"text.every weekday": "setiap hari minggu",
|
37
|
+
"text.range of values": "julat nilai",
|
38
|
+
"text.step values": "nilai langkah",
|
39
|
+
"text.the first day of every month": "hari pertama setiap bulan",
|
40
|
+
"text.the first day of every year": "hari pertama setiap tahun",
|
41
|
+
"text.value list separator": "senarai pemisahan nilai",
|
42
|
+
"text.10 am on every payday": "setiap jam 10pagi pada hari gaji"
|
43
|
+
}
|
package/translations/zh.json
CHANGED
@@ -1 +1,43 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"label.daily": "每日的",
|
3
|
+
"label.days": "days",
|
4
|
+
"label.day-of-month": "月日",
|
5
|
+
"label.day-of-week": "星期几",
|
6
|
+
"label.examples": "例子",
|
7
|
+
"label.hour": "小时",
|
8
|
+
"label.hourly": "每小时",
|
9
|
+
"label.hours": "小时",
|
10
|
+
"label.minutes": "分钟",
|
11
|
+
"label.minute": "分钟",
|
12
|
+
"label.month": "月份",
|
13
|
+
"label.monthly": "每个月",
|
14
|
+
"label.second": "秒",
|
15
|
+
"label.seconds": "秒",
|
16
|
+
"label.weekly": "每周的",
|
17
|
+
"label.yearly": "每年的",
|
18
|
+
"text.any value": "任何输入值",
|
19
|
+
"text.allowed values": "应许的输入值",
|
20
|
+
"text.every 12 hours": "每十二小时",
|
21
|
+
"text.every 15 minutes": "每十五分钟",
|
22
|
+
"text.every 15 seconds": "每十五秒",
|
23
|
+
"text.every 2 hours": "每两小时",
|
24
|
+
"text.every 2 minutes": "每两分钟",
|
25
|
+
"text.every 2 seconds": "每两秒",
|
26
|
+
"text.every 30 seconds": "每三十秒",
|
27
|
+
"text.every christmas": "每圣诞节",
|
28
|
+
"text.every day": "每天",
|
29
|
+
"text.every half hour": "每半小时",
|
30
|
+
"text.every hour during working time": "工作时间的每小时",
|
31
|
+
"text.every hour": "每小时",
|
32
|
+
"text.every minute": "每分钟",
|
33
|
+
"text.every second": "每秒",
|
34
|
+
"text.every sunday": "每星期天",
|
35
|
+
"text.every sunday(2)": "每星期天",
|
36
|
+
"text.every weekday": "每个工作日",
|
37
|
+
"text.range of values": "值的范围",
|
38
|
+
"text.step values": "阶跃值",
|
39
|
+
"text.the first day of every month": "每月的第一天",
|
40
|
+
"text.the first day of every year": "每年的第一天",
|
41
|
+
"text.value list separator": "值列表分隔符",
|
42
|
+
"text.10 am on every payday": "每发薪的10点早上"
|
43
|
+
}
|
package/xliff/en.xlf
CHANGED
@@ -23,6 +23,30 @@
|
|
23
23
|
<trans-unit id="s075cb2f53173bd8a">
|
24
24
|
<source>rotate</source>
|
25
25
|
</trans-unit>
|
26
|
+
<trans-unit id="sc4bcadba8e631b86">
|
27
|
+
<source>name</source>
|
28
|
+
</trans-unit>
|
29
|
+
<trans-unit id="s63c6e58ec805a9eb">
|
30
|
+
<source>from date</source>
|
31
|
+
</trans-unit>
|
32
|
+
<trans-unit id="sfcc01216c601ec9e">
|
33
|
+
<source>from time</source>
|
34
|
+
</trans-unit>
|
35
|
+
<trans-unit id="s685db98545dc9448">
|
36
|
+
<source>to date</source>
|
37
|
+
</trans-unit>
|
38
|
+
<trans-unit id="s77c8560cf63a372d">
|
39
|
+
<source>to time</source>
|
40
|
+
</trans-unit>
|
41
|
+
<trans-unit id="s42670fc325584e15">
|
42
|
+
<source>The day before</source>
|
43
|
+
</trans-unit>
|
44
|
+
<trans-unit id="s29ec9210c8a8222e">
|
45
|
+
<source>The day</source>
|
46
|
+
</trans-unit>
|
47
|
+
<trans-unit id="scff69aa7239287b0">
|
48
|
+
<source>The day after</source>
|
49
|
+
</trans-unit>
|
26
50
|
</body>
|
27
51
|
</file>
|
28
52
|
</xliff>
|
package/xliff/ko.xlf
CHANGED
@@ -30,6 +30,38 @@
|
|
30
30
|
<source>rotate</source>
|
31
31
|
<target>회전</target>
|
32
32
|
</trans-unit>
|
33
|
+
<trans-unit id="sc4bcadba8e631b86">
|
34
|
+
<source>name</source>
|
35
|
+
<target>이름</target>
|
36
|
+
</trans-unit>
|
37
|
+
<trans-unit id="s63c6e58ec805a9eb">
|
38
|
+
<source>from date</source>
|
39
|
+
<target>시작일</target>
|
40
|
+
</trans-unit>
|
41
|
+
<trans-unit id="sfcc01216c601ec9e">
|
42
|
+
<source>from time</source>
|
43
|
+
<target>시작시간</target>
|
44
|
+
</trans-unit>
|
45
|
+
<trans-unit id="s685db98545dc9448">
|
46
|
+
<source>to date</source>
|
47
|
+
<target>완료일</target>
|
48
|
+
</trans-unit>
|
49
|
+
<trans-unit id="s77c8560cf63a372d">
|
50
|
+
<source>to time</source>
|
51
|
+
<target>완료시간</target>
|
52
|
+
</trans-unit>
|
53
|
+
<trans-unit id="s42670fc325584e15">
|
54
|
+
<source>The day before</source>
|
55
|
+
<target>전날</target>
|
56
|
+
</trans-unit>
|
57
|
+
<trans-unit id="s29ec9210c8a8222e">
|
58
|
+
<source>The day</source>
|
59
|
+
<target>당일</target>
|
60
|
+
</trans-unit>
|
61
|
+
<trans-unit id="scff69aa7239287b0">
|
62
|
+
<source>The day after</source>
|
63
|
+
<target>다음날</target>
|
64
|
+
</trans-unit>
|
33
65
|
</body>
|
34
66
|
</file>
|
35
67
|
</xliff>
|
package/xliff/ms.xlf
CHANGED
@@ -23,6 +23,30 @@
|
|
23
23
|
<trans-unit id="s075cb2f53173bd8a">
|
24
24
|
<source>rotate</source>
|
25
25
|
</trans-unit>
|
26
|
+
<trans-unit id="sc4bcadba8e631b86">
|
27
|
+
<source>name</source>
|
28
|
+
</trans-unit>
|
29
|
+
<trans-unit id="s63c6e58ec805a9eb">
|
30
|
+
<source>from date</source>
|
31
|
+
</trans-unit>
|
32
|
+
<trans-unit id="sfcc01216c601ec9e">
|
33
|
+
<source>from time</source>
|
34
|
+
</trans-unit>
|
35
|
+
<trans-unit id="s685db98545dc9448">
|
36
|
+
<source>to date</source>
|
37
|
+
</trans-unit>
|
38
|
+
<trans-unit id="s77c8560cf63a372d">
|
39
|
+
<source>to time</source>
|
40
|
+
</trans-unit>
|
41
|
+
<trans-unit id="s42670fc325584e15">
|
42
|
+
<source>The day before</source>
|
43
|
+
</trans-unit>
|
44
|
+
<trans-unit id="s29ec9210c8a8222e">
|
45
|
+
<source>The day</source>
|
46
|
+
</trans-unit>
|
47
|
+
<trans-unit id="scff69aa7239287b0">
|
48
|
+
<source>The day after</source>
|
49
|
+
</trans-unit>
|
26
50
|
</body>
|
27
51
|
</file>
|
28
52
|
</xliff>
|
package/xliff/zh.xlf
CHANGED
@@ -23,6 +23,30 @@
|
|
23
23
|
<trans-unit id="s075cb2f53173bd8a">
|
24
24
|
<source>rotate</source>
|
25
25
|
</trans-unit>
|
26
|
+
<trans-unit id="sc4bcadba8e631b86">
|
27
|
+
<source>name</source>
|
28
|
+
</trans-unit>
|
29
|
+
<trans-unit id="s63c6e58ec805a9eb">
|
30
|
+
<source>from date</source>
|
31
|
+
</trans-unit>
|
32
|
+
<trans-unit id="sfcc01216c601ec9e">
|
33
|
+
<source>from time</source>
|
34
|
+
</trans-unit>
|
35
|
+
<trans-unit id="s685db98545dc9448">
|
36
|
+
<source>to date</source>
|
37
|
+
</trans-unit>
|
38
|
+
<trans-unit id="s77c8560cf63a372d">
|
39
|
+
<source>to time</source>
|
40
|
+
</trans-unit>
|
41
|
+
<trans-unit id="s42670fc325584e15">
|
42
|
+
<source>The day before</source>
|
43
|
+
</trans-unit>
|
44
|
+
<trans-unit id="s29ec9210c8a8222e">
|
45
|
+
<source>The day</source>
|
46
|
+
</trans-unit>
|
47
|
+
<trans-unit id="scff69aa7239287b0">
|
48
|
+
<source>The day after</source>
|
49
|
+
</trans-unit>
|
26
50
|
</body>
|
27
51
|
</file>
|
28
52
|
</xliff>
|
@@ -1,33 +0,0 @@
|
|
1
|
-
import '../src/input.js';
|
2
|
-
import { html } from 'lit';
|
3
|
-
export default {
|
4
|
-
title: 'PropertyEditor',
|
5
|
-
component: 'property-editor',
|
6
|
-
argTypes: {
|
7
|
-
title: { control: 'text' },
|
8
|
-
counter: { control: 'number' },
|
9
|
-
textColor: { control: 'color' }
|
10
|
-
}
|
11
|
-
};
|
12
|
-
const Template = ({ title = 'Hello world', counter = 5, textColor, slot }) => html `
|
13
|
-
<property-editor style="--property-editor-text-color: ${textColor || 'black'}" .title=${title} .counter=${counter}>
|
14
|
-
${slot}
|
15
|
-
</property-editor>
|
16
|
-
`;
|
17
|
-
export const Regular = Template.bind({});
|
18
|
-
export const CustomTitle = Template.bind({});
|
19
|
-
CustomTitle.args = {
|
20
|
-
title: 'My title'
|
21
|
-
};
|
22
|
-
export const CustomCounter = Template.bind({});
|
23
|
-
CustomCounter.args = {
|
24
|
-
counter: 123456
|
25
|
-
};
|
26
|
-
export const SlottedContent = Template.bind({});
|
27
|
-
SlottedContent.args = {
|
28
|
-
slot: html `<p>Slotted content</p>`
|
29
|
-
};
|
30
|
-
SlottedContent.argTypes = {
|
31
|
-
slot: { table: { disable: true } }
|
32
|
-
};
|
33
|
-
//# sourceMappingURL=index.stories.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../stories/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAA;AAExB,OAAO,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,iBAAiB;IAC5B,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC9B,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KAChC;CACF,CAAA;AAeD,MAAM,QAAQ,GAAoB,CAAC,EAAE,KAAK,GAAG,aAAa,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;0DACnD,SAAS,IAAI,OAAO,YAAY,KAAK,aAAa,OAAO;MAC7G,IAAI;;CAET,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,WAAW,CAAC,IAAI,GAAG;IACjB,KAAK,EAAE,UAAU;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC9C,aAAa,CAAC,IAAI,GAAG;IACnB,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,cAAc,CAAC,IAAI,GAAG;IACpB,IAAI,EAAE,IAAI,CAAA,wBAAwB;CACnC,CAAA;AACD,cAAc,CAAC,QAAQ,GAAG;IACxB,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;CACnC,CAAA","sourcesContent":["import '../src/input.js'\n\nimport { TemplateResult, html } from 'lit'\n\nexport default {\n title: 'PropertyEditor',\n component: 'property-editor',\n argTypes: {\n title: { control: 'text' },\n counter: { control: 'number' },\n textColor: { control: 'color' }\n }\n}\n\ninterface Story<T> {\n (args: T): TemplateResult\n args?: Partial<T>\n argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n title?: string\n counter?: number\n textColor?: string\n slot?: TemplateResult\n}\n\nconst Template: Story<ArgTypes> = ({ title = 'Hello world', counter = 5, textColor, slot }: ArgTypes) => html`\n <property-editor style=\"--property-editor-text-color: ${textColor || 'black'}\" .title=${title} .counter=${counter}>\n ${slot}\n </property-editor>\n`\n\nexport const Regular = Template.bind({})\n\nexport const CustomTitle = Template.bind({})\nCustomTitle.args = {\n title: 'My title'\n}\n\nexport const CustomCounter = Template.bind({})\nCustomCounter.args = {\n counter: 123456\n}\n\nexport const SlottedContent = Template.bind({})\nSlottedContent.args = {\n slot: html`<p>Slotted content</p>`\n}\nSlottedContent.argTypes = {\n slot: { table: { disable: true } }\n}\n"]}
|
package/stories/index.stories.ts
DELETED
@@ -1,52 +0,0 @@
|
|
1
|
-
import '../src/input.js'
|
2
|
-
|
3
|
-
import { TemplateResult, html } from 'lit'
|
4
|
-
|
5
|
-
export default {
|
6
|
-
title: 'PropertyEditor',
|
7
|
-
component: 'property-editor',
|
8
|
-
argTypes: {
|
9
|
-
title: { control: 'text' },
|
10
|
-
counter: { control: 'number' },
|
11
|
-
textColor: { control: 'color' }
|
12
|
-
}
|
13
|
-
}
|
14
|
-
|
15
|
-
interface Story<T> {
|
16
|
-
(args: T): TemplateResult
|
17
|
-
args?: Partial<T>
|
18
|
-
argTypes?: Record<string, unknown>
|
19
|
-
}
|
20
|
-
|
21
|
-
interface ArgTypes {
|
22
|
-
title?: string
|
23
|
-
counter?: number
|
24
|
-
textColor?: string
|
25
|
-
slot?: TemplateResult
|
26
|
-
}
|
27
|
-
|
28
|
-
const Template: Story<ArgTypes> = ({ title = 'Hello world', counter = 5, textColor, slot }: ArgTypes) => html`
|
29
|
-
<property-editor style="--property-editor-text-color: ${textColor || 'black'}" .title=${title} .counter=${counter}>
|
30
|
-
${slot}
|
31
|
-
</property-editor>
|
32
|
-
`
|
33
|
-
|
34
|
-
export const Regular = Template.bind({})
|
35
|
-
|
36
|
-
export const CustomTitle = Template.bind({})
|
37
|
-
CustomTitle.args = {
|
38
|
-
title: 'My title'
|
39
|
-
}
|
40
|
-
|
41
|
-
export const CustomCounter = Template.bind({})
|
42
|
-
CustomCounter.args = {
|
43
|
-
counter: 123456
|
44
|
-
}
|
45
|
-
|
46
|
-
export const SlottedContent = Template.bind({})
|
47
|
-
SlottedContent.args = {
|
48
|
-
slot: html`<p>Slotted content</p>`
|
49
|
-
}
|
50
|
-
SlottedContent.argTypes = {
|
51
|
-
slot: { table: { disable: true } }
|
52
|
-
}
|