@overlastic/vanilla 0.8.0 → 0.8.3

package/dist/index.cjs

@@ -18,16 +18,13 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   defineOverlay: () => defineOverlay,
   renderOverlay: () => renderOverlay,
-  useExtendOverlay: () => useExtendOverlay
+  useDisclosure: () => useDisclosure
 });
-module.exports = __toCommonJS(src_exports);
-
-// src/define/constructor.ts
-var import_core = require("@overlastic/core");
+module.exports = __toCommonJS(index_exports);
 
 // src/internal/index.ts
 var context = {
@@ -50,15 +47,25 @@ function useOptions() {
   return context.options || {};
 }
 
+// src/composable/define.ts
+function useDisclosure(options) {
+  const trigger = context.trigger;
+  if (!trigger)
+    throw new Error("Please execute in the overlays constructor");
+  setupOptions(options);
+  return trigger;
+}
+
 // src/define/constructor.ts
+var import_core = require("@overlastic/core");
 var constructor = (0, import_core.createConstructor)((Inst, props, options) => {
   const { container, deferred } = options;
   function vanish() {
     container.remove();
   }
   setupTrigger({
-    resolve: deferred.resolve,
-    reject: deferred.reject,
+    confirm: deferred.confirm,
+    cancel: deferred.cancel,
     deferred,
     vanish
   });
@@ -81,18 +88,9 @@ function parseElement(component, props) {
 // src/define/index.ts
 var defineOverlay = constructor.define;
 var renderOverlay = constructor.render;
-
-// src/composable/define.ts
-function useExtendOverlay(options) {
-  const trigger = context.trigger;
-  if (!trigger)
-    throw new Error("Please execute in the overlays constructor");
-  setupOptions(options);
-  return trigger;
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   defineOverlay,
   renderOverlay,
-  useExtendOverlay
+  useDisclosure
 });

package/dist/index.d.cts

@@ -1,6 +1,12 @@
 import * as _overlastic_core from '@overlastic/core';
 import { Deferred } from '@overlastic/core';
 
+interface ExtendOverlayOptions {
+    /** animation duration to avoid premature destruction of components */
+    duration?: number;
+}
+declare function useDisclosure(options?: ExtendOverlayOptions): Context<void>;
+
 interface EFComponent<T = any> {
     (props: T): HTMLElement;
 }
@@ -10,16 +16,10 @@ declare const defineOverlay: <Props, Resolved = void>(instance: ElementComponent
 declare const renderOverlay: <Props, Resolved = void>(instance: ElementComponent, props?: Props | undefined, options?: _overlastic_core.GlobalMountOptions | undefined) => Promise<Resolved>;
 
 interface Context<T = void> {
-    resolve: Deferred<T>['resolve'];
-    reject: Deferred<T>['reject'];
+    confirm: Deferred<T>['confirm'];
+    cancel: Deferred<T>['cancel'];
     deferred: Deferred<T>;
     vanish: () => void;
 }
 
-interface ExtendOverlayOptions {
-    /** animation duration to avoid premature destruction of components */
-    duration?: number;
-}
-declare function useExtendOverlay(options?: ExtendOverlayOptions): Context<void>;
-
-export { type Context, type ExtendOverlayOptions, defineOverlay, renderOverlay, useExtendOverlay };
+export { type Context, type ExtendOverlayOptions, defineOverlay, renderOverlay, useDisclosure };

package/dist/index.d.ts

@@ -1,6 +1,12 @@
 import * as _overlastic_core from '@overlastic/core';
 import { Deferred } from '@overlastic/core';
 
+interface ExtendOverlayOptions {
+    /** animation duration to avoid premature destruction of components */
+    duration?: number;
+}
+declare function useDisclosure(options?: ExtendOverlayOptions): Context<void>;
+
 interface EFComponent<T = any> {
     (props: T): HTMLElement;
 }
@@ -10,16 +16,10 @@ declare const defineOverlay: <Props, Resolved = void>(instance: ElementComponent
 declare const renderOverlay: <Props, Resolved = void>(instance: ElementComponent, props?: Props | undefined, options?: _overlastic_core.GlobalMountOptions | undefined) => Promise<Resolved>;
 
 interface Context<T = void> {
-    resolve: Deferred<T>['resolve'];
-    reject: Deferred<T>['reject'];
+    confirm: Deferred<T>['confirm'];
+    cancel: Deferred<T>['cancel'];
     deferred: Deferred<T>;
     vanish: () => void;
 }
 
-interface ExtendOverlayOptions {
-    /** animation duration to avoid premature destruction of components */
-    duration?: number;
-}
-declare function useExtendOverlay(options?: ExtendOverlayOptions): Context<void>;
-
-export { type Context, type ExtendOverlayOptions, defineOverlay, renderOverlay, useExtendOverlay };
+export { type Context, type ExtendOverlayOptions, defineOverlay, renderOverlay, useDisclosure };

package/dist/index.global.js

@@ -19,13 +19,61 @@ var OverlaysVanilla = (() => {
   var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
   // src/index.ts
-  var src_exports = {};
-  __export(src_exports, {
+  var index_exports = {};
+  __export(index_exports, {
     defineOverlay: () => defineOverlay,
     renderOverlay: () => renderOverlay,
-    useExtendOverlay: () => useExtendOverlay
+    useDisclosure: () => useDisclosure
   });
 
+  // src/internal/index.ts
+  var context = {
+    trigger: void 0,
+    options: void 0
+  };
+  function setupTrigger(c) {
+    context.trigger = c;
+  }
+  function clearTrigger() {
+    context.trigger = void 0;
+  }
+  function setupOptions(o = {}) {
+    context.options = o;
+  }
+  function clearOptions() {
+    context.options = void 0;
+  }
+  function useOptions() {
+    return context.options || {};
+  }
+
+  // src/composable/define.ts
+  function useDisclosure(options) {
+    const trigger = context.trigger;
+    if (!trigger)
+      throw new Error("Please execute in the overlays constructor");
+    setupOptions(options);
+    return trigger;
+  }
+
+  // ../@core/src/deferred.ts
+  function createDeferred() {
+    let confirm, cancel;
+    const promise = new Promise((_confirm, _cancel) => {
+      confirm = _confirm;
+      cancel = _cancel;
+    });
+    promise.confirm = (v) => {
+      confirm(v);
+      return promise;
+    };
+    promise.close = () => {
+      confirm();
+    };
+    promise.cancel = cancel;
+    return promise;
+  }
+
   // ../@core/src/define/global.ts
   var UnifiedOverlayProviderID = "unified-overlay";
   function defineGlobalElement(id = "", root = document.body) {
@@ -38,36 +86,21 @@ var OverlaysVanilla = (() => {
   }
 
   // ../@core/src/internal/index.ts
-  var context = {
+  var context2 = {
     position: null,
     spaces: {}
   };
 
   // ../@core/src/define/name-index.ts
   function defineName(id = UnifiedOverlayProviderID, auto = true) {
-    if (!context.spaces[id])
-      context.spaces[id] = 0;
+    if (!context2.spaces[id])
+      context2.spaces[id] = 0;
     if (auto)
-      return `${id}--${++context.spaces[id]}`;
+      return `${id}--${++context2.spaces[id]}`;
     return id;
   }
   function getIndex(id = UnifiedOverlayProviderID) {
-    return context.spaces[id] || 0;
-  }
-
-  // ../@core/src/deferred.ts
-  function createDeferred() {
-    let resolve, reject;
-    const promise = new Promise((_resolve, _reject) => {
-      resolve = _resolve;
-      reject = _reject;
-    });
-    promise.resolve = (v) => {
-      resolve(v);
-      return promise;
-    };
-    promise.reject = reject;
-    return promise;
+    return context2.spaces[id] || 0;
   }
 
   // ../@core/src/events/index.ts
@@ -78,14 +111,14 @@ var OverlaysVanilla = (() => {
       if (event.target instanceof Element) {
         const { left, top, width, height } = event.target.getBoundingClientRect();
         if (left > 0 || top > 0) {
-          context.position = { x: left + width / 2, y: top + height / 2 };
+          context2.position = { x: left + width / 2, y: top + height / 2 };
         } else {
-          context.position = null;
+          context2.position = null;
         }
       } else {
-        context.position = null;
+        context2.position = null;
       }
-      setTimeout(() => context.position = null, 64);
+      setTimeout(() => context2.position = null, 64);
     });
   }
 
@@ -97,9 +130,10 @@ var OverlaysVanilla = (() => {
         const deferred = createDeferred();
         const name = defineName(options3.id, options3.autoIncrement);
         const index = getIndex(options3.id);
-        const container = globalContainer ? defineGlobalElement(name, options3.root) : document.body;
+        const root = globalContainer ? options3.root : document.body;
+        const container = defineGlobalElement(name, root);
         mount(instance, props, Object.assign(options3, {
-          position: context.position,
+          position: context2.position,
           id: name,
           deferred,
           index,
@@ -130,28 +164,7 @@ var OverlaysVanilla = (() => {
 
   // ../@core/src/utils/util.ts
   function delay(milliseconds) {
-    return new Promise((resolve) => setTimeout(resolve, milliseconds));
-  }
-
-  // src/internal/index.ts
-  var context2 = {
-    trigger: void 0,
-    options: void 0
-  };
-  function setupTrigger(c) {
-    context2.trigger = c;
-  }
-  function clearTrigger() {
-    context2.trigger = void 0;
-  }
-  function setupOptions(o = {}) {
-    context2.options = o;
-  }
-  function clearOptions() {
-    context2.options = void 0;
-  }
-  function useOptions() {
-    return context2.options || {};
+    return new Promise((confirm) => setTimeout(confirm, milliseconds));
   }
 
   // src/define/constructor.ts
@@ -161,8 +174,8 @@ var OverlaysVanilla = (() => {
       container.remove();
     }
     setupTrigger({
-      resolve: deferred.resolve,
-      reject: deferred.reject,
+      confirm: deferred.confirm,
+      cancel: deferred.cancel,
       deferred,
       vanish
     });
@@ -185,14 +198,5 @@ var OverlaysVanilla = (() => {
   // src/define/index.ts
   var defineOverlay = constructor.define;
   var renderOverlay = constructor.render;
-
-  // src/composable/define.ts
-  function useExtendOverlay(options) {
-    const trigger = context2.trigger;
-    if (!trigger)
-      throw new Error("Please execute in the overlays constructor");
-    setupOptions(options);
-    return trigger;
-  }
-  return __toCommonJS(src_exports);
+  return __toCommonJS(index_exports);
 })();

package/dist/index.js

@@ -1,6 +1,3 @@
-// src/define/constructor.ts
-import { createConstructor, delay } from "@overlastic/core";
-
 // src/internal/index.ts
 var context = {
   trigger: void 0,
@@ -22,15 +19,25 @@ function useOptions() {
   return context.options || {};
 }
 
+// src/composable/define.ts
+function useDisclosure(options) {
+  const trigger = context.trigger;
+  if (!trigger)
+    throw new Error("Please execute in the overlays constructor");
+  setupOptions(options);
+  return trigger;
+}
+
 // src/define/constructor.ts
+import { createConstructor, delay } from "@overlastic/core";
 var constructor = createConstructor((Inst, props, options) => {
   const { container, deferred } = options;
   function vanish() {
     container.remove();
   }
   setupTrigger({
-    resolve: deferred.resolve,
-    reject: deferred.reject,
+    confirm: deferred.confirm,
+    cancel: deferred.cancel,
     deferred,
     vanish
   });
@@ -53,17 +60,8 @@ function parseElement(component, props) {
 // src/define/index.ts
 var defineOverlay = constructor.define;
 var renderOverlay = constructor.render;
-
-// src/composable/define.ts
-function useExtendOverlay(options) {
-  const trigger = context.trigger;
-  if (!trigger)
-    throw new Error("Please execute in the overlays constructor");
-  setupOptions(options);
-  return trigger;
-}
 export {
   defineOverlay,
   renderOverlay,
-  useExtendOverlay
+  useDisclosure
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@overlastic/vanilla",
   "type": "module",
-  "version": "0.8.0",
+  "version": "0.8.3",
   "license": "MIT",
   "homepage": "https://github.com/hairyf/overlastic#readme",
   "repository": {
@@ -25,7 +25,7 @@
     "dist"
   ],
   "dependencies": {
-    "@overlastic/core": "^0.8.0"
+    "@overlastic/core": "^0.8.3"
   },
   "scripts": {
     "build": "tsup src/index.ts",