{"version":3,"file":"La3k0Z1Y.js","sources":["../../../../node_modules/quasar/src/components/skeleton/QSkeleton.js","../../../../virtual:public?%2Ffacebook.png"],"sourcesContent":["import { h, computed, getCurrentInstance } from 'vue'\n\nimport useDark, { useDarkProps } from '../../composables/private.use-dark/use-dark.js'\n\nimport { createComponent } from '../../utils/private.create/create.js'\nimport { hSlot } from '../../utils/private.render/render.js'\n\nexport const skeletonTypes = [\n  'text', 'rect', 'circle',\n  'QBtn', 'QBadge', 'QChip', 'QToolbar',\n  'QCheckbox', 'QRadio', 'QToggle',\n  'QSlider', 'QRange', 'QInput',\n  'QAvatar'\n]\n\nexport const skeletonAnimations = [\n  'wave', 'pulse', 'pulse-x', 'pulse-y', 'fade', 'blink', 'none'\n]\n\nexport default createComponent({\n  name: 'QSkeleton',\n\n  props: {\n    ...useDarkProps,\n\n    tag: {\n      type: String,\n      default: 'div'\n    },\n\n    type: {\n      type: String,\n      validator: v => skeletonTypes.includes(v),\n      default: 'rect'\n    },\n\n    animation: {\n      type: String,\n      validator: v => skeletonAnimations.includes(v),\n      default: 'wave'\n    },\n    animationSpeed: {\n      type: [ String, Number ],\n      default: 1500\n    },\n\n    square: Boolean,\n    bordered: Boolean,\n\n    size: String,\n    width: String,\n    height: String\n  },\n\n  setup (props, { slots }) {\n    const vm = getCurrentInstance()\n    const isDark = useDark(props, vm.proxy.$q)\n\n    const style = computed(() => {\n      const size = props.size !== void 0\n        ? [ props.size, props.size ]\n        : [ props.width, props.height ]\n\n      return {\n        '--q-skeleton-speed': `${ props.animationSpeed }ms`,\n        width: size[ 0 ],\n        height: size[ 1 ]\n      }\n    })\n\n    const classes = computed(() =>\n      `q-skeleton q-skeleton--${ isDark.value === true ? 'dark' : 'light' } q-skeleton--type-${ props.type }`\n      + (props.animation !== 'none' ? ` q-skeleton--anim q-skeleton--anim-${ props.animation }` : '')\n      + (props.square === true ? ' q-skeleton--square' : '')\n      + (props.bordered === true ? ' q-skeleton--bordered' : '')\n    )\n\n    return () => h(props.tag, {\n      class: classes.value,\n      style: style.value\n    }, hSlot(slots.default))\n  }\n})\n","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/facebook.png\")"],"names":["skeletonTypes","skeletonAnimations","__nuxt_component_1","createComponent","useDarkProps","v","props","slots","vm","getCurrentInstance","isDark","useDark","style","computed","size","classes","h","hSlot","_imports_0","publicAssetsURL"],"mappings":"y6BAOO,MAAMA,GAAgB,CAC3B,OAAQ,OAAQ,SAChB,OAAQ,SAAU,QAAS,WAC3B,YAAa,SAAU,UACvB,UAAW,SAAU,SACrB,SACF,EAEaC,GAAqB,CAChC,OAAQ,QAAS,UAAW,UAAW,OAAQ,QAAS,MAC1D,EAEAC,GAAeC,EAAgB,CAC7B,KAAM,YAEN,MAAO,CACL,GAAGC,EAEH,IAAK,CACH,KAAM,OACN,QAAS,KACV,EAED,KAAM,CACJ,KAAM,OACN,UAAWC,GAAKL,GAAc,SAASK,CAAC,EACxC,QAAS,MACV,EAED,UAAW,CACT,KAAM,OACN,UAAWA,GAAKJ,GAAmB,SAASI,CAAC,EAC7C,QAAS,MACV,EACD,eAAgB,CACd,KAAM,CAAE,OAAQ,MAAQ,EACxB,QAAS,IACV,EAED,OAAQ,QACR,SAAU,QAEV,KAAM,OACN,MAAO,OACP,OAAQ,MACT,EAED,MAAOC,EAAO,CAAE,MAAAC,GAAS,CACvB,MAAMC,EAAKC,EAAoB,EACzBC,EAASC,EAAQL,EAAOE,EAAG,MAAM,EAAE,EAEnCI,EAAQC,EAAS,IAAM,CAC3B,MAAMC,EAAOR,EAAM,OAAS,OACxB,CAAEA,EAAM,KAAMA,EAAM,IAAM,EAC1B,CAAEA,EAAM,MAAOA,EAAM,MAAQ,EAEjC,MAAO,CACL,qBAAsB,GAAIA,EAAM,cAAgB,KAChD,MAAOQ,EAAM,CAAG,EAChB,OAAQA,EAAM,CAAG,CAClB,CACP,CAAK,EAEKC,EAAUF,EAAS,IACvB,0BAA2BH,EAAO,QAAU,GAAO,OAAS,4BAA8BJ,EAAM,QAC7FA,EAAM,YAAc,OAAS,sCAAuCA,EAAM,SAAS,GAAM,KACzFA,EAAM,SAAW,GAAO,sBAAwB,KAChDA,EAAM,WAAa,GAAO,wBAA0B,GACxD,EAED,MAAO,IAAMU,EAAEV,EAAM,IAAK,CACxB,MAAOS,EAAQ,MACf,MAAOH,EAAM,KACnB,EAAOK,EAAMV,EAAM,OAAO,CAAC,CACxB,CACH,CAAC,EClFqEW,GAAAC,EAAgB,eAAe","x_google_ignoreList":[0]}