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
package/dist/collection/components/trigger/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { Component, Event, h, Listen, Prop } from "@stencil/core";
1
+ import { h } from "@stencil/core";
2
2
  export class SmoothlyTrigger {
3
3
  constructor() {
4
4
  this.disabled = false;
@@ -13,188 +13,196 @@ export class SmoothlyTrigger {
13
13
  let result;
14
14
  switch (this.type) {
15
15
  case "link":
16
- result = this.disabled ? (h("slot", null)) : (h("a", { onClick: e => this.onClick(e) },
17
- h("slot", null)));
16
+ result = this.disabled ? (h("slot", null)) : (h("a", { onClick: e => this.onClick(e) }, h("slot", null)));
18
17
  break;
19
18
  case "button":
20
- result = (h("button", { disabled: this.disabled, name: this.name },
21
- h("slot", null)));
19
+ result = (h("button", { disabled: this.disabled, name: this.name }, h("slot", null)));
22
20
  break;
23
21
  }
24
22
  return result;
25
23
  }
26
24
  static get is() { return "smoothly-trigger"; }
27
25
  static get encapsulation() { return "scoped"; }
28
- static get originalStyleUrls() { return {
29
- "$": ["style.css"]
30
- }; }
31
- static get styleUrls() { return {
32
- "$": ["style.css"]
33
- }; }
34
- static get properties() { return {
35
- "color": {
36
- "type": "string",
37
- "mutable": false,
38
- "complexType": {
39
- "original": "Color | undefined",
40
- "resolved": "\"danger\" | \"dark\" | \"default\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | undefined",
41
- "references": {
42
- "Color": {
43
- "location": "import",
44
- "path": "../../model"
26
+ static get originalStyleUrls() {
27
+ return {
28
+ "$": ["style.css"]
29
+ };
30
+ }
31
+ static get styleUrls() {
32
+ return {
33
+ "$": ["style.css"]
34
+ };
35
+ }
36
+ static get properties() {
37
+ return {
38
+ "color": {
39
+ "type": "string",
40
+ "mutable": false,
41
+ "complexType": {
42
+ "original": "Color | undefined",
43
+ "resolved": "\"danger\" | \"dark\" | \"default\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | undefined",
44
+ "references": {
45
+ "Color": {
46
+ "location": "import",
47
+ "path": "../../model"
48
+ }
45
49
  }
46
- }
50
+ },
51
+ "required": false,
52
+ "optional": false,
53
+ "docs": {
54
+ "tags": [],
55
+ "text": ""
56
+ },
57
+ "attribute": "color",
58
+ "reflect": true
47
59
  },
48
- "required": false,
49
- "optional": false,
50
- "docs": {
51
- "tags": [],
52
- "text": ""
53
- },
54
- "attribute": "color",
55
- "reflect": true
56
- },
57
- "expand": {
58
- "type": "string",
59
- "mutable": false,
60
- "complexType": {
61
- "original": "Expand",
62
- "resolved": "\"block\" | \"full\"",
63
- "references": {
64
- "Expand": {
65
- "location": "import",
66
- "path": "../../model"
60
+ "expand": {
61
+ "type": "string",
62
+ "mutable": false,
63
+ "complexType": {
64
+ "original": "Expand",
65
+ "resolved": "\"block\" | \"full\"",
66
+ "references": {
67
+ "Expand": {
68
+ "location": "import",
69
+ "path": "../../model"
70
+ }
67
71
  }
68
- }
72
+ },
73
+ "required": false,
74
+ "optional": false,
75
+ "docs": {
76
+ "tags": [],
77
+ "text": ""
78
+ },
79
+ "attribute": "expand",
80
+ "reflect": true
69
81
  },
70
- "required": false,
71
- "optional": false,
72
- "docs": {
73
- "tags": [],
74
- "text": ""
75
- },
76
- "attribute": "expand",
77
- "reflect": true
78
- },
79
- "fill": {
80
- "type": "string",
81
- "mutable": false,
82
- "complexType": {
83
- "original": "Fill",
84
- "resolved": "\"clear\" | \"default\" | \"outline\" | \"solid\"",
85
- "references": {
86
- "Fill": {
87
- "location": "import",
88
- "path": "../../model"
82
+ "fill": {
83
+ "type": "string",
84
+ "mutable": false,
85
+ "complexType": {
86
+ "original": "Fill",
87
+ "resolved": "\"clear\" | \"default\" | \"outline\" | \"solid\"",
88
+ "references": {
89
+ "Fill": {
90
+ "location": "import",
91
+ "path": "../../model"
92
+ }
89
93
  }
90
- }
91
- },
92
- "required": false,
93
- "optional": false,
94
- "docs": {
95
- "tags": [],
96
- "text": ""
97
- },
98
- "attribute": "fill",
99
- "reflect": true
100
- },
101
- "disabled": {
102
- "type": "boolean",
103
- "mutable": false,
104
- "complexType": {
105
- "original": "boolean",
106
- "resolved": "boolean",
107
- "references": {}
108
- },
109
- "required": false,
110
- "optional": false,
111
- "docs": {
112
- "tags": [],
113
- "text": ""
94
+ },
95
+ "required": false,
96
+ "optional": false,
97
+ "docs": {
98
+ "tags": [],
99
+ "text": ""
100
+ },
101
+ "attribute": "fill",
102
+ "reflect": true
114
103
  },
115
- "attribute": "disabled",
116
- "reflect": true,
117
- "defaultValue": "false"
118
- },
119
- "type": {
120
- "type": "string",
121
- "mutable": false,
122
- "complexType": {
123
- "original": "\"link\" | \"button\"",
124
- "resolved": "\"button\" | \"link\"",
125
- "references": {}
104
+ "disabled": {
105
+ "type": "boolean",
106
+ "mutable": false,
107
+ "complexType": {
108
+ "original": "boolean",
109
+ "resolved": "boolean",
110
+ "references": {}
111
+ },
112
+ "required": false,
113
+ "optional": false,
114
+ "docs": {
115
+ "tags": [],
116
+ "text": ""
117
+ },
118
+ "attribute": "disabled",
119
+ "reflect": true,
120
+ "defaultValue": "false"
126
121
  },
127
- "required": false,
128
- "optional": false,
129
- "docs": {
130
- "tags": [],
131
- "text": ""
122
+ "type": {
123
+ "type": "string",
124
+ "mutable": false,
125
+ "complexType": {
126
+ "original": "\"link\" | \"button\"",
127
+ "resolved": "\"button\" | \"link\"",
128
+ "references": {}
129
+ },
130
+ "required": false,
131
+ "optional": false,
132
+ "docs": {
133
+ "tags": [],
134
+ "text": ""
135
+ },
136
+ "attribute": "type",
137
+ "reflect": true,
138
+ "defaultValue": "\"button\""
132
139
  },
133
- "attribute": "type",
134
- "reflect": true,
135
- "defaultValue": "\"button\""
136
- },
137
- "name": {
138
- "type": "string",
139
- "mutable": false,
140
- "complexType": {
141
- "original": "string",
142
- "resolved": "string",
143
- "references": {}
140
+ "name": {
141
+ "type": "string",
142
+ "mutable": false,
143
+ "complexType": {
144
+ "original": "string",
145
+ "resolved": "string",
146
+ "references": {}
147
+ },
148
+ "required": false,
149
+ "optional": false,
150
+ "docs": {
151
+ "tags": [],
152
+ "text": ""
153
+ },
154
+ "attribute": "name",
155
+ "reflect": false
144
156
  },
145
- "required": false,
146
- "optional": false,
147
- "docs": {
148
- "tags": [],
149
- "text": ""
150
- },
151
- "attribute": "name",
152
- "reflect": false
153
- },
154
- "value": {
155
- "type": "any",
156
- "mutable": false,
157
- "complexType": {
158
- "original": "any",
159
- "resolved": "any",
160
- "references": {}
161
- },
162
- "required": false,
163
- "optional": true,
164
- "docs": {
165
- "tags": [],
166
- "text": ""
167
- },
168
- "attribute": "value",
169
- "reflect": false
170
- }
171
- }; }
172
- static get events() { return [{
173
- "method": "trigger",
174
- "name": "trigger",
175
- "bubbles": true,
176
- "cancelable": true,
177
- "composed": true,
178
- "docs": {
179
- "tags": [],
180
- "text": ""
181
- },
182
- "complexType": {
183
- "original": "Trigger",
184
- "resolved": "Trigger",
185
- "references": {
186
- "Trigger": {
187
- "location": "import",
188
- "path": "../../model"
157
+ "value": {
158
+ "type": "any",
159
+ "mutable": false,
160
+ "complexType": {
161
+ "original": "any",
162
+ "resolved": "any",
163
+ "references": {}
164
+ },
165
+ "required": false,
166
+ "optional": true,
167
+ "docs": {
168
+ "tags": [],
169
+ "text": ""
170
+ },
171
+ "attribute": "value",
172
+ "reflect": false
173
+ }
174
+ };
175
+ }
176
+ static get events() {
177
+ return [{
178
+ "method": "trigger",
179
+ "name": "trigger",
180
+ "bubbles": true,
181
+ "cancelable": true,
182
+ "composed": true,
183
+ "docs": {
184
+ "tags": [],
185
+ "text": ""
186
+ },
187
+ "complexType": {
188
+ "original": "Trigger",
189
+ "resolved": "Trigger",
190
+ "references": {
191
+ "Trigger": {
192
+ "location": "import",
193
+ "path": "../../model"
194
+ }
189
195
  }
190
196
  }
191
- }
192
- }]; }
193
- static get listeners() { return [{
194
- "name": "click",
195
- "method": "onClick",
196
- "target": undefined,
197
- "capture": false,
198
- "passive": false
199
- }]; }
197
+ }];
198
+ }
199
+ static get listeners() {
200
+ return [{
201
+ "name": "click",
202
+ "method": "onClick",
203
+ "target": undefined,
204
+ "capture": false,
205
+ "passive": false
206
+ }];
207
+ }
200
208
  }
package/dist/collection/components/trigger-sink/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { Component, h, Listen, Prop } from "@stencil/core";
1
+ import { h } from "@stencil/core";
2
2
  import { Message, Trigger } from "../../model";
3
3
  export class SmoothlyTriggerSink {
4
4
  get filters() {
@@ -18,72 +18,80 @@ export class SmoothlyTriggerSink {
18
18
  }
19
19
  static get is() { return "smoothly-trigger-sink"; }
20
20
  static get encapsulation() { return "scoped"; }
21
- static get originalStyleUrls() { return {
22
- "$": ["style.css"]
23
- }; }
24
- static get styleUrls() { return {
25
- "$": ["style.css"]
26
- }; }
27
- static get properties() { return {
28
- "context": {
29
- "type": "unknown",
30
- "mutable": false,
31
- "complexType": {
32
- "original": "Window",
33
- "resolved": "Window | undefined",
34
- "references": {
35
- "Window": {
36
- "location": "global"
21
+ static get originalStyleUrls() {
22
+ return {
23
+ "$": ["style.css"]
24
+ };
25
+ }
26
+ static get styleUrls() {
27
+ return {
28
+ "$": ["style.css"]
29
+ };
30
+ }
31
+ static get properties() {
32
+ return {
33
+ "context": {
34
+ "type": "unknown",
35
+ "mutable": false,
36
+ "complexType": {
37
+ "original": "Window",
38
+ "resolved": "Window | undefined",
39
+ "references": {
40
+ "Window": {
41
+ "location": "global"
42
+ }
37
43
  }
44
+ },
45
+ "required": false,
46
+ "optional": true,
47
+ "docs": {
48
+ "tags": [],
49
+ "text": ""
38
50
  }
39
51
  },
40
- "required": false,
41
- "optional": true,
42
- "docs": {
43
- "tags": [],
44
- "text": ""
45
- }
46
- },
47
- "destination": {
48
- "type": "string",
49
- "mutable": false,
50
- "complexType": {
51
- "original": "string",
52
- "resolved": "string",
53
- "references": {}
54
- },
55
- "required": false,
56
- "optional": false,
57
- "docs": {
58
- "tags": [],
59
- "text": ""
60
- },
61
- "attribute": "destination",
62
- "reflect": false
63
- },
64
- "filter": {
65
- "type": "string",
66
- "mutable": false,
67
- "complexType": {
68
- "original": "string",
69
- "resolved": "string | undefined",
70
- "references": {}
52
+ "destination": {
53
+ "type": "string",
54
+ "mutable": false,
55
+ "complexType": {
56
+ "original": "string",
57
+ "resolved": "string",
58
+ "references": {}
59
+ },
60
+ "required": false,
61
+ "optional": false,
62
+ "docs": {
63
+ "tags": [],
64
+ "text": ""
65
+ },
66
+ "attribute": "destination",
67
+ "reflect": false
71
68
  },
72
- "required": false,
73
- "optional": true,
74
- "docs": {
75
- "tags": [],
76
- "text": ""
77
- },
78
- "attribute": "filter",
79
- "reflect": false
80
- }
81
- }; }
82
- static get listeners() { return [{
83
- "name": "trigger",
84
- "method": "TriggerListener",
85
- "target": undefined,
86
- "capture": false,
87
- "passive": false
88
- }]; }
69
+ "filter": {
70
+ "type": "string",
71
+ "mutable": false,
72
+ "complexType": {
73
+ "original": "string",
74
+ "resolved": "string | undefined",
75
+ "references": {}
76
+ },
77
+ "required": false,
78
+ "optional": true,
79
+ "docs": {
80
+ "tags": [],
81
+ "text": ""
82
+ },
83
+ "attribute": "filter",
84
+ "reflect": false
85
+ }
86
+ };
87
+ }
88
+ static get listeners() {
89
+ return [{
90
+ "name": "trigger",
91
+ "method": "TriggerListener",
92
+ "target": undefined,
93
+ "capture": false,
94
+ "passive": false
95
+ }];
96
+ }
89
97
  }