@signal24/vue-foundation 4.29.0 → 4.29.2

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.29.0",
+    "version": "4.29.2",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {

package/src/components/vf-smart-select.vue

@@ -126,7 +126,7 @@ const loadedOptions = computed(() => props.options ?? remoteOptions.value ?? [])
 
 const effectivePrependOptions = computed(() => props.prependOptions ?? []);
 const effectiveAppendOptions = computed(() => props.appendOptions ?? []);
-const effectiveDisabled = computed(() => !!props.disabled || (!isLoaded.value && (isLoading.value || !props.loadOptions))); // need to check this. what about with typeahead?
+const effectiveDisabled = computed(() => !!props.disabled || (!isLoaded.value && !props.loadOptions));
 const effectiveLoadingText = computed(() => props.loadingText || '...');
 const effectivePlaceholder = computed(() => {
     if (!isLoaded.value) {

package/src/components/vf-toast.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="vf-toast" :class="className" @click.stop="handleClick">
+    <div class="vf-toast" :class="[className, { top: position === 'top', bottom: position !== 'top' }]" @click.stop="handleClick">
         <div class="content">
             <div class="message">{{ message }}</div>
             <div v-if="!disableClose" class="close">x</div>
@@ -14,6 +14,7 @@
 import { onMounted, ref } from 'vue';
 
 export interface IToastOptions {
+    position?: 'top' | 'bottom';
     message: string;
     className?: string;
     durationSecs?: number | null;
@@ -51,11 +52,18 @@ if (props.durationSecs !== null) {
 <style lang="scss">
 .vf-toast {
     position: absolute;
-    bottom: 50px;
     left: 50%;
     transform: translateX(-50%);
 }
 
+.vf-toast.bottom {
+    bottom: 50px;
+}
+
+.vf-toast.top {
+    top: 50px;
+}
+
 .vf-toast .content {
     display: flex;
     align-items: center;

package/vite.config.ts

@@ -30,7 +30,7 @@ export default defineConfig({
             input: {
                 main: path.resolve(__dirname, 'src/index.ts')
             },
-            external: ['date-fns', 'lodash', 'vue', '@vue/shared', '@signal24/openapi-client-codegen/browser'],
+            external: ['date-fns', 'lodash', 'vue', '@vue/shared', '@signal24/openapi-client-codegen'],
             output: {
                 assetFileNames: assetInfo => {
                     if (assetInfo.name === 'main.css') return 'vue-foundation.css';