@fred78290/vue3-content-placeholders/dist/vue3-content-placeholders.umd.cjs

Vue3 Components for rendering animated content placeholders like facebook

(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.Vue3ContentPlaceHolder={},o.Vue))})(this,function(o,e){"use strict";const p={name:"content-placeholders",computed:{classObject(){return{"vue3-content-placeholders":!0,"vue3-content-placeholders-is-rounded":this.rounded,"vue3-content-placeholders-is-centered":this.centered,"vue3-content-placeholders-is-animated":this.animated}}},props:{rounded:{type:Boolean,default:!1},centered:{type:Boolean,default:!1},animated:{type:Boolean,default:!0}}},y="",c=(l,a)=>{const n=l.__vccOpts||l;for(const[s,t]of a)n[s]=t;return n};function f(l,a,n,s,t,r){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.classObject)},[e.renderSlot(l.$slots,"default")],2)}const d=c(p,[["render",f]]),h={name:"content-placeholders-heading",data(){return{className:"vue3-content-placeholders-heading"}},props:{img:{type:Boolean,default:!1}}};function v(l,a,n,s,t,r){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.className)},[n.img?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${t.className}__img`)},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(`${t.className}__content`)},[e.createElementVNode("div",{class:e.normalizeClass(`${t.className}__title`)},null,2),e.createElementVNode("div",{class:e.normalizeClass(`${t.className}__subtitle`)},null,2)],2)],2)}const i=c(h,[["render",v]]),C={name:"content-placeholders-img",data(){return{className:"vue3-content-placeholders-img"}}};function B(l,a,n,s,t,r){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.className)},null,2)}const u=c(C,[["render",B]]),g={name:"content-placeholders-text",data(){return{className:"vue3-content-placeholders-text"}},props:{lines:{type:Number,default:4}}};function k(l,a,n,s,t,r){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.className)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.lines,_=>(e.openBlock(),e.createElementBlock("div",{key:_,class:e.normalizeClass(`${t.className}__line`)},null,2))),128))],2)}const m=c(g,[["render",k]]),N={install:l=>{l.component("ContentPlaceholders",d),l.component("ContentPlaceholdersHeading",i),l.component("ContentPlaceholdersImg",u),l.component("ContentPlaceholdersText",m)}};o.ContentPlaceholders=d,o.ContentPlaceholdersHeading=i,o.ContentPlaceholdersImg=u,o.ContentPlaceholdersText=m,o.default=N,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});