@sky.ui/core 0.0.8 → 0.0.21

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 (218) hide show
  1. package/auto-import.js +1 -31
  2. package/dist/custom-elements.json +7115 -21498
  3. package/dist/helper/utils/color-resolver.d.ts +12 -0
  4. package/dist/helper/utils/color-resolver.js +1 -1
  5. package/dist/helper/utils/color-resolver.js.map +1 -1
  6. package/dist/index.d.ts +1 -31
  7. package/dist/index.js +1 -1
  8. package/dist/sky-alert/sky-alert.js +32 -42
  9. package/dist/sky-alert/sky-alert.js.map +1 -1
  10. package/dist/sky-appbar/sky-appbar.d.ts +5 -0
  11. package/dist/sky-appbar/sky-appbar.js +63 -21
  12. package/dist/sky-appbar/sky-appbar.js.map +1 -1
  13. package/dist/sky-avatar/sky-avatar.d.ts +2 -2
  14. package/dist/sky-avatar/sky-avatar.js +36 -28
  15. package/dist/sky-avatar/sky-avatar.js.map +1 -1
  16. package/dist/sky-badge/sky-badge.d.ts +2 -0
  17. package/dist/sky-badge/sky-badge.js +21 -19
  18. package/dist/sky-badge/sky-badge.js.map +1 -1
  19. package/dist/sky-button/sky-button.d.ts +4 -0
  20. package/dist/sky-button/sky-button.js +85 -26
  21. package/dist/sky-button/sky-button.js.map +1 -1
  22. package/dist/sky-card/sky-card.d.ts +7 -1
  23. package/dist/sky-card/sky-card.js +72 -40
  24. package/dist/sky-card/sky-card.js.map +1 -1
  25. package/dist/sky-checkbox/sky-checkbox.js +34 -23
  26. package/dist/sky-checkbox/sky-checkbox.js.map +1 -1
  27. package/dist/sky-chip/sky-chip.js +53 -35
  28. package/dist/sky-chip/sky-chip.js.map +1 -1
  29. package/dist/sky-combobox/sky-combobox.d.ts +6 -2
  30. package/dist/sky-combobox/sky-combobox.js +92 -262
  31. package/dist/sky-combobox/sky-combobox.js.map +1 -1
  32. package/dist/sky-dialog/sky-dialog.d.ts +4 -11
  33. package/dist/sky-dialog/sky-dialog.js +78 -131
  34. package/dist/sky-dialog/sky-dialog.js.map +1 -1
  35. package/dist/sky-flexbox/sky-flexbox.js.map +1 -1
  36. package/dist/sky-form/sky-form.js +21 -19
  37. package/dist/sky-form/sky-form.js.map +1 -1
  38. package/dist/sky-image/sky-image.d.ts +1 -0
  39. package/dist/sky-image/sky-image.js +14 -7
  40. package/dist/sky-image/sky-image.js.map +1 -1
  41. package/dist/sky-input/sky-input.d.ts +15 -2
  42. package/dist/sky-input/sky-input.js +188 -193
  43. package/dist/sky-input/sky-input.js.map +1 -1
  44. package/dist/sky-list/sky-list.d.ts +11 -2
  45. package/dist/sky-list/sky-list.js +15 -25
  46. package/dist/sky-list/sky-list.js.map +1 -1
  47. package/dist/sky-listitem/sky-listitem.js +62 -30
  48. package/dist/sky-listitem/sky-listitem.js.map +1 -1
  49. package/dist/sky-radio/sky-radio.d.ts +2 -0
  50. package/dist/sky-radio/sky-radio.js +29 -9
  51. package/dist/sky-radio/sky-radio.js.map +1 -1
  52. package/dist/sky-sheet/sky-sheet.d.ts +1 -1
  53. package/dist/sky-sheet/sky-sheet.js +68 -22
  54. package/dist/sky-sheet/sky-sheet.js.map +1 -1
  55. package/dist/sky-simple-table/index.d.ts +1 -0
  56. package/dist/sky-simple-table/index.js +1 -0
  57. package/dist/sky-simple-table/sky-simple-table.d.ts +68 -0
  58. package/dist/sky-simple-table/sky-simple-table.js +100 -0
  59. package/dist/sky-simple-table/sky-simple-table.js.map +1 -0
  60. package/dist/sky-theme-provider/sky-theme-provider.d.ts +10 -1
  61. package/dist/sky-theme-provider/sky-theme-provider.js +2 -2
  62. package/dist/sky-theme-provider/sky-theme-provider.js.map +1 -1
  63. package/package.json +24 -269
  64. package/dist/sky-accordion/index.d.ts +0 -1
  65. package/dist/sky-accordion/index.js +0 -1
  66. package/dist/sky-accordion/sky-accordion.d.ts +0 -201
  67. package/dist/sky-accordion/sky-accordion.js +0 -84
  68. package/dist/sky-accordion/sky-accordion.js.map +0 -1
  69. package/dist/sky-accordion-item/index.d.ts +0 -1
  70. package/dist/sky-accordion-item/index.js +0 -1
  71. package/dist/sky-accordion-item/sky-accordion-item.d.ts +0 -161
  72. package/dist/sky-accordion-item/sky-accordion-item.js +0 -191
  73. package/dist/sky-accordion-item/sky-accordion-item.js.map +0 -1
  74. package/dist/sky-breadcrumb/index.d.ts +0 -1
  75. package/dist/sky-breadcrumb/index.js +0 -1
  76. package/dist/sky-breadcrumb/sky-breadcrumb.d.ts +0 -111
  77. package/dist/sky-breadcrumb/sky-breadcrumb.js +0 -230
  78. package/dist/sky-breadcrumb/sky-breadcrumb.js.map +0 -1
  79. package/dist/sky-button-group/index.d.ts +0 -1
  80. package/dist/sky-button-group/index.js +0 -1
  81. package/dist/sky-button-group/sky-button-group.d.ts +0 -93
  82. package/dist/sky-button-group/sky-button-group.js +0 -281
  83. package/dist/sky-button-group/sky-button-group.js.map +0 -1
  84. package/dist/sky-carousel/index.d.ts +0 -1
  85. package/dist/sky-carousel/index.js +0 -1
  86. package/dist/sky-carousel/sky-carousel.d.ts +0 -265
  87. package/dist/sky-carousel/sky-carousel.js +0 -211
  88. package/dist/sky-carousel/sky-carousel.js.map +0 -1
  89. package/dist/sky-counter/index.d.ts +0 -1
  90. package/dist/sky-counter/index.js +0 -1
  91. package/dist/sky-counter/sky-counter.d.ts +0 -130
  92. package/dist/sky-counter/sky-counter.js +0 -101
  93. package/dist/sky-counter/sky-counter.js.map +0 -1
  94. package/dist/sky-drawer/index.d.ts +0 -1
  95. package/dist/sky-drawer/index.js +0 -1
  96. package/dist/sky-drawer/sky-drawer.d.ts +0 -161
  97. package/dist/sky-drawer/sky-drawer.js +0 -175
  98. package/dist/sky-drawer/sky-drawer.js.map +0 -1
  99. package/dist/sky-dropdown/index.d.ts +0 -1
  100. package/dist/sky-dropdown/index.js +0 -1
  101. package/dist/sky-dropdown/sky-dropdown.d.ts +0 -254
  102. package/dist/sky-dropdown/sky-dropdown.js +0 -61
  103. package/dist/sky-dropdown/sky-dropdown.js.map +0 -1
  104. package/dist/sky-dropdown-item/index.d.ts +0 -1
  105. package/dist/sky-dropdown-item/index.js +0 -1
  106. package/dist/sky-dropdown-item/sky-dropdown-item.d.ts +0 -207
  107. package/dist/sky-dropdown-item/sky-dropdown-item.js +0 -341
  108. package/dist/sky-dropdown-item/sky-dropdown-item.js.map +0 -1
  109. package/dist/sky-flexbar/index.d.ts +0 -1
  110. package/dist/sky-flexbar/index.js +0 -1
  111. package/dist/sky-flexbar/sky-flexbar.d.ts +0 -189
  112. package/dist/sky-flexbar/sky-flexbar.js +0 -157
  113. package/dist/sky-flexbar/sky-flexbar.js.map +0 -1
  114. package/dist/sky-flexitem/index.d.ts +0 -1
  115. package/dist/sky-flexitem/index.js +0 -1
  116. package/dist/sky-flexitem/sky-flexitem.d.ts +0 -114
  117. package/dist/sky-flexitem/sky-flexitem.js +0 -52
  118. package/dist/sky-flexitem/sky-flexitem.js.map +0 -1
  119. package/dist/sky-navbar/index.d.ts +0 -1
  120. package/dist/sky-navbar/index.js +0 -1
  121. package/dist/sky-navbar/sky-navbar.d.ts +0 -211
  122. package/dist/sky-navbar/sky-navbar.js +0 -521
  123. package/dist/sky-navbar/sky-navbar.js.map +0 -1
  124. package/dist/sky-navpanel/index.d.ts +0 -1
  125. package/dist/sky-navpanel/index.js +0 -1
  126. package/dist/sky-navpanel/sky-navpanel.d.ts +0 -187
  127. package/dist/sky-navpanel/sky-navpanel.js +0 -404
  128. package/dist/sky-navpanel/sky-navpanel.js.map +0 -1
  129. package/dist/sky-notification/index.d.ts +0 -1
  130. package/dist/sky-notification/index.js +0 -1
  131. package/dist/sky-notification/sky-notification.d.ts +0 -152
  132. package/dist/sky-notification/sky-notification.js +0 -456
  133. package/dist/sky-notification/sky-notification.js.map +0 -1
  134. package/dist/sky-otp/index.d.ts +0 -1
  135. package/dist/sky-otp/index.js +0 -1
  136. package/dist/sky-otp/sky-otp.d.ts +0 -101
  137. package/dist/sky-otp/sky-otp.js +0 -96
  138. package/dist/sky-otp/sky-otp.js.map +0 -1
  139. package/dist/sky-overlay/index.d.ts +0 -1
  140. package/dist/sky-overlay/index.js +0 -1
  141. package/dist/sky-overlay/sky-overlay.d.ts +0 -71
  142. package/dist/sky-overlay/sky-overlay.js +0 -26
  143. package/dist/sky-overlay/sky-overlay.js.map +0 -1
  144. package/dist/sky-pagination/index.d.ts +0 -1
  145. package/dist/sky-pagination/index.js +0 -1
  146. package/dist/sky-pagination/sky-pagination.d.ts +0 -167
  147. package/dist/sky-pagination/sky-pagination.js +0 -453
  148. package/dist/sky-pagination/sky-pagination.js.map +0 -1
  149. package/dist/sky-progress/index.d.ts +0 -1
  150. package/dist/sky-progress/index.js +0 -1
  151. package/dist/sky-progress/sky-progress.d.ts +0 -70
  152. package/dist/sky-progress/sky-progress.js +0 -87
  153. package/dist/sky-progress/sky-progress.js.map +0 -1
  154. package/dist/sky-radio-group/index.d.ts +0 -1
  155. package/dist/sky-radio-group/index.js +0 -1
  156. package/dist/sky-radio-group/sky-radio-group.d.ts +0 -186
  157. package/dist/sky-radio-group/sky-radio-group.js +0 -239
  158. package/dist/sky-radio-group/sky-radio-group.js.map +0 -1
  159. package/dist/sky-range/index.d.ts +0 -1
  160. package/dist/sky-range/index.js +0 -1
  161. package/dist/sky-range/sky-range.d.ts +0 -110
  162. package/dist/sky-range/sky-range.js +0 -196
  163. package/dist/sky-range/sky-range.js.map +0 -1
  164. package/dist/sky-serial/index.d.ts +0 -1
  165. package/dist/sky-serial/index.js +0 -1
  166. package/dist/sky-serial/sky-serial.d.ts +0 -127
  167. package/dist/sky-serial/sky-serial.js +0 -133
  168. package/dist/sky-serial/sky-serial.js.map +0 -1
  169. package/dist/sky-skeleton/index.d.ts +0 -1
  170. package/dist/sky-skeleton/index.js +0 -1
  171. package/dist/sky-skeleton/sky-skeleton.d.ts +0 -80
  172. package/dist/sky-skeleton/sky-skeleton.js +0 -233
  173. package/dist/sky-skeleton/sky-skeleton.js.map +0 -1
  174. package/dist/sky-slider/index.d.ts +0 -1
  175. package/dist/sky-slider/index.js +0 -1
  176. package/dist/sky-slider/sky-slider.d.ts +0 -96
  177. package/dist/sky-slider/sky-slider.js +0 -139
  178. package/dist/sky-slider/sky-slider.js.map +0 -1
  179. package/dist/sky-speeddial/index.d.ts +0 -1
  180. package/dist/sky-speeddial/index.js +0 -1
  181. package/dist/sky-speeddial/sky-speeddial.d.ts +0 -86
  182. package/dist/sky-speeddial/sky-speeddial.js +0 -154
  183. package/dist/sky-speeddial/sky-speeddial.js.map +0 -1
  184. package/dist/sky-spinner/index.d.ts +0 -1
  185. package/dist/sky-spinner/index.js +0 -1
  186. package/dist/sky-spinner/sky-spinner.d.ts +0 -87
  187. package/dist/sky-spinner/sky-spinner.js +0 -334
  188. package/dist/sky-spinner/sky-spinner.js.map +0 -1
  189. package/dist/sky-steps/index.d.ts +0 -1
  190. package/dist/sky-steps/index.js +0 -1
  191. package/dist/sky-steps/sky-steps.d.ts +0 -170
  192. package/dist/sky-steps/sky-steps.js +0 -455
  193. package/dist/sky-steps/sky-steps.js.map +0 -1
  194. package/dist/sky-switch/index.d.ts +0 -1
  195. package/dist/sky-switch/index.js +0 -1
  196. package/dist/sky-switch/sky-switch.d.ts +0 -116
  197. package/dist/sky-switch/sky-switch.js +0 -191
  198. package/dist/sky-switch/sky-switch.js.map +0 -1
  199. package/dist/sky-tab/index.d.ts +0 -1
  200. package/dist/sky-tab/index.js +0 -1
  201. package/dist/sky-tab/sky-tab.d.ts +0 -188
  202. package/dist/sky-tab/sky-tab.js +0 -390
  203. package/dist/sky-tab/sky-tab.js.map +0 -1
  204. package/dist/sky-tab-button/index.d.ts +0 -1
  205. package/dist/sky-tab-button/index.js +0 -1
  206. package/dist/sky-tab-button/sky-tab-button.d.ts +0 -114
  207. package/dist/sky-tab-button/sky-tab-button.js +0 -167
  208. package/dist/sky-tab-button/sky-tab-button.js.map +0 -1
  209. package/dist/sky-theme-switcher/index.d.ts +0 -1
  210. package/dist/sky-theme-switcher/index.js +0 -1
  211. package/dist/sky-theme-switcher/sky-theme-switcher.d.ts +0 -92
  212. package/dist/sky-theme-switcher/sky-theme-switcher.js +0 -43
  213. package/dist/sky-theme-switcher/sky-theme-switcher.js.map +0 -1
  214. package/dist/sky-tooltip/index.d.ts +0 -1
  215. package/dist/sky-tooltip/index.js +0 -1
  216. package/dist/sky-tooltip/sky-tooltip.d.ts +0 -156
  217. package/dist/sky-tooltip/sky-tooltip.js +0 -242
  218. package/dist/sky-tooltip/sky-tooltip.js.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sky.ui/core",
3
- "version": "0.0.8",
3
+ "version": "0.0.21",
4
4
  "description": "Sky UI web components built with Lit — 70+ components, bundler plugins, and custom elements.",
5
5
  "keywords": [
6
6
  "sky-ui",
@@ -41,15 +41,26 @@
41
41
  },
42
42
  "./auto-import": "./auto-import.js",
43
43
  "./auto-import-loader": "./auto-import-loader.js",
44
- "./sky-accordion": {
45
- "import": "./dist/sky-accordion/index.js",
46
- "types": "./dist/sky-accordion/sky-accordion.d.ts",
47
- "module": "./dist/sky-accordion/index.js"
44
+ "./custom-elements.json": "./dist/custom-elements.json",
45
+ "./all": {
46
+ "import": "./dist/index.js",
47
+ "types": "./dist/index.d.ts",
48
+ "module": "./dist/index.js"
49
+ },
50
+ "./vite": {
51
+ "types": "./plugins/vite-plugin.d.ts",
52
+ "import": "./plugins/vite-plugin.js",
53
+ "default": "./plugins/vite-plugin.js"
54
+ },
55
+ "./webpack": {
56
+ "types": "./plugins/webpack-plugin.d.ts",
57
+ "import": "./plugins/webpack-plugin.js",
58
+ "default": "./plugins/webpack-plugin.js"
48
59
  },
49
- "./sky-accordion-item": {
50
- "import": "./dist/sky-accordion-item/index.js",
51
- "types": "./dist/sky-accordion-item/sky-accordion-item.d.ts",
52
- "module": "./dist/sky-accordion-item/index.js"
60
+ "./rollup": {
61
+ "types": "./plugins/rollup-plugin.d.ts",
62
+ "import": "./plugins/rollup-plugin.js",
63
+ "default": "./plugins/rollup-plugin.js"
53
64
  },
54
65
  "./sky-alert": {
55
66
  "import": "./dist/sky-alert/index.js",
@@ -71,36 +82,16 @@
71
82
  "types": "./dist/sky-badge/sky-badge.d.ts",
72
83
  "module": "./dist/sky-badge/index.js"
73
84
  },
74
- "./sky-breadcrumb": {
75
- "import": "./dist/sky-breadcrumb/index.js",
76
- "types": "./dist/sky-breadcrumb/sky-breadcrumb.d.ts",
77
- "module": "./dist/sky-breadcrumb/index.js"
78
- },
79
85
  "./sky-button": {
80
86
  "import": "./dist/sky-button/index.js",
81
87
  "types": "./dist/sky-button/sky-button.d.ts",
82
88
  "module": "./dist/sky-button/index.js"
83
89
  },
84
- "./sky-button-group": {
85
- "import": "./dist/sky-button-group/index.js",
86
- "types": "./dist/sky-button-group/sky-button-group.d.ts",
87
- "module": "./dist/sky-button-group/index.js"
88
- },
89
90
  "./sky-card": {
90
91
  "import": "./dist/sky-card/index.js",
91
92
  "types": "./dist/sky-card/sky-card.d.ts",
92
93
  "module": "./dist/sky-card/index.js"
93
94
  },
94
- "./sky-carousel": {
95
- "import": "./dist/sky-carousel/index.js",
96
- "types": "./dist/sky-carousel/sky-carousel.d.ts",
97
- "module": "./dist/sky-carousel/index.js"
98
- },
99
- "./sky-chart": {
100
- "import": "./dist/sky-chart/index.js",
101
- "types": "./dist/sky-chart/sky-chart.d.ts",
102
- "module": "./dist/sky-chart/index.js"
103
- },
104
95
  "./sky-checkbox": {
105
96
  "import": "./dist/sky-checkbox/index.js",
106
97
  "types": "./dist/sky-checkbox/sky-checkbox.d.ts",
@@ -121,21 +112,6 @@
121
112
  "types": "./dist/sky-combobox/sky-combobox.d.ts",
122
113
  "module": "./dist/sky-combobox/index.js"
123
114
  },
124
- "./sky-context-menu": {
125
- "import": "./dist/sky-context-menu/index.js",
126
- "types": "./dist/sky-context-menu/sky-context-menu.d.ts",
127
- "module": "./dist/sky-context-menu/index.js"
128
- },
129
- "./sky-counter": {
130
- "import": "./dist/sky-counter/index.js",
131
- "types": "./dist/sky-counter/sky-counter.d.ts",
132
- "module": "./dist/sky-counter/index.js"
133
- },
134
- "./sky-datepicker": {
135
- "import": "./dist/sky-datepicker/index.js",
136
- "types": "./dist/sky-datepicker/sky-datepicker.d.ts",
137
- "module": "./dist/sky-datepicker/index.js"
138
- },
139
115
  "./sky-dialog": {
140
116
  "import": "./dist/sky-dialog/index.js",
141
117
  "types": "./dist/sky-dialog/sky-dialog.d.ts",
@@ -146,46 +122,6 @@
146
122
  "types": "./dist/sky-divider/sky-divider.d.ts",
147
123
  "module": "./dist/sky-divider/index.js"
148
124
  },
149
- "./sky-drawer": {
150
- "import": "./dist/sky-drawer/index.js",
151
- "types": "./dist/sky-drawer/sky-drawer.d.ts",
152
- "module": "./dist/sky-drawer/index.js"
153
- },
154
- "./sky-dropdown": {
155
- "import": "./dist/sky-dropdown/index.js",
156
- "types": "./dist/sky-dropdown/sky-dropdown.d.ts",
157
- "module": "./dist/sky-dropdown/index.js"
158
- },
159
- "./sky-dropdown-item": {
160
- "import": "./dist/sky-dropdown-item/index.js",
161
- "types": "./dist/sky-dropdown-item/sky-dropdown-item.d.ts",
162
- "module": "./dist/sky-dropdown-item/index.js"
163
- },
164
- "./sky-edge-overlay": {
165
- "import": "./dist/sky-edge-overlay/index.js",
166
- "types": "./dist/sky-edge-overlay/sky-edge-overlay.d.ts",
167
- "module": "./dist/sky-edge-overlay/index.js"
168
- },
169
- "./sky-editor": {
170
- "import": "./dist/sky-editor/index.js",
171
- "types": "./dist/sky-editor/sky-editor.d.ts",
172
- "module": "./dist/sky-editor/index.js"
173
- },
174
- "./sky-file-viewer": {
175
- "import": "./dist/sky-file-viewer/index.js",
176
- "types": "./dist/sky-file-viewer/sky-file-viewer.d.ts",
177
- "module": "./dist/sky-file-viewer/index.js"
178
- },
179
- "./sky-filepicker": {
180
- "import": "./dist/sky-filepicker/index.js",
181
- "types": "./dist/sky-filepicker/sky-filepicker.d.ts",
182
- "module": "./dist/sky-filepicker/index.js"
183
- },
184
- "./sky-flexbar": {
185
- "import": "./dist/sky-flexbar/index.js",
186
- "types": "./dist/sky-flexbar/sky-flexbar.d.ts",
187
- "module": "./dist/sky-flexbar/index.js"
188
- },
189
125
  "./sky-flexbox": {
190
126
  "import": "./dist/sky-flexbox/index.js",
191
127
  "types": "./dist/sky-flexbox/sky-flexbox.d.ts",
@@ -196,16 +132,6 @@
196
132
  "types": "./dist/sky-flexcol/sky-flexcol.d.ts",
197
133
  "module": "./dist/sky-flexcol/index.js"
198
134
  },
199
- "./sky-flexitem": {
200
- "import": "./dist/sky-flexitem/index.js",
201
- "types": "./dist/sky-flexitem/sky-flexitem.d.ts",
202
- "module": "./dist/sky-flexitem/index.js"
203
- },
204
- "./sky-flow": {
205
- "import": "./dist/sky-flow/index.js",
206
- "types": "./dist/sky-flow/sky-flow.d.ts",
207
- "module": "./dist/sky-flow/index.js"
208
- },
209
135
  "./sky-form": {
210
136
  "import": "./dist/sky-form/index.js",
211
137
  "types": "./dist/sky-form/sky-form.d.ts",
@@ -231,11 +157,6 @@
231
157
  "types": "./dist/sky-input/sky-input.d.ts",
232
158
  "module": "./dist/sky-input/index.js"
233
159
  },
234
- "./sky-kanban": {
235
- "import": "./dist/sky-kanban/index.js",
236
- "types": "./dist/sky-kanban/sky-kanban.d.ts",
237
- "module": "./dist/sky-kanban/index.js"
238
- },
239
160
  "./sky-list": {
240
161
  "import": "./dist/sky-list/index.js",
241
162
  "types": "./dist/sky-list/sky-list.d.ts",
@@ -246,197 +167,31 @@
246
167
  "types": "./dist/sky-listitem/sky-listitem.d.ts",
247
168
  "module": "./dist/sky-listitem/index.js"
248
169
  },
249
- "./sky-menubar": {
250
- "import": "./dist/sky-menubar/index.js",
251
- "types": "./dist/sky-menubar/sky-menubar.d.ts",
252
- "module": "./dist/sky-menubar/index.js"
253
- },
254
- "./sky-model-viewer": {
255
- "import": "./dist/sky-model-viewer/index.js",
256
- "types": "./dist/sky-model-viewer/sky-model-viewer.d.ts",
257
- "module": "./dist/sky-model-viewer/index.js"
258
- },
259
- "./sky-navbar": {
260
- "import": "./dist/sky-navbar/index.js",
261
- "types": "./dist/sky-navbar/sky-navbar.d.ts",
262
- "module": "./dist/sky-navbar/index.js"
263
- },
264
- "./sky-navpanel": {
265
- "import": "./dist/sky-navpanel/index.js",
266
- "types": "./dist/sky-navpanel/sky-navpanel.d.ts",
267
- "module": "./dist/sky-navpanel/index.js"
268
- },
269
- "./sky-node": {
270
- "import": "./dist/sky-node/index.js",
271
- "types": "./dist/sky-node/sky-node.d.ts",
272
- "module": "./dist/sky-node/index.js"
273
- },
274
- "./sky-notification": {
275
- "import": "./dist/sky-notification/index.js",
276
- "types": "./dist/sky-notification/sky-notification.d.ts",
277
- "module": "./dist/sky-notification/index.js"
278
- },
279
- "./sky-otp": {
280
- "import": "./dist/sky-otp/index.js",
281
- "types": "./dist/sky-otp/sky-otp.d.ts",
282
- "module": "./dist/sky-otp/index.js"
283
- },
284
- "./sky-overlay": {
285
- "import": "./dist/sky-overlay/index.js",
286
- "types": "./dist/sky-overlay/sky-overlay.d.ts",
287
- "module": "./dist/sky-overlay/index.js"
288
- },
289
- "./sky-pagination": {
290
- "import": "./dist/sky-pagination/index.js",
291
- "types": "./dist/sky-pagination/sky-pagination.d.ts",
292
- "module": "./dist/sky-pagination/index.js"
293
- },
294
- "./sky-progress": {
295
- "import": "./dist/sky-progress/index.js",
296
- "types": "./dist/sky-progress/sky-progress.d.ts",
297
- "module": "./dist/sky-progress/index.js"
298
- },
299
170
  "./sky-radio": {
300
171
  "import": "./dist/sky-radio/index.js",
301
172
  "types": "./dist/sky-radio/sky-radio.d.ts",
302
173
  "module": "./dist/sky-radio/index.js"
303
174
  },
304
- "./sky-radio-group": {
305
- "import": "./dist/sky-radio-group/index.js",
306
- "types": "./dist/sky-radio-group/sky-radio-group.d.ts",
307
- "module": "./dist/sky-radio-group/index.js"
308
- },
309
- "./sky-range": {
310
- "import": "./dist/sky-range/index.js",
311
- "types": "./dist/sky-range/sky-range.d.ts",
312
- "module": "./dist/sky-range/index.js"
313
- },
314
175
  "./sky-row": {
315
176
  "import": "./dist/sky-row/index.js",
316
177
  "types": "./dist/sky-row/sky-row.d.ts",
317
178
  "module": "./dist/sky-row/index.js"
318
179
  },
319
- "./sky-serial": {
320
- "import": "./dist/sky-serial/index.js",
321
- "types": "./dist/sky-serial/sky-serial.d.ts",
322
- "module": "./dist/sky-serial/index.js"
323
- },
324
180
  "./sky-sheet": {
325
181
  "import": "./dist/sky-sheet/index.js",
326
182
  "types": "./dist/sky-sheet/sky-sheet.d.ts",
327
183
  "module": "./dist/sky-sheet/index.js"
328
184
  },
329
- "./sky-skeleton": {
330
- "import": "./dist/sky-skeleton/index.js",
331
- "types": "./dist/sky-skeleton/sky-skeleton.d.ts",
332
- "module": "./dist/sky-skeleton/index.js"
333
- },
334
- "./sky-slider": {
335
- "import": "./dist/sky-slider/index.js",
336
- "types": "./dist/sky-slider/sky-slider.d.ts",
337
- "module": "./dist/sky-slider/index.js"
338
- },
339
- "./sky-speeddial": {
340
- "import": "./dist/sky-speeddial/index.js",
341
- "types": "./dist/sky-speeddial/sky-speeddial.d.ts",
342
- "module": "./dist/sky-speeddial/index.js"
343
- },
344
- "./sky-spinner": {
345
- "import": "./dist/sky-spinner/index.js",
346
- "types": "./dist/sky-spinner/sky-spinner.d.ts",
347
- "module": "./dist/sky-spinner/index.js"
348
- },
349
- "./sky-steps": {
350
- "import": "./dist/sky-steps/index.js",
351
- "types": "./dist/sky-steps/sky-steps.d.ts",
352
- "module": "./dist/sky-steps/index.js"
353
- },
354
- "./sky-switch": {
355
- "import": "./dist/sky-switch/index.js",
356
- "types": "./dist/sky-switch/sky-switch.d.ts",
357
- "module": "./dist/sky-switch/index.js"
358
- },
359
- "./sky-tab": {
360
- "import": "./dist/sky-tab/index.js",
361
- "types": "./dist/sky-tab/sky-tab.d.ts",
362
- "module": "./dist/sky-tab/index.js"
363
- },
364
- "./sky-tab-button": {
365
- "import": "./dist/sky-tab-button/index.js",
366
- "types": "./dist/sky-tab-button/sky-tab-button.d.ts",
367
- "module": "./dist/sky-tab-button/index.js"
368
- },
369
- "./sky-table": {
370
- "import": "./dist/sky-table/index.js",
371
- "types": "./dist/sky-table/sky-table.d.ts",
372
- "module": "./dist/sky-table/index.js"
373
- },
374
- "./sky-teleport": {
375
- "import": "./dist/sky-teleport/index.js",
376
- "types": "./dist/sky-teleport/sky-teleport.d.ts",
377
- "module": "./dist/sky-teleport/index.js"
378
- },
379
- "./sky-text-editor": {
380
- "import": "./dist/sky-text-editor/index.js",
381
- "types": "./dist/sky-text-editor/sky-text-editor.d.ts",
382
- "module": "./dist/sky-text-editor/index.js"
383
- },
384
- "./sky-theme-generator": {
385
- "import": "./dist/sky-theme-generator/index.js",
386
- "types": "./dist/sky-theme-generator/sky-theme-generator.d.ts",
387
- "module": "./dist/sky-theme-generator/index.js"
185
+ "./sky-simple-table": {
186
+ "import": "./dist/sky-simple-table/index.js",
187
+ "types": "./dist/sky-simple-table/sky-simple-table.d.ts",
188
+ "module": "./dist/sky-simple-table/index.js"
388
189
  },
389
190
  "./sky-theme-provider": {
390
191
  "import": "./dist/sky-theme-provider/index.js",
391
192
  "types": "./dist/sky-theme-provider/sky-theme-provider.d.ts",
392
193
  "module": "./dist/sky-theme-provider/index.js"
393
194
  },
394
- "./sky-theme-switcher": {
395
- "import": "./dist/sky-theme-switcher/index.js",
396
- "types": "./dist/sky-theme-switcher/sky-theme-switcher.d.ts",
397
- "module": "./dist/sky-theme-switcher/index.js"
398
- },
399
- "./sky-toolbar": {
400
- "import": "./dist/sky-toolbar/index.js",
401
- "types": "./dist/sky-toolbar/sky-toolbar.d.ts",
402
- "module": "./dist/sky-toolbar/index.js"
403
- },
404
- "./sky-tooltip": {
405
- "import": "./dist/sky-tooltip/index.js",
406
- "types": "./dist/sky-tooltip/sky-tooltip.d.ts",
407
- "module": "./dist/sky-tooltip/index.js"
408
- },
409
- "./sky-tree": {
410
- "import": "./dist/sky-tree/index.js",
411
- "types": "./dist/sky-tree/sky-tree.d.ts",
412
- "module": "./dist/sky-tree/index.js"
413
- },
414
- "./sky-tutorial": {
415
- "import": "./dist/sky-tutorial/index.js",
416
- "types": "./dist/sky-tutorial/sky-tutorial.d.ts",
417
- "module": "./dist/sky-tutorial/index.js"
418
- },
419
- "./custom-elements.json": "./dist/custom-elements.json",
420
- "./all": {
421
- "import": "./dist/index.js",
422
- "types": "./dist/index.d.ts",
423
- "module": "./dist/index.js"
424
- },
425
- "./vite": {
426
- "types": "./plugins/vite-plugin.d.ts",
427
- "import": "./plugins/vite-plugin.js",
428
- "default": "./plugins/vite-plugin.js"
429
- },
430
- "./webpack": {
431
- "types": "./plugins/webpack-plugin.d.ts",
432
- "import": "./plugins/webpack-plugin.js",
433
- "default": "./plugins/webpack-plugin.js"
434
- },
435
- "./rollup": {
436
- "types": "./plugins/rollup-plugin.d.ts",
437
- "import": "./plugins/rollup-plugin.js",
438
- "default": "./plugins/rollup-plugin.js"
439
- },
440
195
  "./*": {
441
196
  "import": "./dist/*/index.js",
442
197
  "types": "./dist/*/*.d.ts",
@@ -1 +0,0 @@
1
- export * from "./sky-accordion";
@@ -1 +0,0 @@
1
- export * from './sky-accordion.js';
@@ -1,201 +0,0 @@
1
- import { LitElement } from "lit";
2
- import { SkyAccordionItem } from "../sky-accordion-item/sky-accordion-item";
3
- export type SkyAccordionVariant = "transparent" | "solid" | "bordered" | "splitted";
4
- export type SkyAccordionToggleEventDetail = {
5
- open: boolean;
6
- };
7
- /**
8
- * @element sky-accordion
9
- *
10
- * @summary Container that manages direct `<sky-accordion-item>` children, open-state coordination, and keyboard navigation.
11
- *
12
- * @status stable
13
- * @since 1.0.0
14
- *
15
- * @documentation https://library.sky-ui.com/components/accordion
16
- * @dependency sky-accordion-item
17
- *
18
- * @slot - One or more direct `<sky-accordion-item>` children.
19
- *
20
- * @property {boolean} singleOpen - Allows at most one direct item to remain open at a time.
21
- * @property {SkyAccordionVariant} variant - Visual presentation variant for the accordion container.
22
- * @property {boolean} disabled - Disables user interaction for the entire accordion.
23
- * @property {string} label - Accessible name applied to the group via `aria-label`.
24
- * @method expandAll Opens all direct items; in `single-open` mode, opens only the first direct item.
25
- * @method collapseAll Closes all direct items.
26
- * @method openItem Opens a direct item by index and returns whether the operation succeeded.
27
- * @method closeItem Closes a direct item by index and returns whether the operation succeeded.
28
- * @method toggleItem Toggles a direct item by index and returns whether the operation succeeded.
29
- * @method openFirst Opens the first direct item and returns whether the operation succeeded.
30
- * @method openLast Opens the last direct item and returns whether the operation succeeded.
31
- * @method focusItem Moves focus to a direct item header by index and returns whether focus was moved.
32
- * @method focusFirst Moves focus to the first direct item header and returns whether focus was moved.
33
- * @method focusLast Moves focus to the last direct item header and returns whether focus was moved.
34
- * @method getItems Returns a snapshot of direct `<sky-accordion-item>` children.
35
- *
36
- * @fires {CustomEvent<SkyAccordionToggleEventDetail>} accordion-toggle - Emitted by a direct child item when its open state changes; used by the container to enforce `single-open` behavior.
37
- *
38
- * @csspart group - Wrapper that contains all slotted accordion items.
39
- *
40
- * @Behavior
41
- * - Default mode allows multiple direct items to remain open.
42
- * - `single-open` ensures only one direct item is open at any time.
43
- * - Nested item events are ignored; coordination applies only to direct children.
44
- * - Keyboard navigation supports `ArrowDown`/`ArrowRight`, `ArrowUp`/`ArrowLeft`, `Home`, and `End`.
45
- * - Accessibility is provided through `role="group"` and optional `aria-label` on the wrapper.
46
- *
47
- * @example
48
- * ```html
49
- * <sky-accordion label="FAQs" single-open variant="splitted">
50
- * <sky-accordion-item open>
51
- * <span slot="title">What is Sky UI?</span>
52
- * <div slot="content">A reusable web component library.</div>
53
- * </sky-accordion-item>
54
- * </sky-accordion>
55
- * ```
56
- * ```vue
57
- * <template>
58
- * <sky-accordion label="FAQs" single-open variant="splitted">
59
- * <sky-accordion-item open>
60
- * <span slot="title">What is Sky UI?</span>
61
- * <div slot="content">A reusable web component library.</div>
62
- * </sky-accordion-item>
63
- * </sky-accordion>
64
- * </template>
65
- * ```
66
- * ```jsx
67
- * export default function Demo() {
68
- * return (
69
- * <sky-accordion label="FAQs" single-open variant="splitted">
70
- * <sky-accordion-item open>
71
- * <span slot="title">What is Sky UI?</span>
72
- * <div slot="content">A reusable web component library.</div>
73
- * </sky-accordion-item>
74
- * </sky-accordion>
75
- * );
76
- * }
77
- * ```
78
- */
79
- export declare class SkyAccordion extends LitElement {
80
- /**
81
- * Enables single-open coordination for direct items.
82
- * @default false
83
- */
84
- singleOpen: boolean;
85
- /**
86
- * Visual variant applied to the accordion container.
87
- * @default "solid"
88
- */
89
- variant: SkyAccordionVariant;
90
- /**
91
- * Disables interaction for all direct accordion items.
92
- * @default false
93
- */
94
- disabled: boolean;
95
- /**
96
- * Accessible group label mapped to `aria-label`.
97
- */
98
- label: string;
99
- /**
100
- * Cached list of direct accordion children.
101
- * Reset when slot content changes.
102
- */
103
- private _itemsCache;
104
- static styles: import("lit").CSSResult;
105
- connectedCallback(): void;
106
- disconnectedCallback(): void;
107
- /**
108
- * Opens direct items.
109
- * In `single-open` mode, opens only the first direct item.
110
- *
111
- * @returns {void}
112
- */
113
- expandAll(): void;
114
- /**
115
- * Closes all direct items.
116
- *
117
- * @returns {void}
118
- */
119
- collapseAll(): void;
120
- /**
121
- * Opens a direct item by index.
122
- * In `single-open` mode, opening one item closes the others.
123
- *
124
- * @param index Zero-based direct child index.
125
- * @returns True when an item exists at the index and is opened.
126
- */
127
- openItem(index: number): boolean;
128
- /**
129
- * Closes a direct item by index.
130
- *
131
- * @param index Zero-based direct child index.
132
- * @returns True when an item exists at the index and is closed.
133
- */
134
- closeItem(index: number): boolean;
135
- /**
136
- * Toggles a direct item by index.
137
- * In `single-open` mode, opening one item closes the others.
138
- *
139
- * @param index Zero-based direct child index.
140
- * @returns True when an item exists at the index and is toggled.
141
- */
142
- toggleItem(index: number): boolean;
143
- /**
144
- * Opens the first direct item.
145
- *
146
- * @returns True when at least one direct item exists and is opened.
147
- */
148
- openFirst(): boolean;
149
- /**
150
- * Opens the last direct item.
151
- *
152
- * @returns True when at least one direct item exists and is opened.
153
- */
154
- openLast(): boolean;
155
- /**
156
- * Moves focus to a direct item header by index.
157
- *
158
- * @param index Zero-based direct child index.
159
- * @returns True when a header is found and focused.
160
- */
161
- focusItem(index: number): boolean;
162
- /**
163
- * Moves focus to the first direct item header.
164
- *
165
- * @returns True when a first item header is found and focused.
166
- */
167
- focusFirst(): boolean;
168
- /**
169
- * Moves focus to the last direct item header.
170
- *
171
- * @returns True when a last item header is found and focused.
172
- */
173
- focusLast(): boolean;
174
- /**
175
- * Returns a snapshot of direct items.
176
- *
177
- * @returns A shallow copy of direct `<sky-accordion-item>` children.
178
- */
179
- getItems(): SkyAccordionItem[];
180
- /**
181
- * Handles child toggle events for single-open coordination.
182
- * Ignores events from nested or non-direct accordion items.
183
- *
184
- * @param e Toggle event emitted by a descendant item.
185
- * @returns {void}
186
- */
187
- private handleItemToggle;
188
- /**
189
- * Handles keyboard navigation across direct item headers.
190
- * Focuses adjacent or boundary headers without changing open state.
191
- */
192
- private handleKeydown;
193
- /** Clears the direct-item cache after slot content changes. */
194
- private handleSlotChange;
195
- /**
196
- * Returns direct `<sky-accordion-item>` children.
197
- * Uses `this.children`, so nested descendants are excluded.
198
- */
199
- private get items();
200
- render(): import("lit-html").TemplateResult<1>;
201
- }
@@ -1,84 +0,0 @@
1
- import{__decorate as e,__metadata as t}from"tslib";import{LitElement as r,css as s,nothing as o,html as i}from"lit";import{property as a,eventOptions as n,customElement as d}from"lit/decorators.js";import{SkyAccordionItem as l}from"../sky-accordion-item/sky-accordion-item.js";let c=class extends r{constructor(){super(...arguments),this.singleOpen=!1,this.variant="solid",this.disabled=!1,this.label="",this._itemsCache=null,this.handleSlotChange=()=>{this._itemsCache=null,this.requestUpdate()}}static{this.styles=s`
2
- :host {
3
- display: block;
4
- width: 100%;
5
- box-sizing: border-box;
6
- border-radius: var(--sky-radius-secondary);
7
- }
8
-
9
- :host([disabled]) {
10
- pointer-events: none;
11
- opacity: var(--sky-opacity-disabled, 0.6);
12
- }
13
-
14
- ::slotted(sky-accordion-item:not(:last-child)) {
15
- border-bottom: 1px solid var(--sky-border-light);
16
- }
17
-
18
- :host([variant="solid"]) {
19
- background-color: transparent;
20
- position: relative;
21
- box-shadow: var(--sky-box-shadow-primary);
22
- }
23
-
24
- :host([variant="solid"])::before {
25
- inset: 0;
26
- position: absolute;
27
- content: "";
28
- background-color: var(--sky-glass-primary);
29
- border-radius: inherit;
30
- backdrop-filter: var(--sky-blur-primary) var(--sky-brightness-primary)
31
- var(--sky-saturation-primary);
32
- -webkit-backdrop-filter: var(--sky-blur-primary)
33
- var(--sky-brightness-primary) var(--sky-saturation-primary);
34
- z-index: -1;
35
- }
36
-
37
- :host([variant="bordered"]) {
38
- border: 1px solid var(--sky-border-light);
39
- }
40
-
41
- :host([variant="splitted"]) ::slotted(sky-accordion-item) {
42
- background-color: transparent;
43
- overflow: hidden;
44
- position: relative;
45
- box-shadow: var(--sky-box-shadow-primary);
46
- border-radius: var(--sky-radius-secondary);
47
- border-bottom: unset;
48
- margin-bottom: var(--sky-space-3, 12px);
49
- }
50
-
51
- :host([variant="splitted"]) ::slotted(sky-accordion-item) {
52
- --acc-bg: var(--sky-glass-primary);
53
- --acc-header-hover: var(--sky-glass-secondary);
54
- --acc-header-active: var(--sky-glass-secondary);
55
- background-color: var(--sky-glass-primary);
56
- }
57
-
58
- :host([variant="solid"]) ::slotted(sky-accordion-item) {
59
- --acc-bg: var(--sky-glass-primary);
60
- --acc-header-hover: var(--sky-glass-secondary);
61
- --acc-header-active: var(--sky-glass-secondary);
62
- }
63
-
64
- :host([variant="splitted"]) ::slotted(sky-accordion-item)::before {
65
- inset: 0;
66
- position: absolute;
67
- content: "";
68
- backdrop-filter: var(--sky-blur-primary) var(--sky-brightness-primary)
69
- var(--sky-saturation-primary);
70
- -webkit-backdrop-filter: var(--sky-blur-primary)
71
- var(--sky-brightness-primary) var(--sky-saturation-primary);
72
- z-index: -1;
73
- border-radius: inherit;
74
- }
75
- `}connectedCallback(){super.connectedCallback(),this.addEventListener("accordion-toggle",this.handleItemToggle,{capture:!0}),this.addEventListener("keydown",this.handleKeydown,{capture:!0})}disconnectedCallback(){this.removeEventListener("accordion-toggle",this.handleItemToggle,{capture:!0}),this.removeEventListener("keydown",this.handleKeydown,{capture:!0}),super.disconnectedCallback()}expandAll(){const e=this.items;0!==e.length&&(this.singleOpen?e.forEach((e,t)=>{e.open=0===t}):e.forEach(e=>{e.open=!0}))}collapseAll(){this.items.forEach(e=>{e.open=!1})}openItem(e){const t=this.items,r=t[e];return!!r&&(this.singleOpen?(t.forEach(e=>{e.open=e===r}),!0):(r.open=!0,!0))}closeItem(e){const t=this.items[e];return!!t&&(t.open=!1,!0)}toggleItem(e){const t=this.items[e];return!!t&&(t.open?(t.open=!1,!0):this.openItem(e))}openFirst(){return this.openItem(0)}openLast(){const e=this.items.length-1;return!(e<0)&&this.openItem(e)}focusItem(e){const t=this.items[e];if(!t)return!1;const r=t.shadowRoot?.querySelector('[part="header"]');return!!r&&(r.focus(),!0)}focusFirst(){return this.focusItem(0)}focusLast(){const e=this.items.length-1;return!(e<0)&&this.focusItem(e)}getItems(){return[...this.items]}handleItemToggle(e){const t=e;if(!this.singleOpen||!t.detail?.open)return;const r=t.target;r&&this.items.includes(r)&&this.items.forEach(e=>{e!==r&&(e.open=!1)})}handleKeydown(e){const t=e.key;if(!("ArrowDown"===t||"ArrowRight"===t||"ArrowUp"===t||"ArrowLeft"===t||"Home"===t||"End"===t))return;const r=this.items;if(0===r.length)return;let s,o=e.target,i=-1;for(;o&&o!==this;){if(o instanceof l&&r.includes(o)){i=r.indexOf(o);break}const e=o.parentNode;o=e instanceof ShadowRoot?e.host:e}if(i<0)return;if(s="ArrowDown"===t||"ArrowRight"===t?Math.min(i+1,r.length-1):"ArrowUp"===t||"ArrowLeft"===t?Math.max(i-1,0):"Home"===t?0:r.length-1,s===i)return;const a=r[s].shadowRoot?.querySelector('[part="header"]');a&&(e.preventDefault(),a.focus())}get items(){return this._itemsCache||(this._itemsCache=Array.from(this.children).filter(e=>e instanceof l)),this._itemsCache}render(){return i`
76
- <div
77
- part="group"
78
- role="group"
79
- aria-label=${this.label||o}
80
- >
81
- <slot @slotchange=${this.handleSlotChange}></slot>
82
- </div>
83
- `}};e([a({type:Boolean}),t("design:type",Object)],c.prototype,"singleOpen",void 0),e([a({type:String,reflect:!0}),t("design:type",String)],c.prototype,"variant",void 0),e([a({type:Boolean,reflect:!0}),t("design:type",Object)],c.prototype,"disabled",void 0),e([a({type:String}),t("design:type",Object)],c.prototype,"label",void 0),e([n({capture:!0}),t("design:type",Function),t("design:paramtypes",[Event]),t("design:returntype",void 0)],c.prototype,"handleItemToggle",null),e([n({capture:!0}),t("design:type",Function),t("design:paramtypes",[KeyboardEvent]),t("design:returntype",void 0)],c.prototype,"handleKeydown",null),c=e([d("sky-accordion")],c);export{c as SkyAccordion};
84
- //# sourceMappingURL=sky-accordion.js.map