@skeletonizer/utils 2.1.13 → 2.1.15

package/dist/utils.mjs

@@ -1,9 +1,4 @@
-var f = (s) => {
-  throw TypeError(s);
-};
-var y = (s, e, t) => e.has(s) || f("Cannot " + t);
-var n = (s, e, t) => (y(s, e, "read from private field"), t ? t.call(s) : e.get(s)), T = (s, e, t) => e.has(s) ? f("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), r = (s, e, t, a) => (y(s, e, "write to private field"), a ? a.call(s, t) : e.set(s, t), t);
-const M = [
+const g = [
   "Lorem",
   "ipsum",
   "dolor",
@@ -498,8 +493,8 @@ const M = [
   "hendrerit",
   "dolor."
 ];
-var c = /* @__PURE__ */ ((s) => (s.Text = "text", s.Input = "input", s.Image = "image", s.Video = "video", s.WrapperElement = "wrapper-element", s))(c || {}), b = /* @__PURE__ */ ((s) => (s.PrimaryColor = "rgba(100, 100, 100, .6)", s.SecondaryColor = "rgba(100, 100, 100, .3)", s))(b || {});
-class v {
+var o = /* @__PURE__ */ ((i) => (i.Text = "text", i.Input = "input", i.Image = "image", i.Video = "video", i.WrapperElement = "wrapper-element", i))(o || {}), p = /* @__PURE__ */ ((i) => (i.PrimaryColor = "rgba(100, 100, 100, .6)", i.SecondaryColor = "rgba(100, 100, 100, .3)", i))(p || {});
+class h {
   static daysInMs(e) {
     return e * 24 * 60 * 60 * 1e3;
   }
@@ -507,123 +502,119 @@ class v {
     return new Date(e.getTime() + Math.random() * (t.getTime() - e.getTime()));
   }
 }
-let q = 0;
-var i;
-class x {
-  constructor() {
-    T(this, i);
-  }
+let v = 0;
+class y {
   get value() {
-    return n(this, i);
+    return this.#e;
   }
+  #e;
   words(e) {
     this.assertType();
-    let t = "", a = 0;
-    for (; a < e; )
-      t += this.randomLoremWord() + " ", a++;
-    return r(this, i, t.trim()), this;
+    let t = "", s = 0;
+    for (; s < e; )
+      t += this.randomLoremWord() + " ", s++;
+    return this.#e = t.trim(), this;
   }
   paragraphs(e) {
     this.assertType();
-    let t = "", a = 0;
-    const m = 50;
-    for (; a < e; ) {
-      const l = m - Math.round(m * Math.random() * 0.2) * (Math.random() < 0.5 ? -1 : 1);
-      t += this.words(l).value, a !== e - 1 && (t += `
-`), a++;
+    let t = "", s = 0;
+    const n = 50;
+    for (; s < e; ) {
+      const u = n - Math.round(n * Math.random() * 0.2) * (Math.random() < 0.5 ? -1 : 1);
+      t += this.words(u).value, s !== e - 1 && (t += `
+`), s++;
     }
-    return r(this, i, t), this;
+    return this.#e = t, this;
   }
   number(e = 0, t = 1e3) {
-    return this.assertType(), r(this, i, Math.ceil(Math.random() * (t - e)) + e), this;
+    return this.assertType(), this.#e = Math.ceil(Math.random() * (t - e)) + e, this;
   }
   float(e = 0, t = 1e3) {
-    return this.assertType(), r(this, i, n(this, i) ? n(this, i) + Math.random() : Math.random() * (t - e) + e), this;
+    return this.assertType(), this.#e = this.#e ? this.#e + Math.random() : Math.random() * (t - e) + e, this;
   }
   currency(e) {
-    return this.assertType(), r(this, i, new Intl.NumberFormat(
+    return this.assertType(), this.#e = new Intl.NumberFormat(
       e.locale,
       { ...e.options, style: "currency", currency: e.currency }
-    ).format(+n(this, i))), this;
+    ).format(+this.#e), this;
   }
   multiply(e) {
-    return this.assertType(), r(this, i, n(this, i) * e), this;
+    return this.assertType(), this.#e *= e, this;
   }
   date(e = {}) {
     this.assertType();
-    let t = e.max ?? /* @__PURE__ */ new Date("2100-01-01"), a = e.min ?? /* @__PURE__ */ new Date("1970-01-01");
-    return e.isFuture ? a = new Date(Date.now() + v.daysInMs(1)) : e.isPast && (t = new Date(Date.now() - v.daysInMs(1))), r(this, i, v.dateBetween(a, t)), this;
+    let t = e.max ?? /* @__PURE__ */ new Date("2100-01-01"), s = e.min ?? /* @__PURE__ */ new Date("1970-01-01");
+    return e.isFuture ? s = new Date(Date.now() + h.daysInMs(1)) : e.isPast && (t = new Date(Date.now() - h.daysInMs(1))), this.#e = h.dateBetween(s, t), this;
   }
   timeOfDay(e = {}) {
-    const t = n(this, i) ?? this.date().value;
+    const t = this.#e ?? this.date().value;
     this.assertType();
-    const a = (e.use12HourFormat ? t.getUTCHours() % 12 : t.getUTCHours()).toString().padStart(2, "0"), m = t.getMinutes().toString().padStart(2, "0"), l = t.getSeconds().toString().padStart(2, "0"), d = this;
-    return r(d, i, e.showSeconds ? `${a}:${m}:${l}` : `${a}:${m}`), e.showAmPm && r(d, i, n(d, i) + (t.getUTCHours() >= 12 ? " PM" : " AM")), d;
+    const s = (e.use12HourFormat ? t.getUTCHours() % 12 : t.getUTCHours()).toString().padStart(2, "0"), n = t.getMinutes().toString().padStart(2, "0"), u = t.getSeconds().toString().padStart(2, "0"), l = this;
+    return l.#e = e.showSeconds ? `${s}:${n}:${u}` : `${s}:${n}`, e.showAmPm && (l.#e += t.getUTCHours() >= 12 ? " PM" : " AM"), l;
   }
   uuid() {
-    return q++, this.assertType(), r(this, i, q), this;
+    return v++, this.assertType(), this.#e = v, this;
   }
   boolean() {
-    return this.assertType(), r(this, i, Math.random() <= 0.5), this;
+    return this.assertType(), this.#e = Math.random() <= 0.5, this;
   }
   symbol(e = 0) {
-    return this.assertType(), r(this, i, Symbol(e)), this;
+    return this.assertType(), this.#e = Symbol(e), this;
   }
   randomItem(e) {
     this.assertType();
     const t = Math.floor(Math.random() * e.length);
-    return r(this, i, e[t]), this;
+    return this.#e = e[t], this;
   }
   prefix(e) {
-    return this.assertType(), r(this, i, `${e}${n(this, i)}`), this;
+    return this.assertType(), this.#e = `${e}${this.#e}`, this;
   }
   suffix(e) {
-    return this.assertType(), r(this, i, `${n(this, i)}${e}`), this;
+    return this.assertType(), this.#e = `${this.#e}${e}`, this;
   }
   identical(e) {
-    return this.assertType(), r(this, i, e), this;
+    return this.assertType(), this.#e = e, this;
   }
   assertType() {
   }
   randomLoremWord() {
-    const e = Math.floor(Math.random() * M.length);
-    return M[e] ?? "lorem";
+    const e = Math.floor(Math.random() * g.length);
+    return g[e] ?? "lorem";
   }
 }
-i = new WeakMap();
-let I = 0;
-class h {
+let T = 0;
+class d {
   constructor(e) {
-    this.generator = e, this.uuid = I++, this.viewModel = this.generator(), this.val = h.modelToValue(this.viewModel);
+    this.generator = e, this.uuid = T++, this.viewModel = this.generator(), this.val = d.modelToValue(this.viewModel);
   }
   get value() {
     return this.val;
   }
   static modelToValue(e) {
-    if (e instanceof x)
+    if (e instanceof y)
       return e.value;
     if (Array.isArray(e))
       return e.map(this.modelToValue);
     {
       const t = {};
-      return Object.keys(e).forEach((a) => {
-        t[a] = h.modelToValue(
-          e[a]
+      return Object.keys(e).forEach((s) => {
+        t[s] = d.modelToValue(
+          e[s]
         );
       }), t;
     }
   }
 }
-class P {
+class M {
   // when accessing skeletonized component properties / methods from within the view, they should be accessed via proxy method
   // this is necessary to ensure:
   // - that all properties / methods accessed from within skeletonized part of the view are a part of skeletonSchema
   // - that typescript understands correct type of each property / method accessed from within the skeletonized part of the view
   proxy(e) {
-    return e instanceof h ? e.value : e;
+    return e instanceof d ? e.value : e;
   }
 }
-class D {
+class q {
   constructor() {
     this.config = null, this.viewModels = [];
   }
@@ -631,18 +622,18 @@ class D {
   setupModels() {
     if (this.config) {
       const e = this.config.schemaGenerator;
-      this.viewModels = Array.from({ length: this.config.repeat }, () => new h(e));
+      this.viewModels = Array.from({ length: this.config.repeat }, () => new d(e));
     }
   }
 }
-const o = class o {
+const r = class r {
   static skeletonizeProjectedTemplate(e, t) {
-    const a = (t == null ? void 0 : t.primaryColor) ?? b.PrimaryColor, m = (t == null ? void 0 : t.secondaryColor) ?? b.SecondaryColor;
+    const s = t?.primaryColor ?? p.PrimaryColor, n = t?.secondaryColor ?? p.SecondaryColor;
     e.setAttribute(
       "style",
-      `--skeletonizer-primary-color: ${a}; --skeletonizer-secondary-color: ${m};`
-    ), Array.from(e.querySelectorAll("*:not(svg, [data-skeletonizer])")).forEach((l) => {
-      const d = [
+      `--skeletonizer-primary-color: ${s}; --skeletonizer-secondary-color: ${n};`
+    ), Array.from(e.querySelectorAll("*:not(svg, [data-skeletonizer])")).forEach((u) => {
+      const l = [
         "br",
         "b",
         "strong",
@@ -654,51 +645,51 @@ const o = class o {
         "ins",
         "sub",
         "sup"
-      ], g = Array.from(l.childNodes).map((u) => u.nodeName.toLowerCase()).filter((u) => !d.includes(u)), A = g.length > 0 && g.some((u) => u !== g[0]);
-      l.childNodes.forEach((u) => {
-        switch (u.nodeName.toLowerCase()) {
+      ], c = Array.from(u.childNodes).map((a) => a.nodeName.toLowerCase()).filter((a) => !l.includes(a)), f = c.length > 0 && c.some((a) => a !== c[0]);
+      u.childNodes.forEach((a) => {
+        switch (a.nodeName.toLowerCase()) {
           case "#text": {
-            if (this.assertAs(u), u.wholeText.trim())
-              if (A) {
-                const p = document.createElement("span");
-                p.innerText = u.cloneNode().wholeText, p.innerText.length && u.replaceWith(
-                  o.skeletonizedSpanGenerator(p.innerText, c.Text)
+            if (this.assertAs(a), a.wholeText.trim())
+              if (f) {
+                const m = document.createElement("span");
+                m.innerText = a.cloneNode().wholeText, m.innerText.length && a.replaceWith(
+                  r.skeletonizedSpanGenerator(m.innerText, o.Text)
                 );
               } else {
-                const p = o.skeletonizedSpanGenerator(l.innerHTML, c.Text);
-                l.innerHTML = p.outerHTML;
+                const m = r.skeletonizedSpanGenerator(u.innerHTML, o.Text);
+                u.innerHTML = m.outerHTML;
               }
             break;
           }
           case "input": {
-            u.setAttribute(o.dataAttr, c.Input);
+            a.setAttribute(r.dataAttr, o.Input);
             break;
           }
           case "img": {
-            u.setAttribute(o.dataAttr, c.Image);
+            a.setAttribute(r.dataAttr, o.Image);
             break;
           }
           case "video": {
-            u.setAttribute(o.dataAttr, c.Video);
+            a.setAttribute(r.dataAttr, o.Video);
             break;
           }
         }
       });
-    }), e.setAttribute(o.dataAttr, c.WrapperElement);
+    }), e.setAttribute(r.dataAttr, o.WrapperElement);
   }
   static skeletonizedSpanGenerator(e, t) {
-    const a = document.createElement("span");
-    return a.innerHTML = e, a.setAttribute(o.dataAttr, t), a;
+    const s = document.createElement("span");
+    return s.innerHTML = e, s.setAttribute(r.dataAttr, t), s;
   }
   static assertAs(e) {
   }
 };
-o.dataAttr = "data-skeletonizer";
-let w = o;
+r.dataAttr = "data-skeletonizer";
+let b = r;
 export {
-  h as Schema,
-  x as SchemaItem,
-  P as SkeletonAbstractComponent,
-  D as SkeletonAdapterComponent,
-  w as SkeletonDirective
+  d as Schema,
+  y as SchemaItem,
+  M as SkeletonAbstractComponent,
+  q as SkeletonAdapterComponent,
+  b as SkeletonDirective
 };

package/dist/utils.umd.js

@@ -1,2 +1,2 @@
-(function(s,r){typeof exports=="object"&&typeof module<"u"?r(exports):typeof define=="function"&&define.amd?define(["exports"],r):(s=typeof globalThis<"u"?globalThis:s||self,r(s["@skeletonizer/utils"]={}))})(this,function(s){"use strict";var A=s=>{throw TypeError(s)};var w=(s,r,n)=>r.has(s)||A("Cannot "+n);var d=(s,r,n)=>(w(s,r,"read from private field"),n?n.call(s):r.get(s)),x=(s,r,n)=>r.has(s)?A("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(s):r.set(s,n),u=(s,r,n,g)=>(w(s,r,"write to private field"),g?g.call(s,n):r.set(s,n),n);var i;const r=["Lorem","ipsum","dolor","sit","amet,","consectetur","adipiscing","elit.","Mauris","posuere","tincidunt","purus,","id","laoreet","mauris","cursus","nec.","Quisque","id","ante","id","tellus","aliquam","pulvinar","eget","eu","dolor.","Donec","egestas","dapibus","massa,","vel","finibus","lectus","congue","eu.","Morbi","quis","erat","condimentum,","molestie","ex","a,","sollicitudin","metus.","Vestibulum","orci","metus,","sagittis","a","sagittis","a,","varius","id","diam.","Cras","egestas","eros","vestibulum,","tempus","ipsum","pellentesque,","dictum","justo.","Quisque","sed","justo","metus.","Suspendisse","id","felis","vitae","nunc","auctor","tristique","eu","sit","amet","mi.","Ut","luctus","posuere","viverra.","Nunc","sed","augue","a","velit","sodales","iaculis.","Sed","at","arcu","non","massa","hendrerit","scelerisque.","Nunc","commodo","vulputate","vestibulum.","Duis","ut","leo","nisi.","Mauris","dignissim","quis","sem","non","blandit.","Suspendisse","id","elit","eget","leo","efficitur","maximus.","Ut","eu","auctor","ligula.","Nulla","in","leo","luctus,","tempor","justo","vitae,","condimentum","massa.","Quisque","venenatis","elementum","posuere.","Sed","bibendum","bibendum","enim,","in","faucibus","ante.","Aliquam","pretium","sapien","ac","eleifend","suscipit.","Duis","lacinia","justo","quis","diam","elementum,","vitae","fringilla","lectus","faucibus.","Integer","dictum","commodo","diam","a","tempus.","Aenean","elementum","egestas","quam,","eget","feugiat","ligula","imperdiet","vitae.","Morbi","mattis","dui","sed","elementum","mollis.","In","interdum","viverra","urna,","at","scelerisque","sapien.","Sed","molestie","blandit","risus","nec","ornare.","Integer","pharetra","massa","purus,","ut","fringilla","augue","sollicitudin","in.","Pellentesque","eu","leo","pharetra,","hendrerit","lectus","id,","dapibus","ipsum.","Quisque","tincidunt","euismod","venenatis.","Sed","lacus","ex,","pulvinar","at","dui","vitae,","condimentum","rutrum","eros.","Nunc","viverra","cursus","ante,","ac","dapibus","ligula","volutpat","nec.","Integer","commodo","in","tortor","eget","aliquet.","Nam","bibendum","lectus","vitae","ligula","interdum","scelerisque.","Morbi","sit","amet","augue","diam.","Etiam","purus","lorem,","sodales","sed","sodales","ac,","dignissim","a","tellus.","Nunc","vehicula","nibh","in","erat","rhoncus","ullamcorper.","Orci","varius","natoque","penatibus","et","magnis","dis","parturient","montes,","nascetur","ridiculus","mus.","Aliquam","augue","nunc,","fringilla","at","dictum","quis,","luctus","sit","amet","nisl.","Nam","lectus","felis,","egestas","nec","lacinia","non,","auctor","eget","lorem.","Nunc","vel","velit","quis","magna","hendrerit","volutpat","in","nec","leo.","Aenean","tempor","lectus","tortor,","nec","bibendum","elit","aliquam","at.","In","id","libero","tincidunt,","interdum","libero","sit","amet,","gravida","est.","Morbi","ut","ipsum","enim.","Duis","vel","posuere","ante.","Praesent","sollicitudin","lacus","sit","amet","luctus","euismod.","Phasellus","lorem","elit,","auctor","sed","risus","a,","faucibus","tempor","lacus.","Integer","id","tellus","ut","eros","congue","ornare.","Cras","vitae","ornare","sem.","Cras","tincidunt","arcu","efficitur","mauris","molestie,","eu","eleifend","eros","mattis.","Integer","id","diam","mauris.","Duis","suscipit","enim","risus,","non","dignissim","nulla","imperdiet","hendrerit.","Vestibulum","sed","dignissim","erat.","Aliquam","erat","volutpat.","Nunc","mattis","auctor","justo,","non","fringilla","dolor","blandit","a.","Donec","et","velit","tristique","lacus","varius","aliquam.","Praesent","ac","molestie","quam,","vitae","scelerisque","tellus.","Praesent","eleifend","sed","diam","in","gravida.","Donec","tristique","sapien","ante,","in","egestas","diam","porta","ac.","Proin","ac","justo","eleifend,","consequat","ante","vitae,","laoreet","augue.","Mauris","scelerisque","arcu","dolor,","quis","lobortis","risus","pellentesque","eu.","Praesent","in","enim","a","elit","feugiat","dapibus.","Duis","quis","bibendum","mi.","Vestibulum","lacinia,","sem","at","efficitur","volutpat,","velit","ligula","vulputate","nisi,","sit","amet","dapibus","risus","metus","sed","est.","Sed","in","venenatis","ante.","Pellentesque","vel","ipsum","pharetra,","efficitur","quam","ut,","hendrerit","dolor."];var n=(o=>(o.Text="text",o.Input="input",o.Image="image",o.Video="video",o.WrapperElement="wrapper-element",o))(n||{}),g=(o=>(o.PrimaryColor="rgba(100, 100, 100, .6)",o.SecondaryColor="rgba(100, 100, 100, .3)",o))(g||{});class f{static daysInMs(e){return e*24*60*60*1e3}static dateBetween(e,t){return new Date(e.getTime()+Math.random()*(t.getTime()-e.getTime()))}}let M=0;class q{constructor(){x(this,i)}get value(){return d(this,i)}words(e){this.assertType();let t="",a=0;for(;a<e;)t+=this.randomLoremWord()+" ",a++;return u(this,i,t.trim()),this}paragraphs(e){this.assertType();let t="",a=0;const p=50;for(;a<e;){const c=p-Math.round(p*Math.random()*.2)*(Math.random()<.5?-1:1);t+=this.words(c).value,a!==e-1&&(t+=`
-`),a++}return u(this,i,t),this}number(e=0,t=1e3){return this.assertType(),u(this,i,Math.ceil(Math.random()*(t-e))+e),this}float(e=0,t=1e3){return this.assertType(),u(this,i,d(this,i)?d(this,i)+Math.random():Math.random()*(t-e)+e),this}currency(e){return this.assertType(),u(this,i,new Intl.NumberFormat(e.locale,{...e.options,style:"currency",currency:e.currency}).format(+d(this,i))),this}multiply(e){return this.assertType(),u(this,i,d(this,i)*e),this}date(e={}){this.assertType();let t=e.max??new Date("2100-01-01"),a=e.min??new Date("1970-01-01");return e.isFuture?a=new Date(Date.now()+f.daysInMs(1)):e.isPast&&(t=new Date(Date.now()-f.daysInMs(1))),u(this,i,f.dateBetween(a,t)),this}timeOfDay(e={}){const t=d(this,i)??this.date().value;this.assertType();const a=(e.use12HourFormat?t.getUTCHours()%12:t.getUTCHours()).toString().padStart(2,"0"),p=t.getMinutes().toString().padStart(2,"0"),c=t.getSeconds().toString().padStart(2,"0"),h=this;return u(h,i,e.showSeconds?`${a}:${p}:${c}`:`${a}:${p}`),e.showAmPm&&u(h,i,d(h,i)+(t.getUTCHours()>=12?" PM":" AM")),h}uuid(){return M++,this.assertType(),u(this,i,M),this}boolean(){return this.assertType(),u(this,i,Math.random()<=.5),this}symbol(e=0){return this.assertType(),u(this,i,Symbol(e)),this}randomItem(e){this.assertType();const t=Math.floor(Math.random()*e.length);return u(this,i,e[t]),this}prefix(e){return this.assertType(),u(this,i,`${e}${d(this,i)}`),this}suffix(e){return this.assertType(),u(this,i,`${d(this,i)}${e}`),this}identical(e){return this.assertType(),u(this,i,e),this}assertType(){}randomLoremWord(){const e=Math.floor(Math.random()*r.length);return r[e]??"lorem"}}i=new WeakMap;let C=0;class b{constructor(e){this.generator=e,this.uuid=C++,this.viewModel=this.generator(),this.val=b.modelToValue(this.viewModel)}get value(){return this.val}static modelToValue(e){if(e instanceof q)return e.value;if(Array.isArray(e))return e.map(this.modelToValue);{const t={};return Object.keys(e).forEach(a=>{t[a]=b.modelToValue(e[a])}),t}}}class I{proxy(e){return e instanceof b?e.value:e}}class P{constructor(){this.config=null,this.viewModels=[]}setupModels(){if(this.config){const e=this.config.schemaGenerator;this.viewModels=Array.from({length:this.config.repeat},()=>new b(e))}}}const m=class m{static skeletonizeProjectedTemplate(e,t){const a=(t==null?void 0:t.primaryColor)??g.PrimaryColor,p=(t==null?void 0:t.secondaryColor)??g.SecondaryColor;e.setAttribute("style",`--skeletonizer-primary-color: ${a}; --skeletonizer-secondary-color: ${p};`),Array.from(e.querySelectorAll("*:not(svg, [data-skeletonizer])")).forEach(c=>{const h=["br","b","strong","i","em","mark","small","del","ins","sub","sup"],T=Array.from(c.childNodes).map(l=>l.nodeName.toLowerCase()).filter(l=>!h.includes(l)),S=T.length>0&&T.some(l=>l!==T[0]);c.childNodes.forEach(l=>{switch(l.nodeName.toLowerCase()){case"#text":{if(this.assertAs(l),l.wholeText.trim())if(S){const v=document.createElement("span");v.innerText=l.cloneNode().wholeText,v.innerText.length&&l.replaceWith(m.skeletonizedSpanGenerator(v.innerText,n.Text))}else{const v=m.skeletonizedSpanGenerator(c.innerHTML,n.Text);c.innerHTML=v.outerHTML}break}case"input":{l.setAttribute(m.dataAttr,n.Input);break}case"img":{l.setAttribute(m.dataAttr,n.Image);break}case"video":{l.setAttribute(m.dataAttr,n.Video);break}}})}),e.setAttribute(m.dataAttr,n.WrapperElement)}static skeletonizedSpanGenerator(e,t){const a=document.createElement("span");return a.innerHTML=e,a.setAttribute(m.dataAttr,t),a}static assertAs(e){}};m.dataAttr="data-skeletonizer";let y=m;s.Schema=b,s.SchemaItem=q,s.SkeletonAbstractComponent=I,s.SkeletonAdapterComponent=P,s.SkeletonDirective=y,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(r,m){typeof exports=="object"&&typeof module<"u"?m(exports):typeof define=="function"&&define.amd?define(["exports"],m):(r=typeof globalThis<"u"?globalThis:r||self,m(r["@skeletonizer/utils"]={}))})(this,function(r){"use strict";const m=["Lorem","ipsum","dolor","sit","amet,","consectetur","adipiscing","elit.","Mauris","posuere","tincidunt","purus,","id","laoreet","mauris","cursus","nec.","Quisque","id","ante","id","tellus","aliquam","pulvinar","eget","eu","dolor.","Donec","egestas","dapibus","massa,","vel","finibus","lectus","congue","eu.","Morbi","quis","erat","condimentum,","molestie","ex","a,","sollicitudin","metus.","Vestibulum","orci","metus,","sagittis","a","sagittis","a,","varius","id","diam.","Cras","egestas","eros","vestibulum,","tempus","ipsum","pellentesque,","dictum","justo.","Quisque","sed","justo","metus.","Suspendisse","id","felis","vitae","nunc","auctor","tristique","eu","sit","amet","mi.","Ut","luctus","posuere","viverra.","Nunc","sed","augue","a","velit","sodales","iaculis.","Sed","at","arcu","non","massa","hendrerit","scelerisque.","Nunc","commodo","vulputate","vestibulum.","Duis","ut","leo","nisi.","Mauris","dignissim","quis","sem","non","blandit.","Suspendisse","id","elit","eget","leo","efficitur","maximus.","Ut","eu","auctor","ligula.","Nulla","in","leo","luctus,","tempor","justo","vitae,","condimentum","massa.","Quisque","venenatis","elementum","posuere.","Sed","bibendum","bibendum","enim,","in","faucibus","ante.","Aliquam","pretium","sapien","ac","eleifend","suscipit.","Duis","lacinia","justo","quis","diam","elementum,","vitae","fringilla","lectus","faucibus.","Integer","dictum","commodo","diam","a","tempus.","Aenean","elementum","egestas","quam,","eget","feugiat","ligula","imperdiet","vitae.","Morbi","mattis","dui","sed","elementum","mollis.","In","interdum","viverra","urna,","at","scelerisque","sapien.","Sed","molestie","blandit","risus","nec","ornare.","Integer","pharetra","massa","purus,","ut","fringilla","augue","sollicitudin","in.","Pellentesque","eu","leo","pharetra,","hendrerit","lectus","id,","dapibus","ipsum.","Quisque","tincidunt","euismod","venenatis.","Sed","lacus","ex,","pulvinar","at","dui","vitae,","condimentum","rutrum","eros.","Nunc","viverra","cursus","ante,","ac","dapibus","ligula","volutpat","nec.","Integer","commodo","in","tortor","eget","aliquet.","Nam","bibendum","lectus","vitae","ligula","interdum","scelerisque.","Morbi","sit","amet","augue","diam.","Etiam","purus","lorem,","sodales","sed","sodales","ac,","dignissim","a","tellus.","Nunc","vehicula","nibh","in","erat","rhoncus","ullamcorper.","Orci","varius","natoque","penatibus","et","magnis","dis","parturient","montes,","nascetur","ridiculus","mus.","Aliquam","augue","nunc,","fringilla","at","dictum","quis,","luctus","sit","amet","nisl.","Nam","lectus","felis,","egestas","nec","lacinia","non,","auctor","eget","lorem.","Nunc","vel","velit","quis","magna","hendrerit","volutpat","in","nec","leo.","Aenean","tempor","lectus","tortor,","nec","bibendum","elit","aliquam","at.","In","id","libero","tincidunt,","interdum","libero","sit","amet,","gravida","est.","Morbi","ut","ipsum","enim.","Duis","vel","posuere","ante.","Praesent","sollicitudin","lacus","sit","amet","luctus","euismod.","Phasellus","lorem","elit,","auctor","sed","risus","a,","faucibus","tempor","lacus.","Integer","id","tellus","ut","eros","congue","ornare.","Cras","vitae","ornare","sem.","Cras","tincidunt","arcu","efficitur","mauris","molestie,","eu","eleifend","eros","mattis.","Integer","id","diam","mauris.","Duis","suscipit","enim","risus,","non","dignissim","nulla","imperdiet","hendrerit.","Vestibulum","sed","dignissim","erat.","Aliquam","erat","volutpat.","Nunc","mattis","auctor","justo,","non","fringilla","dolor","blandit","a.","Donec","et","velit","tristique","lacus","varius","aliquam.","Praesent","ac","molestie","quam,","vitae","scelerisque","tellus.","Praesent","eleifend","sed","diam","in","gravida.","Donec","tristique","sapien","ante,","in","egestas","diam","porta","ac.","Proin","ac","justo","eleifend,","consequat","ante","vitae,","laoreet","augue.","Mauris","scelerisque","arcu","dolor,","quis","lobortis","risus","pellentesque","eu.","Praesent","in","enim","a","elit","feugiat","dapibus.","Duis","quis","bibendum","mi.","Vestibulum","lacinia,","sem","at","efficitur","volutpat,","velit","ligula","vulputate","nisi,","sit","amet","dapibus","risus","metus","sed","est.","Sed","in","venenatis","ante.","Pellentesque","vel","ipsum","pharetra,","efficitur","quam","ut,","hendrerit","dolor."];var o=(i=>(i.Text="text",i.Input="input",i.Image="image",i.Video="video",i.WrapperElement="wrapper-element",i))(o||{}),p=(i=>(i.PrimaryColor="rgba(100, 100, 100, .6)",i.SecondaryColor="rgba(100, 100, 100, .3)",i))(p||{});class g{static daysInMs(e){return e*24*60*60*1e3}static dateBetween(e,t){return new Date(e.getTime()+Math.random()*(t.getTime()-e.getTime()))}}let f=0;class y{get value(){return this.#e}#e;words(e){this.assertType();let t="",s=0;for(;s<e;)t+=this.randomLoremWord()+" ",s++;return this.#e=t.trim(),this}paragraphs(e){this.assertType();let t="",s=0;const l=50;for(;s<e;){const u=l-Math.round(l*Math.random()*.2)*(Math.random()<.5?-1:1);t+=this.words(u).value,s!==e-1&&(t+=`
+`),s++}return this.#e=t,this}number(e=0,t=1e3){return this.assertType(),this.#e=Math.ceil(Math.random()*(t-e))+e,this}float(e=0,t=1e3){return this.assertType(),this.#e=this.#e?this.#e+Math.random():Math.random()*(t-e)+e,this}currency(e){return this.assertType(),this.#e=new Intl.NumberFormat(e.locale,{...e.options,style:"currency",currency:e.currency}).format(+this.#e),this}multiply(e){return this.assertType(),this.#e*=e,this}date(e={}){this.assertType();let t=e.max??new Date("2100-01-01"),s=e.min??new Date("1970-01-01");return e.isFuture?s=new Date(Date.now()+g.daysInMs(1)):e.isPast&&(t=new Date(Date.now()-g.daysInMs(1))),this.#e=g.dateBetween(s,t),this}timeOfDay(e={}){const t=this.#e??this.date().value;this.assertType();const s=(e.use12HourFormat?t.getUTCHours()%12:t.getUTCHours()).toString().padStart(2,"0"),l=t.getMinutes().toString().padStart(2,"0"),u=t.getSeconds().toString().padStart(2,"0"),c=this;return c.#e=e.showSeconds?`${s}:${l}:${u}`:`${s}:${l}`,e.showAmPm&&(c.#e+=t.getUTCHours()>=12?" PM":" AM"),c}uuid(){return f++,this.assertType(),this.#e=f,this}boolean(){return this.assertType(),this.#e=Math.random()<=.5,this}symbol(e=0){return this.assertType(),this.#e=Symbol(e),this}randomItem(e){this.assertType();const t=Math.floor(Math.random()*e.length);return this.#e=e[t],this}prefix(e){return this.assertType(),this.#e=`${e}${this.#e}`,this}suffix(e){return this.assertType(),this.#e=`${this.#e}${e}`,this}identical(e){return this.assertType(),this.#e=e,this}assertType(){}randomLoremWord(){const e=Math.floor(Math.random()*m.length);return m[e]??"lorem"}}let T=0;class d{constructor(e){this.generator=e,this.uuid=T++,this.viewModel=this.generator(),this.val=d.modelToValue(this.viewModel)}get value(){return this.val}static modelToValue(e){if(e instanceof y)return e.value;if(Array.isArray(e))return e.map(this.modelToValue);{const t={};return Object.keys(e).forEach(s=>{t[s]=d.modelToValue(e[s])}),t}}}class M{proxy(e){return e instanceof d?e.value:e}}class q{constructor(){this.config=null,this.viewModels=[]}setupModels(){if(this.config){const e=this.config.schemaGenerator;this.viewModels=Array.from({length:this.config.repeat},()=>new d(e))}}}const n=class n{static skeletonizeProjectedTemplate(e,t){const s=t?.primaryColor??p.PrimaryColor,l=t?.secondaryColor??p.SecondaryColor;e.setAttribute("style",`--skeletonizer-primary-color: ${s}; --skeletonizer-secondary-color: ${l};`),Array.from(e.querySelectorAll("*:not(svg, [data-skeletonizer])")).forEach(u=>{const c=["br","b","strong","i","em","mark","small","del","ins","sub","sup"],v=Array.from(u.childNodes).map(a=>a.nodeName.toLowerCase()).filter(a=>!c.includes(a)),A=v.length>0&&v.some(a=>a!==v[0]);u.childNodes.forEach(a=>{switch(a.nodeName.toLowerCase()){case"#text":{if(this.assertAs(a),a.wholeText.trim())if(A){const h=document.createElement("span");h.innerText=a.cloneNode().wholeText,h.innerText.length&&a.replaceWith(n.skeletonizedSpanGenerator(h.innerText,o.Text))}else{const h=n.skeletonizedSpanGenerator(u.innerHTML,o.Text);u.innerHTML=h.outerHTML}break}case"input":{a.setAttribute(n.dataAttr,o.Input);break}case"img":{a.setAttribute(n.dataAttr,o.Image);break}case"video":{a.setAttribute(n.dataAttr,o.Video);break}}})}),e.setAttribute(n.dataAttr,o.WrapperElement)}static skeletonizedSpanGenerator(e,t){const s=document.createElement("span");return s.innerHTML=e,s.setAttribute(n.dataAttr,t),s}static assertAs(e){}};n.dataAttr="data-skeletonizer";let b=n;r.Schema=d,r.SchemaItem=y,r.SkeletonAbstractComponent=M,r.SkeletonAdapterComponent=q,r.SkeletonDirective=b,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skeletonizer/utils",
-  "version": "2.1.13",
+  "version": "2.1.15",
   "description": "Utils for all skeletonizer packages",
   "author": "Luka Varga",
   "license": "MIT",
@@ -55,5 +55,5 @@
     "vite-plugin-dts": "^4.5.4",
     "vitest": "3.2.4"
   },
-  "gitHead": "97511a6671409873d17c0bae9e857b0b77b01b21"
+  "gitHead": "399e4168365d2667b4314b05c72860efceceb5e6"
 }