@skeletonizer/vue - npm Package Compare versions

Comparing version 0.0.22-alpha.0 to 0.0.23-alpha.0

dist/skeletonizer-vue.umd.js

@@ -1,1 +0,2 @@
-(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@skeletonizer/utils")):typeof define=="function"&&define.amd?define(["exports","vue","@skeletonizer/utils"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.SkeletonizerVue={},t.Vue,t.SkeletonizerUtils))})(this,function(t,e,l){"use strict";const c=e.defineComponent({__name:"SkeletonizerSkeleton",props:{config:{},showSkeleton:{type:Boolean},scope:{},colorSchema:{}},setup(r){const o=r,n=e.reactive(new l.SkeletonAdapterComponent);return e.watch(o.config,i=>{n.config=i,n.setupModels()},{immediate:!0}),(i,S)=>{const d=e.resolveDirective("skeletonize");return i.showSkeleton?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.viewModels,(p,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:a},[e.renderSlot(i.$slots,"default",{scope:p.value})])),[[d,o.colorSchema]])),128)):e.renderSlot(i.$slots,"default",{key:1,scope:o.scope})}}});class s extends l.SkeletonAbstractComponent{constructor(o,n){super(),this.skeletonConfig=o,this.showSkeleton=n}static generate(o,n){return e.reactive(new s(o,n))}}const k={install:r=>{r.component("SkeletonizerSkeleton",c),r.directive("skeletonize",(o,n)=>{l.SkeletonDirective.skeletonizeProjectedTemplate(o,n.value)})}};t.SkeletonizerComponentComposable=s,t.SkeletonizerPlugin=k,t.SkeletonizerSkeleton=c,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@skeletonizer/utils")):typeof define=="function"&&define.amd?define(["exports","vue","@skeletonizer/utils"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.SkeletonizerVue={},t.Vue,t.SkeletonizerUtils))})(this,function(t,e,l){"use strict";var a=document.createElement("style");a.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(a);const c=e.defineComponent({__name:"SkeletonizerSkeleton",props:{config:{},showSkeleton:{type:Boolean},scope:{},colorSchema:{}},setup(i){const n=i,o=e.reactive(new l.SkeletonAdapterComponent);return e.watch(n.config,r=>{o.config=r,o.setupModels()},{immediate:!0}),(r,u)=>{const d=e.resolveDirective("skeletonize");return r.showSkeleton?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(o.viewModels,(p,m)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:m},[e.renderSlot(r.$slots,"default",{scope:p.value})])),[[d,n.colorSchema]])),128)):e.renderSlot(r.$slots,"default",{key:1,scope:n.scope})}}});class s extends l.SkeletonAbstractComponent{constructor(n,o){super(),this.skeletonConfig=n,this.showSkeleton=o}static generate(n,o){return e.reactive(new s(n,o))}}const k={install:i=>{i.component("SkeletonizerSkeleton",c),i.directive("skeletonize",(n,o)=>{l.SkeletonDirective.skeletonizeProjectedTemplate(n,o.value)})}};t.SkeletonizerComponentComposable=s,t.SkeletonizerPlugin=k,t.SkeletonizerSkeleton=c,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});

package.json

 {
   "name": "@skeletonizer/vue",
-  "version": "0.0.22-alpha.0",
+  "version": "0.0.23-alpha.0",
   "description": "The way to skeletonize your Vue.js components",
@@ -26,3 +26,4 @@ "author": "Luka Varga",
       "types": "./dist/index.d.ts"
-    }
+    },
+    "./dist/*.css": "./dist/*.css"
   },
@@ -81,3 +82,3 @@ "types": "./dist/index.d.ts",
   },
-  "gitHead": "2fccb98bae7225dd87b3e46c8d09c0d1dbf17722"
+  "gitHead": "e93fde814bee1e5c1488c7bc195057a74b7d2d91"
 }

No alert changes

Improved metrics

Total package byte prevSize

26499

increased by2.69%

Lines of code

147

increased by2.08%

No dependency changes