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
package/dist/collection/components/backtotop/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { Component, h, Host, Prop, State } from "@stencil/core";
1
+ import { h, Host } from "@stencil/core";
2
2
  export class SmoothlyBacktotop {
3
3
  constructor() {
4
4
  this.opacity = "0.5";
@@ -21,74 +21,81 @@ export class SmoothlyBacktotop {
21
21
  top: 0,
22
22
  left: 0,
23
23
  behavior: "smooth",
24
- }) },
25
- h("smoothly-icon", { name: "chevron-up-outline" })));
24
+ }) }, h("smoothly-icon", { name: "chevron-up-outline" })));
26
25
  }
27
26
  static get is() { return "smoothly-backtotop"; }
28
27
  static get encapsulation() { return "scoped"; }
29
- static get originalStyleUrls() { return {
30
- "$": ["style.scss"]
31
- }; }
32
- static get styleUrls() { return {
33
- "$": ["style.css"]
34
- }; }
35
- static get properties() { return {
36
- "opacity": {
37
- "type": "string",
38
- "mutable": false,
39
- "complexType": {
40
- "original": "string",
41
- "resolved": "string",
42
- "references": {}
43
- },
44
- "required": false,
45
- "optional": false,
46
- "docs": {
47
- "tags": [],
48
- "text": ""
49
- },
50
- "attribute": "opacity",
51
- "reflect": false,
52
- "defaultValue": "\"0.5\""
53
- },
54
- "bottom": {
55
- "type": "string",
56
- "mutable": false,
57
- "complexType": {
58
- "original": "string",
59
- "resolved": "string",
60
- "references": {}
61
- },
62
- "required": false,
63
- "optional": false,
64
- "docs": {
65
- "tags": [],
66
- "text": ""
67
- },
68
- "attribute": "bottom",
69
- "reflect": false,
70
- "defaultValue": "\"1rem\""
71
- },
72
- "right": {
73
- "type": "string",
74
- "mutable": false,
75
- "complexType": {
76
- "original": "string",
77
- "resolved": "string",
78
- "references": {}
28
+ static get originalStyleUrls() {
29
+ return {
30
+ "$": ["style.scss"]
31
+ };
32
+ }
33
+ static get styleUrls() {
34
+ return {
35
+ "$": ["style.css"]
36
+ };
37
+ }
38
+ static get properties() {
39
+ return {
40
+ "opacity": {
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": "opacity",
55
+ "reflect": false,
56
+ "defaultValue": "\"0.5\""
79
57
  },
80
- "required": false,
81
- "optional": false,
82
- "docs": {
83
- "tags": [],
84
- "text": ""
58
+ "bottom": {
59
+ "type": "string",
60
+ "mutable": false,
61
+ "complexType": {
62
+ "original": "string",
63
+ "resolved": "string",
64
+ "references": {}
65
+ },
66
+ "required": false,
67
+ "optional": false,
68
+ "docs": {
69
+ "tags": [],
70
+ "text": ""
71
+ },
72
+ "attribute": "bottom",
73
+ "reflect": false,
74
+ "defaultValue": "\"1rem\""
85
75
  },
86
- "attribute": "right",
87
- "reflect": false,
88
- "defaultValue": "\"1rem\""
89
- }
90
- }; }
91
- static get states() { return {
92
- "visible": {}
93
- }; }
76
+ "right": {
77
+ "type": "string",
78
+ "mutable": false,
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": "right",
91
+ "reflect": false,
92
+ "defaultValue": "\"1rem\""
93
+ }
94
+ };
95
+ }
96
+ static get states() {
97
+ return {
98
+ "visible": {}
99
+ };
100
+ }
94
101
  }
package/dist/collection/components/button/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { Component, h, Prop } from "@stencil/core";
1
+ import { h } from "@stencil/core";
2
2
  export class SmoothlyButton {
3
3
  constructor() {
4
4
  this.disabled = false;
@@ -8,161 +8,164 @@ export class SmoothlyButton {
8
8
  let result;
9
9
  switch (this.type) {
10
10
  case "link":
11
- result = this.disabled ? (h("slot", null)) : (h("a", { href: this.link },
12
- h("slot", null)));
11
+ result = this.disabled ? (h("slot", null)) : (h("a", { href: this.link }, h("slot", null)));
13
12
  break;
14
13
  case "button":
15
- result = this.link ? (h("a", { href: this.link, target: "_blank", download: this.download },
16
- h("slot", null))) : (h("button", { disabled: this.disabled },
17
- h("slot", null)));
14
+ result = this.link ? (h("a", { href: this.link, target: "_blank", download: this.download }, h("slot", null))) : (h("button", { disabled: this.disabled }, h("slot", null)));
18
15
  break;
19
16
  }
20
17
  return result;
21
18
  }
22
19
  static get is() { return "smoothly-button"; }
23
20
  static get encapsulation() { return "scoped"; }
24
- static get originalStyleUrls() { return {
25
- "$": ["style.css"]
26
- }; }
27
- static get styleUrls() { return {
28
- "$": ["style.css"]
29
- }; }
30
- static get properties() { return {
31
- "color": {
32
- "type": "string",
33
- "mutable": false,
34
- "complexType": {
35
- "original": "Color | undefined",
36
- "resolved": "\"danger\" | \"dark\" | \"default\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | undefined",
37
- "references": {
38
- "Color": {
39
- "location": "import",
40
- "path": "../../model"
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
+ "color": {
34
+ "type": "string",
35
+ "mutable": false,
36
+ "complexType": {
37
+ "original": "Color | undefined",
38
+ "resolved": "\"danger\" | \"dark\" | \"default\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | undefined",
39
+ "references": {
40
+ "Color": {
41
+ "location": "import",
42
+ "path": "../../model"
43
+ }
41
44
  }
42
- }
43
- },
44
- "required": false,
45
- "optional": false,
46
- "docs": {
47
- "tags": [],
48
- "text": ""
45
+ },
46
+ "required": false,
47
+ "optional": false,
48
+ "docs": {
49
+ "tags": [],
50
+ "text": ""
51
+ },
52
+ "attribute": "color",
53
+ "reflect": true
49
54
  },
50
- "attribute": "color",
51
- "reflect": true
52
- },
53
- "expand": {
54
- "type": "string",
55
- "mutable": false,
56
- "complexType": {
57
- "original": "Expand",
58
- "resolved": "\"block\" | \"full\"",
59
- "references": {
60
- "Expand": {
61
- "location": "import",
62
- "path": "../../model"
55
+ "expand": {
56
+ "type": "string",
57
+ "mutable": false,
58
+ "complexType": {
59
+ "original": "Expand",
60
+ "resolved": "\"block\" | \"full\"",
61
+ "references": {
62
+ "Expand": {
63
+ "location": "import",
64
+ "path": "../../model"
65
+ }
63
66
  }
64
- }
67
+ },
68
+ "required": false,
69
+ "optional": false,
70
+ "docs": {
71
+ "tags": [],
72
+ "text": ""
73
+ },
74
+ "attribute": "expand",
75
+ "reflect": true
65
76
  },
66
- "required": false,
67
- "optional": false,
68
- "docs": {
69
- "tags": [],
70
- "text": ""
71
- },
72
- "attribute": "expand",
73
- "reflect": true
74
- },
75
- "fill": {
76
- "type": "string",
77
- "mutable": false,
78
- "complexType": {
79
- "original": "Fill",
80
- "resolved": "\"clear\" | \"default\" | \"outline\" | \"solid\"",
81
- "references": {
82
- "Fill": {
83
- "location": "import",
84
- "path": "../../model"
77
+ "fill": {
78
+ "type": "string",
79
+ "mutable": false,
80
+ "complexType": {
81
+ "original": "Fill",
82
+ "resolved": "\"clear\" | \"default\" | \"outline\" | \"solid\"",
83
+ "references": {
84
+ "Fill": {
85
+ "location": "import",
86
+ "path": "../../model"
87
+ }
85
88
  }
86
- }
87
- },
88
- "required": false,
89
- "optional": false,
90
- "docs": {
91
- "tags": [],
92
- "text": ""
93
- },
94
- "attribute": "fill",
95
- "reflect": true
96
- },
97
- "disabled": {
98
- "type": "boolean",
99
- "mutable": false,
100
- "complexType": {
101
- "original": "boolean",
102
- "resolved": "boolean",
103
- "references": {}
89
+ },
90
+ "required": false,
91
+ "optional": false,
92
+ "docs": {
93
+ "tags": [],
94
+ "text": ""
95
+ },
96
+ "attribute": "fill",
97
+ "reflect": true
104
98
  },
105
- "required": false,
106
- "optional": false,
107
- "docs": {
108
- "tags": [],
109
- "text": ""
99
+ "disabled": {
100
+ "type": "boolean",
101
+ "mutable": false,
102
+ "complexType": {
103
+ "original": "boolean",
104
+ "resolved": "boolean",
105
+ "references": {}
106
+ },
107
+ "required": false,
108
+ "optional": false,
109
+ "docs": {
110
+ "tags": [],
111
+ "text": ""
112
+ },
113
+ "attribute": "disabled",
114
+ "reflect": true,
115
+ "defaultValue": "false"
110
116
  },
111
- "attribute": "disabled",
112
- "reflect": true,
113
- "defaultValue": "false"
114
- },
115
- "type": {
116
- "type": "string",
117
- "mutable": false,
118
- "complexType": {
119
- "original": "\"link\" | \"button\"",
120
- "resolved": "\"button\" | \"link\"",
121
- "references": {}
117
+ "type": {
118
+ "type": "string",
119
+ "mutable": false,
120
+ "complexType": {
121
+ "original": "\"link\" | \"button\"",
122
+ "resolved": "\"button\" | \"link\"",
123
+ "references": {}
124
+ },
125
+ "required": false,
126
+ "optional": false,
127
+ "docs": {
128
+ "tags": [],
129
+ "text": ""
130
+ },
131
+ "attribute": "type",
132
+ "reflect": true,
133
+ "defaultValue": "\"button\""
122
134
  },
123
- "required": false,
124
- "optional": false,
125
- "docs": {
126
- "tags": [],
127
- "text": ""
135
+ "link": {
136
+ "type": "string",
137
+ "mutable": false,
138
+ "complexType": {
139
+ "original": "string",
140
+ "resolved": "string | undefined",
141
+ "references": {}
142
+ },
143
+ "required": false,
144
+ "optional": true,
145
+ "docs": {
146
+ "tags": [],
147
+ "text": ""
148
+ },
149
+ "attribute": "link",
150
+ "reflect": false
128
151
  },
129
- "attribute": "type",
130
- "reflect": true,
131
- "defaultValue": "\"button\""
132
- },
133
- "link": {
134
- "type": "string",
135
- "mutable": false,
136
- "complexType": {
137
- "original": "string",
138
- "resolved": "string | undefined",
139
- "references": {}
140
- },
141
- "required": false,
142
- "optional": true,
143
- "docs": {
144
- "tags": [],
145
- "text": ""
146
- },
147
- "attribute": "link",
148
- "reflect": false
149
- },
150
- "download": {
151
- "type": "boolean",
152
- "mutable": false,
153
- "complexType": {
154
- "original": "boolean",
155
- "resolved": "boolean | undefined",
156
- "references": {}
157
- },
158
- "required": false,
159
- "optional": true,
160
- "docs": {
161
- "tags": [],
162
- "text": ""
163
- },
164
- "attribute": "download",
165
- "reflect": false
166
- }
167
- }; }
152
+ "download": {
153
+ "type": "boolean",
154
+ "mutable": false,
155
+ "complexType": {
156
+ "original": "boolean",
157
+ "resolved": "boolean | undefined",
158
+ "references": {}
159
+ },
160
+ "required": false,
161
+ "optional": true,
162
+ "docs": {
163
+ "tags": [],
164
+ "text": ""
165
+ },
166
+ "attribute": "download",
167
+ "reflect": false
168
+ }
169
+ };
170
+ }
168
171
  }