vuetify 3.1.12 → 3.1.13

package/lib/components/VSkeletonLoader/VSkeletonLoader.mjs

@@ -1,179 +0,0 @@
-// @ts-nocheck
-/* eslint-disable */
-
-// Styles
-import "./VSkeletonLoader.css";
-
-// Mixins
-import Elevatable from "../../mixins/elevatable.mjs";
-import Measurable from "../../mixins/measurable.mjs";
-import Themeable from "../../mixins/themeable.mjs"; // Utilities
-import mixins from "../../util/mixins.mjs"; // Types
-import { getSlot } from "../../util/helpers.mjs";
-/* @vue/component */
-export default mixins(Elevatable, Measurable, Themeable).extend({
-  name: 'VSkeletonLoader',
-  props: {
-    boilerplate: Boolean,
-    loading: Boolean,
-    tile: Boolean,
-    transition: String,
-    type: String,
-    types: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  computed: {
-    attrs() {
-      if (!this.isLoading) return this.$attrs;
-      return !this.boilerplate ? {
-        'aria-busy': true,
-        'aria-live': 'polite',
-        role: 'alert',
-        ...this.$attrs
-      } : {};
-    },
-    classes() {
-      return {
-        'v-skeleton-loader--boilerplate': this.boilerplate,
-        'v-skeleton-loader--is-loading': this.isLoading,
-        'v-skeleton-loader--tile': this.tile,
-        ...this.themeClasses,
-        ...this.elevationClasses
-      };
-    },
-    isLoading() {
-      return !('default' in this.$scopedSlots) || this.loading;
-    },
-    rootTypes() {
-      return {
-        actions: 'button@2',
-        article: 'heading, paragraph',
-        avatar: 'avatar',
-        button: 'button',
-        card: 'image, card-heading',
-        'card-avatar': 'image, list-item-avatar',
-        'card-heading': 'heading',
-        chip: 'chip',
-        'date-picker': 'list-item, card-heading, divider, date-picker-options, date-picker-days, actions',
-        'date-picker-options': 'text, avatar@2',
-        'date-picker-days': 'avatar@28',
-        heading: 'heading',
-        image: 'image',
-        'list-item': 'text',
-        'list-item-avatar': 'avatar, text',
-        'list-item-two-line': 'sentences',
-        'list-item-avatar-two-line': 'avatar, sentences',
-        'list-item-three-line': 'paragraph',
-        'list-item-avatar-three-line': 'avatar, paragraph',
-        paragraph: 'text@3',
-        sentences: 'text@2',
-        table: 'table-heading, table-thead, table-tbody, table-tfoot',
-        'table-heading': 'heading, text',
-        'table-thead': 'heading@6',
-        'table-tbody': 'table-row-divider@6',
-        'table-row-divider': 'table-row, divider',
-        'table-row': 'table-cell@6',
-        'table-cell': 'text',
-        'table-tfoot': 'text@2, avatar@2',
-        text: 'text',
-        ...this.types
-      };
-    }
-  },
-  methods: {
-    genBone(text, children) {
-      return this.$createElement('div', {
-        staticClass: `v-skeleton-loader__${text} v-skeleton-loader__bone`
-      }, children);
-    },
-    genBones(bone) {
-      // e.g. 'text@3'
-      const [type, length] = bone.split('@');
-      const generator = () => this.genStructure(type);
-
-      // Generate a length array based upon
-      // value after @ in the bone string
-      return Array.from({
-        length
-      }).map(generator);
-    },
-    // Fix type when this is merged
-    // https://github.com/microsoft/TypeScript/pull/33050
-    genStructure(type) {
-      let children = [];
-      type = type || this.type || '';
-      const bone = this.rootTypes[type] || '';
-
-      // End of recursion, do nothing
-      /* eslint-disable-next-line no-empty, brace-style */
-      if (type === bone) {}
-      // Array of values - e.g. 'heading, paragraph, text@2'
-      else if (type.indexOf(',') > -1) return this.mapBones(type);
-      // Array of values - e.g. 'paragraph@4'
-      else if (type.indexOf('@') > -1) return this.genBones(type);
-      // Array of values - e.g. 'card@2'
-      else if (bone.indexOf(',') > -1) children = this.mapBones(bone);
-      // Array of values - e.g. 'list-item@2'
-      else if (bone.indexOf('@') > -1) children = this.genBones(bone);
-      // Single value - e.g. 'card-heading'
-      else if (bone) children.push(this.genStructure(bone));
-      return [this.genBone(type, children)];
-    },
-    genSkeleton() {
-      const children = [];
-      if (!this.isLoading) children.push(getSlot(this));else children.push(this.genStructure());
-
-      /* istanbul ignore else */
-      if (!this.transition) return children;
-
-      /* istanbul ignore next */
-      return this.$createElement('transition', {
-        props: {
-          name: this.transition
-        },
-        // Only show transition when
-        // content has been loaded
-        on: {
-          afterEnter: this.resetStyles,
-          beforeEnter: this.onBeforeEnter,
-          beforeLeave: this.onBeforeLeave,
-          leaveCancelled: this.resetStyles
-        }
-      }, children);
-    },
-    mapBones(bones) {
-      // Remove spaces and return array of structures
-      return bones.replace(/\s/g, '').split(',').map(this.genStructure);
-    },
-    onBeforeEnter(el) {
-      this.resetStyles(el);
-      if (!this.isLoading) return;
-      el._initialStyle = {
-        display: el.style.display,
-        transition: el.style.transition
-      };
-      el.style.setProperty('transition', 'none', 'important');
-    },
-    onBeforeLeave(el) {
-      el.style.setProperty('display', 'none', 'important');
-    },
-    resetStyles(el) {
-      if (!el._initialStyle) return;
-      el.style.display = el._initialStyle.display || '';
-      el.style.transition = el._initialStyle.transition;
-      delete el._initialStyle;
-    }
-  },
-  render(h) {
-    return h('div', {
-      staticClass: 'v-skeleton-loader',
-      attrs: this.attrs,
-      on: this.$listeners,
-      class: this.classes,
-      style: this.isLoading ? this.measurableStyles : undefined
-    }, [this.genSkeleton()]);
-  }
-});
-//# sourceMappingURL=VSkeletonLoader.mjs.map

package/lib/components/VSkeletonLoader/VSkeletonLoader.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"VSkeletonLoader.mjs","names":["Elevatable","Measurable","Themeable","mixins","getSlot","extend","name","props","boilerplate","Boolean","loading","tile","transition","String","type","types","Object","default","computed","attrs","isLoading","$attrs","role","classes","themeClasses","elevationClasses","$scopedSlots","rootTypes","actions","article","avatar","button","card","chip","heading","image","paragraph","sentences","table","text","methods","genBone","children","$createElement","staticClass","genBones","bone","length","split","generator","genStructure","Array","from","map","indexOf","mapBones","push","genSkeleton","on","afterEnter","resetStyles","beforeEnter","onBeforeEnter","beforeLeave","onBeforeLeave","leaveCancelled","bones","replace","el","_initialStyle","display","style","setProperty","render","h","$listeners","class","measurableStyles","undefined"],"sources":["../../../src/components/VSkeletonLoader/VSkeletonLoader.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VSkeletonLoader.sass'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Measurable from '../../mixins/measurable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\nimport { getSlot } from '../../util/helpers'\nimport { PropValidator } from 'vue/types/options'\n\nexport interface HTMLSkeletonLoaderElement extends HTMLElement {\n  _initialStyle?: {\n    display: string | null\n    transition: string\n  }\n}\n\n/* @vue/component */\nexport default mixins(\n  Elevatable,\n  Measurable,\n  Themeable,\n).extend({\n  name: 'VSkeletonLoader',\n\n  props: {\n    boilerplate: Boolean,\n    loading: Boolean,\n    tile: Boolean,\n    transition: String,\n    type: String,\n    types: {\n      type: Object,\n      default: () => ({}),\n    } as PropValidator<Record<string, string>>,\n  },\n\n  computed: {\n    attrs (): object {\n      if (!this.isLoading) return this.$attrs\n\n      return !this.boilerplate ? {\n        'aria-busy': true,\n        'aria-live': 'polite',\n        role: 'alert',\n        ...this.$attrs,\n      } : {}\n    },\n    classes (): object {\n      return {\n        'v-skeleton-loader--boilerplate': this.boilerplate,\n        'v-skeleton-loader--is-loading': this.isLoading,\n        'v-skeleton-loader--tile': this.tile,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      }\n    },\n    isLoading (): boolean {\n      return !('default' in this.$scopedSlots) || this.loading\n    },\n    rootTypes (): Record<string, string> {\n      return {\n        actions: 'button@2',\n        article: 'heading, paragraph',\n        avatar: 'avatar',\n        button: 'button',\n        card: 'image, card-heading',\n        'card-avatar': 'image, list-item-avatar',\n        'card-heading': 'heading',\n        chip: 'chip',\n        'date-picker': 'list-item, card-heading, divider, date-picker-options, date-picker-days, actions',\n        'date-picker-options': 'text, avatar@2',\n        'date-picker-days': 'avatar@28',\n        heading: 'heading',\n        image: 'image',\n        'list-item': 'text',\n        'list-item-avatar': 'avatar, text',\n        'list-item-two-line': 'sentences',\n        'list-item-avatar-two-line': 'avatar, sentences',\n        'list-item-three-line': 'paragraph',\n        'list-item-avatar-three-line': 'avatar, paragraph',\n        paragraph: 'text@3',\n        sentences: 'text@2',\n        table: 'table-heading, table-thead, table-tbody, table-tfoot',\n        'table-heading': 'heading, text',\n        'table-thead': 'heading@6',\n        'table-tbody': 'table-row-divider@6',\n        'table-row-divider': 'table-row, divider',\n        'table-row': 'table-cell@6',\n        'table-cell': 'text',\n        'table-tfoot': 'text@2, avatar@2',\n        text: 'text',\n        ...this.types,\n      }\n    },\n  },\n\n  methods: {\n    genBone (text: string, children: VNode[]) {\n      return this.$createElement('div', {\n        staticClass: `v-skeleton-loader__${text} v-skeleton-loader__bone`,\n      }, children)\n    },\n    genBones (bone: string): VNode[] {\n      // e.g. 'text@3'\n      const [type, length] = bone.split('@') as [string, number]\n      const generator = () => this.genStructure(type)\n\n      // Generate a length array based upon\n      // value after @ in the bone string\n      return Array.from({ length }).map(generator)\n    },\n    // Fix type when this is merged\n    // https://github.com/microsoft/TypeScript/pull/33050\n    genStructure (type?: string): any {\n      let children = []\n      type = type || this.type || ''\n      const bone = this.rootTypes[type] || ''\n\n      // End of recursion, do nothing\n      /* eslint-disable-next-line no-empty, brace-style */\n      if (type === bone) {}\n      // Array of values - e.g. 'heading, paragraph, text@2'\n      else if (type.indexOf(',') > -1) return this.mapBones(type)\n      // Array of values - e.g. 'paragraph@4'\n      else if (type.indexOf('@') > -1) return this.genBones(type)\n      // Array of values - e.g. 'card@2'\n      else if (bone.indexOf(',') > -1) children = this.mapBones(bone)\n      // Array of values - e.g. 'list-item@2'\n      else if (bone.indexOf('@') > -1) children = this.genBones(bone)\n      // Single value - e.g. 'card-heading'\n      else if (bone) children.push(this.genStructure(bone))\n\n      return [this.genBone(type, children)]\n    },\n    genSkeleton () {\n      const children = []\n\n      if (!this.isLoading) children.push(getSlot(this))\n      else children.push(this.genStructure())\n\n      /* istanbul ignore else */\n      if (!this.transition) return children\n\n      /* istanbul ignore next */\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n        // Only show transition when\n        // content has been loaded\n        on: {\n          afterEnter: this.resetStyles,\n          beforeEnter: this.onBeforeEnter,\n          beforeLeave: this.onBeforeLeave,\n          leaveCancelled: this.resetStyles,\n        },\n      }, children)\n    },\n    mapBones (bones: string) {\n      // Remove spaces and return array of structures\n      return bones.replace(/\\s/g, '').split(',').map(this.genStructure)\n    },\n    onBeforeEnter (el: HTMLSkeletonLoaderElement) {\n      this.resetStyles(el)\n\n      if (!this.isLoading) return\n\n      el._initialStyle = {\n        display: el.style.display,\n        transition: el.style.transition,\n      }\n\n      el.style.setProperty('transition', 'none', 'important')\n    },\n    onBeforeLeave (el: HTMLSkeletonLoaderElement) {\n      el.style.setProperty('display', 'none', 'important')\n    },\n    resetStyles (el: HTMLSkeletonLoaderElement) {\n      if (!el._initialStyle) return\n\n      el.style.display = el._initialStyle.display || ''\n      el.style.transition = el._initialStyle.transition\n\n      delete el._initialStyle\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-skeleton-loader',\n      attrs: this.attrs,\n      on: this.$listeners,\n      class: this.classes,\n      style: this.isLoading ? this.measurableStyles : undefined,\n    }, [this.genSkeleton()])\n  },\n})\n"],"mappings":"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"}

package/lib/components/VSkeletonLoader/VSkeletonLoader.sass

@@ -1,377 +0,0 @@
-// Imports
-@import './_variables.scss'
-@import '../VAvatar/_variables.scss'
-
-// Theme
-+theme(v-skeleton-loader) using ($material)
-  .v-skeleton-loader__bone::after
-    background: map-get($material, 'skeleton')
-
-  .v-skeleton-loader__avatar,
-  .v-skeleton-loader__button,
-  .v-skeleton-loader__chip,
-  .v-skeleton-loader__divider,
-  .v-skeleton-loader__heading,
-  .v-skeleton-loader__image,
-  .v-skeleton-loader__text
-    background: map-get($material, 'dividers')
-
-  .v-skeleton-loader__actions,
-  .v-skeleton-loader__article,
-  .v-skeleton-loader__card-heading,
-  .v-skeleton-loader__card-text,
-  .v-skeleton-loader__date-picker,
-  .v-skeleton-loader__list-item,
-  .v-skeleton-loader__list-item-avatar,
-  .v-skeleton-loader__list-item-text,
-  .v-skeleton-loader__list-item-two-line,
-  .v-skeleton-loader__list-item-avatar-two-line,
-  .v-skeleton-loader__list-item-three-line,
-  .v-skeleton-loader__list-item-avatar-three-line,
-  .v-skeleton-loader__table-heading,
-  .v-skeleton-loader__table-thead,
-  .v-skeleton-loader__table-tbody,
-  .v-skeleton-loader__table-tfoot
-    background: map-get($material, 'cards')
-
-.v-skeleton-loader
-  border-radius: $skeleton-loader-border-radius
-  position: relative
-  vertical-align: top
-
-  &__actions
-    padding: $skeleton-loader-actions-padding
-    text-align: right
-
-    .v-skeleton-loader__button
-      display: inline-block
-
-      &:first-child
-        +ltr()
-          margin-right: $skeleton-loader-actions-button-margin
-
-        +rtl()
-          margin-left: $skeleton-loader-actions-button-margin
-
-
-  .v-skeleton-loader__list-item,
-  .v-skeleton-loader__list-item-avatar,
-  .v-skeleton-loader__list-item-text,
-  .v-skeleton-loader__list-item-two-line,
-  .v-skeleton-loader__list-item-avatar-two-line,
-  .v-skeleton-loader__list-item-three-line,
-  .v-skeleton-loader__list-item-avatar-three-line
-    border-radius: $skeleton-loader-border-radius
-
-  .v-skeleton-loader__actions,
-  .v-skeleton-loader__article,
-  .v-skeleton-loader__card,
-  .v-skeleton-loader__card-avatar,
-  .v-skeleton-loader__card-heading,
-  .v-skeleton-loader__card-text,
-  .v-skeleton-loader__date-picker,
-  .v-skeleton-loader__date-picker-options,
-  .v-skeleton-loader__date-picker-days,
-  .v-skeleton-loader__list-item,
-  .v-skeleton-loader__list-item-avatar,
-  .v-skeleton-loader__list-item-text,
-  .v-skeleton-loader__list-item-two-line,
-  .v-skeleton-loader__list-item-avatar-two-line,
-  .v-skeleton-loader__list-item-three-line,
-  .v-skeleton-loader__list-item-avatar-three-line,
-  .v-skeleton-loader__paragraph,
-  .v-skeleton-loader__sentences,
-  .v-skeleton-loader__table,
-  .v-skeleton-loader__table-cell,
-  .v-skeleton-loader__table-heading,
-  .v-skeleton-loader__table-thead,
-  .v-skeleton-loader__table-tbody,
-  .v-skeleton-loader__table-tfoot,
-  .v-skeleton-loader__table-row,
-  .v-skeleton-loader__table-row-divider
-    &::after
-      display: none
-
-  &__article
-    .v-skeleton-loader__heading
-      +ltr()
-        margin: $skeleton-loader-article-heading-margin-top-left 0 $skeleton-loader-article-heading-margin-x $skeleton-loader-article-heading-margin-top-left
-
-      +rtl()
-        margin: $skeleton-loader-article-heading-margin-top-left $skeleton-loader-article-heading-margin-x 0 $skeleton-loader-article-heading-margin-top-left
-
-    .v-skeleton-loader__paragraph
-      padding: $skeleton-loader-article-paragraph-padding
-
-  &__bone
-    border-radius: inherit
-    overflow: hidden
-    position: relative
-
-    &::after
-      animation: $skeleton-loader-loading-animation
-      content: ''
-      height: 100%
-      left: 0
-      position: absolute
-      right: 0
-      top: 0
-      transform: $skeleton-loader-loading-transform
-      z-index: 1
-
-  &__avatar
-    border-radius: $avatar-border-radius
-    height: $skeleton-loader-avatar-height
-    width: $skeleton-loader-avatar-width
-
-  &__button
-    border-radius: $skeleton-loader-button-border-radius
-    height: $skeleton-loader-button-height
-    width: $skeleton-loader-button-width
-
-  &__card
-    .v-skeleton-loader__image
-      border-radius: 0
-
-  &__card-heading
-    .v-skeleton-loader__heading
-      margin: $skeleton-loader-card-heading-loader-heading-margin
-
-  &__card-text
-    padding: $skeleton-loader-card-text-padding
-
-  &__chip
-    border-radius: $skeleton-loader-chip-border-radius
-    height: $skeleton-loader-chip-height
-    width: $skeleton-loader-chip-width
-
-  &__date-picker
-    border-radius: $skeleton-loader-date-picker-border-radius
-
-    .v-skeleton-loader__list-item:first-child
-      .v-skeleton-loader__text
-        max-width: 88px
-        width: 20%
-
-    .v-skeleton-loader__heading
-      max-width: 256px
-      width: 40%
-
-  &__date-picker-days
-    display: flex
-    flex-wrap: wrap
-    padding: $skeleton-loader-date-picker-days-padding
-    margin: 0 auto
-
-    .v-skeleton-loader__avatar
-      border-radius: $skeleton-loader-border-radius
-      flex: 1 1 auto
-      margin: $skeleton-loader-date-picker-days-margin
-      height: $skeleton-loader-date-picker-days-height
-      width: $skeleton-loader-date-picker-days-width
-
-  &__date-picker-options
-    align-items: center
-    display: flex
-    padding: $skeleton-loader-date-picker-options-padding
-
-    .v-skeleton-loader__avatar
-      height: $skeleton-loader-date-picker-options-avatar-height
-      width: $skeleton-loader-date-picker-options-avatar-width
-
-      &:nth-child(2)
-        margin-left: auto
-
-        +ltr()
-          margin-right: $skeleton-loader-date-picker-options-avatar-child-margin
-
-        +rtl()
-          margin-left: $skeleton-loader-date-picker-options-avatar-child-margin
-
-    .v-skeleton-loader__text.v-skeleton-loader__bone:first-child
-      margin-bottom: 0px
-      max-width: 50%
-      width: 456px
-
-  &__divider
-    border-radius: $skeleton-loader-divider-border-radius
-    height: $skeleton-loader-divider-height
-
-  &__heading
-    border-radius: $skeleton-loader-heading-border-radius
-    height: $skeleton-loader-heading-height
-    width: 45%
-
-  &__image
-    height: $skeleton-loader-image-height
-    border-radius: 0
-
-    ~ .v-skeleton-loader__card-heading
-      border-radius: 0
-
-    &:first-child, &:last-child
-      border-radius: inherit
-
-  &__list-item
-    height: $skeleton-loader-list-item-height
-
-  &__list-item-three-line
-    flex-wrap: wrap
-
-    > *
-      flex: 1 0 100%
-      width: 100%
-
-  &__list-item-avatar,
-  &__list-item-avatar-two-line,
-  &__list-item-avatar-three-line
-    .v-skeleton-loader__avatar
-      height: $skeleton-loader-item-avatar-height
-      width: $skeleton-loader-item-avatar-width
-
-  &__list-item-avatar
-    height: $skeleton-loader-avatar-height
-
-  &__list-item-two-line,
-  &__list-item-avatar-two-line
-    height: $skeleton-loader-item-two-line-height
-
-  &__list-item-three-line,
-  &__list-item-avatar-three-line
-    height: $skeleton-loader-item-three-line-height
-
-  &__list-item-avatar-three-line
-    .v-skeleton-loader__avatar
-      align-self: flex-start
-
-  &__list-item,
-  &__list-item-avatar,
-  &__list-item-two-line,
-  &__list-item-three-line,
-  &__list-item-avatar-two-line,
-  &__list-item-avatar-three-line
-    align-content: center
-    align-items: center
-    display: flex
-    flex-wrap: wrap
-    padding: $skeleton-loader-item-padding
-
-    .v-skeleton-loader__avatar
-      +ltr()
-        margin-right: $skeleton-loader-item-avatar-margin
-
-      +rtl()
-        margin-left: $skeleton-loader-item-avatar-margin
-
-    .v-skeleton-loader__text:last-child,
-    .v-skeleton-loader__text:only-child
-      margin-bottom: 0
-
-  &__paragraph,
-  &__sentences
-    flex: 1 0 auto
-
-  &__paragraph
-    &:not(:last-child)
-      margin-bottom: 6px
-
-    .v-skeleton-loader__text:nth-child(1)
-      max-width: 100%
-
-    .v-skeleton-loader__text:nth-child(2)
-      max-width: 50%
-
-    .v-skeleton-loader__text:nth-child(3)
-      max-width: 70%
-
-  &__sentences
-    .v-skeleton-loader__text:nth-child(2)
-      max-width: 70%
-
-    &:not(:last-child)
-      margin-bottom: 6px
-
-  &__table-heading
-    align-items: center
-    display: flex
-    justify-content: space-between
-    padding: $skeleton-loader-table-heading-padding
-
-    .v-skeleton-loader__heading
-      max-width: 15%
-
-    .v-skeleton-loader__text
-      max-width: 40%
-
-  &__table-thead
-    display: flex
-    justify-content: space-between
-    padding: $skeleton-loader-table-thead-padding
-
-    .v-skeleton-loader__heading
-      max-width: 5%
-
-  &__table-tbody
-    padding: $skeleton-loader-table-tbody-padding
-
-  &__table-tfoot
-    align-items: center
-    display: flex
-    justify-content: flex-end
-    padding: $skeleton-loader-table-tfoot-padding
-
-    > *
-      +ltr()
-        margin-left: $skeleton-loader-table-tfoot-children-margin
-
-      +rtl()
-        margin-right: $skeleton-loader-table-tfoot-children-margin
-
-    .v-skeleton-loader__avatar
-      height: $skeleton-loader-table-tfoot-avatar-height
-      width: $skeleton-loader-table-tfoot-avatar-width
-
-    .v-skeleton-loader__text
-      margin-bottom: 0
-
-      &:nth-child(1)
-        max-width: 128px
-
-      &:nth-child(2)
-        max-width: 64px
-
-  &__table-row
-    display: flex
-    justify-content: space-between
-
-  &__table-cell
-    align-items: center
-    display: flex
-    height: $skeleton-loader-table-cell-height
-    width: $skeleton-loader-table-cell-width
-
-    .v-skeleton-loader__text
-      margin-bottom: 0
-
-  &__text
-    border-radius: $skeleton-loader-text-border-radius
-    flex: 1 0 auto
-    height: $skeleton-loader-text-height
-    margin-bottom: 6px
-
-  &--boilerplate
-    .v-skeleton-loader__bone:after
-      display: none
-
-  &--is-loading
-    overflow: hidden
-
-  &--tile
-    border-radius: 0
-
-    .v-skeleton-loader__bone
-      border-radius: 0
-
-@keyframes loading
-  100%
-    transform: translateX(100%)

package/lib/components/VSkeletonLoader/_variables.scss

@@ -1,54 +0,0 @@
-@import '../../styles/styles.sass';
-
-$skeleton-loader-actions-button-margin: 12px !default;
-$skeleton-loader-actions-padding: 16px 16px 8px !default;
-$skeleton-loader-article-heading-margin-top-left: 16px !default;
-$skeleton-loader-article-heading-margin-x: 16px !default;
-$skeleton-loader-article-paragraph-padding: 16px !default;
-$skeleton-loader-avatar-height: 48px !default;
-$skeleton-loader-avatar-height: 56px !default;
-$skeleton-loader-avatar-width: 48px !default;
-$skeleton-loader-border-radius: $border-radius-root !default;
-$skeleton-loader-button-border-radius: $border-radius-root !default;
-$skeleton-loader-button-height: 36px !default;
-$skeleton-loader-button-width: 64px !default;
-$skeleton-loader-card-heading-loader-heading-margin: 16px !default;
-$skeleton-loader-card-text-padding: 16px !default;
-$skeleton-loader-chip-border-radius: 16px !default;
-$skeleton-loader-chip-height: 32px !default;
-$skeleton-loader-chip-width: 96px !default;
-$skeleton-loader-date-picker-border-radius: inherit !default;
-$skeleton-loader-date-picker-days-height: 40px !default;
-$skeleton-loader-date-picker-days-margin: 4px !default;
-$skeleton-loader-date-picker-days-padding: 0 12px !default;
-$skeleton-loader-date-picker-days-width: 40px !default;
-$skeleton-loader-date-picker-options-avatar-child-margin: 8px !default;
-$skeleton-loader-date-picker-options-avatar-height: 40px !default;
-$skeleton-loader-date-picker-options-avatar-width: 40px !default;
-$skeleton-loader-date-picker-options-padding: 16px !default;
-$skeleton-loader-divider-border-radius: 1px !default;
-$skeleton-loader-divider-height: 2px !default;
-$skeleton-loader-heading-border-radius: 12px !default;
-$skeleton-loader-heading-height: 24px !default;
-$skeleton-loader-image-height: 200px !default;
-$skeleton-loader-item-avatar-height: 40px !default;
-$skeleton-loader-item-avatar-margin: 16px !default;
-$skeleton-loader-item-avatar-width: 40px !default;
-$skeleton-loader-item-padding: 0 16px !default;
-$skeleton-loader-item-three-line-height: 88px !default;
-$skeleton-loader-item-two-line-height: 72px !default;
-$skeleton-loader-list-item-height: 48px !default;
-$skeleton-loader-loading-animation: loading 1.5s infinite !default;
-$skeleton-loader-loading-transform: translateX(-100%) !default;
-$skeleton-loader-table-cell-height: 48px !default;
-$skeleton-loader-table-cell-width: 88px !default;
-$skeleton-loader-table-heading-padding: 16px !default;
-$skeleton-loader-table-tbody-padding: 16px 16px 0 !default;
-$skeleton-loader-table-tfoot-avatar-height: 40px !default;
-$skeleton-loader-table-tfoot-avatar-width: 40px !default;
-$skeleton-loader-table-tfoot-children-margin: 8px !default;
-$skeleton-loader-table-tfoot-padding: 16px !default;
-$skeleton-loader-table-thead-heading-padding: 16px !default;
-$skeleton-loader-table-thead-padding: 16px !default;
-$skeleton-loader-text-border-radius: 6px !default;
-$skeleton-loader-text-height: 12px !default;

package/lib/components/VSkeletonLoader/index.mjs

@@ -1,4 +0,0 @@
-import VSkeletonLoader from "./VSkeletonLoader.mjs";
-export { VSkeletonLoader };
-export default VSkeletonLoader;
-//# sourceMappingURL=index.mjs.map

package/lib/components/VSkeletonLoader/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["VSkeletonLoader"],"sources":["../../../src/components/VSkeletonLoader/index.ts"],"sourcesContent":["import VSkeletonLoader from './VSkeletonLoader'\n\nexport { VSkeletonLoader }\nexport default VSkeletonLoader\n"],"mappings":"OAAOA,eAAe;AAEtB,SAASA,eAAe;AACxB,eAAeA,eAAe"}