Tracking de l'application VApp (IHM du jeu)

VApp/node_modules/vuetify/lib/components/VSystemBar/VSystemBar.css

@@ -0,0 +1,38 @@
+.v-system-bar {
+  align-items: center;
+  display: flex;
+  flex: 1 1 auto;
+  height: 24px;
+  justify-content: flex-end;
+  max-width: 100%;
+  padding-inline: 8px;
+  position: relative;
+  text-align: end;
+  width: 100%;
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+  background: rgba(var(--v-theme-surface-light));
+  color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
+  font-size: 0.75rem;
+  font-weight: 400;
+  letter-spacing: 0.0333333333em;
+  line-height: 1.25rem;
+  text-transform: none;
+}
+.v-system-bar .v-icon {
+  opacity: var(--v-medium-emphasis-opacity);
+}
+.v-system-bar--absolute {
+  position: absolute;
+}
+.v-system-bar--fixed {
+  position: fixed;
+}
+.v-system-bar--rounded {
+  border-radius: 0;
+}
+.v-system-bar--window {
+  height: 32px;
+}
+.v-system-bar:not(.v-system-bar--absolute) {
+  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
+}

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

@@ -0,0 +1,71 @@
+import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
+// Styles
+import "./VSystemBar.css";
+
+// Composables
+import { useBackgroundColor } from "../../composables/color.mjs";
+import { makeComponentProps } from "../../composables/component.mjs";
+import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
+import { makeLayoutItemProps, useLayoutItem } from "../../composables/layout.mjs";
+import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
+import { useSsrBoot } from "../../composables/ssrBoot.mjs";
+import { makeTagProps } from "../../composables/tag.mjs";
+import { makeThemeProps, provideTheme } from "../../composables/theme.mjs"; // Utilities
+import { computed, shallowRef, toRef } from 'vue';
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
+export const makeVSystemBarProps = propsFactory({
+  color: String,
+  height: [Number, String],
+  window: Boolean,
+  ...makeComponentProps(),
+  ...makeElevationProps(),
+  ...makeLayoutItemProps(),
+  ...makeRoundedProps(),
+  ...makeTagProps(),
+  ...makeThemeProps()
+}, 'VSystemBar');
+export const VSystemBar = genericComponent()({
+  name: 'VSystemBar',
+  props: makeVSystemBarProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      backgroundColorClasses,
+      backgroundColorStyles
+    } = useBackgroundColor(toRef(props, 'color'));
+    const {
+      elevationClasses
+    } = useElevation(props);
+    const {
+      roundedClasses
+    } = useRounded(props);
+    const {
+      ssrBootStyles
+    } = useSsrBoot();
+    const height = computed(() => props.height ?? (props.window ? 32 : 24));
+    const {
+      layoutItemStyles
+    } = useLayoutItem({
+      id: props.name,
+      order: computed(() => parseInt(props.order, 10)),
+      position: shallowRef('top'),
+      layoutSize: height,
+      elementSize: height,
+      active: computed(() => true),
+      absolute: toRef(props, 'absolute')
+    });
+    useRender(() => _createVNode(props.tag, {
+      "class": ['v-system-bar', {
+        'v-system-bar--window': props.window
+      }, themeClasses.value, backgroundColorClasses.value, elevationClasses.value, roundedClasses.value, props.class],
+      "style": [backgroundColorStyles.value, layoutItemStyles.value, ssrBootStyles.value, props.style]
+    }, slots));
+    return {};
+  }
+});
+//# sourceMappingURL=VSystemBar.mjs.map

VApp/node_modules/vuetify/lib/components/VSystemBar/VSystemBar.sass

@@ -0,0 +1,31 @@
+@use '../../styles/tools'
+@use './variables' as *
+
+.v-system-bar
+  align-items: center
+  display: flex
+  flex: $system-bar-flex
+  height: $system-bar-height
+  justify-content: $system-bar-justify-content
+  max-width: 100%
+  padding-inline: $system-bar-padding-x
+  position: relative
+  text-align: $system-bar-text-align
+  width: 100%
+
+  .v-icon
+    opacity: $system-bar-icon-opacity
+
+  @include tools.elevation($system-bar-elevation)
+  @include tools.position($system-bar-positions)
+  @include tools.theme($system-bar-theme...)
+  @include tools.typography($system-bar-typography...)
+
+  &--rounded
+    @include tools.rounded($system-bar-border-radius)
+
+  &--window
+    height: $system-bar-window-height
+
+  &:not(.v-system-bar--absolute)
+    padding-inline-end: calc(var(--v-scrollbar-offset) + #{$system-bar-padding-x})

VApp/node_modules/vuetify/lib/components/VSystemBar/_variables.scss

@@ -0,0 +1,40 @@
+@use 'sass:map';
+@use '../../styles/settings';
+@use '../../styles/tools';
+
+// VSystemBar
+$system-bar-background: rgba(var(--v-theme-surface-light)) !default;
+$system-bar-border-radius: map.get(settings.$rounded, 0) !default;
+$system-bar-color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity)) !default;
+$system-bar-elevation: 0 !default;
+$system-bar-flex: 1 1 auto !default;
+$system-bar-font-size: tools.map-deep-get(settings.$typography, 'caption', 'size') !default;
+$system-bar-font-weight: tools.map-deep-get(settings.$typography, 'caption', 'weight') !default;
+$system-bar-height: 24px !default;
+$system-bar-icon-opacity: var(--v-medium-emphasis-opacity) !default;
+$system-bar-justify-content: flex-end !default;
+$system-bar-letter-spacing: tools.map-deep-get(settings.$typography, 'caption', 'letter-spacing') !default;
+$system-bar-lights-out-background: rgba(var(--v-theme-background), 0.7) !default;
+$system-bar-line-height: tools.map-deep-get(settings.$typography, 'caption', 'line-height') !default;
+$system-bar-padding-x: 8px !default;
+$system-bar-positions: absolute fixed !default;
+$system-bar-text-align: end !default;
+$system-bar-text-transform: tools.map-deep-get(settings.$typography, 'caption', 'text-transform') !default;
+$system-bar-window-height: 32px !default;
+
+// Lists
+$system-bar-theme: (
+  $system-bar-background,
+  $system-bar-color
+) !default;
+
+$system-bar-typography: (
+  $system-bar-font-size,
+  $system-bar-font-weight,
+  $system-bar-letter-spacing,
+  $system-bar-line-height,
+  $system-bar-text-transform
+) !default;
+
+// Deprecated
+$system-bar-padding: 0 8px !default;

VApp/node_modules/vuetify/lib/components/VSystemBar/index.d.mts

@@ -0,0 +1,204 @@
+import * as vue from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes } from 'vue';
+
+interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
+    filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
+}
+
+declare const VSystemBar: {
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
+        window: boolean;
+        absolute: boolean;
+        order: string | number;
+        style: vue.StyleValue;
+        tag: string;
+    } & {
+        height?: string | number | undefined;
+        name?: string | undefined;
+        color?: string | undefined;
+        class?: any;
+        elevation?: string | number | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+    } & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            default?: (() => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        window: boolean;
+        absolute: boolean;
+        order: string | number;
+        style: vue.StyleValue;
+        tag: string;
+    } & {
+        height?: string | number | undefined;
+        name?: string | undefined;
+        color?: string | undefined;
+        class?: any;
+        elevation?: string | number | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+    } & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            default?: (() => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    }, {
+        window: boolean;
+        absolute: boolean;
+        order: string | number;
+        style: vue.StyleValue;
+        tag: string;
+        rounded: string | number | boolean;
+    }, true, {}, vue.SlotsType<Partial<{
+        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+    }>>, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, {
+        window: boolean;
+        absolute: boolean;
+        order: string | number;
+        style: vue.StyleValue;
+        tag: string;
+    } & {
+        height?: string | number | undefined;
+        name?: string | undefined;
+        color?: string | undefined;
+        class?: any;
+        elevation?: string | number | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+    } & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            default?: (() => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    }, {}, {}, {}, {}, {
+        window: boolean;
+        absolute: boolean;
+        order: string | number;
+        style: vue.StyleValue;
+        tag: string;
+        rounded: string | number | boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
+    window: boolean;
+    absolute: boolean;
+    order: string | number;
+    style: vue.StyleValue;
+    tag: string;
+} & {
+    height?: string | number | undefined;
+    name?: string | undefined;
+    color?: string | undefined;
+    class?: any;
+    elevation?: string | number | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    window: boolean;
+    absolute: boolean;
+    order: string | number;
+    style: vue.StyleValue;
+    tag: string;
+    rounded: string | number | boolean;
+}, {}, string, vue.SlotsType<Partial<{
+    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    absolute: BooleanConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
+    color: StringConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    window: BooleanConstructor;
+}, vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    absolute: BooleanConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
+    color: StringConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    window: BooleanConstructor;
+}>>;
+type VSystemBar = InstanceType<typeof VSystemBar>;
+
+export { VSystemBar };

VApp/node_modules/vuetify/lib/components/VSystemBar/index.mjs

@@ -0,0 +1,2 @@
+export { VSystemBar } from "./VSystemBar.mjs";
+//# sourceMappingURL=index.mjs.map

VApp/node_modules/vuetify/lib/components/VSystemBar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["VSystemBar"],"sources":["../../../src/components/VSystemBar/index.ts"],"sourcesContent":["export { VSystemBar } from './VSystemBar'\n"],"mappings":"SAASA,UAAU"}