@threadlabs/looma 0.1.28 → 0.2.1

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 (210) hide show
  1. package/dist/{chunk-G5AWV77V.js → chunk-WW7Y67EW.js} +32 -33
  2. package/dist/{chunk-M7FPK6GN.js → chunk-Z4W5W53T.js} +19 -1
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/looma.cjs.js +1 -1
  5. package/dist/cjs/{positioning-D5q9DM-0.js → positioning-BiPpyC-_.js} +26 -0
  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 +1 -1
  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 +2 -2
  19. package/dist/cjs/ui-popover.cjs.entry.js +2 -2
  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.js +1 -1
  37. package/dist/collection/components/ui-disclosure/ui-disclosure.js +1 -1
  38. package/dist/collection/components/ui-editable/ui-editable.js +3 -3
  39. package/dist/collection/components/ui-floating-action-button/ui-floating-action-button.js +1 -1
  40. package/dist/collection/components/ui-form-field/ui-form-field.js +1 -1
  41. package/dist/collection/components/ui-icon-button/ui-icon-button.js +1 -1
  42. package/dist/collection/components/ui-input/ui-input.js +1 -1
  43. package/dist/collection/components/ui-menu/ui-menu.js +1 -1
  44. package/dist/collection/components/ui-menu-item/ui-menu-item.js +1 -1
  45. package/dist/collection/components/ui-popover/ui-popover.js +1 -1
  46. package/dist/collection/components/ui-radio/ui-radio.js +1 -1
  47. package/dist/collection/components/ui-radio-group/ui-radio-group.js +1 -1
  48. package/dist/collection/components/ui-search-result-row/ui-search-result-row.js +1 -1
  49. package/dist/collection/components/ui-search-shell/ui-search-shell.js +1 -1
  50. package/dist/collection/components/ui-select/ui-select.js +1 -1
  51. package/dist/collection/components/ui-switch/ui-switch.js +2 -2
  52. package/dist/collection/components/ui-tabs/ui-tabs.js +1 -1
  53. package/dist/collection/components/ui-textarea/ui-textarea.js +1 -1
  54. package/dist/collection/components/ui-toast-region/ui-toast-region.js +1 -1
  55. package/dist/collection/components/ui-tooltip/ui-tooltip.js +1 -1
  56. package/dist/collection/components/ui-top-bar/ui-top-bar.js +1 -1
  57. package/dist/collection/components/ui-tree/ui-tree.js +1 -1
  58. package/dist/collection/components/ui-tree-item/ui-tree-item.js +2 -2
  59. package/dist/collection/overlay/positioning.js +26 -0
  60. package/dist/components/index.d.ts +0 -2
  61. package/dist/components/index.js +1 -1
  62. package/dist/components/p-BOC_l2hE.js +1 -0
  63. package/dist/components/{p-B1macZOS.js → p-Btk_75st.js} +1 -1
  64. package/dist/components/p-biKnomFl.js +1 -0
  65. package/dist/components/ui-affordance-scope.js +1 -1
  66. package/dist/components/ui-combobox.js +1 -1
  67. package/dist/components/ui-context-menu.js +1 -1
  68. package/dist/components/ui-dialog.js +1 -1
  69. package/dist/components/ui-disclosure.js +1 -1
  70. package/dist/components/ui-editable.js +1 -1
  71. package/dist/components/ui-floating-action-button.js +1 -1
  72. package/dist/components/ui-form-field.js +1 -1
  73. package/dist/components/ui-icon-button.js +1 -1
  74. package/dist/components/ui-input.js +1 -1
  75. package/dist/components/ui-menu-item.js +1 -1
  76. package/dist/components/ui-menu.js +1 -1
  77. package/dist/components/ui-popover.js +1 -1
  78. package/dist/components/ui-radio-group.js +1 -1
  79. package/dist/components/ui-radio.js +1 -1
  80. package/dist/components/ui-search-result-row.js +1 -1
  81. package/dist/components/ui-search-shell.js +1 -1
  82. package/dist/components/ui-select.js +1 -1
  83. package/dist/components/ui-switch.js +1 -1
  84. package/dist/components/ui-tabs.js +1 -1
  85. package/dist/components/ui-textarea.js +1 -1
  86. package/dist/components/ui-toast-region.js +1 -1
  87. package/dist/components/ui-tooltip.js +1 -1
  88. package/dist/components/ui-top-bar.js +1 -1
  89. package/dist/components/ui-tree-item.js +1 -1
  90. package/dist/components/ui-tree.js +1 -1
  91. package/dist/esm/loader.js +1 -1
  92. package/dist/esm/looma.js +1 -1
  93. package/dist/esm/{positioning-Drmwg-C1.js → positioning-Ig1jYhE1.js} +26 -0
  94. package/dist/esm/ui-affordance-scope.entry.js +1 -1
  95. package/dist/esm/ui-chip_2.entry.js +193 -501
  96. package/dist/esm/ui-combobox.entry.js +706 -0
  97. package/dist/esm/ui-context-menu.entry.js +2 -2
  98. package/dist/esm/ui-dialog.entry.js +1 -1
  99. package/dist/esm/ui-disclosure.entry.js +1 -1
  100. package/dist/esm/ui-editable.entry.js +3 -3
  101. package/dist/esm/ui-floating-action-button.entry.js +1 -1
  102. package/dist/esm/ui-form-field.entry.js +1 -1
  103. package/dist/esm/ui-icon-button.entry.js +1 -1
  104. package/dist/esm/ui-input.entry.js +1 -1
  105. package/dist/esm/ui-menu-item.entry.js +1 -1
  106. package/dist/esm/ui-menu.entry.js +2 -2
  107. package/dist/esm/ui-popover.entry.js +2 -2
  108. package/dist/esm/ui-radio-group.entry.js +1 -1
  109. package/dist/esm/ui-radio.entry.js +1 -1
  110. package/dist/esm/ui-search-result-row.entry.js +1 -1
  111. package/dist/esm/ui-search-shell.entry.js +1 -1
  112. package/dist/esm/ui-select.entry.js +1 -1
  113. package/dist/esm/ui-switch.entry.js +2 -2
  114. package/dist/esm/ui-tabs.entry.js +1 -1
  115. package/dist/esm/ui-textarea.entry.js +1 -1
  116. package/dist/esm/ui-toast-region.entry.js +2 -2
  117. package/dist/esm/ui-top-bar.entry.js +1 -1
  118. package/dist/esm/ui-tree-item.entry.js +2 -2
  119. package/dist/esm/ui-tree.entry.js +1 -1
  120. package/dist/index.cjs +516 -524
  121. package/dist/index.js +19 -2
  122. package/dist/looma/looma.esm.js +1 -1
  123. package/dist/looma/{p-32c85198.entry.js → p-08c9e253.entry.js} +1 -1
  124. package/dist/looma/{p-88e61cab.entry.js → p-0fa7062f.entry.js} +1 -1
  125. package/dist/looma/{p-9a82c523.entry.js → p-1249a806.entry.js} +1 -1
  126. package/dist/looma/p-172d67ff.entry.js +1 -0
  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-2f3c1b57.entry.js → p-3b2961a6.entry.js} +1 -1
  131. package/dist/looma/{p-e07e6ac2.entry.js → p-3f60f4c8.entry.js} +1 -1
  132. package/dist/looma/p-3fba3edd.entry.js +1 -0
  133. package/dist/looma/{p-9551ebf6.entry.js → p-424d6719.entry.js} +1 -1
  134. package/dist/looma/p-4354f48f.entry.js +1 -0
  135. package/dist/looma/{p-6cc3180b.entry.js → p-4caccfce.entry.js} +1 -1
  136. package/dist/looma/{p-f431dc13.entry.js → p-6f20d470.entry.js} +1 -1
  137. package/dist/looma/{p-b68762f2.entry.js → p-7c0b5364.entry.js} +1 -1
  138. package/dist/looma/p-7ebbe74e.entry.js +1 -0
  139. package/dist/looma/{p-e82f104c.entry.js → p-8bdd9495.entry.js} +1 -1
  140. package/dist/looma/{p-df696cca.entry.js → p-9cfbf722.entry.js} +1 -1
  141. package/dist/looma/p-Ig1jYhE1.js +1 -0
  142. package/dist/looma/{p-607c3056.entry.js → p-b6ede6bb.entry.js} +1 -1
  143. package/dist/looma/{p-da6e2d01.entry.js → p-b76e2111.entry.js} +1 -1
  144. package/dist/looma/{p-1a12eb5c.entry.js → p-d372b0db.entry.js} +1 -1
  145. package/dist/looma/{p-20387ffa.entry.js → p-d4825822.entry.js} +1 -1
  146. package/dist/looma/{p-8a5e3fe1.entry.js → p-d5c3954f.entry.js} +1 -1
  147. package/dist/looma/{p-4f68f939.entry.js → p-e604e906.entry.js} +1 -1
  148. package/dist/looma/p-ec1c02e5.entry.js +1 -0
  149. package/dist/looma/{p-e406656e.entry.js → p-f1f7c5cb.entry.js} +1 -1
  150. package/dist/types/components/ui-combobox/ui-combobox.d.ts +35 -4
  151. package/dist/types/components.d.ts +56 -153
  152. package/dist/{ui-affordance-scope.entry-X5526PRP.js → ui-affordance-scope.entry-FENYADN3.js} +2 -2
  153. package/dist/{ui-avatar-group.entry-U72MPB5K.js → ui-avatar-group.entry-K7D6QKDP.js} +1 -1
  154. package/dist/{ui-avatar.entry-OC4J3LTV.js → ui-avatar.entry-WCYFUQZT.js} +1 -1
  155. package/dist/{ui-badge.entry-4MSUQRQV.js → ui-badge.entry-VZC4LONR.js} +1 -1
  156. package/dist/{ui-button.entry-22DESWN4.js → ui-button.entry-7E2KMPRF.js} +1 -1
  157. package/dist/{ui-callout.entry-LOGODDM5.js → ui-callout.entry-7WXQ47S6.js} +1 -1
  158. package/dist/{ui-checkbox.entry-XAGW3BW4.js → ui-checkbox.entry-GTSEB7ZS.js} +1 -1
  159. package/dist/{ui-tooltip.entry-AQ6UPBUP.js → ui-chip_2.entry-PG24H67I.js} +19 -4
  160. package/dist/{ui-chip_2.entry-JCPHPXAG.js → ui-combobox.entry-NTCOCZOH.js} +170 -31
  161. package/dist/{ui-context-menu.entry-24YOHF7L.js → ui-context-menu.entry-7GSDWHTP.js} +3 -3
  162. package/dist/{ui-dialog.entry-XKNYDWOQ.js → ui-dialog.entry-F53O6FBQ.js} +2 -2
  163. package/dist/{ui-disclosure.entry-2AWCGZ4C.js → ui-disclosure.entry-YWJA42GQ.js} +2 -2
  164. package/dist/{ui-editable.entry-HLEWO7BN.js → ui-editable.entry-3QPCWDPM.js} +3 -3
  165. package/dist/{ui-floating-action-button.entry-2NJDB4YN.js → ui-floating-action-button.entry-L4UC6RFM.js} +2 -2
  166. package/dist/{ui-form-field.entry-FJ5HYCTN.js → ui-form-field.entry-2VCITLQA.js} +2 -2
  167. package/dist/{ui-icon-button.entry-YZHJQ5YR.js → ui-icon-button.entry-MRRA6NVP.js} +2 -2
  168. package/dist/{ui-input.entry-JMBLMNP6.js → ui-input.entry-7LYLUJNT.js} +2 -2
  169. package/dist/{ui-menu-item.entry-VBGXM66D.js → ui-menu-item.entry-YHSIKO5W.js} +2 -2
  170. package/dist/{ui-menu.entry-I2N5H3YC.js → ui-menu.entry-ZQBF7B4T.js} +3 -3
  171. package/dist/{ui-popover.entry-7JRSJM5S.js → ui-popover.entry-2HG5ZWQX.js} +3 -3
  172. package/dist/{ui-radio-group.entry-Q2XB7P3B.js → ui-radio-group.entry-A6LI3KHW.js} +2 -2
  173. package/dist/{ui-radio.entry-NJO4NA4M.js → ui-radio.entry-WBCZZG5D.js} +2 -2
  174. package/dist/{ui-search-result-row.entry-RPMNDSRN.js → ui-search-result-row.entry-P25POOYP.js} +2 -2
  175. package/dist/{ui-search-shell.entry-FMIMYD3B.js → ui-search-shell.entry-R6IVRPSW.js} +2 -2
  176. package/dist/{ui-select.entry-7NDBWNAU.js → ui-select.entry-CAAGCELJ.js} +2 -2
  177. package/dist/{ui-switch.entry-YUCPIZE4.js → ui-switch.entry-SKU445KH.js} +3 -3
  178. package/dist/{ui-tabs.entry-FXZWV665.js → ui-tabs.entry-7BQPZEH3.js} +2 -2
  179. package/dist/{ui-textarea.entry-HHLQR5GG.js → ui-textarea.entry-OFC4YUU7.js} +2 -2
  180. package/dist/{ui-toast-region.entry-PIIBHNYA.js → ui-toast-region.entry-7VNTFVDO.js} +3 -3
  181. package/dist/{ui-top-bar.entry-S2L7ZM4U.js → ui-top-bar.entry-2N3EKMVF.js} +2 -2
  182. package/dist/{ui-tree-item.entry-UID7IJPA.js → ui-tree-item.entry-SLHAE42A.js} +3 -3
  183. package/dist/{ui-tree.entry-UMD3DNG5.js → ui-tree.entry-LF45JUC4.js} +2 -2
  184. package/package.json +1 -1
  185. package/vue/{chunk-2DDIBSFD.js → chunk-ROMBQS2L.js} +32 -89
  186. package/vue/editor/index.js +1 -1
  187. package/vue/index.d.ts +30 -107
  188. package/vue/index.js +1 -3
  189. package/dist/cjs/ui-multi-combobox.cjs.entry.js +0 -190
  190. package/dist/cjs/ui-tooltip.cjs.entry.js +0 -241
  191. package/dist/collection/components/ui-multi-combobox/ui-multi-combobox.css +0 -33
  192. package/dist/collection/components/ui-multi-combobox/ui-multi-combobox.js +0 -553
  193. package/dist/components/p-DiyiodGX.js +0 -1
  194. package/dist/components/p-Drw41pSY.js +0 -1
  195. package/dist/components/p-d5fk1vBI.js +0 -1
  196. package/dist/components/ui-multi-combobox.d.ts +0 -11
  197. package/dist/components/ui-multi-combobox.js +0 -1
  198. package/dist/esm/ui-multi-combobox.entry.js +0 -188
  199. package/dist/esm/ui-tooltip.entry.js +0 -239
  200. package/dist/looma/p-071c139c.entry.js +0 -1
  201. package/dist/looma/p-311e54d4.entry.js +0 -1
  202. package/dist/looma/p-3957f7ef.entry.js +0 -1
  203. package/dist/looma/p-4a10a875.entry.js +0 -1
  204. package/dist/looma/p-4fc9917f.entry.js +0 -1
  205. package/dist/looma/p-63a9159f.entry.js +0 -1
  206. package/dist/looma/p-82de1112.entry.js +0 -1
  207. package/dist/looma/p-Drmwg-C1.js +0 -1
  208. package/dist/looma/p-caa37be2.entry.js +0 -1
  209. package/dist/types/components/ui-multi-combobox/ui-multi-combobox.d.ts +0 -51
  210. package/dist/ui-multi-combobox.entry-MEX7MU7P.js +0 -196
@@ -3,7 +3,7 @@
3
3
  var index = require('./index-BHG9Rpil.js');
4
4
  var manager = require('./manager-Ce25WRtl.js');
5
5
  var events = require('./events-TcQIzpNv.js');
6
- var positioning = require('./positioning-D5q9DM-0.js');
6
+ var positioning = require('./positioning-BiPpyC-_.js');
7
7
 
8
8
  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}}`;
9
9
 
@@ -220,7 +220,7 @@ const UIContextMenu = class {
220
220
  this.closeMenu('action', 'pointer');
221
221
  };
222
222
  render() {
223
- return (index.h(index.Host, { key: '292937da8010dc741e3e845b6f7fd0fef6b8bda3', "data-open": this.internalOpen ? '' : undefined, "data-focus-trigger": this.internalOpen ? this.focusTrigger : undefined, onKeyDown: this.onKeydown, onClick: this.onItemClick }, index.h("slot", { key: '4f08876237d1919803200226d956e67de35fffab', name: "trigger" }), index.h("div", { key: 'c2cc0218165d02cc4c7fd11bdc52a51d39897546', class: "menu", "data-open": this.internalOpen ? '' : undefined }, index.h("ui-menu", { key: '1c2c6e62c86f3a38f014976843f3354d312d0744', open: this.internalOpen }, index.h("slot", { key: 'baeca960ac6d2277a60dc567f6e4110904d67b5e' })))));
223
+ return (index.h(index.Host, { key: 'aaf9f27402b0c88cede3847ee9c8f61ac844f889', "data-open": this.internalOpen ? '' : undefined, "data-focus-trigger": this.internalOpen ? this.focusTrigger : undefined, onKeyDown: this.onKeydown, onClick: this.onItemClick }, index.h("slot", { key: 'd801d564ec2ee073e517cb991c26efc61d3e499d', name: "trigger" }), index.h("div", { key: '4febcc5d76c79c2e5361db7b203e971582197fd2', class: "menu", "data-open": this.internalOpen ? '' : undefined }, index.h("ui-menu", { key: '7aace2479a8014a20da35f69bd3ed57b402f9ef2', open: this.internalOpen }, index.h("slot", { key: 'a31d703c437cf5d9ab82e5f7793caa093a312dfd' })))));
224
224
  }
225
225
  static get watchers() { return {
226
226
  "open": [{
@@ -112,7 +112,7 @@ const UIDialog = class {
112
112
  this.accessibleLabel = nextLabel;
113
113
  };
114
114
  render() {
115
- return (index.h(index.Host, { key: 'f5b4441f54505e40851dd239d12cf8ed09daabfe', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, index.h("dialog", { key: '6896de6166cc085d9bd581dc053705fbce6328d8', ref: (el) => (this.dialogRef = el), open: this.internalOpen, "aria-label": this.accessibleLabel }, index.h("slot", { key: '07515a7b8da25ccbd18bcde226129a569c999af7' }))));
115
+ return (index.h(index.Host, { key: 'b606ef8c95728b5538047a7134030455fedf69e4', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, index.h("dialog", { key: '85531d82c36e79230cbb22c105ff3821f1f35f58', ref: (el) => (this.dialogRef = el), open: this.internalOpen, "aria-label": this.accessibleLabel }, index.h("slot", { key: '8216096bc94e8261680664398691b8ea877daa0f' }))));
116
116
  }
117
117
  static get watchers() { return {
118
118
  "open": [{
@@ -96,7 +96,7 @@ const UIDisclosure = class {
96
96
  this.setOpen(!this.internalOpen, { reason: 'action', trigger: 'keyboard' });
97
97
  };
98
98
  render() {
99
- return (index.h(index.Host, { key: '5c49c41703850437e8b3a1476f3333da83a4f133' }, index.h("slot", { key: '9a4856ad2ab237331b8485f6c3a423a43ddceb8d' })));
99
+ return (index.h(index.Host, { key: '91d1df53268f18c8c15192fb66b67baa7053fe93' }, index.h("slot", { key: '578c99f8fd09415c5e63e9f6a860fe204471da2f' })));
100
100
  }
101
101
  static get watchers() { return {
102
102
  "open": [{
@@ -44,9 +44,9 @@ const UIEditable = class {
44
44
  }
45
45
  focusEditor() {
46
46
  const editRoot = this.host.querySelector('[slot="edit"]');
47
- const candidate = editRoot?.matches('input, textarea, select, button, [tabindex], ui-combobox, ui-multi-combobox')
47
+ const candidate = editRoot?.matches('input, textarea, select, button, [tabindex], ui-combobox')
48
48
  ? editRoot
49
- : editRoot?.querySelector('input, textarea, select, button, [tabindex], ui-combobox, ui-multi-combobox');
49
+ : editRoot?.querySelector('input, textarea, select, button, [tabindex], ui-combobox');
50
50
  const focusInput = candidate?.focusInput;
51
51
  if (typeof focusInput === 'function')
52
52
  void focusInput.call(candidate);
@@ -87,7 +87,7 @@ const UIEditable = class {
87
87
  this.requestEdit(false, 'light-dismiss', 'pointer');
88
88
  };
89
89
  render() {
90
- return index.h(index.Host, { key: '7f0c77aa06281c94407af1f060f5f2b2c34af394', "data-edit": this.internalEdit ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("div", { key: '4dc13c26dc4080ed0ad972aa677d9e844a0e7597', part: "preview", hidden: this.internalEdit }, index.h("slot", { key: '8332efed99f05173030d379088e8e97746f32ce6', name: "preview" })), index.h("div", { key: 'ec3e11ec9218077da5f17a0c724cfab17d56fb17', part: "edit", hidden: !this.internalEdit }, index.h("slot", { key: '46a4618614c6e55c0015d97e687a0f28e05eef38', name: "edit" })));
90
+ return index.h(index.Host, { key: 'c11babe81053ecc0fb6390507f74d5094c551f48', "data-edit": this.internalEdit ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("div", { key: 'fbb13fda25a177ff62f4bbb16b8fa7a8d1bfefb6', part: "preview", hidden: this.internalEdit }, index.h("slot", { key: '29537eed3c19da07a61b0236a563912eec332572', name: "preview" })), index.h("div", { key: 'a8cdb53c61041361ff97762bdf1e8e6992706751', part: "edit", hidden: !this.internalEdit }, index.h("slot", { key: '466c6bf07d44ab07ccab1fd138412e43a291dcca', name: "edit" })));
91
91
  }
92
92
  static get watchers() { return {
93
93
  "edit": [{
@@ -12,7 +12,7 @@ const UIFloatingActionButton = class {
12
12
  mobileOnly = false;
13
13
  label = '';
14
14
  render() {
15
- return (index.h(index.Host, { key: '86f7c100efe7fdf900de7abbcc1a01c475b0da1d', "data-disabled": this.disabled ? '' : undefined }, index.h("button", { key: '91398faeb693dcbe11d58e59a183391ce6e4876c', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, index.h("slot", { key: 'd11b6f638b045d6835279f3381442983b40472d9' }))));
15
+ return (index.h(index.Host, { key: '54f6284109397d15e2b3ef92f68e9bd4cf91fbae', "data-disabled": this.disabled ? '' : undefined }, index.h("button", { key: '9ebad7e3bbc2bf18d4d5a04f37a9f2d77011ad34', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, index.h("slot", { key: '222c6807ae4639eb20dc25be08fe5f4e91c638de' }))));
16
16
  }
17
17
  };
18
18
  UIFloatingActionButton.style = uiFloatingActionButtonCss();
@@ -106,7 +106,7 @@ const UIFormField = class {
106
106
  input.setAttribute('aria-invalid', this.invalid ? 'true' : 'false');
107
107
  }
108
108
  render() {
109
- return (index.h(index.Host, { key: '3d331f3506c3853d751395569e87614c52ce0076', "data-invalid": this.invalid ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-required": this.required ? '' : undefined }, index.h("slot", { key: '1b582b4961a767230b19efa314943f8a5426270e', onSlotchange: this.scheduleWire })));
109
+ return (index.h(index.Host, { key: 'f052dbf0ba289bf187ea78c458260110fbfa059a', "data-invalid": this.invalid ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-required": this.required ? '' : undefined }, index.h("slot", { key: 'f26f48581b5781e8c3d7830ddd3707ea4fb04420', onSlotchange: this.scheduleWire })));
110
110
  }
111
111
  };
112
112
  UIFormField.style = uiFormFieldCss();
@@ -15,7 +15,7 @@ const UIIconButton = class {
15
15
  /** Reveals this control through a surrounding ui-affordance-scope. */
16
16
  anticipatory = false;
17
17
  render() {
18
- return (index.h(index.Host, { key: '9e8ee3ff8c9f9ab5113a7635e49755e0eb998898', "data-disabled": this.disabled ? '' : undefined, "data-ui-affordance": this.anticipatory ? 'button' : undefined }, index.h("button", { key: '7f6dd5ae40b595634ba91834c2bb113687ee5cb8', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, index.h("slot", { key: 'c7a94d7fb54fbff44e372bf4f67bb29a40bfc45b' }))));
18
+ return (index.h(index.Host, { key: '8d0f84c9d3aaa69f47430369b511bb4160de5cc8', "data-disabled": this.disabled ? '' : undefined, "data-ui-affordance": this.anticipatory ? 'button' : undefined }, index.h("button", { key: 'b896cdb091e9733b2b8625463f1324819c23965c', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, index.h("slot", { key: '76ab5e5f4d34e3f0850287b4552dde060b3798e7' }))));
19
19
  }
20
20
  };
21
21
  UIIconButton.style = uiIconButtonCss();
@@ -78,7 +78,7 @@ const UIInput = class {
78
78
  });
79
79
  };
80
80
  render() {
81
- return (index.h(index.Host, { key: '90597a900e0504f0e729990dd8cbc84c35d8162f', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: '1c8ac0ad7e4d3a5a9b913c2687021ef7037ccfa7', ref: (el) => (this.slotRef = el) })));
81
+ return (index.h(index.Host, { key: '92505de6b1245569a6d4746418a70f8d7bc4eed9', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: 'd5743dc62037b5d7722cfbb64a582592327c75e5', ref: (el) => (this.slotRef = el) })));
82
82
  }
83
83
  static get watchers() { return {
84
84
  "value": [{
@@ -11,7 +11,7 @@ const UIMenuItem = class {
11
11
  disabled = false;
12
12
  value = '';
13
13
  render() {
14
- return (index.h(index.Host, { key: '856cf07264b2eb8e3e51305408855156e11d9a8b', role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : undefined, "data-value": this.value || undefined }, index.h("span", { key: 'a56401f9b910175eb5683d1748f323dce0d55a9c', class: "menu-item__surface" }, index.h("slot", { key: '4ee22fd4cdb10ec822e4485e48ed8000a10512ae' }))));
14
+ return (index.h(index.Host, { key: 'd0f0886b18ebd01c0c2e20a2c1b1ecfd57eeb3e3', role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : undefined, "data-value": this.value || undefined }, index.h("span", { key: '7fc584fb670b5b8ce0bbd3be1fea08f87de4a298', class: "menu-item__surface" }, index.h("slot", { key: '066fb08bc22996d439f3216e401a93a084e3e299' }))));
15
15
  }
16
16
  };
17
17
  UIMenuItem.style = uiMenuItemCss();
@@ -4,7 +4,7 @@ var index = require('./index-BHG9Rpil.js');
4
4
  var events = require('./events-TcQIzpNv.js');
5
5
  var manager = require('./manager-Ce25WRtl.js');
6
6
  var controlledState = require('./controlled-state-BFya8rAX.js');
7
- var positioning = require('./positioning-D5q9DM-0.js');
7
+ var positioning = require('./positioning-BiPpyC-_.js');
8
8
 
9
9
  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%}`;
10
10
 
@@ -160,7 +160,7 @@ const UIMenu = class {
160
160
  }
161
161
  };
162
162
  render() {
163
- return (index.h(index.Host, { key: '22689ca1b0514bb27a76bfb9a702c0d4ce49d136', role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? '' : undefined }, index.h("div", { key: 'cff891a33348f077631f1b92f1167285aafd25f1', class: "menu__surface" }, index.h("slot", { key: '3a0e9ff4f36b1afbe5f879e0e51ff4943279b5b5' }))));
163
+ return (index.h(index.Host, { key: '5b64cc53ca56ea04a63013c8cb61231c9b1045cc', role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? '' : undefined }, index.h("div", { key: '6410a56cc5efcffd0673c9abdf8f8aa45295c516', class: "menu__surface" }, index.h("slot", { key: '7e7f9d3b19bbf3024d61ecf44cd8b103748ef966' }))));
164
164
  }
165
165
  static get watchers() { return {
166
166
  "open": [{
@@ -4,7 +4,7 @@ var index = require('./index-BHG9Rpil.js');
4
4
  var manager = require('./manager-Ce25WRtl.js');
5
5
  var events = require('./events-TcQIzpNv.js');
6
6
  var controlledState = require('./controlled-state-BFya8rAX.js');
7
- var positioning = require('./positioning-D5q9DM-0.js');
7
+ var positioning = require('./positioning-BiPpyC-_.js');
8
8
 
9
9
  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}}`;
10
10
 
@@ -113,7 +113,7 @@ const UIPopover = class {
113
113
  }
114
114
  };
115
115
  render() {
116
- return (index.h(index.Host, { key: 'f63907b8e49b8264c291048c509b6164fdd60ca4', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, index.h("div", { key: '2425f4394749d994693f4a256256bd9e2f5daf60', class: "popover__surface" }, index.h("slot", { key: '3b6f925da371d43e828842c4027cddee673d7ab3' }))));
116
+ return (index.h(index.Host, { key: '65a0927abc40450205989704bfde2cf7fd80d1f9', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, index.h("div", { key: '255acaf99e0fe70a92048351b24bdfde1a4ea45f', class: "popover__surface" }, index.h("slot", { key: '9d2f6c9d5a0f7a2766225aef0ec5b98b33ec9f07' }))));
117
117
  }
118
118
  static get watchers() { return {
119
119
  "open": [{
@@ -109,7 +109,7 @@ const UIRadioGroup = class {
109
109
  }
110
110
  };
111
111
  render() {
112
- return (index.h(index.Host, { key: '31d8dee04aad4ddbb0bfa617a4e6ed187eab6674', role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : undefined }, index.h("slot", { key: '7134bcfa6b11cbe0d0d55a6593ea3fca921a71ec' })));
112
+ return (index.h(index.Host, { key: '9bdfe6b5209b5444cb27dde3226ec33866999c25', role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : undefined }, index.h("slot", { key: 'b81a2f1e4c49000cfb5357570b460564ced48d91' })));
113
113
  }
114
114
  static get watchers() { return {
115
115
  "value": [{
@@ -69,7 +69,7 @@ const UIRadio = class {
69
69
  });
70
70
  };
71
71
  render() {
72
- return (index.h(index.Host, { key: '5bab1394b8238609e4382309e4b11bca82a60b12', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined }, index.h("slot", { key: '56ba5b7ec4ab53299c66689558338d2c6ab3e4f6', ref: (el) => (this.slotRef = el) })));
72
+ return (index.h(index.Host, { key: '32df72dff7253956875ef28f593462ddbbb90eef', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined }, index.h("slot", { key: '0c78f3e3bdf4d618547b267128c6fc0fdd651599', ref: (el) => (this.slotRef = el) })));
73
73
  }
74
74
  static get watchers() { return {
75
75
  "checked": [{
@@ -39,7 +39,7 @@ const UISearchResultRow = class {
39
39
  this.hasTrailing = slotHasContent(this.trailingSlot);
40
40
  };
41
41
  render() {
42
- return (index.h(index.Host, { key: '2e1a1fe613e499a8abaaf89c8cc071554b523157' }, index.h("button", { key: '2224a7593feb6c58b162ce820b2deb9bec4fa1b7', class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, index.h("span", { key: '87b86a7d31e15b401b933562adba9a24c88e341f', class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, index.h("slot", { key: '00d253826d2d0c60206e20b6428c3277024a24e0', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), index.h("span", { key: '3c4ad5b336450c29d56aea538dbc987b9a624c1d', class: "search-result-row__content", part: "content" }, index.h("span", { key: '305dc47dcac890ca968d622ce3dc18e88d646ab3', class: "search-result-row__title", part: "title" }, index.h("slot", { key: '5441b78d87cba9e48eb3b786e7ea914479f5ef15', name: "title" })), index.h("span", { key: 'bbd7769b81005b959e6d950255951f0089e9e716', class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, index.h("slot", { key: '8437dd124e858eadb942e2a05ccd87c14a8ea604', name: "meta", ref: (el) => (this.metaSlot = el), onSlotchange: this.syncSlots })), index.h("span", { key: '6939cb19881b17799205a54eda9d34e86563f994', class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, index.h("slot", { key: '2f41b9ec22a0260e4196553a655cc501384f2331', name: "excerpt", ref: (el) => (this.excerptSlot = el), onSlotchange: this.syncSlots }))), index.h("span", { key: '162de66c31688de9114233984448eb5b30d48dc3', class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, index.h("slot", { key: 'dfa3d5bbbe453a8fd1c3ddf9508bf33edf145dc6', name: "trailing", ref: (el) => (this.trailingSlot = el), onSlotchange: this.syncSlots })))));
42
+ return (index.h(index.Host, { key: '923d7ac982594e39c06421b60f115acbb395f169' }, index.h("button", { key: 'c97e45ba33297a8aeaa4a9726402c71e3ca73a7b', class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, index.h("span", { key: 'dea0781519760f5dc2b46902ef86f9e72ccfa6df', class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, index.h("slot", { key: 'e10026c17caaa3a21e9dd34c7faabfe9b97f2f5b', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), index.h("span", { key: 'e8bb06b45aff7ddbaa9a51cc7c53d797e68e8746', class: "search-result-row__content", part: "content" }, index.h("span", { key: '6e1c2d49029e1c1fdc2519f513ddedbe304ddb3e', class: "search-result-row__title", part: "title" }, index.h("slot", { key: '9653efc0b61c49d36034c4c75a3e9b3d7a6f837b', name: "title" })), index.h("span", { key: 'b10885a7649c75f9e6903354f5804f459aa883b7', class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, index.h("slot", { key: 'b3101183b0dfa0cc1ba8e62c1f8fc39ad865e1ae', name: "meta", ref: (el) => (this.metaSlot = el), onSlotchange: this.syncSlots })), index.h("span", { key: '430520c0e349344fc4c549cd36a0137d39fc8d24', class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, index.h("slot", { key: '4a90cefa9b1d2b2378d1a8aa166aa8fdebfbca42', name: "excerpt", ref: (el) => (this.excerptSlot = el), onSlotchange: this.syncSlots }))), index.h("span", { key: '769ed2f62ead7ce32b13cdad93a7bbb981b13b3c', class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, index.h("slot", { key: '86490f5fef29c6fa4d8ddf838de5f9aee8535db0', name: "trailing", ref: (el) => (this.trailingSlot = el), onSlotchange: this.syncSlots })))));
43
43
  }
44
44
  };
45
45
  UISearchResultRow.style = uiSearchResultRowCss();
@@ -31,7 +31,7 @@ const UISearchShell = class {
31
31
  this.hasFooter = slotHasContent(this.footerSlot);
32
32
  };
33
33
  render() {
34
- return (index.h("div", { key: '508a5900288b0b7e0651d3a56e1f5a9094061952', class: "search-shell", part: "base" }, index.h("slot", { key: '54677a395d62aed4538bb36255046a1d679da312', name: "backdrop" }), index.h("div", { key: 'f738673e5a95509803d2c4682adb4aa48f7b798f', class: "search-shell__panel", part: "panel" }, index.h("div", { key: '8e4a14fcc5e7cc0ff3c2c94ad72cb6b4305d4fea', class: "search-shell__search", part: "search" }, index.h("slot", { key: '28f3d8439964423fe9beeac91490a70a30a36b6e', name: "search" })), index.h("div", { key: '8bcd00a532eea21a41a7771636bc038c27c55a31', class: "search-shell__status", part: "status", hidden: !this.hasStatus }, index.h("slot", { key: '4a4c9082f2645e80fdfa2a8b71a1747573d02f73', name: "status", ref: (el) => (this.statusSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: '58439a3d479f042f827abce2a99dc1ae75db5ca1', class: "search-shell__body", part: "body" }, index.h("slot", { key: '5f6c4202b0abeb3708bed415a576e877c94f1eb1', name: "body" })), index.h("div", { key: '7a2887f7220619db2ccb5a907623c3e760d1e073', class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, index.h("slot", { key: '26c8f839b8add2b52c6940e67a6a7c94a8ffcf31', name: "footer", ref: (el) => (this.footerSlot = el), onSlotchange: this.syncSlots })))));
34
+ return (index.h("div", { key: '049a6451f10f1906881efc8fc2cdeba656e68733', class: "search-shell", part: "base" }, index.h("slot", { key: 'e807b035ccb9ec9425651b59a0d137ebc54329aa', name: "backdrop" }), index.h("div", { key: '5d785a0d4dab1fed7f6750b82485b9e50edd62d9', class: "search-shell__panel", part: "panel" }, index.h("div", { key: 'b41c40485d61d9436504483759a5f42d96e5aad2', class: "search-shell__search", part: "search" }, index.h("slot", { key: 'b19058bca701cc26d286c8694c7cdc6306e100c4', name: "search" })), index.h("div", { key: '260164b95427e03329f28247e8dbda867506e672', class: "search-shell__status", part: "status", hidden: !this.hasStatus }, index.h("slot", { key: '1d7c1e8c96e588b7c9c906cfaad91ba1cf77bf7c', name: "status", ref: (el) => (this.statusSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: '49963c82e54aee2b5c4c4809ce2b152f770b4468', class: "search-shell__body", part: "body" }, index.h("slot", { key: 'ae32ec8c9ec89310ad1805f1c65bc8208ee12f29', name: "body" })), index.h("div", { key: 'f5fc9f356035e277e4c9bb0e188d7b4be3642c27', class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, index.h("slot", { key: 'dbf1022e49a054eee1c5e70b675c71d1cf3488bf', name: "footer", ref: (el) => (this.footerSlot = el), onSlotchange: this.syncSlots })))));
35
35
  }
36
36
  };
37
37
  UISearchShell.style = uiSearchShellCss();
@@ -80,7 +80,7 @@ const UISelect = class {
80
80
  });
81
81
  };
82
82
  render() {
83
- return (index.h(index.Host, { key: '5b77bfa817964325038cf338a1c0791abf8d2bfe', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: '9a9c8017e5e02d14945d6b7c84d68edf7b2ccaf8', ref: (el) => (this.slotRef = el) })));
83
+ return (index.h(index.Host, { key: '2b3348e1694cfd113163af3adf939fd64cb40654', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: '40e627125a906cf4bf294eb085c172a5370f3a54', ref: (el) => (this.slotRef = el) })));
84
84
  }
85
85
  static get watchers() { return {
86
86
  "value": [{
@@ -49,7 +49,7 @@ const UISwitch = class {
49
49
  this.toggle('pointer');
50
50
  };
51
51
  render() {
52
- return (index.h(index.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 }, index.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) => {
52
+ return (index.h(index.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 }, index.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) => {
53
53
  const input = e.target;
54
54
  const checked = input.checked;
55
55
  if (!controlledState.isControlled(this.checked))
@@ -61,7 +61,7 @@ const UISwitch = class {
61
61
  });
62
62
  if (controlledState.isControlled(this.checked))
63
63
  input.checked = this.internalChecked;
64
- } }), index.h("slot", { key: 'e3f4f032bc41784ed41591d4fd175b89a4162c49' })));
64
+ } }), index.h("slot", { key: 'ff9975d4ccbffbed2b97060eabf347653d5f5110' })));
65
65
  }
66
66
  static get watchers() { return {
67
67
  "checked": [{
@@ -99,7 +99,7 @@ const UITabs = class {
99
99
  }
100
100
  };
101
101
  render() {
102
- return (index.h(index.Host, { key: '908dc4228940bbf33530a2b9f5fb36421c51d1a1', orientation: this.orientation, "data-orientation": this.orientation }, index.h("slot", { key: 'ebfe8bc58d09fdce2815b26f29e2eba4e5f3c879' })));
102
+ return (index.h(index.Host, { key: '61044ac3f2fcb0f766d931416f42ff17ec94c00d', orientation: this.orientation, "data-orientation": this.orientation }, index.h("slot", { key: '3260c95bdd24581045b1c4e4d1b8f4d08daf02b4' })));
103
103
  }
104
104
  static get watchers() { return {
105
105
  "value": [{
@@ -79,7 +79,7 @@ const UITextarea = class {
79
79
  });
80
80
  };
81
81
  render() {
82
- return (index.h(index.Host, { key: '4774b8d20cd4426b1c6205375fd9e4275bc24f08', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: '9b5489df35c29bf453d010f85bcb05dcc01fcce9', ref: (el) => (this.slotRef = el) })));
82
+ return (index.h(index.Host, { key: 'a554edb1a0ef40a2c116e3064e52af7474e065e4', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: 'a4eb8034ec11f8b3b06ace7287410fd839004593', ref: (el) => (this.slotRef = el) })));
83
83
  }
84
84
  static get watchers() { return {
85
85
  "value": [{
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-BHG9Rpil.js');
4
4
  var events = require('./events-TcQIzpNv.js');
5
- var positioning = require('./positioning-D5q9DM-0.js');
5
+ var positioning = require('./positioning-BiPpyC-_.js');
6
6
 
7
7
  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}`;
8
8
 
@@ -77,7 +77,7 @@ const UIToastRegion = class {
77
77
  });
78
78
  };
79
79
  render() {
80
- return (index.h(index.Host, { key: 'e3a71de7854b5937cc3f74858fc69f202fd93c71', role: "region", "aria-label": "Notifications", "aria-live": "polite", "data-open": this.internalOpen ? '' : undefined }, index.h("slot", { key: 'cdf6ea0118199d149ac08820c69ec8b54654be91' })));
80
+ return (index.h(index.Host, { key: '9f9c2e14150c631c0f7cb427c693dcd52c20897d', role: "region", "aria-label": "Notifications", "aria-live": "polite", "data-open": this.internalOpen ? '' : undefined }, index.h("slot", { key: '9e1d9ebb6b587afab2c4302241cecb03a321cee1' })));
81
81
  }
82
82
  static get watchers() { return {
83
83
  "open": [{
@@ -35,7 +35,7 @@ const UITopBar = class {
35
35
  this.hasActions = slotHasContent(this.actionsSlot);
36
36
  };
37
37
  render() {
38
- return (index.h(index.Host, { key: '1f0cf8994e3a18d42415fa85f14d172cfaddbf8e' }, index.h("header", { key: 'e92afb06dad409b4a4e8fcc52bcad09b3e4531c4', class: "top-bar", part: "base" }, index.h("div", { key: '3d1458e841c7a600c98d6797b4ec97baee285de1', class: "top-bar__leading", hidden: !this.hasLeading }, index.h("slot", { key: '665e078f41410275cba3c55fec05159518a97a9e', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: '7657a2c1e6c96660fa2ade470c8a4b0ecd30fcd9', class: "top-bar__title" }, index.h("slot", { key: '4d4f70c1a50aede4ef3a63176d714502b074a2cf' })), index.h("div", { key: '9409800ebaee24e4567de2126c0dd2544e741956', class: "top-bar__search", hidden: !this.hasSearch }, index.h("slot", { key: '2e66be8358235ae5ef10c7f9a115b08377ece3a7', name: "search", ref: (el) => (this.searchSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: 'e7fa28dddde4f0638a153ad0c8fcc3de94c0ecdc', class: "top-bar__actions", hidden: !this.hasActions }, index.h("slot", { key: '56c6620da69e2775a8a4d7306bb40b7a6713b100', name: "actions", ref: (el) => (this.actionsSlot = el), onSlotchange: this.syncSlots })))));
38
+ return (index.h(index.Host, { key: '1ef941e211c9536c034a40c0f7a255068595de10' }, index.h("header", { key: 'f1ea465d17753224d72971d26f70b546b93de8ba', class: "top-bar", part: "base" }, index.h("div", { key: '4eab975109467ad41e16527102b31e6e6d7421c8', class: "top-bar__leading", hidden: !this.hasLeading }, index.h("slot", { key: '3388d0e2346de4c08d85dd4c3a998e5f668a05f6', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: '7b176d6e82da08eb495f3ca2c83505327c21f525', class: "top-bar__title" }, index.h("slot", { key: '8196e5489d2f43a72f794aad8ceaa44c358810e9' })), index.h("div", { key: '2b29c72174559865fb01b99cfab830f74640a8a5', class: "top-bar__search", hidden: !this.hasSearch }, index.h("slot", { key: '9597fde0cf05821e641471343a38dd3190f1e18f', name: "search", ref: (el) => (this.searchSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: '1f19003e43fb28ac4ff4debd27e1a0fa9f342275', class: "top-bar__actions", hidden: !this.hasActions }, index.h("slot", { key: 'f6a84824d2806dc16b5fa82cc25dc1247a6a8ad1', name: "actions", ref: (el) => (this.actionsSlot = el), onSlotchange: this.syncSlots })))));
39
39
  }
40
40
  };
41
41
  UITopBar.style = uiTopBarCss();
@@ -119,10 +119,10 @@ const UITreeItem = class {
119
119
  const expanded = this.isExpanded();
120
120
  const disclosureLabel = `${expanded ? 'Collapse' : 'Expand'} ${this.label || 'item'}`;
121
121
  const dragLabel = `Drag ${this.label || 'item'} to reorder`;
122
- return (index.h(index.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: {
122
+ return (index.h(index.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: {
123
123
  '--ui-tree-item-depth': String(level - 1),
124
124
  'margin-inline-start': level > 1 ? 'var(--ui-tree-indent, 16px)' : '0px',
125
- } }, index.h("div", { key: '9b62f172b2c0a80925404aee13895b3342d7dcb6', class: "row", part: "row", onClick: this.onRowClick }, this.sortable && !this.disabled ? (index.h("button", { class: "drag-handle", part: "drag-handle", type: "button", draggable: true, "aria-label": dragLabel, title: dragLabel }, index.h("span", { innerHTML: icons.loomaIconMarkup('grip-vertical') }))) : null, this.container ? (index.h("button", { class: "disclosure", part: "disclosure", type: "button", "aria-label": disclosureLabel, "aria-expanded": String(expanded), disabled: this.disabled, onClick: this.onDisclosureClick, onKeyDown: this.onDisclosureKeydown }, index.h("span", { class: { 'disclosure-icon': true, 'disclosure-icon--expanded': expanded }, innerHTML: icons.loomaIconMarkup('chevron-down') }))) : index.h("span", { class: "disclosure-spacer", "aria-hidden": "true" }), index.h("span", { key: 'fe2e301bf43f1fdb524a004960855f63d05ce138', class: "leading", part: "leading" }, index.h("slot", { key: '6f569883ead32dff5340b1c1da74dc8fdade49e6', name: "leading" })), index.h("span", { key: '942e3bb0b6b4021166916777ab18dc868c39fbdc', class: "label", part: "label" }, index.h("slot", { key: '42b9d9f42fd7aaad35ed7091c39953710ebf5a58' })), index.h("span", { key: '8483a822895220d2bb2aa2cb0a45cd296062cae9', class: "actions", part: "actions" }, index.h("slot", { key: 'dae2b38eef43a061f40a7498d8f28e703e5468e3', name: "actions" })), index.h("span", { key: '0a9b7db9ab5e9a709f9f0a3a8d77bd1c044295c4', class: "drop-indicator row-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })), this.container ? (index.h("div", { class: "children", part: "children", role: "group", hidden: !expanded }, index.h("slot", { name: "children" }))) : null, index.h("span", { key: '641be80771d73d2c7193f2c762db1d0fe5c79e5d', class: "drop-indicator subtree-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })));
125
+ } }, index.h("div", { key: '7d6923da8fd8be7fffc7cf345ac4d1211217c21a', class: "row", part: "row", onClick: this.onRowClick }, this.sortable && !this.disabled ? (index.h("button", { class: "drag-handle", part: "drag-handle", type: "button", draggable: true, "aria-label": dragLabel, title: dragLabel }, index.h("span", { innerHTML: icons.loomaIconMarkup('grip-vertical') }))) : null, this.container ? (index.h("button", { class: "disclosure", part: "disclosure", type: "button", "aria-label": disclosureLabel, "aria-expanded": String(expanded), disabled: this.disabled, onClick: this.onDisclosureClick, onKeyDown: this.onDisclosureKeydown }, index.h("span", { class: { 'disclosure-icon': true, 'disclosure-icon--expanded': expanded }, innerHTML: icons.loomaIconMarkup('chevron-down') }))) : index.h("span", { class: "disclosure-spacer", "aria-hidden": "true" }), index.h("span", { key: 'ef8959fc858b90c7ea26c8ff740cfe02fb372686', class: "leading", part: "leading" }, index.h("slot", { key: '1e00da2acd23ae6430e38b26502d9f3951461c93', name: "leading" })), index.h("span", { key: 'f37a63aa0c6e73f134442589314fae01e01cf782', class: "label", part: "label" }, index.h("slot", { key: 'f527d8a33927d72502d5cbbbe0cb5739d7bdbaf2' })), index.h("span", { key: 'de6492f81ac5747d913132c275abb9157d18deab', class: "actions", part: "actions" }, index.h("slot", { key: 'f5316e3a5fb67130ef1401253dc5ef6b7072840e', name: "actions" })), index.h("span", { key: '89da3b2bab7a953368810319148a644e62bc9a47', class: "drop-indicator row-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })), this.container ? (index.h("div", { class: "children", part: "children", role: "group", hidden: !expanded }, index.h("slot", { name: "children" }))) : null, index.h("span", { key: '9a66f1ba72290a037ef02ccbd49243463ba34b67', class: "drop-indicator subtree-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })));
126
126
  }
127
127
  static get watchers() { return {
128
128
  "expanded": [{
@@ -492,7 +492,7 @@ const UITree = class {
492
492
  }
493
493
  };
494
494
  render() {
495
- return (index.h(index.Host, { key: '81fe656b4a7cdf8683f53aeee94fb53838950383', role: "tree", "aria-label": this.label || 'Tree' }, index.h("slot", { key: '941204b299eec2181228f536c017a17f026b2f3d' })));
495
+ return (index.h(index.Host, { key: 'bae06665078a67c59db2d9e72c7dea6ddeeb9e56', role: "tree", "aria-label": this.label || 'Tree' }, index.h("slot", { key: '232cb02f1a50bc5e18a92c0d8677e917870ec75e' })));
496
496
  }
497
497
  };
498
498
  UITree.style = uiTreeCss();
@@ -19,7 +19,6 @@
19
19
  "components/ui-input/ui-input.js",
20
20
  "components/ui-menu/ui-menu.js",
21
21
  "components/ui-menu-item/ui-menu-item.js",
22
- "components/ui-multi-combobox/ui-multi-combobox.js",
23
22
  "components/ui-popover/ui-popover.js",
24
23
  "components/ui-radio/ui-radio.js",
25
24
  "components/ui-radio-group/ui-radio-group.js",
@@ -22,3 +22,26 @@ input:disabled, button:disabled { color: var(--ui-text-muted); cursor: not-allow
22
22
  .sr-only { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
23
23
  @media (pointer: coarse) { button { min-inline-size: 2.75rem; min-block-size: 2.75rem; } }
24
24
  @media (forced-colors: active) { .field, .popup { border-color: CanvasText; } .option[data-active] { outline-color: Highlight; } }
25
+
26
+ /* Multiple mode: chips wrap before the cursor on one flexible field line. */
27
+ :host([multiple]) .field { flex-wrap: wrap; align-items: center; gap: var(--ui-space-1); min-block-size: var(--ui-multi-combobox-min-block-size, 2.5rem); padding: var(--ui-space-1); }
28
+ :host([multiple]) input { flex: 1 0 var(--ui-multi-combobox-input-min-inline-size, 5rem); width: auto; min-block-size: 1.75rem; padding: var(--ui-space-0-5) var(--ui-space-1); }
29
+ .items { display: contents; }
30
+ .item {
31
+ appearance: none;
32
+ display: inline-flex;
33
+ min-inline-size: 0;
34
+ max-inline-size: min(100%, var(--ui-multi-combobox-item-max-inline-size, 12rem));
35
+ overflow: hidden;
36
+ padding: 0;
37
+ border: 0;
38
+ border-radius: var(--ui-radius-1);
39
+ background: transparent;
40
+ color: inherit;
41
+ font: inherit;
42
+ cursor: default;
43
+ }
44
+ .item > slot { display: block; min-inline-size: 0; max-inline-size: 100%; overflow: hidden; }
45
+ .item > slot::slotted(*) { min-inline-size: 0; max-inline-size: 100%; }
46
+ .item:focus-visible { outline: 2px solid var(--ui-focus-ring); outline-offset: 1px; }
47
+ .item:disabled { opacity: .6; }