@threadlabs/looma 0.1.16 → 0.1.18

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 (133) hide show
  1. package/README.md +2 -1
  2. package/dist/{chunk-SVINNT3E.js → chunk-DTQVRGVL.js} +29 -29
  3. package/dist/{chunk-G53JEAQK.js → chunk-SZJQ3NPX.js} +6 -3
  4. package/dist/chunk-YHXJC5M5.js +341 -0
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/looma.cjs.js +1 -1
  7. package/dist/cjs/{manager-BOpVXb92.js → manager-C9j3HZay.js} +5 -2
  8. package/dist/cjs/positioning-i0WrCAdF.js +384 -0
  9. package/dist/cjs/ui-affordance-scope.cjs.entry.js +3 -113
  10. package/dist/cjs/ui-context-menu.cjs.entry.js +43 -5
  11. package/dist/cjs/ui-dialog.cjs.entry.js +1 -1
  12. package/dist/cjs/ui-menu.cjs.entry.js +83 -2
  13. package/dist/cjs/ui-popover.cjs.entry.js +43 -3
  14. package/dist/cjs/ui-toast-region.cjs.entry.js +17 -2
  15. package/dist/cjs/ui-tooltip.cjs.entry.js +95 -27
  16. package/dist/cjs/ui-tree-item.cjs.entry.js +1 -1
  17. package/dist/collection/components/ui-context-menu/ui-context-menu.css +21 -4
  18. package/dist/collection/components/ui-context-menu/ui-context-menu.js +43 -4
  19. package/dist/collection/components/ui-menu/ui-menu.css +39 -0
  20. package/dist/collection/components/ui-menu/ui-menu.js +128 -1
  21. package/dist/collection/components/ui-popover/ui-popover.css +31 -0
  22. package/dist/collection/components/ui-popover/ui-popover.js +87 -1
  23. package/dist/collection/components/ui-toast-region/ui-toast-region.css +6 -0
  24. package/dist/collection/components/ui-toast-region/ui-toast-region.js +16 -1
  25. package/dist/collection/components/ui-tooltip/ui-tooltip.css +20 -0
  26. package/dist/collection/components/ui-tooltip/ui-tooltip.js +160 -25
  27. package/dist/collection/components/ui-tree-item/ui-tree-item.css +10 -6
  28. package/dist/collection/input-modality.js +24 -0
  29. package/dist/collection/overlay/manager.js +5 -2
  30. package/dist/collection/overlay/positioning.js +246 -0
  31. package/dist/components/p-CEYIKqYc.js +1 -0
  32. package/dist/components/p-DOulVJT7.js +1 -0
  33. package/dist/components/p-PM9a74r7.js +1 -0
  34. package/dist/components/ui-affordance-scope.js +1 -1
  35. package/dist/components/ui-context-menu.js +1 -1
  36. package/dist/components/ui-dialog.js +1 -1
  37. package/dist/components/ui-menu.js +1 -1
  38. package/dist/components/ui-popover.js +1 -1
  39. package/dist/components/ui-toast-region.js +1 -1
  40. package/dist/components/ui-tooltip.js +1 -1
  41. package/dist/components/ui-tree-item.js +1 -1
  42. package/dist/esm/loader.js +1 -1
  43. package/dist/esm/looma.js +1 -1
  44. package/dist/esm/{manager-CR7f2MQC.js → manager-PM9a74r7.js} +5 -2
  45. package/dist/esm/positioning-Bu0dmLBE.js +379 -0
  46. package/dist/esm/ui-affordance-scope.entry.js +1 -111
  47. package/dist/esm/ui-context-menu.entry.js +43 -5
  48. package/dist/esm/ui-dialog.entry.js +1 -1
  49. package/dist/esm/ui-menu.entry.js +83 -2
  50. package/dist/esm/ui-popover.entry.js +43 -3
  51. package/dist/esm/ui-toast-region.entry.js +17 -2
  52. package/dist/esm/ui-tooltip.entry.js +95 -27
  53. package/dist/esm/ui-tree-item.entry.js +1 -1
  54. package/dist/index.cjs +779 -59
  55. package/dist/index.d.cts +44 -1
  56. package/dist/index.d.ts +44 -1
  57. package/dist/index.js +235 -4
  58. package/dist/looma/looma.esm.js +1 -1
  59. package/dist/looma/p-063f5a89.entry.js +1 -0
  60. package/dist/looma/{p-c6721aba.entry.js → p-11083743.entry.js} +1 -1
  61. package/dist/looma/p-1674cda4.entry.js +1 -0
  62. package/dist/looma/p-2e6f791e.entry.js +1 -0
  63. package/dist/looma/p-54c41576.entry.js +1 -0
  64. package/dist/looma/p-9194a99d.entry.js +1 -0
  65. package/dist/looma/p-Bu0dmLBE.js +1 -0
  66. package/dist/looma/p-PM9a74r7.js +1 -0
  67. package/dist/looma/p-caa8fc7b.entry.js +1 -0
  68. package/dist/looma/{p-ef9ca2ed.entry.js → p-d01960c2.entry.js} +2 -2
  69. package/dist/types/components/ui-context-menu/ui-context-menu.d.ts +6 -0
  70. package/dist/types/components/ui-menu/ui-menu.d.ts +13 -0
  71. package/dist/types/components/ui-popover/ui-popover.d.ts +9 -0
  72. package/dist/types/components/ui-toast-region/ui-toast-region.d.ts +2 -0
  73. package/dist/types/components/ui-tooltip/ui-tooltip.d.ts +16 -1
  74. package/dist/types/components.d.ts +71 -0
  75. package/dist/types/input-modality.d.ts +6 -0
  76. package/dist/types/overlay/manager.d.ts +3 -0
  77. package/dist/types/overlay/positioning.d.ts +33 -0
  78. package/dist/ui-affordance-scope.entry-2W7ZKAGK.js +54 -0
  79. package/dist/{ui-avatar-group.entry-DQDP325O.js → ui-avatar-group.entry-SE5JG2FT.js} +1 -1
  80. package/dist/{ui-avatar.entry-WYIDMOFE.js → ui-avatar.entry-46JDI25A.js} +1 -1
  81. package/dist/{ui-badge.entry-VGHXPEDT.js → ui-badge.entry-U7G3MEC5.js} +1 -1
  82. package/dist/{ui-button.entry-LKPLOJ22.js → ui-button.entry-DELD6KMH.js} +1 -1
  83. package/dist/{ui-checkbox.entry-J74HEA22.js → ui-checkbox.entry-ZUG2P642.js} +1 -1
  84. package/dist/{ui-context-menu.entry-MQM2FCLI.js → ui-context-menu.entry-L4HTK3PV.js} +43 -6
  85. package/dist/{ui-dialog.entry-DQMMDO4Z.js → ui-dialog.entry-TQPYD2YI.js} +2 -2
  86. package/dist/{ui-disclosure.entry-ONF7UZDC.js → ui-disclosure.entry-23TII4YU.js} +1 -1
  87. package/dist/{ui-floating-action-button.entry-FKTGVC5T.js → ui-floating-action-button.entry-FOQYAFJI.js} +1 -1
  88. package/dist/{ui-form-field.entry-M3ISWQNU.js → ui-form-field.entry-SCPG4STY.js} +1 -1
  89. package/dist/{ui-icon-button.entry-AWFIQUHM.js → ui-icon-button.entry-U45ZVAC3.js} +1 -1
  90. package/dist/{ui-input.entry-JZ6RETMT.js → ui-input.entry-3AIA3G4C.js} +1 -1
  91. package/dist/{ui-menu-item.entry-5MFR5LFL.js → ui-menu-item.entry-3QO5TG2J.js} +1 -1
  92. package/dist/ui-menu.entry-JACWGDDG.js +184 -0
  93. package/dist/{ui-popover.entry-ELCMKO6Y.js → ui-popover.entry-2XP4H3S2.js} +46 -4
  94. package/dist/{ui-radio-group.entry-RJHUPPEM.js → ui-radio-group.entry-73IKFMDK.js} +1 -1
  95. package/dist/{ui-radio.entry-3VRDPOY4.js → ui-radio.entry-INJVXUKE.js} +1 -1
  96. package/dist/{ui-search-result-row.entry-J34YPAV7.js → ui-search-result-row.entry-4J732TDC.js} +1 -1
  97. package/dist/{ui-search-shell.entry-IJ4UUP27.js → ui-search-shell.entry-3C2WRVE2.js} +1 -1
  98. package/dist/{ui-select.entry-C6YD3HQ5.js → ui-select.entry-3ZLDGAKX.js} +1 -1
  99. package/dist/{ui-switch.entry-UZDF5QTI.js → ui-switch.entry-5MJRLR2P.js} +1 -1
  100. package/dist/{ui-tabs.entry-YRAKWOMR.js → ui-tabs.entry-F5H7OPBO.js} +1 -1
  101. package/dist/{ui-textarea.entry-JLDKFT3K.js → ui-textarea.entry-BNJ375JB.js} +1 -1
  102. package/dist/{ui-toast-region.entry-GC7C7KXF.js → ui-toast-region.entry-ZUIPJ2JH.js} +20 -3
  103. package/dist/ui-tooltip.entry-DZ4RMF35.js +214 -0
  104. package/dist/{ui-top-bar.entry-5W5UA5KV.js → ui-top-bar.entry-VKRXIUU6.js} +1 -1
  105. package/dist/{ui-tree-item.entry-3LM7IXIK.js → ui-tree-item.entry-NFUQ45OL.js} +2 -2
  106. package/dist/{ui-tree.entry-X4FU42A6.js → ui-tree.entry-H4CWDYI6.js} +1 -1
  107. package/editor/{chunk-RTHHTPWK.js → chunk-3QMBK3XZ.js} +245 -41
  108. package/editor/{chunk-OHD4OS32.js → chunk-OXFYYLUC.js} +632 -236
  109. package/editor/{chunk-CX4QDKSV.js → chunk-ZOUKEZ77.js} +21 -1
  110. package/editor/extensions/index.d.ts +49 -1
  111. package/editor/extensions/index.js +15 -3
  112. package/editor/index.d.ts +3 -2
  113. package/editor/index.js +16 -4
  114. package/editor/ui.d.ts +9 -1
  115. package/editor/ui.js +2 -2
  116. package/editor.css +173 -4
  117. package/package.json +1 -1
  118. package/styles.css +1 -7
  119. package/tokens.css +14 -2
  120. package/vue/editor/index.d.ts +103 -4
  121. package/vue/editor/index.js +199 -114
  122. package/dist/components/p-CR7f2MQC.js +0 -1
  123. package/dist/components/p-QiwSQmKJ.js +0 -1
  124. package/dist/looma/p-2ae73d5b.entry.js +0 -1
  125. package/dist/looma/p-3ac2e0d4.entry.js +0 -1
  126. package/dist/looma/p-65c25c94.entry.js +0 -1
  127. package/dist/looma/p-8c09c724.entry.js +0 -1
  128. package/dist/looma/p-95cd639d.entry.js +0 -1
  129. package/dist/looma/p-96f73d07.entry.js +0 -1
  130. package/dist/looma/p-CR7f2MQC.js +0 -1
  131. package/dist/ui-affordance-scope.entry-PFP2TDKO.js +0 -145
  132. package/dist/ui-menu.entry-IOEIDATQ.js +0 -98
  133. package/dist/ui-tooltip.entry-F26XDTYX.js +0 -145
@@ -1 +0,0 @@
1
- import{r as e,g as i,h as t,H as r}from"./p-CEeiinfk.js";import{d as a,e as o}from"./p-JwSoedEO.js";const s=class{constructor(i){e(this,i)}get host(){return i(this)}open=!1;defaultOpen=!1;internalOpen=!1;syncFromProp(){this.internalOpen=this.open}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.host.addEventListener("click",this.onItemClick),this.host.addEventListener("keydown",this.onKeydown)}disconnectedCallback(){this.host.removeEventListener("click",this.onItemClick),this.host.removeEventListener("keydown",this.onKeydown)}getItems(){return Array.from(this.host.querySelectorAll("ui-menu-item"))}isItemDisabled(e){return"true"===e.getAttribute("aria-disabled")||e.hasAttribute("disabled")||"true"===e.getAttribute("disabled")||!0===e.disabled}onItemClick=e=>{const i=e.target.closest?.("ui-menu-item");if(!i||i.getRootNode()!==this.host.getRootNode())return;if(this.isItemDisabled(i))return;const t=i.getAttribute("value")??i.getAttribute("data-value")??"";a(this.host,"select",{value:t,trigger:o(e)}),a(this.host,"close",{open:!1,reason:"action",trigger:o(e)}),this.internalOpen=!1};onKeydown=e=>{const i=this.getItems().filter((e=>!this.isItemDisabled(e)));if(0===i.length)return;const t=e.target.closest?.("ui-menu-item"),r=t&&t instanceof HTMLElement?i.indexOf(t):-1;if("Enter"!==e.key&&" "!==e.key)"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),i["ArrowDown"===e.key?r<0?0:Math.min(r+1,i.length-1):r<=0?i.length-1:r-1].focus());else if(e.preventDefault(),t&&r>=0){const e=t.getAttribute("value")??t.getAttribute("data-value")??"";a(this.host,"select",{value:e,trigger:"keyboard"}),a(this.host,"close",{open:!1,reason:"action",trigger:"keyboard"}),this.internalOpen=!1}};render(){return t(r,{key:"5e463cbbce272c6b6132a839b818deef3e39a532",role:"menu","aria-orientation":"vertical","data-open":this.internalOpen?"":void 0},t("slot",{key:"feea6a21d41a7b27a6270814bcf0b3f3ded394a1"}))}static get watchers(){return{open:[{syncFromProp:0}]}}};s.style=":host{--ui-menu-viewport-gap:var(--ui-space-2, 0.5rem);display:flex;flex-direction:column;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: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)}::slotted(ui-menu-item){display:block;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease), color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(ui-menu-item:hover:not([aria-disabled='true']):not([disabled])){background:var(--ui-surface-subtle)}::slotted(ui-menu-item[aria-disabled='true']),::slotted(ui-menu-item[disabled]){opacity:0.6;cursor:not-allowed}";export{s as ui_menu}
@@ -1 +0,0 @@
1
- import{r as t,g as a,h as e,H as i}from"./p-CEeiinfk.js";import{d as s,e as r}from"./p-JwSoedEO.js";const o=class{constructor(a){t(this,a)}get host(){return a(this)}open=!0;internalOpen=!0;syncFromProp(){this.internalOpen=this.open}componentDidLoad(){this.syncFromProp(),this.host.addEventListener("click",this.onClick)}disconnectedCallback(){this.host.removeEventListener("click",this.onClick)}getToasts(){return Array.from(this.host.querySelectorAll("[data-ui-toast]"))}updateOpenState(){const t=this.getToasts();this.internalOpen=t.length>0}onClick=t=>{const a=t.target.closest?.("[data-ui-toast-dismiss]");if(!a)return;const e=a.closest?.("[data-ui-toast]");if(!e)return;const i=e.id??"";e.setAttribute("aria-hidden","true"),e.remove(),s(this.host,"dismiss",{id:i,reason:"action",trigger:r(t)}),this.updateOpenState(),0===this.getToasts().length&&s(this.host,"close",{open:!1,reason:"action",trigger:r(t)})};render(){return e(i,{key:"0edcce54864ba991b092d004d3b45cf697b9c3ac",role:"region","aria-label":"Notifications","data-open":this.internalOpen?"":void 0},e("slot",{key:"2e30794a05b018fb55c4313c8e17f7262ecee7da"}))}static get watchers(){return{open:[{syncFromProp:0}]}}};o.style=":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>*{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}";export{o as ui_toast_region}
@@ -1 +0,0 @@
1
- import{r as e,g as o,h as r,H as s}from"./p-CEeiinfk.js";import{o as i,c as a,r as t}from"./p-CR7f2MQC.js";import{d as n}from"./p-JwSoedEO.js";const p=class{constructor(o){e(this,o)}get host(){return o(this)}open=!1;defaultOpen=!1;internalOpen=!1;overlayId=`ui-popover-${Math.random().toString(36).slice(2,11)}`;syncFromProp(){this.internalOpen=this.open}onOpenChange(){this.syncOverlay(),this.internalOpen?n(this.host,"open",{open:!0,reason:"programmatic",trigger:"programmatic"}):n(this.host,"close",{open:!1,reason:"programmatic",trigger:"programmatic"})}syncOverlay(){this.internalOpen?i({id:this.overlayId,modal:!1,element:this.host,dismissible:!0,requestClose:(e,o)=>this.handleRequestClose(e,o)}):a(this.overlayId)}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.host.addEventListener("keydown",this.onKeydown),this.syncOverlay()}disconnectedCallback(){this.host.removeEventListener("keydown",this.onKeydown),a(this.overlayId)}componentDidUpdate(){this.syncOverlay()}handleRequestClose(e,o){this.internalOpen=!1,n(this.host,"close",{open:!1,reason:e,trigger:o})}onKeydown=e=>{"Escape"===e.key&&t("escape","keyboard")};render(){return r(s,{key:"67e7f52220db9d997fb11b686d6abcbdf9557a8d","data-open":this.internalOpen?"":void 0,onKeyDown:this.onKeydown},r("slot",{key:"d7c1fa2ab75994fe0a7dd63f8289754c7754c30f"}))}static get watchers(){return{open:[{syncFromProp:0}],internalOpen:[{onOpenChange:0}]}}};p.style=":host{--ui-popover-viewport-gap:var(--ui-space-2, 0.5rem);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);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}";export{p as ui_popover}
@@ -1 +0,0 @@
1
- import{r as t,g as i,h as s,H as e}from"./p-CEeiinfk.js";import{o,c as r,r as n}from"./p-CR7f2MQC.js";import{d as h}from"./p-JwSoedEO.js";const a=class{constructor(i){t(this,i)}get host(){return i(this)}for="";open=!1;defaultOpen=!1;internalOpen=!1;overlayId=`ui-tooltip-${Math.random().toString(36).slice(2,11)}`;trigger=null;syncFromProp(){this.internalOpen=this.open}syncOverlay(){this.internalOpen?o({id:this.overlayId,modal:!1,element:this.host,dismissible:!0,requestClose:(t,i)=>this.handleRequestClose(t,i)}):r(this.overlayId)}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.resolveTrigger(),this.attachTriggerListeners(),this.host.addEventListener("keydown",this.onKeydown),this.syncOverlay()}componentDidUpdate(){this.resolveTrigger(),this.attachTriggerListeners(),this.syncOverlay()}disconnectedCallback(){this.detachTriggerListeners(),this.host.removeEventListener("keydown",this.onKeydown),r(this.overlayId)}resolveTrigger(){this.trigger=this.for?document.getElementById(this.for):this.host.previousElementSibling}attachTriggerListeners(){this.detachTriggerListeners(),this.trigger&&(this.trigger.addEventListener("pointerenter",this.onTriggerEnter),this.trigger.addEventListener("pointerleave",this.onTriggerLeave),this.trigger.addEventListener("focusin",this.onTriggerFocusIn),this.trigger.addEventListener("focusout",this.onTriggerFocusOut))}detachTriggerListeners(){this.trigger&&(this.trigger.removeEventListener("pointerenter",this.onTriggerEnter),this.trigger.removeEventListener("pointerleave",this.onTriggerLeave),this.trigger.removeEventListener("focusin",this.onTriggerFocusIn),this.trigger.removeEventListener("focusout",this.onTriggerFocusOut))}onTriggerEnter=()=>{this.internalOpen=!0,h(this.host,"open",{open:!0,reason:"action",trigger:"pointer"}),this.syncOverlay()};onTriggerLeave=()=>{this.internalOpen=!1,h(this.host,"close",{open:!1,reason:"action",trigger:"pointer"}),this.syncOverlay()};onTriggerFocusIn=()=>{this.internalOpen=!0,h(this.host,"open",{open:!0,reason:"action",trigger:"keyboard"}),this.syncOverlay()};onTriggerFocusOut=t=>{const i=t.relatedTarget;i&&this.host.contains(i)||(this.internalOpen=!1,h(this.host,"close",{open:!1,reason:"action",trigger:"keyboard"}),this.syncOverlay())};handleRequestClose(t,i){"escape"===t&&(this.internalOpen=!1,h(this.host,"close",{open:!1,reason:"escape",trigger:i}),this.trigger?.focus())}onKeydown=t=>{"Escape"===t.key&&n("escape","keyboard")};render(){return s(e,{key:"64b5f4e7a56cbf5560edc6d7118022a49d5e2786",role:"tooltip",hidden:!this.internalOpen,"data-open":this.internalOpen?"":void 0,onKeyDown:this.onKeydown},s("slot",{key:"cf6f96689021a42a01b782f0e1d0730b5a9aa1f8"}))}static get watchers(){return{open:[{syncFromProp:0}],internalOpen:[{syncOverlay:0}]}}};a.style=":host{display:inline-block;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);box-shadow:var(--ui-shadow-md)}:host([hidden]){display:none !important}";export{a as ui_tooltip}
@@ -1 +0,0 @@
1
- const n=[],t="data-ui-scroll-lock";let e=0,o=!1;function c(){if("undefined"==typeof document)return;const n=document.documentElement;if(e>0)return n.setAttribute(t,"true"),void(n.style.overflow="hidden");n.removeAttribute(t),n.style.removeProperty("overflow")}function u(n){return n.dismissible??!0}function i(n){"Escape"===n.key&&a("escape","keyboard")}function d(n){const t=f();if(!t||!u(t))return;const e=n.target;e instanceof Node&&t.element.contains(e)||a("light-dismiss","pointer")}function r(t){s(t.id),n.push(t),t.modal&&(e+=1,c()),o||"undefined"==typeof document||(document.addEventListener("keydown",i),document.addEventListener("pointerdown",d,{capture:!0}),o=!0)}function s(t){const u=n.findIndex((n=>n.id===t));if(u>=0){const[t]=n.splice(u,1);t?.modal&&(e=Math.max(0,e-1),c())}!o||n.length>0||"undefined"==typeof document||(document.removeEventListener("keydown",i),document.removeEventListener("pointerdown",d,{capture:!0}),o=!1)}function f(){return n.at(-1)}function a(n,t){const e=f();return!!e&&!!(u(e)||"escape"!==n&&"light-dismiss"!==n)&&(e.requestClose(n,t),!0)}export{s as c,r as o,a as r}
@@ -1,145 +0,0 @@
1
- import {
2
- Host,
3
- getElement,
4
- h,
5
- registerInstance
6
- } from "./chunk-SVINNT3E.js";
7
-
8
- // dist/esm/ui-affordance-scope.entry.js
9
- var DEFAULT_AFFORDANCE_NEAR_RADIUS = 16;
10
- function distanceFromPointToRect(point, rect) {
11
- const dx = Math.max(rect.left - point.x, 0, point.x - rect.right);
12
- const dy = Math.max(rect.top - point.y, 0, point.y - rect.bottom);
13
- return Math.hypot(dx, dy);
14
- }
15
- function createProximityCoordinator(scope, options = {}) {
16
- const owner = scope.ownerDocument.defaultView ?? window;
17
- const pointerTarget = options.pointerTarget ?? scope;
18
- const anchorSelector = options.anchorSelector ?? "[data-ui-affordance]";
19
- const configuredRadius = options.nearRadius ?? DEFAULT_AFFORDANCE_NEAR_RADIUS;
20
- const nearRadius = Number.isFinite(configuredRadius) ? Math.max(0, configuredRadius) : DEFAULT_AFFORDANCE_NEAR_RADIUS;
21
- const abort = new AbortController();
22
- let anchors = [];
23
- let frame = null;
24
- let point = null;
25
- let geometryDirty = false;
26
- const clear = () => {
27
- for (const { element } of anchors) {
28
- if (element.hasAttribute("data-ui-proximity")) {
29
- element.removeAttribute("data-ui-proximity");
30
- }
31
- }
32
- if (scope.hasAttribute("data-ui-interaction")) {
33
- scope.removeAttribute("data-ui-interaction");
34
- }
35
- };
36
- const measure = () => {
37
- anchors = Array.from(scope.querySelectorAll(anchorSelector)).filter((element) => !element.hasAttribute("disabled") && element.getAttribute("aria-disabled") !== "true").map((element) => ({ element, rect: element.getBoundingClientRect() }));
38
- geometryDirty = false;
39
- };
40
- const update = () => {
41
- frame = null;
42
- if (geometryDirty)
43
- measure();
44
- if (!point) {
45
- clear();
46
- return;
47
- }
48
- let engaged = false;
49
- for (const anchor of anchors) {
50
- const near = distanceFromPointToRect(point, anchor.rect) <= nearRadius;
51
- if (near && anchor.element.getAttribute("data-ui-proximity") !== "near") {
52
- anchor.element.setAttribute("data-ui-proximity", "near");
53
- } else if (!near && anchor.element.hasAttribute("data-ui-proximity")) {
54
- anchor.element.removeAttribute("data-ui-proximity");
55
- }
56
- engaged ||= near;
57
- }
58
- if (engaged && scope.getAttribute("data-ui-interaction") !== "engaged") {
59
- scope.setAttribute("data-ui-interaction", "engaged");
60
- } else if (!engaged && scope.hasAttribute("data-ui-interaction")) {
61
- scope.removeAttribute("data-ui-interaction");
62
- }
63
- };
64
- const schedule = () => {
65
- if (frame !== null)
66
- return;
67
- frame = owner.requestAnimationFrame(update);
68
- };
69
- const onPointerMove = (event) => {
70
- const pointer = event;
71
- if (pointer.pointerType === "touch") {
72
- point = null;
73
- } else {
74
- point = { x: pointer.clientX, y: pointer.clientY };
75
- }
76
- schedule();
77
- };
78
- const invalidate = () => {
79
- geometryDirty = true;
80
- schedule();
81
- };
82
- pointerTarget.addEventListener("pointermove", onPointerMove, {
83
- passive: true,
84
- signal: abort.signal
85
- });
86
- owner.addEventListener("resize", invalidate, { passive: true, signal: abort.signal });
87
- owner.addEventListener("scroll", invalidate, { passive: true, capture: true, signal: abort.signal });
88
- owner.visualViewport?.addEventListener("resize", invalidate, { passive: true, signal: abort.signal });
89
- owner.visualViewport?.addEventListener("scroll", invalidate, { passive: true, signal: abort.signal });
90
- measure();
91
- return {
92
- refresh: invalidate,
93
- destroy() {
94
- abort.abort();
95
- if (frame !== null)
96
- owner.cancelAnimationFrame(frame);
97
- frame = null;
98
- point = null;
99
- clear();
100
- anchors = [];
101
- }
102
- };
103
- }
104
- var uiAffordanceScopeCss = () => `:host{display:contents;--ui-affordance-scope-engaged:0}:host([data-ui-interaction='engaged']){--ui-affordance-scope-engaged:1}`;
105
- var UIAffordanceScope = class {
106
- constructor(hostRef) {
107
- registerInstance(this, hostRef);
108
- }
109
- get host() {
110
- return getElement(this);
111
- }
112
- /** Distance outside each registered affordance that reveals its near state. */
113
- nearRadius = DEFAULT_AFFORDANCE_NEAR_RADIUS;
114
- coordinator = null;
115
- componentDidLoad() {
116
- this.connectCoordinator();
117
- }
118
- disconnectedCallback() {
119
- this.coordinator?.destroy();
120
- this.coordinator = null;
121
- }
122
- connectCoordinator() {
123
- this.coordinator?.destroy();
124
- this.coordinator = createProximityCoordinator(this.host, {
125
- nearRadius: this.nearRadius
126
- });
127
- }
128
- onSlotChange = () => {
129
- this.coordinator?.refresh();
130
- };
131
- render() {
132
- return h(Host, { key: "184b0a908494d480ed23aa14b75d4f7b94e5275b" }, h("slot", { key: "570e810db588c1514c6fd85985c9bc4532993a2b", onSlotchange: this.onSlotChange }));
133
- }
134
- static get watchers() {
135
- return {
136
- "nearRadius": [{
137
- "connectCoordinator": 0
138
- }]
139
- };
140
- }
141
- };
142
- UIAffordanceScope.style = uiAffordanceScopeCss();
143
- export {
144
- UIAffordanceScope as ui_affordance_scope
145
- };
@@ -1,98 +0,0 @@
1
- import {
2
- dispatchDetail,
3
- eventToTrigger
4
- } from "./chunk-UL7UIUJZ.js";
5
- import {
6
- Host,
7
- getElement,
8
- h,
9
- registerInstance
10
- } from "./chunk-SVINNT3E.js";
11
-
12
- // dist/esm/ui-menu.entry.js
13
- var uiMenuCss = () => `:host{--ui-menu-viewport-gap:var(--ui-space-2, 0.5rem);display:flex;flex-direction:column;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: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)}::slotted(ui-menu-item){display:block;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease), color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(ui-menu-item:hover:not([aria-disabled='true']):not([disabled])){background:var(--ui-surface-subtle)}::slotted(ui-menu-item[aria-disabled='true']),::slotted(ui-menu-item[disabled]){opacity:0.6;cursor:not-allowed}`;
14
- var UIMenu = class {
15
- constructor(hostRef) {
16
- registerInstance(this, hostRef);
17
- }
18
- get host() {
19
- return getElement(this);
20
- }
21
- open = false;
22
- defaultOpen = false;
23
- internalOpen = false;
24
- syncFromProp() {
25
- this.internalOpen = this.open;
26
- }
27
- componentDidLoad() {
28
- this.syncFromProp();
29
- this.internalOpen = this.internalOpen || this.defaultOpen;
30
- this.host.addEventListener("click", this.onItemClick);
31
- this.host.addEventListener("keydown", this.onKeydown);
32
- }
33
- disconnectedCallback() {
34
- this.host.removeEventListener("click", this.onItemClick);
35
- this.host.removeEventListener("keydown", this.onKeydown);
36
- }
37
- getItems() {
38
- return Array.from(this.host.querySelectorAll("ui-menu-item"));
39
- }
40
- isItemDisabled(item) {
41
- return item.getAttribute("aria-disabled") === "true" || item.hasAttribute("disabled") || item.getAttribute("disabled") === "true" || item.disabled === true;
42
- }
43
- onItemClick = (e) => {
44
- const item = e.target.closest?.("ui-menu-item");
45
- if (!item || item.getRootNode() !== this.host.getRootNode())
46
- return;
47
- if (this.isItemDisabled(item))
48
- return;
49
- const value = item.getAttribute("value") ?? item.getAttribute("data-value") ?? "";
50
- dispatchDetail(this.host, "select", { value, trigger: eventToTrigger(e) });
51
- dispatchDetail(this.host, "close", {
52
- open: false,
53
- reason: "action",
54
- trigger: eventToTrigger(e)
55
- });
56
- this.internalOpen = false;
57
- };
58
- onKeydown = (e) => {
59
- const items = this.getItems().filter((i) => !this.isItemDisabled(i));
60
- if (items.length === 0)
61
- return;
62
- const target = e.target.closest?.("ui-menu-item");
63
- const currentIndex = target && target instanceof HTMLElement ? items.indexOf(target) : -1;
64
- if (e.key === "Enter" || e.key === " ") {
65
- e.preventDefault();
66
- if (target && currentIndex >= 0) {
67
- const value = target.getAttribute("value") ?? target.getAttribute("data-value") ?? "";
68
- dispatchDetail(this.host, "select", { value, trigger: "keyboard" });
69
- dispatchDetail(this.host, "close", {
70
- open: false,
71
- reason: "action",
72
- trigger: "keyboard"
73
- });
74
- this.internalOpen = false;
75
- }
76
- return;
77
- }
78
- if (e.key === "ArrowDown" || e.key === "ArrowUp") {
79
- e.preventDefault();
80
- const nextIndex = e.key === "ArrowDown" ? currentIndex < 0 ? 0 : Math.min(currentIndex + 1, items.length - 1) : currentIndex <= 0 ? items.length - 1 : currentIndex - 1;
81
- items[nextIndex].focus();
82
- }
83
- };
84
- render() {
85
- return h(Host, { key: "5e463cbbce272c6b6132a839b818deef3e39a532", role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "feea6a21d41a7b27a6270814bcf0b3f3ded394a1" }));
86
- }
87
- static get watchers() {
88
- return {
89
- "open": [{
90
- "syncFromProp": 0
91
- }]
92
- };
93
- }
94
- };
95
- UIMenu.style = uiMenuCss();
96
- export {
97
- UIMenu as ui_menu
98
- };
@@ -1,145 +0,0 @@
1
- import {
2
- closeOverlay,
3
- openOverlay,
4
- requestTopOverlayClose
5
- } from "./chunk-G53JEAQK.js";
6
- import {
7
- dispatchDetail
8
- } from "./chunk-UL7UIUJZ.js";
9
- import {
10
- Host,
11
- getElement,
12
- h,
13
- registerInstance
14
- } from "./chunk-SVINNT3E.js";
15
-
16
- // dist/esm/ui-tooltip.entry.js
17
- var uiTooltipCss = () => `:host{display:inline-block;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);box-shadow:var(--ui-shadow-md)}:host([hidden]){display:none !important}`;
18
- var UITooltip = class {
19
- constructor(hostRef) {
20
- registerInstance(this, hostRef);
21
- }
22
- get host() {
23
- return getElement(this);
24
- }
25
- for = "";
26
- open = false;
27
- defaultOpen = false;
28
- internalOpen = false;
29
- overlayId = `ui-tooltip-${Math.random().toString(36).slice(2, 11)}`;
30
- trigger = null;
31
- syncFromProp() {
32
- this.internalOpen = this.open;
33
- }
34
- syncOverlay() {
35
- if (this.internalOpen) {
36
- openOverlay({
37
- id: this.overlayId,
38
- modal: false,
39
- element: this.host,
40
- dismissible: true,
41
- requestClose: (reason, trigger) => this.handleRequestClose(reason, trigger)
42
- });
43
- } else {
44
- closeOverlay(this.overlayId);
45
- }
46
- }
47
- componentDidLoad() {
48
- this.syncFromProp();
49
- this.internalOpen = this.internalOpen || this.defaultOpen;
50
- this.resolveTrigger();
51
- this.attachTriggerListeners();
52
- this.host.addEventListener("keydown", this.onKeydown);
53
- this.syncOverlay();
54
- }
55
- componentDidUpdate() {
56
- this.resolveTrigger();
57
- this.attachTriggerListeners();
58
- this.syncOverlay();
59
- }
60
- disconnectedCallback() {
61
- this.detachTriggerListeners();
62
- this.host.removeEventListener("keydown", this.onKeydown);
63
- closeOverlay(this.overlayId);
64
- }
65
- resolveTrigger() {
66
- if (this.for) {
67
- this.trigger = document.getElementById(this.for);
68
- } else {
69
- this.trigger = this.host.previousElementSibling;
70
- }
71
- }
72
- attachTriggerListeners() {
73
- this.detachTriggerListeners();
74
- if (!this.trigger)
75
- return;
76
- this.trigger.addEventListener("pointerenter", this.onTriggerEnter);
77
- this.trigger.addEventListener("pointerleave", this.onTriggerLeave);
78
- this.trigger.addEventListener("focusin", this.onTriggerFocusIn);
79
- this.trigger.addEventListener("focusout", this.onTriggerFocusOut);
80
- }
81
- detachTriggerListeners() {
82
- if (!this.trigger)
83
- return;
84
- this.trigger.removeEventListener("pointerenter", this.onTriggerEnter);
85
- this.trigger.removeEventListener("pointerleave", this.onTriggerLeave);
86
- this.trigger.removeEventListener("focusin", this.onTriggerFocusIn);
87
- this.trigger.removeEventListener("focusout", this.onTriggerFocusOut);
88
- }
89
- onTriggerEnter = () => {
90
- this.internalOpen = true;
91
- dispatchDetail(this.host, "open", { open: true, reason: "action", trigger: "pointer" });
92
- this.syncOverlay();
93
- };
94
- onTriggerLeave = () => {
95
- this.internalOpen = false;
96
- dispatchDetail(this.host, "close", { open: false, reason: "action", trigger: "pointer" });
97
- this.syncOverlay();
98
- };
99
- onTriggerFocusIn = () => {
100
- this.internalOpen = true;
101
- dispatchDetail(this.host, "open", { open: true, reason: "action", trigger: "keyboard" });
102
- this.syncOverlay();
103
- };
104
- onTriggerFocusOut = (e) => {
105
- const related = e.relatedTarget;
106
- if (related && this.host.contains(related))
107
- return;
108
- this.internalOpen = false;
109
- dispatchDetail(this.host, "close", { open: false, reason: "action", trigger: "keyboard" });
110
- this.syncOverlay();
111
- };
112
- handleRequestClose(reason, trigger) {
113
- if (reason === "escape") {
114
- this.internalOpen = false;
115
- dispatchDetail(this.host, "close", {
116
- open: false,
117
- reason: "escape",
118
- trigger
119
- });
120
- this.trigger?.focus();
121
- }
122
- }
123
- onKeydown = (e) => {
124
- if (e.key === "Escape") {
125
- requestTopOverlayClose("escape", "keyboard");
126
- }
127
- };
128
- render() {
129
- return h(Host, { key: "64b5f4e7a56cbf5560edc6d7118022a49d5e2786", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "cf6f96689021a42a01b782f0e1d0730b5a9aa1f8" }));
130
- }
131
- static get watchers() {
132
- return {
133
- "open": [{
134
- "syncFromProp": 0
135
- }],
136
- "internalOpen": [{
137
- "syncOverlay": 0
138
- }]
139
- };
140
- }
141
- };
142
- UITooltip.style = uiTooltipCss();
143
- export {
144
- UITooltip as ui_tooltip
145
- };