@gitlab/ui/dist/components/base/skeleton_loader/skeleton_loader.js

GitLab UI Components

import { uid } from '../../../utils/utils';
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';

var script = {
  props: {
    width: {
      type: Number,
      default: 400,
      required: false
    },
    height: {
      type: Number,
      default: 130,
      required: false
    },
    preserveAspectRatio: {
      type: String,
      default: 'xMidYMid meet',
      required: false
    },
    baseUrl: {
      type: String,
      default: '',
      required: false
    },
    uniqueKey: {
      type: String,
      default: function _default() {
        return uid();
      },
      required: false
    }
  }
};

/* script */
const __vue_script__ = script;

/* template */
var __vue_render__ = function (_h,_vm) {var _c=_vm._c;return _c('svg',{staticClass:"gl-skeleton-loader",attrs:{"viewBox":("0 0 " + (_vm.props.width) + " " + (_vm.props.height)),"version":"1.1","preserveAspectRatio":_vm.props.preserveAspectRatio}},[_c('rect',{style:({ fill: ("url(" + (_vm.props.baseUrl) + "#" + (_vm.props.uniqueKey) + "-idGradient)") }),attrs:{"clip-path":("url(" + (_vm.props.baseUrl) + "#" + (_vm.props.uniqueKey) + "-idClip)"),"x":"0","y":"0","width":_vm.props.width,"height":_vm.props.height}}),_vm._v(" "),_c('defs',[_c('clipPath',{attrs:{"id":((_vm.props.uniqueKey) + "-idClip")}},[_vm._t("default")],2),_vm._v(" "),_c('linearGradient',{attrs:{"id":((_vm.props.uniqueKey) + "-idGradient")}},[_c('stop',{staticClass:"primary-stop",attrs:{"offset":"0%"}},[_c('animate',{attrs:{"attributeName":"offset","values":"-2; 1","dur":"1s","repeatCount":"indefinite"}})]),_vm._v(" "),_c('stop',{staticClass:"secondary-stop",attrs:{"offset":"50%"}},[_c('animate',{attrs:{"attributeName":"offset","values":"-1.5; 1.5","dur":"1s","repeatCount":"indefinite"}})]),_vm._v(" "),_c('stop',{staticClass:"primary-stop",attrs:{"offset":"100%"}},[_c('animate',{attrs:{"attributeName":"offset","values":"-1; 2","dur":"1s","repeatCount":"indefinite"}})])],1)],1)])};
var __vue_staticRenderFns__ = [];

  /* style */
  const __vue_inject_styles__ = undefined;
  /* scoped */
  const __vue_scope_id__ = undefined;
  /* module identifier */
  const __vue_module_identifier__ = undefined;
  /* functional template */
  const __vue_is_functional_template__ = true;
  /* style inject */
  
  /* style inject SSR */
  
  /* style inject shadow dom */
  

  
  const __vue_component__ = __vue_normalize__(
    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
    __vue_inject_styles__,
    __vue_script__,
    __vue_scope_id__,
    __vue_is_functional_template__,
    __vue_module_identifier__,
    false,
    undefined,
    undefined,
    undefined
  );

export default __vue_component__;