Tracking de l'application VApp (IHM du jeu)

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

@@ -0,0 +1,51 @@
+.v-stepper.v-sheet {
+  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+  border-radius: 4px;
+  overflow: hidden;
+}
+.v-stepper.v-sheet.v-stepper--flat {
+  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));
+}
+
+.v-stepper-header {
+  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+  align-items: center;
+  display: flex;
+  position: relative;
+  overflow-x: auto;
+  justify-content: space-between;
+  z-index: 1;
+}
+.v-stepper-header .v-divider {
+  margin: 0 -16px;
+}
+.v-stepper-header .v-divider:last-child {
+  margin-inline-end: 0;
+}
+.v-stepper-header .v-divider:first-child {
+  margin-inline-start: 0;
+}
+.v-stepper--alt-labels .v-stepper-header {
+  height: auto;
+}
+.v-stepper--alt-labels .v-stepper-header .v-divider {
+  align-self: flex-start;
+  margin: 35px -67px 0;
+}
+
+.v-stepper-window {
+  margin: 1.5rem;
+}
+
+.v-stepper-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1rem;
+}
+.v-stepper .v-stepper-actions {
+  padding: 0 1.5rem 1rem;
+}
+.v-stepper-window-item .v-stepper-actions {
+  padding: 1.5rem 0 0;
+}

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

@@ -0,0 +1,149 @@
+import { mergeProps as _mergeProps, resolveDirective as _resolveDirective, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+// Styles
+import "./VStepper.css";
+
+// Components
+import { makeVStepperActionsProps, VStepperActions } from "./VStepperActions.mjs";
+import { VStepperHeader } from "./VStepperHeader.mjs";
+import { VStepperItem } from "./VStepperItem.mjs";
+import { VStepperWindow } from "./VStepperWindow.mjs";
+import { VStepperWindowItem } from "./VStepperWindowItem.mjs";
+import { VDivider } from "../VDivider/index.mjs";
+import { makeVSheetProps, VSheet } from "../VSheet/VSheet.mjs"; // Composables
+import { provideDefaults } from "../../composables/defaults.mjs";
+import { makeGroupProps, useGroup } from "../../composables/group.mjs"; // Utilities
+import { computed, toRefs } from 'vue';
+import { genericComponent, getPropertyFromItem, only, propsFactory, useRender } from "../../util/index.mjs"; // Types
+export const VStepperSymbol = Symbol.for('vuetify:v-stepper');
+export const makeVStepperProps = propsFactory({
+  altLabels: Boolean,
+  bgColor: String,
+  editable: Boolean,
+  hideActions: Boolean,
+  items: {
+    type: Array,
+    default: () => []
+  },
+  itemTitle: {
+    type: String,
+    default: 'title'
+  },
+  itemValue: {
+    type: String,
+    default: 'value'
+  },
+  mobile: Boolean,
+  nonLinear: Boolean,
+  flat: Boolean,
+  ...makeGroupProps({
+    mandatory: 'force',
+    selectedClass: 'v-stepper-item--selected'
+  }),
+  ...makeVSheetProps(),
+  ...only(makeVStepperActionsProps(), ['prevText', 'nextText'])
+}, 'VStepper');
+export const VStepper = genericComponent()({
+  name: 'VStepper',
+  props: makeVStepperProps(),
+  emits: {
+    'update:modelValue': v => true
+  },
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      items: _items,
+      next,
+      prev,
+      selected
+    } = useGroup(props, VStepperSymbol);
+    const {
+      color,
+      editable,
+      prevText,
+      nextText
+    } = toRefs(props);
+    const items = computed(() => props.items.map((item, index) => {
+      const title = getPropertyFromItem(item, props.itemTitle, item);
+      const value = getPropertyFromItem(item, props.itemValue, index + 1);
+      return {
+        title,
+        value,
+        raw: item
+      };
+    }));
+    const activeIndex = computed(() => {
+      return _items.value.findIndex(item => selected.value.includes(item.id));
+    });
+    const disabled = computed(() => {
+      if (props.disabled) return props.disabled;
+      if (activeIndex.value === 0) return 'prev';
+      if (activeIndex.value === _items.value.length - 1) return 'next';
+      return false;
+    });
+    provideDefaults({
+      VStepperItem: {
+        editable,
+        prevText,
+        nextText
+      },
+      VStepperActions: {
+        color,
+        disabled,
+        prevText,
+        nextText
+      }
+    });
+    useRender(() => {
+      const sheetProps = VSheet.filterProps(props);
+      const hasHeader = !!(slots.header || props.items.length);
+      const hasWindow = props.items.length > 0;
+      const hasActions = !props.hideActions && !!(hasWindow || slots.actions);
+      return _createVNode(VSheet, _mergeProps(sheetProps, {
+        "color": props.bgColor,
+        "class": ['v-stepper', {
+          'v-stepper--alt-labels': props.altLabels,
+          'v-stepper--flat': props.flat,
+          'v-stepper--non-linear': props.nonLinear,
+          'v-stepper--mobile': props.mobile
+        }, props.class],
+        "style": props.style
+      }), {
+        default: () => [hasHeader && _createVNode(VStepperHeader, {
+          "key": "stepper-header"
+        }, {
+          default: () => [items.value.map((item, index) => _createVNode(_Fragment, null, [!!index && _createVNode(VDivider, null, null), _createVNode(VStepperItem, item, {
+            default: slots[`header-item.${item.value}`] ?? slots.header,
+            icon: slots.icon,
+            title: slots.title,
+            subtitle: slots.subtitle
+          })]))]
+        }), hasWindow && _createVNode(VStepperWindow, {
+          "key": "stepper-window"
+        }, {
+          default: () => [items.value.map(item => _createVNode(VStepperWindowItem, {
+            "value": item.value
+          }, {
+            default: () => slots[`item.${item.value}`]?.(item) ?? slots.item?.(item)
+          }))]
+        }), slots.default?.({
+          prev,
+          next
+        }), hasActions && (slots.actions?.({
+          next,
+          prev
+        }) ?? _createVNode(VStepperActions, {
+          "key": "stepper-actions",
+          "onClick:prev": prev,
+          "onClick:next": next
+        }, slots))]
+      });
+    });
+    return {
+      prev,
+      next
+    };
+  }
+});
+//# sourceMappingURL=VStepper.mjs.map

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

@@ -0,0 +1,53 @@
+@use '../../styles/settings'
+@use '../../styles/tools'
+@use './variables' as *
+
+.v-stepper.v-sheet
+  @include tools.elevation($stepper-elevation)
+  @include tools.rounded($stepper-border-radius)
+
+  overflow: hidden
+
+  &.v-stepper--flat
+    @include tools.elevation(0)
+
+.v-stepper-header
+  @include tools.elevation($stepper-header-elevation)
+
+  align-items: center
+  display: flex
+  position: relative
+  overflow-x: auto
+  justify-content: space-between
+  z-index: 1
+
+  .v-divider
+    margin: $stepper-header-divider-margin
+
+    &:last-child
+      margin-inline-end: 0
+
+    &:first-child
+      margin-inline-start: 0
+
+  .v-stepper--alt-labels &
+    height: auto
+
+    .v-divider
+      align-self: flex-start
+      margin: $stepper-alt-labels-header-divider
+
+.v-stepper-window
+  margin: $stepper-window-margin
+
+.v-stepper-actions
+  display: flex
+  align-items: center
+  justify-content: space-between
+  padding: $stepper-actions-padding
+
+  .v-stepper &
+    padding: $stepper-actions-stepper-padding
+
+  .v-stepper-window-item &
+    padding: $stepper-actions-stepper-window-item-padding

VApp/node_modules/vuetify/lib/components/VStepper/VStepperActions.mjs

@@ -0,0 +1,82 @@
+import { createVNode as _createVNode } from "vue";
+// Components
+import { VBtn } from "../VBtn/VBtn.mjs";
+import { VDefaultsProvider } from "../VDefaultsProvider/VDefaultsProvider.mjs"; // Composables
+import { useLocale } from "../../composables/locale.mjs"; // Utilities
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
+export const makeVStepperActionsProps = propsFactory({
+  color: String,
+  disabled: {
+    type: [Boolean, String],
+    default: false
+  },
+  prevText: {
+    type: String,
+    default: '$vuetify.stepper.prev'
+  },
+  nextText: {
+    type: String,
+    default: '$vuetify.stepper.next'
+  }
+}, 'VStepperActions');
+export const VStepperActions = genericComponent()({
+  name: 'VStepperActions',
+  props: makeVStepperActionsProps(),
+  emits: {
+    'click:prev': () => true,
+    'click:next': () => true
+  },
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
+    const {
+      t
+    } = useLocale();
+    function onClickPrev() {
+      emit('click:prev');
+    }
+    function onClickNext() {
+      emit('click:next');
+    }
+    useRender(() => {
+      const prevSlotProps = {
+        onClick: onClickPrev
+      };
+      const nextSlotProps = {
+        onClick: onClickNext
+      };
+      return _createVNode("div", {
+        "class": "v-stepper-actions"
+      }, [_createVNode(VDefaultsProvider, {
+        "defaults": {
+          VBtn: {
+            disabled: ['prev', true].includes(props.disabled),
+            text: t(props.prevText),
+            variant: 'text'
+          }
+        }
+      }, {
+        default: () => [slots.prev?.({
+          props: prevSlotProps
+        }) ?? _createVNode(VBtn, prevSlotProps, null)]
+      }), _createVNode(VDefaultsProvider, {
+        "defaults": {
+          VBtn: {
+            color: props.color,
+            disabled: ['next', true].includes(props.disabled),
+            text: t(props.nextText),
+            variant: 'tonal'
+          }
+        }
+      }, {
+        default: () => [slots.next?.({
+          props: nextSlotProps
+        }) ?? _createVNode(VBtn, nextSlotProps, null)]
+      })]);
+    });
+    return {};
+  }
+});
+//# sourceMappingURL=VStepperActions.mjs.map

VApp/node_modules/vuetify/lib/components/VStepper/VStepperActions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VStepperActions.mjs","names":["VBtn","VDefaultsProvider","useLocale","genericComponent","propsFactory","useRender","makeVStepperActionsProps","color","String","disabled","type","Boolean","default","prevText","nextText","VStepperActions","name","props","emits","click:prev","click:next","setup","_ref","emit","slots","t","onClickPrev","onClickNext","prevSlotProps","onClick","nextSlotProps","_createVNode","includes","text","variant","prev","next"],"sources":["../../../src/components/VStepper/VStepperActions.tsx"],"sourcesContent":["// Components\nimport { VBtn } from '@/components/VBtn/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider/VDefaultsProvider'\n\n// Composables\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport type VStepperActionsSlots = {\n  prev: {\n    props: { onClick: () => void }\n  }\n  next: {\n    props: { onClick: () => void }\n  }\n}\n\nexport const makeVStepperActionsProps = propsFactory({\n  color: String,\n  disabled: {\n    type: [Boolean, String] as PropType<boolean | 'next' | 'prev'>,\n    default: false,\n  },\n  prevText: {\n    type: String,\n    default: '$vuetify.stepper.prev',\n  },\n  nextText: {\n    type: String,\n    default: '$vuetify.stepper.next',\n  },\n}, 'VStepperActions')\n\nexport const VStepperActions = genericComponent<VStepperActionsSlots>()({\n  name: 'VStepperActions',\n\n  props: makeVStepperActionsProps(),\n\n  emits: {\n    'click:prev': () => true,\n    'click:next': () => true,\n  },\n\n  setup (props, { emit, slots }) {\n    const { t } = useLocale()\n    function onClickPrev () {\n      emit('click:prev')\n    }\n\n    function onClickNext () {\n      emit('click:next')\n    }\n\n    useRender(() => {\n      const prevSlotProps = {\n        onClick: onClickPrev,\n      }\n      const nextSlotProps = {\n        onClick: onClickNext,\n      }\n\n      return (\n        <div class=\"v-stepper-actions\">\n          <VDefaultsProvider\n            defaults={{\n              VBtn: {\n                disabled: ['prev', true].includes(props.disabled),\n                text: t(props.prevText),\n                variant: 'text',\n              },\n            }}\n          >\n            { slots.prev?.({ props: prevSlotProps }) ?? (\n              <VBtn { ...prevSlotProps } />\n            )}\n          </VDefaultsProvider>\n\n          <VDefaultsProvider\n            defaults={{\n              VBtn: {\n                color: props.color,\n                disabled: ['next', true].includes(props.disabled),\n                text: t(props.nextText),\n                variant: 'tonal',\n              },\n            }}\n          >\n            { slots.next?.({ props: nextSlotProps }) ?? (\n              <VBtn { ...nextSlotProps } />\n            )}\n          </VDefaultsProvider>\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VStepperActions = InstanceType<typeof VStepperActions>\n"],"mappings":";AAAA;AAAA,SACSA,IAAI;AAAA,SACJC,iBAAiB,sDAE1B;AAAA,SACSC,SAAS,wCAElB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAYA,OAAO,MAAMC,wBAAwB,GAAGF,YAAY,CAAC;EACnDG,KAAK,EAAEC,MAAM;EACbC,QAAQ,EAAE;IACRC,IAAI,EAAE,CAACC,OAAO,EAAEH,MAAM,CAAwC;IAC9DI,OAAO,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACRH,IAAI,EAAEF,MAAM;IACZI,OAAO,EAAE;EACX,CAAC;EACDE,QAAQ,EAAE;IACRJ,IAAI,EAAEF,MAAM;IACZI,OAAO,EAAE;EACX;AACF,CAAC,EAAE,iBAAiB,CAAC;AAErB,OAAO,MAAMG,eAAe,GAAGZ,gBAAgB,CAAuB,CAAC,CAAC;EACtEa,IAAI,EAAE,iBAAiB;EAEvBC,KAAK,EAAEX,wBAAwB,CAAC,CAAC;EAEjCY,KAAK,EAAE;IACL,YAAY,EAAEC,CAAA,KAAM,IAAI;IACxB,YAAY,EAAEC,CAAA,KAAM;EACtB,CAAC;EAEDC,KAAKA,CAAEJ,KAAK,EAAAK,IAAA,EAAmB;IAAA,IAAjB;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC3B,MAAM;MAAEG;IAAE,CAAC,GAAGvB,SAAS,CAAC,CAAC;IACzB,SAASwB,WAAWA,CAAA,EAAI;MACtBH,IAAI,CAAC,YAAY,CAAC;IACpB;IAEA,SAASI,WAAWA,CAAA,EAAI;MACtBJ,IAAI,CAAC,YAAY,CAAC;IACpB;IAEAlB,SAAS,CAAC,MAAM;MACd,MAAMuB,aAAa,GAAG;QACpBC,OAAO,EAAEH;MACX,CAAC;MACD,MAAMI,aAAa,GAAG;QACpBD,OAAO,EAAEF;MACX,CAAC;MAED,OAAAI,YAAA;QAAA;MAAA,IAAAA,YAAA,CAAA9B,iBAAA;QAAA,YAGgB;UACRD,IAAI,EAAE;YACJS,QAAQ,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAACuB,QAAQ,CAACf,KAAK,CAACR,QAAQ,CAAC;YACjDwB,IAAI,EAAER,CAAC,CAACR,KAAK,CAACJ,QAAQ,CAAC;YACvBqB,OAAO,EAAE;UACX;QACF;MAAC;QAAAtB,OAAA,EAAAA,CAAA,MAECY,KAAK,CAACW,IAAI,GAAG;UAAElB,KAAK,EAAEW;QAAc,CAAC,CAAC,IAAAG,YAAA,CAAA/B,IAAA,EAC3B4B,aAAa,OACzB;MAAA,IAAAG,YAAA,CAAA9B,iBAAA;QAAA,YAIS;UACRD,IAAI,EAAE;YACJO,KAAK,EAAEU,KAAK,CAACV,KAAK;YAClBE,QAAQ,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAACuB,QAAQ,CAACf,KAAK,CAACR,QAAQ,CAAC;YACjDwB,IAAI,EAAER,CAAC,CAACR,KAAK,CAACH,QAAQ,CAAC;YACvBoB,OAAO,EAAE;UACX;QACF;MAAC;QAAAtB,OAAA,EAAAA,CAAA,MAECY,KAAK,CAACY,IAAI,GAAG;UAAEnB,KAAK,EAAEa;QAAc,CAAC,CAAC,IAAAC,YAAA,CAAA/B,IAAA,EAC3B8B,aAAa,OACzB;MAAA;IAIT,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

VApp/node_modules/vuetify/lib/components/VStepper/VStepperHeader.mjs

@@ -0,0 +1,4 @@
+// Utilities
+import { createSimpleFunctional } from "../../util/index.mjs";
+export const VStepperHeader = createSimpleFunctional('v-stepper-header');
+//# sourceMappingURL=VStepperHeader.mjs.map

VApp/node_modules/vuetify/lib/components/VStepper/VStepperHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VStepperHeader.mjs","names":["createSimpleFunctional","VStepperHeader"],"sources":["../../../src/components/VStepper/VStepperHeader.ts"],"sourcesContent":["// Utilities\nimport { createSimpleFunctional } from '@/util'\n\nexport const VStepperHeader = createSimpleFunctional('v-stepper-header')\n\nexport type VStepperHeader = InstanceType<typeof VStepperHeader>\n"],"mappings":"AAAA;AAAA,SACSA,sBAAsB;AAE/B,OAAO,MAAMC,cAAc,GAAGD,sBAAsB,CAAC,kBAAkB,CAAC"}

VApp/node_modules/vuetify/lib/components/VStepper/VStepperItem.css

@@ -0,0 +1,67 @@
+.v-stepper-item {
+  align-items: center;
+  align-self: stretch;
+  display: inline-flex;
+  flex: none;
+  opacity: var(--v-medium-emphasis-opacity);
+  padding: 1.5rem;
+  transition-duration: 0.2s;
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-stepper-item--selected {
+  opacity: 1;
+}
+.v-stepper-item--error {
+  color: rgb(var(--v-theme-error));
+}
+.v-stepper-item--disabled {
+  opacity: var(--v-medium-emphasis-opacity);
+  pointer-events: none;
+}
+.v-stepper--alt-labels .v-stepper-item {
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+  flex-basis: 175px;
+}
+
+.v-stepper-item__avatar.v-avatar {
+  background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
+  color: rgb(var(--v-theme-on-surface-variant));
+  font-size: 0.75rem;
+  margin-inline-end: 8px;
+}
+.v-stepper-item__avatar.v-avatar .v-icon {
+  font-size: 0.875rem;
+}
+.v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
+  background: rgb(var(--v-theme-surface-variant));
+}
+.v-stepper-item--error .v-stepper-item__avatar.v-avatar {
+  background: rgb(var(--v-theme-error));
+}
+.v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
+  margin-bottom: 16px;
+  margin-inline-end: 0;
+}
+
+.v-stepper-item__title {
+  line-height: 1;
+}
+.v-stepper--mobile .v-stepper-item__title {
+  display: none;
+}
+
+.v-stepper-item__subtitle {
+  font-size: 0.75rem;
+  text-align: left;
+  line-height: 1;
+  opacity: var(--v-medium-emphasis-opacity);
+}
+.v-stepper--alt-labels .v-stepper-item__subtitle {
+  text-align: center;
+}
+.v-stepper--mobile .v-stepper-item__subtitle {
+  display: none;
+}

VApp/node_modules/vuetify/lib/components/VStepper/VStepperItem.mjs

@@ -0,0 +1,114 @@
+import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
+// Styles
+import "./VStepperItem.css";
+
+// Components
+import { VAvatar } from "../VAvatar/VAvatar.mjs";
+import { VIcon } from "../VIcon/VIcon.mjs"; // Composables
+import { makeGroupItemProps, useGroupItem } from "../../composables/group.mjs"; // Directives
+import { Ripple } from "../../directives/ripple/index.mjs"; // Utilities
+import { computed } from 'vue';
+import { VStepperSymbol } from "./VStepper.mjs";
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
+export const makeVStepperItemProps = propsFactory({
+  color: String,
+  title: String,
+  subtitle: String,
+  complete: Boolean,
+  completeIcon: {
+    type: String,
+    default: '$complete'
+  },
+  editable: Boolean,
+  editIcon: {
+    type: String,
+    default: '$edit'
+  },
+  error: Boolean,
+  errorIcon: {
+    type: String,
+    default: '$error'
+  },
+  icon: String,
+  ripple: {
+    type: [Boolean, Object],
+    default: true
+  },
+  rules: {
+    type: Array,
+    default: () => []
+  },
+  ...makeGroupItemProps()
+}, 'VStepperItem');
+export const VStepperItem = genericComponent()({
+  name: 'VStepperItem',
+  directives: {
+    Ripple
+  },
+  props: makeVStepperItemProps(),
+  emits: {
+    'group:selected': val => true
+  },
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const group = useGroupItem(props, VStepperSymbol, true);
+    const step = computed(() => group?.value.value ?? props.value);
+    const isValid = computed(() => props.rules.every(handler => handler() === true));
+    const canEdit = computed(() => !props.disabled && props.editable);
+    const hasError = computed(() => props.error || !isValid.value);
+    const hasCompleted = computed(() => props.complete || props.rules.length > 0 && isValid.value);
+    const icon = computed(() => {
+      if (hasError.value) return props.errorIcon;
+      if (hasCompleted.value) return props.completeIcon;
+      if (props.editable) return props.editIcon;
+      return props.icon;
+    });
+    const slotProps = computed(() => ({
+      canEdit: canEdit.value,
+      hasError: hasError.value,
+      hasCompleted: hasCompleted.value,
+      title: props.title,
+      subtitle: props.subtitle,
+      step: step.value,
+      value: props.value
+    }));
+    useRender(() => {
+      const hasColor = (!group || group.isSelected.value || hasCompleted.value || canEdit.value) && !hasError.value && !props.disabled;
+      const hasTitle = !!(props.title != null || slots.title);
+      const hasSubtitle = !!(props.subtitle != null || slots.subtitle);
+      function onClick() {
+        group?.toggle();
+      }
+      return _withDirectives(_createVNode("button", {
+        "class": ['v-stepper-item', {
+          'v-stepper-item--complete': hasCompleted.value,
+          'v-stepper-item--disabled': props.disabled,
+          'v-stepper-item--error': hasError.value
+        }, group?.selectedClass.value],
+        "disabled": !props.editable,
+        "onClick": onClick
+      }, [_createVNode(VAvatar, {
+        "key": "stepper-avatar",
+        "class": "v-stepper-item__avatar",
+        "color": hasColor ? props.color : undefined,
+        "size": 24
+      }, {
+        default: () => [slots.icon?.(slotProps.value) ?? (icon.value ? _createVNode(VIcon, {
+          "icon": icon.value
+        }, null) : step.value)]
+      }), _createVNode("div", {
+        "class": "v-stepper-item__content"
+      }, [hasTitle && _createVNode("div", {
+        "key": "title",
+        "class": "v-stepper-item__title"
+      }, [slots.title?.(slotProps.value) ?? props.title]), hasSubtitle && _createVNode("div", {
+        "key": "subtitle",
+        "class": "v-stepper-item__subtitle"
+      }, [slots.subtitle?.(slotProps.value) ?? props.subtitle]), slots.default?.(slotProps.value)])]), [[_resolveDirective("ripple"), props.ripple && props.editable, null]]);
+    });
+    return {};
+  }
+});
+//# sourceMappingURL=VStepperItem.mjs.map

VApp/node_modules/vuetify/lib/components/VStepper/VStepperItem.sass

@@ -0,0 +1,71 @@
+@use '../../styles/settings'
+@use './variables' as *
+
+.v-stepper-item
+  align-items: center
+  align-self: stretch
+  display: inline-flex
+  flex: none
+  opacity: $stepper-item-opacity
+  padding: $stepper-item-padding
+  transition-duration: $stepper-item-transition-duration
+  transition-property: $stepper-item-transition-property
+  transition-timing-function: $stepper-item-transition-timing-function
+
+  &--selected
+    opacity: 1
+
+  &--error
+    color: rgb(var(--v-theme-error))
+
+  &--disabled
+    opacity: var(--v-medium-emphasis-opacity)
+    pointer-events: none
+
+  .v-stepper--alt-labels &
+    flex-direction: column
+    justify-content: flex-start
+    align-items: center
+    flex-basis: $stepper-alt-labels-flex-basis
+
+.v-stepper-item__avatar.v-avatar
+  background: $stepper-item-avatar-background
+  color: $stepper-item-avatar-color
+  font-size: $stepper-item-avatar-font-size
+  margin-inline-end: $stepper-item-avatar-margin-inline-end
+
+  .v-icon
+    font-size: $stepper-item-avatar-icon-font-size
+
+  .v-stepper-item--selected &,
+  .v-stepper-item--complete &
+    background: rgb(var(--v-theme-surface-variant))
+
+  .v-stepper-item--error &
+    background: rgb(var(--v-theme-error))
+
+  .v-stepper--alt-labels &
+    margin-bottom: $stepper-item-alt-labels-margin-bottom
+    margin-inline-end: 0
+
+.v-stepper-item__content
+  .v-stepper--alt-labels &
+    // min-height: 28px
+
+.v-stepper-item__title
+  line-height: $stepper-item-title-line-height
+
+  .v-stepper--mobile &
+    display: none
+
+.v-stepper-item__subtitle
+  font-size: $stepper-item-subtitle-font-size
+  text-align: left
+  line-height: $stepper-item-subtitle-line-height
+  opacity: $stepper-item-subtitle-opacity
+
+  .v-stepper--alt-labels &
+    text-align: center
+
+  .v-stepper--mobile &
+    display: none

VApp/node_modules/vuetify/lib/components/VStepper/VStepperWindow.mjs

@@ -0,0 +1,52 @@
+import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
+// Components
+import { makeVWindowProps, VWindow } from "../VWindow/VWindow.mjs"; // Composables
+import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
+import { computed, inject } from 'vue';
+import { genericComponent, omit, propsFactory, useRender } from "../../util/index.mjs"; // Types
+export const VStepperSymbol = Symbol.for('vuetify:v-stepper');
+export const makeVStepperWindowProps = propsFactory({
+  ...omit(makeVWindowProps(), ['continuous', 'nextIcon', 'prevIcon', 'showArrows', 'touch', 'mandatory'])
+}, 'VStepperWindow');
+export const VStepperWindow = genericComponent()({
+  name: 'VStepperWindow',
+  props: makeVStepperWindowProps(),
+  emits: {
+    'update:modelValue': v => true
+  },
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const group = inject(VStepperSymbol, null);
+    const _model = useProxiedModel(props, 'modelValue');
+    const model = computed({
+      get() {
+        // Always return modelValue if defined
+        // or if not within a VStepper group
+        if (_model.value != null || !group) return _model.value;
+
+        // If inside of a VStepper, find the currently selected
+        // item by id. Item value may be assigned by its index
+        return group.items.value.find(item => group.selected.value.includes(item.id))?.value;
+      },
+      set(val) {
+        _model.value = val;
+      }
+    });
+    useRender(() => {
+      const windowProps = VWindow.filterProps(props);
+      return _createVNode(VWindow, _mergeProps({
+        "_as": "VStepperWindow"
+      }, windowProps, {
+        "modelValue": model.value,
+        "onUpdate:modelValue": $event => model.value = $event,
+        "class": "v-stepper-window",
+        "mandatory": false,
+        "touch": false
+      }), slots);
+    });
+    return {};
+  }
+});
+//# sourceMappingURL=VStepperWindow.mjs.map

VApp/node_modules/vuetify/lib/components/VStepper/VStepperWindow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VStepperWindow.mjs","names":["makeVWindowProps","VWindow","useProxiedModel","computed","inject","genericComponent","omit","propsFactory","useRender","VStepperSymbol","Symbol","for","makeVStepperWindowProps","VStepperWindow","name","props","emits","v","setup","_ref","slots","group","_model","model","get","value","items","find","item","selected","includes","id","set","val","windowProps","filterProps","_createVNode","_mergeProps","$event"],"sources":["../../../src/components/VStepper/VStepperWindow.tsx"],"sourcesContent":["// Components\nimport { makeVWindowProps, VWindow } from '@/components/VWindow/VWindow'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, inject } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { InjectionKey } from 'vue'\nimport type { GroupProvide } from '@/composables/group'\n\nexport const VStepperSymbol: InjectionKey<GroupProvide> = Symbol.for('vuetify:v-stepper')\n\nexport const makeVStepperWindowProps = propsFactory({\n  ...omit(makeVWindowProps(), ['continuous', 'nextIcon', 'prevIcon', 'showArrows', 'touch', 'mandatory']),\n}, 'VStepperWindow')\n\nexport const VStepperWindow = genericComponent()({\n  name: 'VStepperWindow',\n\n  props: makeVStepperWindowProps(),\n\n  emits: {\n    'update:modelValue': (v: unknown) => true,\n  },\n\n  setup (props, { slots }) {\n    const group = inject(VStepperSymbol, null)\n    const _model = useProxiedModel(props, 'modelValue')\n\n    const model = computed({\n      get () {\n        // Always return modelValue if defined\n        // or if not within a VStepper group\n        if (_model.value != null || !group) return _model.value\n\n        // If inside of a VStepper, find the currently selected\n        // item by id. Item value may be assigned by its index\n        return group.items.value.find(item => group.selected.value.includes(item.id))?.value\n      },\n      set (val) {\n        _model.value = val\n      },\n    })\n\n    useRender(() => {\n      const windowProps = VWindow.filterProps(props)\n\n      return (\n        <VWindow\n          _as=\"VStepperWindow\"\n          { ...windowProps }\n          v-model={ model.value }\n          class=\"v-stepper-window\"\n          mandatory={ false }\n          touch={ false }\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VStepperWindow = InstanceType<typeof VStepperWindow>\n"],"mappings":";AAAA;AAAA,SACSA,gBAAgB,EAAEC,OAAO,kCAElC;AAAA,SACSC,eAAe,8CAExB;AACA,SAASC,QAAQ,EAAEC,MAAM,QAAQ,KAAK;AAAA,SAC7BC,gBAAgB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,gCAExD;AAIA,OAAO,MAAMC,cAA0C,GAAGC,MAAM,CAACC,GAAG,CAAC,mBAAmB,CAAC;AAEzF,OAAO,MAAMC,uBAAuB,GAAGL,YAAY,CAAC;EAClD,GAAGD,IAAI,CAACN,gBAAgB,CAAC,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,CAAC;AACxG,CAAC,EAAE,gBAAgB,CAAC;AAEpB,OAAO,MAAMa,cAAc,GAAGR,gBAAgB,CAAC,CAAC,CAAC;EAC/CS,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAEH,uBAAuB,CAAC,CAAC;EAEhCI,KAAK,EAAE;IACL,mBAAmB,EAAGC,CAAU,IAAK;EACvC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,KAAK,GAAGjB,MAAM,CAACK,cAAc,EAAE,IAAI,CAAC;IAC1C,MAAMa,MAAM,GAAGpB,eAAe,CAACa,KAAK,EAAE,YAAY,CAAC;IAEnD,MAAMQ,KAAK,GAAGpB,QAAQ,CAAC;MACrBqB,GAAGA,CAAA,EAAI;QACL;QACA;QACA,IAAIF,MAAM,CAACG,KAAK,IAAI,IAAI,IAAI,CAACJ,KAAK,EAAE,OAAOC,MAAM,CAACG,KAAK;;QAEvD;QACA;QACA,OAAOJ,KAAK,CAACK,KAAK,CAACD,KAAK,CAACE,IAAI,CAACC,IAAI,IAAIP,KAAK,CAACQ,QAAQ,CAACJ,KAAK,CAACK,QAAQ,CAACF,IAAI,CAACG,EAAE,CAAC,CAAC,EAAEN,KAAK;MACtF,CAAC;MACDO,GAAGA,CAAEC,GAAG,EAAE;QACRX,MAAM,CAACG,KAAK,GAAGQ,GAAG;MACpB;IACF,CAAC,CAAC;IAEFzB,SAAS,CAAC,MAAM;MACd,MAAM0B,WAAW,GAAGjC,OAAO,CAACkC,WAAW,CAACpB,KAAK,CAAC;MAE9C,OAAAqB,YAAA,CAAAnC,OAAA,EAAAoC,WAAA;QAAA;MAAA,GAGSH,WAAW;QAAA,cACNX,KAAK,CAACE,KAAK;QAAA,uBAAAa,MAAA,IAAXf,KAAK,CAACE,KAAK,GAAAa,MAAA;QAAA;QAAA,aAET,KAAK;QAAA,SACT;MAAK,IACHlB,KAAK;IAGrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

VApp/node_modules/vuetify/lib/components/VStepper/VStepperWindowItem.mjs

@@ -0,0 +1,26 @@
+import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
+// Components
+import { makeVWindowItemProps, VWindowItem } from "../VWindow/VWindowItem.mjs"; // Utilities
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
+export const makeVStepperWindowItemProps = propsFactory({
+  ...makeVWindowItemProps()
+}, 'VStepperWindowItem');
+export const VStepperWindowItem = genericComponent()({
+  name: 'VStepperWindowItem',
+  props: makeVStepperWindowItemProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    useRender(() => {
+      const windowItemProps = VWindowItem.filterProps(props);
+      return _createVNode(VWindowItem, _mergeProps({
+        "_as": "VStepperWindowItem"
+      }, windowItemProps, {
+        "class": "v-stepper-window-item"
+      }), slots);
+    });
+    return {};
+  }
+});
+//# sourceMappingURL=VStepperWindowItem.mjs.map

VApp/node_modules/vuetify/lib/components/VStepper/VStepperWindowItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VStepperWindowItem.mjs","names":["makeVWindowItemProps","VWindowItem","genericComponent","propsFactory","useRender","makeVStepperWindowItemProps","VStepperWindowItem","name","props","setup","_ref","slots","windowItemProps","filterProps","_createVNode","_mergeProps"],"sources":["../../../src/components/VStepper/VStepperWindowItem.tsx"],"sourcesContent":["// Components\nimport { makeVWindowItemProps, VWindowItem } from '@/components/VWindow/VWindowItem'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVStepperWindowItemProps = propsFactory({\n  ...makeVWindowItemProps(),\n}, 'VStepperWindowItem')\n\nexport const VStepperWindowItem = genericComponent()({\n  name: 'VStepperWindowItem',\n\n  props: makeVStepperWindowItemProps(),\n\n  setup (props, { slots }) {\n    useRender(() => {\n      const windowItemProps = VWindowItem.filterProps(props)\n\n      return (\n        <VWindowItem\n          _as=\"VStepperWindowItem\"\n          { ...windowItemProps }\n          class=\"v-stepper-window-item\"\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VStepperWindowItem = InstanceType<typeof VStepperWindowItem>\n"],"mappings":";AAAA;AAAA,SACSA,oBAAoB,EAAEC,WAAW,sCAE1C;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,2BAA2B,GAAGF,YAAY,CAAC;EACtD,GAAGH,oBAAoB,CAAC;AAC1B,CAAC,EAAE,oBAAoB,CAAC;AAExB,OAAO,MAAMM,kBAAkB,GAAGJ,gBAAgB,CAAC,CAAC,CAAC;EACnDK,IAAI,EAAE,oBAAoB;EAE1BC,KAAK,EAAEH,2BAA2B,CAAC,CAAC;EAEpCI,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrBN,SAAS,CAAC,MAAM;MACd,MAAMQ,eAAe,GAAGX,WAAW,CAACY,WAAW,CAACL,KAAK,CAAC;MAEtD,OAAAM,YAAA,CAAAb,WAAA,EAAAc,WAAA;QAAA;MAAA,GAGSH,eAAe;QAAA;MAAA,IAEVD,KAAK;IAGrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,27 @@
+@use '../../styles/settings';
+
+$stepper-actions-padding: 1rem !default;
+$stepper-actions-stepper-padding: 0 1.5rem 1rem !default;
+$stepper-actions-stepper-window-item-padding: 1.5rem 0 0 !default;
+$stepper-alt-labels-flex-basis : 175px !default;
+$stepper-alt-labels-header-divider: 35px -67px 0 !default;
+$stepper-border-radius: 4px !default;
+$stepper-elevation: 2 !default;
+$stepper-item-opacity: var(--v-medium-emphasis-opacity) !default;
+$stepper-item-padding: 1.5rem !default;
+$stepper-item-transition-duration: .2s !default;
+$stepper-item-transition-property: opacity !default;
+$stepper-item-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;
+$stepper-header-divider-margin: 0 -16px !default;
+$stepper-header-elevation: 2 !default;
+$stepper-window-margin: 1.5rem !default;
+$stepper-item-avatar-background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity)) !default;
+$stepper-item-avatar-color: rgb(var(--v-theme-on-surface-variant)) !default;
+$stepper-item-avatar-font-size: .75rem !default;
+$stepper-item-avatar-margin-inline-end: 8px !default;
+$stepper-item-avatar-icon-font-size: .875rem !default;
+$stepper-item-alt-labels-margin-bottom: 16px !default;
+$stepper-item-title-line-height: 1 !default;
+$stepper-item-subtitle-font-size: .75rem !default;
+$stepper-item-subtitle-line-height: 1 !default;
+$stepper-item-subtitle-opacity: var(--v-medium-emphasis-opacity) !default;

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

@@ -0,0 +1,7 @@
+export { VStepper } from "./VStepper.mjs";
+export { VStepperActions } from "./VStepperActions.mjs";
+export { VStepperHeader } from "./VStepperHeader.mjs";
+export { VStepperItem } from "./VStepperItem.mjs";
+export { VStepperWindow } from "./VStepperWindow.mjs";
+export { VStepperWindowItem } from "./VStepperWindowItem.mjs";
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["VStepper","VStepperActions","VStepperHeader","VStepperItem","VStepperWindow","VStepperWindowItem"],"sources":["../../../src/components/VStepper/index.ts"],"sourcesContent":["export { VStepper } from './VStepper'\nexport { VStepperActions } from './VStepperActions'\nexport { VStepperHeader } from './VStepperHeader'\nexport { VStepperItem } from './VStepperItem'\nexport { VStepperWindow } from './VStepperWindow'\nexport { VStepperWindowItem } from './VStepperWindowItem'\n"],"mappings":"SAASA,QAAQ;AAAA,SACRC,eAAe;AAAA,SACfC,cAAc;AAAA,SACdC,YAAY;AAAA,SACZC,cAAc;AAAA,SACdC,kBAAkB"}