routie dev init since i didn't adhere to any proper guidance up until now

2026-04-29 22:27:29 -06:00
commit e1dabb71e2
15301 changed files with 3562618 additions and 0 deletions
@@ -0,0 +1,103 @@
+import { createVNode as _createVNode, mergeProps as _mergeProps, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, normalizeStyle as _normalizeStyle } from "vue";
+// Styles
+import "./VVideoVolume.css";
+
+// Components
+import { VIcon } from "../../components/VIcon/VIcon.js";
+import { VMenu } from "../../components/VMenu/VMenu.js";
+import { VSlider } from "../../components/VSlider/VSlider.js";
+import { VIconBtn } from "../VIconBtn/VIconBtn.js"; // Composables
+import { makeComponentProps } from "../../composables/component.js";
+import { useLocale } from "../../composables/locale.js";
+import { useProxiedModel } from "../../composables/proxiedModel.js"; // Directives
+import vTooltip from "../../directives/tooltip/index.js"; // Utilities
+import { ref, shallowRef, toRef } from 'vue';
+import { EventProp, genericComponent, propsFactory, useRender } from "../../util/index.js"; // Types
+export const makeVVideoVolumeProps = propsFactory({
+  inline: Boolean,
+  label: String,
+  direction: {
+    type: String,
+    default: 'vertical'
+  },
+  modelValue: {
+    type: Number,
+    default: 0
+  },
+  menuProps: Object,
+  sliderProps: Object,
+  onClick: EventProp(),
+  ...makeComponentProps()
+}, 'VVideoVolume');
+export const VVideoVolume = genericComponent()({
+  name: 'VVideoVolume',
+  directives: {
+    vTooltip: vTooltip
+  },
+  props: makeVVideoVolumeProps(),
+  emits: {
+    'update:modelValue': val => true
+  },
+  setup(props, {
+    attrs
+  }) {
+    const {
+      t
+    } = useLocale();
+    const volume = useProxiedModel(props, 'modelValue');
+    const volumeIcon = toRef(() => volume.value > 70 ? '$volumeHigh' : volume.value > 40 ? '$volumeMedium' : volume.value > 10 ? '$volumeLow' : '$volumeOff');
+    const containerRef = ref();
+    const menu = shallowRef(false);
+    useRender(() => {
+      const sliderDefaults = {
+        hideDetails: true,
+        step: 5,
+        thumbSize: 16
+      };
+      return _createElementVNode("div", {
+        "class": _normalizeClass(['v-video-volume', {
+          'v-video-volume--inline': props.inline
+        }, props.class]),
+        "style": _normalizeStyle(props.style),
+        "ref": containerRef
+      }, [_withDirectives(_createVNode(VIconBtn, _mergeProps({
+        "icon": volumeIcon.value,
+        "aria-label": props.label,
+        "onClick": props.onClick
+      }, attrs), {
+        default: () => [_createVNode(VIcon, null, null), !props.inline && _createVNode(VMenu, {
+          "modelValue": menu.value,
+          "onUpdate:modelValue": $event => menu.value = $event,
+          "activator": "parent",
+          "attach": containerRef.value,
+          "closeOnContentClick": false,
+          "location": props.menuProps?.location ?? 'top center',
+          "offset": "8"
+        }, {
+          default: () => [_createElementVNode("div", {
+            "class": _normalizeClass(['v-video-volume__menu', `v-video-volume__menu--${props.direction}`])
+          }, [_createVNode(VSlider, _mergeProps({
+            "direction": props.direction,
+            "aria-label": t('$vuetify.video.volume'),
+            "modelValue": volume.value,
+            "onUpdate:modelValue": v => volume.value = v
+          }, sliderDefaults, props.sliderProps), null)])]
+        })]
+      }), [[vTooltip, {
+        text: props.label,
+        location: 'top',
+        disabled: menu.value
+      }]]), props.inline && _createVNode(VSlider, _mergeProps({
+        "class": "v-video-volume-inline__slider",
+        "minWidth": "50",
+        "aria-label": t('$vuetify.video.volume'),
+        "modelValue": volume.value,
+        "onUpdate:modelValue": v => volume.value = v,
+        "onKeydown": e => {
+          e.stopPropagation();
+        }
+      }, sliderDefaults, props.sliderProps), null)]);
+    });
+  }
+});
+//# sourceMappingURL=VVideoVolume.js.map