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,150 @@
+import { Fragment as _Fragment, createVNode as _createVNode, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue";
+// Styles
+import "./VEmptyState.css";
+
+// Components
+import { VBtn } from "../VBtn/index.js";
+import { VDefaultsProvider } from "../VDefaultsProvider/index.js";
+import { VIcon } from "../VIcon/index.js";
+import { VImg } from "../VImg/index.js"; // Composables
+import { useBackgroundColor } from "../../composables/color.js";
+import { makeComponentProps } from "../../composables/component.js";
+import { makeDimensionProps, useDimension } from "../../composables/dimensions.js";
+import { useDisplay } from "../../composables/display.js";
+import { IconValue } from "../../composables/icons.js";
+import { makeSizeProps } from "../../composables/size.js";
+import { makeThemeProps, provideTheme } from "../../composables/theme.js"; // Utilities
+import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.js"; // Types
+// Types
+export const makeVEmptyStateProps = propsFactory({
+  actionText: String,
+  bgColor: String,
+  color: String,
+  icon: IconValue,
+  image: String,
+  justify: {
+    type: String,
+    default: 'center'
+  },
+  headline: String,
+  title: String,
+  text: String,
+  textWidth: {
+    type: [Number, String],
+    default: 500
+  },
+  href: String,
+  to: String,
+  ...makeComponentProps(),
+  ...makeDimensionProps(),
+  ...makeSizeProps({
+    size: undefined
+  }),
+  ...makeThemeProps()
+}, 'VEmptyState');
+export const VEmptyState = genericComponent()({
+  name: 'VEmptyState',
+  props: makeVEmptyStateProps(),
+  emits: {
+    'click:action': e => true
+  },
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      backgroundColorClasses,
+      backgroundColorStyles
+    } = useBackgroundColor(() => props.bgColor);
+    const {
+      dimensionStyles
+    } = useDimension(props);
+    const {
+      displayClasses
+    } = useDisplay();
+    function onClickAction(e) {
+      emit('click:action', e);
+    }
+    useRender(() => {
+      const hasActions = !!(slots.actions || props.actionText);
+      const hasHeadline = !!(slots.headline || props.headline);
+      const hasTitle = !!(slots.title || props.title);
+      const hasText = !!(slots.text || props.text);
+      const hasMedia = !!(slots.media || props.image || props.icon);
+      const size = props.size || (props.image ? 200 : 96);
+      return _createElementVNode("div", {
+        "class": _normalizeClass(['v-empty-state', {
+          [`v-empty-state--${props.justify}`]: true
+        }, themeClasses.value, backgroundColorClasses.value, displayClasses.value, props.class]),
+        "style": _normalizeStyle([backgroundColorStyles.value, dimensionStyles.value, props.style])
+      }, [hasMedia && _createElementVNode("div", {
+        "key": "media",
+        "class": "v-empty-state__media"
+      }, [!slots.media ? _createElementVNode(_Fragment, null, [props.image ? _createVNode(VImg, {
+        "key": "image",
+        "src": props.image,
+        "height": size
+      }, null) : props.icon ? _createVNode(VIcon, {
+        "key": "icon",
+        "color": props.color,
+        "size": size,
+        "icon": props.icon
+      }, null) : undefined]) : _createVNode(VDefaultsProvider, {
+        "key": "media-defaults",
+        "defaults": {
+          VImg: {
+            src: props.image,
+            height: size
+          },
+          VIcon: {
+            size,
+            icon: props.icon
+          }
+        }
+      }, {
+        default: () => [slots.media()]
+      })]), hasHeadline && _createElementVNode("div", {
+        "key": "headline",
+        "class": "v-empty-state__headline"
+      }, [slots.headline?.() ?? props.headline]), hasTitle && _createElementVNode("div", {
+        "key": "title",
+        "class": "v-empty-state__title"
+      }, [slots.title?.() ?? props.title]), hasText && _createElementVNode("div", {
+        "key": "text",
+        "class": "v-empty-state__text",
+        "style": {
+          maxWidth: convertToUnit(props.textWidth)
+        }
+      }, [slots.text?.() ?? props.text]), slots.default && _createElementVNode("div", {
+        "key": "content",
+        "class": "v-empty-state__content"
+      }, [slots.default()]), hasActions && _createElementVNode("div", {
+        "key": "actions",
+        "class": "v-empty-state__actions"
+      }, [_createVNode(VDefaultsProvider, {
+        "defaults": {
+          VBtn: {
+            class: 'v-empty-state__action-btn',
+            color: props.color ?? 'surface-variant',
+            href: props.href,
+            text: props.actionText,
+            to: props.to
+          }
+        }
+      }, {
+        default: () => [slots.actions?.({
+          props: {
+            onClick: onClickAction
+          }
+        }) ?? _createVNode(VBtn, {
+          "onClick": onClickAction
+        }, null)]
+      })])]);
+    });
+    return {};
+  }
+});
+//# sourceMappingURL=VEmptyState.js.map