Tracking de l'application VApp (IHM du jeu)

VApp/node_modules/vuetify/lib/components/VSkeletonLoader/VSkeletonLoader.mjs

@@ -0,0 +1,144 @@
+import { createVNode as _createVNode } from "vue";
+// Styles
+import "./VSkeletonLoader.css";
+
+// Composables
+import { useBackgroundColor } from "../../composables/color.mjs";
+import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
+import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
+import { useLocale } from "../../composables/locale.mjs";
+import { makeThemeProps, provideTheme } from "../../composables/theme.mjs"; // Utilities
+import { computed, toRef } from 'vue';
+import { genericComponent, propsFactory, useRender, wrapInArray } from "../../util/index.mjs"; // Types
+export const rootTypes = {
+  actions: 'button@2',
+  article: 'heading, paragraph',
+  avatar: 'avatar',
+  button: 'button',
+  card: 'image, heading',
+  'card-avatar': 'image, list-item-avatar',
+  chip: 'chip',
+  'date-picker': 'list-item, heading, divider, date-picker-options, date-picker-days, actions',
+  'date-picker-options': 'text, avatar@2',
+  'date-picker-days': 'avatar@28',
+  divider: 'divider',
+  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',
+  ossein: 'ossein',
+  paragraph: 'text@3',
+  sentences: 'text@2',
+  subtitle: 'text',
+  table: 'table-heading, table-thead, table-tbody, table-tfoot',
+  'table-heading': 'chip, text',
+  'table-thead': 'heading@6',
+  'table-tbody': 'table-row-divider@6',
+  'table-row-divider': 'table-row, divider',
+  'table-row': 'text@6',
+  'table-tfoot': 'text@2, avatar@2',
+  text: 'text'
+};
+function genBone(type) {
+  let children = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return _createVNode("div", {
+    "class": ['v-skeleton-loader__bone', `v-skeleton-loader__${type}`]
+  }, [children]);
+}
+function genBones(bone) {
+  // e.g. 'text@3'
+  const [type, length] = bone.split('@');
+
+  // Generate a length array based upon
+  // value after @ in the bone string
+  return Array.from({
+    length
+  }).map(() => genStructure(type));
+}
+function genStructure(type) {
+  let children = [];
+  if (!type) return children;
+
+  // TODO: figure out a better way to type this
+  const bone = 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.includes(',')) return mapBones(type);
+  // Array of values - e.g. 'paragraph@4'
+  else if (type.includes('@')) return genBones(type);
+  // Array of values - e.g. 'card@2'
+  else if (bone.includes(',')) children = mapBones(bone);
+  // Array of values - e.g. 'list-item@2'
+  else if (bone.includes('@')) children = genBones(bone);
+  // Single value - e.g. 'card-heading'
+  else if (bone) children.push(genStructure(bone));
+  return [genBone(type, children)];
+}
+function mapBones(bones) {
+  // Remove spaces and return array of structures
+  return bones.replace(/\s/g, '').split(',').map(genStructure);
+}
+export const makeVSkeletonLoaderProps = propsFactory({
+  boilerplate: Boolean,
+  color: String,
+  loading: Boolean,
+  loadingText: {
+    type: String,
+    default: '$vuetify.loading'
+  },
+  type: {
+    type: [String, Array],
+    default: 'ossein'
+  },
+  ...makeDimensionProps(),
+  ...makeElevationProps(),
+  ...makeThemeProps()
+}, 'VSkeletonLoader');
+export const VSkeletonLoader = genericComponent()({
+  name: 'VSkeletonLoader',
+  props: makeVSkeletonLoaderProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      backgroundColorClasses,
+      backgroundColorStyles
+    } = useBackgroundColor(toRef(props, 'color'));
+    const {
+      dimensionStyles
+    } = useDimension(props);
+    const {
+      elevationClasses
+    } = useElevation(props);
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      t
+    } = useLocale();
+    const items = computed(() => genStructure(wrapInArray(props.type).join(',')));
+    useRender(() => {
+      const isLoading = !slots.default || props.loading;
+      return _createVNode("div", {
+        "class": ['v-skeleton-loader', {
+          'v-skeleton-loader--boilerplate': props.boilerplate
+        }, themeClasses.value, backgroundColorClasses.value, elevationClasses.value],
+        "style": [backgroundColorStyles.value, isLoading ? dimensionStyles.value : {}],
+        "aria-busy": !props.boilerplate ? isLoading : undefined,
+        "aria-live": !props.boilerplate ? 'polite' : undefined,
+        "aria-label": !props.boilerplate ? t(props.loadingText) : undefined,
+        "role": !props.boilerplate ? 'alert' : undefined
+      }, [isLoading ? items.value : slots.default?.()]);
+    });
+    return {};
+  }
+});
+//# sourceMappingURL=VSkeletonLoader.mjs.map