@skeletonizer/vue - npm Package Compare versions

Comparing version 0.0.12-alpha.0 to 0.0.13-alpha.0

./dist/skeletonizer-vue.umd.js

@@ -1,3 +0,3 @@
-(function(u,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(u=typeof globalThis<"u"?globalThis:u||self,a(u.SkeletonizerVue={},u.Vue))})(this,function(u,a){"use strict";var d=document.createElement("style");d.textContent=`[data-skeletonizer=wrapper-element]{--skeletonizer-text-background: rgba(0, 0, 0, .2);display:contents;filter:grayscale(100%);pointer-events:none}[data-skeletonizer=wrapper-element] *{pointer-events:none}[data-skeletonizer=wrapper-element] [data-skeletonizer=text]{animation:text-animation 2s infinite ease-in-out;background:var(--skeletonizer-primary-color);border-radius:50px;color:#0000!important}@keyframes text-animation{0%{background:var(--skeletonizer-primary-color)}50%{background:var(--skeletonizer-secondary-color)}to{background:var(--skeletonizer-primary-color)}}
-`,document.head.appendChild(d);var p=(s,e,t)=>{if(!e.has(s))throw TypeError("Cannot "+t)},h=(s,e,t)=>(p(s,e,"read from private field"),t?t.call(s):e.get(s)),v=(s,e,t)=>{if(e.has(s))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(s):e.set(s,t)},n=(s,e,t,i)=>(p(s,e,"write to private field"),i?i.call(s,t):e.set(s,t),t);const g=["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."];class l{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;var r;class b{constructor(){v(this,r,void 0)}get value(){return h(this,r)}words(e){this.assertType();let t="",i=0;for(;i<e;)t+=this.randomLoremWord()+" ",i++;return n(this,r,t.trim()),this}paragraphs(e){this.assertType();let t="",i=0;const m=50;for(;i<e;){const c=m-Math.round(m*Math.random()*.2)*(Math.random()<.5?-1:1);t+=this.words(c).value,i!==e-1&&(t+=`
-`),i++}return n(this,r,t),this}number(e=0,t=1e3){return this.assertType(),n(this,r,Math.ceil(Math.random()*(t-e))+e),this}multiply(e){return this.assertType(),n(this,r,h(this,r)*e),this}date(e={}){this.assertType();let t=e.max??new Date("2100-01-01"),i=e.min??new Date("1970-01-01");return e.isFuture?i=new Date(Date.now()+l.daysInMs(1)):e.isPast&&(t=new Date(Date.now()-l.daysInMs(1))),n(this,r,l.dateBetween(i,t)),this}uuid(){return f++,this.assertType(),n(this,r,f),this}boolean(){return this.assertType(),n(this,r,Math.random()<=.5),this}symbol(e=0){return this.assertType(),n(this,r,Symbol(e)),this}identical(e){return this.assertType(),n(this,r,e),this}assertType(){}randomLoremWord(){const e=Math.floor(Math.random()*g.length);return g[e]??"lorem"}}r=new WeakMap;class o{constructor(e){this.generator=e,this.viewModel=this.generator(),this.val=o.modelToValue(this.viewModel)}get value(){return this.val}static modelToValue(e){if(e instanceof b)return e.value;if(Array.isArray(e))return e.map(this.modelToValue);{const t={};return Object.keys(e).forEach(i=>{t[i]=o.modelToValue(e[i])}),t}}}class y{constructor(){this.config=null,this.viewModels=[]}setupModels(){if(this.config){const e=this.config.schemaGenerator;this.viewModels=Array.from({length:this.config.repeat},()=>new o(e))}}}const q=a.defineComponent({__name:"SkeletonizerSkeleton",props:{config:{},showSkeleton:{type:Boolean},scope:{},colorSchema:{}},setup(s){const e=s,t=a.reactive(new y);return a.watch(e.config,i=>{t.config=i,t.setupModels()},{immediate:!0}),(i,m)=>{const c=a.resolveDirective("skeletonize");return i.showSkeleton?(a.openBlock(!0),a.createElementBlock(a.Fragment,{key:0},a.renderList(t.viewModels,(k,w)=>a.withDirectives((a.openBlock(),a.createElementBlock("div",{key:w},[a.renderSlot(i.$slots,"default",{scope:k.value})])),[[c,e.colorSchema]])),128)):a.renderSlot(i.$slots,"default",{key:1,scope:e.scope})}}});u.SkeletonizerSkeleton=q,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
+(function(u,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(u=typeof globalThis<"u"?globalThis:u||self,a(u.SkeletonizerVue={},u.Vue))})(this,function(u,a){"use strict";var p=document.createElement("style");p.textContent=`[data-skeletonizer=wrapper-element]{--skeletonizer-text-background: rgba(0, 0, 0, .2);display:contents;filter:grayscale(100%);pointer-events:none}[data-skeletonizer=wrapper-element] *{pointer-events:none}[data-skeletonizer=wrapper-element] [data-skeletonizer=text]{animation:text-animation 2s infinite ease-in-out;background:var(--skeletonizer-primary-color);border-radius:50px;color:#0000!important}@keyframes text-animation{0%{background:var(--skeletonizer-primary-color)}50%{background:var(--skeletonizer-secondary-color)}to{background:var(--skeletonizer-primary-color)}}
+`,document.head.appendChild(p);var h=(s,e,t)=>{if(!e.has(s))throw TypeError("Cannot "+t)},g=(s,e,t)=>(h(s,e,"read from private field"),t?t.call(s):e.get(s)),b=(s,e,t)=>{if(e.has(s))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(s):e.set(s,t)},n=(s,e,t,i)=>(h(s,e,"write to private field"),i?i.call(s,t):e.set(s,t),t);const f=["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."];class l{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 v=0;var r;class y{constructor(){b(this,r,void 0)}get value(){return g(this,r)}words(e){this.assertType();let t="",i=0;for(;i<e;)t+=this.randomLoremWord()+" ",i++;return n(this,r,t.trim()),this}paragraphs(e){this.assertType();let t="",i=0;const c=50;for(;i<e;){const d=c-Math.round(c*Math.random()*.2)*(Math.random()<.5?-1:1);t+=this.words(d).value,i!==e-1&&(t+=`
+`),i++}return n(this,r,t),this}number(e=0,t=1e3){return this.assertType(),n(this,r,Math.ceil(Math.random()*(t-e))+e),this}multiply(e){return this.assertType(),n(this,r,g(this,r)*e),this}date(e={}){this.assertType();let t=e.max??new Date("2100-01-01"),i=e.min??new Date("1970-01-01");return e.isFuture?i=new Date(Date.now()+l.daysInMs(1)):e.isPast&&(t=new Date(Date.now()-l.daysInMs(1))),n(this,r,l.dateBetween(i,t)),this}uuid(){return v++,this.assertType(),n(this,r,v),this}boolean(){return this.assertType(),n(this,r,Math.random()<=.5),this}symbol(e=0){return this.assertType(),n(this,r,Symbol(e)),this}identical(e){return this.assertType(),n(this,r,e),this}assertType(){}randomLoremWord(){const e=Math.floor(Math.random()*f.length);return f[e]??"lorem"}}r=new WeakMap;class o{constructor(e){this.generator=e,this.viewModel=this.generator(),this.val=o.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(i=>{t[i]=o.modelToValue(e[i])}),t}}}class k{proxy(e){return e instanceof o?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 o(e))}}}const w=a.defineComponent({__name:"SkeletonizerSkeleton",props:{config:{},showSkeleton:{type:Boolean},scope:{},colorSchema:{}},setup(s){const e=s,t=a.reactive(new q);return a.watch(e.config,i=>{t.config=i,t.setupModels()},{immediate:!0}),(i,c)=>{const d=a.resolveDirective("skeletonize");return i.showSkeleton?(a.openBlock(!0),a.createElementBlock(a.Fragment,{key:0},a.renderList(t.viewModels,(M,S)=>a.withDirectives((a.openBlock(),a.createElementBlock("div",{key:S},[a.renderSlot(i.$slots,"default",{scope:M.value})])),[[d,e.colorSchema]])),128)):a.renderSlot(i.$slots,"default",{key:1,scope:e.scope})}}});class m extends k{constructor(e,t){super(),this.skeletonConfig=e,this.showSkeleton=t}static generate(e,t){return a.reactive(new m(e,t))}}u.SkeletonizerComponentComposable=m,u.SkeletonizerSkeleton=w,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

dist/index.d.ts

@@ -0,3 +1,4 @@
+import { SkeletonizerComponentComposable } from './composables/skeletonizer.component.composable';
 import { default as SkeletonizerSkeleton } from './components/SkeletonizerSkeleton.vue';
 
-export { SkeletonizerSkeleton };
+export { SkeletonizerSkeleton, SkeletonizerComponentComposable };

dist/skeletonizer-vue.umd.js

@@ -1,3 +0,3 @@
-(function(u,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(u=typeof globalThis<"u"?globalThis:u||self,a(u.SkeletonizerVue={},u.Vue))})(this,function(u,a){"use strict";var d=document.createElement("style");d.textContent=`[data-skeletonizer=wrapper-element]{--skeletonizer-text-background: rgba(0, 0, 0, .2);display:contents;filter:grayscale(100%);pointer-events:none}[data-skeletonizer=wrapper-element] *{pointer-events:none}[data-skeletonizer=wrapper-element] [data-skeletonizer=text]{animation:text-animation 2s infinite ease-in-out;background:var(--skeletonizer-primary-color);border-radius:50px;color:#0000!important}@keyframes text-animation{0%{background:var(--skeletonizer-primary-color)}50%{background:var(--skeletonizer-secondary-color)}to{background:var(--skeletonizer-primary-color)}}
-`,document.head.appendChild(d);var p=(s,e,t)=>{if(!e.has(s))throw TypeError("Cannot "+t)},h=(s,e,t)=>(p(s,e,"read from private field"),t?t.call(s):e.get(s)),v=(s,e,t)=>{if(e.has(s))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(s):e.set(s,t)},n=(s,e,t,i)=>(p(s,e,"write to private field"),i?i.call(s,t):e.set(s,t),t);const g=["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."];class l{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;var r;class b{constructor(){v(this,r,void 0)}get value(){return h(this,r)}words(e){this.assertType();let t="",i=0;for(;i<e;)t+=this.randomLoremWord()+" ",i++;return n(this,r,t.trim()),this}paragraphs(e){this.assertType();let t="",i=0;const m=50;for(;i<e;){const c=m-Math.round(m*Math.random()*.2)*(Math.random()<.5?-1:1);t+=this.words(c).value,i!==e-1&&(t+=`
-`),i++}return n(this,r,t),this}number(e=0,t=1e3){return this.assertType(),n(this,r,Math.ceil(Math.random()*(t-e))+e),this}multiply(e){return this.assertType(),n(this,r,h(this,r)*e),this}date(e={}){this.assertType();let t=e.max??new Date("2100-01-01"),i=e.min??new Date("1970-01-01");return e.isFuture?i=new Date(Date.now()+l.daysInMs(1)):e.isPast&&(t=new Date(Date.now()-l.daysInMs(1))),n(this,r,l.dateBetween(i,t)),this}uuid(){return f++,this.assertType(),n(this,r,f),this}boolean(){return this.assertType(),n(this,r,Math.random()<=.5),this}symbol(e=0){return this.assertType(),n(this,r,Symbol(e)),this}identical(e){return this.assertType(),n(this,r,e),this}assertType(){}randomLoremWord(){const e=Math.floor(Math.random()*g.length);return g[e]??"lorem"}}r=new WeakMap;class o{constructor(e){this.generator=e,this.viewModel=this.generator(),this.val=o.modelToValue(this.viewModel)}get value(){return this.val}static modelToValue(e){if(e instanceof b)return e.value;if(Array.isArray(e))return e.map(this.modelToValue);{const t={};return Object.keys(e).forEach(i=>{t[i]=o.modelToValue(e[i])}),t}}}class y{constructor(){this.config=null,this.viewModels=[]}setupModels(){if(this.config){const e=this.config.schemaGenerator;this.viewModels=Array.from({length:this.config.repeat},()=>new o(e))}}}const q=a.defineComponent({__name:"SkeletonizerSkeleton",props:{config:{},showSkeleton:{type:Boolean},scope:{},colorSchema:{}},setup(s){const e=s,t=a.reactive(new y);return a.watch(e.config,i=>{t.config=i,t.setupModels()},{immediate:!0}),(i,m)=>{const c=a.resolveDirective("skeletonize");return i.showSkeleton?(a.openBlock(!0),a.createElementBlock(a.Fragment,{key:0},a.renderList(t.viewModels,(k,w)=>a.withDirectives((a.openBlock(),a.createElementBlock("div",{key:w},[a.renderSlot(i.$slots,"default",{scope:k.value})])),[[c,e.colorSchema]])),128)):a.renderSlot(i.$slots,"default",{key:1,scope:e.scope})}}});u.SkeletonizerSkeleton=q,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
+(function(u,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(u=typeof globalThis<"u"?globalThis:u||self,a(u.SkeletonizerVue={},u.Vue))})(this,function(u,a){"use strict";var p=document.createElement("style");p.textContent=`[data-skeletonizer=wrapper-element]{--skeletonizer-text-background: rgba(0, 0, 0, .2);display:contents;filter:grayscale(100%);pointer-events:none}[data-skeletonizer=wrapper-element] *{pointer-events:none}[data-skeletonizer=wrapper-element] [data-skeletonizer=text]{animation:text-animation 2s infinite ease-in-out;background:var(--skeletonizer-primary-color);border-radius:50px;color:#0000!important}@keyframes text-animation{0%{background:var(--skeletonizer-primary-color)}50%{background:var(--skeletonizer-secondary-color)}to{background:var(--skeletonizer-primary-color)}}
+`,document.head.appendChild(p);var h=(s,e,t)=>{if(!e.has(s))throw TypeError("Cannot "+t)},g=(s,e,t)=>(h(s,e,"read from private field"),t?t.call(s):e.get(s)),b=(s,e,t)=>{if(e.has(s))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(s):e.set(s,t)},n=(s,e,t,i)=>(h(s,e,"write to private field"),i?i.call(s,t):e.set(s,t),t);const f=["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."];class l{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 v=0;var r;class y{constructor(){b(this,r,void 0)}get value(){return g(this,r)}words(e){this.assertType();let t="",i=0;for(;i<e;)t+=this.randomLoremWord()+" ",i++;return n(this,r,t.trim()),this}paragraphs(e){this.assertType();let t="",i=0;const c=50;for(;i<e;){const d=c-Math.round(c*Math.random()*.2)*(Math.random()<.5?-1:1);t+=this.words(d).value,i!==e-1&&(t+=`
+`),i++}return n(this,r,t),this}number(e=0,t=1e3){return this.assertType(),n(this,r,Math.ceil(Math.random()*(t-e))+e),this}multiply(e){return this.assertType(),n(this,r,g(this,r)*e),this}date(e={}){this.assertType();let t=e.max??new Date("2100-01-01"),i=e.min??new Date("1970-01-01");return e.isFuture?i=new Date(Date.now()+l.daysInMs(1)):e.isPast&&(t=new Date(Date.now()-l.daysInMs(1))),n(this,r,l.dateBetween(i,t)),this}uuid(){return v++,this.assertType(),n(this,r,v),this}boolean(){return this.assertType(),n(this,r,Math.random()<=.5),this}symbol(e=0){return this.assertType(),n(this,r,Symbol(e)),this}identical(e){return this.assertType(),n(this,r,e),this}assertType(){}randomLoremWord(){const e=Math.floor(Math.random()*f.length);return f[e]??"lorem"}}r=new WeakMap;class o{constructor(e){this.generator=e,this.viewModel=this.generator(),this.val=o.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(i=>{t[i]=o.modelToValue(e[i])}),t}}}class k{proxy(e){return e instanceof o?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 o(e))}}}const w=a.defineComponent({__name:"SkeletonizerSkeleton",props:{config:{},showSkeleton:{type:Boolean},scope:{},colorSchema:{}},setup(s){const e=s,t=a.reactive(new q);return a.watch(e.config,i=>{t.config=i,t.setupModels()},{immediate:!0}),(i,c)=>{const d=a.resolveDirective("skeletonize");return i.showSkeleton?(a.openBlock(!0),a.createElementBlock(a.Fragment,{key:0},a.renderList(t.viewModels,(M,S)=>a.withDirectives((a.openBlock(),a.createElementBlock("div",{key:S},[a.renderSlot(i.$slots,"default",{scope:M.value})])),[[d,e.colorSchema]])),128)):a.renderSlot(i.$slots,"default",{key:1,scope:e.scope})}}});class m extends k{constructor(e,t){super(),this.skeletonConfig=e,this.showSkeleton=t}static generate(e,t){return a.reactive(new m(e,t))}}u.SkeletonizerComponentComposable=m,u.SkeletonizerSkeleton=w,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

package.json

 {
   "name": "@skeletonizer/vue",
-  "version": "0.0.12-alpha.0",
+  "version": "0.0.13-alpha.0",
   "description": "The way to skeletonize your Vue.js components",
@@ -83,3 +83,3 @@ "author": "Luka Varga",
   },
-  "gitHead": "a2f706c4f583244b56dc9c1426609b89d62d45c8"
+  "gitHead": "bd0b1ba7a8cbb5ca810407d296d27127b9be3dcd"
 }

No alert changes

Improved metrics

Total package byte prevSize

36603

increased by4.98%

Number of package files

10

increased by11.11%

Lines of code

813

increased by3.7%

No dependency changes