@editora/ui-core 0.1.19 → 0.1.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 (313) hide show
  1. package/dist/{ElementBase-1b301e7f.js → ElementBase-EV6mVBUV.js} +1 -1
  2. package/dist/{ElementBase-909688f3.mjs → ElementBase-YlTLMsGk.mjs} +3 -3
  3. package/dist/accordion.cjs.js +3 -3
  4. package/dist/accordion.esm.js +39 -62
  5. package/dist/alert-dialog.cjs.js +19 -19
  6. package/dist/alert-dialog.esm.js +69 -87
  7. package/dist/alert.cjs.js +1 -1
  8. package/dist/alert.esm.js +4 -7
  9. package/dist/anchor.cjs.js +2 -2
  10. package/dist/anchor.esm.js +3 -3
  11. package/dist/animated-beam.cjs.js +83 -83
  12. package/dist/animated-beam.esm.js +250 -277
  13. package/dist/animated-list.cjs.js +4 -4
  14. package/dist/animated-list.esm.js +47 -61
  15. package/dist/animated-text.cjs.js +2 -2
  16. package/dist/animated-text.esm.js +13 -24
  17. package/dist/app-header.cjs.js +3 -3
  18. package/dist/app-header.esm.js +11 -13
  19. package/dist/aspect-ratio.cjs.js +1 -1
  20. package/dist/aspect-ratio.esm.js +4 -7
  21. package/dist/avatar.cjs.js +1 -1
  22. package/dist/avatar.esm.js +7 -13
  23. package/dist/badge.cjs.js +1 -1
  24. package/dist/badge.esm.js +4 -7
  25. package/dist/block-controls.cjs.js +2 -2
  26. package/dist/block-controls.esm.js +19 -35
  27. package/dist/box.cjs.js +1 -1
  28. package/dist/box.esm.js +8 -15
  29. package/dist/breadcrumb.cjs.js +2 -2
  30. package/dist/breadcrumb.esm.js +20 -37
  31. package/dist/button.cjs.js +1 -521
  32. package/dist/button.esm.js +2 -671
  33. package/dist/{calendar-2c11b824.mjs → calendar-DLY4acgn.mjs} +293 -342
  34. package/dist/{calendar-a8735e40.js → calendar-Dkof-FTK.js} +25 -25
  35. package/dist/calendar.cjs.js +1 -1
  36. package/dist/calendar.esm.js +8 -9
  37. package/dist/card.cjs.js +4 -4
  38. package/dist/card.esm.js +13 -19
  39. package/dist/chart.cjs.js +64 -64
  40. package/dist/chart.esm.js +223 -254
  41. package/dist/checkbox.cjs.js +1 -1
  42. package/dist/checkbox.esm.js +2 -3
  43. package/dist/collapsible.cjs.js +1 -1
  44. package/dist/collapsible.esm.js +5 -9
  45. package/dist/{collection-a1aac0c6.mjs → collection-C7URGjEI.mjs} +8 -14
  46. package/dist/collection.cjs.js +1 -1
  47. package/dist/collection.esm.js +30 -29
  48. package/dist/color-picker.cjs.js +10 -10
  49. package/dist/color-picker.esm.js +190 -253
  50. package/dist/combobox.cjs.js +13 -13
  51. package/dist/combobox.esm.js +93 -126
  52. package/dist/command-palette.cjs.js +3 -3
  53. package/dist/command-palette.esm.js +19 -30
  54. package/dist/command.cjs.js +4 -4
  55. package/dist/command.esm.js +41 -53
  56. package/dist/components/ui-collection.d.ts.map +1 -1
  57. package/dist/components/ui-multi-select.d.ts.map +1 -1
  58. package/dist/components/ui-orbiter.d.ts.map +1 -1
  59. package/dist/components/ui-portal.d.ts.map +1 -1
  60. package/dist/components/ui-positioner.d.ts.map +1 -1
  61. package/dist/components/ui-skeleton.d.ts.map +1 -1
  62. package/dist/components/ui-sortable.d.ts +8 -0
  63. package/dist/components/ui-sortable.d.ts.map +1 -1
  64. package/dist/components/ui-split-button.d.ts +1 -0
  65. package/dist/components/ui-split-button.d.ts.map +1 -1
  66. package/dist/components/ui-tabs.d.ts.map +1 -1
  67. package/dist/components/ui-textarea.d.ts.map +1 -1
  68. package/dist/components/ui-time-picker.d.ts.map +1 -1
  69. package/dist/container.cjs.js +2 -2
  70. package/dist/container.esm.js +2 -3
  71. package/dist/context-menu.cjs.js +8 -8
  72. package/dist/context-menu.esm.js +157 -219
  73. package/dist/control-group.cjs.js +1 -1
  74. package/dist/control-group.esm.js +2 -3
  75. package/dist/data-table.cjs.js +4 -4
  76. package/dist/data-table.esm.js +299 -381
  77. package/dist/date-field.cjs.js +3 -3
  78. package/dist/date-field.esm.js +68 -80
  79. package/dist/date-picker.cjs.js +9 -9
  80. package/dist/date-picker.esm.js +69 -97
  81. package/dist/date-range-picker.cjs.js +3 -3
  82. package/dist/date-range-picker.esm.js +32 -56
  83. package/dist/date-range-time-picker.cjs.js +9 -9
  84. package/dist/date-range-time-picker.esm.js +111 -140
  85. package/dist/date-time-picker.cjs.js +7 -7
  86. package/dist/date-time-picker.esm.js +115 -147
  87. package/dist/date-time-utils-Dmost5Ee.js +1 -0
  88. package/dist/date-time-utils-y1N2gvG2.mjs +268 -0
  89. package/dist/description.cjs.js +1 -1
  90. package/dist/description.esm.js +3 -5
  91. package/dist/dialog.cjs.js +12 -12
  92. package/dist/dialog.esm.js +44 -63
  93. package/dist/direction-provider.cjs.js +1 -1
  94. package/dist/direction-provider.esm.js +2 -3
  95. package/dist/{dismissable-layer-9c7e6b58.mjs → dismissable-layer-BmPIoK80.mjs} +29 -33
  96. package/dist/dismissable-layer-DNfrKA20.js +1 -0
  97. package/dist/dismissable-layer.cjs.js +2 -2
  98. package/dist/dismissable-layer.esm.js +4 -6
  99. package/dist/dock.cjs.js +5 -5
  100. package/dist/dock.esm.js +134 -155
  101. package/dist/drawer.cjs.js +2 -2
  102. package/dist/drawer.esm.js +18 -35
  103. package/dist/dropdown.cjs.js +2 -2
  104. package/dist/dropdown.esm.js +119 -149
  105. package/dist/dropzone.cjs.js +1 -1
  106. package/dist/dropzone.esm.js +0 -1
  107. package/dist/empty-state.cjs.js +1 -1
  108. package/dist/empty-state.esm.js +1 -1
  109. package/dist/field-error.cjs.js +1 -1
  110. package/dist/field-error.esm.js +3 -5
  111. package/dist/field.cjs.js +5 -5
  112. package/dist/field.esm.js +27 -34
  113. package/dist/fieldset.cjs.js +4 -4
  114. package/dist/fieldset.esm.js +19 -24
  115. package/dist/file-upload.cjs.js +4 -4
  116. package/dist/file-upload.esm.js +69 -93
  117. package/dist/flex.cjs.js +1 -1
  118. package/dist/flex.esm.js +5 -9
  119. package/dist/floating-toolbar.cjs.js +4 -4
  120. package/dist/floating-toolbar.esm.js +60 -85
  121. package/dist/focus-scope-Bwug2gDv.js +1 -0
  122. package/dist/{focus-scope-103833ee.mjs → focus-scope-CmEsG5UZ.mjs} +39 -48
  123. package/dist/focus-scope.cjs.js +2 -2
  124. package/dist/focus-scope.esm.js +15 -20
  125. package/dist/form.cjs.js +2 -2
  126. package/dist/form.esm.js +26 -53
  127. package/dist/gantt.cjs.js +43 -43
  128. package/dist/gantt.esm.js +295 -322
  129. package/dist/grid.cjs.js +1 -1
  130. package/dist/grid.esm.js +5 -9
  131. package/dist/hover-card.cjs.js +4 -4
  132. package/dist/hover-card.esm.js +22 -28
  133. package/dist/icon-cloud.cjs.js +7 -7
  134. package/dist/icon-cloud.esm.js +48 -62
  135. package/dist/icon.cjs.js +1 -1
  136. package/dist/icon.esm.js +2 -4
  137. package/dist/index.cjs.js +1 -1
  138. package/dist/index.esm.js +378 -390
  139. package/dist/inline-edit.cjs.js +11 -11
  140. package/dist/inline-edit.esm.js +32 -36
  141. package/dist/input.cjs.js +17 -17
  142. package/dist/input.esm.js +50 -63
  143. package/dist/label.cjs.js +2 -2
  144. package/dist/label.esm.js +8 -17
  145. package/dist/layout.cjs.js +2 -2
  146. package/dist/layout.esm.js +20 -26
  147. package/dist/listbox-B6QgECax.js +46 -0
  148. package/dist/listbox-DJamVeFj.mjs +200 -0
  149. package/dist/listbox.cjs.js +1 -1
  150. package/dist/listbox.esm.js +2 -4
  151. package/dist/marquee.cjs.js +5 -5
  152. package/dist/marquee.esm.js +33 -50
  153. package/dist/masonry-grid.cjs.js +1 -1
  154. package/dist/masonry-grid.esm.js +5 -9
  155. package/dist/menu.cjs.js +3 -3
  156. package/dist/menu.esm.js +106 -126
  157. package/dist/menubar.cjs.js +5 -5
  158. package/dist/menubar.esm.js +118 -164
  159. package/dist/meter.cjs.js +2 -2
  160. package/dist/meter.esm.js +4 -4
  161. package/dist/multi-select.cjs.js +5 -5
  162. package/dist/multi-select.esm.js +125 -137
  163. package/dist/navigation-menu.cjs.js +4 -4
  164. package/dist/navigation-menu.esm.js +44 -55
  165. package/dist/number-field.cjs.js +2 -2
  166. package/dist/number-field.esm.js +73 -98
  167. package/dist/number-ticker.cjs.js +3 -3
  168. package/dist/number-ticker.esm.js +22 -43
  169. package/dist/odometer.cjs.js +1 -1
  170. package/dist/odometer.esm.js +5 -9
  171. package/dist/orbiter.cjs.js +13 -13
  172. package/dist/orbiter.esm.js +79 -90
  173. package/dist/{overlayManager-5bbd4dc3.mjs → overlayManager-BJjU1VA8.mjs} +4 -5
  174. package/dist/{overlayManager-0eda4e08.js → overlayManager-CSy3fJmJ.js} +1 -1
  175. package/dist/pagination.cjs.js +2 -2
  176. package/dist/pagination.esm.js +14 -18
  177. package/dist/{panel-group-a376cc5e.mjs → panel-group-8sVNnGxg.mjs} +24 -46
  178. package/dist/panel-group-CaD0_KQf.js +36 -0
  179. package/dist/panel-group.cjs.js +1 -1
  180. package/dist/panel-group.esm.js +2 -5
  181. package/dist/panel.cjs.js +4 -4
  182. package/dist/panel.esm.js +8 -10
  183. package/dist/password-field.cjs.js +9 -9
  184. package/dist/password-field.esm.js +62 -82
  185. package/dist/pin-input.cjs.js +3 -3
  186. package/dist/pin-input.esm.js +33 -39
  187. package/dist/placement-grid.cjs.js +4 -4
  188. package/dist/placement-grid.esm.js +108 -131
  189. package/dist/plugin-panel.cjs.js +7 -7
  190. package/dist/plugin-panel.esm.js +13 -15
  191. package/dist/popover.cjs.js +2 -2
  192. package/dist/popover.esm.js +21 -31
  193. package/dist/portal-DgpQ3Jo1.js +1 -0
  194. package/dist/{portal-fe73e5cc.mjs → portal-bR42gHvG.mjs} +43 -48
  195. package/dist/portal.cjs.js +3 -3
  196. package/dist/portal.esm.js +20 -28
  197. package/dist/{positioner-e9770c66.mjs → positioner-D0VGxtYU.mjs} +189 -209
  198. package/dist/positioner-D_fqyx_j.js +1 -0
  199. package/dist/positioner.cjs.js +2 -2
  200. package/dist/positioner.esm.js +22 -28
  201. package/dist/presence.cjs.js +1 -1
  202. package/dist/presence.esm.js +7 -13
  203. package/dist/primitives/auto-scroll.d.ts +9 -0
  204. package/dist/primitives/auto-scroll.d.ts.map +1 -0
  205. package/dist/primitives/selector.d.ts +4 -0
  206. package/dist/primitives/selector.d.ts.map +1 -0
  207. package/dist/progress.cjs.js +1 -1
  208. package/dist/progress.esm.js +5 -9
  209. package/dist/quick-actions.cjs.js +6 -6
  210. package/dist/quick-actions.esm.js +52 -62
  211. package/dist/radio-group.cjs.js +13 -13
  212. package/dist/radio-group.esm.js +39 -51
  213. package/dist/radio.cjs.js +1 -1
  214. package/dist/radio.esm.js +5 -9
  215. package/dist/rating.cjs.js +1 -1
  216. package/dist/rating.esm.js +12 -23
  217. package/dist/{roving-focus-group-4350c9a7.mjs → roving-focus-group-Dbm1Jko_.mjs} +3 -6
  218. package/dist/roving-focus-group.cjs.js +1 -1
  219. package/dist/roving-focus-group.esm.js +3 -5
  220. package/dist/runtime-CTaOSmBj.js +1 -0
  221. package/dist/{runtime-161f68a2.mjs → runtime-D1gFh1fS.mjs} +338 -366
  222. package/dist/runtime.cjs.js +1 -1
  223. package/dist/runtime.esm.js +6 -6
  224. package/dist/scroll-area.cjs.js +3 -3
  225. package/dist/scroll-area.esm.js +38 -46
  226. package/dist/{scroll-lock-31da444f.mjs → scroll-lock-LfqXXqsu.mjs} +5 -9
  227. package/dist/section.cjs.js +1 -1
  228. package/dist/section.esm.js +1 -1
  229. package/dist/select.cjs.js +7 -7
  230. package/dist/select.esm.js +67 -97
  231. package/dist/selection-popup.cjs.js +1 -1
  232. package/dist/selection-popup.esm.js +8 -15
  233. package/dist/selector-BvAh35ve.js +1 -0
  234. package/dist/selector-WI8pD7YO.mjs +18 -0
  235. package/dist/separator.cjs.js +1 -1
  236. package/dist/separator.esm.js +1 -1
  237. package/dist/sidebar.cjs.js +18 -18
  238. package/dist/sidebar.esm.js +117 -139
  239. package/dist/skeleton.cjs.js +11 -11
  240. package/dist/skeleton.esm.js +27 -24
  241. package/dist/slider.cjs.js +1 -1
  242. package/dist/slider.esm.js +6 -11
  243. package/dist/slot.cjs.js +4 -4
  244. package/dist/slot.esm.js +16 -19
  245. package/dist/sortable.cjs.js +79 -65
  246. package/dist/sortable.esm.js +714 -734
  247. package/dist/spinning-text.cjs.js +12 -12
  248. package/dist/spinning-text.esm.js +80 -92
  249. package/dist/split-button.cjs.js +4 -4
  250. package/dist/split-button.esm.js +77 -62
  251. package/dist/splitter.cjs.js +1 -1
  252. package/dist/splitter.esm.js +1 -1
  253. package/dist/stepper.cjs.js +8 -8
  254. package/dist/stepper.esm.js +32 -52
  255. package/dist/switch.cjs.js +7 -7
  256. package/dist/switch.esm.js +23 -31
  257. package/dist/table.cjs.js +2 -2
  258. package/dist/table.esm.js +46 -56
  259. package/dist/tabs.cjs.js +8 -8
  260. package/dist/tabs.esm.js +89 -109
  261. package/dist/tags-input.cjs.js +4 -4
  262. package/dist/tags-input.esm.js +45 -62
  263. package/dist/textarea.cjs.js +10 -10
  264. package/dist/textarea.esm.js +49 -52
  265. package/dist/time-field.cjs.js +4 -4
  266. package/dist/time-field.esm.js +70 -84
  267. package/dist/time-picker.cjs.js +22 -22
  268. package/dist/time-picker.esm.js +88 -110
  269. package/dist/timeline.cjs.js +1 -1
  270. package/dist/timeline.esm.js +3 -5
  271. package/dist/toast.cjs.js +2 -2
  272. package/dist/toast.esm.js +33 -47
  273. package/dist/toggle-group.cjs.js +6 -6
  274. package/dist/toggle-group.esm.js +85 -105
  275. package/dist/toggle.cjs.js +1 -1
  276. package/dist/toggle.esm.js +3 -5
  277. package/dist/toolbar.cjs.js +1 -1
  278. package/dist/toolbar.esm.js +13 -24
  279. package/dist/tooltip.cjs.js +2 -2
  280. package/dist/tooltip.esm.js +31 -42
  281. package/dist/transfer-list.cjs.js +31 -31
  282. package/dist/transfer-list.esm.js +114 -127
  283. package/dist/{tree-dcd74a4a.mjs → tree-B3kE8ESs.mjs} +55 -62
  284. package/dist/tree-Dx_kv_ih.js +39 -0
  285. package/dist/tree-item.cjs.js +2 -2
  286. package/dist/tree-item.esm.js +2 -3
  287. package/dist/tree.cjs.js +1 -1
  288. package/dist/tree.esm.js +2 -5
  289. package/dist/ui-button-Q0GNNWKC.mjs +665 -0
  290. package/dist/ui-button-rXQOS9QJ.js +521 -0
  291. package/dist/{icon-9e9da03b.js → ui-icon-BzVNC_lr.js} +4 -4
  292. package/dist/{icon-e2a85cc1.mjs → ui-icon-YI6lyuqU.mjs} +58 -65
  293. package/dist/visually-hidden.cjs.js +1 -1
  294. package/dist/visually-hidden.esm.js +1 -1
  295. package/dist/wizard.cjs.js +14 -14
  296. package/dist/wizard.esm.js +85 -105
  297. package/package.json +2 -2
  298. package/dist/date-time-utils-66480de4.js +0 -1
  299. package/dist/date-time-utils-a2c7af25.mjs +0 -307
  300. package/dist/dismissable-layer-193e3bed.js +0 -1
  301. package/dist/focus-scope-2b12b4e7.js +0 -1
  302. package/dist/listbox-308789a0.mjs +0 -210
  303. package/dist/listbox-ef2f708e.js +0 -46
  304. package/dist/panel-group-40254cdd.js +0 -36
  305. package/dist/portal-c69756c0.js +0 -1
  306. package/dist/positioner-33529bb8.js +0 -1
  307. package/dist/runtime-3f13807b.js +0 -1
  308. package/dist/tree-0a7a8d05.js +0 -39
  309. /package/dist/{collection-a2969ad2.js → collection-qv8A8rq4.js} +0 -0
  310. /package/dist/{menu-item-styles-27fdbac4.mjs → menu-item-styles-CZiPwPwl.mjs} +0 -0
  311. /package/dist/{menu-item-styles-83ad1e22.js → menu-item-styles-CbNUEwP2.js} +0 -0
  312. /package/dist/{roving-focus-group-5c059bf9.js → roving-focus-group-BdJ_4Njm.js} +0 -0
  313. /package/dist/{scroll-lock-d7b0df21.js → scroll-lock-BX6e3Ced.js} +0 -0
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("./ElementBase-1b301e7f.js"),_=`
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("./ElementBase-EV6mVBUV.js"),_=`
2
2
  :host {
3
3
  --ui-slider-width: min(340px, 100%);
4
4
  --ui-slider-track-size: 6px;
@@ -1,4 +1,4 @@
1
- import { E as f } from "./ElementBase-909688f3.mjs";
1
+ import { E as f } from "./ElementBase-YlTLMsGk.mjs";
2
2
  const x = `
3
3
  :host {
4
4
  --ui-slider-width: min(340px, 100%);
@@ -477,8 +477,7 @@ function b(n) {
477
477
  return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
478
478
  }
479
479
  function m(n, t, e) {
480
- if (!n)
481
- return [];
480
+ if (!n) return [];
482
481
  try {
483
482
  const r = JSON.parse(n);
484
483
  return Array.isArray(r) ? r.map((i) => typeof i == "number" ? { value: i } : i && typeof i == "object" && Number.isFinite(Number(i.value)) ? {
@@ -490,8 +489,7 @@ function m(n, t, e) {
490
489
  }
491
490
  }
492
491
  function p(n, t = !1) {
493
- if (n == null)
494
- return t;
492
+ if (n == null) return t;
495
493
  const e = String(n).toLowerCase();
496
494
  return e !== "false" && e !== "0" && e !== "off";
497
495
  }
@@ -632,21 +630,18 @@ class k extends f {
632
630
  t.classList.contains("start") ? this._valueStart = Math.min(l, this._valueEnd) : this._valueEnd = Math.max(l, this._valueStart), this._valueStart = Math.round(this._valueStart / i) * i, this._valueEnd = Math.round(this._valueEnd / i) * i, this._value = this._valueEnd, this.setAttribute("value-start", String(this._valueStart)), this.setAttribute("value-end", String(this._valueEnd)), this.setAttribute("value", String(this._valueEnd));
633
631
  }
634
632
  _onInput(t) {
635
- if (p(this.getAttribute("disabled")) || this.hasAttribute("disabled"))
636
- return;
633
+ if (p(this.getAttribute("disabled")) || this.hasAttribute("disabled")) return;
637
634
  const e = t.target;
638
635
  !e || e.type !== "range" || (this._updateFromInput(e), this._syncDom(), this._emit("input"), this._emit("valuechange"));
639
636
  }
640
637
  _onChange(t) {
641
- if (p(this.getAttribute("disabled")) || this.hasAttribute("disabled"))
642
- return;
638
+ if (p(this.getAttribute("disabled")) || this.hasAttribute("disabled")) return;
643
639
  const e = t.target;
644
640
  !e || e.type !== "range" || (this._updateFromInput(e), this._syncDom(), this._emit("change"));
645
641
  }
646
642
  _renderMarks(t, e) {
647
643
  const r = m(this.getAttribute("marks"), t, e);
648
- if (!r.length)
649
- return '<div class="marks" part="marks" hidden></div>';
644
+ if (!r.length) return '<div class="marks" part="marks" hidden></div>';
650
645
  const i = Math.max(1, e - t), l = this.getAttribute("orientation") === "vertical" ? "vertical" : "horizontal";
651
646
  return `<div class="marks" part="marks">${r.map((s) => {
652
647
  const o = (s.value - t) / i * 100, d = l === "vertical" ? `style="bottom:${o}%"` : `style="left:${o}%"`, c = s.label != null ? b(s.label) : String(s.value);
package/dist/slot.cjs.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ElementBase-1b301e7f.js"),u=`
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ElementBase-EV6mVBUV.js"),u=`
2
2
  :host {
3
3
  --ui-slot-bg: transparent;
4
4
  --ui-slot-text: inherit;
@@ -150,10 +150,10 @@
150
150
  --ui-slot-border-color: CanvasText;
151
151
  }
152
152
  }
153
- `;function o(l){return l.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class a extends r.ElementBase{constructor(){super(),this._slotEl=null,this._shellEl=null,this._lastEmpty=!0,this._lastCount=-1,this._lastName="",this._initialized=!1,this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["name","headless","inline","align","size","variant","tone","fallback","required"]}disconnectedCallback(){this._slotEl&&this._slotEl.removeEventListener("slotchange",this._onSlotChange),this._slotEl=null,this._shellEl=null,this._initialized=!1,this._lastCount=-1,this._lastName="",this._lastEmpty=!0,super.disconnectedCallback()}attributeChangedCallback(s,t,e){if(t!==e){if(s==="required"){this.isConnected&&this._syncState(!0);return}super.attributeChangedCallback(s,t,e)}}_assignedCount(){return this._slotEl?this._slotEl.assignedNodes({flatten:!0}).filter(t=>{var e;return t.nodeType===Node.ELEMENT_NODE?!0:t.nodeType===Node.TEXT_NODE?!!((e=t.textContent)!=null&&e.trim()):!1}).length:0}_syncState(s=!1){const t=this._assignedCount(),e=t===0,i=this.getAttribute("name")||"",n=s||!this._initialized||t!==this._lastCount||i!==this._lastName;this._shellEl&&this._shellEl.setAttribute("data-empty",e?"true":"false"),n&&this.dispatchEvent(new CustomEvent("slotchange",{detail:{name:i,count:t,empty:e},bubbles:!0,composed:!0})),e&&this.hasAttribute("required")&&(!this._initialized||!this._lastEmpty)&&this.dispatchEvent(new CustomEvent("missing",{bubbles:!0,composed:!0})),!e&&(!this._initialized||this._lastEmpty)&&this.dispatchEvent(new CustomEvent("resolved",{bubbles:!0,composed:!0})),this._lastEmpty=e,this._lastCount=t,this._lastName=i,this._initialized=!0}_onSlotChange(){this._syncState()}render(){const s=(this.getAttribute("name")||"").trim(),t=this.getAttribute("fallback")||"",e=s?`<slot name="${o(s)}"></slot>`:"<slot></slot>";this.setContent(`
153
+ `;function o(l){return l.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class a extends r.ElementBase{constructor(){super(),this._slotEl=null,this._shellEl=null,this._lastEmpty=!0,this._lastCount=-1,this._lastName="",this._initialized=!1,this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["name","headless","inline","align","size","variant","tone","fallback","required"]}disconnectedCallback(){this._slotEl&&this._slotEl.removeEventListener("slotchange",this._onSlotChange),this._slotEl=null,this._shellEl=null,this._initialized=!1,this._lastCount=-1,this._lastName="",this._lastEmpty=!0,super.disconnectedCallback()}attributeChangedCallback(e,t,s){if(t!==s){if(e==="required"){this.isConnected&&this._syncState(!0);return}super.attributeChangedCallback(e,t,s)}}_assignedCount(){return this._slotEl?this._slotEl.assignedNodes({flatten:!0}).filter(t=>t.nodeType===Node.ELEMENT_NODE?!0:t.nodeType===Node.TEXT_NODE?!!t.textContent?.trim():!1).length:0}_syncState(e=!1){const t=this._assignedCount(),s=t===0,i=this.getAttribute("name")||"",n=e||!this._initialized||t!==this._lastCount||i!==this._lastName;this._shellEl&&this._shellEl.setAttribute("data-empty",s?"true":"false"),n&&this.dispatchEvent(new CustomEvent("slotchange",{detail:{name:i,count:t,empty:s},bubbles:!0,composed:!0})),s&&this.hasAttribute("required")&&(!this._initialized||!this._lastEmpty)&&this.dispatchEvent(new CustomEvent("missing",{bubbles:!0,composed:!0})),!s&&(!this._initialized||this._lastEmpty)&&this.dispatchEvent(new CustomEvent("resolved",{bubbles:!0,composed:!0})),this._lastEmpty=s,this._lastCount=t,this._lastName=i,this._initialized=!0}_onSlotChange(){this._syncState()}render(){const e=(this.getAttribute("name")||"").trim(),t=this.getAttribute("fallback")||"",s=e?`<slot name="${o(e)}"></slot>`:"<slot></slot>";this.setContent(`
154
154
  <style>${u}</style>
155
155
  <span class="shell" part="shell" data-empty="true">
156
- <span class="content" part="content">${e}</span>
156
+ <span class="content" part="content">${s}</span>
157
157
  <span class="fallback" part="fallback"><slot name="fallback">${o(t)}</slot></span>
158
158
  </span>
159
- `),this._shellEl=this.root.querySelector(".shell"),this._slotEl&&this._slotEl.removeEventListener("slotchange",this._onSlotChange),this._slotEl=this.root.querySelector('slot:not([name="fallback"])'),this._slotEl&&this._slotEl.addEventListener("slotchange",this._onSlotChange),this._syncState()}shouldRenderOnAttributeChange(s,t,e){return s==="name"||s==="fallback"}}typeof customElements<"u"&&!customElements.get("ui-slot")&&customElements.define("ui-slot",a);exports.UISlot=a;
159
+ `),this._shellEl=this.root.querySelector(".shell"),this._slotEl&&this._slotEl.removeEventListener("slotchange",this._onSlotChange),this._slotEl=this.root.querySelector('slot:not([name="fallback"])'),this._slotEl&&this._slotEl.addEventListener("slotchange",this._onSlotChange),this._syncState()}shouldRenderOnAttributeChange(e,t,s){return e==="name"||e==="fallback"}}typeof customElements<"u"&&!customElements.get("ui-slot")&&customElements.define("ui-slot",a);exports.UISlot=a;
package/dist/slot.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import { E as n } from "./ElementBase-909688f3.mjs";
1
+ import { E as n } from "./ElementBase-YlTLMsGk.mjs";
2
2
  const r = `
3
3
  :host {
4
4
  --ui-slot-bg: transparent;
@@ -175,50 +175,47 @@ class u extends n {
175
175
  disconnectedCallback() {
176
176
  this._slotEl && this._slotEl.removeEventListener("slotchange", this._onSlotChange), this._slotEl = null, this._shellEl = null, this._initialized = !1, this._lastCount = -1, this._lastName = "", this._lastEmpty = !0, super.disconnectedCallback();
177
177
  }
178
- attributeChangedCallback(s, t, e) {
179
- if (t !== e) {
180
- if (s === "required") {
178
+ attributeChangedCallback(e, t, s) {
179
+ if (t !== s) {
180
+ if (e === "required") {
181
181
  this.isConnected && this._syncState(!0);
182
182
  return;
183
183
  }
184
- super.attributeChangedCallback(s, t, e);
184
+ super.attributeChangedCallback(e, t, s);
185
185
  }
186
186
  }
187
187
  _assignedCount() {
188
- return this._slotEl ? this._slotEl.assignedNodes({ flatten: !0 }).filter((t) => {
189
- var e;
190
- return t.nodeType === Node.ELEMENT_NODE ? !0 : t.nodeType === Node.TEXT_NODE ? !!((e = t.textContent) != null && e.trim()) : !1;
191
- }).length : 0;
192
- }
193
- _syncState(s = !1) {
194
- const t = this._assignedCount(), e = t === 0, i = this.getAttribute("name") || "", a = s || !this._initialized || t !== this._lastCount || i !== this._lastName;
195
- this._shellEl && this._shellEl.setAttribute("data-empty", e ? "true" : "false"), a && this.dispatchEvent(
188
+ return this._slotEl ? this._slotEl.assignedNodes({ flatten: !0 }).filter((t) => t.nodeType === Node.ELEMENT_NODE ? !0 : t.nodeType === Node.TEXT_NODE ? !!t.textContent?.trim() : !1).length : 0;
189
+ }
190
+ _syncState(e = !1) {
191
+ const t = this._assignedCount(), s = t === 0, i = this.getAttribute("name") || "", a = e || !this._initialized || t !== this._lastCount || i !== this._lastName;
192
+ this._shellEl && this._shellEl.setAttribute("data-empty", s ? "true" : "false"), a && this.dispatchEvent(
196
193
  new CustomEvent("slotchange", {
197
194
  detail: {
198
195
  name: i,
199
196
  count: t,
200
- empty: e
197
+ empty: s
201
198
  },
202
199
  bubbles: !0,
203
200
  composed: !0
204
201
  })
205
- ), e && this.hasAttribute("required") && (!this._initialized || !this._lastEmpty) && this.dispatchEvent(new CustomEvent("missing", { bubbles: !0, composed: !0 })), !e && (!this._initialized || this._lastEmpty) && this.dispatchEvent(new CustomEvent("resolved", { bubbles: !0, composed: !0 })), this._lastEmpty = e, this._lastCount = t, this._lastName = i, this._initialized = !0;
202
+ ), s && this.hasAttribute("required") && (!this._initialized || !this._lastEmpty) && this.dispatchEvent(new CustomEvent("missing", { bubbles: !0, composed: !0 })), !s && (!this._initialized || this._lastEmpty) && this.dispatchEvent(new CustomEvent("resolved", { bubbles: !0, composed: !0 })), this._lastEmpty = s, this._lastCount = t, this._lastName = i, this._initialized = !0;
206
203
  }
207
204
  _onSlotChange() {
208
205
  this._syncState();
209
206
  }
210
207
  render() {
211
- const s = (this.getAttribute("name") || "").trim(), t = this.getAttribute("fallback") || "", e = s ? `<slot name="${o(s)}"></slot>` : "<slot></slot>";
208
+ const e = (this.getAttribute("name") || "").trim(), t = this.getAttribute("fallback") || "", s = e ? `<slot name="${o(e)}"></slot>` : "<slot></slot>";
212
209
  this.setContent(`
213
210
  <style>${r}</style>
214
211
  <span class="shell" part="shell" data-empty="true">
215
- <span class="content" part="content">${e}</span>
212
+ <span class="content" part="content">${s}</span>
216
213
  <span class="fallback" part="fallback"><slot name="fallback">${o(t)}</slot></span>
217
214
  </span>
218
215
  `), this._shellEl = this.root.querySelector(".shell"), this._slotEl && this._slotEl.removeEventListener("slotchange", this._onSlotChange), this._slotEl = this.root.querySelector('slot:not([name="fallback"])'), this._slotEl && this._slotEl.addEventListener("slotchange", this._onSlotChange), this._syncState();
219
216
  }
220
- shouldRenderOnAttributeChange(s, t, e) {
221
- return s === "name" || s === "fallback";
217
+ shouldRenderOnAttributeChange(e, t, s) {
218
+ return e === "name" || e === "fallback";
222
219
  }
223
220
  }
224
221
  typeof customElements < "u" && !customElements.get("ui-slot") && customElements.define("ui-slot", u);