smoothly 0.3.4 → 0.3.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.
Files changed (103) hide show
  1. package/dist/cjs/{index-3efe2a41.js → index-3fb97927.js} +467 -269
  2. package/dist/cjs/{index-2a011313.js → index-7b75b331.js} +1 -1
  3. package/dist/cjs/index.cjs.js +2 -2
  4. package/dist/cjs/loader.cjs.js +3 -3
  5. package/dist/cjs/smoothly-accordion_53.cjs.entry.js +68 -26
  6. package/dist/cjs/smoothly-google-font.cjs.entry.js +1 -1
  7. package/dist/cjs/smoothly-radio-group.cjs.entry.js +1 -1
  8. package/dist/cjs/smoothly-reorder.cjs.entry.js +1 -1
  9. package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +1 -1
  10. package/dist/cjs/smoothly-trigger-source.cjs.entry.js +1 -1
  11. package/dist/cjs/smoothly.cjs.js +3 -3
  12. package/dist/collection/collection-manifest.json +2 -2
  13. package/dist/collection/components/App.js +38 -46
  14. package/dist/collection/components/accordion/index.js +65 -55
  15. package/dist/collection/components/accordion-item/index.js +133 -131
  16. package/dist/collection/components/app/index.js +37 -32
  17. package/dist/collection/components/app-demo/index.js +39 -68
  18. package/dist/collection/components/backtotop/index.js +73 -66
  19. package/dist/collection/components/button/index.js +144 -141
  20. package/dist/collection/components/calendar/index.js +277 -268
  21. package/dist/collection/components/checkbox/index.js +120 -110
  22. package/dist/collection/components/dialog/index.js +97 -93
  23. package/dist/collection/components/dialog-demo/index.js +2 -3
  24. package/dist/collection/components/display/index.js +108 -102
  25. package/dist/collection/components/display-amount/index.js +68 -63
  26. package/dist/collection/components/display-date-time/index.js +35 -30
  27. package/dist/collection/components/display-demo/index.js +23 -129
  28. package/dist/collection/components/frame/index.js +134 -124
  29. package/dist/collection/components/google-font/index.js +26 -24
  30. package/dist/collection/components/icon/index.js +116 -107
  31. package/dist/collection/components/icon-demo/index.js +11 -7
  32. package/dist/collection/components/input/index.js +364 -355
  33. package/dist/collection/components/input-date/index.js +165 -156
  34. package/dist/collection/components/input-date-range/index.js +220 -213
  35. package/dist/collection/components/input-demo/index.js +2 -87
  36. package/dist/collection/components/input-month/index.js +65 -57
  37. package/dist/collection/components/item/index.js +101 -87
  38. package/dist/collection/components/menu-options/index.js +287 -275
  39. package/dist/collection/components/notification/index.js +74 -63
  40. package/dist/collection/components/notifier/index.js +31 -23
  41. package/dist/collection/components/option/index.js +227 -223
  42. package/dist/collection/components/picker/index.js +404 -397
  43. package/dist/collection/components/popup/index.js +73 -69
  44. package/dist/collection/components/quiet/index.js +33 -28
  45. package/dist/collection/components/radio/index.js +98 -91
  46. package/dist/collection/components/radio-button/index.js +92 -83
  47. package/dist/collection/components/radio-button/item/index.js +91 -66
  48. package/dist/collection/components/radio-button/item/style.css +18 -13
  49. package/dist/collection/components/radio-group/index.js +33 -27
  50. package/dist/collection/components/reorder/index.js +28 -23
  51. package/dist/collection/components/room/index.js +73 -71
  52. package/dist/collection/components/select/index.js +82 -75
  53. package/dist/collection/components/select-demo/index.js +24 -42
  54. package/dist/collection/components/selector/index.js +71 -68
  55. package/dist/collection/components/skeleton/index.js +112 -106
  56. package/dist/collection/components/spinner/index.js +50 -46
  57. package/dist/collection/components/submit/index.js +174 -163
  58. package/dist/collection/components/svg/index.js +65 -60
  59. package/dist/collection/components/tab/index.js +84 -75
  60. package/dist/collection/components/tab-switch/index.js +32 -23
  61. package/dist/collection/components/table/cell/index.js +12 -9
  62. package/dist/collection/components/table/demo/index.js +13 -59
  63. package/dist/collection/components/table/expandable/cell/index.js +100 -95
  64. package/dist/collection/components/table/expandable/row/index.js +85 -79
  65. package/dist/collection/components/table/header/index.js +33 -28
  66. package/dist/collection/components/table/index.js +44 -36
  67. package/dist/collection/components/table/row/index.js +26 -20
  68. package/dist/collection/components/trigger/index.js +174 -166
  69. package/dist/collection/components/trigger-sink/index.js +73 -65
  70. package/dist/collection/components/trigger-source/index.js +71 -63
  71. package/dist/collection/components/tuple/index.js +19 -17
  72. package/dist/collection/components/urlencoded/index.js +22 -20
  73. package/dist/collection/model/Listenable.js +4 -2
  74. package/dist/custom-elements/index.js +67 -25
  75. package/dist/esm/{index-1d438ba2.js → index-3b463176.js} +1 -1
  76. package/dist/esm/{index-4d9efff8.js → index-fcf8bdd3.js} +467 -269
  77. package/dist/esm/index.js +2 -2
  78. package/dist/esm/loader.js +3 -3
  79. package/dist/esm/polyfills/css-shim.js +1 -1
  80. package/dist/esm/smoothly-accordion_53.entry.js +68 -26
  81. package/dist/esm/smoothly-google-font.entry.js +1 -1
  82. package/dist/esm/smoothly-radio-group.entry.js +1 -1
  83. package/dist/esm/smoothly-reorder.entry.js +1 -1
  84. package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
  85. package/dist/esm/smoothly-trigger-source.entry.js +1 -1
  86. package/dist/esm/smoothly.js +3 -3
  87. package/dist/smoothly/index.esm.js +1 -1
  88. package/dist/smoothly/{p-d5d4832d.entry.js → p-0833f25c.entry.js} +1 -1
  89. package/dist/smoothly/{p-919ae3e8.entry.js → p-2bf8c660.entry.js} +1 -1
  90. package/dist/smoothly/{p-8e4e941e.entry.js → p-3bd18eea.entry.js} +1 -1
  91. package/dist/smoothly/p-8ab82f55.entry.js +1 -0
  92. package/dist/smoothly/{p-9bc77fba.entry.js → p-a1c137fc.entry.js} +1 -1
  93. package/dist/smoothly/p-af90d05a.js +2 -0
  94. package/dist/smoothly/{p-76e88859.js → p-e5191036.js} +1 -1
  95. package/dist/smoothly/{p-7a5eda51.entry.js → p-f67259c5.entry.js} +1 -1
  96. package/dist/smoothly/smoothly.esm.js +1 -1
  97. package/dist/types/components/radio-button/item/index.d.ts +2 -0
  98. package/dist/types/components.d.ts +3 -1
  99. package/dist/types/stencil-public-runtime.d.ts +15 -4
  100. package/loader/package.json +1 -0
  101. package/package.json +6 -6
  102. package/dist/smoothly/p-191ee4b8.js +0 -2
  103. package/dist/smoothly/p-59c574cb.entry.js +0 -1
@@ -1,4 +1,4 @@
1
- import { Component, Element, Event, h, Prop, State, Watch } from "@stencil/core";
1
+ import { h } from "@stencil/core";
2
2
  import { Date } from "isoly";
3
3
  import * as generate from "./generate";
4
4
  export class Calendar {
@@ -51,298 +51,307 @@ export class Calendar {
51
51
  this.month = event.detail;
52
52
  event.stopPropagation();
53
53
  } }),
54
- h("table", null,
55
- h("thead", null,
56
- h("tr", null, generate.weekdays().map(day => (h("th", null, day))))),
57
- generate.month((_b = this.month) !== null && _b !== void 0 ? _b : this.value).map(week => (h("tr", null, week.map(date => {
58
- var _a, _b, _c;
59
- return (h("td", { tabindex: 1, onMouseOver: () => {
60
- !this.doubleInput && (this.min || this.max) && (date < this.min || date > this.max)
61
- ? undefined
62
- : this.onHover(date);
63
- }, onClick: (this.min || this.max) && (date < this.min || date > this.max) ? undefined : () => this.onClick(date), class: (date == this.value ? ["selected"] : [])
64
- .concat(...(date == Date.now() ? ["today"] : []), Date.firstOfMonth((_a = this.month) !== null && _a !== void 0 ? _a : this.value) == Date.firstOfMonth(date) ? ["currentMonth"] : [], this.doubleInput
65
- ? this.start == date || this.end == date
66
- ? ["selected"]
67
- : date >= ((_b = this.start) !== null && _b !== void 0 ? _b : "") && date <= ((_c = this.end) !== null && _c !== void 0 ? _c : "")
68
- ? ["dateRange"]
69
- : []
70
- : "")
71
- .concat(...(this.min || this.max ? (date < this.min || date > this.max ? ["disable"] : []) : ""))
72
- .join(" ") }, date.substring(8, 10)));
73
- }))))),
54
+ h("table", null, h("thead", null, h("tr", null, generate.weekdays().map(day => (h("th", null, day))))), generate.month((_b = this.month) !== null && _b !== void 0 ? _b : this.value).map(week => (h("tr", null, week.map(date => {
55
+ var _a, _b, _c;
56
+ return (h("td", { tabindex: 1, onMouseOver: () => {
57
+ !this.doubleInput && (this.min || this.max) && (date < this.min || date > this.max)
58
+ ? undefined
59
+ : this.onHover(date);
60
+ }, onClick: (this.min || this.max) && (date < this.min || date > this.max) ? undefined : () => this.onClick(date), class: (date == this.value ? ["selected"] : [])
61
+ .concat(...(date == Date.now() ? ["today"] : []), Date.firstOfMonth((_a = this.month) !== null && _a !== void 0 ? _a : this.value) == Date.firstOfMonth(date) ? ["currentMonth"] : [], this.doubleInput
62
+ ? this.start == date || this.end == date
63
+ ? ["selected"]
64
+ : date >= ((_b = this.start) !== null && _b !== void 0 ? _b : "") && date <= ((_c = this.end) !== null && _c !== void 0 ? _c : "")
65
+ ? ["dateRange"]
66
+ : []
67
+ : "")
68
+ .concat(...(this.min || this.max ? (date < this.min || date > this.max ? ["disable"] : []) : ""))
69
+ .join(" ") }, date.substring(8, 10)));
70
+ }))))),
74
71
  ];
75
72
  }
76
73
  static get is() { return "smoothly-calendar"; }
77
74
  static get encapsulation() { return "scoped"; }
78
- static get originalStyleUrls() { return {
79
- "$": ["style.css"]
80
- }; }
81
- static get styleUrls() { return {
82
- "$": ["style.css"]
83
- }; }
84
- static get properties() { return {
85
- "month": {
86
- "type": "string",
87
- "mutable": true,
88
- "complexType": {
89
- "original": "Date",
90
- "resolved": "string | undefined",
91
- "references": {
92
- "Date": {
93
- "location": "import",
94
- "path": "isoly"
75
+ static get originalStyleUrls() {
76
+ return {
77
+ "$": ["style.css"]
78
+ };
79
+ }
80
+ static get styleUrls() {
81
+ return {
82
+ "$": ["style.css"]
83
+ };
84
+ }
85
+ static get properties() {
86
+ return {
87
+ "month": {
88
+ "type": "string",
89
+ "mutable": true,
90
+ "complexType": {
91
+ "original": "Date",
92
+ "resolved": "string | undefined",
93
+ "references": {
94
+ "Date": {
95
+ "location": "import",
96
+ "path": "isoly"
97
+ }
95
98
  }
96
- }
97
- },
98
- "required": false,
99
- "optional": true,
100
- "docs": {
101
- "tags": [],
102
- "text": ""
99
+ },
100
+ "required": false,
101
+ "optional": true,
102
+ "docs": {
103
+ "tags": [],
104
+ "text": ""
105
+ },
106
+ "attribute": "month",
107
+ "reflect": false
103
108
  },
104
- "attribute": "month",
105
- "reflect": false
106
- },
107
- "value": {
108
- "type": "string",
109
- "mutable": true,
110
- "complexType": {
111
- "original": "Date",
112
- "resolved": "string",
113
- "references": {
114
- "Date": {
115
- "location": "import",
116
- "path": "isoly"
109
+ "value": {
110
+ "type": "string",
111
+ "mutable": true,
112
+ "complexType": {
113
+ "original": "Date",
114
+ "resolved": "string",
115
+ "references": {
116
+ "Date": {
117
+ "location": "import",
118
+ "path": "isoly"
119
+ }
117
120
  }
118
- }
119
- },
120
- "required": false,
121
- "optional": false,
122
- "docs": {
123
- "tags": [],
124
- "text": ""
121
+ },
122
+ "required": false,
123
+ "optional": false,
124
+ "docs": {
125
+ "tags": [],
126
+ "text": ""
127
+ },
128
+ "attribute": "value",
129
+ "reflect": false,
130
+ "defaultValue": "Date.now()"
125
131
  },
126
- "attribute": "value",
127
- "reflect": false,
128
- "defaultValue": "Date.now()"
129
- },
130
- "start": {
131
- "type": "string",
132
- "mutable": true,
133
- "complexType": {
134
- "original": "Date",
135
- "resolved": "string | undefined",
136
- "references": {
137
- "Date": {
138
- "location": "import",
139
- "path": "isoly"
132
+ "start": {
133
+ "type": "string",
134
+ "mutable": true,
135
+ "complexType": {
136
+ "original": "Date",
137
+ "resolved": "string | undefined",
138
+ "references": {
139
+ "Date": {
140
+ "location": "import",
141
+ "path": "isoly"
142
+ }
140
143
  }
141
- }
142
- },
143
- "required": false,
144
- "optional": true,
145
- "docs": {
146
- "tags": [],
147
- "text": ""
144
+ },
145
+ "required": false,
146
+ "optional": true,
147
+ "docs": {
148
+ "tags": [],
149
+ "text": ""
150
+ },
151
+ "attribute": "start",
152
+ "reflect": false
148
153
  },
149
- "attribute": "start",
150
- "reflect": false
151
- },
152
- "end": {
153
- "type": "string",
154
- "mutable": true,
155
- "complexType": {
156
- "original": "Date",
157
- "resolved": "string | undefined",
158
- "references": {
159
- "Date": {
160
- "location": "import",
161
- "path": "isoly"
154
+ "end": {
155
+ "type": "string",
156
+ "mutable": true,
157
+ "complexType": {
158
+ "original": "Date",
159
+ "resolved": "string | undefined",
160
+ "references": {
161
+ "Date": {
162
+ "location": "import",
163
+ "path": "isoly"
164
+ }
162
165
  }
163
- }
164
- },
165
- "required": false,
166
- "optional": true,
167
- "docs": {
168
- "tags": [],
169
- "text": ""
166
+ },
167
+ "required": false,
168
+ "optional": true,
169
+ "docs": {
170
+ "tags": [],
171
+ "text": ""
172
+ },
173
+ "attribute": "end",
174
+ "reflect": false
170
175
  },
171
- "attribute": "end",
172
- "reflect": false
173
- },
174
- "max": {
175
- "type": "string",
176
- "mutable": true,
177
- "complexType": {
178
- "original": "Date",
179
- "resolved": "string",
180
- "references": {
181
- "Date": {
182
- "location": "import",
183
- "path": "isoly"
176
+ "max": {
177
+ "type": "string",
178
+ "mutable": true,
179
+ "complexType": {
180
+ "original": "Date",
181
+ "resolved": "string",
182
+ "references": {
183
+ "Date": {
184
+ "location": "import",
185
+ "path": "isoly"
186
+ }
184
187
  }
185
- }
186
- },
187
- "required": false,
188
- "optional": false,
189
- "docs": {
190
- "tags": [],
191
- "text": ""
188
+ },
189
+ "required": false,
190
+ "optional": false,
191
+ "docs": {
192
+ "tags": [],
193
+ "text": ""
194
+ },
195
+ "attribute": "max",
196
+ "reflect": false
192
197
  },
193
- "attribute": "max",
194
- "reflect": false
195
- },
196
- "min": {
197
- "type": "string",
198
- "mutable": true,
199
- "complexType": {
200
- "original": "Date",
201
- "resolved": "string",
202
- "references": {
203
- "Date": {
204
- "location": "import",
205
- "path": "isoly"
198
+ "min": {
199
+ "type": "string",
200
+ "mutable": true,
201
+ "complexType": {
202
+ "original": "Date",
203
+ "resolved": "string",
204
+ "references": {
205
+ "Date": {
206
+ "location": "import",
207
+ "path": "isoly"
208
+ }
206
209
  }
207
- }
208
- },
209
- "required": false,
210
- "optional": false,
211
- "docs": {
212
- "tags": [],
213
- "text": ""
214
- },
215
- "attribute": "min",
216
- "reflect": false
217
- },
218
- "doubleInput": {
219
- "type": "boolean",
220
- "mutable": false,
221
- "complexType": {
222
- "original": "boolean",
223
- "resolved": "boolean",
224
- "references": {}
225
- },
226
- "required": false,
227
- "optional": false,
228
- "docs": {
229
- "tags": [],
230
- "text": ""
210
+ },
211
+ "required": false,
212
+ "optional": false,
213
+ "docs": {
214
+ "tags": [],
215
+ "text": ""
216
+ },
217
+ "attribute": "min",
218
+ "reflect": false
231
219
  },
232
- "attribute": "double-input",
233
- "reflect": true
234
- }
235
- }; }
236
- static get states() { return {
237
- "firstSelected": {}
238
- }; }
239
- static get events() { return [{
240
- "method": "valueChanged",
241
- "name": "valueChanged",
242
- "bubbles": true,
243
- "cancelable": true,
244
- "composed": true,
245
- "docs": {
246
- "tags": [],
247
- "text": ""
248
- },
249
- "complexType": {
250
- "original": "Date",
251
- "resolved": "string",
252
- "references": {
253
- "Date": {
254
- "location": "import",
255
- "path": "isoly"
220
+ "doubleInput": {
221
+ "type": "boolean",
222
+ "mutable": false,
223
+ "complexType": {
224
+ "original": "boolean",
225
+ "resolved": "boolean",
226
+ "references": {}
227
+ },
228
+ "required": false,
229
+ "optional": false,
230
+ "docs": {
231
+ "tags": [],
232
+ "text": ""
233
+ },
234
+ "attribute": "double-input",
235
+ "reflect": true
236
+ }
237
+ };
238
+ }
239
+ static get states() {
240
+ return {
241
+ "firstSelected": {}
242
+ };
243
+ }
244
+ static get events() {
245
+ return [{
246
+ "method": "valueChanged",
247
+ "name": "valueChanged",
248
+ "bubbles": true,
249
+ "cancelable": true,
250
+ "composed": true,
251
+ "docs": {
252
+ "tags": [],
253
+ "text": ""
254
+ },
255
+ "complexType": {
256
+ "original": "Date",
257
+ "resolved": "string",
258
+ "references": {
259
+ "Date": {
260
+ "location": "import",
261
+ "path": "isoly"
262
+ }
256
263
  }
257
264
  }
258
- }
259
- }, {
260
- "method": "startChanged",
261
- "name": "startChanged",
262
- "bubbles": true,
263
- "cancelable": true,
264
- "composed": true,
265
- "docs": {
266
- "tags": [],
267
- "text": ""
268
- },
269
- "complexType": {
270
- "original": "Date",
271
- "resolved": "string",
272
- "references": {
273
- "Date": {
274
- "location": "import",
275
- "path": "isoly"
265
+ }, {
266
+ "method": "startChanged",
267
+ "name": "startChanged",
268
+ "bubbles": true,
269
+ "cancelable": true,
270
+ "composed": true,
271
+ "docs": {
272
+ "tags": [],
273
+ "text": ""
274
+ },
275
+ "complexType": {
276
+ "original": "Date",
277
+ "resolved": "string",
278
+ "references": {
279
+ "Date": {
280
+ "location": "import",
281
+ "path": "isoly"
282
+ }
276
283
  }
277
284
  }
278
- }
279
- }, {
280
- "method": "endChanged",
281
- "name": "endChanged",
282
- "bubbles": true,
283
- "cancelable": true,
284
- "composed": true,
285
- "docs": {
286
- "tags": [],
287
- "text": ""
288
- },
289
- "complexType": {
290
- "original": "Date",
291
- "resolved": "string",
292
- "references": {
293
- "Date": {
294
- "location": "import",
295
- "path": "isoly"
285
+ }, {
286
+ "method": "endChanged",
287
+ "name": "endChanged",
288
+ "bubbles": true,
289
+ "cancelable": true,
290
+ "composed": true,
291
+ "docs": {
292
+ "tags": [],
293
+ "text": ""
294
+ },
295
+ "complexType": {
296
+ "original": "Date",
297
+ "resolved": "string",
298
+ "references": {
299
+ "Date": {
300
+ "location": "import",
301
+ "path": "isoly"
302
+ }
296
303
  }
297
304
  }
298
- }
299
- }, {
300
- "method": "dateSet",
301
- "name": "dateSet",
302
- "bubbles": true,
303
- "cancelable": true,
304
- "composed": true,
305
- "docs": {
306
- "tags": [],
307
- "text": ""
308
- },
309
- "complexType": {
310
- "original": "Date",
311
- "resolved": "string",
312
- "references": {
313
- "Date": {
314
- "location": "import",
315
- "path": "isoly"
305
+ }, {
306
+ "method": "dateSet",
307
+ "name": "dateSet",
308
+ "bubbles": true,
309
+ "cancelable": true,
310
+ "composed": true,
311
+ "docs": {
312
+ "tags": [],
313
+ "text": ""
314
+ },
315
+ "complexType": {
316
+ "original": "Date",
317
+ "resolved": "string",
318
+ "references": {
319
+ "Date": {
320
+ "location": "import",
321
+ "path": "isoly"
322
+ }
316
323
  }
317
324
  }
318
- }
319
- }, {
320
- "method": "dateRangeSet",
321
- "name": "dateRangeSet",
322
- "bubbles": true,
323
- "cancelable": true,
324
- "composed": true,
325
- "docs": {
326
- "tags": [],
327
- "text": ""
328
- },
329
- "complexType": {
330
- "original": "DateRange",
331
- "resolved": "DateRange",
332
- "references": {
333
- "DateRange": {
334
- "location": "import",
335
- "path": "isoly"
325
+ }, {
326
+ "method": "dateRangeSet",
327
+ "name": "dateRangeSet",
328
+ "bubbles": true,
329
+ "cancelable": true,
330
+ "composed": true,
331
+ "docs": {
332
+ "tags": [],
333
+ "text": ""
334
+ },
335
+ "complexType": {
336
+ "original": "DateRange",
337
+ "resolved": "DateRange",
338
+ "references": {
339
+ "DateRange": {
340
+ "location": "import",
341
+ "path": "isoly"
342
+ }
336
343
  }
337
344
  }
338
- }
339
- }]; }
345
+ }];
346
+ }
340
347
  static get elementRef() { return "element"; }
341
- static get watchers() { return [{
342
- "propName": "start",
343
- "methodName": "onStart"
344
- }, {
345
- "propName": "end",
346
- "methodName": "onEnd"
347
- }]; }
348
+ static get watchers() {
349
+ return [{
350
+ "propName": "start",
351
+ "methodName": "onStart"
352
+ }, {
353
+ "propName": "end",
354
+ "methodName": "onEnd"
355
+ }];
356
+ }
348
357
  }