text-slicer 1.3.1-dev.1 → 1.4.0-dev.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "text-slicer",
-  "version": "1.3.1-dev.1",
+  "version": "1.4.0-dev.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",
@@ -16,10 +16,10 @@
   "scripts": {
     "clean": "rimraf dist",
     "build": "vite build",
-    "lint:js": "eslint src/**/*.{ts,js}",
-    "lint:fix:js": "eslint src/**/*.{ts,js} --fix",
-    "format:js": "prettier --write src/**/*.{ts,js}",
-    "lint:fix": "yarn lint:fix:js && yarn format:js"
+    "lint:ts": "eslint src/**/*.ts",
+    "lint:fix:ts": "eslint src/**/*.ts --fix",
+    "format:ts": "prettier --write src/**/*.ts",
+    "lint:fix": "yarn lint:fix:ts && yarn format:ts"
   },
   "source": "src/index.ts",
   "main": "dist/index.cjs.js",
@@ -38,21 +38,21 @@
     "dist/"
   ],
   "devDependencies": {
-    "@eslint/js": "9.22.0",
+    "@eslint/js": "9.34.0",
     "@rollup/plugin-terser": "0.4.4",
-    "@types/node": "22.13.10",
-    "@typescript-eslint/eslint-plugin": "8.26.0",
-    "@typescript-eslint/parser": "8.26.0",
-    "eslint": "9.22.0",
-    "eslint-config-prettier": "10.1.1",
-    "eslint-import-resolver-typescript": "3.8.3",
-    "eslint-plugin-import": "2.31.0",
-    "globals": "16.0.0",
-    "prettier": "3.5.3",
+    "@types/node": "24.3.0",
+    "@typescript-eslint/eslint-plugin": "8.40.0",
+    "@typescript-eslint/parser": "8.40.0",
+    "eslint": "9.34.0",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-import-resolver-typescript": "4.4.4",
+    "eslint-plugin-import": "2.32.0",
+    "globals": "16.3.0",
+    "prettier": "3.6.2",
     "rimraf": "6.0.1",
-    "typescript": "5.8.2",
-    "vite": "6.2.1",
-    "vite-plugin-dts": "4.5.3"
+    "typescript": "5.9.2",
+    "vite": "7.1.3",
+    "vite-plugin-dts": "4.5.4"
   },
   "keywords": [
     "text",

package/dist/index.cjs.js

@@ -1 +0,0 @@
-"use strict";var l=Object.defineProperty;var d=(r,t,e)=>t in r?l(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e;var a=(r,t,e)=>d(r,typeof t!="symbol"?t+"":t,e);class h{constructor(t={}){a(this,"textElement");a(this,"originalText");a(this,"splitMode");a(this,"cssVariables");a(this,"dataAttributes");a(this,"charIndexCounter");var o;const{container:e=".text-slicer",splitMode:s="both",cssVariables:n=!1,dataAttributes:i=!1}=t;if(this.textElement=typeof e=="string"?document.querySelector(e):e??null,!this.textElement)return this.originalText="",this.splitMode="both",this.cssVariables=!1,this.dataAttributes=!1,void(this.charIndexCounter=0);this.originalText=((o=this.textElement.textContent)==null?void 0:o.trim())||"",this.splitMode=s,this.cssVariables=n,this.dataAttributes=i,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 i=this.createWordSpan(n,s);s.split("").forEach(o=>{const c=this.createCharSpan(o);i.append(c)}),t.append(i)}else{const i=this.createWordSpan(n);i.append(document.createTextNode(s)),t.append(i)}n<e.length-1&&t.append(h.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=h;

package/dist/index.d.ts

@@ -1,25 +0,0 @@
-export type SplitMode = 'words' | 'chars' | 'both';
-export interface TextSlicerOptions {
-    container?: HTMLElement | string;
-    splitMode?: SplitMode;
-    cssVariables?: boolean;
-    dataAttributes?: boolean;
-}
-declare class TextSlicer {
-    private readonly textElement;
-    private originalText;
-    private readonly splitMode;
-    private readonly cssVariables;
-    private readonly dataAttributes;
-    private charIndexCounter;
-    constructor(options?: TextSlicerOptions);
-    split(): void;
-    private splitWords;
-    private splitChars;
-    private createWordSpan;
-    private createCharSpan;
-    private static createSpaceSpan;
-    private clear;
-    init(): void;
-}
-export default TextSlicer;

package/dist/index.es.js

@@ -1,65 +0,0 @@
-var l = Object.defineProperty;
-var d = (r, t, e) => t in r ? l(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var a = (r, t, e) => d(r, typeof t != "symbol" ? t + "" : t, e);
-class h {
-  constructor(t = {}) {
-    a(this, "textElement");
-    a(this, "originalText");
-    a(this, "splitMode");
-    a(this, "cssVariables");
-    a(this, "dataAttributes");
-    a(this, "charIndexCounter");
-    var o;
-    const { container: e = ".text-slicer", splitMode: s = "both", cssVariables: n = !1, dataAttributes: i = !1 } = t;
-    if (this.textElement = typeof e == "string" ? document.querySelector(e) : e ?? null, !this.textElement) return this.originalText = "", this.splitMode = "both", this.cssVariables = !1, this.dataAttributes = !1, void (this.charIndexCounter = 0);
-    this.originalText = ((o = this.textElement.textContent) == null ? void 0 : o.trim()) || "", this.splitMode = s, this.cssVariables = n, this.dataAttributes = i, 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 i = this.createWordSpan(n, s);
-        s.split("").forEach((o) => {
-          const c = this.createCharSpan(o);
-          i.append(c);
-        }), t.append(i);
-      } else {
-        const i = this.createWordSpan(n);
-        i.append(document.createTextNode(s)), t.append(i);
-      }
-      n < e.length - 1 && t.append(h.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 {
-  h as default
-};

package/dist/index.umd.js

@@ -1 +0,0 @@
-(function(i,r){typeof exports=="object"&&typeof module<"u"?module.exports=r():typeof define=="function"&&define.amd?define(r):(i=typeof globalThis<"u"?globalThis:i||self).TextSlicer=r()})(this,function(){"use strict";var l=Object.defineProperty;var d=(i,r,t)=>r in i?l(i,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[r]=t;var n=(i,r,t)=>d(i,typeof r!="symbol"?r+"":r,t);class i{constructor(t={}){n(this,"textElement");n(this,"originalText");n(this,"splitMode");n(this,"cssVariables");n(this,"dataAttributes");n(this,"charIndexCounter");var h;const{container:e=".text-slicer",splitMode:s="both",cssVariables:o=!1,dataAttributes:a=!1}=t;if(this.textElement=typeof e=="string"?document.querySelector(e):e??null,!this.textElement)return this.originalText="",this.splitMode="both",this.cssVariables=!1,this.dataAttributes=!1,void(this.charIndexCounter=0);this.originalText=((h=this.textElement.textContent)==null?void 0:h.trim())||"",this.splitMode=s,this.cssVariables=o,this.dataAttributes=a,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,o)=>{if(this.splitMode==="both"){const a=this.createWordSpan(o,s);s.split("").forEach(h=>{const c=this.createCharSpan(h);a.append(c)}),t.append(a)}else{const a=this.createWordSpan(o);a.append(document.createTextNode(s)),t.append(a)}o<e.length-1&&t.append(i.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()}}return i});