smoothly 0.3.5 → 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 +11 -14
  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-78b676aa.entry.js +0 -1
@@ -1,4 +1,4 @@
1
- import { Component, Element, Event, h, Host, Prop } from "@stencil/core";
1
+ import { h, Host } from "@stencil/core";
2
2
  export class SmoothlyOption {
3
3
  constructor() {
4
4
  this.dataHighlight = false;
@@ -22,239 +22,243 @@ export class SmoothlyOption {
22
22
  throw `smoothly-option ${this.element.innerHTML} lacks value-property and can therefore not be selected`;
23
23
  }
24
24
  render() {
25
- return (h(Host, { onMouseDown: (e) => this.onSelect(e), onMouseOver: (e) => this.onHover(e) },
26
- this.toggle && h("smoothly-icon", { name: this.checked ? "checkbox" : "square-outline" }),
27
- h("div", { class: "name" }, this.name),
28
- h("smoothly-quiet", null,
29
- h("slot", { name: "hint" }))));
25
+ return (h(Host, { onMouseDown: (e) => this.onSelect(e), onMouseOver: (e) => this.onHover(e) }, this.toggle && h("smoothly-icon", { name: this.checked ? "checkbox" : "square-outline" }), h("div", { class: "name" }, this.name), h("smoothly-quiet", null, h("slot", { name: "hint" }))));
30
26
  }
31
27
  static get is() { return "smoothly-option"; }
32
28
  static get encapsulation() { return "shadow"; }
33
- static get originalStyleUrls() { return {
34
- "$": ["style.css"]
35
- }; }
36
- static get styleUrls() { return {
37
- "$": ["style.css"]
38
- }; }
39
- static get properties() { return {
40
- "aliases": {
41
- "type": "string",
42
- "mutable": false,
43
- "complexType": {
44
- "original": "string",
45
- "resolved": "string",
46
- "references": {}
47
- },
48
- "required": false,
49
- "optional": false,
50
- "docs": {
51
- "tags": [],
52
- "text": ""
53
- },
54
- "attribute": "aliases",
55
- "reflect": true
56
- },
57
- "dataHighlight": {
58
- "type": "boolean",
59
- "mutable": true,
60
- "complexType": {
61
- "original": "boolean",
62
- "resolved": "boolean",
63
- "references": {}
64
- },
65
- "required": false,
66
- "optional": false,
67
- "docs": {
68
- "tags": [],
69
- "text": ""
70
- },
71
- "attribute": "data-highlight",
72
- "reflect": true,
73
- "defaultValue": "false"
74
- },
75
- "name": {
76
- "type": "string",
77
- "mutable": true,
78
- "complexType": {
79
- "original": "string",
80
- "resolved": "string",
81
- "references": {}
82
- },
83
- "required": false,
84
- "optional": false,
85
- "docs": {
86
- "tags": [],
87
- "text": ""
88
- },
89
- "attribute": "name",
90
- "reflect": true
91
- },
92
- "value": {
93
- "type": "string",
94
- "mutable": true,
95
- "complexType": {
96
- "original": "string",
97
- "resolved": "string",
98
- "references": {}
99
- },
100
- "required": false,
101
- "optional": false,
102
- "docs": {
103
- "tags": [],
104
- "text": ""
105
- },
106
- "attribute": "value",
107
- "reflect": true
108
- },
109
- "divider": {
110
- "type": "boolean",
111
- "mutable": true,
112
- "complexType": {
113
- "original": "boolean",
114
- "resolved": "boolean | undefined",
115
- "references": {}
116
- },
117
- "required": false,
118
- "optional": true,
119
- "docs": {
120
- "tags": [],
121
- "text": ""
122
- },
123
- "attribute": "divider",
124
- "reflect": true,
125
- "defaultValue": "false"
126
- },
127
- "checkbox": {
128
- "type": "boolean",
129
- "mutable": false,
130
- "complexType": {
131
- "original": "boolean",
132
- "resolved": "boolean",
133
- "references": {}
134
- },
135
- "required": false,
136
- "optional": false,
137
- "docs": {
138
- "tags": [],
139
- "text": ""
140
- },
141
- "attribute": "checkbox",
142
- "reflect": false
143
- },
144
- "new": {
145
- "type": "boolean",
146
- "mutable": false,
147
- "complexType": {
148
- "original": "boolean",
149
- "resolved": "boolean | undefined",
150
- "references": {}
29
+ static get originalStyleUrls() {
30
+ return {
31
+ "$": ["style.css"]
32
+ };
33
+ }
34
+ static get styleUrls() {
35
+ return {
36
+ "$": ["style.css"]
37
+ };
38
+ }
39
+ static get properties() {
40
+ return {
41
+ "aliases": {
42
+ "type": "string",
43
+ "mutable": false,
44
+ "complexType": {
45
+ "original": "string",
46
+ "resolved": "string",
47
+ "references": {}
48
+ },
49
+ "required": false,
50
+ "optional": false,
51
+ "docs": {
52
+ "tags": [],
53
+ "text": ""
54
+ },
55
+ "attribute": "aliases",
56
+ "reflect": true
151
57
  },
152
- "required": false,
153
- "optional": true,
154
- "docs": {
155
- "tags": [],
156
- "text": ""
58
+ "dataHighlight": {
59
+ "type": "boolean",
60
+ "mutable": true,
61
+ "complexType": {
62
+ "original": "boolean",
63
+ "resolved": "boolean",
64
+ "references": {}
65
+ },
66
+ "required": false,
67
+ "optional": false,
68
+ "docs": {
69
+ "tags": [],
70
+ "text": ""
71
+ },
72
+ "attribute": "data-highlight",
73
+ "reflect": true,
74
+ "defaultValue": "false"
157
75
  },
158
- "attribute": "new",
159
- "reflect": false
160
- },
161
- "toggle": {
162
- "type": "boolean",
163
- "mutable": false,
164
- "complexType": {
165
- "original": "boolean",
166
- "resolved": "boolean",
167
- "references": {}
76
+ "name": {
77
+ "type": "string",
78
+ "mutable": true,
79
+ "complexType": {
80
+ "original": "string",
81
+ "resolved": "string",
82
+ "references": {}
83
+ },
84
+ "required": false,
85
+ "optional": false,
86
+ "docs": {
87
+ "tags": [],
88
+ "text": ""
89
+ },
90
+ "attribute": "name",
91
+ "reflect": true
168
92
  },
169
- "required": false,
170
- "optional": false,
171
- "docs": {
172
- "tags": [],
173
- "text": ""
93
+ "value": {
94
+ "type": "string",
95
+ "mutable": true,
96
+ "complexType": {
97
+ "original": "string",
98
+ "resolved": "string",
99
+ "references": {}
100
+ },
101
+ "required": false,
102
+ "optional": false,
103
+ "docs": {
104
+ "tags": [],
105
+ "text": ""
106
+ },
107
+ "attribute": "value",
108
+ "reflect": true
174
109
  },
175
- "attribute": "toggle",
176
- "reflect": false,
177
- "defaultValue": "false"
178
- },
179
- "checked": {
180
- "type": "boolean",
181
- "mutable": true,
182
- "complexType": {
183
- "original": "boolean",
184
- "resolved": "boolean",
185
- "references": {}
110
+ "divider": {
111
+ "type": "boolean",
112
+ "mutable": true,
113
+ "complexType": {
114
+ "original": "boolean",
115
+ "resolved": "boolean | undefined",
116
+ "references": {}
117
+ },
118
+ "required": false,
119
+ "optional": true,
120
+ "docs": {
121
+ "tags": [],
122
+ "text": ""
123
+ },
124
+ "attribute": "divider",
125
+ "reflect": true,
126
+ "defaultValue": "false"
186
127
  },
187
- "required": false,
188
- "optional": false,
189
- "docs": {
190
- "tags": [],
191
- "text": ""
128
+ "checkbox": {
129
+ "type": "boolean",
130
+ "mutable": false,
131
+ "complexType": {
132
+ "original": "boolean",
133
+ "resolved": "boolean",
134
+ "references": {}
135
+ },
136
+ "required": false,
137
+ "optional": false,
138
+ "docs": {
139
+ "tags": [],
140
+ "text": ""
141
+ },
142
+ "attribute": "checkbox",
143
+ "reflect": false
192
144
  },
193
- "attribute": "checked",
194
- "reflect": false,
195
- "defaultValue": "false"
196
- }
197
- }; }
198
- static get events() { return [{
199
- "method": "optionHover",
200
- "name": "optionHover",
201
- "bubbles": true,
202
- "cancelable": true,
203
- "composed": true,
204
- "docs": {
205
- "tags": [],
206
- "text": ""
145
+ "new": {
146
+ "type": "boolean",
147
+ "mutable": false,
148
+ "complexType": {
149
+ "original": "boolean",
150
+ "resolved": "boolean | undefined",
151
+ "references": {}
152
+ },
153
+ "required": false,
154
+ "optional": true,
155
+ "docs": {
156
+ "tags": [],
157
+ "text": ""
158
+ },
159
+ "attribute": "new",
160
+ "reflect": false
207
161
  },
208
- "complexType": {
209
- "original": "{ value: any; name: string }",
210
- "resolved": "{ value: any; name: string; }",
211
- "references": {}
212
- }
213
- }, {
214
- "method": "optionSelect",
215
- "name": "optionSelect",
216
- "bubbles": true,
217
- "cancelable": true,
218
- "composed": true,
219
- "docs": {
220
- "tags": [],
221
- "text": ""
162
+ "toggle": {
163
+ "type": "boolean",
164
+ "mutable": false,
165
+ "complexType": {
166
+ "original": "boolean",
167
+ "resolved": "boolean",
168
+ "references": {}
169
+ },
170
+ "required": false,
171
+ "optional": false,
172
+ "docs": {
173
+ "tags": [],
174
+ "text": ""
175
+ },
176
+ "attribute": "toggle",
177
+ "reflect": false,
178
+ "defaultValue": "false"
222
179
  },
223
- "complexType": {
224
- "original": "{ value: any; name: string }",
225
- "resolved": "{ value: any; name: string; }",
226
- "references": {}
180
+ "checked": {
181
+ "type": "boolean",
182
+ "mutable": true,
183
+ "complexType": {
184
+ "original": "boolean",
185
+ "resolved": "boolean",
186
+ "references": {}
187
+ },
188
+ "required": false,
189
+ "optional": false,
190
+ "docs": {
191
+ "tags": [],
192
+ "text": ""
193
+ },
194
+ "attribute": "checked",
195
+ "reflect": false,
196
+ "defaultValue": "false"
227
197
  }
228
- }, {
229
- "method": "optionUnselect",
230
- "name": "optionUnselect",
231
- "bubbles": true,
232
- "cancelable": true,
233
- "composed": true,
234
- "docs": {
235
- "tags": [],
236
- "text": ""
237
- },
238
- "complexType": {
239
- "original": "{ value: any; name: string }",
240
- "resolved": "{ value: any; name: string; }",
241
- "references": {}
242
- }
243
- }, {
244
- "method": "optionAdd",
245
- "name": "optionAdd",
246
- "bubbles": true,
247
- "cancelable": true,
248
- "composed": true,
249
- "docs": {
250
- "tags": [],
251
- "text": ""
252
- },
253
- "complexType": {
254
- "original": "{ name: string; value: string }",
255
- "resolved": "{ name: string; value: string; }",
256
- "references": {}
257
- }
258
- }]; }
198
+ };
199
+ }
200
+ static get events() {
201
+ return [{
202
+ "method": "optionHover",
203
+ "name": "optionHover",
204
+ "bubbles": true,
205
+ "cancelable": true,
206
+ "composed": true,
207
+ "docs": {
208
+ "tags": [],
209
+ "text": ""
210
+ },
211
+ "complexType": {
212
+ "original": "{ value: any; name: string }",
213
+ "resolved": "{ value: any; name: string; }",
214
+ "references": {}
215
+ }
216
+ }, {
217
+ "method": "optionSelect",
218
+ "name": "optionSelect",
219
+ "bubbles": true,
220
+ "cancelable": true,
221
+ "composed": true,
222
+ "docs": {
223
+ "tags": [],
224
+ "text": ""
225
+ },
226
+ "complexType": {
227
+ "original": "{ value: any; name: string }",
228
+ "resolved": "{ value: any; name: string; }",
229
+ "references": {}
230
+ }
231
+ }, {
232
+ "method": "optionUnselect",
233
+ "name": "optionUnselect",
234
+ "bubbles": true,
235
+ "cancelable": true,
236
+ "composed": true,
237
+ "docs": {
238
+ "tags": [],
239
+ "text": ""
240
+ },
241
+ "complexType": {
242
+ "original": "{ value: any; name: string }",
243
+ "resolved": "{ value: any; name: string; }",
244
+ "references": {}
245
+ }
246
+ }, {
247
+ "method": "optionAdd",
248
+ "name": "optionAdd",
249
+ "bubbles": true,
250
+ "cancelable": true,
251
+ "composed": true,
252
+ "docs": {
253
+ "tags": [],
254
+ "text": ""
255
+ },
256
+ "complexType": {
257
+ "original": "{ name: string; value: string }",
258
+ "resolved": "{ name: string; value: string; }",
259
+ "references": {}
260
+ }
261
+ }];
262
+ }
259
263
  static get elementRef() { return "element"; }
260
264
  }