@fishawack/lab-velocity 1.11.1 → 2.0.0-beta.10

package/{form → _Build/vue/components/form}/basic.vue

@@ -6,7 +6,10 @@
 
         <el-input
             v-bind="{ ...$attrs, class: undefined }"
-            :class="[`${baseClass}__textbox`, type=== 'password' ? 'input--password': '']"
+            :class="[
+                `${baseClass}__textbox`,
+                type === 'password' ? 'input--password' : '',
+            ]"
             :name="name"
             :id="name"
             :disabled="disabled"
@@ -20,7 +23,6 @@
             :parser="parser"
             :formatter="formatter"
         >
-            
             <template v-if="prepend" #prepend>
                 <slot name="prepend" />
             </template>
@@ -28,8 +30,24 @@
                 <slot name="append" />
 
                 <div v-if="type === 'password'" class="form__icon-container">
-                    <GSvg name="icon-error" class="form__error-icon icon" embed artboard v-if="error && error.first(name)" />
-                    <GSvg :name="visibility ? 'icon-visibility' : 'icon-visibility-off'" class="form__action-icon icon  pointer" embed artboard @click="visibility = !visibility" />
+                    <GSvg
+                        name="icon-error"
+                        class="form__error-icon icon"
+                        embed
+                        artboard
+                        v-if="error && error.first(name)"
+                    />
+                    <GSvg
+                        :name="
+                            visibility
+                                ? 'icon-visibility'
+                                : 'icon-visibility-off'
+                        "
+                        class="form__action-icon icon pointer"
+                        embed
+                        artboard
+                        @click="visibility = !visibility"
+                    />
                 </div>
             </template>
         </el-input>
@@ -72,12 +90,12 @@ export default {
         formatter: {
             type: Function,
             default: null,
-        }
+        },
     },
     data() {
         return {
-            visibility: false
-        }
+            visibility: false,
+        };
     },
 
     components: {

package/{form → _Build/vue/components/form}/file.vue

@@ -54,7 +54,7 @@ export default {
         hasPreview() {
             return this.imgSrc &&
                 [".svg", ".jpg", ".png", "data:image/"].some((d) =>
-                    this.imgSrc.includes(d)
+                    this.imgSrc.includes(d),
                 )
                 ? this.imgSrc
                 : "";

package/{form → _Build/vue/components/form}/input.js

@@ -21,7 +21,7 @@ export default {
             default: false,
         },
         modelValue: {
-            type: [String,Number,Array],
+            type: [String, Number, Array],
             default: null,
         },
         label: {
@@ -41,7 +41,7 @@ export default {
             default: null,
         },
         error: {
-            type: [String,Object],
+            type: [String, Object],
             default: null,
         },
         baseClass: {

package/{form → _Build/vue/components/form}/input.vue

@@ -1,7 +1,17 @@
 <template>
-    <div class="form__group" :class="{ [baseClass]: baseClass, 'form__group--error': hasError(name), [classes]: classes }">
-        <label v-if="(label || $slots.label) && inputType !== 'button'" :class="{ [baseClass + '__label']: baseClass }"
-            :for="name">
+    <div
+        class="form__group"
+        :class="{
+            [baseClass]: baseClass,
+            'form__group--error': hasError(name),
+            [classes]: classes,
+        }"
+    >
+        <label
+            v-if="(label || $slots.label) && inputType !== 'button'"
+            :class="{ [baseClass + '__label']: baseClass }"
+            :for="name"
+        >
             <slot name="label">
                 <span v-html="label"></span>
             </slot>
@@ -9,7 +19,11 @@
 
         <slot />
 
-        <div v-if="hasError(name)" class="form__error" :class="{ [baseClass + '__error']: baseClass }">
+        <div
+            v-if="hasError(name)"
+            class="form__error"
+            :class="{ [baseClass + '__error']: baseClass }"
+        >
             <small v-html="first(name)" />
         </div>
     </div>
@@ -27,7 +41,7 @@ export default {
             default: null,
         },
         error: {
-            type: [String,Object],
+            type: [String, Object],
             default: null,
         },
         baseClass: {
@@ -54,8 +68,8 @@ export default {
 
     methods: {
         hasError(field) {
-            if(!this.$props?.error?.errors) {
-                if(typeof this.$props?.error === 'string') {
+            if (!this.$props?.error?.errors) {
+                if (typeof this.$props?.error === "string") {
                     return true;
                 }
                 return false;
@@ -64,7 +78,8 @@ export default {
 
             if (!hasError) {
                 const errors = Object.keys(this.$props.error.errors).filter(
-                    e => e.startsWith(`${field}.`) || e.startsWith(`${field}[`)
+                    (e) =>
+                        e.startsWith(`${field}.`) || e.startsWith(`${field}[`),
                 );
 
                 hasError = errors.length > 0;
@@ -78,8 +93,13 @@ export default {
         },
 
         get(field) {
-            return this.$props.error?.errors?.[field] || ( typeof this.$props.error === 'string' ? [this.$props.error] : []);
-        }
-    }
+            return (
+                this.$props.error?.errors?.[field] ||
+                (typeof this.$props.error === "string"
+                    ? [this.$props.error]
+                    : [])
+            );
+        },
+    },
 };
 </script>

package/{layout → _Build/vue/components/layout}/Alert.vue

@@ -15,24 +15,24 @@ export default {
 
     props: {
         effect: {
-            type:String,
-            default:'dark'
+            type: String,
+            default: "dark",
         },
         title: {
-            type:String
+            type: String,
         },
         type: {
-            type:String,
-            default:'error'
+            type: String,
+            default: "error",
         },
         showIcon: {
-            type:Boolean,
-            default:true,
-        }
+            type: Boolean,
+            default: true,
+        },
     },
 
     components: {
         ElAlert,
     },
-}
-</script>
+};
+</script>

package/_Build/vue/components/layout/Footer.vue

@@ -0,0 +1,50 @@
+<template>
+    <footer class="vel-footer">
+        <div>
+            <h5 class="color-0">
+                <slot />
+            </h5>
+        </div>
+        <div class="vel-footer__bottom">
+            <div class="vel-footer__bottom__links">
+                <p class="color-0">&copy;2025 Avalere Health.</p>
+                <el-link
+                    underline
+                    class="color-0 ml"
+                    href="https://avalerehealth.com/privacy-policy/"
+                    target="_blank"
+                    >Privacy Policy</el-link
+                >
+                <el-link
+                    underline
+                    class="color-0 ml"
+                    href="https://avalerehealth.com/corporate-policies/"
+                    target="_blank"
+                    >Corporate policies and compliance</el-link
+                >
+            </div>
+            <div class="vel-footer__bottom__end">
+                <p class="color-0">Have a question?</p>
+                <el-link underline class="color-0 ml" :href="contact"
+                    >Contact our Support Team</el-link
+                >
+            </div>
+        </div>
+    </footer>
+</template>
+
+<script>
+import elLink from "../basic/link.vue";
+
+export default {
+    props: {
+        contact: {
+            required: true,
+            type: String,
+        },
+    },
+    components: {
+        elLink,
+    },
+};
+</script>

package/{layout → _Build/vue/components/layout}/Header.vue

@@ -1,15 +1,13 @@
 <template>
     <header class="vel-header">
-        <slot/>
-        
+        <slot />
+
         <div class="vel-header__list">
-            <slot name="links"/>
+            <slot name="links" />
         </div>
     </header>
 </template>
 
 <script>
-export default {
-    
-}
-</script>
+export default {};
+</script>

package/_Build/vue/components/layout/Loader.vue

@@ -0,0 +1,59 @@
+<template>
+    <div class="vel-loader">
+        <slot>
+            <svg
+                viewBox="0 0 84 84"
+                xmlns="http://www.w3.org/2000/svg"
+                xmlns:xlink="http://www.w3.org/1999/xlink"
+            >
+                <defs>
+                    <pattern
+                        id="e11rz3cojb"
+                        width="100%"
+                        height="100%"
+                        patternUnits="objectBoundingBox"
+                    >
+                        <use xlink:href="#w1y9w0pc6a" />
+                    </pattern>
+                    <image
+                        id="w1y9w0pc6a"
+                        width="84"
+                        height="84"
+                        xlink:href="data:image/png;base64,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"
+                    />
+                    <path id="3vizvfpwxc" d="M0 0h39.967v39.966H0z" />
+                </defs>
+                <g fill="none" fill-rule="evenodd">
+                    <path
+                        class="circle"
+                        d="M42 0C18.804 0 0 18.804 0 42s18.804 42 42 42 42-18.804 42-42S65.196 0 42 0zm0 4c20.987 0 38 17.013 38 38S62.987 80 42 80 4 62.987 4 42 21.013 4 42 4z"
+                        fill="url(#e11rz3cojb)"
+                        fill-rule="nonzero"
+                    />
+                    <g transform="translate(22 22)">
+                        <mask id="y3cby6hymd" fill="#fff">
+                            <use xlink:href="#3vizvfpwxc" />
+                        </mask>
+                        <path
+                            d="m16.552 21.54 4.036-12.407h.312l4.204 12.946c2.503 1.604 4.81 3.465 6.752 5.604l-.38.486c-3.45-2.688-8.243-5.126-14.924-6.63m23.414 18.425L26.189 0h-10.89L8.295 20.29a82.37 82.37 0 0 0-6.892-.306L0 24.047c2.37.103 4.628.329 6.769.664L1.502 39.966h9.055l4.314-13.26c7.747 2.716 13.03 7.333 15.105 13.26h9.99v-.002"
+                            fill="#0D0D0D"
+                            mask="url(#y3cby6hymd)"
+                        />
+                    </g>
+                </g>
+            </svg>
+        </slot>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        reversed: {
+            type: Boolean,
+            default: false,
+        },
+    },
+    components: {},
+};
+</script>

package/{layout → _Build/vue/components/layout}/Tooltip.vue

@@ -19,28 +19,28 @@ export default {
 
     props: {
         width: {
-            type:Number,
-            default:100
+            type: Number,
+            default: 100,
         },
         trigger: {
-            type:String,
-            default:'hover'
+            type: String,
+            default: "hover",
         },
         effect: {
-            type:String,
-            default:'dark'
+            type: String,
+            default: "dark",
         },
         placement: {
-            type:String,
-            default:'top'
+            type: String,
+            default: "top",
         },
         content: {
-            type:String
-        }
+            type: String,
+        },
     },
 
     components: {
         ElPopover,
     },
-}
-</script>
+};
+</script>

package/{layout → _Build/vue/components/layout}/pageTitle.vue

@@ -11,8 +11,8 @@ export default {
     props: {
         title: {
             type: String,
-            required: true
-        }
+            required: true,
+        },
     },
-}
-</script>
+};
+</script>

package/{layout → _Build/vue/components/layout}/sideBar.vue

@@ -6,9 +6,7 @@
 
         <div class="vel-side-bar__bottom">
             <button class="vel-side-bar__button" @click="active = !active">
-                <slot name="expand">
-                    >
-                </slot>
+                <slot name="expand"> > </slot>
             </button>
         </div>
     </div>
@@ -21,7 +19,7 @@ export default {
     data() {
         return {
             active: true,
-        }
+        };
     },
-}
-</script>
+};
+</script>

package/{navigation → _Build/vue/components/navigation}/Breadcrumbs.vue

@@ -1,11 +1,16 @@
 <template>
     <el-breadcrumb class="vel-breadcrumb" :seperator="''">
         <slot name="default">
-            <template v-for="(crumb,index) in crumbs">
-                <el-breadcrumb-item :to="crumb.href">{{ crumb.text }} </el-breadcrumb-item> 
-                <template v-if="index !== crumbs.length -1">
+            <template v-for="(crumb, index) in crumbs">
+                <el-breadcrumb-item :to="crumb.href"
+                    >{{ crumb.text }}
+                </el-breadcrumb-item>
+                <template v-if="index !== crumbs.length - 1">
                     <span class="el-breadcrumb__item">
-                        <span class="el-breadcrumb__separator inline-block" role="presentation">
+                        <span
+                            class="el-breadcrumb__separator inline-block"
+                            role="presentation"
+                        >
                             <slot name="seperator">/</slot>
                         </span>
                     </span>
@@ -21,12 +26,12 @@ import ElBreadcrumbItem from "./BreadcrumbsItem.vue";
 export default {
     props: {
         crumbs: {
-            required: false
-        }
+            required: false,
+        },
     },
     components: {
         ElBreadcrumb,
-        ElBreadcrumbItem
-    }
-}
-</script>
+        ElBreadcrumbItem,
+    },
+};
+</script>

package/{navigation → _Build/vue/components/navigation}/BreadcrumbsItem.vue

@@ -9,11 +9,11 @@ import { ElBreadcrumbItem } from "element-plus";
 export default {
     props: {
         crumbs: {
-            required: false
-        }
+            required: false,
+        },
     },
     components: {
-        ElBreadcrumbItem
-    }
-}
-</script>
+        ElBreadcrumbItem,
+    },
+};
+</script>

package/_Build/vue/components/navigation/Menu.vue

@@ -0,0 +1,14 @@
+<template>
+    <el-menu class="vel-menu">
+        <slot />
+    </el-menu>
+</template>
+
+<script>
+import { ElMenu } from "element-plus";
+export default {
+    components: {
+        ElMenu,
+    },
+};
+</script>

package/_Build/vue/components/navigation/MenuItem.vue

@@ -0,0 +1,20 @@
+<template>
+    <el-menu-item :index="index" class="vel-menu-item" v-bind="$props">
+        <template #title>
+            <slot name="title" />
+        </template>
+        <template #default>
+            <slot name="default" />
+        </template>
+    </el-menu-item>
+</template>
+
+<script>
+import { ElMenuItem } from "element-plus";
+export default {
+    components: {
+        ElMenuItem,
+    },
+    props: ["index"],
+};
+</script>

package/_Build/vue/components/navigation/MenuItemGroup.vue

@@ -0,0 +1,20 @@
+<template>
+    <el-sub-menu :index="index" v-bind="$props">
+        <template #title>
+            <slot name="title" />
+        </template>
+        <template #default>
+            <slot name="default" />
+        </template>
+    </el-sub-menu>
+</template>
+
+<script>
+import ElSubMenu from "./SubMenu.vue";
+export default {
+    components: {
+        ElSubMenu,
+    },
+    props: ["index"],
+};
+</script>

package/_Build/vue/components/navigation/SubMenu.vue

@@ -0,0 +1,20 @@
+<template>
+    <el-sub-menu :index="index" class="vel-sub-menu">
+        <template #title>
+            <slot name="title" />
+        </template>
+        <template #default>
+            <slot name="default" />
+        </template>
+    </el-sub-menu>
+</template>
+
+<script>
+import { ElSubMenu } from "element-plus";
+export default {
+    components: {
+        ElSubMenu,
+    },
+    props: ["index"],
+};
+</script>