Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 | (self.webpackChunkstorybook=self.webpackChunkstorybook||[]).push([[282],{"./stories/Components/PlaceholderLoader.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../libs/ui/placeholder-loader/public/build/bundle.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/PlaceholderLoader",parameters:{loki:{skip:!0}}},Default=(({lines})=>`\n <jga-ui-placeholder-loader\n lines="${lines}"\n />\n `).bind({});Default.args={lines:"10"},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'({\n lines\n}) => {\n return `\n <jga-ui-placeholder-loader\n lines="${lines}"\n />\n `;\n}',...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]},"../../libs/ui/placeholder-loader/public/build/bundle.js":()=>{!function(){"use strict";function t(){}function e(t){return t()}function n(){return Object.create(null)}function o(t){t.forEach(e)}function i(t){return"function"==typeof t}function s(t,e){return t!=t?e==e:t!==e}function l(t,e,n){t.insertBefore(e,n||null)}function d(t){t.parentNode&&t.parentNode.removeChild(t)}function c(t){return document.createElement(t)}function $(t,e,n){null==n?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}let u;function h(t){u=t}const f=[],p=[];let v=[];const y=[],g=Promise.resolve();let m=!1;function b(t){v.push(t)}const _=new Set;let w=0;function x(){if(0!==w)return;const t=u;do{try{for(;w<f.length;){const t=f[w];w++,h(t),z(t.$$)}}catch(t){throw f.length=0,w=0,t}for(h(null),f.length=0,w=0;p.length;)p.pop()();for(let t=0;t<v.length;t+=1){const e=v[t];_.has(e)||(_.add(e),e())}v.length=0}while(f.length);for(;y.length;)y.pop()();m=!1,_.clear(),h(t)}function z(t){if(null!==t.fragment){t.update(),o(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(b)}}const E=new Set;function k(t){return void 0!==t?.length?t:Array.from(t)}function O(t,e){-1===t.$$.dirty[0]&&(f.push(t),m||(m=!0,g.then(x)),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function A(s,r,l,c,$,a,f=null,p=[-1]){const v=u;h(s);const y=s.$$={fragment:null,ctx:[],props:a,update:t,not_equal:$,bound:n(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(r.context||(v?v.$$.context:[])),callbacks:n(),dirty:p,skip_bound:!1,root:r.target||v.$$.root};f&&f(y.root);let g=!1;if(y.ctx=l?l(s,r.props||{},((t,e,...n)=>{const o=n.length?n[0]:e;return y.ctx&&$(y.ctx[t],y.ctx[t]=o)&&(!y.skip_bound&&y.bound[t]&&y.bound[t](o),g&&O(s,t)),e})):[],y.update(),g=!0,o(y.before_update),y.fragment=!!c&&c(y.ctx),r.target){if(r.hydrate){const t=function(t){return Array.from(t.childNodes)}(r.target);y.fragment&&y.fragment.l(t),t.forEach(d)}else y.fragment&&y.fragment.c();r.intro&&(m=s.$$.fragment)&&m.i&&(E.delete(m),m.i(undefined)),function(t,n,s){const{fragment:r,after_update:l}=t.$$;r&&r.m(n,s),b((()=>{const n=t.$$.on_mount.map(e).filter(i);t.$$.on_destroy?t.$$.on_destroy.push(...n):o(n),t.$$.on_mount=[]})),l.forEach(b)}(s,r.target,r.anchor),x()}var m;h(v)}let N;function j(t,e,n,o){const i=n[t]?.type;if(e="Boolean"===i&&"boolean"!=typeof e?null!=e:e,!o||!n[t])return e;if("toAttribute"===o)switch(i){case"Object":case"Array":return null==e?null:JSON.stringify(e);case"Boolean":return e?"":null;case"Number":return null==e?null:e;default:return e}else switch(i){case"Object":case"Array":return e&&JSON.parse(e);case"Boolean":default:return e;case"Number":return null!=e?+e:e}}"function"==typeof HTMLElement&&(N=class extends HTMLElement{$$ctor;$$s;$$c;$$cn=!1;$$d={};$$r=!1;$$p_d={};$$l={};$$l_u=new Map;constructor(t,e,n){super(),this.$$ctor=t,this.$$s=e,n&&this.attachShadow({mode:"open"})}addEventListener(t,e,n){if(this.$$l[t]=this.$$l[t]||[],this.$$l[t].push(e),this.$$c){const n=this.$$c.$on(t,e);this.$$l_u.set(e,n)}super.addEventListener(t,e,n)}removeEventListener(t,e,n){if(super.removeEventListener(t,e,n),this.$$c){const t=this.$$l_u.get(e);t&&(t(),this.$$l_u.delete(e))}}async connectedCallback(){if(this.$$cn=!0,!this.$$c){if(await Promise.resolve(),!this.$$cn||this.$$c)return;function t(t){return()=>{let e;return{c:function(){e=c("slot"),"default"!==t&&$(e,"name",t)},m:function(t,n){l(t,e,n)},d:function(t){t&&d(e)}}}}const e={},n=function(t){const e={};return t.childNodes.forEach((t=>{e[t.slot||"default"]=!0})),e}(this);for(const i of this.$$s)i in n&&(e[i]=[t(i)]);for(const s of this.attributes){const r=this.$$g_p(s.name);r in this.$$d||(this.$$d[r]=j(r,s.value,this.$$p_d,"toProp"))}for(const u in this.$$p_d)u in this.$$d||void 0===this[u]||(this.$$d[u]=this[u],delete this[u]);this.$$c=new this.$$ctor({target:this.shadowRoot||this,props:{...this.$$d,$$slots:e,$$scope:{ctx:[]}}});const o=()=>{this.$$r=!0;for(const t in this.$$p_d)if(this.$$d[t]=this.$$c.$$.ctx[this.$$c.$$.props[t]],this.$$p_d[t].reflect){const e=j(t,this.$$d[t],this.$$p_d,"toAttribute");null==e?this.removeAttribute(this.$$p_d[t].attribute||t):this.setAttribute(this.$$p_d[t].attribute||t,e)}this.$$r=!1};this.$$c.$$.after_update.push(o),o();for(const h in this.$$l)for(const a of this.$$l[h]){const f=this.$$c.$on(h,a);this.$$l_u.set(a,f)}this.$$l={}}}attributeChangedCallback(t,e,n){this.$$r||(t=this.$$g_p(t),this.$$d[t]=j(t,n,this.$$p_d,"toProp"),this.$$c?.$set({[t]:this.$$d[t]}))}disconnectedCallback(){this.$$cn=!1,Promise.resolve().then((()=>{this.$$cn||(this.$$c.$destroy(),this.$$c=void 0)}))}$$g_p(t){return Object.keys(this.$$p_d).find((e=>this.$$p_d[e].attribute===t||!this.$$p_d[e].attribute&&e.toLowerCase()===t))||t}});class C{$$=void 0;$$set=void 0;$destroy(){(function L(t,e){const n=t.$$;null!==n.fragment&&(function(t){const e=[],n=[];v.forEach((o=>-1===t.indexOf(o)?e.push(o):n.push(o))),n.forEach((t=>t())),v=e}(n.after_update),o(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])})(this,1),this.$destroy=t}$on(e,n){if(!i(n))return t;const o=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return o.push(n),()=>{const t=o.indexOf(n);-1!==t&&o.splice(t,1)}}$set(t){var e;this.$$set&&(e=t,0!==Object.keys(e).length)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}function P(t){!function r(t,e,n){const o=function(t){if(!t)return document;const e=t.getRootNode?t.getRootNode():t.ownerDocument;return e&&e.host?e:t.ownerDocument}(t);if(!o.getElementById(e)){const t=c("style");t.id=e,t.textContent=n,function(t,e){(function(t,e){t.appendChild(e)})(t.head||t,e),e.sheet}(o,t)}}(t,"svelte-1dzdylo","div.svelte-1dzdylo.svelte-1dzdylo{border:1px solid lightgrey;border-radius:4px;width:100%}div.svelte-1dzdylo .line.svelte-1dzdylo{border:none;height:10px;margin:10px;animation:svelte-1dzdylo-pulse 1s infinite ease-in-out}div.svelte-1dzdylo div.svelte-1dzdylo:nth-child(1){width:150px}div.svelte-1dzdylo div.svelte-1dzdylo:nth-child(5){width:150px}div.svelte-1dzdylo div.svelte-1dzdylo:nth-child(9){width:150px}div.svelte-1dzdylo div.svelte-1dzdylo:nth-child(2){width:250px}div.svelte-1dzdylo div.svelte-1dzdylo:nth-child(6){width:250px}div.svelte-1dzdylo div.svelte-1dzdylo:nth-child(10){width:250px}div.svelte-1dzdylo div.svelte-1dzdylo:nth-child(3){width:50px}div.svelte-1dzdylo div.svelte-1dzdylo:nth-child(7){width:50px}div.svelte-1dzdylo div.svelte-1dzdylo:nth-child(4){width:100px}div.svelte-1dzdylo div.svelte-1dzdylo:nth-child(8){width:100px}@keyframes svelte-1dzdylo-pulse{0%{background-color:rgba(165, 165, 165, 0.1)}50%{background-color:rgba(165, 165, 165, 0.3)}100%{background-color:rgba(165, 165, 165, 0.1)}}")}function S(t,e,n){const o=t.slice();return o[2]=e[n],o[4]=n,o}function B(e){let n;return{c(){n=c("div"),$(n,"class","line svelte-1dzdylo")},m(t,e){l(t,n,e)},p:t,d(t){t&&d(n)}}}function M(e){let n,o=k({length:e[0]}),i=[];for(let t=0;t<o.length;t+=1)i[t]=B(S(e,o,t));return{c(){n=c("div");for(let t=0;t<i.length;t+=1)i[t].c();$(n,"class","svelte-1dzdylo")},m(t,e){l(t,n,e);for(let t=0;t<i.length;t+=1)i[t]&&i[t].m(n,null)},p(t,[e]){if(1&e){let s;for(o=k({length:t[0]}),s=0;s<o.length;s+=1){const r=S(t,o,s);i[s]?i[s].p(r,e):(i[s]=B(),i[s].c(),i[s].m(n,null))}for(;s<i.length;s+=1)i[s].d(1);i.length=o.length}},i:t,o:t,d(t){t&&d(n),function(t,e){for(let n=0;n<t.length;n+=1)t[n]&&t[n].d(e)}(i,t)}}}function R(t,e,n){let{lines:o="10"}=e,{pLines:i=10}=e;return function a(t){(function(){if(!u)throw new Error("Function called outside component initialization");return u})().$$.on_mount.push(t)}((()=>{n(0,i=Number.parseInt(o,10))})),t.$$set=t=>{"lines"in t&&n(1,o=t.lines),"pLines"in t&&n(0,i=t.pLines)},[i,o]}"undefined"!=typeof window&&(window.__svelte||(window.__svelte={v:new Set})).v.add("4");class D extends C{constructor(t){super(),A(this,t,R,M,s,{lines:1,pLines:0},P)}get lines(){return this.$$.ctx[1]}set lines(t){this.$$set({lines:t}),x()}get pLines(){return this.$$.ctx[0]}set pLines(t){this.$$set({pLines:t}),x()}}customElements.define("jga-ui-placeholder-loader",function(t,e,n,o,i,s){let r=class extends N{constructor(){super(t,n,true),this.$$p_d=e}static get observedAttributes(){return Object.keys(e).map((t=>(e[t].attribute||t).toLowerCase()))}};return Object.keys(e).forEach((t=>{Object.defineProperty(r.prototype,t,{get(){return this.$$c&&t in this.$$c?this.$$c[t]:this.$$d[t]},set(n){n=j(t,n,e),this.$$d[t]=n,this.$$c?.$set({[t]:n})}})})),[].forEach((t=>{Object.defineProperty(r.prototype,t,{get(){return this.$$c?.[t]}})})),t.element=r,r}(D,{lines:{},pLines:{}},[]))}()}}]); |