@overlastic/svelte 0.8.1 → 0.8.3

package/dist/index.cjs

@@ -18,66 +18,351 @@ 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, {
   Overlay: () => Overlay,
   defineOverlay: () => defineOverlay,
   renderOverlay: () => renderOverlay,
-  useExtendOverlay: () => useExtendOverlay
+  useDisclosure: () => useDisclosure
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
-// src/define/constructor.ts
+// src/components/index.ts
 var import_core = require("@overlastic/core");
-
-// src/internal/index.ts
-var injectOverlayKey = Symbol("overlays:svelte");
-var injectOptionsKey = Symbol("overlays:options");
-
-// src/define/constructor.ts
-var constructor = (0, import_core.createConstructor)((Inst, props, options) => {
-  const { container, deferred, context: _context = /* @__PURE__ */ new Map() } = options;
-  function vanish() {
-    app.$destroy();
-    container.remove();
+var import_svelte = require("svelte");
+var __defProp2 = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? `${key}` : key, value);
+function noop() {
+}
+function assign(tar, src) {
+  for (const k in src) tar[k] = src[k];
+  return (
+    /** @type {T & S} */
+    tar
+  );
+}
+function run(fn) {
+  return fn();
+}
+function blank_object() {
+  return /* @__PURE__ */ Object.create(null);
+}
+function run_all(fns) {
+  fns.forEach(run);
+}
+function is_function(thing) {
+  return typeof thing === "function";
+}
+function safe_not_equal(a, b) {
+  return a != a ? b == b : a !== b || a && typeof a === "object" || typeof a === "function";
+}
+function is_empty(obj) {
+  return Object.keys(obj).length === 0;
+}
+function create_slot(definition, ctx, $$scope, fn) {
+  if (definition) {
+    const slot_ctx = get_slot_context(definition, ctx, $$scope, fn);
+    return definition[0](slot_ctx);
   }
-  const context = new Map([..._context.entries()]);
-  context.set(injectOverlayKey, {
-    resolve: deferred.resolve,
-    reject: deferred.reject,
-    deferred,
-    visible: false,
-    vanish
+}
+function get_slot_context(definition, ctx, $$scope, fn) {
+  return definition[1] && fn ? assign($$scope.ctx.slice(), definition[1](fn(ctx))) : $$scope.ctx;
+}
+function get_slot_changes(definition, $$scope, dirty, fn) {
+  if (definition[2] && fn)
+    ;
+  return $$scope.dirty;
+}
+function update_slot_base(slot, slot_definition, ctx, $$scope, slot_changes, get_slot_context_fn) {
+  if (slot_changes) {
+    const slot_context = get_slot_context(slot_definition, ctx, $$scope, get_slot_context_fn);
+    slot.p(slot_context, slot_changes);
+  }
+}
+function get_all_dirty_from_scope($$scope) {
+  if ($$scope.ctx.length > 32) {
+    const dirty = [];
+    const length = $$scope.ctx.length / 32;
+    for (let i = 0; i < length; i++) {
+      dirty[i] = -1;
+    }
+    return dirty;
+  }
+  return -1;
+}
+function insert(target, node, anchor) {
+  target.insertBefore(node, anchor || null);
+}
+function detach(node) {
+  if (node.parentNode) {
+    node.parentNode.removeChild(node);
+  }
+}
+function text(data) {
+  return document.createTextNode(data);
+}
+function empty() {
+  return text("");
+}
+function children(element) {
+  return Array.from(element.childNodes);
+}
+var current_component;
+function set_current_component(component) {
+  current_component = component;
+}
+var dirty_components = [];
+var binding_callbacks = [];
+var render_callbacks = [];
+var flush_callbacks = [];
+var resolved_promise = /* @__PURE__ */ Promise.resolve();
+var update_scheduled = false;
+function schedule_update() {
+  if (!update_scheduled) {
+    update_scheduled = true;
+    resolved_promise.then(flush);
+  }
+}
+function add_render_callback(fn) {
+  render_callbacks.push(fn);
+}
+var seen_callbacks = /* @__PURE__ */ new Set();
+var flushidx = 0;
+function flush() {
+  if (flushidx !== 0) {
+    return;
+  }
+  const saved_component = current_component;
+  do {
+    try {
+      while (flushidx < dirty_components.length) {
+        const component = dirty_components[flushidx];
+        flushidx++;
+        set_current_component(component);
+        update(component.$$);
+      }
+    } catch (e) {
+      dirty_components.length = 0;
+      flushidx = 0;
+      throw e;
+    }
+    set_current_component(null);
+    dirty_components.length = 0;
+    flushidx = 0;
+    while (binding_callbacks.length) binding_callbacks.pop()();
+    for (let i = 0; i < render_callbacks.length; i += 1) {
+      const callback = render_callbacks[i];
+      if (!seen_callbacks.has(callback)) {
+        seen_callbacks.add(callback);
+        callback();
+      }
+    }
+    render_callbacks.length = 0;
+  } while (dirty_components.length);
+  while (flush_callbacks.length) {
+    flush_callbacks.pop()();
+  }
+  update_scheduled = false;
+  seen_callbacks.clear();
+  set_current_component(saved_component);
+}
+function update($$) {
+  if ($$.fragment !== null) {
+    $$.update();
+    run_all($$.before_update);
+    const dirty = $$.dirty;
+    $$.dirty = [-1];
+    $$.fragment && $$.fragment.p($$.ctx, dirty);
+    $$.after_update.forEach(add_render_callback);
+  }
+}
+function flush_render_callbacks(fns) {
+  const filtered = [];
+  const targets = [];
+  render_callbacks.forEach((c) => !fns.includes(c) ? filtered.push(c) : targets.push(c));
+  targets.forEach((c) => c());
+  render_callbacks = filtered;
+}
+var outroing = /* @__PURE__ */ new Set();
+var outros;
+function group_outros() {
+  outros = {
+    r: 0,
+    c: [],
+    p: outros
+    // parent group
+  };
+}
+function check_outros() {
+  if (!outros.r) {
+    run_all(outros.c);
+  }
+  outros = outros.p;
+}
+function transition_in(block, local) {
+  if (block && block.i) {
+    outroing.delete(block);
+    block.i(local);
+  }
+}
+function transition_out(block, local, detach2, callback) {
+  if (block && block.o) {
+    if (outroing.has(block))
+      return;
+    outroing.add(block);
+    outros.c.push(() => {
+      outroing.delete(block);
+      if (callback) {
+        if (detach2)
+          block.d(1);
+        callback();
+      }
+    });
+    block.o(local);
+  } else if (callback) {
+    callback();
+  }
+}
+function mount_component(component, target, anchor) {
+  const { fragment, after_update } = component.$$;
+  fragment && fragment.m(target, anchor);
+  add_render_callback(() => {
+    const new_on_destroy = component.$$.on_mount.map(run).filter(is_function);
+    if (component.$$.on_destroy) {
+      component.$$.on_destroy.push(...new_on_destroy);
+    } else {
+      run_all(new_on_destroy);
+    }
+    component.$$.on_mount = [];
   });
-  const app = new Inst({
-    target: container,
+  after_update.forEach(add_render_callback);
+}
+function destroy_component(component, detaching) {
+  const $$ = component.$$;
+  if ($$.fragment !== null) {
+    flush_render_callbacks($$.after_update);
+    run_all($$.on_destroy);
+    $$.fragment && $$.fragment.d(detaching);
+    $$.on_destroy = $$.fragment = null;
+    $$.ctx = [];
+  }
+}
+function make_dirty(component, i) {
+  if (component.$$.dirty[0] === -1) {
+    dirty_components.push(component);
+    schedule_update();
+    component.$$.dirty.fill(0);
+  }
+  component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
+}
+function init(component, options, instance2, create_fragment2, not_equal, props, append_styles = null, dirty = [-1]) {
+  const parent_component = current_component;
+  set_current_component(component);
+  const $$ = component.$$ = {
+    fragment: null,
+    ctx: [],
+    // state
     props,
-    context
-  });
-});
-
-// src/define/index.ts
-var defineOverlay = constructor.define;
-var renderOverlay = constructor.render;
-
-// src/composable/define.ts
-var import_svelte = require("svelte");
-function useExtendOverlay(options = {}) {
-  (0, import_svelte.setContext)(injectOptionsKey, options);
-  return (0, import_svelte.getContext)(injectOverlayKey);
+    update: noop,
+    not_equal,
+    bound: blank_object(),
+    // lifecycle
+    on_mount: [],
+    on_destroy: [],
+    on_disconnect: [],
+    before_update: [],
+    after_update: [],
+    context: new Map(options.context || (parent_component ? parent_component.$$.context : [])),
+    // everything else
+    callbacks: blank_object(),
+    dirty,
+    skip_bound: false,
+    root: options.target || parent_component.$$.root
+  };
+  append_styles && append_styles($$.root);
+  let ready = false;
+  $$.ctx = instance2 ? instance2(component, options.props || {}, (i, ret, ...rest) => {
+    const value = rest.length ? rest[0] : ret;
+    if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+      if (!$$.skip_bound && $$.bound[i])
+        $$.bound[i](value);
+      if (ready)
+        make_dirty(component, i);
+    }
+    return ret;
+  }) : [];
+  $$.update();
+  ready = true;
+  run_all($$.before_update);
+  $$.fragment = create_fragment2 ? create_fragment2($$.ctx) : false;
+  if (options.target) {
+    if (options.hydrate) {
+      const nodes = children(options.target);
+      $$.fragment && $$.fragment.l(nodes);
+      nodes.forEach(detach);
+    } else {
+      $$.fragment && $$.fragment.c();
+    }
+    if (options.intro)
+      transition_in(component.$$.fragment);
+    mount_component(component, options.target, options.anchor);
+    flush();
+  }
+  set_current_component(parent_component);
 }
-
-// src/components/index.ts
-var import_svelte2 = require("svelte");
-var import_core2 = require("@overlastic/core");
-var import_internal3 = require("svelte/internal");
+var SvelteComponent = class {
+  constructor() {
+    __publicField(this, "$$");
+    __publicField(this, "$$set");
+  }
+  /** @returns {void} */
+  $destroy() {
+    destroy_component(this, 1);
+    this.$destroy = noop;
+  }
+  /**
+   * @template {Extract<keyof Events, string>} K
+   * @param {K} type
+   * @param {((e: Events[K]) => void) | null | undefined} callback
+   * @returns {() => void}
+   */
+  $on(type, callback) {
+    if (!is_function(callback)) {
+      return noop;
+    }
+    const callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+    callbacks.push(callback);
+    return () => {
+      const index = callbacks.indexOf(callback);
+      if (index !== -1)
+        callbacks.splice(index, 1);
+    };
+  }
+  /**
+   * @param {Partial<Props>} props
+   * @returns {void}
+   */
+  $set(props) {
+    if (this.$$set && !is_empty(props)) {
+      this.$$.skip_bound = true;
+      this.$$set(props);
+      this.$$.skip_bound = false;
+    }
+  }
+};
+var PUBLIC_VERSION = "4";
+if (typeof window !== "undefined")
+  (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(PUBLIC_VERSION);
+var injectOverlayKey = Symbol("overlays:svelte");
+var injectOptionsKey = Symbol("overlays:options");
 function create_if_block(ctx) {
   let current;
   const default_slot_template = (
     /* #slots */
     ctx[2].default
   );
-  const default_slot = (0, import_internal3.create_slot)(
+  const default_slot = create_slot(
     default_slot_template,
     ctx,
     /* $$scope */
@@ -90,23 +375,24 @@ function create_if_block(ctx) {
         default_slot.c();
     },
     m(target, anchor) {
-      if (default_slot)
+      if (default_slot) {
         default_slot.m(target, anchor);
+      }
       current = true;
     },
     p(ctx2, dirty) {
       if (default_slot) {
         if (default_slot.p && (!current || dirty & 2)) {
-          (0, import_internal3.update_slot_base)(
+          update_slot_base(
             default_slot,
             default_slot_template,
             ctx2,
             /* $$scope */
             ctx2[1],
-            !current ? (0, import_internal3.get_all_dirty_from_scope)(
+            !current ? get_all_dirty_from_scope(
               /* $$scope */
               ctx2[1]
-            ) : (0, import_internal3.get_slot_changes)(
+            ) : get_slot_changes(
               default_slot_template,
               /* $$scope */
               ctx2[1],
@@ -121,11 +407,11 @@ function create_if_block(ctx) {
     i(local) {
       if (current)
         return;
-      (0, import_internal3.transition_in)(default_slot, local);
+      transition_in(default_slot, local);
       current = true;
     },
     o(local) {
-      (0, import_internal3.transition_out)(default_slot, local);
+      transition_out(default_slot, local);
       current = false;
     },
     d(detaching) {
@@ -145,12 +431,12 @@ function create_fragment(ctx) {
     c() {
       if (if_block)
         if_block.c();
-      if_block_anchor = (0, import_internal3.empty)();
+      if_block_anchor = empty();
     },
     m(target, anchor) {
       if (if_block)
         if_block.m(target, anchor);
-      (0, import_internal3.insert)(target, if_block_anchor, anchor);
+      insert(target, if_block_anchor, anchor);
       current = true;
     },
     p(ctx2, [dirty]) {
@@ -160,53 +446,53 @@ function create_fragment(ctx) {
       ) {
         if (if_block) {
           if_block.p(ctx2, dirty);
-          if (dirty & 1)
-            (0, import_internal3.transition_in)(if_block, 1);
+          if (dirty & 1) {
+            transition_in(if_block, 1);
+          }
         } else {
           if_block = create_if_block(ctx2);
           if_block.c();
-          (0, import_internal3.transition_in)(if_block, 1);
+          transition_in(if_block, 1);
           if_block.m(if_block_anchor.parentNode, if_block_anchor);
         }
       } else if (if_block) {
-        (0, import_internal3.group_outros)();
-        (0, import_internal3.transition_out)(if_block, 1, 1, () => {
+        group_outros();
+        transition_out(if_block, 1, 1, () => {
           if_block = null;
         });
-        (0, import_internal3.check_outros)();
+        check_outros();
       }
     },
-    i() {
+    i(local) {
       if (current)
         return;
-      (0, import_internal3.transition_in)(if_block);
+      transition_in(if_block);
       current = true;
     },
-    o() {
-      (0, import_internal3.transition_out)(if_block);
+    o(local) {
+      transition_out(if_block);
       current = false;
     },
     d(detaching) {
+      if (detaching) {
+        detach(if_block_anchor);
+      }
       if (if_block)
         if_block.d(detaching);
-      if (detaching)
-        (0, import_internal3.detach)(if_block_anchor);
     }
   };
 }
 function instance($$self, $$props, $$invalidate) {
   let { $$slots: slots = {}, $$scope } = $$props;
   let { visible = false } = $$props;
-  const { duration = 0, immediate = true } = (0, import_svelte2.getContext)(injectOptionsKey) || {};
-  const { deferred, vanish } = (0, import_svelte2.getContext)(injectOverlayKey);
-  async function destroy() {
+  const { duration = 0 } = (0, import_svelte.getContext)(injectOptionsKey) || {};
+  const { deferred, vanish } = (0, import_svelte.getContext)(injectOverlayKey);
+  deferred == null ? void 0 : deferred.finally(async () => {
     $$invalidate(0, visible = false);
-    await (0, import_core2.delay)(duration);
-    vanish == null ? void 0 : vanish();
-    return Promise.resolve();
-  }
-  (0, import_svelte2.onMount)(() => immediate && $$invalidate(0, visible = true));
-  deferred == null ? void 0 : deferred.then(destroy).catch(destroy);
+    await (0, import_core.delay)(duration);
+    vanish();
+  });
+  (0, import_svelte.onMount)(() => $$invalidate(0, visible = true));
   $$self.$$set = ($$props2) => {
     if ("visible" in $$props2)
       $$invalidate(0, visible = $$props2.visible);
@@ -215,16 +501,57 @@ function instance($$self, $$props, $$invalidate) {
   };
   return [visible, $$scope, slots];
 }
-var Overlay = class extends import_internal3.SvelteComponentTyped {
+var _Overlay = class extends SvelteComponent {
   constructor(options) {
-    super(options);
-    (0, import_internal3.init)(this, options, instance, create_fragment, import_internal3.safe_not_equal, { visible: 0 }, import_internal3.noop);
+    super();
+    init(this, options, instance, create_fragment, safe_not_equal, { visible: 0 });
   }
 };
+var Overlay = _Overlay;
+
+// src/composable/define.ts
+var import_svelte2 = require("svelte");
+
+// src/internal/index.ts
+var injectOverlayKey2 = Symbol("overlays:svelte");
+var injectOptionsKey2 = Symbol("overlays:options");
+
+// src/composable/define.ts
+function useDisclosure(options = {}) {
+  (0, import_svelte2.setContext)(injectOptionsKey2, options);
+  return (0, import_svelte2.getContext)(injectOverlayKey2);
+}
+
+// src/define/constructor.ts
+var import_core2 = require("@overlastic/core");
+var constructor = (0, import_core2.createConstructor)((Inst, props, options) => {
+  const { container, deferred, context: _context = /* @__PURE__ */ new Map() } = options;
+  function vanish() {
+    app.$destroy();
+    container.remove();
+  }
+  const context = new Map([..._context.entries()]);
+  context.set(injectOverlayKey2, {
+    confirm: deferred.confirm,
+    cannel: deferred.cancel,
+    deferred,
+    visible: false,
+    vanish
+  });
+  const app = new Inst({
+    target: container,
+    props,
+    context
+  });
+});
+
+// src/define/index.ts
+var defineOverlay = constructor.define;
+var renderOverlay = constructor.render;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Overlay,
   defineOverlay,
   renderOverlay,
-  useExtendOverlay
+  useDisclosure
 });

package/dist/index.d.cts

@@ -1,21 +1,13 @@
 import * as _overlastic_core from '@overlastic/core';
 import { Deferred } from '@overlastic/core';
-import { ComponentConstructorOptions } from 'svelte';
-import { SvelteComponentTyped } from 'svelte/internal';
 
-interface SMountOptions {
-    /** current app context */
-    context?: Map<any, any>;
-}
-
-declare const defineOverlay: <Props, Resolved = void>(instance: any, options?: _overlastic_core.MountOptions<SMountOptions> | undefined) => _overlastic_core.ImperativeOverlay<Props, Resolved, SMountOptions>;
-declare const renderOverlay: <Props, Resolved = void>(instance: any, props?: Props | undefined, options?: _overlastic_core.MountOptions<SMountOptions> | undefined) => Promise<Resolved>;
+declare const Overlay: any;
 
-interface ExtendOverlayReturn {
-    /** the notification reject, modify visible, and destroy it after the duration ends */
-    reject: (reason?: any) => void;
+interface UseDisclosureReturn {
+    /** the notification cancel, modify visible, and destroy it after the duration ends */
+    cancel: (reason?: any) => void;
     /** the notification resolve, modify visible, and destroy it after the duration ends */
-    resolve: (value?: any) => void;
+    confirm: (value?: any) => void;
     /** destroy the current instance (immediately) */
     vanish: () => void;
     /** visible control popup display and hide */
@@ -23,18 +15,20 @@ interface ExtendOverlayReturn {
     deferred?: Deferred<any>;
 }
 
-interface ExtendOverlayOptions {
+interface UseDisclosureOptions {
     /** animation duration to avoid premature destruction of components */
     duration?: number;
     /** whether to set visible to true immediately */
     immediate?: boolean;
 }
-declare function useExtendOverlay(options?: ExtendOverlayOptions): ExtendOverlayReturn;
+declare function useDisclosure(options?: UseDisclosureOptions): UseDisclosureReturn;
 
-declare class Overlay extends SvelteComponentTyped<{
-    visible?: boolean;
-}> {
-    constructor(options: ComponentConstructorOptions);
+interface SMountOptions {
+    /** current app context */
+    context?: Map<any, any>;
 }
 
-export { type ExtendOverlayOptions, type ExtendOverlayReturn, Overlay, defineOverlay, renderOverlay, useExtendOverlay };
+declare const defineOverlay: <Props, Resolved = void>(instance: any, options?: _overlastic_core.MountOptions<SMountOptions> | undefined) => _overlastic_core.ImperativeOverlay<Props, Resolved, SMountOptions>;
+declare const renderOverlay: <Props, Resolved = void>(instance: any, props?: Props | undefined, options?: _overlastic_core.MountOptions<SMountOptions> | undefined) => Promise<Resolved>;
+
+export { Overlay, type UseDisclosureOptions, type UseDisclosureReturn, defineOverlay, renderOverlay, useDisclosure };