@prosekit/web 0.3.19 → 0.4.1

package/dist/prosekit-web-resizable.js

@@ -1,16 +1,7 @@
-import {
-  defineCustomElement
-} from "./chunk-LCDA7GFP.js";
-
 // src/components/resizable/resizable-handle/element.gen.ts
-import { ElementBuilder } from "@aria-ui/core";
-
-// src/components/resizable/resizable-handle/props.ts
-var defaultResizableHandleProps = {
-  position: "bottom-right"
-};
+import { defineCustomElement, registerCustomElement } from "@aria-ui/core";
 
-// src/components/resizable/resizable-handle/state.ts
+// src/components/resizable/resizable-handle/setup.ts
 import {
   createSignal,
   useEffect
@@ -115,8 +106,8 @@ var calcLeftResize = (w, h, dx, dy, r) => {
   return [w, h];
 };
 
-// src/components/resizable/resizable-handle/state.ts
-function useResizableHandle(host, state) {
+// src/components/resizable/resizable-handle/setup.ts
+function useResizableHandle(host, { state }) {
   const onResize = onResizeContext.consume(host);
   const onResizeStart = onResizeStartContext.consume(host);
   const onResizeEnd = onResizeEndContext.consume(host);
@@ -182,50 +173,51 @@ function useResizableHandleState(host, state, context) {
   });
 }
 
+// src/components/resizable/resizable-handle/types.ts
+var resizableHandleProps = {
+  position: { default: "bottom-right" }
+};
+var resizableHandleEvents = {};
+
 // src/components/resizable/resizable-handle/element.gen.ts
-var ResizableHandleElement = class extends ElementBuilder(useResizableHandle, defaultResizableHandleProps) {
+var ResizableHandleElement = class extends defineCustomElement({
+  props: resizableHandleProps,
+  events: resizableHandleEvents,
+  setup: useResizableHandle
+}) {
 };
-defineCustomElement("prosekit-resizable-handle", ResizableHandleElement);
+registerCustomElement("prosekit-resizable-handle", ResizableHandleElement);
 
 // src/components/resizable/resizable-root/element.gen.ts
-import { ElementBuilder as ElementBuilder2 } from "@aria-ui/core";
-
-// src/components/resizable/resizable-root/props.ts
-var defaultResizableRootProps = {
-  width: null,
-  height: null,
-  aspectRatio: null,
-  onSizeChangeStart: null,
-  onSizeChange: null,
-  onSizeChangeEnd: null
-};
+import { defineCustomElement as defineCustomElement2, registerCustomElement as registerCustomElement2 } from "@aria-ui/core";
 
-// src/components/resizable/resizable-root/state.ts
+// src/components/resizable/resizable-root/setup.ts
 import {
   createSignal as createSignal2,
+  useAttribute,
   useEffect as useEffect2
 } from "@aria-ui/core";
-function useResizableRoot(host, state) {
+function useResizableRoot(host, { state, emit }) {
+  const resizing = createSignal2(false);
   const onResizeStart = () => {
-    var _a, _b;
+    var _a;
     const { width, height } = host.getBoundingClientRect();
     let aspectRatio = (_a = state.aspectRatio.peek()) != null ? _a : width / height;
     if (!isFinitePositiveNumber(aspectRatio)) {
       aspectRatio = 0;
     }
-    (_b = state.onSizeChangeStart.peek()) == null ? void 0 : _b({ width, height });
+    emit("resizeStart", { width, height });
+    resizing.set(true);
     return [width, height, aspectRatio];
   };
   const onResize = (width, height) => {
-    var _a;
-    (_a = state.onSizeChange.peek()) == null ? void 0 : _a({ width, height });
     state.width.set(width);
     state.height.set(height);
   };
   const onResizeEnd = () => {
-    var _a;
     const { width, height } = host.getBoundingClientRect();
-    (_a = state.onSizeChangeEnd.peek()) == null ? void 0 : _a({ width, height });
+    emit("resizeEnd", { width, height });
+    resizing.set(false);
   };
   onResizeStartContext.provide(host, createSignal2(onResizeStart));
   onResizeContext.provide(host, createSignal2(onResize));
@@ -233,11 +225,12 @@ function useResizableRoot(host, state) {
   useEffect2(host, () => {
     updateResizableRootStyles(
       host,
-      state.width.get(),
-      state.height.get(),
+      Math.max(state.width.get() || 0, 1),
+      Math.max(state.height.get() || 0, 1),
       state.aspectRatio.get()
     );
   });
+  useAttribute(host, "data-resizing", () => resizing.get() ? "" : void 0);
 }
 function updateResizableRootStyles(host, width, height, aspectRatio) {
   host.style.width = isFinitePositiveNumber(width) ? `${width}px` : "";
@@ -247,18 +240,35 @@ function updateResizableRootStyles(host, width, height, aspectRatio) {
     if (width && width > 0 && aspectRatio >= 1) {
       host.style.height = "auto";
     } else if (height && height > 0 && aspectRatio <= 1) {
-      host.style.width = "auto";
+      host.style.width = "min-content";
     }
   }
 }
 
+// src/components/resizable/resizable-root/types.ts
+var resizableRootProps = {
+  width: { default: null },
+  height: { default: null },
+  aspectRatio: { default: null }
+};
+var resizableRootEvents = {
+  resizeStart: {},
+  resizeEnd: {}
+};
+
 // src/components/resizable/resizable-root/element.gen.ts
-var ResizableRootElement = class extends ElementBuilder2(useResizableRoot, defaultResizableRootProps) {
+var ResizableRootElement = class extends defineCustomElement2({
+  props: resizableRootProps,
+  events: resizableRootEvents,
+  setup: useResizableRoot
+}) {
 };
-defineCustomElement("prosekit-resizable-root", ResizableRootElement);
+registerCustomElement2("prosekit-resizable-root", ResizableRootElement);
 export {
   ResizableHandleElement,
   ResizableRootElement,
-  defaultResizableHandleProps,
-  defaultResizableRootProps
+  resizableHandleEvents,
+  resizableHandleProps,
+  resizableRootEvents,
+  resizableRootProps
 };

package/dist/prosekit-web-table-handle.d.ts

@@ -1,21 +1,35 @@
 export { TableHandleColumnRootElement } from './_tsup-dts-rollup';
-export { defaultTableHandleColumnRootProps } from './_tsup-dts-rollup';
+export { tableHandleColumnRootEvents } from './_tsup-dts-rollup';
+export { tableHandleColumnRootProps } from './_tsup-dts-rollup';
+export { TableHandleColumnRootEvents } from './_tsup-dts-rollup';
 export { TableHandleColumnRootProps } from './_tsup-dts-rollup';
 export { TableHandleColumnTriggerElement } from './_tsup-dts-rollup';
-export { defaultTableHandleColumnTriggerProps } from './_tsup-dts-rollup';
+export { tableHandleColumnTriggerEvents } from './_tsup-dts-rollup';
+export { tableHandleColumnTriggerProps } from './_tsup-dts-rollup';
+export { TableHandleColumnTriggerEvents } from './_tsup-dts-rollup';
 export { TableHandleColumnTriggerProps } from './_tsup-dts-rollup';
 export { TableHandlePopoverContentElement } from './_tsup-dts-rollup';
-export { defaultTableHandlePopoverContentProps } from './_tsup-dts-rollup';
+export { tableHandlePopoverContentEvents } from './_tsup-dts-rollup';
+export { tableHandlePopoverContentProps } from './_tsup-dts-rollup';
+export { TableHandlePopoverContentEvents } from './_tsup-dts-rollup';
 export { TableHandlePopoverContentProps } from './_tsup-dts-rollup';
 export { TableHandlePopoverItemElement } from './_tsup-dts-rollup';
-export { defaultTableHandlePopoverItemProps } from './_tsup-dts-rollup';
+export { tableHandlePopoverItemEvents } from './_tsup-dts-rollup';
+export { tableHandlePopoverItemProps } from './_tsup-dts-rollup';
+export { TableHandlePopoverItemEvents } from './_tsup-dts-rollup';
 export { TableHandlePopoverItemProps } from './_tsup-dts-rollup';
 export { TableHandleRootElement } from './_tsup-dts-rollup';
-export { defaultTableHandleRootProps } from './_tsup-dts-rollup';
+export { tableHandleRootEvents } from './_tsup-dts-rollup';
+export { tableHandleRootProps } from './_tsup-dts-rollup';
+export { TableHandleRootEvents } from './_tsup-dts-rollup';
 export { TableHandleRootProps } from './_tsup-dts-rollup';
 export { TableHandleRowRootElement } from './_tsup-dts-rollup';
-export { defaultTableHandleRowRootProps } from './_tsup-dts-rollup';
+export { tableHandleRowRootEvents } from './_tsup-dts-rollup';
+export { tableHandleRowRootProps } from './_tsup-dts-rollup';
+export { TableHandleRowRootEvents } from './_tsup-dts-rollup';
 export { TableHandleRowRootProps } from './_tsup-dts-rollup';
 export { TableHandleRowTriggerElement } from './_tsup-dts-rollup';
-export { defaultTableHandleRowTriggerProps } from './_tsup-dts-rollup';
+export { tableHandleRowTriggerEvents } from './_tsup-dts-rollup';
+export { tableHandleRowTriggerProps } from './_tsup-dts-rollup';
+export { TableHandleRowTriggerEvents } from './_tsup-dts-rollup';
 export { TableHandleRowTriggerProps } from './_tsup-dts-rollup';