@shimmer-from-structure/svelte 1.1.0

package/dist/index.js

@@ -0,0 +1 @@
+(function(y,v){typeof exports=="object"&&typeof module<"u"?v(exports,require("svelte"),require("@shimmer-from-structure/core")):typeof define=="function"&&define.amd?define(["exports","svelte","@shimmer-from-structure/core"],v):(y=typeof globalThis<"u"?globalThis:y||self,v(y.ShimmerSvelte={},y.Svelte,y.ShimmerCore))})(this,function(y,v,B){"use strict";var ze=Object.defineProperty;var Je=(y,v,B)=>v in y?ze(y,v,{enumerable:!0,configurable:!0,writable:!0,value:B}):y[v]=B;var te=(y,v,B)=>Je(y,typeof v!="symbol"?v+"":v,B);function X(){}function be(e,t){for(const n in t)e[n]=t[n];return e}function ne(e){return e()}function re(){return Object.create(null)}function N(e){e.forEach(ne)}function oe(e){return typeof e=="function"}function ye(e,t){return e!=e?t==t:e!==t||e&&typeof e=="object"||typeof e=="function"}function ke(e){return Object.keys(e).length===0}function K(e,t,n,r){if(e){const o=ie(e,t,n,r);return e[0](o)}}function ie(e,t,n,r){return e[1]&&r?be(n.ctx.slice(),e[1](r(t))):n.ctx}function U(e,t,n,r){if(e[2]&&r){const o=e[2](r(n));if(t.dirty===void 0)return o;if(typeof o=="object"){const l=[],i=Math.max(t.dirty.length,o.length);for(let a=0;a<i;a+=1)l[a]=t.dirty[a]|o[a];return l}return t.dirty|o}return t.dirty}function V(e,t,n,r,o,l){if(o){const i=ie(t,n,r,l);e.p(i,o)}}function Y(e){if(e.ctx.length>32){const t=[],n=e.ctx.length/32;for(let r=0;r<n;r++)t[r]=-1;return t}return-1}function O(e,t){e.appendChild(t)}function we(e,t,n){const r=ve(e);if(!r.getElementById(t)){const o=j("style");o.id=t,o.textContent=n,Ce(r,o)}}function ve(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function Ce(e,t){return O(e.head||e,t),t.sheet}function z(e,t,n){e.insertBefore(t,n||null)}function F(e){e.parentNode&&e.parentNode.removeChild(e)}function j(e){return document.createElement(e)}function le(e){return document.createTextNode(e)}function se(){return le(" ")}function Se(){return le("")}function ue(e,t,n){n==null?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n)}function Re(e){return Array.from(e.childNodes)}function f(e,t,n,r){n==null?e.style.removeProperty(t):e.style.setProperty(t,n,"")}let J;function T(e){J=e}const D=[],Q=[];let I=[];const fe=[],Ee=Promise.resolve();let W=!1;function Be(){W||(W=!0,Ee.then(ce))}function Z(e){I.push(e)}const $=new Set;let A=0;function ce(){if(A!==0)return;const e=J;do{try{for(;A<D.length;){const t=D[A];A++,T(t),Me(t.$$)}}catch(t){throw D.length=0,A=0,t}for(T(null),D.length=0,A=0;Q.length;)Q.pop()();for(let t=0;t<I.length;t+=1){const n=I[t];$.has(n)||($.add(n),n())}I.length=0}while(D.length);for(;fe.length;)fe.pop()();W=!1,$.clear(),T(e)}function Me(e){if(e.fragment!==null){e.update(),N(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(Z)}}function xe(e){const t=[],n=[];I.forEach(r=>e.indexOf(r)===-1?t.push(r):n.push(r)),n.forEach(r=>r()),I=t}const L=new Set;let x;function ae(){x={r:0,c:[],p:x}}function de(){x.r||N(x.c),x=x.p}function E(e,t){e&&e.i&&(L.delete(e),e.i(t))}function P(e,t,n,r){if(e&&e.o){if(L.has(e))return;L.add(e),x.c.push(()=>{L.delete(e),r&&(n&&e.d(1),r())}),e.o(t)}else r&&r()}function me(e){return(e==null?void 0:e.length)!==void 0?e:Array.from(e)}function Pe(e,t){e.d(1),t.delete(e.key)}function Ne(e,t,n,r,o,l,i,a,c,u,k,m){let p=e.length,b=l.length,w=p;const s={};for(;w--;)s[e[w].key]=w;const h=[],_=new Map,M=new Map,C=[];for(w=b;w--;){const g=m(o,l,w),S=n(g);let R=i.get(S);R?C.push(()=>R.p(g,t)):(R=u(S,g),R.c()),_.set(S,h[w]=R),S in s&&M.set(S,Math.abs(w-s[S]))}const q=new Set,G=new Set;function d(g){E(g,1),g.m(a,k),i.set(g.key,g),k=g.first,b--}for(;p&&b;){const g=h[b-1],S=e[p-1],R=g.key,H=S.key;g===S?(k=g.first,p--,b--):_.has(H)?!i.has(R)||q.has(R)?d(g):G.has(H)?p--:M.get(R)>M.get(H)?(G.add(R),d(g)):(q.add(H),p--):(c(S,i),p--)}for(;p--;){const g=e[p];_.has(g.key)||c(g,i)}for(;b;)d(h[b-1]);return N(C),h}function Oe(e,t,n){const{fragment:r,after_update:o}=e.$$;r&&r.m(t,n),Z(()=>{const l=e.$$.on_mount.map(ne).filter(oe);e.$$.on_destroy?e.$$.on_destroy.push(...l):N(l),e.$$.on_mount=[]}),o.forEach(Z)}function je(e,t){const n=e.$$;n.fragment!==null&&(xe(n.after_update),N(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}function De(e,t){e.$$.dirty[0]===-1&&(D.push(e),Be(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}function Ie(e,t,n,r,o,l,i=null,a=[-1]){const c=J;T(e);const u=e.$$={fragment:null,ctx:[],props:l,update:X,not_equal:o,bound:re(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(c?c.$$.context:[])),callbacks:re(),dirty:a,skip_bound:!1,root:t.target||c.$$.root};i&&i(u.root);let k=!1;if(u.ctx=n?n(e,t.props||{},(m,p,...b)=>{const w=b.length?b[0]:p;return u.ctx&&o(u.ctx[m],u.ctx[m]=w)&&(!u.skip_bound&&u.bound[m]&&u.bound[m](w),k&&De(e,m)),p}):[],u.update(),k=!0,N(u.before_update),u.fragment=r?r(u.ctx):!1,t.target){if(t.hydrate){const m=Re(t.target);u.fragment&&u.fragment.l(m),m.forEach(F)}else u.fragment&&u.fragment.c();t.intro&&E(e.$$.fragment),Oe(e,t.target,t.anchor),ce()}T(c)}class Ae{constructor(){te(this,"$$");te(this,"$$set")}$destroy(){je(this,1),this.$destroy=X}$on(t,n){if(!oe(n))return X;const r=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return r.push(n),()=>{const o=r.indexOf(n);o!==-1&&r.splice(o,1)}}$set(t){this.$$set&&!ke(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}const Te="4";typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(Te);const he=Symbol("SHIMMER_CONFIG");function ee(){return v.getContext(he)||B.shimmerDefaults}function Fe(e={}){const t=ee(),n={shimmerColor:e.shimmerColor??t.shimmerColor,backgroundColor:e.backgroundColor??t.backgroundColor,duration:e.duration??t.duration,fallbackBorderRadius:e.fallbackBorderRadius??t.fallbackBorderRadius};v.setContext(he,n)}function Le(e){we(e,"svelte-17yl4xt",".shimmer-measure-container.svelte-17yl4xt *{color:transparent !important}.shimmer-measure-container.svelte-17yl4xt img,.shimmer-measure-container.svelte-17yl4xt svg,.shimmer-measure-container.svelte-17yl4xt video{opacity:0}@keyframes svelte-17yl4xt-shimmer-animation{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}")}function _e(e,t,n){const r=e.slice();return r[19]=t[n],r[21]=n,r}const qe=e=>({shimmerTemplateProps:e&2}),ge=e=>({shimmerTemplateProps:e[1]});function Ge(e){let t,n,r,o,l,i,a=[],c=new Map,u;const k=[Ke,Xe],m=[];function p(s,h){return s[1]?0:1}r=p(e),o=m[r]=k[r](e);let b=me(e[3]);const w=s=>s[21];for(let s=0;s<b.length;s+=1){let h=_e(e,b,s),_=w(h);c.set(_,a[s]=pe(_,h))}return{c(){t=j("div"),n=j("div"),o.c(),l=se(),i=j("div");for(let s=0;s<a.length;s+=1)a[s].c();ue(n,"class","shimmer-measure-container svelte-17yl4xt"),f(n,"pointer-events","none"),ue(n,"aria-hidden","true"),f(i,"position","absolute"),f(i,"top","0"),f(i,"left","0"),f(i,"right","0"),f(i,"bottom","0"),f(i,"overflow","hidden"),f(i,"pointer-events","none"),f(t,"position","relative")},m(s,h){z(s,t,h),O(t,n),m[r].m(n,null),e[15](n),O(t,l),O(t,i);for(let _=0;_<a.length;_+=1)a[_]&&a[_].m(i,null);u=!0},p(s,h){let _=r;r=p(s),r===_?m[r].p(s,h):(ae(),P(m[_],1,1,()=>{m[_]=null}),de(),o=m[r],o?o.p(s,h):(o=m[r]=k[r](s),o.c()),E(o,1),o.m(n,null)),h&248&&(b=me(s[3]),a=Ne(a,h,w,1,s,b,c,i,Pe,pe,null,_e))},i(s){u||(E(o),u=!0)},o(s){P(o),u=!1},d(s){s&&F(t),m[r].d(),e[15](null);for(let h=0;h<a.length;h+=1)a[h].d()}}}function He(e){let t;const n=e[14].default,r=K(n,e,e[13],null);return{c(){r&&r.c()},m(o,l){r&&r.m(o,l),t=!0},p(o,l){r&&r.p&&(!t||l&8192)&&V(r,n,o,o[13],t?U(n,o[13],l,null):Y(o[13]),null)},i(o){t||(E(r,o),t=!0)},o(o){P(r,o),t=!1},d(o){r&&r.d(o)}}}function Xe(e){let t;const n=e[14].default,r=K(n,e,e[13],null);return{c(){r&&r.c()},m(o,l){r&&r.m(o,l),t=!0},p(o,l){r&&r.p&&(!t||l&8192)&&V(r,n,o,o[13],t?U(n,o[13],l,null):Y(o[13]),null)},i(o){t||(E(r,o),t=!0)},o(o){P(r,o),t=!1},d(o){r&&r.d(o)}}}function Ke(e){let t;const n=e[14].default,r=K(n,e,e[13],ge);return{c(){r&&r.c()},m(o,l){r&&r.m(o,l),t=!0},p(o,l){r&&r.p&&(!t||l&8194)&&V(r,n,o,o[13],t?U(n,o[13],l,qe):Y(o[13]),ge)},i(o){t||(E(r,o),t=!0)},o(o){P(r,o),t=!1},d(o){r&&r.d(o)}}}function pe(e,t){let n,r,o;return{key:e,first:null,c(){n=j("div"),r=j("div"),o=se(),f(r,"position","absolute"),f(r,"top","0"),f(r,"left","0"),f(r,"width","100%"),f(r,"height","100%"),f(r,"background","linear-gradient(90deg, transparent, "+t[7]+", transparent)"),f(r,"animation","shimmer-animation "+t[5]+"s infinite"),f(n,"position","absolute"),f(n,"left",t[19].x+"px"),f(n,"top",t[19].y+"px"),f(n,"width",t[19].width+"px"),f(n,"height",t[19].height+"px"),f(n,"background-color",t[6]),f(n,"border-radius",t[19].borderRadius==="0px"?t[4]+"px":t[19].borderRadius),f(n,"overflow","hidden"),this.first=n},m(l,i){z(l,n,i),O(n,r),O(n,o)},p(l,i){t=l,i&128&&f(r,"background","linear-gradient(90deg, transparent, "+t[7]+", transparent)"),i&32&&f(r,"animation","shimmer-animation "+t[5]+"s infinite"),i&8&&f(n,"left",t[19].x+"px"),i&8&&f(n,"top",t[19].y+"px"),i&8&&f(n,"width",t[19].width+"px"),i&8&&f(n,"height",t[19].height+"px"),i&64&&f(n,"background-color",t[6]),i&24&&f(n,"border-radius",t[19].borderRadius==="0px"?t[4]+"px":t[19].borderRadius)},d(l){l&&F(n)}}}function Ue(e){let t,n,r,o;const l=[He,Ge],i=[];function a(c,u){return c[0]?1:0}return t=a(e),n=i[t]=l[t](e),{c(){n.c(),r=Se()},m(c,u){i[t].m(c,u),z(c,r,u),o=!0},p(c,[u]){let k=t;t=a(c),t===k?i[t].p(c,u):(ae(),P(i[k],1,1,()=>{i[k]=null}),de(),n=i[t],n?n.p(c,u):(n=i[t]=l[t](c),n.c()),E(n,1),n.m(r.parentNode,r))},i(c){o||(E(n),o=!0)},o(c){P(n),o=!1},d(c){c&&F(r),i[t].d(c)}}}function Ve(e,t,n){let r,o,l,i,{$$slots:a={},$$scope:c}=t,{loading:u=!0}=t,{shimmerColor:k=void 0}=t,{backgroundColor:m=void 0}=t,{duration:p=void 0}=t,{fallbackBorderRadius:b=void 0}=t,{templateProps:w=void 0}=t,s,h=[];const _=ee();async function M(){if(!u||!s)return;C==null||C.disconnect(),await v.tick();const d=s,g=d.getBoundingClientRect(),S=[];Array.from(d.children).forEach(R=>{S.push(...B.extractElementInfo(R,g))}),n(3,h=S),s&&C&&C.observe(s,{childList:!0,subtree:!0,characterData:!0,attributes:!1})}let C;v.onMount(()=>(M(),s&&(C=new MutationObserver(()=>{u&&M()}),C.observe(s,{childList:!0,subtree:!0,characterData:!0,attributes:!1})),()=>{C==null||C.disconnect()}));function q(){M()}function G(d){Q[d?"unshift":"push"](()=>{s=d,n(2,s)})}return e.$$set=d=>{"loading"in d&&n(0,u=d.loading),"shimmerColor"in d&&n(8,k=d.shimmerColor),"backgroundColor"in d&&n(9,m=d.backgroundColor),"duration"in d&&n(10,p=d.duration),"fallbackBorderRadius"in d&&n(11,b=d.fallbackBorderRadius),"templateProps"in d&&n(1,w=d.templateProps),"$$scope"in d&&n(13,c=d.$$scope)},e.$$.update=()=>{e.$$.dirty&256&&n(7,r=k??_.shimmerColor),e.$$.dirty&512&&n(6,o=m??_.backgroundColor),e.$$.dirty&1024&&n(5,l=p??_.duration),e.$$.dirty&2048&&n(4,i=b??_.fallbackBorderRadius),e.$$.dirty&5&&u&&s&&M()},[u,w,s,h,i,l,o,r,k,m,p,b,q,c,a,G]}class Ye extends Ae{constructor(t){super(),Ie(this,t,Ve,Ue,ye,{loading:0,shimmerColor:8,backgroundColor:9,duration:10,fallbackBorderRadius:11,templateProps:1,remeasure:12},Le)}get remeasure(){return this.$$.ctx[12]}}Object.defineProperty(y,"shimmerDefaults",{enumerable:!0,get:()=>B.shimmerDefaults}),y.Shimmer=Ye,y.getShimmerConfig=ee,y.setShimmerConfig=Fe,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});

package/dist/src/Shimmer.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

package/dist/src/Shimmer.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Shimmer.test.d.ts.map

package/dist/src/Shimmer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.test.d.ts","sourceRoot":"","sources":["../../src/Shimmer.test.ts"],"names":[],"mappings":""}

package/dist/src/ShimmerContext.d.ts

@@ -0,0 +1,24 @@
+import { ShimmerConfig, ShimmerContextValue, shimmerDefaults } from '@shimmer-from-structure/core';
+/**
+ * Access the current shimmer configuration from context.
+ * Returns default values if no configuration has been provided.
+ * All returned values are guaranteed to be defined.
+ */
+export declare function getShimmerConfig(): ShimmerContextValue;
+/**
+ * Provide shimmer configuration to child components.
+ * Wrap your app or a section of your component tree to apply default shimmer settings.
+ *
+ * @param config Configuration object
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { setShimmerConfig } from '@shimmer-from-structure/svelte';
+ *   setShimmerConfig({ shimmerColor: '#fff', duration: 2 });
+ * </script>
+ * ```
+ */
+export declare function setShimmerConfig(config?: ShimmerConfig): void;
+export { shimmerDefaults };
+//# sourceMappingURL=ShimmerContext.d.ts.map

package/dist/src/ShimmerContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerContext.d.ts","sourceRoot":"","sources":["../../src/ShimmerContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAK/D;;;;GAIG;AACH,wBAAgB,gBAAgB,IAAI,mBAAmB,CAGtD;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,GAAE,aAAkB,QAW1D;AAGD,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/src/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Shimmer } from './Shimmer.svelte';
+export { setShimmerConfig, getShimmerConfig, shimmerDefaults } from './ShimmerContext';
+export type { ShimmerProps } from './types';
+export type { ShimmerConfig, ShimmerContextValue, ElementInfo } from '@shimmer-from-structure/core';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACvF,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/src/test/setup.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=setup.d.ts.map

package/dist/src/test/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../../src/test/setup.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}

package/dist/src/types.d.ts

@@ -0,0 +1,20 @@
+export interface ShimmerProps {
+    loading?: boolean;
+    shimmerColor?: string;
+    backgroundColor?: string;
+    duration?: number;
+    /**
+     * Fallback border radius (in pixels) used when an element has no border-radius.
+     * Helps avoid square-ish shimmer blocks, especially for text elements.
+     * @default 4
+     */
+    fallbackBorderRadius?: number;
+    /**
+     * Object mapping prop names to their mock/template values.
+     * These props will be injected into the slot when loading.
+     * Example: { user: { name: "Lorem" }, settings: { theme: "dark" } }
+     */
+    templateProps?: Record<string, unknown>;
+}
+export type { ShimmerConfig, ShimmerContextValue, ElementInfo } from '@shimmer-from-structure/core';
+//# sourceMappingURL=types.d.ts.map

package/dist/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAGD,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC"}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@shimmer-from-structure/svelte",
+  "version": "1.1.0",
+  "type": "module",
+  "description": "Svelte adapter for shimmer-from-structure",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "svelte-check && vite build",
+    "test": "vitest",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "format": "prettier --write .",
+    "prepublishOnly": "cp ../../README.md ."
+  },
+  "peerDependencies": {
+    "svelte": "^4.0.0 || ^5.0.0"
+  },
+  "dependencies": {
+    "@shimmer-from-structure/core": "*"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/svelte": "^5.3.1",
+    "jsdom": "^27.4.0",
+    "svelte": "^4.0.0",
+    "svelte-check": "^3.0.0",
+    "tslib": "^2.0.0",
+    "typescript": "^5.0.0"
+  },
+  "keywords": [
+    "svelte",
+    "shimmer",
+    "skeleton",
+    "loading"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/darula-hpp/shimmer-from-structure.git",
+    "directory": "packages/svelte"
+  },
+  "author": "Olebogeng Mbedzi",
+  "license": "MIT"
+}