@bagelink/vue 1.15.621 → 1.15.627

package/src/components/form/inputs/DateInput.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { ModeType } from '../../../utils/calendar/typings'
-import { Btn, TextInput, Dropdown, formatDate, useI18n, resolveI18n, local } from '@bagelink/vue'
+import { Btn, TextInput, Dropdown, formatDate, useI18n, resolveI18n, local } from '../../../index'
 import { onClickOutside } from '@vueuse/core'
 import { ref, computed, onMounted, watch } from 'vue'
 import { WEEK_START_DAY } from '../../../utils/calendar/time'

package/src/components/form/inputs/DatePicker.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { MaybeRefOrGetter } from 'vue'
 import type { ModeType } from '../../../utils/calendar/typings'
-import { Btn, NumberInput, local } from '@bagelink/vue'
+import { Btn, NumberInput, local } from '../../../index'
 import { computed, ref, toValue } from 'vue'
 import Time, { WEEK_START_DAY } from '../../../utils/calendar/time'
 

package/src/components/form/inputs/EmailInput.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { IconType, ValidateInputBaseT } from '@bagelink/vue'
-import { Icon, useDebounceFn, useI18n, resolveI18n } from '@bagelink/vue'
+import type { IconType, ValidateInputBaseT } from '../../../index'
+import { Icon, useDebounceFn, useI18n, resolveI18n } from '../../../index'
 import { computed, onMounted, ref, watch } from 'vue'
 import { EMAIL_REGEX } from '../../../utils/constants'
 import type { BagelInputShellProps } from './bagelInputShell'

package/src/components/form/inputs/IconPickerInput.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, onBeforeUnmount, ref, watch } from 'vue'
-import { Dropdown, EmptyState, Icon, TabsNav, TextInput } from '@bagelink/vue'
+import { Dropdown, EmptyState, Icon, TabsNav, TextInput } from '../../../index'
 import { FONT_AWESOME_BRANDS_ICONS, FONT_AWESOME_ICONS, MATERIAL_ICONS } from '../../Icon/constants'
 
 defineProps<{

package/src/components/form/inputs/MarkdownEditor.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Btn, TextInput } from '@bagelink/vue'
+import { Btn, TextInput } from '../../../index'
 import { computed, nextTick, ref } from 'vue'
 import type { BagelInputShellProps } from './bagelInputShell'
 import { useBagelInputShell } from './bagelInputShell'

package/src/components/form/inputs/NumberInput.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { IconType } from '@bagelink/vue'
-import { Icon, Btn, resolveI18n } from '@bagelink/vue'
+import type { IconType } from '../../../index'
+import { Icon, Btn, resolveI18n } from '../../../index'
 import { computed, nextTick, onMounted, ref, watch } from 'vue'
 import type { BagelInputShellProps } from './bagelInputShell'
 import { useBagelInputShell } from './bagelInputShell'

package/src/components/form/inputs/PasswordInput.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { IconType, ValidateInputBaseT } from '@bagelink/vue'
-import { Btn, TextInput, useI18n } from '@bagelink/vue'
+import type { IconType, ValidateInputBaseT } from '../../../index'
+import { Btn, TextInput, useI18n } from '../../../index'
 import { zxcvbn } from '@zxcvbn-ts/core'
 import { computed } from 'vue'
 import type { BagelInputShellProps } from './bagelInputShell'

package/src/components/form/inputs/RadioGroup.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts" generic="ContextObjType extends { [key: string]: any }">
-import type { Option } from '@bagelink/vue'
-import { Btn, Icon, resolveI18n, sanitizeHtml } from '@bagelink/vue'
+import type { Option } from '../../../index'
+import { Btn, Icon, resolveI18n, sanitizeHtml } from '../../../index'
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { normalizeOption } from '../../../utils/options'
 import type { BagelInputShellProps } from './bagelInputShell'

package/src/components/form/inputs/RangeInput.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { resolveI18n } from '@bagelink/vue'
+import { resolveI18n } from '../../../index'
 import { computed, onMounted, ref, watch } from 'vue'
 import type { BagelInputShellProps } from './bagelInputShell'
 

package/src/components/form/inputs/RichText/components/EditorToolbar.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { ToolbarConfig, ToolbarConfigOption, ToolbarOption } from '../richTextTypes'
-import { Btn, Dropdown } from '@bagelink/vue'
+import { Btn, Dropdown } from '../../../../../index'
 import { basicToolbarConfig, toolbarOptions } from '../config'
 import TableGridSelector from './TableGridSelector.vue'
 

package/src/components/form/inputs/RichText/components/TableGridSelector.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Btn, Dropdown } from '@bagelink/vue'
+import { Btn, Dropdown } from '../../../../../index'
 import { ref, computed } from 'vue'
 
 const emit = defineEmits<{

package/src/components/form/inputs/RichText/index.vue

@@ -1,7 +1,7 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <script setup lang="ts">
 import type { CustomToolbarButton, RichTextExtension, RichTextToolbarApi, ToolbarConfig } from './richTextTypes'
-import { CodeEditor, copyText, Btn, Dialog, BglVideo, Icon, Card, ColorInput, pathKeyToURL } from '@bagelink/vue'
+import { CodeEditor, copyText, Btn, Dialog, BglVideo, Icon, Card, ColorInput, pathKeyToURL } from '../../../../index'
 import { watch, onUnmounted, onBeforeUnmount, onMounted, ref, computed, useAttrs, inject } from 'vue'
 import CheckInput from '../CheckInput.vue'
 import NumberInput from '../NumberInput.vue'

package/src/components/form/inputs/SelectBtn.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { Option } from '@bagelink/vue'
-import { Btn, Icon, resolveI18n } from '@bagelink/vue'
+import type { Option } from '../../../index'
+import { Btn, Icon, resolveI18n } from '../../../index'
 import { computed } from 'vue'
 import { getOptionIcon, getOptionLabel, getOptionValue } from '../../../utils/options'
 import type { BagelInputShellProps } from './bagelInputShell'

package/src/components/form/inputs/SelectInput.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import type { IconType, Option } from '@bagelink/vue'
+import type { IconType, Option } from '../../../index'
 import type { AlignedPlacement } from '../../Dropdown.vue'
-import { Btn, Card, Skeleton, Dropdown, Icon, TextInput, useSearch, useI18n, resolveI18n } from '@bagelink/vue'
+import { Btn, Card, Skeleton, Dropdown, Icon, TextInput, useSearch, useI18n, resolveI18n } from '../../../index'
 import { computed, onMounted, ref, useId, watch } from 'vue'
 import { getOptionIcon, getOptionLabel, getOptionSubtitle, getOptionValue } from '../../../utils/options'
 import 'floating-vue/style.css'

package/src/components/form/inputs/SignaturePad.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Options as SignaturePadOptions } from 'signature_pad'
-import { Btn } from '@bagelink/vue'
+import { Btn } from '../../../index'
 import { useEventListener, useResizeObserver } from '@vueuse/core'
 import SignaturePad from 'signature_pad'
 import { computed, nextTick, onMounted, ref, watch } from 'vue'

package/src/components/form/inputs/TableField.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Btn, Icon, formatString } from '@bagelink/vue'
+import { Btn, Icon, formatString } from '../../../index'
 import { onMounted, ref } from 'vue'
 import { VueDraggableNext } from 'vue-draggable-next'
 import type { BagelInputShellProps } from './bagelInputShell'

package/src/components/form/inputs/TelInput.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { Country } from '@bagelink/vue'
+import type { Country } from '../../../index'
 import type { CountryCode } from 'libphonenumber-js'
-import { Dropdown, Flag, Icon, TextInput, allCountries, ipapi, useI18n, resolveI18n } from '@bagelink/vue'
+import { Dropdown, Flag, Icon, TextInput, allCountries, ipapi, useI18n, resolveI18n } from '../../../index'
 import { AsYouType, getExampleNumber, parsePhoneNumberFromString } from 'libphonenumber-js'
 import examples from 'libphonenumber-js/examples.mobile.json'
 import { computed, onMounted, ref, watch } from 'vue'

package/src/components/form/inputs/TextInput.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import type { IconType, ValidateInputBaseT } from '@bagelink/vue'
+import type { IconType, ValidateInputBaseT } from '../../../index'
 import {
 	Icon,
 	useDebounceFn,
 	useValidateFieldValue,
 	resolveI18n,
-} from '@bagelink/vue'
+} from '../../../index'
 import { computed, onMounted, ref, watch, nextTick } from 'vue'
 import type { BagelInputShellProps } from './bagelInputShell'
 import { useBagelInputShell } from './bagelInputShell'

package/src/components/form/inputs/ToggleInput.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { resolveI18n } from '@bagelink/vue'
+import { resolveI18n } from '../../../index'
 import { computed, onMounted } from 'vue'
 import type { BagelInputShellProps } from './bagelInputShell'
 import { useBagelInputShell } from './bagelInputShell'

package/src/components/form/inputs/Upload/UploadInput.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { UploadInputProps } from '../../../../types/BagelForm'
-import { Btn, IMAGE_FORMATS_REGEXP, Icon, Card, Image, pathKeyToURL, Loading, useI18n, resolveI18n } from '@bagelink/vue'
+import { Btn, IMAGE_FORMATS_REGEXP, Icon, Card, Image, pathKeyToURL, Loading, useI18n, resolveI18n } from '../../../../index'
 import { watch, computed, ref, useSlots } from 'vue'
 import { useFileDropzone } from '../../../file-drop/useFileDropzone'
 import { useFileUpload } from './useFileUpload'

package/src/components/layout/AppContent.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { computed, useSlots } from 'vue'
-import { Btn, PageTitle } from '@bagelink/vue'
+import { Btn, PageTitle } from '../../index'
 import { useAppLayout } from './appLayoutContext'
 
 /** How the header is framed against the page body. */

package/src/components/layout/AppNav.vue

@@ -3,8 +3,8 @@
 // Presentational sibling of AppSidebar: same NavLink model + active-route logic,
 // but laid out on the block axis. Reports its own size into the layout region so
 // the center reserves room (push) — no manual mirroring in the app.
-import type { NavLink } from '@bagelink/vue'
-import { Icon } from '@bagelink/vue'
+import type { NavLink } from '../../index'
+import { Icon } from '../../index'
 import { computed, onMounted, onUnmounted, watch } from 'vue'
 import { useRoute, RouterLink } from 'vue-router'
 import { resolveI18n } from '../../i18n'

package/src/components/layout/AppSidebar.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import type { NavLink } from '@bagelink/vue'
-import { Btn, Icon } from '@bagelink/vue'
+import type { NavLink } from '../../index'
+import { Btn, Icon } from '../../index'
 import { computed, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { resolveI18n } from '../../i18n'

package/src/components/layout/BottomMenu.vue

@@ -1,11 +1,11 @@
 <script lang="ts" setup>
-import type { NavLink } from '@bagelink/vue'
+import type { NavLink } from '../../index'
 import {
 	Btn,
 	Card,
 	Icon
 
-} from '@bagelink/vue'
+} from '../../index'
 
 defineProps<{
 	navLinks: NavLink[]

package/src/components/layout/SidebarMenu.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import type { NavLink } from '@bagelink/vue'
+import type { NavLink } from '../../index'
 import type { SetupContext } from 'vue'
-import { Btn, Card, Icon, useDebounceFn } from '@bagelink/vue'
+import { Btn, Card, Icon, useDebounceFn } from '../../index'
 import { ref, useSlots } from 'vue'
 
 const props = defineProps<{

package/src/components/layout/SidebarNavItem.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import type { NavLink } from '@bagelink/vue'
-import { Btn, Icon, Dropdown } from '@bagelink/vue'
+import type { NavLink } from '../../index'
+import { Btn, Icon, Dropdown } from '../../index'
 import { computed, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { resolveI18n } from '../../i18n'

package/src/components/layout/Tabs.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { Tab, IconType } from '@bagelink/vue'
+import type { Tab, IconType } from '../../index'
 import type { SetupContext, VNode } from 'vue'
-import { TabsNav } from '@bagelink/vue'
+import { TabsNav } from '../../index'
 import { computed, defineComponent, h, useAttrs, useSlots } from 'vue'
 
 import { useTabs } from './tabsManager'

package/src/components/layout/TabsNav.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { Tab, IconType } from '@bagelink/vue'
-import { Icon } from '@bagelink/vue'
+import type { Tab, IconType } from '../../index'
+import { Icon } from '../../index'
 import { nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { useTabs } from './tabsManager'
 

package/src/components/layout/Timeline.types.ts

@@ -1,4 +1,4 @@
-import type { IconType, ThemeType } from '@bagelink/vue'
+import type { IconType, ThemeType } from '../../index'
 
 export interface TimelineEntry {
 	title?: string

package/src/components/layout/TimelineItem.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 defineOptions({ name: 'BglTimelineItem' })
-import type { IconType, ThemeType } from '@bagelink/vue'
-import { Icon } from '@bagelink/vue'
+import type { IconType, ThemeType } from '../../index'
+import { Icon } from '../../index'
 import { useSlots } from 'vue'
 
 /**

package/src/components/lightbox/Lightbox.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { LightboxItem } from './lightbox.types'
 
-import { BglVideo, Btn, Icon, Zoomer, Image, normalizeURL, Swiper, downloadFile, useEscapeKey } from '@bagelink/vue'
+import { BglVideo, Btn, Icon, Zoomer, Image, normalizeURL, Swiper, downloadFile, useEscapeKey } from '../../index'
 import { computed, nextTick, ref, watch } from 'vue'
 import LightboxImage from './LightboxImage.vue'
 

package/src/components/lightbox/LightboxImage.vue

@@ -3,7 +3,7 @@
 // HEIC conversion via useImageSrc. A bare <img> (not <Image>) is required here
 // so the natural dimensions drive layout — <Image>'s framed mode renders an
 // absolute-fill img that collapses the zoomer to 0×0.
-import { useImageSrc } from '@bagelink/vue'
+import { useImageSrc } from '../../index'
 
 const props = defineProps<{ src?: string }>()
 const { imageSrc } = useImageSrc(() => props.src)

package/src/components/lightbox/index.ts

@@ -1,7 +1,7 @@
 import type { App, Directive, DirectiveBinding, Plugin } from 'vue'
 
 import type { LightboxItem } from './lightbox.types'
-import { IMAGE_FORMATS_REGEXP, pathKeyToURL, VIDEO_FORMATS_REGEXP } from '@bagelink/vue'
+import { IMAGE_FORMATS_REGEXP, pathKeyToURL, VIDEO_FORMATS_REGEXP } from '../../index'
 import { createApp } from 'vue'
 import Lightbox from './Lightbox.vue'
 

package/src/composables/index.ts

@@ -1,7 +1,7 @@
-import type { BglFormSchemaT } from '@bagelink/vue'
+import type { BglFormSchemaT } from '../index'
 
 import type { MaybeRefOrGetter } from 'vue'
-import { getFallbackSchema } from '@bagelink/vue'
+import { getFallbackSchema } from '../index'
 import { computed, toValue } from 'vue'
 
 export { useAddToCalendar } from './useAddToCalendar'

package/src/composables/useImageSrc.ts

@@ -1,5 +1,5 @@
 import type { MaybeRefOrGetter } from 'vue'
-import { appendScript, awaitGlobal, normalizeURL, pathKeyToURL } from '@bagelink/vue'
+import { appendScript, awaitGlobal, normalizeURL, pathKeyToURL } from '../index'
 import { ref, toValue, watch } from 'vue'
 
 declare global {

package/src/composables/useSchemaField.ts

@@ -21,7 +21,7 @@ import {
 	containsHtml,
 	getNestedValue,
 	richTextToPlainText
-} from '@bagelink/vue'
+} from '../index'
 import { h, isVNode } from 'vue'
 
 const SLOT_VALUE_COMPONENTS = new Set(['div', 'span', 'p'])

package/src/composables/useValidateFieldValue.ts

@@ -1,4 +1,4 @@
-import type { ValidateInputBaseT } from '@bagelink/vue'
+import type { ValidateInputBaseT } from '../index'
 import type { WatchSource } from 'vue'
 import { watchDebounced } from '@vueuse/core'
 

package/src/dialog/Dialog.vue

@@ -3,7 +3,7 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <script setup lang="ts">
 import type { DialogWidth, DialogPosition } from './dialogTypes'
-import { Btn } from '@bagelink/vue'
+import { Btn } from '../index'
 import { ref, computed, onMounted, watch } from 'vue'
 
 import { DIALOG_WIDTHS } from './dialogTypes'

package/src/dialog/DialogConfirm.vue

@@ -3,7 +3,7 @@
  * DialogConfirm - Simple confirmation dialog
  */
 import type { DialogWidth, DialogPosition } from './dialogTypes'
-import { useI18n } from '@bagelink/vue'
+import { useI18n } from '../index'
 import { computed } from 'vue'
 import Btn from '../components/Btn.vue'
 import Dialog from './Dialog.vue'

package/src/types/BtnOptions.ts

@@ -8,8 +8,6 @@ export interface BtnOptions {
 	variant?: 'solid' | 'flat' | 'outline'
 	flat?: boolean
 	outline?: boolean
-	/** @deprecated Use `outline` */
-	border?: boolean
 	thin?: boolean
 	type?: 'button' | 'submit' | 'reset'
 	loading?: boolean

package/src/types/TableSchema.ts

@@ -1,4 +1,4 @@
-import type { BglFormSchemaT, IconType } from '@bagelink/vue'
+import type { BglFormSchemaT, IconType } from '../index'
 import type { MaybeRefOrGetter, ComputedRef } from 'vue'
 
 export type SortDirectionsT = 'ASC' | 'DESC'

package/src/utils/elementUtils.ts

@@ -1,5 +1,5 @@
-import type { ElementField, IconType, Option, Path } from '@bagelink/vue'
-import { Dropdown, ListItem } from '@bagelink/vue'
+import type { ElementField, IconType, Option, Path } from '../index'
+import { Dropdown, ListItem } from '../index'
 import { markRaw } from 'vue'
 
 export type DefaultPathsOptions = Record<string, any>