fds-vue-core 8.2.1 → 8.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fds-vue-core",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "description": "FDS Vue Core Component Library",
   "type": "module",
   "main": "./dist/fds-vue-core.cjs.js",
@@ -37,7 +37,7 @@
     "fds"
   ],
   "engines": {
-    "node": "^20.19.0 || >=22.12.0"
+    "node": ">=22.13.0"
   },
   "config": {
     "commitizen": {
@@ -48,15 +48,15 @@
     "vue": "^3.5.25"
   },
   "dependencies": {
-    "axios": "1.18.0",
+    "axios": "1.18.1",
     "date-fns": "4.4.0",
     "imask": "7.6.1",
-    "libphonenumber-js": "1.13.6",
+    "libphonenumber-js": "1.13.7",
     "tailwindcss": "4.3.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "5.2.1",
-    "@intlify/unplugin-vue-i18n": "11.2.3",
+    "@intlify/unplugin-vue-i18n": "11.2.4",
     "@storybook/addon-a11y": "10.4.6",
     "@storybook/addon-docs": "10.4.6",
     "@storybook/addon-vitest": "10.4.6",
@@ -65,8 +65,8 @@
     "@tailwindcss/vite": "4.3.1",
     "@types/node": "22.16.5",
     "@vitejs/plugin-vue": "6.0.7",
-    "@vitest/browser": "4.1.9",
-    "fg-devkit": "1.9.1",
+    "@vitest/browser": "3.2.4",
+    "fg-devkit": "1.12.5",
     "storybook": "10.4.6",
     "tsx": "4.22.4",
     "vite": "7.3.5",
@@ -74,7 +74,7 @@
     "vite-plugin-vue-devtools": "8.1.3",
     "vitest": "4.1.9",
     "vue": "3.5.38",
-    "vue-i18n": "11.4.5"
+    "vue-i18n": "11.4.6"
   },
   "knip": {
     "ignoreBinaries": [

package/src/components/Buttons/FdsButtonPrimary/FdsButtonPrimary.vue

@@ -42,8 +42,7 @@ const sizeClasses: Record<string, string> = {
   lg: 'text-lg h-[68px] px-6',
 }
 
-const variantClasses =
-  'bg-red-600 border border-red-700 text-white hover:bg-red-700 active:bg-red-800 active:border-red-800'
+const variantClasses = 'bg-blue-600 border border-blue-600 text-white hover:bg-blue-700'
 
 const blockElClasses = computed(() => props.block && 'w-full justify-center')
 

package/src/composables/setupRouterLinkInterceptor.ts

@@ -0,0 +1,93 @@
+type RouterLike = { push: (to: unknown) => Promise<unknown> | unknown }
+
+let globalRouter: RouterLike | null = null
+let clickHandler: ((event: MouseEvent) => void) | null = null
+
+const isModifiedClick = (event: MouseEvent): boolean => event.metaKey || event.ctrlKey || event.shiftKey || event.altKey
+
+const findLinkAnchor = (event: Event): HTMLAnchorElement | null => {
+  const { target } = event
+  if (!(target instanceof Element)) return null
+
+  const anchor = target.closest('a[href]')
+  return anchor instanceof HTMLAnchorElement ? anchor : null
+}
+
+/**
+ * Returns true when href is a relative URL suitable for in-app navigation
+ * (e.g. `/dashboard`, `page`, `./page`) — not absolute, protocol-relative, or hash-only.
+ */
+export const isRelativeHref = (href: string): boolean => {
+  if (!href || href.startsWith('#')) return false
+  if (/^[a-z][a-z0-9+.-]*:/i.test(href)) return false
+  if (href.startsWith('//')) return false
+  return true
+}
+
+/**
+ * Resolves an anchor href to a value suitable for `router.push`.
+ * Returns `null` when the link should use normal browser navigation.
+ */
+export const resolveRouterLinkTarget = (anchor: HTMLAnchorElement): string | null => {
+  if (anchor.hasAttribute('disabled') || anchor.getAttribute('aria-disabled') === 'true') {
+    return null
+  }
+  if (anchor.hasAttribute('download')) return null
+  if (anchor.target && anchor.target !== '_self') return null
+
+  const href = anchor.getAttribute('href')
+  if (!href || !isRelativeHref(href)) return null
+
+  try {
+    const url = new URL(href, window.location.href)
+    return url.pathname + url.search + url.hash
+  } catch {
+    return href
+  }
+}
+
+const handleClick = (event: MouseEvent) => {
+  if (event.defaultPrevented) return
+  if (event.button !== 0) return
+  if (isModifiedClick(event)) return
+
+  const anchor = findLinkAnchor(event)
+  if (!anchor || !globalRouter) return
+
+  const to = resolveRouterLinkTarget(anchor)
+  if (!to) return
+
+  event.preventDefault()
+  void globalRouter.push(to)
+}
+
+/**
+ * Interceptar klick på relativa `<a href>` och navigerar med `router.push`
+ * i stället för full sidladdning. Användbart för HTML/JSON från t.ex. Payload CMS
+ * eller Poeditor där `router-link` inte kan användas direkt.
+ *
+ * Anropa en gång vid app-start:
+ * ```ts
+ * setupRouterLinkInterceptor(router)
+ * ```
+ *
+ * HTML-exempel:
+ * ```html
+ * <a href="/dashboard">Öppna dashboard</a>
+ * ```
+ */
+export const setupRouterLinkInterceptor = (router: RouterLike) => {
+  teardownRouterLinkInterceptor()
+  globalRouter = router
+  clickHandler = handleClick
+  document.addEventListener('click', clickHandler)
+}
+
+/** Tar bort den globala router-link-interceptorn. */
+export const teardownRouterLinkInterceptor = () => {
+  if (clickHandler) {
+    document.removeEventListener('click', clickHandler)
+    clickHandler = null
+  }
+  globalRouter = null
+}

package/src/index.ts

@@ -71,6 +71,12 @@ import {
   PID_MASK_OPTIONS,
   useIsPid,
 } from './composables/useIsPid'
+import {
+  isRelativeHref,
+  resolveRouterLinkTarget,
+  setupRouterLinkInterceptor,
+  teardownRouterLinkInterceptor,
+} from './composables/setupRouterLinkInterceptor'
 import { useRouteScrollPositions } from './composables/useRouteScrollPositions'
 import { useViewportBreakpoint } from './composables/useViewportBreakpoint'
 import { capitalizeFirstLetter } from './helpers/capitalizeFirstLetter'
@@ -131,14 +137,18 @@ export {
   clearUnsavedChanges,
   debounce,
   formatPidWithDash,
+  isRelativeHref,
   getExitGuardWizardId,
   isPidString,
   normalizePidSearchValue,
   PID_MASK,
   PID_MASK_OPTIONS,
+  resolveRouterLinkTarget,
   setupExitConfirmationGuard,
+  setupRouterLinkInterceptor,
   shouldBlockNavigation,
   shouldBlockWizardExit,
+  teardownRouterLinkInterceptor,
   useBoldQuery,
   useDevMode,
   useDevModeEnvironment,

package/dist/lang/en.json.d.ts

@@ -1,72 +0,0 @@
-declare const _default: {
-  "App.treeViewTest": "FDS Tree View Test",
-  "common.plus": "+",
-  "FdsBlockAlert.close": "Close",
-  "FdsBlockAlert.showLess": "Show less",
-  "FdsBlockAlert.showMore": "Show more",
-  "FdsDevMode.baseBreakpoint": "base",
-  "FdsDevMode.baseBreakpointRange": "<320px",
-  "FdsDevMode.toggle.off": "Dev mode: OFF",
-  "FdsDevMode.toggle.on": "Dev mode: ON",
-  "FdsDevMode.overlay.close": "Close dev overlay",
-  "FdsDevMode.overlay.localeEn": "English",
-  "FdsDevMode.overlay.localeSv": "Svenska",
-  "FdsDevMode.overlay.open": "Open dev overlay",
-  "FdsDevMode.overlay.poeditor": "Show translation keys",
-  "FdsDevModeStorage.actions.close": "Close",
-  "FdsDevModeStorage.actions.delete": "Delete",
-  "FdsDevModeStorage.actions.emptyState": "No custom actions configured. Pass customActions prop to FdsDevMode.",
-  "FdsDevModeStorage.actions.refresh": "Refresh",
-  "FdsDevModeStorage.actions.save": "Save",
-  "FdsDevModeStorage.empty.cookies": "No cookies set for this domain.",
-  "FdsDevModeStorage.empty.localStorage": "No values in localStorage.",
-  "FdsDevModeStorage.empty.sessionStorage": "No values in sessionStorage.",
-  "FdsDevModeStorage.keyLabel": "Key",
-  "FdsDevModeStorage.nameLabel": "Name",
-  "FdsDevModeStorage.placeholders.cookieName": "cookie-name",
-  "FdsDevModeStorage.placeholders.localStorageKey": "localStorage-key",
-  "FdsDevModeStorage.placeholders.sessionStorageKey": "sessionStorage-key",
-  "FdsDevModeStorage.placeholders.valueAsString": "Value (stored as string)",
-  "FdsDevModeStorage.tabs.actions": "Actions",
-  "FdsDevModeStorage.tabs.cookies": "Cookies",
-  "FdsDevModeStorage.tabs.localStorage": "localStorage",
-  "FdsDevModeStorage.tabs.sessionStorage": "sessionStorage",
-  "FdsDevModeStorage.valueLabel": "Value",
-  "FdsInput.clearInput": "Delete text",
-  "FdsInput.hidePassword": "Hide",
-  "FdsInput.openDatePicker": "Open date picker",
-  "FdsInput.showPassword": "Show",
-  "FdsInput.today": "(today)",
-  "FdsListHeading.loading": "Loading...",
-  "FdsListHeading.separator": "of",
-  "FdsModal.closeModal": "Close modal window",
-  "FdsPagination.currentPage": "Current page",
-  "FdsPagination.firstPage": "Go to first page",
-  "FdsPagination.lastPage": "Go to last page",
-  "FdsPagination.loading": "Loading",
-  "FdsPagination.nextPage": "Go to next page",
-  "FdsPagination.previousPage": "Go to previous page",
-  "FdsPhonenumber.countryCode": "Country code",
-  "FdsPhonenumber.invalidPhone": "Enter a valid phone number",
-  "FdsPhonenumber.noCountryResults": "No country matches your search",
-  "FdsPhonenumber.phoneNumber": "Phone number",
-  "FdsSearchSelectPro.loadingMore": "Loading more...",
-  "FdsSearchSelectPro.showMore": "Show more",
-  "FdsSearchSelectPro.unspecified": "Unspecified",
-  "FdsTextarea.characters": "characters",
-  "FdsTreeView.childrenCountPrefix": "(+",
-  "FdsTreeView.closePopover": "Close",
-  "FdsTreeView.collapseNode": "Collapse {title}",
-  "FdsTreeView.expandNode": "Expand {title}",
-  "FdsTreeView.moreOptionsForNode": "More options for {title}",
-  "FdsWeekCalendar.nextWeek": "Next week",
-  "FdsWeekCalendar.previousWeek": "Previous week",
-  "FdsWeekCalendar.today": "Today",
-  "FdsWeekCalendar.week": "week",
-  "FdsDevMode.overlay.toggles.apiError": "API error",
-  "FdsDevMode.overlay.toggles.debugLogging": "Debug logging",
-  "FdsDevMode.overlay.quickSettings": "Quick settings"
-}
-;
-
-export default _default;

package/dist/lang/sv.json.d.ts

@@ -1,72 +0,0 @@
-declare const _default: {
-  "App.treeViewTest": "FDS Tree View Test",
-  "common.plus": "+",
-  "FdsBlockAlert.close": "Stäng",
-  "FdsBlockAlert.showLess": "Visa mindre",
-  "FdsBlockAlert.showMore": "Visa mer",
-  "FdsDevMode.baseBreakpoint": "base",
-  "FdsDevMode.baseBreakpointRange": "<320px",
-  "FdsDevMode.toggle.off": "Dev mode: OFF",
-  "FdsDevMode.toggle.on": "Dev mode: ON",
-  "FdsDevMode.overlay.close": "Stäng dev-overlay",
-  "FdsDevMode.overlay.localeEn": "English",
-  "FdsDevMode.overlay.localeSv": "Svenska",
-  "FdsDevMode.overlay.open": "Öppna dev-overlay",
-  "FdsDevMode.overlay.poeditor": "Visa översättningsnycklar",
-  "FdsDevModeStorage.actions.close": "Stäng",
-  "FdsDevModeStorage.actions.delete": "Ta bort",
-  "FdsDevModeStorage.actions.emptyState": "No custom actions configured. Pass customActions prop to FdsDevMode.",
-  "FdsDevModeStorage.actions.refresh": "Uppdatera",
-  "FdsDevModeStorage.actions.save": "Spara",
-  "FdsDevModeStorage.empty.cookies": "Inga cookies satta för domänen.",
-  "FdsDevModeStorage.empty.localStorage": "Inga värden i localStorage.",
-  "FdsDevModeStorage.empty.sessionStorage": "Inga värden i sessionStorage.",
-  "FdsDevModeStorage.keyLabel": "Nyckel",
-  "FdsDevModeStorage.nameLabel": "Namn",
-  "FdsDevModeStorage.placeholders.cookieName": "cookie-namn",
-  "FdsDevModeStorage.placeholders.localStorageKey": "localStorage-nyckel",
-  "FdsDevModeStorage.placeholders.sessionStorageKey": "sessionStorage-nyckel",
-  "FdsDevModeStorage.placeholders.valueAsString": "Värde (lagras som sträng)",
-  "FdsDevModeStorage.tabs.actions": "Actions",
-  "FdsDevModeStorage.tabs.cookies": "Cookies",
-  "FdsDevModeStorage.tabs.localStorage": "localStorage",
-  "FdsDevModeStorage.tabs.sessionStorage": "sessionStorage",
-  "FdsDevModeStorage.valueLabel": "Värde",
-  "FdsInput.clearInput": "Rensa text",
-  "FdsInput.hidePassword": "Dölj",
-  "FdsInput.openDatePicker": "Öppna datumväljare",
-  "FdsInput.showPassword": "Visa",
-  "FdsInput.today": "(idag)",
-  "FdsListHeading.loading": "Laddar...",
-  "FdsListHeading.separator": "av",
-  "FdsModal.closeModal": "Stäng dialogruta",
-  "FdsPagination.currentPage": "Aktuell sida",
-  "FdsPagination.firstPage": "Gå till första sidan",
-  "FdsPagination.lastPage": "Gå till sista sidan",
-  "FdsPagination.loading": "Laddar",
-  "FdsPagination.nextPage": "Gå till nästa sida",
-  "FdsPagination.previousPage": "Gå till föregående sida",
-  "FdsPhonenumber.countryCode": "Landskod",
-  "FdsPhonenumber.invalidPhone": "Ange ett giltigt telefonnummer",
-  "FdsPhonenumber.noCountryResults": "Inget land matchar sökningen",
-  "FdsPhonenumber.phoneNumber": "Telefonnummer",
-  "FdsSearchSelectPro.loadingMore": "Hämtar fler...",
-  "FdsSearchSelectPro.showMore": "Visa fler",
-  "FdsSearchSelectPro.unspecified": "Ospecificerat",
-  "FdsTextarea.characters": "tecken",
-  "FdsTreeView.childrenCountPrefix": "(+",
-  "FdsTreeView.closePopover": "Stäng",
-  "FdsTreeView.collapseNode": "Fäll ihop {title}",
-  "FdsTreeView.expandNode": "Fäll ut {title}",
-  "FdsTreeView.moreOptionsForNode": "Fler val för {title}",
-  "FdsWeekCalendar.nextWeek": "Nästa vecka",
-  "FdsWeekCalendar.previousWeek": "Föregående vecka",
-  "FdsWeekCalendar.today": "Idag",
-  "FdsWeekCalendar.week": "vecka",
-  "FdsDevMode.overlay.toggles.apiError": "API-fel",
-  "FdsDevMode.overlay.toggles.debugLogging": "Debug-logg",
-  "FdsDevMode.overlay.quickSettings": "Snabbval"
-}
-;
-
-export default _default;