masoneffect 2.0.1 → 2.0.3

package/dist/svelte/typing/index.mjs

@@ -0,0 +1,634 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(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);
+import { onMount, onDestroy } from "svelte";
+function noop() {
+}
+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 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);
+}
+function detach(node) {
+  if (node.parentNode) {
+    node.parentNode.removeChild(node);
+  }
+}
+function element(name) {
+  return document.createElement(name);
+}
+function attr(node, attribute, value) {
+  if (value == null) node.removeAttribute(attribute);
+  else if (node.getAttribute(attribute) !== value) node.setAttribute(attribute, value);
+}
+function children(element2) {
+  return Array.from(element2.childNodes);
+}
+let current_component;
+function set_current_component(component) {
+  current_component = component;
+}
+const dirty_components = [];
+const binding_callbacks = [];
+let render_callbacks = [];
+const flush_callbacks = [];
+const resolved_promise = /* @__PURE__ */ Promise.resolve();
+let 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);
+}
+const seen_callbacks = /* @__PURE__ */ new Set();
+let 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.indexOf(c) === -1 ? filtered.push(c) : targets.push(c));
+  targets.forEach((c) => c());
+  render_callbacks = filtered;
+}
+const outroing = /* @__PURE__ */ new Set();
+function transition_in(block, local) {
+  if (block && block.i) {
+    outroing.delete(block);
+    block.i(local);
+  }
+}
+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 = [];
+  });
+  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, props2, append_styles = null, dirty = [-1]) {
+  const parent_component = current_component;
+  set_current_component(component);
+  const $$ = component.$$ = {
+    fragment: null,
+    ctx: [],
+    // state
+    props: props2,
+    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);
+}
+class SvelteComponent {
+  constructor() {
+    /**
+     * ### PRIVATE API
+     *
+     * Do not use, may change at any time
+     *
+     * @type {any}
+     */
+    __publicField(this, "$$");
+    /**
+     * ### PRIVATE API
+     *
+     * Do not use, may change at any time
+     *
+     * @type {any}
+     */
+    __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(props2) {
+    if (this.$$set && !is_empty(props2)) {
+      this.$$.skip_bound = true;
+      this.$$set(props2);
+      this.$$.skip_bound = false;
+    }
+  }
+}
+const PUBLIC_VERSION = "4";
+if (typeof window !== "undefined")
+  (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(PUBLIC_VERSION);
+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(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 {
+  Typing_1 as default
+};

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

@@ -12,6 +12,8 @@ export type { TextToParticleOptions, Particle } from './textToParticle/index.js'
 export { Count, default as CountDefault } from './count/index.js';
 export type { CountOptions } from './count/index.js';
 export { easingFunctions } from './count/index.js';
+export { Typing, default as TypingDefault } from './typing/index.js';
+export type { TypingOptions } from './typing/index.js';
 export { TextToParticle as MasonEffect } from './textToParticle/index.js';
 export type { TextToParticleOptions as MasonEffectOptions } from './textToParticle/index.js';
 export { default } from './textToParticle/index.js';

package/dist/textToParticle/core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,cAAc,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7F,YAAY,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGjF,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC1E,YAAY,EAAE,qBAAqB,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAG7F,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,cAAc,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7F,YAAY,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGjF,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACrE,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvD,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC1E,YAAY,EAAE,qBAAqB,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAG7F,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/textToParticle/core/typing/index.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Typing - 타이핑 애니메이션 효과
+ * 바닐라 JS 코어 클래스
+ *
+ * 사용법:
+ * import { Typing } from 'masoneffect/typing';
+ */
+export 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 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;
+}
+export default Typing;
+//# sourceMappingURL=index.d.ts.map

package/dist/textToParticle/core/typing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/typing/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AA0DD,qBAAa,MAAM;IACjB,SAAS,EAAE,WAAW,CAAC;IACvB,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,YAAY,CAAC,CAAC,GAAG;QACjE,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QACpC,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;KACzC,CAAC;IACF,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC;IAChD,oBAAoB,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAClD,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;gBAET,SAAS,EAAE,WAAW,GAAG,MAAM,EAAE,OAAO,EAAE,aAAa;IAgDnE,IAAI,IAAI,IAAI;IAQZ,yBAAyB,IAAI,IAAI;IAqCjC,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,WAAW,CAAgB;IAEnC,OAAO,CAAC,uBAAuB;IAuB/B,OAAO,CAAC,yBAAyB;IAqCjC,OAAO,CAAC,kBAAkB;IAO1B,KAAK,IAAI,IAAI;IASb,QAAQ,IAAI,IAAI;IAwChB,IAAI,IAAI,IAAI;IAQZ,KAAK,IAAI,IAAI;IAQb,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAKjC,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAY9B,OAAO,IAAI,IAAI;CAOhB;AAGD,eAAe,MAAM,CAAC"}