text-slicer 0.2.1 → 1.2.0

package/dist/index.cjs.js

@@ -0,0 +1 @@
+"use strict";var l=Object.defineProperty;var d=(a,t,e)=>t in a?l(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e;var i=(a,t,e)=>d(a,typeof t!="symbol"?t+"":t,e);class o{constructor(t={}){i(this,"textElement");i(this,"originalText");i(this,"splitMode");i(this,"cssVariables");i(this,"dataAttributes");i(this,"charIndexCounter");var e;if(this.textElement=t.container instanceof HTMLElement?t.container:document.querySelector(t.container||".text-slicer"),!this.textElement)return this.originalText="",this.splitMode="both",this.cssVariables=!1,this.dataAttributes=!1,void(this.charIndexCounter=0);this.originalText=((e=this.textElement.textContent)==null?void 0:e.trim())||"",this.splitMode=t.splitMode||"both",this.cssVariables=t.cssVariables||!1,this.dataAttributes=t.dataAttributes||!1,this.charIndexCounter=0}split(){if(!this.textElement)return;this.clear(),this.charIndexCounter=0;const t=document.createDocumentFragment(),e=this.originalText.split(" "),s=this.originalText.length;this.splitMode==="words"||this.splitMode==="both"?this.splitWords(t,e):this.splitMode==="chars"&&this.splitChars(t),this.textElement.appendChild(t),this.cssVariables&&(this.textElement.style.setProperty("--word-total",e.length.toString()),this.textElement.style.setProperty("--char-total",s.toString()))}splitWords(t,e){e.forEach((s,n)=>{if(this.splitMode==="both"){const r=this.createWordSpan(n,s);s.split("").forEach(h=>{const c=this.createCharSpan(h);r.append(c)}),t.append(r)}else{const r=this.createWordSpan(n);r.append(document.createTextNode(s)),t.append(r)}n<e.length-1&&t.append(o.createSpaceSpan())})}splitChars(t){this.originalText.split("").forEach(e=>{const s=this.createCharSpan(e);t.append(s)})}createWordSpan(t,e=""){const s=document.createElement("span");return s.classList.add("word"),this.dataAttributes&&s.setAttribute("data-word",e),this.cssVariables&&s.style.setProperty("--word-index",t.toString()),s}createCharSpan(t){const e=document.createElement("span");return e.textContent=t,this.dataAttributes&&e.setAttribute("data-char",t),t===" "?e.classList.add("whitespace"):(e.classList.add("char"),this.cssVariables&&e.style.setProperty("--char-index",this.charIndexCounter.toString()),this.charIndexCounter+=1),e}static createSpaceSpan(){const t=document.createElement("span");return t.classList.add("whitespace"),t.textContent=" ",t}clear(){this.textElement&&(this.textElement.innerHTML="")}init(){this.split()}}module.exports=o;

package/dist/index.d.ts

@@ -1,4 +1,10 @@
-export default class TextSlicer {
+declare class TextSlicer {
+    private readonly textElement;
+    private originalText;
+    private readonly splitMode;
+    private readonly cssVariables;
+    private readonly dataAttributes;
+    private charIndexCounter;
     constructor(options?: {
         container?: HTMLElement | string;
         splitMode?: 'words' | 'chars' | 'both';
@@ -6,8 +12,12 @@ export default class TextSlicer {
         dataAttributes?: boolean;
     });
     split(): void;
+    private splitWords;
+    private splitChars;
+    private createWordSpan;
+    private createCharSpan;
+    private static createSpaceSpan;
+    private clear;
     init(): void;
 }
 export default TextSlicer;
-
-//# sourceMappingURL=index.d.ts.map

package/dist/index.es.js

@@ -0,0 +1,64 @@
+var l = Object.defineProperty;
+var d = (a, t, e) => t in a ? l(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
+var i = (a, t, e) => d(a, typeof t != "symbol" ? t + "" : t, e);
+class o {
+  constructor(t = {}) {
+    i(this, "textElement");
+    i(this, "originalText");
+    i(this, "splitMode");
+    i(this, "cssVariables");
+    i(this, "dataAttributes");
+    i(this, "charIndexCounter");
+    var e;
+    if (this.textElement = t.container instanceof HTMLElement ? t.container : document.querySelector(t.container || ".text-slicer"), !this.textElement) return this.originalText = "", this.splitMode = "both", this.cssVariables = !1, this.dataAttributes = !1, void (this.charIndexCounter = 0);
+    this.originalText = ((e = this.textElement.textContent) == null ? void 0 : e.trim()) || "", this.splitMode = t.splitMode || "both", this.cssVariables = t.cssVariables || !1, this.dataAttributes = t.dataAttributes || !1, this.charIndexCounter = 0;
+  }
+  split() {
+    if (!this.textElement) return;
+    this.clear(), this.charIndexCounter = 0;
+    const t = document.createDocumentFragment(), e = this.originalText.split(" "), s = this.originalText.length;
+    this.splitMode === "words" || this.splitMode === "both" ? this.splitWords(t, e) : this.splitMode === "chars" && this.splitChars(t), this.textElement.appendChild(t), this.cssVariables && (this.textElement.style.setProperty("--word-total", e.length.toString()), this.textElement.style.setProperty("--char-total", s.toString()));
+  }
+  splitWords(t, e) {
+    e.forEach((s, n) => {
+      if (this.splitMode === "both") {
+        const r = this.createWordSpan(n, s);
+        s.split("").forEach((h) => {
+          const c = this.createCharSpan(h);
+          r.append(c);
+        }), t.append(r);
+      } else {
+        const r = this.createWordSpan(n);
+        r.append(document.createTextNode(s)), t.append(r);
+      }
+      n < e.length - 1 && t.append(o.createSpaceSpan());
+    });
+  }
+  splitChars(t) {
+    this.originalText.split("").forEach((e) => {
+      const s = this.createCharSpan(e);
+      t.append(s);
+    });
+  }
+  createWordSpan(t, e = "") {
+    const s = document.createElement("span");
+    return s.classList.add("word"), this.dataAttributes && s.setAttribute("data-word", e), this.cssVariables && s.style.setProperty("--word-index", t.toString()), s;
+  }
+  createCharSpan(t) {
+    const e = document.createElement("span");
+    return e.textContent = t, this.dataAttributes && e.setAttribute("data-char", t), t === " " ? e.classList.add("whitespace") : (e.classList.add("char"), this.cssVariables && e.style.setProperty("--char-index", this.charIndexCounter.toString()), this.charIndexCounter += 1), e;
+  }
+  static createSpaceSpan() {
+    const t = document.createElement("span");
+    return t.classList.add("whitespace"), t.textContent = " ", t;
+  }
+  clear() {
+    this.textElement && (this.textElement.innerHTML = "");
+  }
+  init() {
+    this.split();
+  }
+}
+export {
+  o as default
+};

package/dist/index.umd.js

@@ -0,0 +1 @@
+(function(s,n){typeof exports=="object"&&typeof module<"u"?module.exports=n():typeof define=="function"&&define.amd?define(n):(s=typeof globalThis<"u"?globalThis:s||self).TextSlicer=n()})(this,function(){"use strict";var l=Object.defineProperty;var d=(s,n,t)=>n in s?l(s,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[n]=t;var a=(s,n,t)=>d(s,typeof n!="symbol"?n+"":n,t);class s{constructor(t={}){a(this,"textElement");a(this,"originalText");a(this,"splitMode");a(this,"cssVariables");a(this,"dataAttributes");a(this,"charIndexCounter");var e;if(this.textElement=t.container instanceof HTMLElement?t.container:document.querySelector(t.container||".text-slicer"),!this.textElement)return this.originalText="",this.splitMode="both",this.cssVariables=!1,this.dataAttributes=!1,void(this.charIndexCounter=0);this.originalText=((e=this.textElement.textContent)==null?void 0:e.trim())||"",this.splitMode=t.splitMode||"both",this.cssVariables=t.cssVariables||!1,this.dataAttributes=t.dataAttributes||!1,this.charIndexCounter=0}split(){if(!this.textElement)return;this.clear(),this.charIndexCounter=0;const t=document.createDocumentFragment(),e=this.originalText.split(" "),i=this.originalText.length;this.splitMode==="words"||this.splitMode==="both"?this.splitWords(t,e):this.splitMode==="chars"&&this.splitChars(t),this.textElement.appendChild(t),this.cssVariables&&(this.textElement.style.setProperty("--word-total",e.length.toString()),this.textElement.style.setProperty("--char-total",i.toString()))}splitWords(t,e){e.forEach((i,o)=>{if(this.splitMode==="both"){const r=this.createWordSpan(o,i);i.split("").forEach(c=>{const h=this.createCharSpan(c);r.append(h)}),t.append(r)}else{const r=this.createWordSpan(o);r.append(document.createTextNode(i)),t.append(r)}o<e.length-1&&t.append(s.createSpaceSpan())})}splitChars(t){this.originalText.split("").forEach(e=>{const i=this.createCharSpan(e);t.append(i)})}createWordSpan(t,e=""){const i=document.createElement("span");return i.classList.add("word"),this.dataAttributes&&i.setAttribute("data-word",e),this.cssVariables&&i.style.setProperty("--word-index",t.toString()),i}createCharSpan(t){const e=document.createElement("span");return e.textContent=t,this.dataAttributes&&e.setAttribute("data-char",t),t===" "?e.classList.add("whitespace"):(e.classList.add("char"),this.cssVariables&&e.style.setProperty("--char-index",this.charIndexCounter.toString()),this.charIndexCounter+=1),e}static createSpaceSpan(){const t=document.createElement("span");return t.classList.add("whitespace"),t.textContent=" ",t}clear(){this.textElement&&(this.textElement.innerHTML="")}init(){this.split()}}return s});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "text-slicer",
-  "version": "0.2.1",
+  "version": "1.2.0",
   "description": "TextSlicer is designed to split text within an HTML element into separate words and/or characters, wrapping each word and/or character in separate span elements.",
   "author": "ux-ui.pro",
   "license": "MIT",
@@ -14,26 +14,41 @@
   "homepage": "https://github.com/ux-ui-pro/text-slicer",
   "sideEffects": false,
   "scripts": {
-    "clean": "rm -rf dist .parcel-cache",
-    "build": "yarn clean && parcel build",
+    "clean": "rimraf dist",
+    "build": "vite build",
     "lint:js": "eslint **/*.{ts,js}",
-    "lintfix": "yarn lint:js --fix"
+    "lint:fix:js": "eslint **/*.{ts,js} --fix",
+    "format:js": "prettier --write **/*.{ts,js}",
+    "lint:fix": "yarn lint:fix:js && yarn format:js"
   },
-  "browserslist": "> 0.5%, last 2 versions, not dead",
   "source": "src/index.ts",
-  "main": "dist/index.js",
-  "module": "dist/index.module.js",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    "types": "./dist/index.d.ts",
+    "import": "./dist/index.es.js",
+    "require": "./dist/index.cjs.js"
+  },
+  "files": [
+    "dist/"
+  ],
   "devDependencies": {
-    "@parcel/packager-ts": "2.12.0",
-    "@parcel/transformer-typescript-types": "2.12.0",
-    "@typescript-eslint/eslint-plugin": "^7.11.0",
-    "@typescript-eslint/parser": "^7.11.0",
-    "eslint": "^7.32.0 || ^8.57.0",
-    "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-plugin-import": "^2.29.1",
-    "parcel": "^2.12.0",
-    "typescript": "^5.4.5"
+    "@eslint/js": "9.21.0",
+    "@rollup/plugin-terser": "0.4.4",
+    "@types/node": "22.13.8",
+    "@typescript-eslint/eslint-plugin": "8.25.0",
+    "@typescript-eslint/parser": "8.25.0",
+    "eslint": "9.18.0",
+    "eslint-config-prettier": "10.0.2",
+    "eslint-import-resolver-typescript": "3.8.3",
+    "eslint-plugin-import": "2.31.0",
+    "globals": "16.0.0",
+    "prettier": "3.5.2",
+    "rimraf": "6.0.1",
+    "typescript": "5.8.2",
+    "vite": "6.2.0",
+    "vite-plugin-dts": "4.5.1"
   },
   "keywords": [
     "text",

package/.eslintignore

@@ -1,3 +0,0 @@
-node_modules
-.parcel
-dist

package/.eslintrc.json

@@ -1,26 +0,0 @@
-{
-    "env": {
-        "browser": true,
-        "es2022": true
-    },
-    "extends": [
-        "airbnb-base",
-        "plugin:@typescript-eslint/recommended"
-    ],
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-        "ecmaVersion": "latest",
-        "sourceType": "module",
-        "project": "./tsconfig.json"
-    },
-    "plugins": ["@typescript-eslint"],
-    "rules": {
-        "max-len": [
-            "off",
-            {
-                "code": 100,
-                "ignoreUrls": true
-            }
-        ]
-    }
-}

package/code_of_conduct.md

@@ -1,37 +0,0 @@
-# Contributor Covenant Code of Conduct
-
-## Our Pledge
-
-In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, ethnicity, level of experience, nationality, personal appearance, race, or religion.
-
-## Our Standards
-
-Examples of behavior that contributes to creating a positive environment include:
-
-* Using welcoming language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-
-Examples of unacceptable behavior by participants include:
-
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a professional setting
-
-## Our Responsibilities
-
-Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
-
-Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
-
-## Scope
-
-This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
-
-## Enforcement
-
-Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident.
-
-Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"mappings":"AAAA,qBAAM,UAAU;gBAaK,OAAO,GAAE;QAC1B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;QACjC,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;QACvC,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,cAAc,CAAC,EAAE,OAAO,CAAC;KACrB;IAqBC,KAAK,IAAI,IAAI;IA0Gb,IAAI,IAAI,IAAI;CAGpB;AAED,eAAe,UAAU,CAAC","sources":["src/src/index.ts","src/index.ts"],"sourcesContent":[null,"class TextSlicer {\n  private readonly textElement: HTMLElement | null;\n\n  private originalText: string;\n\n  private readonly splitMode: 'words' | 'chars' | 'both';\n\n  private readonly cssVariables: boolean;\n\n  private readonly dataAttributes: boolean;\n\n  private charIndexCounter: number;\n\n  public constructor(options: {\n    container?: HTMLElement | string;\n    splitMode?: 'words' | 'chars' | 'both';\n    cssVariables?: boolean;\n    dataAttributes?: boolean;\n  } = {}) {\n    this.textElement = options.container instanceof HTMLElement\n      ? options.container\n      : document.querySelector(options.container || '.text-slicer');\n\n    if (!this.textElement) {\n      this.originalText = '';\n      this.splitMode = 'both';\n      this.cssVariables = false;\n      this.dataAttributes = false;\n      this.charIndexCounter = 0;\n      return;\n    }\n\n    this.originalText = this.textElement.textContent?.trim() || '';\n    this.splitMode = options.splitMode || 'both';\n    this.cssVariables = options.cssVariables || false;\n    this.dataAttributes = options.dataAttributes || false;\n    this.charIndexCounter = 0;\n  }\n\n  public split(): void {\n    if (!this.textElement) return;\n\n    this.clear();\n    this.charIndexCounter = 0;\n\n    const fragment = document.createDocumentFragment();\n    const words = this.originalText.split(' ');\n    const charCount = this.originalText.length;\n\n    if (this.splitMode === 'words' || this.splitMode === 'both') {\n      this.splitWords(fragment, words);\n    } else if (this.splitMode === 'chars') {\n      this.splitChars(fragment);\n    }\n\n    this.textElement.appendChild(fragment);\n\n    if (this.cssVariables) {\n      this.textElement.style.setProperty('--word-total', words.length.toString());\n      this.textElement.style.setProperty('--char-total', charCount.toString());\n    }\n  }\n\n  private splitWords(fragment: DocumentFragment, words: string[]): void {\n    words.forEach((word, wordIndex) => {\n      if (this.splitMode === 'both') {\n        const wordSpan = this.createWordSpan(wordIndex, word);\n\n        word.split('').forEach((char) => {\n          const charSpan = this.createCharSpan(char);\n          wordSpan.append(charSpan);\n        });\n\n        fragment.append(wordSpan);\n      } else {\n        const wordSpan = this.createWordSpan(wordIndex);\n        wordSpan.append(document.createTextNode(word));\n        fragment.append(wordSpan);\n      }\n\n      if (wordIndex < words.length - 1) {\n        fragment.append(TextSlicer.createSpaceSpan());\n      }\n    });\n  }\n\n  private splitChars(fragment: DocumentFragment): void {\n    this.originalText.split('').forEach((char) => {\n      const charSpan = this.createCharSpan(char);\n      fragment.append(charSpan);\n    });\n  }\n\n  private createWordSpan(index: number, word: string = ''): HTMLElement {\n    const wordSpan = document.createElement('span');\n    wordSpan.classList.add('word');\n\n    if (this.dataAttributes) {\n      wordSpan.setAttribute('data-word', word);\n    }\n\n    if (this.cssVariables) {\n      wordSpan.style.setProperty('--word-index', index.toString());\n    }\n\n    return wordSpan;\n  }\n\n  private createCharSpan(char: string): HTMLElement {\n    const charSpan = document.createElement('span');\n    charSpan.textContent = char;\n\n    if (this.dataAttributes) {\n      charSpan.setAttribute('data-char', char);\n    }\n\n    if (char === ' ') {\n      charSpan.classList.add('whitespace');\n    } else {\n      charSpan.classList.add('char');\n\n      if (this.cssVariables) {\n        charSpan.style.setProperty('--char-index', this.charIndexCounter.toString());\n      }\n\n      this.charIndexCounter += 1;\n    }\n\n    return charSpan;\n  }\n\n  private static createSpaceSpan(): HTMLElement {\n    const spaceSpan = document.createElement('span');\n    spaceSpan.classList.add('whitespace');\n    spaceSpan.textContent = ' ';\n\n    return spaceSpan;\n  }\n\n  private clear(): void {\n    if (this.textElement) {\n      this.textElement.innerHTML = '';\n    }\n  }\n\n  public init(): void {\n    this.split();\n  }\n}\n\nexport default TextSlicer;\n"],"names":[],"version":3,"file":"index.d.ts.map"}

package/dist/index.js

@@ -1,109 +0,0 @@
-
-function $parcel$defineInteropFlag(a) {
-  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$defineInteropFlag(module.exports);
-
-$parcel$export(module.exports, "default", function () { return $a196c1ed25598f0e$export$2e2bcd8739ae039; });
-class $a196c1ed25598f0e$var$TextSlicer {
-    textElement;
-    originalText;
-    splitMode;
-    cssVariables;
-    dataAttributes;
-    charIndexCounter;
-    constructor(options = {}){
-        this.textElement = options.container instanceof HTMLElement ? options.container : document.querySelector(options.container || ".text-slicer");
-        if (!this.textElement) {
-            this.originalText = "";
-            this.splitMode = "both";
-            this.cssVariables = false;
-            this.dataAttributes = false;
-            this.charIndexCounter = 0;
-            return;
-        }
-        this.originalText = this.textElement.textContent?.trim() || "";
-        this.splitMode = options.splitMode || "both";
-        this.cssVariables = options.cssVariables || false;
-        this.dataAttributes = options.dataAttributes || false;
-        this.charIndexCounter = 0;
-    }
-    split() {
-        if (!this.textElement) return;
-        this.clear();
-        this.charIndexCounter = 0;
-        const fragment = document.createDocumentFragment();
-        const words = this.originalText.split(" ");
-        const charCount = this.originalText.length;
-        if (this.splitMode === "words" || this.splitMode === "both") this.splitWords(fragment, words);
-        else if (this.splitMode === "chars") this.splitChars(fragment);
-        this.textElement.appendChild(fragment);
-        if (this.cssVariables) {
-            this.textElement.style.setProperty("--word-total", words.length.toString());
-            this.textElement.style.setProperty("--char-total", charCount.toString());
-        }
-    }
-    splitWords(fragment, words) {
-        words.forEach((word, wordIndex)=>{
-            if (this.splitMode === "both") {
-                const wordSpan = this.createWordSpan(wordIndex, word);
-                word.split("").forEach((char)=>{
-                    const charSpan = this.createCharSpan(char);
-                    wordSpan.append(charSpan);
-                });
-                fragment.append(wordSpan);
-            } else {
-                const wordSpan = this.createWordSpan(wordIndex);
-                wordSpan.append(document.createTextNode(word));
-                fragment.append(wordSpan);
-            }
-            if (wordIndex < words.length - 1) fragment.append($a196c1ed25598f0e$var$TextSlicer.createSpaceSpan());
-        });
-    }
-    splitChars(fragment) {
-        this.originalText.split("").forEach((char)=>{
-            const charSpan = this.createCharSpan(char);
-            fragment.append(charSpan);
-        });
-    }
-    createWordSpan(index, word = "") {
-        const wordSpan = document.createElement("span");
-        wordSpan.classList.add("word");
-        if (this.dataAttributes) wordSpan.setAttribute("data-word", word);
-        if (this.cssVariables) wordSpan.style.setProperty("--word-index", index.toString());
-        return wordSpan;
-    }
-    createCharSpan(char) {
-        const charSpan = document.createElement("span");
-        charSpan.textContent = char;
-        if (this.dataAttributes) charSpan.setAttribute("data-char", char);
-        if (char === " ") charSpan.classList.add("whitespace");
-        else {
-            charSpan.classList.add("char");
-            if (this.cssVariables) charSpan.style.setProperty("--char-index", this.charIndexCounter.toString());
-            this.charIndexCounter += 1;
-        }
-        return charSpan;
-    }
-    static createSpaceSpan() {
-        const spaceSpan = document.createElement("span");
-        spaceSpan.classList.add("whitespace");
-        spaceSpan.textContent = " ";
-        return spaceSpan;
-    }
-    clear() {
-        if (this.textElement) this.textElement.innerHTML = "";
-    }
-    init() {
-        this.split();
-    }
-}
-var $a196c1ed25598f0e$export$2e2bcd8739ae039 = $a196c1ed25598f0e$var$TextSlicer;
-
-
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["src/index.ts"],"sourcesContent":["class TextSlicer {\n  private readonly textElement: HTMLElement | null;\n\n  private originalText: string;\n\n  private readonly splitMode: 'words' | 'chars' | 'both';\n\n  private readonly cssVariables: boolean;\n\n  private readonly dataAttributes: boolean;\n\n  private charIndexCounter: number;\n\n  public constructor(options: {\n    container?: HTMLElement | string;\n    splitMode?: 'words' | 'chars' | 'both';\n    cssVariables?: boolean;\n    dataAttributes?: boolean;\n  } = {}) {\n    this.textElement = options.container instanceof HTMLElement\n      ? options.container\n      : document.querySelector(options.container || '.text-slicer');\n\n    if (!this.textElement) {\n      this.originalText = '';\n      this.splitMode = 'both';\n      this.cssVariables = false;\n      this.dataAttributes = false;\n      this.charIndexCounter = 0;\n      return;\n    }\n\n    this.originalText = this.textElement.textContent?.trim() || '';\n    this.splitMode = options.splitMode || 'both';\n    this.cssVariables = options.cssVariables || false;\n    this.dataAttributes = options.dataAttributes || false;\n    this.charIndexCounter = 0;\n  }\n\n  public split(): void {\n    if (!this.textElement) return;\n\n    this.clear();\n    this.charIndexCounter = 0;\n\n    const fragment = document.createDocumentFragment();\n    const words = this.originalText.split(' ');\n    const charCount = this.originalText.length;\n\n    if (this.splitMode === 'words' || this.splitMode === 'both') {\n      this.splitWords(fragment, words);\n    } else if (this.splitMode === 'chars') {\n      this.splitChars(fragment);\n    }\n\n    this.textElement.appendChild(fragment);\n\n    if (this.cssVariables) {\n      this.textElement.style.setProperty('--word-total', words.length.toString());\n      this.textElement.style.setProperty('--char-total', charCount.toString());\n    }\n  }\n\n  private splitWords(fragment: DocumentFragment, words: string[]): void {\n    words.forEach((word, wordIndex) => {\n      if (this.splitMode === 'both') {\n        const wordSpan = this.createWordSpan(wordIndex, word);\n\n        word.split('').forEach((char) => {\n          const charSpan = this.createCharSpan(char);\n          wordSpan.append(charSpan);\n        });\n\n        fragment.append(wordSpan);\n      } else {\n        const wordSpan = this.createWordSpan(wordIndex);\n        wordSpan.append(document.createTextNode(word));\n        fragment.append(wordSpan);\n      }\n\n      if (wordIndex < words.length - 1) {\n        fragment.append(TextSlicer.createSpaceSpan());\n      }\n    });\n  }\n\n  private splitChars(fragment: DocumentFragment): void {\n    this.originalText.split('').forEach((char) => {\n      const charSpan = this.createCharSpan(char);\n      fragment.append(charSpan);\n    });\n  }\n\n  private createWordSpan(index: number, word: string = ''): HTMLElement {\n    const wordSpan = document.createElement('span');\n    wordSpan.classList.add('word');\n\n    if (this.dataAttributes) {\n      wordSpan.setAttribute('data-word', word);\n    }\n\n    if (this.cssVariables) {\n      wordSpan.style.setProperty('--word-index', index.toString());\n    }\n\n    return wordSpan;\n  }\n\n  private createCharSpan(char: string): HTMLElement {\n    const charSpan = document.createElement('span');\n    charSpan.textContent = char;\n\n    if (this.dataAttributes) {\n      charSpan.setAttribute('data-char', char);\n    }\n\n    if (char === ' ') {\n      charSpan.classList.add('whitespace');\n    } else {\n      charSpan.classList.add('char');\n\n      if (this.cssVariables) {\n        charSpan.style.setProperty('--char-index', this.charIndexCounter.toString());\n      }\n\n      this.charIndexCounter += 1;\n    }\n\n    return charSpan;\n  }\n\n  private static createSpaceSpan(): HTMLElement {\n    const spaceSpan = document.createElement('span');\n    spaceSpan.classList.add('whitespace');\n    spaceSpan.textContent = ' ';\n\n    return spaceSpan;\n  }\n\n  private clear(): void {\n    if (this.textElement) {\n      this.textElement.innerHTML = '';\n    }\n  }\n\n  public init(): void {\n    this.split();\n  }\n}\n\nexport default TextSlicer;\n"],"names":[],"version":3,"file":"index.js.map"}

package/dist/index.module.js

@@ -1,98 +0,0 @@
-class $643fcf18b2d2e76f$var$TextSlicer {
-    textElement;
-    originalText;
-    splitMode;
-    cssVariables;
-    dataAttributes;
-    charIndexCounter;
-    constructor(options = {}){
-        this.textElement = options.container instanceof HTMLElement ? options.container : document.querySelector(options.container || ".text-slicer");
-        if (!this.textElement) {
-            this.originalText = "";
-            this.splitMode = "both";
-            this.cssVariables = false;
-            this.dataAttributes = false;
-            this.charIndexCounter = 0;
-            return;
-        }
-        this.originalText = this.textElement.textContent?.trim() || "";
-        this.splitMode = options.splitMode || "both";
-        this.cssVariables = options.cssVariables || false;
-        this.dataAttributes = options.dataAttributes || false;
-        this.charIndexCounter = 0;
-    }
-    split() {
-        if (!this.textElement) return;
-        this.clear();
-        this.charIndexCounter = 0;
-        const fragment = document.createDocumentFragment();
-        const words = this.originalText.split(" ");
-        const charCount = this.originalText.length;
-        if (this.splitMode === "words" || this.splitMode === "both") this.splitWords(fragment, words);
-        else if (this.splitMode === "chars") this.splitChars(fragment);
-        this.textElement.appendChild(fragment);
-        if (this.cssVariables) {
-            this.textElement.style.setProperty("--word-total", words.length.toString());
-            this.textElement.style.setProperty("--char-total", charCount.toString());
-        }
-    }
-    splitWords(fragment, words) {
-        words.forEach((word, wordIndex)=>{
-            if (this.splitMode === "both") {
-                const wordSpan = this.createWordSpan(wordIndex, word);
-                word.split("").forEach((char)=>{
-                    const charSpan = this.createCharSpan(char);
-                    wordSpan.append(charSpan);
-                });
-                fragment.append(wordSpan);
-            } else {
-                const wordSpan = this.createWordSpan(wordIndex);
-                wordSpan.append(document.createTextNode(word));
-                fragment.append(wordSpan);
-            }
-            if (wordIndex < words.length - 1) fragment.append($643fcf18b2d2e76f$var$TextSlicer.createSpaceSpan());
-        });
-    }
-    splitChars(fragment) {
-        this.originalText.split("").forEach((char)=>{
-            const charSpan = this.createCharSpan(char);
-            fragment.append(charSpan);
-        });
-    }
-    createWordSpan(index, word = "") {
-        const wordSpan = document.createElement("span");
-        wordSpan.classList.add("word");
-        if (this.dataAttributes) wordSpan.setAttribute("data-word", word);
-        if (this.cssVariables) wordSpan.style.setProperty("--word-index", index.toString());
-        return wordSpan;
-    }
-    createCharSpan(char) {
-        const charSpan = document.createElement("span");
-        charSpan.textContent = char;
-        if (this.dataAttributes) charSpan.setAttribute("data-char", char);
-        if (char === " ") charSpan.classList.add("whitespace");
-        else {
-            charSpan.classList.add("char");
-            if (this.cssVariables) charSpan.style.setProperty("--char-index", this.charIndexCounter.toString());
-            this.charIndexCounter += 1;
-        }
-        return charSpan;
-    }
-    static createSpaceSpan() {
-        const spaceSpan = document.createElement("span");
-        spaceSpan.classList.add("whitespace");
-        spaceSpan.textContent = " ";
-        return spaceSpan;
-    }
-    clear() {
-        if (this.textElement) this.textElement.innerHTML = "";
-    }
-    init() {
-        this.split();
-    }
-}
-var $643fcf18b2d2e76f$export$2e2bcd8739ae039 = $643fcf18b2d2e76f$var$TextSlicer;
-
-
-export {$643fcf18b2d2e76f$export$2e2bcd8739ae039 as default};
-//# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["src/index.ts"],"sourcesContent":["class TextSlicer {\n  private readonly textElement: HTMLElement | null;\n\n  private originalText: string;\n\n  private readonly splitMode: 'words' | 'chars' | 'both';\n\n  private readonly cssVariables: boolean;\n\n  private readonly dataAttributes: boolean;\n\n  private charIndexCounter: number;\n\n  public constructor(options: {\n    container?: HTMLElement | string;\n    splitMode?: 'words' | 'chars' | 'both';\n    cssVariables?: boolean;\n    dataAttributes?: boolean;\n  } = {}) {\n    this.textElement = options.container instanceof HTMLElement\n      ? options.container\n      : document.querySelector(options.container || '.text-slicer');\n\n    if (!this.textElement) {\n      this.originalText = '';\n      this.splitMode = 'both';\n      this.cssVariables = false;\n      this.dataAttributes = false;\n      this.charIndexCounter = 0;\n      return;\n    }\n\n    this.originalText = this.textElement.textContent?.trim() || '';\n    this.splitMode = options.splitMode || 'both';\n    this.cssVariables = options.cssVariables || false;\n    this.dataAttributes = options.dataAttributes || false;\n    this.charIndexCounter = 0;\n  }\n\n  public split(): void {\n    if (!this.textElement) return;\n\n    this.clear();\n    this.charIndexCounter = 0;\n\n    const fragment = document.createDocumentFragment();\n    const words = this.originalText.split(' ');\n    const charCount = this.originalText.length;\n\n    if (this.splitMode === 'words' || this.splitMode === 'both') {\n      this.splitWords(fragment, words);\n    } else if (this.splitMode === 'chars') {\n      this.splitChars(fragment);\n    }\n\n    this.textElement.appendChild(fragment);\n\n    if (this.cssVariables) {\n      this.textElement.style.setProperty('--word-total', words.length.toString());\n      this.textElement.style.setProperty('--char-total', charCount.toString());\n    }\n  }\n\n  private splitWords(fragment: DocumentFragment, words: string[]): void {\n    words.forEach((word, wordIndex) => {\n      if (this.splitMode === 'both') {\n        const wordSpan = this.createWordSpan(wordIndex, word);\n\n        word.split('').forEach((char) => {\n          const charSpan = this.createCharSpan(char);\n          wordSpan.append(charSpan);\n        });\n\n        fragment.append(wordSpan);\n      } else {\n        const wordSpan = this.createWordSpan(wordIndex);\n        wordSpan.append(document.createTextNode(word));\n        fragment.append(wordSpan);\n      }\n\n      if (wordIndex < words.length - 1) {\n        fragment.append(TextSlicer.createSpaceSpan());\n      }\n    });\n  }\n\n  private splitChars(fragment: DocumentFragment): void {\n    this.originalText.split('').forEach((char) => {\n      const charSpan = this.createCharSpan(char);\n      fragment.append(charSpan);\n    });\n  }\n\n  private createWordSpan(index: number, word: string = ''): HTMLElement {\n    const wordSpan = document.createElement('span');\n    wordSpan.classList.add('word');\n\n    if (this.dataAttributes) {\n      wordSpan.setAttribute('data-word', word);\n    }\n\n    if (this.cssVariables) {\n      wordSpan.style.setProperty('--word-index', index.toString());\n    }\n\n    return wordSpan;\n  }\n\n  private createCharSpan(char: string): HTMLElement {\n    const charSpan = document.createElement('span');\n    charSpan.textContent = char;\n\n    if (this.dataAttributes) {\n      charSpan.setAttribute('data-char', char);\n    }\n\n    if (char === ' ') {\n      charSpan.classList.add('whitespace');\n    } else {\n      charSpan.classList.add('char');\n\n      if (this.cssVariables) {\n        charSpan.style.setProperty('--char-index', this.charIndexCounter.toString());\n      }\n\n      this.charIndexCounter += 1;\n    }\n\n    return charSpan;\n  }\n\n  private static createSpaceSpan(): HTMLElement {\n    const spaceSpan = document.createElement('span');\n    spaceSpan.classList.add('whitespace');\n    spaceSpan.textContent = ' ';\n\n    return spaceSpan;\n  }\n\n  private clear(): void {\n    if (this.textElement) {\n      this.textElement.innerHTML = '';\n    }\n  }\n\n  public init(): void {\n    this.split();\n  }\n}\n\nexport default TextSlicer;\n"],"names":[],"version":3,"file":"index.module.js.map"}

package/src/index.ts

@@ -1,151 +0,0 @@
-class TextSlicer {
-  private readonly textElement: HTMLElement | null;
-
-  private originalText: string;
-
-  private readonly splitMode: 'words' | 'chars' | 'both';
-
-  private readonly cssVariables: boolean;
-
-  private readonly dataAttributes: boolean;
-
-  private charIndexCounter: number;
-
-  public constructor(options: {
-    container?: HTMLElement | string;
-    splitMode?: 'words' | 'chars' | 'both';
-    cssVariables?: boolean;
-    dataAttributes?: boolean;
-  } = {}) {
-    this.textElement = options.container instanceof HTMLElement
-      ? options.container
-      : document.querySelector(options.container || '.text-slicer');
-
-    if (!this.textElement) {
-      this.originalText = '';
-      this.splitMode = 'both';
-      this.cssVariables = false;
-      this.dataAttributes = false;
-      this.charIndexCounter = 0;
-      return;
-    }
-
-    this.originalText = this.textElement.textContent?.trim() || '';
-    this.splitMode = options.splitMode || 'both';
-    this.cssVariables = options.cssVariables || false;
-    this.dataAttributes = options.dataAttributes || false;
-    this.charIndexCounter = 0;
-  }
-
-  public split(): void {
-    if (!this.textElement) return;
-
-    this.clear();
-    this.charIndexCounter = 0;
-
-    const fragment = document.createDocumentFragment();
-    const words = this.originalText.split(' ');
-    const charCount = this.originalText.length;
-
-    if (this.splitMode === 'words' || this.splitMode === 'both') {
-      this.splitWords(fragment, words);
-    } else if (this.splitMode === 'chars') {
-      this.splitChars(fragment);
-    }
-
-    this.textElement.appendChild(fragment);
-
-    if (this.cssVariables) {
-      this.textElement.style.setProperty('--word-total', words.length.toString());
-      this.textElement.style.setProperty('--char-total', charCount.toString());
-    }
-  }
-
-  private splitWords(fragment: DocumentFragment, words: string[]): void {
-    words.forEach((word, wordIndex) => {
-      if (this.splitMode === 'both') {
-        const wordSpan = this.createWordSpan(wordIndex, word);
-
-        word.split('').forEach((char) => {
-          const charSpan = this.createCharSpan(char);
-          wordSpan.append(charSpan);
-        });
-
-        fragment.append(wordSpan);
-      } else {
-        const wordSpan = this.createWordSpan(wordIndex);
-        wordSpan.append(document.createTextNode(word));
-        fragment.append(wordSpan);
-      }
-
-      if (wordIndex < words.length - 1) {
-        fragment.append(TextSlicer.createSpaceSpan());
-      }
-    });
-  }
-
-  private splitChars(fragment: DocumentFragment): void {
-    this.originalText.split('').forEach((char) => {
-      const charSpan = this.createCharSpan(char);
-      fragment.append(charSpan);
-    });
-  }
-
-  private createWordSpan(index: number, word: string = ''): HTMLElement {
-    const wordSpan = document.createElement('span');
-    wordSpan.classList.add('word');
-
-    if (this.dataAttributes) {
-      wordSpan.setAttribute('data-word', word);
-    }
-
-    if (this.cssVariables) {
-      wordSpan.style.setProperty('--word-index', index.toString());
-    }
-
-    return wordSpan;
-  }
-
-  private createCharSpan(char: string): HTMLElement {
-    const charSpan = document.createElement('span');
-    charSpan.textContent = char;
-
-    if (this.dataAttributes) {
-      charSpan.setAttribute('data-char', char);
-    }
-
-    if (char === ' ') {
-      charSpan.classList.add('whitespace');
-    } else {
-      charSpan.classList.add('char');
-
-      if (this.cssVariables) {
-        charSpan.style.setProperty('--char-index', this.charIndexCounter.toString());
-      }
-
-      this.charIndexCounter += 1;
-    }
-
-    return charSpan;
-  }
-
-  private static createSpaceSpan(): HTMLElement {
-    const spaceSpan = document.createElement('span');
-    spaceSpan.classList.add('whitespace');
-    spaceSpan.textContent = ' ';
-
-    return spaceSpan;
-  }
-
-  private clear(): void {
-    if (this.textElement) {
-      this.textElement.innerHTML = '';
-    }
-  }
-
-  public init(): void {
-    this.split();
-  }
-}
-
-export default TextSlicer;

package/tsconfig.json

@@ -1,6 +0,0 @@
-{
-  "compilerOptions": {
-    "isolatedModules": true,
-    "target": "es2022"
-  }
-}