@gez/date-time-kit 1.1.4 → 2.0.0-alpha.1

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 (83) hide show
  1. package/dist/assets/arrow-down.svg +1 -0
  2. package/dist/assets/arrow-left-double.svg +1 -0
  3. package/dist/assets/arrow-left.svg +1 -0
  4. package/dist/assets/arrow-right-double.svg +1 -0
  5. package/dist/assets/arrow-right.svg +1 -0
  6. package/dist/assets/back-arrow.svg +1 -0
  7. package/dist/assets/time.svg +1 -0
  8. package/dist/components/calendar/index.css +108 -0
  9. package/dist/components/calendar/index.d.ts +84 -0
  10. package/dist/components/calendar/index.mjs +238 -0
  11. package/dist/components/date-time-selector/index.d.ts +53 -0
  12. package/dist/components/date-time-selector/index.mjs +180 -0
  13. package/dist/components/date-time-selector/styleStr.d.ts +1 -0
  14. package/dist/components/date-time-selector/styleStr.mjs +6 -0
  15. package/dist/components/hhmmss-ms-list-grp/index.css +60 -0
  16. package/dist/components/hhmmss-ms-list-grp/index.d.ts +54 -0
  17. package/dist/components/hhmmss-ms-list-grp/index.mjs +226 -0
  18. package/dist/components/i18n/index.d.ts +13 -0
  19. package/dist/components/i18n/index.mjs +42 -0
  20. package/dist/components/num-list/index.css +35 -0
  21. package/dist/components/num-list/index.d.ts +68 -0
  22. package/dist/components/num-list/index.mjs +259 -0
  23. package/dist/components/period-selector/index.css +153 -0
  24. package/dist/components/period-selector/index.d.ts +77 -0
  25. package/dist/components/period-selector/index.mjs +331 -0
  26. package/dist/components/popover/index.d.ts +34 -0
  27. package/dist/components/popover/index.mjs +104 -0
  28. package/dist/components/quick-selector/index.css +167 -0
  29. package/dist/components/quick-selector/index.d.ts +86 -0
  30. package/dist/components/quick-selector/index.mjs +379 -0
  31. package/dist/components/web-component-base/index.css +9 -0
  32. package/dist/components/web-component-base/index.d.ts +46 -0
  33. package/dist/components/web-component-base/index.mjs +118 -0
  34. package/dist/components/web-component-base/scrollbar.css +25 -0
  35. package/dist/components/yyyymm-nav/index.css +92 -0
  36. package/dist/components/yyyymm-nav/index.d.ts +62 -0
  37. package/dist/components/yyyymm-nav/index.mjs +160 -0
  38. package/dist/components/yyyymmdd-list-grp/index.css +32 -0
  39. package/dist/components/yyyymmdd-list-grp/index.d.ts +52 -0
  40. package/dist/components/yyyymmdd-list-grp/index.mjs +181 -0
  41. package/dist/i18n.d.ts +36 -0
  42. package/dist/i18n.mjs +368 -0
  43. package/dist/index.d.ts +8 -0
  44. package/dist/index.mjs +17 -0
  45. package/dist/utils.d.ts +12 -0
  46. package/dist/utils.mjs +21 -0
  47. package/package.json +37 -63
  48. package/src/assets/arrow-down.svg +1 -0
  49. package/src/assets/arrow-left-double.svg +1 -0
  50. package/src/assets/arrow-left.svg +1 -0
  51. package/src/assets/arrow-right-double.svg +1 -0
  52. package/src/assets/arrow-right.svg +1 -0
  53. package/src/assets/back-arrow.svg +1 -0
  54. package/src/assets/time.svg +1 -0
  55. package/src/components/calendar/index.scss +128 -0
  56. package/src/components/calendar/index.ts +453 -0
  57. package/src/components/date-time-selector/index.ts +239 -0
  58. package/src/components/date-time-selector/styleStr.ts +86 -0
  59. package/src/components/hhmmss-ms-list-grp/index.scss +61 -0
  60. package/src/components/hhmmss-ms-list-grp/index.ts +387 -0
  61. package/src/components/i18n/index.ts +48 -0
  62. package/src/components/num-list/index.scss +38 -0
  63. package/src/components/num-list/index.ts +357 -0
  64. package/src/components/period-selector/index.scss +161 -0
  65. package/src/components/period-selector/index.ts +581 -0
  66. package/src/components/popover/index.ts +127 -0
  67. package/src/components/quick-selector/index.scss +183 -0
  68. package/src/components/quick-selector/index.ts +656 -0
  69. package/src/components/web-component-base/index.scss +11 -0
  70. package/src/components/web-component-base/index.ts +235 -0
  71. package/src/components/web-component-base/scrollbar.scss +30 -0
  72. package/src/components/yyyymm-nav/index.scss +108 -0
  73. package/src/components/yyyymm-nav/index.ts +319 -0
  74. package/src/components/yyyymmdd-list-grp/index.scss +33 -0
  75. package/src/components/yyyymmdd-list-grp/index.ts +290 -0
  76. package/src/i18n.ts +415 -0
  77. package/src/index.ts +13 -0
  78. package/src/utils.ts +36 -0
  79. package/README.md +0 -152
  80. package/dist/index.css +0 -1
  81. package/dist/index.html +0 -85
  82. package/dist/index.js +0 -145
  83. package/type.d.ts +0 -164
package/src/components/quick-selector/index.scss ADDED
@@ -0,0 +1,183 @@
1
+
2
+ :host {
3
+ width: fit-content;
4
+ display: block;
5
+ }
6
+
7
+ .menu {
8
+ display: flex;
9
+ flex-direction: column;
10
+ align-items: center;
11
+ padding: 10px 5px;
12
+ font-size: 14px;
13
+ gap: 10px;
14
+ border-radius: 6px;
15
+ border: 1px solid #eee;
16
+ box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
17
+ background-color: #fff;
18
+
19
+ & > * {
20
+ width: 100%;
21
+ box-sizing: border-box;
22
+ }
23
+ }
24
+
25
+ .radio-grp {
26
+ display: flex;
27
+ flex-direction: column;
28
+ gap: 5px;
29
+ width: 100%;
30
+
31
+ > label {
32
+ display: flex;
33
+ align-items: center;
34
+ gap: 10px;
35
+ cursor: pointer;
36
+ padding: 5px;
37
+
38
+ &:hover {
39
+ background-color: #f5f5f5;
40
+ }
41
+ }
42
+
43
+ dt-i18n {
44
+ flex: 1;
45
+ }
46
+
47
+ input {
48
+ margin: 0;
49
+ width: 24px;
50
+ height: 24px;
51
+ cursor: pointer;
52
+ }
53
+ }
54
+
55
+ .arrow-right-icon {
56
+ display: inline-block;
57
+ width: 15px;
58
+ height: 15px;
59
+ background: url('@/assets/arrow-right.svg') no-repeat center center;
60
+ cursor: pointer;
61
+ }
62
+
63
+ .dividing-line {
64
+ display: block;
65
+ height: 1px;
66
+ width: 100%;
67
+ background-color: #eee;
68
+ }
69
+
70
+ .tz-trigger {
71
+ display: flex;
72
+ align-items: center;
73
+ justify-content: space-between;
74
+ padding: 5px;
75
+ gap: 10px;
76
+ cursor: pointer;
77
+ white-space: nowrap;
78
+
79
+ &:hover {
80
+ background-color: #f5f5f5;
81
+ }
82
+
83
+ bdo {
84
+ direction: ltr;
85
+ }
86
+ }
87
+
88
+ .title {
89
+ display: flex;
90
+ align-items: center;
91
+ padding: 5px;
92
+ gap: 10px;
93
+ font-weight: 700;
94
+ font-size: 18px;
95
+ box-sizing: border-box;
96
+
97
+ svg {
98
+ border: 5px solid transparent;
99
+ border-radius: 50%;
100
+ margin: -5px;
101
+ cursor: pointer;
102
+ }
103
+ svg:hover {
104
+ background-color: #eee;
105
+ border-color: #eee;
106
+ }
107
+ }
108
+
109
+ .menu.tz {
110
+ min-width: 180px;
111
+ max-height: 293px;
112
+ overflow: hidden auto;
113
+
114
+ fieldset {
115
+ width: 100%;
116
+ border: none;
117
+ border-top: 1px solid #eee;
118
+ margin: 0;
119
+ padding: 0;
120
+
121
+ display: flex;
122
+ flex-direction: column;
123
+ gap: 5px;
124
+
125
+ legend {
126
+ padding: 0 5px;
127
+ margin-bottom: 5px;
128
+ font-size: 12px;
129
+ line-height: 24px;
130
+ color: #666;
131
+ }
132
+ }
133
+
134
+ label {
135
+ display: flex;
136
+ align-items: center;
137
+ gap: 10px;
138
+ cursor: pointer;
139
+ padding: 5px;
140
+
141
+ &:hover {
142
+ background-color: #f5f5f5;
143
+ }
144
+ }
145
+
146
+ input {
147
+ margin: 0;
148
+ width: 24px;
149
+ height: 24px;
150
+ cursor: pointer;
151
+ }
152
+ }
153
+
154
+ button {
155
+ border: none;
156
+ min-height: 40px;
157
+ border-radius: 6px;
158
+ padding: 5px 15px;
159
+ font-size: 16px;
160
+ line-height: 1;
161
+ background-color: #18181B;
162
+ color: #fff;
163
+ font-weight: 500;
164
+ cursor: pointer;
165
+ }
166
+
167
+ .menu.custom {
168
+ padding: 14px;
169
+ gap: 15px;
170
+
171
+ dt-period-selector {
172
+ width: 590px;
173
+ }
174
+ .btns {
175
+ display: flex;
176
+ justify-content: flex-end;
177
+ gap: 10px;
178
+ }
179
+ #reset {
180
+ background-color: #E5E7E8;
181
+ color: #333;
182
+ }
183
+ }