@threadlabs/looma 0.1.27 → 0.2.0

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 (214) hide show
  1. package/dist/{chunk-RLELJVBL.js → chunk-JXSHRMYW.js} +32 -33
  2. package/dist/{chunk-YHXJC5M5.js → chunk-M7FPK6GN.js} +17 -12
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/looma.cjs.js +1 -1
  5. package/dist/cjs/{positioning-i0WrCAdF.js → positioning-D5q9DM-0.js} +19 -12
  6. package/dist/cjs/ui-affordance-scope.cjs.entry.js +1 -1
  7. package/dist/cjs/ui-chip_2.cjs.entry.js +190 -498
  8. package/dist/cjs/ui-combobox.cjs.entry.js +708 -0
  9. package/dist/cjs/ui-context-menu.cjs.entry.js +2 -2
  10. package/dist/cjs/ui-dialog.cjs.entry.js +2 -2
  11. package/dist/cjs/ui-disclosure.cjs.entry.js +1 -1
  12. package/dist/cjs/ui-editable.cjs.entry.js +3 -3
  13. package/dist/cjs/ui-floating-action-button.cjs.entry.js +1 -1
  14. package/dist/cjs/ui-form-field.cjs.entry.js +1 -1
  15. package/dist/cjs/ui-icon-button.cjs.entry.js +1 -1
  16. package/dist/cjs/ui-input.cjs.entry.js +1 -1
  17. package/dist/cjs/ui-menu-item.cjs.entry.js +1 -1
  18. package/dist/cjs/ui-menu.cjs.entry.js +3 -3
  19. package/dist/cjs/ui-popover.cjs.entry.js +3 -3
  20. package/dist/cjs/ui-radio-group.cjs.entry.js +1 -1
  21. package/dist/cjs/ui-radio.cjs.entry.js +1 -1
  22. package/dist/cjs/ui-search-result-row.cjs.entry.js +1 -1
  23. package/dist/cjs/ui-search-shell.cjs.entry.js +1 -1
  24. package/dist/cjs/ui-select.cjs.entry.js +1 -1
  25. package/dist/cjs/ui-switch.cjs.entry.js +2 -2
  26. package/dist/cjs/ui-tabs.cjs.entry.js +1 -1
  27. package/dist/cjs/ui-textarea.cjs.entry.js +1 -1
  28. package/dist/cjs/ui-toast-region.cjs.entry.js +2 -2
  29. package/dist/cjs/ui-top-bar.cjs.entry.js +1 -1
  30. package/dist/cjs/ui-tree-item.cjs.entry.js +2 -2
  31. package/dist/cjs/ui-tree.cjs.entry.js +1 -1
  32. package/dist/collection/collection-manifest.json +0 -1
  33. package/dist/collection/components/ui-combobox/ui-combobox.css +23 -0
  34. package/dist/collection/components/ui-combobox/ui-combobox.js +298 -21
  35. package/dist/collection/components/ui-context-menu/ui-context-menu.js +1 -1
  36. package/dist/collection/components/ui-dialog/ui-dialog.css +1 -0
  37. package/dist/collection/components/ui-dialog/ui-dialog.js +1 -1
  38. package/dist/collection/components/ui-disclosure/ui-disclosure.js +1 -1
  39. package/dist/collection/components/ui-editable/ui-editable.js +3 -3
  40. package/dist/collection/components/ui-floating-action-button/ui-floating-action-button.js +1 -1
  41. package/dist/collection/components/ui-form-field/ui-form-field.js +1 -1
  42. package/dist/collection/components/ui-icon-button/ui-icon-button.js +1 -1
  43. package/dist/collection/components/ui-input/ui-input.js +1 -1
  44. package/dist/collection/components/ui-menu/ui-menu.css +7 -2
  45. package/dist/collection/components/ui-menu/ui-menu.js +1 -1
  46. package/dist/collection/components/ui-menu-item/ui-menu-item.js +1 -1
  47. package/dist/collection/components/ui-popover/ui-popover.css +6 -2
  48. package/dist/collection/components/ui-popover/ui-popover.js +1 -1
  49. package/dist/collection/components/ui-radio/ui-radio.js +1 -1
  50. package/dist/collection/components/ui-radio-group/ui-radio-group.js +1 -1
  51. package/dist/collection/components/ui-search-result-row/ui-search-result-row.js +1 -1
  52. package/dist/collection/components/ui-search-shell/ui-search-shell.js +1 -1
  53. package/dist/collection/components/ui-select/ui-select.js +1 -1
  54. package/dist/collection/components/ui-switch/ui-switch.js +2 -2
  55. package/dist/collection/components/ui-tabs/ui-tabs.js +1 -1
  56. package/dist/collection/components/ui-textarea/ui-textarea.js +1 -1
  57. package/dist/collection/components/ui-toast-region/ui-toast-region.js +1 -1
  58. package/dist/collection/components/ui-tooltip/ui-tooltip.js +1 -1
  59. package/dist/collection/components/ui-top-bar/ui-top-bar.js +1 -1
  60. package/dist/collection/components/ui-tree/ui-tree.js +1 -1
  61. package/dist/collection/components/ui-tree-item/ui-tree-item.js +2 -2
  62. package/dist/collection/overlay/positioning.js +21 -14
  63. package/dist/components/index.d.ts +0 -2
  64. package/dist/components/index.js +1 -1
  65. package/dist/components/{p-DZRtXH6j.js → p-DWN2m6ta.js} +1 -1
  66. package/dist/components/p-DYiNETk6.js +1 -0
  67. package/dist/components/p-Drw41pSY.js +1 -0
  68. package/dist/components/ui-affordance-scope.js +1 -1
  69. package/dist/components/ui-combobox.js +1 -1
  70. package/dist/components/ui-context-menu.js +1 -1
  71. package/dist/components/ui-dialog.js +1 -1
  72. package/dist/components/ui-disclosure.js +1 -1
  73. package/dist/components/ui-editable.js +1 -1
  74. package/dist/components/ui-floating-action-button.js +1 -1
  75. package/dist/components/ui-form-field.js +1 -1
  76. package/dist/components/ui-icon-button.js +1 -1
  77. package/dist/components/ui-input.js +1 -1
  78. package/dist/components/ui-menu-item.js +1 -1
  79. package/dist/components/ui-menu.js +1 -1
  80. package/dist/components/ui-popover.js +1 -1
  81. package/dist/components/ui-radio-group.js +1 -1
  82. package/dist/components/ui-radio.js +1 -1
  83. package/dist/components/ui-search-result-row.js +1 -1
  84. package/dist/components/ui-search-shell.js +1 -1
  85. package/dist/components/ui-select.js +1 -1
  86. package/dist/components/ui-switch.js +1 -1
  87. package/dist/components/ui-tabs.js +1 -1
  88. package/dist/components/ui-textarea.js +1 -1
  89. package/dist/components/ui-toast-region.js +1 -1
  90. package/dist/components/ui-tooltip.js +1 -1
  91. package/dist/components/ui-top-bar.js +1 -1
  92. package/dist/components/ui-tree-item.js +1 -1
  93. package/dist/components/ui-tree.js +1 -1
  94. package/dist/esm/loader.js +1 -1
  95. package/dist/esm/looma.js +1 -1
  96. package/dist/esm/{positioning-Bu0dmLBE.js → positioning-Drmwg-C1.js} +19 -12
  97. package/dist/esm/ui-affordance-scope.entry.js +1 -1
  98. package/dist/esm/ui-chip_2.entry.js +193 -501
  99. package/dist/esm/ui-combobox.entry.js +706 -0
  100. package/dist/esm/ui-context-menu.entry.js +2 -2
  101. package/dist/esm/ui-dialog.entry.js +2 -2
  102. package/dist/esm/ui-disclosure.entry.js +1 -1
  103. package/dist/esm/ui-editable.entry.js +3 -3
  104. package/dist/esm/ui-floating-action-button.entry.js +1 -1
  105. package/dist/esm/ui-form-field.entry.js +1 -1
  106. package/dist/esm/ui-icon-button.entry.js +1 -1
  107. package/dist/esm/ui-input.entry.js +1 -1
  108. package/dist/esm/ui-menu-item.entry.js +1 -1
  109. package/dist/esm/ui-menu.entry.js +3 -3
  110. package/dist/esm/ui-popover.entry.js +3 -3
  111. package/dist/esm/ui-radio-group.entry.js +1 -1
  112. package/dist/esm/ui-radio.entry.js +1 -1
  113. package/dist/esm/ui-search-result-row.entry.js +1 -1
  114. package/dist/esm/ui-search-shell.entry.js +1 -1
  115. package/dist/esm/ui-select.entry.js +1 -1
  116. package/dist/esm/ui-switch.entry.js +2 -2
  117. package/dist/esm/ui-tabs.entry.js +1 -1
  118. package/dist/esm/ui-textarea.entry.js +1 -1
  119. package/dist/esm/ui-toast-region.entry.js +2 -2
  120. package/dist/esm/ui-top-bar.entry.js +1 -1
  121. package/dist/esm/ui-tree-item.entry.js +2 -2
  122. package/dist/esm/ui-tree.entry.js +1 -1
  123. package/dist/index.cjs +525 -550
  124. package/dist/index.js +27 -14
  125. package/dist/looma/looma.esm.js +1 -1
  126. package/dist/looma/{p-9a82c523.entry.js → p-1249a806.entry.js} +1 -1
  127. package/dist/looma/p-1c00670f.entry.js +1 -0
  128. package/dist/looma/p-22842f8c.entry.js +1 -0
  129. package/dist/looma/{p-1e1de77f.entry.js → p-2915d5c0.entry.js} +1 -1
  130. package/dist/looma/{p-72338f53.entry.js → p-32c85198.entry.js} +1 -1
  131. package/dist/looma/{p-b75aff63.entry.js → p-37ec2b4b.entry.js} +1 -1
  132. package/dist/looma/{p-2f3c1b57.entry.js → p-3b2961a6.entry.js} +1 -1
  133. package/dist/looma/{p-e07e6ac2.entry.js → p-3f60f4c8.entry.js} +1 -1
  134. package/dist/looma/{p-9551ebf6.entry.js → p-424d6719.entry.js} +1 -1
  135. package/dist/looma/{p-6cc3180b.entry.js → p-4caccfce.entry.js} +1 -1
  136. package/dist/looma/p-55e06e2e.entry.js +1 -0
  137. package/dist/looma/{p-a939c00f.entry.js → p-56dac38a.entry.js} +1 -1
  138. package/dist/looma/p-5cbbf7a0.entry.js +1 -0
  139. package/dist/looma/{p-f431dc13.entry.js → p-6f20d470.entry.js} +1 -1
  140. package/dist/looma/{p-b68762f2.entry.js → p-7c0b5364.entry.js} +1 -1
  141. package/dist/looma/{p-e82f104c.entry.js → p-8bdd9495.entry.js} +1 -1
  142. package/dist/looma/{p-df696cca.entry.js → p-9cfbf722.entry.js} +1 -1
  143. package/dist/looma/p-Drmwg-C1.js +1 -0
  144. package/dist/looma/{p-607c3056.entry.js → p-b6ede6bb.entry.js} +1 -1
  145. package/dist/looma/p-b6fb6ba3.entry.js +1 -0
  146. package/dist/looma/{p-da6e2d01.entry.js → p-b76e2111.entry.js} +1 -1
  147. package/dist/looma/{p-1a12eb5c.entry.js → p-d372b0db.entry.js} +1 -1
  148. package/dist/looma/p-d46317e0.entry.js +1 -0
  149. package/dist/looma/{p-20387ffa.entry.js → p-d4825822.entry.js} +1 -1
  150. package/dist/looma/{p-8a5e3fe1.entry.js → p-d5c3954f.entry.js} +1 -1
  151. package/dist/looma/p-e604e906.entry.js +1 -0
  152. package/dist/looma/{p-e406656e.entry.js → p-f1f7c5cb.entry.js} +1 -1
  153. package/dist/types/components/ui-combobox/ui-combobox.d.ts +35 -4
  154. package/dist/types/components.d.ts +56 -153
  155. package/dist/{ui-affordance-scope.entry-7H6GIQEK.js → ui-affordance-scope.entry-VR7FLAWG.js} +2 -2
  156. package/dist/{ui-avatar-group.entry-QB25IUWA.js → ui-avatar-group.entry-L3UKOY3U.js} +1 -1
  157. package/dist/{ui-avatar.entry-L377CWPR.js → ui-avatar.entry-VM5OHEFQ.js} +1 -1
  158. package/dist/{ui-badge.entry-QHC3KI5S.js → ui-badge.entry-ZTM4OPUD.js} +1 -1
  159. package/dist/{ui-button.entry-MZGTPU22.js → ui-button.entry-CIPUSV5B.js} +1 -1
  160. package/dist/{ui-callout.entry-2D4LO74K.js → ui-callout.entry-OBFCI2O7.js} +1 -1
  161. package/dist/{ui-checkbox.entry-B2O5DREC.js → ui-checkbox.entry-XT6ET56H.js} +1 -1
  162. package/dist/{ui-tooltip.entry-VG4AWEBD.js → ui-chip_2.entry-32SHCLV6.js} +19 -4
  163. package/dist/{ui-chip_2.entry-OOSON72O.js → ui-combobox.entry-ONBBPQ2C.js} +170 -31
  164. package/dist/{ui-context-menu.entry-UY76G7HM.js → ui-context-menu.entry-RXNUOK24.js} +3 -3
  165. package/dist/{ui-dialog.entry-345V7IJ3.js → ui-dialog.entry-IJXNUARC.js} +3 -3
  166. package/dist/{ui-disclosure.entry-RUU7VNDN.js → ui-disclosure.entry-5QS7UDRH.js} +2 -2
  167. package/dist/{ui-editable.entry-WWFFHOMP.js → ui-editable.entry-D7LOQN2H.js} +3 -3
  168. package/dist/{ui-floating-action-button.entry-Y2TLDJO4.js → ui-floating-action-button.entry-XQZCTZQT.js} +2 -2
  169. package/dist/{ui-form-field.entry-C63GZMQR.js → ui-form-field.entry-A654LJZE.js} +2 -2
  170. package/dist/{ui-icon-button.entry-35MJYYEI.js → ui-icon-button.entry-MJ7F7ZIH.js} +2 -2
  171. package/dist/{ui-input.entry-3FAXEH5M.js → ui-input.entry-B2XM7JQU.js} +2 -2
  172. package/dist/{ui-menu-item.entry-3J42XLCJ.js → ui-menu-item.entry-JULYSFVW.js} +2 -2
  173. package/dist/{ui-menu.entry-YDABO3OO.js → ui-menu.entry-ORRWW7HD.js} +4 -4
  174. package/dist/{ui-popover.entry-YP7R6FQO.js → ui-popover.entry-W67V4UPA.js} +4 -4
  175. package/dist/{ui-radio-group.entry-TYXAN7G5.js → ui-radio-group.entry-KCFOR27M.js} +2 -2
  176. package/dist/{ui-radio.entry-JW7HX3LW.js → ui-radio.entry-I2P4V5E3.js} +2 -2
  177. package/dist/{ui-search-result-row.entry-MKQYGNFO.js → ui-search-result-row.entry-GHODLSLR.js} +2 -2
  178. package/dist/{ui-search-shell.entry-KHIQTT4J.js → ui-search-shell.entry-PDB5UN4B.js} +2 -2
  179. package/dist/{ui-select.entry-R235Y3IL.js → ui-select.entry-D3CZHCKB.js} +2 -2
  180. package/dist/{ui-switch.entry-BJ6FIEPB.js → ui-switch.entry-WUDRL4H5.js} +3 -3
  181. package/dist/{ui-tabs.entry-ZBP3FLR2.js → ui-tabs.entry-MW64GKIJ.js} +2 -2
  182. package/dist/{ui-textarea.entry-2YW7TCEU.js → ui-textarea.entry-VHRBYY6G.js} +2 -2
  183. package/dist/{ui-toast-region.entry-ZSCMMIKQ.js → ui-toast-region.entry-ET75RWYP.js} +3 -3
  184. package/dist/{ui-top-bar.entry-CZW3MLC6.js → ui-top-bar.entry-QIYA3LD3.js} +2 -2
  185. package/dist/{ui-tree-item.entry-CU2SWAOK.js → ui-tree-item.entry-BDB7VEUS.js} +3 -3
  186. package/dist/{ui-tree.entry-M6KXK7GJ.js → ui-tree.entry-GSC7BPRN.js} +2 -2
  187. package/package.json +1 -1
  188. package/styles.css +6 -4
  189. package/vue/{chunk-2DDIBSFD.js → chunk-ROMBQS2L.js} +32 -89
  190. package/vue/editor/index.js +1 -1
  191. package/vue/index.d.ts +30 -107
  192. package/vue/index.js +1 -3
  193. package/dist/cjs/ui-multi-combobox.cjs.entry.js +0 -190
  194. package/dist/cjs/ui-tooltip.cjs.entry.js +0 -241
  195. package/dist/collection/components/ui-multi-combobox/ui-multi-combobox.css +0 -33
  196. package/dist/collection/components/ui-multi-combobox/ui-multi-combobox.js +0 -553
  197. package/dist/components/p-BKzrrab4.js +0 -1
  198. package/dist/components/p-D0wBI-9r.js +0 -1
  199. package/dist/components/p-DOulVJT7.js +0 -1
  200. package/dist/components/ui-multi-combobox.d.ts +0 -11
  201. package/dist/components/ui-multi-combobox.js +0 -1
  202. package/dist/esm/ui-multi-combobox.entry.js +0 -188
  203. package/dist/esm/ui-tooltip.entry.js +0 -239
  204. package/dist/looma/p-071c139c.entry.js +0 -1
  205. package/dist/looma/p-0fd60103.entry.js +0 -1
  206. package/dist/looma/p-4fc9917f.entry.js +0 -1
  207. package/dist/looma/p-66c6b6dd.entry.js +0 -1
  208. package/dist/looma/p-77dcfa6f.entry.js +0 -1
  209. package/dist/looma/p-85a6716e.entry.js +0 -1
  210. package/dist/looma/p-8f102407.entry.js +0 -1
  211. package/dist/looma/p-Bu0dmLBE.js +0 -1
  212. package/dist/looma/p-caa37be2.entry.js +0 -1
  213. package/dist/types/components/ui-multi-combobox/ui-multi-combobox.d.ts +0 -51
  214. package/dist/ui-multi-combobox.entry-XXLS4V3I.js +0 -196
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, g as getElement, h, H as Host } from './index-8BGiMGQ0.js';
2
2
  import { o as openOverlay, c as closeOverlay, r as requestTopOverlayClose } from './manager-C-0syqXZ.js';
3
3
  import { d as dispatchDetail } from './events-JwSoedEO.js';
4
- import { a as createAnchoredSurface } from './positioning-Bu0dmLBE.js';
4
+ import { a as createAnchoredSurface } from './positioning-Drmwg-C1.js';
5
5
 
6
6
  const uiContextMenuCss = () => `:host{display:contents}:host([data-focus-trigger='pointer']) ::slotted(ui-menu-item:focus){outline:none}.menu{position:fixed;inset:auto;margin:0;z-index:var(--ui-z-overlay, 1000);min-width:12rem;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease), transform var(--ui-motion-fast) var(--ui-motion-ease), display var(--ui-motion-fast) allow-discrete, overlay var(--ui-motion-fast) allow-discrete}.menu:popover-open{opacity:1;transform:translateY(0) scale(1)}@starting-style{.menu:popover-open{opacity:0;transform:translateY(-4px) scale(0.99)}}.menu[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){.menu{transition:none}}`;
7
7
 
@@ -218,7 +218,7 @@ const UIContextMenu = class {
218
218
  this.closeMenu('action', 'pointer');
219
219
  };
220
220
  render() {
221
- return (h(Host, { key: '292937da8010dc741e3e845b6f7fd0fef6b8bda3', "data-open": this.internalOpen ? '' : undefined, "data-focus-trigger": this.internalOpen ? this.focusTrigger : undefined, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: '4f08876237d1919803200226d956e67de35fffab', name: "trigger" }), h("div", { key: 'c2cc0218165d02cc4c7fd11bdc52a51d39897546', class: "menu", "data-open": this.internalOpen ? '' : undefined }, h("ui-menu", { key: '1c2c6e62c86f3a38f014976843f3354d312d0744', open: this.internalOpen }, h("slot", { key: 'baeca960ac6d2277a60dc567f6e4110904d67b5e' })))));
221
+ return (h(Host, { key: 'aaf9f27402b0c88cede3847ee9c8f61ac844f889', "data-open": this.internalOpen ? '' : undefined, "data-focus-trigger": this.internalOpen ? this.focusTrigger : undefined, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: 'd801d564ec2ee073e517cb991c26efc61d3e499d', name: "trigger" }), h("div", { key: '4febcc5d76c79c2e5361db7b203e971582197fd2', class: "menu", "data-open": this.internalOpen ? '' : undefined }, h("ui-menu", { key: '7aace2479a8014a20da35f69bd3ed57b402f9ef2', open: this.internalOpen }, h("slot", { key: 'a31d703c437cf5d9ab82e5f7793caa093a312dfd' })))));
222
222
  }
223
223
  static get watchers() { return {
224
224
  "open": [{
@@ -3,7 +3,7 @@ import { o as openOverlay, c as closeOverlay, r as requestTopOverlayClose } from
3
3
  import { d as dispatchDetail } from './events-JwSoedEO.js';
4
4
  import { i as isControlled, c as controlledOrDefault } from './controlled-state-BnGhGgTH.js';
5
5
 
6
- const uiDialogCss = () => `:host{display:block}:host:not([data-open]){display:none}:host dialog{--ui-dialog-duration:var(--ui-motion-base);--ui-dialog-viewport-gap:var(--ui-space-4, 1rem);position:fixed;inset:0;inline-size:min( calc(100% - (var(--ui-dialog-viewport-gap) * 2)), var(--ui-dialog-max-width, 440px) );max-inline-size:none;max-block-size:calc(100dvh - (var(--ui-dialog-viewport-gap) * 2));margin:auto;padding:var(--ui-space-4);overflow:auto;background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-dialog);box-shadow:var(--ui-shadow-dialog);visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-dialog-duration) var(--ui-motion-ease), transform var(--ui-dialog-duration) var(--ui-motion-ease), visibility var(--ui-dialog-duration), display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete, overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1);animation:ui-dialog-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-enter{from{opacity:0;transform:scale(0.96)}}:host dialog::backdrop{background-color:transparent;transition:background-color var(--ui-dialog-duration) var(--ui-motion-ease), display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete, overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]::backdrop{background-color:var(--ui-overlay-backdrop);animation:ui-dialog-backdrop-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-backdrop-enter{from{background-color:transparent}}`;
6
+ const uiDialogCss = () => `:host{display:block}:host:not([data-open]){display:none}:host dialog{--ui-dialog-duration:var(--ui-motion-base);--ui-dialog-viewport-gap:var(--ui-space-4, 1rem);position:fixed;inset:0;box-sizing:border-box;inline-size:min( calc(100% - (var(--ui-dialog-viewport-gap) * 2)), var(--ui-dialog-max-width, 440px) );max-inline-size:none;max-block-size:calc(100dvh - (var(--ui-dialog-viewport-gap) * 2));margin:auto;padding:var(--ui-space-4);overflow:auto;background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-dialog);box-shadow:var(--ui-shadow-dialog);visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-dialog-duration) var(--ui-motion-ease), transform var(--ui-dialog-duration) var(--ui-motion-ease), visibility var(--ui-dialog-duration), display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete, overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1);animation:ui-dialog-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-enter{from{opacity:0;transform:scale(0.96)}}:host dialog::backdrop{background-color:transparent;transition:background-color var(--ui-dialog-duration) var(--ui-motion-ease), display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete, overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]::backdrop{background-color:var(--ui-overlay-backdrop);animation:ui-dialog-backdrop-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-backdrop-enter{from{background-color:transparent}}`;
7
7
 
8
8
  const UIDialog = class {
9
9
  constructor(hostRef) {
@@ -110,7 +110,7 @@ const UIDialog = class {
110
110
  this.accessibleLabel = nextLabel;
111
111
  };
112
112
  render() {
113
- return (h(Host, { key: 'f5b4441f54505e40851dd239d12cf8ed09daabfe', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, h("dialog", { key: '6896de6166cc085d9bd581dc053705fbce6328d8', ref: (el) => (this.dialogRef = el), open: this.internalOpen, "aria-label": this.accessibleLabel }, h("slot", { key: '07515a7b8da25ccbd18bcde226129a569c999af7' }))));
113
+ return (h(Host, { key: 'b606ef8c95728b5538047a7134030455fedf69e4', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, h("dialog", { key: '85531d82c36e79230cbb22c105ff3821f1f35f58', ref: (el) => (this.dialogRef = el), open: this.internalOpen, "aria-label": this.accessibleLabel }, h("slot", { key: '8216096bc94e8261680664398691b8ea877daa0f' }))));
114
114
  }
115
115
  static get watchers() { return {
116
116
  "open": [{
@@ -94,7 +94,7 @@ const UIDisclosure = class {
94
94
  this.setOpen(!this.internalOpen, { reason: 'action', trigger: 'keyboard' });
95
95
  };
96
96
  render() {
97
- return (h(Host, { key: '5c49c41703850437e8b3a1476f3333da83a4f133' }, h("slot", { key: '9a4856ad2ab237331b8485f6c3a423a43ddceb8d' })));
97
+ return (h(Host, { key: '91d1df53268f18c8c15192fb66b67baa7053fe93' }, h("slot", { key: '578c99f8fd09415c5e63e9f6a860fe204471da2f' })));
98
98
  }
99
99
  static get watchers() { return {
100
100
  "open": [{
@@ -42,9 +42,9 @@ const UIEditable = class {
42
42
  }
43
43
  focusEditor() {
44
44
  const editRoot = this.host.querySelector('[slot="edit"]');
45
- const candidate = editRoot?.matches('input, textarea, select, button, [tabindex], ui-combobox, ui-multi-combobox')
45
+ const candidate = editRoot?.matches('input, textarea, select, button, [tabindex], ui-combobox')
46
46
  ? editRoot
47
- : editRoot?.querySelector('input, textarea, select, button, [tabindex], ui-combobox, ui-multi-combobox');
47
+ : editRoot?.querySelector('input, textarea, select, button, [tabindex], ui-combobox');
48
48
  const focusInput = candidate?.focusInput;
49
49
  if (typeof focusInput === 'function')
50
50
  void focusInput.call(candidate);
@@ -85,7 +85,7 @@ const UIEditable = class {
85
85
  this.requestEdit(false, 'light-dismiss', 'pointer');
86
86
  };
87
87
  render() {
88
- return h(Host, { key: '7f0c77aa06281c94407af1f060f5f2b2c34af394', "data-edit": this.internalEdit ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("div", { key: '4dc13c26dc4080ed0ad972aa677d9e844a0e7597', part: "preview", hidden: this.internalEdit }, h("slot", { key: '8332efed99f05173030d379088e8e97746f32ce6', name: "preview" })), h("div", { key: 'ec3e11ec9218077da5f17a0c724cfab17d56fb17', part: "edit", hidden: !this.internalEdit }, h("slot", { key: '46a4618614c6e55c0015d97e687a0f28e05eef38', name: "edit" })));
88
+ return h(Host, { key: 'c11babe81053ecc0fb6390507f74d5094c551f48', "data-edit": this.internalEdit ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("div", { key: 'fbb13fda25a177ff62f4bbb16b8fa7a8d1bfefb6', part: "preview", hidden: this.internalEdit }, h("slot", { key: '29537eed3c19da07a61b0236a563912eec332572', name: "preview" })), h("div", { key: 'a8cdb53c61041361ff97762bdf1e8e6992706751', part: "edit", hidden: !this.internalEdit }, h("slot", { key: '466c6bf07d44ab07ccab1fd138412e43a291dcca', name: "edit" })));
89
89
  }
90
90
  static get watchers() { return {
91
91
  "edit": [{
@@ -10,7 +10,7 @@ const UIFloatingActionButton = class {
10
10
  mobileOnly = false;
11
11
  label = '';
12
12
  render() {
13
- return (h(Host, { key: '86f7c100efe7fdf900de7abbcc1a01c475b0da1d', "data-disabled": this.disabled ? '' : undefined }, h("button", { key: '91398faeb693dcbe11d58e59a183391ce6e4876c', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, h("slot", { key: 'd11b6f638b045d6835279f3381442983b40472d9' }))));
13
+ return (h(Host, { key: '54f6284109397d15e2b3ef92f68e9bd4cf91fbae', "data-disabled": this.disabled ? '' : undefined }, h("button", { key: '9ebad7e3bbc2bf18d4d5a04f37a9f2d77011ad34', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, h("slot", { key: '222c6807ae4639eb20dc25be08fe5f4e91c638de' }))));
14
14
  }
15
15
  };
16
16
  UIFloatingActionButton.style = uiFloatingActionButtonCss();
@@ -104,7 +104,7 @@ const UIFormField = class {
104
104
  input.setAttribute('aria-invalid', this.invalid ? 'true' : 'false');
105
105
  }
106
106
  render() {
107
- return (h(Host, { key: '3d331f3506c3853d751395569e87614c52ce0076', "data-invalid": this.invalid ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-required": this.required ? '' : undefined }, h("slot", { key: '1b582b4961a767230b19efa314943f8a5426270e', onSlotchange: this.scheduleWire })));
107
+ return (h(Host, { key: 'f052dbf0ba289bf187ea78c458260110fbfa059a', "data-invalid": this.invalid ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-required": this.required ? '' : undefined }, h("slot", { key: 'f26f48581b5781e8c3d7830ddd3707ea4fb04420', onSlotchange: this.scheduleWire })));
108
108
  }
109
109
  };
110
110
  UIFormField.style = uiFormFieldCss();
@@ -13,7 +13,7 @@ const UIIconButton = class {
13
13
  /** Reveals this control through a surrounding ui-affordance-scope. */
14
14
  anticipatory = false;
15
15
  render() {
16
- return (h(Host, { key: '9e8ee3ff8c9f9ab5113a7635e49755e0eb998898', "data-disabled": this.disabled ? '' : undefined, "data-ui-affordance": this.anticipatory ? 'button' : undefined }, h("button", { key: '7f6dd5ae40b595634ba91834c2bb113687ee5cb8', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, h("slot", { key: 'c7a94d7fb54fbff44e372bf4f67bb29a40bfc45b' }))));
16
+ return (h(Host, { key: '8d0f84c9d3aaa69f47430369b511bb4160de5cc8', "data-disabled": this.disabled ? '' : undefined, "data-ui-affordance": this.anticipatory ? 'button' : undefined }, h("button", { key: 'b896cdb091e9733b2b8625463f1324819c23965c', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, h("slot", { key: '76ab5e5f4d34e3f0850287b4552dde060b3798e7' }))));
17
17
  }
18
18
  };
19
19
  UIIconButton.style = uiIconButtonCss();
@@ -76,7 +76,7 @@ const UIInput = class {
76
76
  });
77
77
  };
78
78
  render() {
79
- return (h(Host, { key: '90597a900e0504f0e729990dd8cbc84c35d8162f', "data-invalid": this.invalid ? '' : undefined }, h("slot", { key: '1c8ac0ad7e4d3a5a9b913c2687021ef7037ccfa7', ref: (el) => (this.slotRef = el) })));
79
+ return (h(Host, { key: '92505de6b1245569a6d4746418a70f8d7bc4eed9', "data-invalid": this.invalid ? '' : undefined }, h("slot", { key: 'd5743dc62037b5d7722cfbb64a582592327c75e5', ref: (el) => (this.slotRef = el) })));
80
80
  }
81
81
  static get watchers() { return {
82
82
  "value": [{
@@ -9,7 +9,7 @@ const UIMenuItem = class {
9
9
  disabled = false;
10
10
  value = '';
11
11
  render() {
12
- return (h(Host, { key: '856cf07264b2eb8e3e51305408855156e11d9a8b', role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : undefined, "data-value": this.value || undefined }, h("span", { key: 'a56401f9b910175eb5683d1748f323dce0d55a9c', class: "menu-item__surface" }, h("slot", { key: '4ee22fd4cdb10ec822e4485e48ed8000a10512ae' }))));
12
+ return (h(Host, { key: 'd0f0886b18ebd01c0c2e20a2c1b1ecfd57eeb3e3', role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : undefined, "data-value": this.value || undefined }, h("span", { key: '7fc584fb670b5b8ce0bbd3be1fea08f87de4a298', class: "menu-item__surface" }, h("slot", { key: '066fb08bc22996d439f3216e401a93a084e3e299' }))));
13
13
  }
14
14
  };
15
15
  UIMenuItem.style = uiMenuItemCss();
@@ -2,9 +2,9 @@ import { r as registerInstance, g as getElement, h, H as Host } from './index-8B
2
2
  import { d as dispatchDetail, e as eventToTrigger } from './events-JwSoedEO.js';
3
3
  import { o as openOverlay, c as closeOverlay, r as requestTopOverlayClose } from './manager-C-0syqXZ.js';
4
4
  import { i as isControlled, c as controlledOrDefault } from './controlled-state-BnGhGgTH.js';
5
- import { a as createAnchoredSurface } from './positioning-Bu0dmLBE.js';
5
+ import { a as createAnchoredSurface } from './positioning-Drmwg-C1.js';
6
6
 
7
- const uiMenuCss = () => `:host{--ui-menu-viewport-gap:var(--ui-space-2, 0.5rem);display:flex;flex-direction:column;box-sizing:border-box;inline-size:max-content;min-inline-size:min(12rem, calc(100vw - (var(--ui-menu-viewport-gap) * 2)));max-inline-size:calc(100vw - (var(--ui-menu-viewport-gap) * 2));padding:0;border:0;border-radius:0;background:transparent;box-shadow:var(--ui-shadow-lg)}.menu__surface{display:flex;flex-direction:column;box-sizing:border-box;padding:var(--ui-space-1);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3)}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;overflow:auto;max-block-size:calc(100dvh - (var(--ui-menu-viewport-gap) * 2));opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease), transform var(--ui-motion-fast) var(--ui-motion-ease), display var(--ui-motion-fast) allow-discrete, overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}::slotted(ui-menu-item){display:block;width:100%}`;
7
+ const uiMenuCss = () => `:host{--ui-menu-viewport-gap:var(--ui-space-2, 0.5rem);display:flex;flex-direction:column;box-sizing:border-box;inline-size:max-content;min-inline-size:min(12rem, calc(100vw - (var(--ui-menu-viewport-gap) * 2)));max-inline-size:calc(100vw - (var(--ui-menu-viewport-gap) * 2));padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.menu__surface{display:flex;flex-direction:column;box-sizing:border-box;max-inline-size:inherit;padding:var(--ui-space-1);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg);max-block-size:inherit;overflow:auto}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;overflow:visible;max-block-size:calc(100dvh - (var(--ui-menu-viewport-gap) * 2));opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease), transform var(--ui-motion-fast) var(--ui-motion-ease), display var(--ui-motion-fast) allow-discrete, overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}::slotted(ui-menu-item){display:block;width:100%}`;
8
8
 
9
9
  const UIMenu = class {
10
10
  constructor(hostRef) {
@@ -158,7 +158,7 @@ const UIMenu = class {
158
158
  }
159
159
  };
160
160
  render() {
161
- return (h(Host, { key: '22689ca1b0514bb27a76bfb9a702c0d4ce49d136', role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? '' : undefined }, h("div", { key: 'cff891a33348f077631f1b92f1167285aafd25f1', class: "menu__surface" }, h("slot", { key: '3a0e9ff4f36b1afbe5f879e0e51ff4943279b5b5' }))));
161
+ return (h(Host, { key: '5b64cc53ca56ea04a63013c8cb61231c9b1045cc', role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? '' : undefined }, h("div", { key: '6410a56cc5efcffd0673c9abdf8f8aa45295c516', class: "menu__surface" }, h("slot", { key: '7e7f9d3b19bbf3024d61ecf44cd8b103748ef966' }))));
162
162
  }
163
163
  static get watchers() { return {
164
164
  "open": [{
@@ -2,9 +2,9 @@ import { r as registerInstance, g as getElement, h, H as Host } from './index-8B
2
2
  import { o as openOverlay, c as closeOverlay, r as requestTopOverlayClose } from './manager-C-0syqXZ.js';
3
3
  import { d as dispatchDetail } from './events-JwSoedEO.js';
4
4
  import { i as isControlled, c as controlledOrDefault } from './controlled-state-BnGhGgTH.js';
5
- import { a as createAnchoredSurface } from './positioning-Bu0dmLBE.js';
5
+ import { a as createAnchoredSurface } from './positioning-Drmwg-C1.js';
6
6
 
7
- const uiPopoverCss = () => `:host{--ui-popover-viewport-gap:var(--ui-space-2, 0.5rem);box-sizing:border-box;max-inline-size:min( 20rem, calc(100vw - (var(--ui-popover-viewport-gap) * 2)) );max-block-size:calc(100dvh - (var(--ui-popover-viewport-gap) * 2));overflow:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:var(--ui-shadow-lg)}.popover__surface{box-sizing:border-box;padding:var(--ui-space-3);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3)}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease), transform var(--ui-motion-fast) var(--ui-motion-ease), display var(--ui-motion-fast) allow-discrete, overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}`;
7
+ const uiPopoverCss = () => `:host{--ui-popover-viewport-gap:var(--ui-space-2, 0.5rem);box-sizing:border-box;max-inline-size:min( 20rem, calc(100vw - (var(--ui-popover-viewport-gap) * 2)) );max-block-size:calc(100dvh - (var(--ui-popover-viewport-gap) * 2));overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.popover__surface{box-sizing:border-box;max-inline-size:inherit;max-block-size:inherit;overflow:auto;padding:var(--ui-space-3);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg)}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease), transform var(--ui-motion-fast) var(--ui-motion-ease), display var(--ui-motion-fast) allow-discrete, overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}`;
8
8
 
9
9
  const UIPopover = class {
10
10
  constructor(hostRef) {
@@ -111,7 +111,7 @@ const UIPopover = class {
111
111
  }
112
112
  };
113
113
  render() {
114
- return (h(Host, { key: 'f63907b8e49b8264c291048c509b6164fdd60ca4', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, h("div", { key: '2425f4394749d994693f4a256256bd9e2f5daf60', class: "popover__surface" }, h("slot", { key: '3b6f925da371d43e828842c4027cddee673d7ab3' }))));
114
+ return (h(Host, { key: '65a0927abc40450205989704bfde2cf7fd80d1f9', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, h("div", { key: '255acaf99e0fe70a92048351b24bdfde1a4ea45f', class: "popover__surface" }, h("slot", { key: '9d2f6c9d5a0f7a2766225aef0ec5b98b33ec9f07' }))));
115
115
  }
116
116
  static get watchers() { return {
117
117
  "open": [{
@@ -107,7 +107,7 @@ const UIRadioGroup = class {
107
107
  }
108
108
  };
109
109
  render() {
110
- return (h(Host, { key: '31d8dee04aad4ddbb0bfa617a4e6ed187eab6674', role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : undefined }, h("slot", { key: '7134bcfa6b11cbe0d0d55a6593ea3fca921a71ec' })));
110
+ return (h(Host, { key: '9bdfe6b5209b5444cb27dde3226ec33866999c25', role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : undefined }, h("slot", { key: 'b81a2f1e4c49000cfb5357570b460564ced48d91' })));
111
111
  }
112
112
  static get watchers() { return {
113
113
  "value": [{
@@ -67,7 +67,7 @@ const UIRadio = class {
67
67
  });
68
68
  };
69
69
  render() {
70
- return (h(Host, { key: '5bab1394b8238609e4382309e4b11bca82a60b12', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined }, h("slot", { key: '56ba5b7ec4ab53299c66689558338d2c6ab3e4f6', ref: (el) => (this.slotRef = el) })));
70
+ return (h(Host, { key: '32df72dff7253956875ef28f593462ddbbb90eef', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined }, h("slot", { key: '0c78f3e3bdf4d618547b267128c6fc0fdd651599', ref: (el) => (this.slotRef = el) })));
71
71
  }
72
72
  static get watchers() { return {
73
73
  "checked": [{
@@ -37,7 +37,7 @@ const UISearchResultRow = class {
37
37
  this.hasTrailing = slotHasContent(this.trailingSlot);
38
38
  };
39
39
  render() {
40
- return (h(Host, { key: '2e1a1fe613e499a8abaaf89c8cc071554b523157' }, h("button", { key: '2224a7593feb6c58b162ce820b2deb9bec4fa1b7', class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: '87b86a7d31e15b401b933562adba9a24c88e341f', class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: '00d253826d2d0c60206e20b6428c3277024a24e0', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), h("span", { key: '3c4ad5b336450c29d56aea538dbc987b9a624c1d', class: "search-result-row__content", part: "content" }, h("span", { key: '305dc47dcac890ca968d622ce3dc18e88d646ab3', class: "search-result-row__title", part: "title" }, h("slot", { key: '5441b78d87cba9e48eb3b786e7ea914479f5ef15', name: "title" })), h("span", { key: 'bbd7769b81005b959e6d950255951f0089e9e716', class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: '8437dd124e858eadb942e2a05ccd87c14a8ea604', name: "meta", ref: (el) => (this.metaSlot = el), onSlotchange: this.syncSlots })), h("span", { key: '6939cb19881b17799205a54eda9d34e86563f994', class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: '2f41b9ec22a0260e4196553a655cc501384f2331', name: "excerpt", ref: (el) => (this.excerptSlot = el), onSlotchange: this.syncSlots }))), h("span", { key: '162de66c31688de9114233984448eb5b30d48dc3', class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: 'dfa3d5bbbe453a8fd1c3ddf9508bf33edf145dc6', name: "trailing", ref: (el) => (this.trailingSlot = el), onSlotchange: this.syncSlots })))));
40
+ return (h(Host, { key: '923d7ac982594e39c06421b60f115acbb395f169' }, h("button", { key: 'c97e45ba33297a8aeaa4a9726402c71e3ca73a7b', class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: 'dea0781519760f5dc2b46902ef86f9e72ccfa6df', class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: 'e10026c17caaa3a21e9dd34c7faabfe9b97f2f5b', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), h("span", { key: 'e8bb06b45aff7ddbaa9a51cc7c53d797e68e8746', class: "search-result-row__content", part: "content" }, h("span", { key: '6e1c2d49029e1c1fdc2519f513ddedbe304ddb3e', class: "search-result-row__title", part: "title" }, h("slot", { key: '9653efc0b61c49d36034c4c75a3e9b3d7a6f837b', name: "title" })), h("span", { key: 'b10885a7649c75f9e6903354f5804f459aa883b7', class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: 'b3101183b0dfa0cc1ba8e62c1f8fc39ad865e1ae', name: "meta", ref: (el) => (this.metaSlot = el), onSlotchange: this.syncSlots })), h("span", { key: '430520c0e349344fc4c549cd36a0137d39fc8d24', class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: '4a90cefa9b1d2b2378d1a8aa166aa8fdebfbca42', name: "excerpt", ref: (el) => (this.excerptSlot = el), onSlotchange: this.syncSlots }))), h("span", { key: '769ed2f62ead7ce32b13cdad93a7bbb981b13b3c', class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: '86490f5fef29c6fa4d8ddf838de5f9aee8535db0', name: "trailing", ref: (el) => (this.trailingSlot = el), onSlotchange: this.syncSlots })))));
41
41
  }
42
42
  };
43
43
  UISearchResultRow.style = uiSearchResultRowCss();
@@ -29,7 +29,7 @@ const UISearchShell = class {
29
29
  this.hasFooter = slotHasContent(this.footerSlot);
30
30
  };
31
31
  render() {
32
- return (h("div", { key: '508a5900288b0b7e0651d3a56e1f5a9094061952', class: "search-shell", part: "base" }, h("slot", { key: '54677a395d62aed4538bb36255046a1d679da312', name: "backdrop" }), h("div", { key: 'f738673e5a95509803d2c4682adb4aa48f7b798f', class: "search-shell__panel", part: "panel" }, h("div", { key: '8e4a14fcc5e7cc0ff3c2c94ad72cb6b4305d4fea', class: "search-shell__search", part: "search" }, h("slot", { key: '28f3d8439964423fe9beeac91490a70a30a36b6e', name: "search" })), h("div", { key: '8bcd00a532eea21a41a7771636bc038c27c55a31', class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: '4a4c9082f2645e80fdfa2a8b71a1747573d02f73', name: "status", ref: (el) => (this.statusSlot = el), onSlotchange: this.syncSlots })), h("div", { key: '58439a3d479f042f827abce2a99dc1ae75db5ca1', class: "search-shell__body", part: "body" }, h("slot", { key: '5f6c4202b0abeb3708bed415a576e877c94f1eb1', name: "body" })), h("div", { key: '7a2887f7220619db2ccb5a907623c3e760d1e073', class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: '26c8f839b8add2b52c6940e67a6a7c94a8ffcf31', name: "footer", ref: (el) => (this.footerSlot = el), onSlotchange: this.syncSlots })))));
32
+ return (h("div", { key: '049a6451f10f1906881efc8fc2cdeba656e68733', class: "search-shell", part: "base" }, h("slot", { key: 'e807b035ccb9ec9425651b59a0d137ebc54329aa', name: "backdrop" }), h("div", { key: '5d785a0d4dab1fed7f6750b82485b9e50edd62d9', class: "search-shell__panel", part: "panel" }, h("div", { key: 'b41c40485d61d9436504483759a5f42d96e5aad2', class: "search-shell__search", part: "search" }, h("slot", { key: 'b19058bca701cc26d286c8694c7cdc6306e100c4', name: "search" })), h("div", { key: '260164b95427e03329f28247e8dbda867506e672', class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: '1d7c1e8c96e588b7c9c906cfaad91ba1cf77bf7c', name: "status", ref: (el) => (this.statusSlot = el), onSlotchange: this.syncSlots })), h("div", { key: '49963c82e54aee2b5c4c4809ce2b152f770b4468', class: "search-shell__body", part: "body" }, h("slot", { key: 'ae32ec8c9ec89310ad1805f1c65bc8208ee12f29', name: "body" })), h("div", { key: 'f5fc9f356035e277e4c9bb0e188d7b4be3642c27', class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: 'dbf1022e49a054eee1c5e70b675c71d1cf3488bf', name: "footer", ref: (el) => (this.footerSlot = el), onSlotchange: this.syncSlots })))));
33
33
  }
34
34
  };
35
35
  UISearchShell.style = uiSearchShellCss();
@@ -78,7 +78,7 @@ const UISelect = class {
78
78
  });
79
79
  };
80
80
  render() {
81
- return (h(Host, { key: '5b77bfa817964325038cf338a1c0791abf8d2bfe', "data-invalid": this.invalid ? '' : undefined }, h("slot", { key: '9a9c8017e5e02d14945d6b7c84d68edf7b2ccaf8', ref: (el) => (this.slotRef = el) })));
81
+ return (h(Host, { key: '2b3348e1694cfd113163af3adf939fd64cb40654', "data-invalid": this.invalid ? '' : undefined }, h("slot", { key: '40e627125a906cf4bf294eb085c172a5370f3a54', ref: (el) => (this.slotRef = el) })));
82
82
  }
83
83
  static get watchers() { return {
84
84
  "value": [{
@@ -47,7 +47,7 @@ const UISwitch = class {
47
47
  this.toggle('pointer');
48
48
  };
49
49
  render() {
50
- return (h(Host, { key: 'e5ec7f2f91e860dd679098f30b40cbe0e52ccb1f', role: "switch", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.onKeydown, onClick: this.onClick }, h("input", { key: 'c21462377a81d7242633e7d358f56fd7a276f584', type: "checkbox", checked: this.internalChecked, disabled: this.disabled, required: this.required, value: this.value, "aria-hidden": "true", tabIndex: -1, onChange: (e) => {
50
+ return (h(Host, { key: 'eaee279bbc787c844f2ad265da03fca608d9c429', role: "switch", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.onKeydown, onClick: this.onClick }, h("input", { key: '2ebfa684bf08735a4e89a06001f6758885c40ffb', type: "checkbox", checked: this.internalChecked, disabled: this.disabled, required: this.required, value: this.value, "aria-hidden": "true", tabIndex: -1, onChange: (e) => {
51
51
  const input = e.target;
52
52
  const checked = input.checked;
53
53
  if (!isControlled(this.checked))
@@ -59,7 +59,7 @@ const UISwitch = class {
59
59
  });
60
60
  if (isControlled(this.checked))
61
61
  input.checked = this.internalChecked;
62
- } }), h("slot", { key: 'e3f4f032bc41784ed41591d4fd175b89a4162c49' })));
62
+ } }), h("slot", { key: 'ff9975d4ccbffbed2b97060eabf347653d5f5110' })));
63
63
  }
64
64
  static get watchers() { return {
65
65
  "checked": [{
@@ -97,7 +97,7 @@ const UITabs = class {
97
97
  }
98
98
  };
99
99
  render() {
100
- return (h(Host, { key: '908dc4228940bbf33530a2b9f5fb36421c51d1a1', orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: 'ebfe8bc58d09fdce2815b26f29e2eba4e5f3c879' })));
100
+ return (h(Host, { key: '61044ac3f2fcb0f766d931416f42ff17ec94c00d', orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: '3260c95bdd24581045b1c4e4d1b8f4d08daf02b4' })));
101
101
  }
102
102
  static get watchers() { return {
103
103
  "value": [{
@@ -77,7 +77,7 @@ const UITextarea = class {
77
77
  });
78
78
  };
79
79
  render() {
80
- return (h(Host, { key: '4774b8d20cd4426b1c6205375fd9e4275bc24f08', "data-invalid": this.invalid ? '' : undefined }, h("slot", { key: '9b5489df35c29bf453d010f85bcb05dcc01fcce9', ref: (el) => (this.slotRef = el) })));
80
+ return (h(Host, { key: 'a554edb1a0ef40a2c116e3064e52af7474e065e4', "data-invalid": this.invalid ? '' : undefined }, h("slot", { key: 'a4eb8034ec11f8b3b06ace7287410fd839004593', ref: (el) => (this.slotRef = el) })));
81
81
  }
82
82
  static get watchers() { return {
83
83
  "value": [{
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, g as getElement, h, H as Host } from './index-8BGiMGQ0.js';
2
2
  import { d as dispatchDetail, e as eventToTrigger } from './events-JwSoedEO.js';
3
- import { b as createViewportSurface } from './positioning-Bu0dmLBE.js';
3
+ import { b as createViewportSurface } from './positioning-Drmwg-C1.js';
4
4
 
5
5
  const uiToastRegionCss = () => `:host{position:fixed;top:calc(var(--ui-space-4) + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:9999;display:grid;gap:var(--ui-space-2);inline-size:min(24rem, calc(100vw - (var(--ui-space-4) * 2)));max-inline-size:100%;pointer-events:none}:host([popover]){right:auto;bottom:auto;margin:0}:host>*{pointer-events:auto}::slotted([data-ui-toast]){display:grid;grid-template-columns:1fr auto;gap:var(--ui-space-2);align-items:start;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);padding:var(--ui-space-3) var(--ui-space-4);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-lg);animation:ui-toast-enter 0.25s var(--ui-motion-ease) forwards}@keyframes ui-toast-enter{from{opacity:0;transform:translateY(-0.5rem)}to{opacity:1;transform:translateY(0)}}::slotted([data-ui-toast][aria-hidden='true']){display:none}::slotted([data-ui-toast-dismiss]){border:0;background:transparent;color:var(--ui-text-secondary);cursor:pointer;font:inherit}`;
6
6
 
@@ -75,7 +75,7 @@ const UIToastRegion = class {
75
75
  });
76
76
  };
77
77
  render() {
78
- return (h(Host, { key: 'e3a71de7854b5937cc3f74858fc69f202fd93c71', role: "region", "aria-label": "Notifications", "aria-live": "polite", "data-open": this.internalOpen ? '' : undefined }, h("slot", { key: 'cdf6ea0118199d149ac08820c69ec8b54654be91' })));
78
+ return (h(Host, { key: '9f9c2e14150c631c0f7cb427c693dcd52c20897d', role: "region", "aria-label": "Notifications", "aria-live": "polite", "data-open": this.internalOpen ? '' : undefined }, h("slot", { key: '9e1d9ebb6b587afab2c4302241cecb03a321cee1' })));
79
79
  }
80
80
  static get watchers() { return {
81
81
  "open": [{
@@ -33,7 +33,7 @@ const UITopBar = class {
33
33
  this.hasActions = slotHasContent(this.actionsSlot);
34
34
  };
35
35
  render() {
36
- return (h(Host, { key: '1f0cf8994e3a18d42415fa85f14d172cfaddbf8e' }, h("header", { key: 'e92afb06dad409b4a4e8fcc52bcad09b3e4531c4', class: "top-bar", part: "base" }, h("div", { key: '3d1458e841c7a600c98d6797b4ec97baee285de1', class: "top-bar__leading", hidden: !this.hasLeading }, h("slot", { key: '665e078f41410275cba3c55fec05159518a97a9e', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), h("div", { key: '7657a2c1e6c96660fa2ade470c8a4b0ecd30fcd9', class: "top-bar__title" }, h("slot", { key: '4d4f70c1a50aede4ef3a63176d714502b074a2cf' })), h("div", { key: '9409800ebaee24e4567de2126c0dd2544e741956', class: "top-bar__search", hidden: !this.hasSearch }, h("slot", { key: '2e66be8358235ae5ef10c7f9a115b08377ece3a7', name: "search", ref: (el) => (this.searchSlot = el), onSlotchange: this.syncSlots })), h("div", { key: 'e7fa28dddde4f0638a153ad0c8fcc3de94c0ecdc', class: "top-bar__actions", hidden: !this.hasActions }, h("slot", { key: '56c6620da69e2775a8a4d7306bb40b7a6713b100', name: "actions", ref: (el) => (this.actionsSlot = el), onSlotchange: this.syncSlots })))));
36
+ return (h(Host, { key: '1ef941e211c9536c034a40c0f7a255068595de10' }, h("header", { key: 'f1ea465d17753224d72971d26f70b546b93de8ba', class: "top-bar", part: "base" }, h("div", { key: '4eab975109467ad41e16527102b31e6e6d7421c8', class: "top-bar__leading", hidden: !this.hasLeading }, h("slot", { key: '3388d0e2346de4c08d85dd4c3a998e5f668a05f6', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), h("div", { key: '7b176d6e82da08eb495f3ca2c83505327c21f525', class: "top-bar__title" }, h("slot", { key: '8196e5489d2f43a72f794aad8ceaa44c358810e9' })), h("div", { key: '2b29c72174559865fb01b99cfab830f74640a8a5', class: "top-bar__search", hidden: !this.hasSearch }, h("slot", { key: '9597fde0cf05821e641471343a38dd3190f1e18f', name: "search", ref: (el) => (this.searchSlot = el), onSlotchange: this.syncSlots })), h("div", { key: '1f19003e43fb28ac4ff4debd27e1a0fa9f342275', class: "top-bar__actions", hidden: !this.hasActions }, h("slot", { key: 'f6a84824d2806dc16b5fa82cc25dc1247a6a8ad1', name: "actions", ref: (el) => (this.actionsSlot = el), onSlotchange: this.syncSlots })))));
37
37
  }
38
38
  };
39
39
  UITopBar.style = uiTopBarCss();
@@ -117,10 +117,10 @@ const UITreeItem = class {
117
117
  const expanded = this.isExpanded();
118
118
  const disclosureLabel = `${expanded ? 'Collapse' : 'Expand'} ${this.label || 'item'}`;
119
119
  const dragLabel = `Drag ${this.label || 'item'} to reorder`;
120
- return (h(Host, { key: '4a42d3c93b49ad82ae87496defe22f4abde13819', role: "treeitem", "aria-label": this.label || undefined, "aria-level": String(level), "aria-expanded": this.container ? String(expanded) : undefined, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "data-container": this.container ? '' : undefined, "data-selected": this.selected ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-drag-type": this.dragType || 'item', "data-drop-scope": this.dropScope || undefined, "data-accepts": this.accepts || undefined, tabIndex: this.disabled || !this.tabStop ? -1 : 0, style: {
120
+ return (h(Host, { key: '0ce6384903be2181055c76808cd4664dcfa8de54', role: "treeitem", "aria-label": this.label || undefined, "aria-level": String(level), "aria-expanded": this.container ? String(expanded) : undefined, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "data-container": this.container ? '' : undefined, "data-selected": this.selected ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-drag-type": this.dragType || 'item', "data-drop-scope": this.dropScope || undefined, "data-accepts": this.accepts || undefined, tabIndex: this.disabled || !this.tabStop ? -1 : 0, style: {
121
121
  '--ui-tree-item-depth': String(level - 1),
122
122
  'margin-inline-start': level > 1 ? 'var(--ui-tree-indent, 16px)' : '0px',
123
- } }, h("div", { key: '9b62f172b2c0a80925404aee13895b3342d7dcb6', class: "row", part: "row", onClick: this.onRowClick }, this.sortable && !this.disabled ? (h("button", { class: "drag-handle", part: "drag-handle", type: "button", draggable: true, "aria-label": dragLabel, title: dragLabel }, h("span", { innerHTML: loomaIconMarkup('grip-vertical') }))) : null, this.container ? (h("button", { class: "disclosure", part: "disclosure", type: "button", "aria-label": disclosureLabel, "aria-expanded": String(expanded), disabled: this.disabled, onClick: this.onDisclosureClick, onKeyDown: this.onDisclosureKeydown }, h("span", { class: { 'disclosure-icon': true, 'disclosure-icon--expanded': expanded }, innerHTML: loomaIconMarkup('chevron-down') }))) : h("span", { class: "disclosure-spacer", "aria-hidden": "true" }), h("span", { key: 'fe2e301bf43f1fdb524a004960855f63d05ce138', class: "leading", part: "leading" }, h("slot", { key: '6f569883ead32dff5340b1c1da74dc8fdade49e6', name: "leading" })), h("span", { key: '942e3bb0b6b4021166916777ab18dc868c39fbdc', class: "label", part: "label" }, h("slot", { key: '42b9d9f42fd7aaad35ed7091c39953710ebf5a58' })), h("span", { key: '8483a822895220d2bb2aa2cb0a45cd296062cae9', class: "actions", part: "actions" }, h("slot", { key: 'dae2b38eef43a061f40a7498d8f28e703e5468e3', name: "actions" })), h("span", { key: '0a9b7db9ab5e9a709f9f0a3a8d77bd1c044295c4', class: "drop-indicator row-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })), this.container ? (h("div", { class: "children", part: "children", role: "group", hidden: !expanded }, h("slot", { name: "children" }))) : null, h("span", { key: '641be80771d73d2c7193f2c762db1d0fe5c79e5d', class: "drop-indicator subtree-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })));
123
+ } }, h("div", { key: '7d6923da8fd8be7fffc7cf345ac4d1211217c21a', class: "row", part: "row", onClick: this.onRowClick }, this.sortable && !this.disabled ? (h("button", { class: "drag-handle", part: "drag-handle", type: "button", draggable: true, "aria-label": dragLabel, title: dragLabel }, h("span", { innerHTML: loomaIconMarkup('grip-vertical') }))) : null, this.container ? (h("button", { class: "disclosure", part: "disclosure", type: "button", "aria-label": disclosureLabel, "aria-expanded": String(expanded), disabled: this.disabled, onClick: this.onDisclosureClick, onKeyDown: this.onDisclosureKeydown }, h("span", { class: { 'disclosure-icon': true, 'disclosure-icon--expanded': expanded }, innerHTML: loomaIconMarkup('chevron-down') }))) : h("span", { class: "disclosure-spacer", "aria-hidden": "true" }), h("span", { key: 'ef8959fc858b90c7ea26c8ff740cfe02fb372686', class: "leading", part: "leading" }, h("slot", { key: '1e00da2acd23ae6430e38b26502d9f3951461c93', name: "leading" })), h("span", { key: 'f37a63aa0c6e73f134442589314fae01e01cf782', class: "label", part: "label" }, h("slot", { key: 'f527d8a33927d72502d5cbbbe0cb5739d7bdbaf2' })), h("span", { key: 'de6492f81ac5747d913132c275abb9157d18deab', class: "actions", part: "actions" }, h("slot", { key: 'f5316e3a5fb67130ef1401253dc5ef6b7072840e', name: "actions" })), h("span", { key: '89da3b2bab7a953368810319148a644e62bc9a47', class: "drop-indicator row-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })), this.container ? (h("div", { class: "children", part: "children", role: "group", hidden: !expanded }, h("slot", { name: "children" }))) : null, h("span", { key: '9a66f1ba72290a037ef02ccbd49243463ba34b67', class: "drop-indicator subtree-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })));
124
124
  }
125
125
  static get watchers() { return {
126
126
  "expanded": [{
@@ -490,7 +490,7 @@ const UITree = class {
490
490
  }
491
491
  };
492
492
  render() {
493
- return (h(Host, { key: '81fe656b4a7cdf8683f53aeee94fb53838950383', role: "tree", "aria-label": this.label || 'Tree' }, h("slot", { key: '941204b299eec2181228f536c017a17f026b2f3d' })));
493
+ return (h(Host, { key: 'bae06665078a67c59db2d9e72c7dea6ddeeb9e56', role: "tree", "aria-label": this.label || 'Tree' }, h("slot", { key: '232cb02f1a50bc5e18a92c0d8677e917870ec75e' })));
494
494
  }
495
495
  };
496
496
  UITree.style = uiTreeCss();