masoneffect 2.0.2 → 2.0.3

package/dist/svelte/index.mjs

@@ -22,6 +22,19 @@ function safe_not_equal(a, b) {
 function is_empty(obj) {
   return Object.keys(obj).length === 0;
 }
+function subscribe(store, ...callbacks) {
+  if (store == null) {
+    for (const callback of callbacks) {
+      callback(void 0);
+    }
+    return noop;
+  }
+  const unsub = store.subscribe(...callbacks);
+  return unsub.unsubscribe ? () => unsub.unsubscribe() : unsub;
+}
+function component_subscribe(component, store, callback) {
+  component.$$.on_destroy.push(subscribe(store, callback));
+}
 function insert(target, node, anchor) {
   target.insertBefore(node, anchor || null);
 }
@@ -155,14 +168,14 @@ function make_dirty(component, i) {
   }
   component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
 }
-function init(component, options, instance, create_fragment2, not_equal, props, append_styles = null, dirty = [-1]) {
+function init(component, options, instance2, create_fragment2, not_equal, props2, append_styles = null, dirty = [-1]) {
   const parent_component = current_component;
   set_current_component(component);
   const $$ = component.$$ = {
     fragment: null,
     ctx: [],
     // state
-    props,
+    props: props2,
     update: noop,
     not_equal,
     bound: blank_object(),
@@ -181,7 +194,7 @@ function init(component, options, instance, create_fragment2, not_equal, props,
   };
   append_styles && append_styles($$.root);
   let ready = false;
-  $$.ctx = instance ? instance(component, options.props || {}, (i, ret, ...rest) => {
+  $$.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);
@@ -252,10 +265,10 @@ class SvelteComponent {
    * @param {Partial<Props>} props
    * @returns {void}
    */
-  $set(props) {
-    if (this.$$set && !is_empty(props)) {
+  $set(props2) {
+    if (this.$$set && !is_empty(props2)) {
       this.$$.skip_bound = true;
-      this.$$set(props);
+      this.$$set(props2);
       this.$$.skip_bound = false;
     }
   }
@@ -847,7 +860,228 @@ class Count {
     }
   }
 }
-function create_fragment$1(ctx) {
+function decomposeHangul(char) {
+  const code = char.charCodeAt(0);
+  if (code < 44032 || code > 55203) {
+    return [char];
+  }
+  const base = code - 44032;
+  const initial = Math.floor(base / (21 * 28));
+  const medial = Math.floor(base % (21 * 28) / 28);
+  const final = base % 28;
+  const initialChars = ["ㄱ", "ㄲ", "ㄴ", "ㄷ", "ㄸ", "ㄹ", "ㅁ", "ㅂ", "ㅃ", "ㅅ", "ㅆ", "ㅇ", "ㅈ", "ㅉ", "ㅊ", "ㅋ", "ㅌ", "ㅍ", "ㅎ"];
+  const medialChars = ["ㅏ", "ㅐ", "ㅑ", "ㅒ", "ㅓ", "ㅔ", "ㅕ", "ㅖ", "ㅗ", "ㅘ", "ㅙ", "ㅚ", "ㅛ", "ㅜ", "ㅝ", "ㅞ", "ㅟ", "ㅠ", "ㅡ", "ㅢ", "ㅣ"];
+  const finalChars = ["", "ㄱ", "ㄲ", "ㄳ", "ㄴ", "ㄵ", "ㄶ", "ㄷ", "ㄹ", "ㄺ", "ㄻ", "ㄼ", "ㄽ", "ㄾ", "ㄿ", "ㅀ", "ㅁ", "ㅂ", "ㅄ", "ㅅ", "ㅆ", "ㅇ", "ㅈ", "ㅊ", "ㅋ", "ㅌ", "ㅍ", "ㅎ"];
+  const result = [];
+  result.push(initialChars[initial]);
+  result.push(medialChars[medial]);
+  if (final > 0) {
+    result.push(finalChars[final]);
+  }
+  return result;
+}
+function decomposeText(text) {
+  const units = [];
+  for (let i = 0; i < text.length; i++) {
+    const char = text[i];
+    const code = char.charCodeAt(0);
+    if (code >= 44032 && code <= 55203) {
+      const decomposed = decomposeHangul(char);
+      units.push(...decomposed);
+    } else {
+      units.push(char);
+    }
+  }
+  return units;
+}
+class Typing {
+  // 원본 텍스트
+  constructor(container, options) {
+    this.originalChars = [];
+    this.charUnitMap = [];
+    this.container = typeof container === "string" ? document.querySelector(container) : container;
+    if (!this.container) {
+      throw new Error("Container element not found");
+    }
+    this.originalText = options.text;
+    this.config = {
+      text: options.text,
+      speed: options.speed ?? 50,
+      delay: options.delay ?? 0,
+      enabled: options.enabled ?? true,
+      threshold: options.threshold ?? 0.2,
+      rootMargin: options.rootMargin ?? "0px 0px -100px 0px",
+      triggerOnce: options.triggerOnce ?? false,
+      showCursor: options.showCursor ?? true,
+      cursorChar: options.cursorChar ?? "|",
+      onUpdate: options.onUpdate || null,
+      onComplete: options.onComplete || null
+    };
+    this.textUnits = decomposeText(this.config.text);
+    this.originalChars = [];
+    this.charUnitMap = [];
+    this.initializeTextStructure();
+    this.currentIndex = 0;
+    this.displayedText = "";
+    this.timeoutId = null;
+    this.intersectionObserver = null;
+    this.isRunning = false;
+    this.hasTriggered = false;
+    this.init();
+  }
+  init() {
+    this.updateDisplay("");
+    this.setupIntersectionObserver();
+  }
+  setupIntersectionObserver() {
+    if (typeof window === "undefined" || typeof window.IntersectionObserver === "undefined") {
+      if (this.config.enabled) {
+        setTimeout(() => this.start(), this.config.delay);
+      }
+      return;
+    }
+    this.intersectionObserver = new IntersectionObserver(
+      (entries) => {
+        var _a;
+        for (const entry of entries) {
+          if (entry.target !== this.container) continue;
+          if (entry.isIntersecting && !this.hasTriggered) {
+            if (this.config.enabled) {
+              setTimeout(() => this.start(), this.config.delay);
+            }
+            this.hasTriggered = true;
+            if (this.config.triggerOnce) {
+              (_a = this.intersectionObserver) == null ? void 0 : _a.disconnect();
+            }
+          }
+        }
+      },
+      {
+        threshold: this.config.threshold,
+        rootMargin: this.config.rootMargin
+      }
+    );
+    this.intersectionObserver.observe(this.container);
+  }
+  // 각 글자에 해당하는 단위 개수
+  initializeTextStructure() {
+    this.originalChars = [];
+    this.charUnitMap = [];
+    for (let i = 0; i < this.originalText.length; i++) {
+      const char = this.originalText[i];
+      const code = char.charCodeAt(0);
+      this.originalChars.push(char);
+      if (code >= 44032 && code <= 55203) {
+        const decomposed = decomposeHangul(char);
+        this.charUnitMap.push(decomposed.length);
+      } else {
+        this.charUnitMap.push(1);
+      }
+    }
+  }
+  // 단위 인덱스를 원본 텍스트의 글자 인덱스로 변환
+  // unitIndex: 현재까지 입력된 단위 개수 (0부터 시작)
+  // 반환: 표시할 글자 개수 (0부터 시작, exclusive)
+  getCharIndexFromUnitIndex(unitIndex) {
+    if (unitIndex === 0) return 0;
+    let charIndex = 0;
+    let currentUnits = 0;
+    for (let i = 0; i < this.charUnitMap.length; i++) {
+      const unitsForChar = this.charUnitMap[i];
+      currentUnits += unitsForChar;
+      if (unitIndex >= currentUnits) {
+        charIndex = i + 1;
+      } else {
+        const unitsEntered = unitIndex - (currentUnits - unitsForChar);
+        if (unitsEntered > 0) {
+          const isHangul = this.originalChars[i] && this.originalChars[i].charCodeAt(0) >= 44032 && this.originalChars[i].charCodeAt(0) <= 55203;
+          if (isHangul && unitsEntered >= 2) {
+            charIndex = i + 1;
+          } else if (!isHangul && unitsEntered >= 1) {
+            charIndex = i + 1;
+          }
+        }
+        break;
+      }
+    }
+    return charIndex;
+  }
+  // 단위들을 다시 합쳐서 실제 표시할 텍스트 생성
+  buildTextFromUnits(units) {
+    if (units.length === 0) return "";
+    const charIndex = this.getCharIndexFromUnitIndex(units.length);
+    return this.originalText.substring(0, charIndex);
+  }
+  start() {
+    if (this.isRunning) return;
+    this.isRunning = true;
+    this.currentIndex = 0;
+    this.displayedText = "";
+    this.typeNext();
+  }
+  typeNext() {
+    if (this.currentIndex >= this.textUnits.length) {
+      this.isRunning = false;
+      if (this.config.showCursor) {
+        this.updateDisplay(this.originalText);
+      }
+      if (this.config.onComplete) {
+        this.config.onComplete();
+      }
+      return;
+    }
+    const unitsToShow = this.textUnits.slice(0, this.currentIndex + 1);
+    this.displayedText = this.buildTextFromUnits(unitsToShow);
+    let displayText = this.displayedText;
+    if (this.config.showCursor) {
+      displayText += this.config.cursorChar;
+    }
+    this.updateDisplay(displayText);
+    if (this.config.onUpdate) {
+      this.config.onUpdate(this.displayedText);
+    }
+    this.currentIndex++;
+    this.timeoutId = setTimeout(() => {
+      this.typeNext();
+    }, this.config.speed);
+  }
+  stop() {
+    this.isRunning = false;
+    if (this.timeoutId) {
+      clearTimeout(this.timeoutId);
+      this.timeoutId = null;
+    }
+  }
+  reset() {
+    this.stop();
+    this.currentIndex = 0;
+    this.displayedText = "";
+    this.hasTriggered = false;
+    this.updateDisplay("");
+  }
+  updateDisplay(text) {
+    this.container.textContent = text;
+  }
+  // 텍스트 변경
+  setText(newText) {
+    this.originalText = newText;
+    this.config.text = newText;
+    this.textUnits = decomposeText(newText);
+    this.initializeTextStructure();
+    this.reset();
+    if (this.config.enabled) {
+      setTimeout(() => this.start(), this.config.delay);
+    }
+  }
+  destroy() {
+    this.stop();
+    if (this.intersectionObserver) {
+      this.intersectionObserver.disconnect();
+      this.intersectionObserver = null;
+    }
+  }
+}
+function create_fragment$2(ctx) {
   let div;
   return {
     c() {
@@ -917,7 +1151,7 @@ function instance_1$1($$self, $$props, $$invalidate) {
   let { style = {} } = $$props;
   const dispatch = createEventDispatcher();
   let container;
-  let instance = null;
+  let instance2 = null;
   onMount(() => {
     if (!container) return;
     const options = {
@@ -941,33 +1175,33 @@ function instance_1$1($$self, $$props, $$invalidate) {
         dispatch("update", inst);
       }
     };
-    $$invalidate(20, instance = new TextToParticle(container, options));
+    $$invalidate(20, instance2 = new TextToParticle(container, options));
   });
   onDestroy(() => {
-    if (instance) {
-      instance.destroy();
-      $$invalidate(20, instance = null);
+    if (instance2) {
+      instance2.destroy();
+      $$invalidate(20, instance2 = null);
     }
   });
   function morph(textOrOptions) {
-    if (instance) {
-      instance.morph(textOrOptions);
+    if (instance2) {
+      instance2.morph(textOrOptions);
     }
   }
   function scatter() {
-    if (instance) {
-      instance.scatter();
+    if (instance2) {
+      instance2.scatter();
     }
   }
   function updateConfig(config) {
-    if (instance) {
-      instance.updateConfig(config);
+    if (instance2) {
+      instance2.updateConfig(config);
     }
   }
   function destroy() {
-    if (instance) {
-      instance.destroy();
-      $$invalidate(20, instance = null);
+    if (instance2) {
+      instance2.destroy();
+      $$invalidate(20, instance2 = null);
     }
   }
   function div_binding($$value) {
@@ -997,8 +1231,8 @@ function instance_1$1($$self, $$props, $$invalidate) {
     if ($$self.$$.dirty & /*instance, text, densityStep, maxParticles, pointSize, ease, repelRadius, repelStrength, particleColor, fontFamily, fontSize, width, height, devicePixelRatio*/
     1114104) {
       {
-        if (instance) {
-          instance.updateConfig({
+        if (instance2) {
+          instance2.updateConfig({
             text,
             densityStep,
             maxParticles,
@@ -1038,14 +1272,14 @@ function instance_1$1($$self, $$props, $$invalidate) {
     scatter,
     updateConfig,
     destroy,
-    instance,
+    instance2,
     div_binding
   ];
 }
 class TextToParticle_1 extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance_1$1, create_fragment$1, safe_not_equal, {
+    init(this, options, instance_1$1, create_fragment$2, safe_not_equal, {
       text: 3,
       densityStep: 4,
       maxParticles: 5,
@@ -1080,7 +1314,7 @@ class TextToParticle_1 extends SvelteComponent {
     return this.$$.ctx[19];
   }
 }
-function create_fragment(ctx) {
+function create_fragment$1(ctx) {
   let div;
   return {
     c() {
@@ -1145,7 +1379,7 @@ function instance_1($$self, $$props, $$invalidate) {
   let { style = {} } = $$props;
   const dispatch = createEventDispatcher();
   let container;
-  let instance = null;
+  let instance2 = null;
   onMount(() => {
     if (!container) return;
     const options = {
@@ -1164,44 +1398,44 @@ function instance_1($$self, $$props, $$invalidate) {
         dispatch("complete");
       }
     };
-    $$invalidate(17, instance = new Count(container, options));
+    $$invalidate(17, instance2 = new Count(container, options));
   });
   onDestroy(() => {
-    if (instance) {
-      instance.destroy();
-      $$invalidate(17, instance = null);
+    if (instance2) {
+      instance2.destroy();
+      $$invalidate(17, instance2 = null);
     }
   });
   function start() {
-    if (instance) {
-      instance.start();
+    if (instance2) {
+      instance2.start();
     }
   }
   function stop() {
-    if (instance) {
-      instance.stop();
+    if (instance2) {
+      instance2.stop();
     }
   }
   function reset() {
-    if (instance) {
-      instance.reset();
+    if (instance2) {
+      instance2.reset();
     }
   }
   function getValue() {
-    if (instance) {
-      return instance.getValue();
+    if (instance2) {
+      return instance2.getValue();
     }
     return 0;
   }
   function updateConfig(config) {
-    if (instance) {
-      instance.updateConfig(config);
+    if (instance2) {
+      instance2.updateConfig(config);
     }
   }
   function destroy() {
-    if (instance) {
-      instance.destroy();
-      $$invalidate(17, instance = null);
+    if (instance2) {
+      instance2.destroy();
+      $$invalidate(17, instance2 = null);
     }
   }
   function div_binding($$value) {
@@ -1226,8 +1460,8 @@ function instance_1($$self, $$props, $$invalidate) {
     if ($$self.$$.dirty & /*instance, targetValue, duration, startValue, enabled, easing, threshold, rootMargin, triggerOnce*/
     133112) {
       {
-        if (instance) {
-          instance.updateConfig({
+        if (instance2) {
+          instance2.updateConfig({
             targetValue,
             duration,
             startValue,
@@ -1265,14 +1499,14 @@ function instance_1($$self, $$props, $$invalidate) {
     getValue,
     updateConfig,
     destroy,
-    instance,
+    instance2,
     div_binding
   ];
 }
 class Count_1 extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance_1, create_fragment, safe_not_equal, {
+    init(this, options, instance_1, create_fragment$1, safe_not_equal, {
       targetValue: 3,
       duration: 4,
       startValue: 5,
@@ -1310,9 +1544,142 @@ class Count_1 extends SvelteComponent {
     return this.$$.ctx[16];
   }
 }
+function create_fragment(ctx) {
+  let div;
+  return {
+    c() {
+      div = element("div");
+      attr(
+        div,
+        "class",
+        /*className*/
+        ctx[1]
+      );
+      attr(
+        div,
+        "style",
+        /*style*/
+        ctx[2]
+      );
+    },
+    m(target, anchor) {
+      insert(target, div, anchor);
+      ctx[8](div);
+    },
+    p: noop,
+    i: noop,
+    o: noop,
+    d(detaching) {
+      if (detaching) {
+        detach(div);
+      }
+      ctx[8](null);
+    }
+  };
+}
+function instance($$self, $$props, $$invalidate) {
+  let $effect;
+  let $props;
+  component_subscribe($$self, effect, ($$value) => $$invalidate(10, $effect = $$value));
+  component_subscribe($$self, props, ($$value) => $$invalidate(11, $props = $$value));
+  let { text, speed = 50, delay = 0, enabled = true, threshold = 0.2, rootMargin = "0px 0px -100px 0px", triggerOnce = false, showCursor = true, cursorChar = "|", className = "", style = "", onUpdate, onComplete } = $props();
+  let containerRef = null;
+  let instanceRef = null;
+  onMount(() => {
+    if (!containerRef) return;
+    const options = {
+      text,
+      speed,
+      delay,
+      enabled,
+      threshold,
+      rootMargin,
+      triggerOnce,
+      showCursor,
+      cursorChar,
+      onUpdate,
+      onComplete
+    };
+    instanceRef = new Typing(containerRef, options);
+  });
+  onDestroy(() => {
+    if (instanceRef) {
+      instanceRef.destroy();
+      instanceRef = null;
+    }
+  });
+  $effect(() => {
+    if (instanceRef && text !== instanceRef["originalText"]) {
+      instanceRef.setText(text);
+    }
+  });
+  function start() {
+    instanceRef == null ? void 0 : instanceRef.start();
+  }
+  function stop() {
+    instanceRef == null ? void 0 : instanceRef.stop();
+  }
+  function reset() {
+    instanceRef == null ? void 0 : instanceRef.reset();
+  }
+  function setText(newText) {
+    instanceRef == null ? void 0 : instanceRef.setText(newText);
+  }
+  function destroy() {
+    if (instanceRef) {
+      instanceRef.destroy();
+      instanceRef = null;
+    }
+  }
+  function div_binding($$value) {
+    binding_callbacks[$$value ? "unshift" : "push"](() => {
+      containerRef = $$value;
+      $$invalidate(0, containerRef);
+    });
+  }
+  return [
+    containerRef,
+    className,
+    style,
+    start,
+    stop,
+    reset,
+    setText,
+    destroy,
+    div_binding
+  ];
+}
+class Typing_1 extends SvelteComponent {
+  constructor(options) {
+    super();
+    init(this, options, instance, create_fragment, safe_not_equal, {
+      start: 3,
+      stop: 4,
+      reset: 5,
+      setText: 6,
+      destroy: 7
+    });
+  }
+  get start() {
+    return this.$$.ctx[3];
+  }
+  get stop() {
+    return this.$$.ctx[4];
+  }
+  get reset() {
+    return this.$$.ctx[5];
+  }
+  get setText() {
+    return this.$$.ctx[6];
+  }
+  get destroy() {
+    return this.$$.ctx[7];
+  }
+}
 export {
   Count_1 as Count,
   TextToParticle_1 as MasonEffect,
   TextToParticle_1 as TextToParticle,
+  Typing_1 as Typing,
   TextToParticle_1 as default
 };

package/dist/svelte/textToParticle/index.d.ts

@@ -160,4 +160,56 @@ declare class TextToParticle {
     export { TextToParticleOptions as MasonEffectOptions }
     export { TextToParticleOptions }
 
+    export declare class Typing {
+        container: HTMLElement;
+        config: Required<Omit<TypingOptions, 'onUpdate' | 'onComplete'>> & {
+            onUpdate: TypingOptions['onUpdate'];
+            onComplete: TypingOptions['onComplete'];
+        };
+        textUnits: string[];
+        currentIndex: number;
+        displayedText: string;
+        timeoutId: ReturnType<typeof setTimeout> | null;
+        intersectionObserver: IntersectionObserver | null;
+        isRunning: boolean;
+        hasTriggered: boolean;
+        originalText: string;
+        constructor(container: HTMLElement | string, options: TypingOptions);
+        init(): void;
+        setupIntersectionObserver(): void;
+        private originalChars;
+        private charUnitMap;
+        private initializeTextStructure;
+        private getCharIndexFromUnitIndex;
+        private buildTextFromUnits;
+        start(): void;
+        typeNext(): void;
+        stop(): void;
+        reset(): void;
+        updateDisplay(text: string): void;
+        setText(newText: string): void;
+        destroy(): void;
+    }
+
+    /**
+     * Typing - 타이핑 애니메이션 효과
+     * 바닐라 JS 코어 클래스
+     *
+     * 사용법:
+     * import { Typing } from 'masoneffect/typing';
+     */
+    export declare interface TypingOptions {
+        text: string;
+        speed?: number;
+        delay?: number;
+        enabled?: boolean;
+        threshold?: number;
+        rootMargin?: string;
+        triggerOnce?: boolean;
+        showCursor?: boolean;
+        cursorChar?: string;
+        onUpdate?: (text: string) => void;
+        onComplete?: () => void;
+    }
+
     export { }

package/dist/svelte/typing/index.cjs

@@ -0,0 +1 @@
+"use strict";var t=Object.defineProperty,e=(e,n,i)=>((e,n,i)=>n in e?t(e,n,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[n]=i)(e,"symbol"!=typeof n?n+"":n,i);const n=require("svelte");function i(){}function s(t){return t()}function r(){return Object.create(null)}function o(t){t.forEach(s)}function h(t){return"function"==typeof t}function c(t,e){return t!=t?e==e:t!==e||t&&"object"==typeof t||"function"==typeof t}function u(t,e,n){t.$$.on_destroy.push(function(t,...e){if(null==t){for(const t of e)t(void 0);return i}const n=t.subscribe(...e);return n.unsubscribe?()=>n.unsubscribe():n}(e,n))}function a(t){t.parentNode&&t.parentNode.removeChild(t)}function l(t,e,n){null==n?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}let d;function f(t){d=t}const p=[],g=[];let x=[];const $=[],y=Promise.resolve();let b=!1;function m(t){x.push(t)}const C=new Set;let T=0;function v(){if(0!==T)return;const t=d;do{try{for(;T<p.length;){const t=p[T];T++,f(t),w(t.$$)}}catch(e){throw p.length=0,T=0,e}for(f(null),p.length=0,T=0;g.length;)g.pop()();for(let t=0;t<x.length;t+=1){const e=x[t];C.has(e)||(C.add(e),e())}x.length=0}while(p.length);for(;$.length;)$.pop()();b=!1,C.clear(),f(t)}function w(t){if(null!==t.fragment){t.update(),o(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(m)}}const _=new Set;function O(t,e){const n=t.$$;null!==n.fragment&&(!function(t){const e=[],n=[];x.forEach(i=>-1===t.indexOf(i)?e.push(i):n.push(i)),n.forEach(t=>t()),x=e}(n.after_update),o(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}function U(t,e){-1===t.$$.dirty[0]&&(p.push(t),b||(b=!0,y.then(v)),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function I(t,e,n,c,u,l,p=null,g=[-1]){const x=d;f(t);const $=t.$$={fragment:null,ctx:[],props:l,update:i,not_equal:u,bound:r(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(e.context||(x?x.$$.context:[])),callbacks:r(),dirty:g,skip_bound:!1,root:e.target||x.$$.root};p&&p($.root);let y=!1;if($.ctx=n?n(t,e.props||{},(e,n,...i)=>{const s=i.length?i[0]:n;return $.ctx&&u($.ctx[e],$.ctx[e]=s)&&(!$.skip_bound&&$.bound[e]&&$.bound[e](s),y&&U(t,e)),n}):[],$.update(),y=!0,o($.before_update),$.fragment=!!c&&c($.ctx),e.target){if(e.hydrate){const t=(T=e.target,Array.from(T.childNodes));$.fragment&&$.fragment.l(t),t.forEach(a)}else $.fragment&&$.fragment.c();e.intro&&((b=t.$$.fragment)&&b.i&&(_.delete(b),b.i(C))),function(t,e,n){const{fragment:i,after_update:r}=t.$$;i&&i.m(e,n),m(()=>{const e=t.$$.on_mount.map(s).filter(h);t.$$.on_destroy?t.$$.on_destroy.push(...e):o(e),t.$$.on_mount=[]}),r.forEach(m)}(t,e.target,e.anchor),v()}var b,C,T;f(x)}class M{constructor(){e(this,"$$"),e(this,"$$set")}$destroy(){O(this,1),this.$destroy=i}$on(t,e){if(!h(e))return i;const n=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return n.push(e),()=>{const t=n.indexOf(e);-1!==t&&n.splice(t,1)}}$set(t){var e;this.$$set&&(e=t,0!==Object.keys(e).length)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}function k(t){const e=t.charCodeAt(0);if(e<44032||e>55203)return[t];const n=e-44032,i=Math.floor(n/588),s=Math.floor(n%588/28),r=n%28,o=["","ㄱ","ㄲ","ㄳ","ㄴ","ㄵ","ㄶ","ㄷ","ㄹ","ㄺ","ㄻ","ㄼ","ㄽ","ㄾ","ㄿ","ㅀ","ㅁ","ㅂ","ㅄ","ㅅ","ㅆ","ㅇ","ㅈ","ㅊ","ㅋ","ㅌ","ㅍ","ㅎ"],h=[];return h.push(["ㄱ","ㄲ","ㄴ","ㄷ","ㄸ","ㄹ","ㅁ","ㅂ","ㅃ","ㅅ","ㅆ","ㅇ","ㅈ","ㅉ","ㅊ","ㅋ","ㅌ","ㅍ","ㅎ"][i]),h.push(["ㅏ","ㅐ","ㅑ","ㅒ","ㅓ","ㅔ","ㅕ","ㅖ","ㅗ","ㅘ","ㅙ","ㅚ","ㅛ","ㅜ","ㅝ","ㅞ","ㅟ","ㅠ","ㅡ","ㅢ","ㅣ"][s]),r>0&&h.push(o[r]),h}function A(t){const e=[];for(let n=0;n<t.length;n++){const i=t[n],s=i.charCodeAt(0);if(s>=44032&&s<=55203){const t=k(i);e.push(...t)}else e.push(i)}return e}"undefined"!=typeof window&&(window.__svelte||(window.__svelte={v:new Set})).v.add("4");class E{constructor(t,e){if(this.originalChars=[],this.charUnitMap=[],this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw new Error("Container element not found");this.originalText=e.text,this.config={text:e.text,speed:e.speed??50,delay:e.delay??0,enabled:e.enabled??!0,threshold:e.threshold??.2,rootMargin:e.rootMargin??"0px 0px -100px 0px",triggerOnce:e.triggerOnce??!1,showCursor:e.showCursor??!0,cursorChar:e.cursorChar??"|",onUpdate:e.onUpdate||null,onComplete:e.onComplete||null},this.textUnits=A(this.config.text),this.originalChars=[],this.charUnitMap=[],this.initializeTextStructure(),this.currentIndex=0,this.displayedText="",this.timeoutId=null,this.intersectionObserver=null,this.isRunning=!1,this.hasTriggered=!1,this.init()}init(){this.updateDisplay(""),this.setupIntersectionObserver()}setupIntersectionObserver(){"undefined"!=typeof window&&void 0!==window.IntersectionObserver?(this.intersectionObserver=new IntersectionObserver(t=>{var e;for(const n of t)n.target===this.container&&n.isIntersecting&&!this.hasTriggered&&(this.config.enabled&&setTimeout(()=>this.start(),this.config.delay),this.hasTriggered=!0,this.config.triggerOnce&&(null==(e=this.intersectionObserver)||e.disconnect()))},{threshold:this.config.threshold,rootMargin:this.config.rootMargin}),this.intersectionObserver.observe(this.container)):this.config.enabled&&setTimeout(()=>this.start(),this.config.delay)}initializeTextStructure(){this.originalChars=[],this.charUnitMap=[];for(let t=0;t<this.originalText.length;t++){const e=this.originalText[t],n=e.charCodeAt(0);if(this.originalChars.push(e),n>=44032&&n<=55203){const t=k(e);this.charUnitMap.push(t.length)}else this.charUnitMap.push(1)}}getCharIndexFromUnitIndex(t){if(0===t)return 0;let e=0,n=0;for(let i=0;i<this.charUnitMap.length;i++){const s=this.charUnitMap[i];if(n+=s,!(t>=n)){const r=t-(n-s);if(r>0){const t=this.originalChars[i]&&this.originalChars[i].charCodeAt(0)>=44032&&this.originalChars[i].charCodeAt(0)<=55203;(t&&r>=2||!t&&r>=1)&&(e=i+1)}break}e=i+1}return e}buildTextFromUnits(t){if(0===t.length)return"";const e=this.getCharIndexFromUnitIndex(t.length);return this.originalText.substring(0,e)}start(){this.isRunning||(this.isRunning=!0,this.currentIndex=0,this.displayedText="",this.typeNext())}typeNext(){if(this.currentIndex>=this.textUnits.length)return this.isRunning=!1,this.config.showCursor&&this.updateDisplay(this.originalText),void(this.config.onComplete&&this.config.onComplete());const t=this.textUnits.slice(0,this.currentIndex+1);this.displayedText=this.buildTextFromUnits(t);let e=this.displayedText;this.config.showCursor&&(e+=this.config.cursorChar),this.updateDisplay(e),this.config.onUpdate&&this.config.onUpdate(this.displayedText),this.currentIndex++,this.timeoutId=setTimeout(()=>{this.typeNext()},this.config.speed)}stop(){this.isRunning=!1,this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}reset(){this.stop(),this.currentIndex=0,this.displayedText="",this.hasTriggered=!1,this.updateDisplay("")}updateDisplay(t){this.container.textContent=t}setText(t){this.originalText=t,this.config.text=t,this.textUnits=A(t),this.initializeTextStructure(),this.reset(),this.config.enabled&&setTimeout(()=>this.start(),this.config.delay)}destroy(){this.stop(),this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null)}}function N(t){let e;return{c(){var n;n="div",e=document.createElement(n),l(e,"class",t[1]),l(e,"style",t[2])},m(n,i){!function(t,e,n){t.insertBefore(e,n||null)}(n,e,i),t[8](e)},p:i,i:i,o:i,d(n){n&&a(e),t[8](null)}}}function S(t,e,i){let s,r;u(t,effect,t=>i(10,s=t)),u(t,props,t=>i(11,r=t));let{text:o,speed:h=50,delay:c=0,enabled:a=!0,threshold:l=.2,rootMargin:d="0px 0px -100px 0px",triggerOnce:f=!1,showCursor:p=!0,cursorChar:x="|",className:$="",style:y="",onUpdate:b,onComplete:m}=r(),C=null,T=null;return n.onMount(()=>{if(!C)return;T=new E(C,{text:o,speed:h,delay:c,enabled:a,threshold:l,rootMargin:d,triggerOnce:f,showCursor:p,cursorChar:x,onUpdate:b,onComplete:m})}),n.onDestroy(()=>{T&&(T.destroy(),T=null)}),s(()=>{T&&o!==T.originalText&&T.setText(o)}),[C,$,y,function(){null==T||T.start()},function(){null==T||T.stop()},function(){null==T||T.reset()},function(t){null==T||T.setText(t)},function(){T&&(T.destroy(),T=null)},function(t){g[t?"unshift":"push"](()=>{C=t,i(0,C)})}]}module.exports=class extends M{constructor(t){super(),I(this,t,S,N,c,{start:3,stop:4,reset:5,setText:6,destroy:7})}get start(){return this.$$.ctx[3]}get stop(){return this.$$.ctx[4]}get reset(){return this.$$.ctx[5]}get setText(){return this.$$.ctx[6]}get destroy(){return this.$$.ctx[7]}};