@polyipseity/obsidian-plugin-library 1.25.1 → 1.27.0

package/dist/index.js

@@ -62,7 +62,9 @@ var require_lz_string = __commonJS({
             return keyStrBase64.charAt(a);
           });
           switch (res.length % 4) {
+            // To produce valid Base64
             default:
+            // When could this happen ?
             case 0:
               return res;
             case 1:
@@ -1206,13 +1208,6 @@ var init_translation49 = __esm({
   }
 });
 
-// sources/util.ts
-import {
-  check_outros as $checkOutros,
-  group_outros as $groupOutros,
-  transition_out as $transitionOut
-} from "svelte/internal";
-
 // sources/types.ts
 import SemVer from "semver/classes/semver.js";
 var NULL_SEM_VER_STRING = semVerString("0.0.0");
@@ -1514,10 +1509,10 @@ async function copyOnWriteAsync(obj, mutator) {
   await mutator(ret);
   return simplifyType(deepFreeze(ret));
 }
-function createChildElement(element2, type, callback = (_element) => {
+function createChildElement(element, type, callback = (_element) => {
 }, options) {
-  const ret = element2.ownerDocument.createElement(type, options);
-  element2.append(ret);
+  const ret = element.ownerDocument.createElement(type, options);
+  element.append(ret);
   callback(ret);
   return ret;
 }
@@ -1541,23 +1536,6 @@ function deepFreeze0(value, freezing) {
   }
   return Object.freeze(value);
 }
-function destroyWithOutro(self0) {
-  const { $$: { fragment } } = self0;
-  if (fragment !== false && fragment) {
-    try {
-      $groupOutros();
-      $transitionOut(fragment, 0, 0, () => {
-        self0.$destroy();
-      });
-      $checkOutros();
-    } catch (error) {
-      self.console.error(error);
-      self0.$destroy();
-    }
-  } else {
-    self0.$destroy();
-  }
-}
 function escapeJavaScriptString(value) {
   return `\`${value.replace(/(?<char>`|\\|\$)/ug, "\\$<char>")}\``;
 }
@@ -1597,10 +1575,13 @@ function typedOwnKeys(self0) {
   return Reflect.ownKeys(self0);
 }
 function typedKeys() {
-  return (obj) => deepFreeze(Object.keys(obj));
+  return (obj) => (
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion
+    deepFreeze(Object.keys(obj))
+  );
 }
-function inSet(set, obj) {
-  return contravariant(set).includes(obj);
+function inSet(set2, obj) {
+  return contravariant(set2).includes(obj);
 }
 function insertAt(self0, index, ...items) {
   self0.splice(index, 0, ...items);
@@ -1626,7 +1607,7 @@ function isHomogenousArray(types, value) {
   if (!Array.isArray(value)) {
     return false;
   }
-  return value.every((element2) => genericTypeofGuardE(types, element2));
+  return value.every((element) => genericTypeofGuardE(types, element));
 }
 function isNonNil(value) {
   return !isNil(value);
@@ -1639,11 +1620,11 @@ function lazyInit(initializer) {
   };
 }
 function lazyProxy(initializer) {
-  const lazy = lazyInit(initializer), functions = /* @__PURE__ */ new Map(), proxy = new Proxy(lazy, {
+  const lazy = lazyInit(initializer), functions = /* @__PURE__ */ new Map(), proxy2 = new Proxy(lazy, {
     apply(target, thisArg, argArray) {
       const target0 = target();
       if (typeof target0 !== "function") {
-        throw new TypeError(String(target0));
+        throw new TypeError(toJSONOrString(target0));
       }
       return Reflect.apply(
         target0,
@@ -1654,7 +1635,7 @@ function lazyProxy(initializer) {
     construct(target, argArray, newTarget) {
       const target0 = target();
       if (typeof target0 !== "function") {
-        throw new TypeError(String(target0));
+        throw new TypeError(toJSONOrString(target0));
       }
       const ret = Reflect.construct(
         target0,
@@ -1702,7 +1683,7 @@ function lazyProxy(initializer) {
             }
             return Reflect.apply(
               ret0,
-              this === proxy ? target() : this,
+              this === proxy2 ? target() : this,
               args
             );
           }
@@ -1755,7 +1736,7 @@ function lazyProxy(initializer) {
       return Reflect.setPrototypeOf(target(), proto);
     }
   });
-  return proxy;
+  return proxy2;
 }
 function logFormat(options, ...args) {
   if (isEmpty(args)) {
@@ -1841,18 +1822,18 @@ function multireplace(self0, replacements) {
     (match) => replacements.get(match) ?? match
   );
 }
-function onResize(element2, callback) {
-  const ret = new (activeSelf(element2)).ResizeObserver((ents) => {
+function onResize(element, callback) {
+  const ret = new (activeSelf(element)).ResizeObserver((ents) => {
     const ent = ents.at(-1);
     if (ent) {
       callback(ent);
     }
   });
-  ret.observe(element2);
+  ret.observe(element);
   return ret;
 }
-function onVisible(element2, callback, transient = false) {
-  const ret = new (activeSelf(element2)).IntersectionObserver((ents) => {
+function onVisible(element, callback, transient = false) {
+  const ret = new (activeSelf(element)).IntersectionObserver((ents) => {
     for (const ent of transient ? ents.reverse() : [ents.at(-1) ?? { isIntersecting: false }]) {
       if (ent.isIntersecting) {
         callback(ent);
@@ -1860,7 +1841,7 @@ function onVisible(element2, callback, transient = false) {
       }
     }
   });
-  ret.observe(element2);
+  ret.observe(element);
   return ret;
 }
 function openExternal(self0, url) {
@@ -1907,6 +1888,14 @@ function startCase(str, locales) {
 function stringToBase64(string) {
   return bytesToBase64(new TextEncoder().encode(string));
 }
+function toJSONOrString(value, replacer, space = JSON_STRINGIFY_SPACE) {
+  try {
+    return JSON.stringify(value, replacer, space);
+  } catch (error) {
+    /* @__PURE__ */ self.console.debug(error);
+  }
+  return String(value);
+}
 function activeSelf(reference) {
   if (reference) {
     if ("ownerDocument" in reference) {
@@ -1953,10 +1942,11 @@ function mergeResources(...resources) {
     for (const [lang, locale2] of Object.entries(res)) {
       const ret0 = ret[lang] ??= {};
       for (const [ns, resource] of Object.entries(locale2)) {
-        (ret0[ns] ??= ((data = []) => Object.assign(
+        const data = [];
+        (ret0[ns] ??= Object.assign(
           async () => merge(...await Promise.all(data.map((datum) => datum()))),
           { data }
-        ))()).data.push(resource);
+        )).data.push(resource);
       }
     }
   }
@@ -2140,372 +2130,74 @@ var LibraryLocales;
 })(LibraryLocales || (LibraryLocales = {}));
 
 // sources/components/find.svelte
-import {
-  SvelteComponent,
-  action_destroyer,
-  add_render_callback,
-  append,
-  append_styles,
-  attr,
-  binding_callbacks,
-  create_bidirectional_transition,
-  detach,
-  element,
-  init,
-  insert,
-  is_function,
-  listen,
-  null_to_empty,
-  prevent_default,
-  run_all,
-  safe_not_equal,
-  set_data,
-  set_input_value,
-  space,
-  stop_propagation,
-  text
-} from "svelte/internal";
-import { slide } from "svelte/transition";
-import { setIcon } from "obsidian";
-import { isEmpty as isEmpty2 } from "lodash-es";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
 import { t as i18nt } from "i18next";
-function add_css(target) {
-  append_styles(target, "_polyipseity_obsidian-plugin-library-svelte-find", ".document-search._polyipseity_obsidian-plugin-library-svelte-find._polyipseity_obsidian-plugin-library-svelte-find{flex-wrap:wrap}.is-mobile .document-search._polyipseity_obsidian-plugin-library-svelte-find .document-search-button.mod-cta._polyipseity_obsidian-plugin-library-svelte-find{background-color:var(--interactive-accent);color:var(--text-on-accent)}");
-}
-function create_fragment(ctx) {
-  let div4;
-  let div3;
-  let div0;
-  let button0;
-  let button0_class_value;
-  let button0_aria_label_value;
-  let setIcon_action;
-  let t0;
-  let button1;
-  let button1_class_value;
-  let button1_aria_label_value;
-  let setIcon_action_1;
-  let t1;
-  let button2;
-  let button2_class_value;
-  let button2_aria_label_value;
-  let setIcon_action_2;
-  let t2;
-  let input;
-  let input_placeholder_value;
-  let t3;
-  let div2;
-  let button3;
-  let button3_aria_label_value;
-  let setIcon_action_3;
-  let t4;
-  let button4;
-  let button4_aria_label_value;
-  let setIcon_action_4;
-  let t5;
-  let div1;
-  let t6;
-  let t7;
-  let button5;
-  let button5_aria_label_value;
-  let div4_transition;
-  let current;
-  let mounted;
-  let dispose;
-  return {
-    c() {
-      div4 = element("div");
-      div3 = element("div");
-      div0 = element("div");
-      button0 = element("button");
-      t0 = space();
-      button1 = element("button");
-      t1 = space();
-      button2 = element("button");
-      t2 = space();
-      input = element("input");
-      t3 = space();
-      div2 = element("div");
-      button3 = element("button");
-      t4 = space();
-      button4 = element("button");
-      t5 = space();
-      div1 = element("div");
-      t6 = text(
-        /*results*/
-        ctx[4]
-      );
-      t7 = space();
-      button5 = element("button");
-      attr(button0, "class", button0_class_value = null_to_empty(`document-search-button${/*params*/
-      ctx[0].caseSensitive ? " mod-cta" : ""}`) + " _polyipseity_obsidian-plugin-library-svelte-find");
-      attr(button0, "aria-label", button0_aria_label_value = /*i18n*/
-      ctx[1]("components.find.case-sensitive"));
-      attr(button1, "class", button1_class_value = null_to_empty(`document-search-button${/*params*/
-      ctx[0].wholeWord ? " mod-cta" : ""}`) + " _polyipseity_obsidian-plugin-library-svelte-find");
-      attr(button1, "aria-label", button1_aria_label_value = /*i18n*/
-      ctx[1]("components.find.whole-word"));
-      attr(button2, "class", button2_class_value = null_to_empty(`document-search-button${/*params*/
-      ctx[0].regex ? " mod-cta" : ""}`) + " _polyipseity_obsidian-plugin-library-svelte-find");
-      attr(button2, "aria-label", button2_aria_label_value = /*i18n*/
-      ctx[1]("components.find.regex"));
-      attr(div0, "class", "document-search-buttons");
-      attr(input, "class", "document-search-input");
-      attr(input, "type", "text");
-      attr(input, "placeholder", input_placeholder_value = /*i18n*/
-      ctx[1]("components.find.input-placeholder"));
-      attr(button3, "class", "document-search-button");
-      attr(button3, "aria-label", button3_aria_label_value = /*i18n*/
-      ctx[1]("components.find.previous"));
-      attr(button4, "class", "document-search-button");
-      attr(button4, "aria-label", button4_aria_label_value = /*i18n*/
-      ctx[1]("components.find.next"));
-      attr(div1, "class", "document-search-results");
-      attr(button5, "class", "document-search-close-button");
-      attr(button5, "aria-label", button5_aria_label_value = /*i18n*/
-      ctx[1]("components.find.close"));
-      attr(div2, "class", "document-search-buttons");
-      attr(div3, "class", "document-search _polyipseity_obsidian-plugin-library-svelte-find");
-      attr(div4, "class", "document-search-container");
-    },
-    m(target, anchor) {
-      insert(target, div4, anchor);
-      append(div4, div3);
-      append(div3, div0);
-      append(div0, button0);
-      append(div0, t0);
-      append(div0, button1);
-      append(div0, t1);
-      append(div0, button2);
-      append(div3, t2);
-      append(div3, input);
-      set_input_value(
-        input,
-        /*params*/
-        ctx[0].findText
-      );
-      ctx[13](input);
-      append(div3, t3);
-      append(div3, div2);
-      append(div2, button3);
-      append(div2, t4);
-      append(div2, button4);
-      append(div2, t5);
-      append(div2, div1);
-      append(div1, t6);
-      append(div2, t7);
-      append(div2, button5);
-      current = true;
-      if (!mounted) {
-        dispose = [
-          listen(button0, "click", stop_propagation(prevent_default(
-            /*click_handler*/
-            ctx[9]
-          ))),
-          action_destroyer(setIcon_action = setIcon.call(
-            null,
-            button0,
-            /*i18n*/
-            ctx[1]("asset:components.find.case-sensitive-icon")
-          )),
-          listen(button1, "click", stop_propagation(prevent_default(
-            /*click_handler_1*/
-            ctx[10]
-          ))),
-          action_destroyer(setIcon_action_1 = setIcon.call(
-            null,
-            button1,
-            /*i18n*/
-            ctx[1]("asset:components.find.whole-word-icon")
-          )),
-          listen(button2, "click", stop_propagation(prevent_default(
-            /*click_handler_2*/
-            ctx[11]
-          ))),
-          action_destroyer(setIcon_action_2 = setIcon.call(
-            null,
-            button2,
-            /*i18n*/
-            ctx[1]("asset:components.find.regex-icon")
-          )),
-          listen(
-            input,
-            "input",
-            /*input_input_handler*/
-            ctx[12]
-          ),
-          listen(button3, "click", stop_propagation(prevent_default(
-            /*click_handler_3*/
-            ctx[14]
-          ))),
-          action_destroyer(setIcon_action_3 = setIcon.call(
-            null,
-            button3,
-            /*i18n*/
-            ctx[1]("asset:components.find.previous-icon")
-          )),
-          listen(button4, "click", stop_propagation(prevent_default(
-            /*click_handler_4*/
-            ctx[15]
-          ))),
-          action_destroyer(setIcon_action_4 = setIcon.call(
-            null,
-            button4,
-            /*i18n*/
-            ctx[1]("asset:components.find.next-icon")
-          )),
-          listen(button5, "click", stop_propagation(prevent_default(function() {
-            if (is_function(
-              /*onClose*/
-              ctx[2]
-            )) ctx[2].apply(this, arguments);
-          }))),
-          listen(
-            div4,
-            "keydown",
-            /*keydown_handler*/
-            ctx[16]
-          )
-        ];
-        mounted = true;
-      }
-    },
-    p(new_ctx, [dirty]) {
-      ctx = new_ctx;
-      if (!current || dirty & /*params*/
-      1 && button0_class_value !== (button0_class_value = null_to_empty(`document-search-button${/*params*/
-      ctx[0].caseSensitive ? " mod-cta" : ""}`) + " _polyipseity_obsidian-plugin-library-svelte-find")) {
-        attr(button0, "class", button0_class_value);
-      }
-      if (!current || dirty & /*i18n*/
-      2 && button0_aria_label_value !== (button0_aria_label_value = /*i18n*/
-      ctx[1]("components.find.case-sensitive"))) {
-        attr(button0, "aria-label", button0_aria_label_value);
-      }
-      if (setIcon_action && is_function(setIcon_action.update) && dirty & /*i18n*/
-      2) setIcon_action.update.call(
-        null,
-        /*i18n*/
-        ctx[1]("asset:components.find.case-sensitive-icon")
-      );
-      if (!current || dirty & /*params*/
-      1 && button1_class_value !== (button1_class_value = null_to_empty(`document-search-button${/*params*/
-      ctx[0].wholeWord ? " mod-cta" : ""}`) + " _polyipseity_obsidian-plugin-library-svelte-find")) {
-        attr(button1, "class", button1_class_value);
-      }
-      if (!current || dirty & /*i18n*/
-      2 && button1_aria_label_value !== (button1_aria_label_value = /*i18n*/
-      ctx[1]("components.find.whole-word"))) {
-        attr(button1, "aria-label", button1_aria_label_value);
-      }
-      if (setIcon_action_1 && is_function(setIcon_action_1.update) && dirty & /*i18n*/
-      2) setIcon_action_1.update.call(
-        null,
-        /*i18n*/
-        ctx[1]("asset:components.find.whole-word-icon")
-      );
-      if (!current || dirty & /*params*/
-      1 && button2_class_value !== (button2_class_value = null_to_empty(`document-search-button${/*params*/
-      ctx[0].regex ? " mod-cta" : ""}`) + " _polyipseity_obsidian-plugin-library-svelte-find")) {
-        attr(button2, "class", button2_class_value);
-      }
-      if (!current || dirty & /*i18n*/
-      2 && button2_aria_label_value !== (button2_aria_label_value = /*i18n*/
-      ctx[1]("components.find.regex"))) {
-        attr(button2, "aria-label", button2_aria_label_value);
-      }
-      if (setIcon_action_2 && is_function(setIcon_action_2.update) && dirty & /*i18n*/
-      2) setIcon_action_2.update.call(
-        null,
-        /*i18n*/
-        ctx[1]("asset:components.find.regex-icon")
-      );
-      if (!current || dirty & /*i18n*/
-      2 && input_placeholder_value !== (input_placeholder_value = /*i18n*/
-      ctx[1]("components.find.input-placeholder"))) {
-        attr(input, "placeholder", input_placeholder_value);
-      }
-      if (dirty & /*params*/
-      1 && input.value !== /*params*/
-      ctx[0].findText) {
-        set_input_value(
-          input,
-          /*params*/
-          ctx[0].findText
-        );
-      }
-      if (!current || dirty & /*i18n*/
-      2 && button3_aria_label_value !== (button3_aria_label_value = /*i18n*/
-      ctx[1]("components.find.previous"))) {
-        attr(button3, "aria-label", button3_aria_label_value);
-      }
-      if (setIcon_action_3 && is_function(setIcon_action_3.update) && dirty & /*i18n*/
-      2) setIcon_action_3.update.call(
-        null,
-        /*i18n*/
-        ctx[1]("asset:components.find.previous-icon")
-      );
-      if (!current || dirty & /*i18n*/
-      2 && button4_aria_label_value !== (button4_aria_label_value = /*i18n*/
-      ctx[1]("components.find.next"))) {
-        attr(button4, "aria-label", button4_aria_label_value);
-      }
-      if (setIcon_action_4 && is_function(setIcon_action_4.update) && dirty & /*i18n*/
-      2) setIcon_action_4.update.call(
-        null,
-        /*i18n*/
-        ctx[1]("asset:components.find.next-icon")
-      );
-      if (!current || dirty & /*results*/
-      16) set_data(
-        t6,
-        /*results*/
-        ctx[4]
-      );
-      if (!current || dirty & /*i18n*/
-      2 && button5_aria_label_value !== (button5_aria_label_value = /*i18n*/
-      ctx[1]("components.find.close"))) {
-        attr(button5, "aria-label", button5_aria_label_value);
-      }
-    },
-    i(local) {
-      if (current) return;
-      add_render_callback(() => {
-        if (!current) return;
-        if (!div4_transition) div4_transition = create_bidirectional_transition(div4, slide, {}, true);
-        div4_transition.run(1);
-      });
-      current = true;
-    },
-    o(local) {
-      if (!div4_transition) div4_transition = create_bidirectional_transition(div4, slide, {}, false);
-      div4_transition.run(0);
-      current = false;
-    },
-    d(detaching) {
-      if (detaching) detach(div4);
-      ctx[13](null);
-      if (detaching && div4_transition) div4_transition.end();
-      mounted = false;
-      run_all(dispose);
-    }
-  };
-}
-function instance($$self, $$props, $$invalidate) {
-  let { i18n = i18nt } = $$props;
-  let { params = {
+import { isEmpty as isEmpty2 } from "lodash-es";
+import { setIcon } from "obsidian";
+import { slide } from "svelte/transition";
+var on_click = (event, stateParams) => {
+  stateParams.caseSensitive = !stateParams.caseSensitive;
+  consumeEvent(event);
+};
+var on_click_1 = (event, stateParams) => {
+  stateParams.wholeWord = !stateParams.wholeWord;
+  consumeEvent(event);
+};
+var on_click_2 = (event, stateParams) => {
+  stateParams.regex = !stateParams.regex;
+  consumeEvent(event);
+};
+var on_keydown = (event, onClose) => {
+  if (event.key === "Escape" && isEmpty2(getKeyModifiers(event))) {
+    onClose()();
+    consumeEvent(event);
+  }
+};
+var on_click_3 = (event, onFind, stateParams) => {
+  onFind()("previous", stateParams);
+  consumeEvent(event);
+};
+var on_click_4 = (event, onFind, stateParams) => {
+  onFind()("next", stateParams);
+  consumeEvent(event);
+};
+var on_click_5 = (event, onClose) => {
+  onClose()();
+  consumeEvent(event);
+};
+var root = $.template(`<div class="document-search-container" role="search"><div class="document-search _polyipseity_obsidian-plugin-library-svelte-find"><div class="document-search-buttons"><button></button> <button></button> <button></button></div> <input class="document-search-input" type="text" role="searchbox"> <div class="document-search-buttons"><button class="document-search-button"></button> <button class="document-search-button"></button> <div class="document-search-results"> </div> <button class="document-search-close-button"></button></div></div></div>`);
+var $$css = {
+  hash: "_polyipseity_obsidian-plugin-library-svelte-find",
+  code: ".document-search._polyipseity_obsidian-plugin-library-svelte-find {flex-wrap:wrap;}.is-mobile .document-search._polyipseity_obsidian-plugin-library-svelte-find .document-search-button.mod-cta:where(._polyipseity_obsidian-plugin-library-svelte-find) {background-color:var(--interactive-accent);color:var(--text-on-accent);}"
+};
+function Find($$anchor, $$props) {
+  $.push($$props, true);
+  $.append_styles($$anchor, $$css);
+  const i18n = $.prop($$props, "i18n", 3, i18nt), params = $.prop($$props, "params", 19, () => ({
     caseSensitive: false,
     findText: "",
     regex: false,
     wholeWord: false
-  } } = $$props;
-  let { onClose = () => {
-  } } = $$props;
-  let { onFind = (_direction, _params) => {
-  } } = $$props;
-  let { onParamsChanged = (_params) => {
-  } } = $$props;
-  let { results = "" } = $$props;
+  })), onClose = $.prop($$props, "onClose", 3, () => {
+  }), onFind = $.prop($$props, "onFind", 3, (_direction, _params) => {
+  }), onParamsChanged = $.prop($$props, "onParamsChanged", 3, (_params) => {
+  }), results = $.prop($$props, "results", 3, "");
+  let stateI18n = $.state(i18n());
+  const stateParams = $.proxy(cloneAsWritable(params()));
+  let stateResults = $.state(results());
+  $.user_effect(() => {
+    onParamsChanged()(stateParams);
+  });
+  function setI18n(i18n0) {
+    $.set(stateI18n, i18n0);
+  }
+  function getParamsRef() {
+    return stateParams;
+  }
+  function setResults(results0) {
+    $.set(stateResults, results0);
+  }
   let inputElement = null;
   function focus() {
     inputElement?.focus();
@@ -2513,101 +2205,74 @@ function instance($$self, $$props, $$invalidate) {
   function blur() {
     inputElement?.blur();
   }
-  const click_handler = () => {
-    $$invalidate(0, params.caseSensitive = !params.caseSensitive, params);
-  };
-  const click_handler_1 = () => {
-    $$invalidate(0, params.wholeWord = !params.wholeWord, params);
-  };
-  const click_handler_2 = () => {
-    $$invalidate(0, params.regex = !params.regex, params);
-  };
-  function input_input_handler() {
-    params.findText = this.value;
-    $$invalidate(0, params);
-  }
-  function input_binding($$value) {
-    binding_callbacks[$$value ? "unshift" : "push"](() => {
-      inputElement = $$value;
-      $$invalidate(5, inputElement);
-    });
-  }
-  const click_handler_3 = () => {
-    onFind("previous", params);
-  };
-  const click_handler_4 = () => {
-    onFind("next", params);
-  };
-  const keydown_handler = (event) => {
-    if (event.key === "Escape" && isEmpty2(getKeyModifiers(event))) {
-      onClose();
-      consumeEvent(event);
-    }
-  };
-  $$self.$$set = ($$props2) => {
-    if ("i18n" in $$props2) $$invalidate(1, i18n = $$props2.i18n);
-    if ("params" in $$props2) $$invalidate(0, params = $$props2.params);
-    if ("onClose" in $$props2) $$invalidate(2, onClose = $$props2.onClose);
-    if ("onFind" in $$props2) $$invalidate(3, onFind = $$props2.onFind);
-    if ("onParamsChanged" in $$props2) $$invalidate(6, onParamsChanged = $$props2.onParamsChanged);
-    if ("results" in $$props2) $$invalidate(4, results = $$props2.results);
-  };
-  $$self.$$.update = () => {
-    if ($$self.$$.dirty & /*onParamsChanged, params*/
-    65) {
-      $: onParamsChanged(params);
-    }
-  };
-  return [
-    params,
-    i18n,
-    onClose,
-    onFind,
-    results,
-    inputElement,
-    onParamsChanged,
+  var div = root();
+  var div_1 = $.child(div);
+  var div_2 = $.child(div_1);
+  var button = $.child(div_2);
+  button.__click = [on_click, stateParams];
+  $.action(button, ($$node, $$action_arg) => setIcon?.($$node, $$action_arg), () => $.get(stateI18n)("asset:components.find.case-sensitive-icon"));
+  var button_1 = $.sibling(button, 2);
+  button_1.__click = [on_click_1, stateParams];
+  $.action(button_1, ($$node, $$action_arg) => setIcon?.($$node, $$action_arg), () => $.get(stateI18n)("asset:components.find.whole-word-icon"));
+  var button_2 = $.sibling(button_1, 2);
+  button_2.__click = [on_click_2, stateParams];
+  $.action(button_2, ($$node, $$action_arg) => setIcon?.($$node, $$action_arg), () => $.get(stateI18n)("asset:components.find.regex-icon"));
+  $.reset(div_2);
+  var input = $.sibling(div_2, 2);
+  $.remove_input_defaults(input);
+  input.__keydown = [on_keydown, onClose];
+  $.bind_this(input, ($$value) => inputElement = $$value, () => inputElement);
+  var div_3 = $.sibling(input, 2);
+  var button_3 = $.child(div_3);
+  button_3.__click = [on_click_3, onFind, stateParams];
+  $.action(button_3, ($$node, $$action_arg) => setIcon?.($$node, $$action_arg), () => $.get(stateI18n)("asset:components.find.previous-icon"));
+  var button_4 = $.sibling(button_3, 2);
+  button_4.__click = [on_click_4, onFind, stateParams];
+  $.action(button_4, ($$node, $$action_arg) => setIcon?.($$node, $$action_arg), () => $.get(stateI18n)("asset:components.find.next-icon"));
+  var div_4 = $.sibling(button_4, 2);
+  var text = $.child(div_4, true);
+  $.reset(div_4);
+  var button_5 = $.sibling(div_4, 2);
+  button_5.__click = [on_click_5, onClose];
+  $.reset(div_3);
+  $.reset(div_1);
+  $.reset(div);
+  $.template_effect(
+    ($0, $1, $2, $3, $4, $5, $6) => {
+      $.set_class(button, 1, `document-search-button${stateParams.caseSensitive ? " mod-cta" : ""}`, "_polyipseity_obsidian-plugin-library-svelte-find");
+      $.set_attribute(button, "aria-label", $0);
+      $.set_class(button_1, 1, `document-search-button${stateParams.wholeWord ? " mod-cta" : ""}`, "_polyipseity_obsidian-plugin-library-svelte-find");
+      $.set_attribute(button_1, "aria-label", $1);
+      $.set_class(button_2, 1, `document-search-button${stateParams.regex ? " mod-cta" : ""}`, "_polyipseity_obsidian-plugin-library-svelte-find");
+      $.set_attribute(button_2, "aria-label", $2);
+      $.set_attribute(input, "placeholder", $3);
+      $.set_attribute(button_3, "aria-label", $4);
+      $.set_attribute(button_4, "aria-label", $5);
+      $.set_text(text, $.get(stateResults));
+      $.set_attribute(button_5, "aria-label", $6);
+    },
+    [
+      () => $.get(stateI18n)("components.find.case-sensitive"),
+      () => $.get(stateI18n)("components.find.whole-word"),
+      () => $.get(stateI18n)("components.find.regex"),
+      () => $.get(stateI18n)("components.find.input-placeholder"),
+      () => $.get(stateI18n)("components.find.previous"),
+      () => $.get(stateI18n)("components.find.next"),
+      () => $.get(stateI18n)("components.find.close")
+    ]
+  );
+  $.bind_value(input, () => stateParams.findText, ($$value) => stateParams.findText = $$value);
+  $.transition(3, div, () => slide);
+  $.append($$anchor, div);
+  return $.pop({
+    setI18n,
+    getParamsRef,
+    setResults,
     focus,
-    blur,
-    click_handler,
-    click_handler_1,
-    click_handler_2,
-    input_input_handler,
-    input_binding,
-    click_handler_3,
-    click_handler_4,
-    keydown_handler
-  ];
+    blur
+  });
 }
-var Find = class extends SvelteComponent {
-  constructor(options) {
-    super();
-    init(
-      this,
-      options,
-      instance,
-      create_fragment,
-      safe_not_equal,
-      {
-        i18n: 1,
-        params: 0,
-        onClose: 2,
-        onFind: 3,
-        onParamsChanged: 6,
-        results: 4,
-        focus: 7,
-        blur: 8
-      },
-      add_css
-    );
-  }
-  get focus() {
-    return this.$$.ctx[7];
-  }
-  get blur() {
-    return this.$$.ctx[8];
-  }
-};
-var find_default = Find;
+$.delegate(["click", "keydown"]);
 
 // sources/components/find.ts
 var find_exports = {};
@@ -2643,9 +2308,9 @@ function fixArray(defaults, from, key, types) {
   const default1 = default0;
   return default1.map(primitiveOfE);
 }
-function fixInSet(defaults, from, key, set) {
+function fixInSet(defaults, from, key, set2) {
   const val = from[key];
-  return inSet(set, val) ? val : defaults[key];
+  return inSet(set2, val) ? val : defaults[key];
 }
 
 // sources/documentation.ts
@@ -2714,6 +2379,7 @@ var LambdaComponent = class extends Component {
 };
 var ResourceComponent = class _ResourceComponent extends Component {
   static sentinel = Symbol(this.name);
+  // `unknown` to make the class covariant.
   #loader = promisePromise();
   #value = _ResourceComponent.sentinel;
   get onLoaded() {
@@ -2780,10 +2446,10 @@ var UpdatableUI = class {
       throw error;
     }
   }
-  newSetting(element2, configure) {
+  newSetting(element, configure) {
     let recording = true;
     return this.new(() => {
-      const setting = new Setting(element2), patch = (proto) => {
+      const setting = new Setting(element), patch = (proto) => {
         const components = [];
         let index = 0;
         return function fn(cb) {
@@ -2841,6 +2507,7 @@ var UpdatableUI = class {
         addDropdown: patch,
         addExtraButton: patch,
         addMomentFormat: patch,
+        addProgressBar: patch,
         addSearch: patch,
         addSlider: patch,
         addText: patch,
@@ -2884,13 +2551,13 @@ var UpdatableUI = class {
     clear(this.#updaters);
   }
 };
-function statusUI(ui, element2) {
-  ui.new(constant(element2), noop2, () => {
-    element2.textContent = null;
+function statusUI(ui, element) {
+  ui.new(constant(element), noop2, () => {
+    element.textContent = null;
   });
   return deepFreeze({
     report(status) {
-      element2.textContent = status === void 0 ? null : String(status);
+      element.textContent = status === void 0 ? null : toJSONOrString(status);
     }
   });
 }
@@ -2953,11 +2620,11 @@ function addRibbonIcon(context, id, icon, title, callback) {
     }
   );
 }
-async function awaitCSS(element2) {
-  const { classList, style, style: { display } } = element2;
+async function awaitCSS(element) {
+  const { classList, style, style: { display } } = element;
   style.display = "none";
   return new Promise((resolve, reject) => {
-    const obsr = onVisible(element2, () => {
+    const obsr = onVisible(element, () => {
       try {
         style.display = display;
         classList.remove(awaitCSS.CLASS);
@@ -2979,7 +2646,7 @@ function cleanFrontmatterCache(cache) {
     return deepFreeze({});
   }
   const ret = cloneAsWritable(cache);
-  delete ret.position;
+  delete ret["position"];
   return deepFreeze(ret);
 }
 function commandNamer(cmdNamer, pluginNamer, defaultPluginName, format) {
@@ -3040,8 +2707,8 @@ ${error.name}: ${error.message}`,
   activeSelf(noticeEl).console.error(`${message()}
 `, error);
 }
-function readStateCollabratively(implType, state) {
-  return launderUnchecked(state)[implType];
+function readStateCollabratively(implType, state2) {
+  return launderUnchecked(state2)[implType];
 }
 function recordViewStateHistory(context, result) {
   revealPrivate(context, [result], (result0) => {
@@ -3083,8 +2750,8 @@ function updateView(context, view) {
     }
   }
 }
-function useSettings(element2) {
-  const container = createChildElement(element2, "div", (ele) => {
+function useSettings(element) {
+  const container = createChildElement(element, "div", (ele) => {
     ele.classList.add(DOMClasses.VERTICAL_TAB_CONTENT_CONTAINER);
   });
   return Object.freeze({
@@ -3096,15 +2763,15 @@ function useSettings(element2) {
     }
   });
 }
-function useSubsettings(element2) {
-  const ret = createChildElement(element2, "div");
-  if (element2.firstChild) {
+function useSubsettings(element) {
+  const ret = createChildElement(element, "div");
+  if (element.firstChild) {
     createChildElement(ret, "div");
   }
   return ret;
 }
-function writeStateCollabratively(state, implType, implState) {
-  return Object.assign(launderUnchecked(state), { [implType]: implState });
+function writeStateCollabratively(state2, implType, implState) {
+  return Object.assign(launderUnchecked(state2), { [implType]: implState });
 }
 
 // sources/documentation.ts
@@ -3116,8 +2783,8 @@ var DocumentationMarkdownView = class _DocumentationMarkdownView extends ItemVie
     const { contentEl } = this;
     this.navigation = true;
     this.element = createChildElement(
-      createChildElement(contentEl, "div", (element2) => {
-        element2.classList.add(
+      createChildElement(contentEl, "div", (element) => {
+        element.classList.add(
           DOMClasses.ALLOW_FOLD_HEADINGS,
           DOMClasses.ALLOW_FOLD_LISTS,
           DOMClasses.IS_READABLE_LINE_WIDTH,
@@ -3128,8 +2795,8 @@ var DocumentationMarkdownView = class _DocumentationMarkdownView extends ItemVie
         );
       }),
       "div",
-      (element2) => {
-        element2.classList.add(
+      (element) => {
+        element.classList.add(
           DOMClasses.MARKDOWN_PREVIEW_SECTION,
           DOMClasses.MARKDOWN_PREVIEW_SIZER
         );
@@ -3165,18 +2832,18 @@ var DocumentationMarkdownView = class _DocumentationMarkdownView extends ItemVie
     } = this;
     return key === null ? super.getIcon() : String(i18n.t(key));
   }
-  async setState(state, result) {
-    const { context: plugin, element: element2 } = this, ownState = readStateCollabratively(
+  async setState(state2, result) {
+    const { context: plugin, element } = this, ownState = readStateCollabratively(
       _DocumentationMarkdownView.type.namespaced(plugin),
-      state
+      state2
     ), { value, valid } = _DocumentationMarkdownView.State.fix(ownState);
     if (!valid) {
       printMalformedData(plugin, ownState, value);
     }
-    await super.setState(state, result);
+    await super.setState(state2, result);
     const { data } = value;
     this.state = value;
-    await MarkdownRenderer.renderMarkdown(data, element2, "", this);
+    await MarkdownRenderer.render(this.app, data, element, "", this);
     recordViewStateHistory(plugin, result);
   }
   getState() {
@@ -3198,7 +2865,7 @@ var Registered0 = class {
   constructor(context) {
     this.context = context;
   }
-  async open(active, state) {
+  async open(active, state2) {
     const { context, context: { app: { workspace } } } = this;
     return new Promise((resolve) => {
       workspace.onLayoutReady(() => {
@@ -3209,7 +2876,7 @@ var Registered0 = class {
             /* @__PURE__ */ new Map([
               [
                 DocumentationMarkdownView.type,
-                state
+                state2
               ]
             ])
           ),
@@ -3240,12 +2907,14 @@ var Registered0 = class {
       const unc = launderUnchecked(self0);
       return markFixed(self0, {
         data: fixTyped(State2.DEFAULT, unc, "data", ["string"]),
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion
         displayTextI18nKey: fixTyped(
           State2.DEFAULT,
           unc,
           "displayTextI18nKey",
           ["string", "null"]
         ),
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion
         iconI18nKey: fixTyped(
           State2.DEFAULT,
           unc,
@@ -3270,16 +2939,16 @@ async function createI18n(resources, formatters = {}, options) {
   const ret = createInstance({
     cleanCode: true,
     initImmediate: true,
-    missingInterpolationHandler(text2, value) {
+    missingInterpolationHandler(text, value) {
       if (missingInterpolationHandlerReentrant) {
-        self.console.warn(value, text2);
+        self.console.warn(value, text);
       } else {
         missingInterpolationHandlerReentrant = true;
         try {
           self.console.warn(ret.t("errors.missing-interpolation", {
             interpolation: { escapeValue: false },
             name: value[1],
-            text: text2,
+            text,
             value: value[0]
           }));
         } finally {
@@ -3374,9 +3043,9 @@ var LanguageManager = class _LanguageManager extends ResourceComponent {
 import { addIcon as addIcon0, removeIcon } from "obsidian";
 import { createElement } from "lucide";
 function addIcon(id, content) {
-  const template = self.document.createElement("template");
-  template.innerHTML = content;
-  const { content: { firstElementChild: svg } } = template;
+  const template2 = self.document.createElement("template");
+  template2.innerHTML = content;
+  const { content: { firstElementChild: svg } } = template2;
   if (!svg) {
     throw new Error(content);
   }
@@ -3433,11 +3102,11 @@ import { constant as constant2, noop as noop3 } from "lodash-es";
 
 // sources/settings-widgets.ts
 function closeSetting(container) {
-  let element2 = container;
-  while (element2 && !element2.classList.contains(DOMClasses.MODAL)) {
-    element2 = element2.parentElement;
+  let element = container;
+  while (element && !element.classList.contains(DOMClasses.MODAL)) {
+    element = element.parentElement;
   }
-  const close = element2?.querySelector(`.${DOMClasses.MODAL_CLOSE_BUTTON}`);
+  const close = element?.querySelector(`.${DOMClasses.MODAL_CLOSE_BUTTON}`);
   if (instanceOf(close, HTMLElement)) {
     close.click();
   }
@@ -3515,7 +3184,7 @@ function resetButton(icon, tooltip, resetter, callback, { pre, post } = {}) {
     }
   };
 }
-function dropdownSelect(unselected, selections, callback, action = {}) {
+function dropdownSelect(unselected, selections, callback, action2 = {}) {
   return linkSetting(
     () => NaN.toString(),
     async (value, component) => {
@@ -3527,10 +3196,10 @@ function dropdownSelect(unselected, selections, callback, action = {}) {
     },
     unexpected,
     {
-      ...action,
+      ...action2,
       pre(component) {
         component.addOption(NaN.toString(), unselected).addOptions(Object.fromEntries(selections.map((selection, index) => [index, selection.name])));
-        const { pre } = action;
+        const { pre } = action2;
         if (pre) {
           pre(component);
         }
@@ -3540,11 +3209,11 @@ function dropdownSelect(unselected, selections, callback, action = {}) {
 }
 
 // sources/modals.ts
-function makeModalDynamicWidth(ui, element2) {
-  const { width } = element2.style;
-  element2.style.width = "unset";
+function makeModalDynamicWidth(ui, element) {
+  const { width } = element.style;
+  element.style.width = "unset";
   ui.finally(() => {
-    element2.style.width = width;
+    element.style.width = width;
   });
 }
 var ListModal = class _ListModal extends Modal {
@@ -3589,7 +3258,7 @@ var ListModal = class _ListModal extends Modal {
     return (setting, editable, getter, setter, input = (setting0, callback) => {
       setting0.addTextArea(callback);
     }) => {
-      input(setting, (text2) => text2.setValue(transformer.forth(getter())).setDisabled(!editable).onChange((value) => setter((_0, index, data) => {
+      input(setting, (text) => text.setValue(transformer.forth(getter())).setDisabled(!editable).onChange((value) => setter((_0, index, data) => {
         data[index] = transformer.back(value);
       })));
     };
@@ -3703,11 +3372,11 @@ var ListModal = class _ListModal extends Modal {
     ui.update();
     await cb;
   }
-  setupListSubUI(ui, element2) {
+  setupListSubUI(ui, element) {
     const { context, data } = this, editables = this.#editables, namer = this.#namer, descriptor = this.#descriptor, { language } = context, { value: i18n } = language;
     ui.destroy();
     for (const [index] of data.entries()) {
-      ui.newSetting(element2, (setting) => {
+      ui.newSetting(element, (setting) => {
         const { valid, value: item } = bracket(data, index);
         if (!valid) {
           throw new Error(index.toString());
@@ -3831,10 +3500,10 @@ var EditDataModal = class _EditDataModal extends Modal {
     this.modalUI.destroy();
     this.ui.destroy();
   }
-  draw(ui, element2, errorEl) {
+  draw(ui, element, errorEl) {
     const { context: { language: { value: i18n } }, fixer, protodata } = this, els = this.#elements;
     if (els.includes("export")) {
-      ui.newSetting(element2, (setting) => {
+      ui.newSetting(element, (setting) => {
         setting.setName(i18n.t("components.edit-data.export")).addButton((button) => {
           const { buttonEl } = button;
           button.setIcon(i18n.t("asset:components.edit-data.export-to-clipboard-icon")).setTooltip(i18n.t("components.edit-data.export-to-clipboard")).onClick(async () => {
@@ -3849,7 +3518,7 @@ var EditDataModal = class _EditDataModal extends Modal {
       });
     }
     if (els.includes("import")) {
-      ui.newSetting(element2, (setting) => {
+      ui.newSetting(element, (setting) => {
         setting.setName(i18n.t("components.edit-data.import")).addButton((button) => {
           const { buttonEl } = button;
           button.setIcon(i18n.t("asset:components.edit-data.import-from-clipboard-icon")).setTooltip(i18n.t("components.edit-data.import-from-clipboard")).onClick(async () => {
@@ -3873,7 +3542,7 @@ var EditDataModal = class _EditDataModal extends Modal {
       });
     }
     if (els.includes("data")) {
-      ui.newSetting(element2, (setting) => {
+      ui.newSetting(element, (setting) => {
         const { settingEl } = setting;
         setting.setName(i18n.t("components.edit-data.data")).addTextArea(linkSetting(
           () => this.#dataText,
@@ -3906,9 +3575,9 @@ var EditDataModal = class _EditDataModal extends Modal {
       });
     }
   }
-  async postMutate(reset = true) {
+  async postMutate(reset2 = true) {
     const { data, modalUI, ui } = this, cb = this.#callback(simplifyType(cloneAsWritable(data)));
-    if (reset) {
+    if (reset2) {
       this.#resetDataText();
     }
     modalUI.update();
@@ -4253,12 +3922,12 @@ var StorageSettingsManager = class _StorageSettingsManager extends AbstractSetti
     if (key === null) {
       return { [_StorageSettingsManager.FAILED]: true };
     }
-    const text2 = this.storage.getItem(key);
-    if (text2 === null) {
+    const text = this.storage.getItem(key);
+    if (text === null) {
       return null;
     }
     try {
-      const ret = JSON.parse(text2);
+      const ret = JSON.parse(text);
       return ret;
     } catch (error) {
       /* @__PURE__ */ self.console.debug(error);
@@ -4588,10 +4257,10 @@ var AdvancedSettingTab = class extends PluginSettingTab {
   onUnload() {
     this.ui.destroy();
   }
-  newSectionWidget(text2, heading = 2) {
+  newSectionWidget(text, heading = 2) {
     const { containerEl, ui } = this;
     ui.new(() => createChildElement(containerEl, `h${heading}`), (ele) => {
-      const text0 = text2();
+      const text0 = text();
       ele.replaceChildren(typeof text0 === "string" ? createDocumentFragment(ele.ownerDocument, (frag2) => {
         frag2.textContent = text0;
       }) : text0);
@@ -4617,7 +4286,7 @@ var AdvancedSettingTab = class extends PluginSettingTab {
       containerEl,
       ui,
       context: { settings, language: { value: i18n } }
-    } = this, langs = deepFreeze(["", ...languages.filter(identity3)]);
+    } = this, langs = deepFreeze(["", ...languages.filter(Boolean)]);
     ui.newSetting(containerEl, (setting) => {
       setting.setName(i18n.t("settings.language")).setDesc(i18n.t("settings.language-description")).addDropdown(linkSetting(
         () => settings.value.language,
@@ -4988,7 +4657,7 @@ export {
   EditDataModal,
   EventEmitterLite,
   FileExtensions,
-  find_default as FindComponent,
+  Find as FindComponent,
   find_exports as FindComponent$,
   Functions,
   JSON_STRINGIFY_SPACE,
@@ -5055,7 +4724,6 @@ export {
   createI18n,
   deepFreeze,
   deopaque,
-  destroyWithOutro,
   dropdownSelect,
   dynamicRequire,
   dynamicRequireLazy,
@@ -5128,6 +4796,7 @@ export {
   stringToBase64,
   swap,
   syncLocale,
+  toJSONOrString,
   typedIn,
   typedKeys,
   typedOwnKeys,