cja-phoenix 1.2.52 → 1.2.53

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "cja-phoenix",
   "configKey": "cja-phoenix",
-  "version": "1.2.52",
+  "version": "1.2.53",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -26,7 +26,6 @@ const module$1 = defineNuxtModule({
     addImportsDir(resolve("./runtime/data"));
     addComponentsDir({ path: resolve("./runtime/components") });
     addPlugin(resolve("./runtime/plugins/tippy"));
-    addPlugin(resolve("./runtime/plugins/v-calendar"));
   }
 });
 

package/dist/runtime/components/CjaButton.d.vue.ts

@@ -19,8 +19,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     type: "primary" | "secondary" | "tertiary";
-    size: "sm" | "md" | "lg";
     color: "blue" | "orange" | "white" | "light-blue" | "gradient-green-blue";
+    size: "sm" | "md" | "lg";
     textAlign: "center" | "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/CjaButton.vue.d.ts

@@ -19,8 +19,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     type: "primary" | "secondary" | "tertiary";
-    size: "sm" | "md" | "lg";
     color: "blue" | "orange" | "white" | "light-blue" | "gradient-green-blue";
+    size: "sm" | "md" | "lg";
     textAlign: "center" | "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ContentTabs.vue

@@ -12,16 +12,11 @@
       </button>
     </div>
     <div class="content-container">
-      <TransitionGroup name="fade">
-        <div
-          v-for="(tab, i) in tabs"
-          v-show="activeTab == i"
-          :key="i"
-          :class="`tab-${i}`"
-        >
-          <slot :name="i" />
+      <Transition name="fade" mode="out-in">
+        <div :key="activeTab" :class="`tab-${activeTab}`">
+          <slot :name="activeTab" />
         </div>
-      </TransitionGroup>
+      </Transition>
     </div>
   </div>
 </template>
@@ -77,18 +72,11 @@ defineExpose({ activeTab });
     position: relative;
     overflow: hidden;
 
+    .fade-enter-active,
     .fade-leave-active {
-      position: absolute;
-      left: 0;
-      top: 0;
-      width: 100%;
       transition: all 0.3s ease-in-out;
     }
 
-    .fade-enter-active {
-      transition: all 0.3s ease-in-out 0.3s;
-    }
-
     .fade-enter-from,
     .fade-leave-to {
       opacity: 0;

package/dist/runtime/components/LoadingSpinner.d.vue.ts

@@ -3,8 +3,8 @@ type __VLS_Props = {
     border?: number;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: number;
     border: number;
+    size: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/LoadingSpinner.vue.d.ts

@@ -3,8 +3,8 @@ type __VLS_Props = {
     border?: number;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: number;
     border: number;
+    size: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/StickyContainer.vue

@@ -16,7 +16,7 @@
 
 <script setup>
 import { useHeaderHeight } from "../composables/useHeaderHeight";
-import { onMounted, ref, watch } from "vue";
+import { onMounted, onUnmounted, ref, watch } from "vue";
 const { top, bottom, left, right } = defineProps({
   top: { type: Number, required: false },
   bottom: { type: Number, required: false },
@@ -29,23 +29,30 @@ const sticky = ref();
 let observer;
 onMounted(() => {
   watch(
-    () => top,
+    () => [top, headerHeight.value],
     () => {
       if (observer) observer.disconnect();
       observer = new IntersectionObserver(
         (entries) => {
-          entries.forEach((entry) => {
-            sticky.value = sticky.value !== void 0 ? !sticky.value : entry.isIntersecting ? true : false;
-          });
+          const entry = entries[0];
+          if (entry) {
+            sticky.value = !entry.isIntersecting;
+          }
         },
         {
           rootMargin: `0px 0px -${window.innerHeight - (top || headerHeight.value)}px 0px`
         }
       );
       observer.observe(stickyContainer.value);
+    },
+    {
+      immediate: true
     }
   );
 });
+onUnmounted(() => {
+  observer?.disconnect();
+});
 defineExpose({ sticky });
 </script>
 

package/dist/runtime/components/form/DateInput.d.vue.ts

@@ -1,24 +1,25 @@
-import { type InputHTMLAttributes } from 'vue';
-import type { Lazy, Schema } from 'yup';
-import type { DateFormat } from '../../types/Form.js';
+import "@angelblanco/v-calendar/style.css";
+import { type InputHTMLAttributes } from "vue";
+import type { Lazy, Schema } from "yup";
+import type { DateFormat } from "../../types/Form.js";
 type __VLS_Props = {
     title?: string;
     label?: string;
     tooltip?: string;
-    placeholder?: InputHTMLAttributes['placeholder'];
-    layout?: 'vertical' | 'horizontal';
-    size?: 'sm' | 'md' | 'lg';
+    placeholder?: InputHTMLAttributes["placeholder"];
+    layout?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'blur' | 'none';
+    validationMode?: "change" | "blur" | "none";
     errorDisplay?: boolean;
-    id?: InputHTMLAttributes['id'];
-    disabled?: InputHTMLAttributes['disabled'];
+    id?: InputHTMLAttributes["id"];
+    disabled?: InputHTMLAttributes["disabled"];
     dateFormat?: DateFormat;
     minDate?: string;
     maxDate?: string;
 };
 type __VLS_ModelProps = {
-    modelValue: InputHTMLAttributes['value'];
+    modelValue: InputHTMLAttributes["value"];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {

package/dist/runtime/components/form/DateInput.vue

@@ -24,7 +24,7 @@
         :aria-label="label || title"
         @focus="datepickerActive = false"
         @blur="handleBlur($event, validationMode == 'blur')"
-      >
+      />
 
       <ClientOnly>
         <DatePicker
@@ -59,6 +59,7 @@
 </template>
 
 <script setup>
+import "@angelblanco/v-calendar/style.css";
 import { useField } from "vee-validate";
 import { computed, ref } from "vue";
 import { vMaska } from "maska/vue";

package/dist/runtime/components/form/DateInput.vue.d.ts

@@ -1,24 +1,25 @@
-import { type InputHTMLAttributes } from 'vue';
-import type { Lazy, Schema } from 'yup';
-import type { DateFormat } from '../../types/Form.js';
+import "@angelblanco/v-calendar/style.css";
+import { type InputHTMLAttributes } from "vue";
+import type { Lazy, Schema } from "yup";
+import type { DateFormat } from "../../types/Form.js";
 type __VLS_Props = {
     title?: string;
     label?: string;
     tooltip?: string;
-    placeholder?: InputHTMLAttributes['placeholder'];
-    layout?: 'vertical' | 'horizontal';
-    size?: 'sm' | 'md' | 'lg';
+    placeholder?: InputHTMLAttributes["placeholder"];
+    layout?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'blur' | 'none';
+    validationMode?: "change" | "blur" | "none";
     errorDisplay?: boolean;
-    id?: InputHTMLAttributes['id'];
-    disabled?: InputHTMLAttributes['disabled'];
+    id?: InputHTMLAttributes["id"];
+    disabled?: InputHTMLAttributes["disabled"];
     dateFormat?: DateFormat;
     minDate?: string;
     maxDate?: string;
 };
 type __VLS_ModelProps = {
-    modelValue: InputHTMLAttributes['value'];
+    modelValue: InputHTMLAttributes["value"];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {

package/dist/runtime/components/form/PhoneInput.d.vue.ts

@@ -1,27 +1,27 @@
-import { type InputHTMLAttributes } from 'vue';
-import type { Lazy, Schema } from 'yup';
+import { type InputHTMLAttributes } from "vue";
+import type { Lazy, Schema } from "yup";
 type __VLS_Props = {
     title?: string;
     label?: string;
     tooltip?: string;
     description?: string;
-    placeholder?: InputHTMLAttributes['placeholder'];
-    layout?: 'vertical' | 'horizontal';
-    size?: 'sm' | 'md' | 'lg';
+    placeholder?: InputHTMLAttributes["placeholder"];
+    layout?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'blur' | 'none';
+    validationMode?: "change" | "blur" | "none";
     errorDisplay?: boolean;
     countryCode?: string;
-    id?: InputHTMLAttributes['id'];
-    disabled?: InputHTMLAttributes['disabled'];
-    autocomplete?: InputHTMLAttributes['autocomplete'];
+    id?: InputHTMLAttributes["id"];
+    disabled?: InputHTMLAttributes["disabled"];
+    autocomplete?: InputHTMLAttributes["autocomplete"];
 };
 declare const __VLS_defaultModels: {
     countryCode: string;
 };
 type __VLS_ModelProps = {
     modelValue: any;
-    'countryCode'?: typeof __VLS_defaultModels['countryCode'];
+    "countryCode"?: typeof __VLS_defaultModels['countryCode'];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {

package/dist/runtime/components/form/PhoneInput.vue

@@ -23,7 +23,6 @@
         :resize-on-update="true"
       />
       <input
-        ref="inputEl"
         v-bind="{ id, disabled, autocomplete, placeholder }"
         v-model="model"
         v-maska="maskOptions"
@@ -33,7 +32,7 @@
         :maxlength="phoneDigits[phoneCountryCode]"
         :aria-label="label || title"
         @blur="handleBlur($event, validationMode == 'blur')"
-      >
+      />
     </div>
 
     <FormStructureDescription
@@ -70,7 +69,6 @@ const props = defineProps({
   disabled: { type: null, required: false },
   autocomplete: { type: null, required: false }
 });
-const inputEl = ref();
 const inputWrapper = ref();
 const model = defineModel({
   required: true

package/dist/runtime/components/form/PhoneInput.vue.d.ts

@@ -1,27 +1,27 @@
-import { type InputHTMLAttributes } from 'vue';
-import type { Lazy, Schema } from 'yup';
+import { type InputHTMLAttributes } from "vue";
+import type { Lazy, Schema } from "yup";
 type __VLS_Props = {
     title?: string;
     label?: string;
     tooltip?: string;
     description?: string;
-    placeholder?: InputHTMLAttributes['placeholder'];
-    layout?: 'vertical' | 'horizontal';
-    size?: 'sm' | 'md' | 'lg';
+    placeholder?: InputHTMLAttributes["placeholder"];
+    layout?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'blur' | 'none';
+    validationMode?: "change" | "blur" | "none";
     errorDisplay?: boolean;
     countryCode?: string;
-    id?: InputHTMLAttributes['id'];
-    disabled?: InputHTMLAttributes['disabled'];
-    autocomplete?: InputHTMLAttributes['autocomplete'];
+    id?: InputHTMLAttributes["id"];
+    disabled?: InputHTMLAttributes["disabled"];
+    autocomplete?: InputHTMLAttributes["autocomplete"];
 };
 declare const __VLS_defaultModels: {
     countryCode: string;
 };
 type __VLS_ModelProps = {
     modelValue: any;
-    'countryCode'?: typeof __VLS_defaultModels['countryCode'];
+    "countryCode"?: typeof __VLS_defaultModels['countryCode'];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {

package/dist/runtime/components/form/SelectInput.vue

@@ -31,8 +31,8 @@
         v-bind="{ disabled }"
       >
         <option
-          v-for="option in options"
-          :key="option.value"
+          v-for="(option, index) in options"
+          :key="`${option.value}-${option.label}-${index}`"
           :value="option.value"
           :disabled="option.disabled"
         >
@@ -53,8 +53,8 @@
             <div class="list-wrapper">
               <ul v-if="!props.multiSelect">
                 <li
-                  v-for="option in filteredOptions"
-                  :key="option.value"
+                  v-for="(option, index) in filteredOptions"
+                  :key="`${option.value}-${option.label}-${index}`"
                   :class="{ disabled: option.disabled }"
                   @click="!option.disabled && handleClick(option.value)"
                   v-html="option.label"
@@ -114,6 +114,8 @@ const open = ref(false);
 const search = ref("");
 const inputEl = ref();
 const collapseEl = ref();
+const scrollAncestor = ref(null);
+const normalizeSearchValue = (value) => value.trim().toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
 const { errorMessage, meta, handleBlur, validate } = useField(
   "input",
   props.validation,
@@ -122,8 +124,16 @@ const { errorMessage, meta, handleBlur, validate } = useField(
     syncVModel: true
   }
 );
+const normalizedSearch = computed(() => normalizeSearchValue(search.value));
+const normalizedOptions = computed(
+  () => props.options?.map((option) => ({
+    option,
+    normalizedLabel: normalizeSearchValue(option.label),
+    normalizedTags: option.searchTags?.map((tag) => normalizeSearchValue(tag)) || []
+  })) || []
+);
 const displayValue = computed(() => {
-  if (model.value !== void 0 && props.options) {
+  if (model.value !== void 0 && props.options?.length) {
     if (props.multiSelect) {
       return props.options.filter((o) => model.value?.includes(o.value))?.map((o) => o.altLabel || o.label).join(", ");
     } else {
@@ -134,23 +144,18 @@ const displayValue = computed(() => {
   return "";
 });
 const filteredOptions = computed(() => {
-  let procOptions = props.options;
-  if (procOptions?.length) {
-    if (search.value) {
-      procOptions = procOptions.filter(
-        (opt) => opt.label.toLowerCase().includes(search.value.toLowerCase()) || opt.searchTags?.some(
-          (t) => t.toLowerCase().includes(search.value.toLowerCase())
-        )
-      );
-    }
-    if (props.multiSelect) {
-      procOptions = procOptions.map((o) => ({
-        label: o.label,
-        value: o.value
-      }));
-    }
+  let procOptions = normalizedOptions.value;
+  if (normalizedSearch.value) {
+    procOptions = procOptions.filter(
+      ({ normalizedLabel, normalizedTags }) => normalizedLabel.includes(normalizedSearch.value) || normalizedTags.some((tag) => tag.includes(normalizedSearch.value))
+    );
   }
-  return procOptions;
+  return procOptions.map(
+    ({ option }) => props.multiSelect ? {
+      label: option.label,
+      value: option.value
+    } : option
+  );
 });
 const handleClick = (value) => {
   if (!props.multiSelect) {
@@ -170,13 +175,19 @@ const handleClick = (value) => {
   }
 };
 const closeSelect = (event) => {
-  if (!inputEl.value.contains(event.target) && !collapseEl.value.contains(event.target)) {
+  if (inputEl.value && collapseEl.value && !inputEl.value.contains(event.target) && !collapseEl.value.contains(event.target)) {
     if (event.type == "scroll") {
       collapseEl.value.style.transitionDuration = "0s";
     }
     toggleCollapse(event);
   }
 };
+const detachListeners = () => {
+  window.removeEventListener("click", closeSelect);
+  window.removeEventListener("scroll", closeSelect);
+  scrollAncestor.value?.removeEventListener("scroll", closeSelect);
+  scrollAncestor.value = null;
+};
 const toggleCollapse = (event) => {
   if (!props.disabled) {
     open.value = !open.value;
@@ -184,17 +195,15 @@ const toggleCollapse = (event) => {
       setTimeout(() => {
         search.value = "";
       }, 300);
-      window.removeEventListener("click", closeSelect);
-      window.removeEventListener("scroll", closeSelect);
-      findScrollAncestor(inputEl.value).removeEventListener(
-        "scroll",
-        closeSelect
-      );
+      detachListeners();
       handleBlur(event, props.validationMode == "blur");
     } else {
       window.addEventListener("click", closeSelect);
-      window.addEventListener("scroll", closeSelect);
-      findScrollAncestor(inputEl.value).addEventListener("scroll", closeSelect);
+      window.addEventListener("scroll", closeSelect, { passive: true });
+      scrollAncestor.value = findScrollAncestor(inputEl.value) || null;
+      scrollAncestor.value?.addEventListener("scroll", closeSelect, {
+        passive: true
+      });
     }
   }
 };
@@ -207,8 +216,7 @@ const calcPosition = (el) => {
   el.style.width = `${inputRect.width}px`;
 };
 onUnmounted(() => {
-  window.removeEventListener("click", closeSelect);
-  window.removeEventListener("scroll", closeSelect);
+  detachListeners();
 });
 defineExpose({ errorMessage, meta, validate });
 </script>

package/dist/runtime/components/form/SelectionTiles.d.vue.ts

@@ -34,8 +34,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     "onClick:option"?: ((...args: any[]) => any) | undefined;
 }>, {
-    size: "sm" | "md" | "lg";
     icon: Icon;
+    size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "none";
     layout: "list" | "grid" | "image";

package/dist/runtime/components/form/SelectionTiles.vue.d.ts

@@ -34,8 +34,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     "onClick:option"?: ((...args: any[]) => any) | undefined;
 }>, {
-    size: "sm" | "md" | "lg";
     icon: Icon;
+    size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "none";
     layout: "list" | "grid" | "image";

package/dist/runtime/composables/useHeaderHeight.js

@@ -1,22 +1,35 @@
 import { onMounted, onUnmounted, ref } from "vue";
+const headerHeight = ref(0);
+let resizeObserver = null;
+let subscribers = 0;
+const observeHeader = () => {
+  const header = document.querySelector("#page-header");
+  if (!header || resizeObserver) {
+    return;
+  }
+  headerHeight.value = header.getBoundingClientRect().height;
+  resizeObserver = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (entry) {
+      headerHeight.value = entry.contentRect.height;
+    }
+  });
+  resizeObserver.observe(header);
+};
+const disconnectHeaderObserver = () => {
+  if (subscribers === 0 && resizeObserver) {
+    resizeObserver.disconnect();
+    resizeObserver = null;
+  }
+};
 export const useHeaderHeight = () => {
-  const headerHeight = ref(0);
-  let resizeObserver = null;
   onMounted(() => {
-    const header = document.querySelector("#page-header");
-    if (header) {
-      resizeObserver = new ResizeObserver((entries) => {
-        entries.forEach((e) => {
-          headerHeight.value = e.contentRect.height;
-        });
-      });
-      resizeObserver.observe(header);
-    }
+    subscribers += 1;
+    observeHeader();
   });
   onUnmounted(() => {
-    if (resizeObserver != null) {
-      resizeObserver.disconnect();
-    }
+    subscribers = Math.max(0, subscribers - 1);
+    disconnectHeaderObserver();
   });
   return {
     headerHeight

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cja-phoenix",
-  "version": "1.2.52",
+  "version": "1.2.53",
   "description": "Phoenix utility",
   "repository": {
     "type": "git",

package/dist/runtime/components/FixedContainer.d.vue.ts

@@ -1,37 +0,0 @@
-type __VLS_Props = {
-    active?: boolean;
-    scrollThreshold?: number;
-    scrollLimitEl?: HTMLElement;
-    fixWidth?: boolean;
-    size?: {
-        height?: string;
-        width?: string;
-    };
-    position?: {
-        left?: string;
-        top?: string;
-        right?: string;
-        bottom?: string;
-    };
-};
-declare var __VLS_1: {}, __VLS_3: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    default?: (props: typeof __VLS_3) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
-    positionFixed: import("vue").Ref<boolean, boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    active: boolean;
-    scrollThreshold: number;
-    fixWidth: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/FixedContainer.vue

@@ -1,95 +0,0 @@
-<template>
-  <div
-    v-if="active"
-    ref="fixedContainer"
-    class="fixed-container"
-    :style="{ height: fixedContainerHeight }"
-  >
-    <div
-      ref="fixedWrapper"
-      class="fixed-wrapper"
-      :class="{ 'position-fixed': positionFixed }"
-      :style="{
-  ...size,
-  ...position,
-  transform: limitOffset,
-  maxWidth: fixedWrapperWidth
-}"
-    >
-      <slot />
-    </div>
-  </div>
-  <slot v-else />
-</template>
-
-<script setup>
-import { onMounted, onUnmounted, ref, watch } from "vue";
-const props = defineProps({
-  active: { type: Boolean, required: false, default: true },
-  scrollThreshold: { type: Number, required: false, default: 0 },
-  scrollLimitEl: { type: null, required: false },
-  fixWidth: { type: Boolean, required: false, default: true },
-  size: { type: Object, required: false },
-  position: { type: Object, required: false }
-});
-const positionFixed = ref(false);
-const fixedContainer = ref();
-const fixedContainerHeight = ref("");
-const fixedWrapper = ref();
-const fixedWrapperWidth = ref("");
-const limitOffset = ref();
-const setScrollLimit = () => {
-  if (props.scrollLimitEl) {
-    const scrollLimitValue = props.scrollLimitEl.offsetTop + props.scrollLimitEl.clientHeight - fixedWrapper.value.clientHeight + props.scrollThreshold;
-    if (window.scrollY >= scrollLimitValue) {
-      limitOffset.value = `translateY(${scrollLimitValue - window.scrollY}px)`;
-    } else {
-      limitOffset.value = null;
-    }
-  }
-};
-const fixPosition = () => {
-  if (fixedContainer.value && props.active) {
-    positionFixed.value = window.scrollY > fixedContainer.value.offsetTop + props.scrollThreshold;
-    const fixedWrapperHeight = fixedWrapper.value.clientHeight;
-    fixedContainerHeight.value = positionFixed.value ? `${fixedWrapperHeight}px` : "";
-    setScrollLimit();
-  } else {
-    positionFixed.value = false;
-    fixedContainerHeight.value = "";
-  }
-};
-const setWidth = () => {
-  fixedWrapperWidth.value = props.active && fixedContainer.value ? `${fixedContainer.value.offsetWidth}px` : "";
-};
-watch(
-  () => props.active,
-  () => {
-    if (props.fixWidth) {
-      setWidth();
-    }
-  }
-);
-onMounted(() => {
-  window.addEventListener("scroll", fixPosition);
-  fixPosition();
-  if (props.fixWidth) {
-    window.addEventListener("resize", setWidth);
-    setWidth();
-  }
-});
-onUnmounted(() => {
-  window.removeEventListener("scroll", fixPosition);
-  window.removeEventListener("resize", setWidth);
-});
-defineExpose({ positionFixed });
-</script>
-
-<style lang="scss" scoped>
-.fixed-wrapper {
-  &.position-fixed {
-    position: fixed;
-    width: 100%;
-  }
-}
-</style>

package/dist/runtime/components/FixedContainer.vue.d.ts

@@ -1,37 +0,0 @@
-type __VLS_Props = {
-    active?: boolean;
-    scrollThreshold?: number;
-    scrollLimitEl?: HTMLElement;
-    fixWidth?: boolean;
-    size?: {
-        height?: string;
-        width?: string;
-    };
-    position?: {
-        left?: string;
-        top?: string;
-        right?: string;
-        bottom?: string;
-    };
-};
-declare var __VLS_1: {}, __VLS_3: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    default?: (props: typeof __VLS_3) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
-    positionFixed: import("vue").Ref<boolean, boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    active: boolean;
-    scrollThreshold: number;
-    fixWidth: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/plugins/v-calendar.d.ts

@@ -1,3 +0,0 @@
-import '@angelblanco/v-calendar/style.css';
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
-export default _default;

package/dist/runtime/plugins/v-calendar.js

@@ -1,6 +0,0 @@
-import { defineNuxtPlugin } from "#app";
-import Vcalendar from "@angelblanco/v-calendar";
-import "@angelblanco/v-calendar/style.css";
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.use(Vcalendar, {});
-});