fds-vue-core 8.0.0 → 8.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/components/FdsDevMode/FdsDevMode.stories.d.ts +1 -0
  2. package/dist/components/FdsDevMode/FdsDevMode.vue.d.ts +22 -5
  3. package/dist/components/FdsDevMode/FdsDevModeOverlay.vue.d.ts +21 -0
  4. package/dist/components/FdsDevMode/types.d.ts +13 -0
  5. package/dist/components/FdsSearchSelect/FdsSearchSelect.vue.d.ts +4 -4
  6. package/dist/components/FdsSearchSelectPro/FdsSearchSelectPro.vue.d.ts +4 -4
  7. package/dist/components/Form/FdsCheckbox/FdsCheckbox.vue.d.ts +2 -2
  8. package/dist/components/Form/FdsInput/FdsInput.vue.d.ts +2 -2
  9. package/dist/components/Form/FdsPhonenumber/FdsPhonenumber.vue.d.ts +4 -4
  10. package/dist/components/Form/FdsPhonenumber/countries.d.ts +0 -1
  11. package/dist/components/Form/FdsRadio/FdsRadio.vue.d.ts +3 -3
  12. package/dist/components/Form/FdsSelect/FdsSelect.vue.d.ts +2 -2
  13. package/dist/components/Form/FdsTextarea/FdsTextarea.vue.d.ts +3 -3
  14. package/dist/composables/useDevModeEnvironment.d.ts +10 -0
  15. package/dist/composables/useDevModePoEditor.d.ts +5 -0
  16. package/dist/fds-vue-core.cjs.js +6265 -6026
  17. package/dist/fds-vue-core.cjs.js.map +1 -1
  18. package/dist/fds-vue-core.css +1 -1
  19. package/dist/fds-vue-core.es.js +6266 -6027
  20. package/dist/fds-vue-core.es.js.map +1 -1
  21. package/dist/index.d.ts +4 -2
  22. package/dist/lang/en.json.d.ts +72 -0
  23. package/dist/lang/sv.json.d.ts +72 -0
  24. package/dist/plugin/i18n.d.ts +7 -0
  25. package/dist/plugin/useFdsI18n.d.ts +1 -0
  26. package/dist/tsconfig.build.tsbuildinfo +1 -1
  27. package/package.json +4 -4
  28. package/src/components/Buttons/FdsButtonIcon/FdsButtonIcon.vue +1 -2
  29. package/src/components/FdsDevMode/FdsDevMode.stories.ts +79 -0
  30. package/src/components/FdsDevMode/FdsDevMode.vue +53 -57
  31. package/src/components/FdsDevMode/FdsDevModeOverlay.vue +142 -0
  32. package/src/components/FdsDevMode/FdsDevModeStorage.vue +1 -13
  33. package/src/components/FdsDevMode/types.ts +16 -0
  34. package/src/components/FdsPopover/FdsPopover.vue +1 -1
  35. package/src/components/Form/FdsPhonenumber/countries.ts +2 -4
  36. package/src/composables/useDevModeEnvironment.ts +54 -0
  37. package/src/composables/useDevModePoEditor.ts +87 -0
  38. package/src/index.ts +10 -1
  39. package/src/lang/en.json +9 -3
  40. package/src/lang/sv.json +9 -3
  41. package/src/plugin/i18n.ts +7 -0
  42. package/src/plugin/useFdsI18n.ts +11 -0
package/dist/index.d.ts CHANGED
@@ -45,6 +45,7 @@ import { default as FdsMeta } from './components/Typography/FdsMeta/FdsMeta.vue'
45
45
  import { default as useTreeState } from './components/FdsTreeView/useTreeState';
46
46
  import { useBoldQuery } from './composables/useBoldQuery';
47
47
  import { useDevMode } from './composables/useDevMode';
48
+ import { useDevModeEnvironment } from './composables/useDevModeEnvironment';
48
49
  import { useDownload } from './composables/useDownload';
49
50
  import { clearUnsavedChanges, getExitGuardWizardId, setupExitConfirmationGuard, shouldBlockNavigation, shouldBlockWizardExit, useExitConfirmationGuard, useExitConfirmationGuardState } from './composables/useExitConfirmationGuard';
50
51
  import { formatPidWithDash, isPidString, normalizePidSearchValue, PID_MASK, PID_MASK_OPTIONS, useIsPid } from './composables/useIsPid';
@@ -55,7 +56,7 @@ import { useFileSizeValidation, useFileValidation } from './helpers/fileValidati
55
56
  import { FdsI18nLike } from './plugin/i18n';
56
57
  import { FdsButtonBaseProps } from './components/Buttons/ButtonBaseProps';
57
58
  export { FdsBlockAlert, FdsBlockContent, FdsBlockExpander, FdsBlockInfo, FdsBlockLink, FdsButtonCopy, FdsButtonDownload, FdsButtonIcon, FdsButtonMinor, FdsButtonPrimary, FdsButtonSecondary, FdsCheckbox, FdsDevMode, FdsExitModal, FdsH1, FdsH2, FdsH3, FdsHr, FdsIcon, FdsInput, FdsLabel, FdsLead, FdsListHeading, FdsMeta, FdsModal, FdsPagination, FdsPhonenumber, FdsPopover, FdsRadio, FdsSearchSelect, FdsSearchSelectPro, FdsSelect, FdsSpinner, FdsSticker, FdsTable, FdsTableHead, FdsTabs, FdsTabsItem, FdsTextarea, FdsTreeView, FdsTruncatedText, FdsWeekCalendar, FdsWizard, };
58
- export { capitalizeFirstLetter, clearUnsavedChanges, formatPidWithDash, getExitGuardWizardId, isPidString, normalizePidSearchValue, PID_MASK, PID_MASK_OPTIONS, setupExitConfirmationGuard, shouldBlockNavigation, shouldBlockWizardExit, useBoldQuery, useDevMode, useDownload, useExitConfirmationGuard, useExitConfirmationGuardState, useFileSizeValidation, useFileValidation, useIsPid, useRouteScrollPositions, useTreeState, useViewportBreakpoint, };
59
+ export { capitalizeFirstLetter, clearUnsavedChanges, formatPidWithDash, getExitGuardWizardId, isPidString, normalizePidSearchValue, PID_MASK, PID_MASK_OPTIONS, setupExitConfirmationGuard, shouldBlockNavigation, shouldBlockWizardExit, useBoldQuery, useDevMode, useDevModeEnvironment, useDownload, useExitConfirmationGuard, useExitConfirmationGuardState, useFileSizeValidation, useFileValidation, useIsPid, useRouteScrollPositions, useTreeState, useViewportBreakpoint, };
59
60
  export * from './assets/logos';
60
61
  export interface FdsVueCorePluginOptions {
61
62
  i18n?: FdsI18nLike;
@@ -111,4 +112,5 @@ export type { FdsTruncatedTextProps } from './components/FdsTruncatedText/types'
111
112
  export type { FdsWeekCalendarLoading, FdsWeekCalendarProps, WeekDateRange } from './components/FdsWeekCalendar/types';
112
113
  export type { FdsWizardGoPayload, FdsWizardProps, FdsWizardRoute } from './components/FdsWizard/types';
113
114
  export type { BreakpointKey } from './composables/useViewportBreakpoint';
114
- export type { DevModeAction, DevModeActionInput } from './components/FdsDevMode/types';
115
+ export type { DevModeEnvironmentKey } from './composables/useDevModeEnvironment';
116
+ export type { DevModeAction, DevModeActionInput, DevModeToggle, DevModeToggleEvent, } from './components/FdsDevMode/types';
@@ -0,0 +1,72 @@
1
+ declare const _default: {
2
+ "App.treeViewTest": "FDS Tree View Test",
3
+ "common.plus": "+",
4
+ "FdsBlockAlert.close": "Close",
5
+ "FdsBlockAlert.showLess": "Show less",
6
+ "FdsBlockAlert.showMore": "Show more",
7
+ "FdsDevMode.baseBreakpoint": "base",
8
+ "FdsDevMode.baseBreakpointRange": "<320px",
9
+ "FdsDevMode.toggle.off": "Dev mode: OFF",
10
+ "FdsDevMode.toggle.on": "Dev mode: ON",
11
+ "FdsDevMode.overlay.close": "Close dev overlay",
12
+ "FdsDevMode.overlay.localeEn": "English",
13
+ "FdsDevMode.overlay.localeSv": "Svenska",
14
+ "FdsDevMode.overlay.open": "Open dev overlay",
15
+ "FdsDevMode.overlay.poeditor": "Show translation keys",
16
+ "FdsDevModeStorage.actions.close": "Close",
17
+ "FdsDevModeStorage.actions.delete": "Delete",
18
+ "FdsDevModeStorage.actions.emptyState": "No custom actions configured. Pass customActions prop to FdsDevMode.",
19
+ "FdsDevModeStorage.actions.refresh": "Refresh",
20
+ "FdsDevModeStorage.actions.save": "Save",
21
+ "FdsDevModeStorage.empty.cookies": "No cookies set for this domain.",
22
+ "FdsDevModeStorage.empty.localStorage": "No values in localStorage.",
23
+ "FdsDevModeStorage.empty.sessionStorage": "No values in sessionStorage.",
24
+ "FdsDevModeStorage.keyLabel": "Key",
25
+ "FdsDevModeStorage.nameLabel": "Name",
26
+ "FdsDevModeStorage.placeholders.cookieName": "cookie-name",
27
+ "FdsDevModeStorage.placeholders.localStorageKey": "localStorage-key",
28
+ "FdsDevModeStorage.placeholders.sessionStorageKey": "sessionStorage-key",
29
+ "FdsDevModeStorage.placeholders.valueAsString": "Value (stored as string)",
30
+ "FdsDevModeStorage.tabs.actions": "Actions",
31
+ "FdsDevModeStorage.tabs.cookies": "Cookies",
32
+ "FdsDevModeStorage.tabs.localStorage": "localStorage",
33
+ "FdsDevModeStorage.tabs.sessionStorage": "sessionStorage",
34
+ "FdsDevModeStorage.valueLabel": "Value",
35
+ "FdsInput.clearInput": "Delete text",
36
+ "FdsInput.hidePassword": "Hide",
37
+ "FdsInput.openDatePicker": "Open date picker",
38
+ "FdsInput.showPassword": "Show",
39
+ "FdsInput.today": "(today)",
40
+ "FdsListHeading.loading": "Loading...",
41
+ "FdsListHeading.separator": "of",
42
+ "FdsModal.closeModal": "Close modal window",
43
+ "FdsPagination.currentPage": "Current page",
44
+ "FdsPagination.firstPage": "Go to first page",
45
+ "FdsPagination.lastPage": "Go to last page",
46
+ "FdsPagination.loading": "Loading",
47
+ "FdsPagination.nextPage": "Go to next page",
48
+ "FdsPagination.previousPage": "Go to previous page",
49
+ "FdsPhonenumber.countryCode": "Country code",
50
+ "FdsPhonenumber.invalidPhone": "Enter a valid phone number",
51
+ "FdsPhonenumber.noCountryResults": "No country matches your search",
52
+ "FdsPhonenumber.phoneNumber": "Phone number",
53
+ "FdsSearchSelectPro.loadingMore": "Loading more...",
54
+ "FdsSearchSelectPro.showMore": "Show more",
55
+ "FdsSearchSelectPro.unspecified": "Unspecified",
56
+ "FdsTextarea.characters": "characters",
57
+ "FdsTreeView.childrenCountPrefix": "(+",
58
+ "FdsTreeView.closePopover": "Close",
59
+ "FdsTreeView.collapseNode": "Collapse {title}",
60
+ "FdsTreeView.expandNode": "Expand {title}",
61
+ "FdsTreeView.moreOptionsForNode": "More options for {title}",
62
+ "FdsWeekCalendar.nextWeek": "Next week",
63
+ "FdsWeekCalendar.previousWeek": "Previous week",
64
+ "FdsWeekCalendar.today": "Today",
65
+ "FdsWeekCalendar.week": "week",
66
+ "FdsDevMode.overlay.toggles.apiError": "API error",
67
+ "FdsDevMode.overlay.toggles.debugLogging": "Debug logging",
68
+ "FdsDevMode.overlay.quickSettings": "Quick settings"
69
+ }
70
+ ;
71
+
72
+ export default _default;
@@ -0,0 +1,72 @@
1
+ declare const _default: {
2
+ "App.treeViewTest": "FDS Tree View Test",
3
+ "common.plus": "+",
4
+ "FdsBlockAlert.close": "Stäng",
5
+ "FdsBlockAlert.showLess": "Visa mindre",
6
+ "FdsBlockAlert.showMore": "Visa mer",
7
+ "FdsDevMode.baseBreakpoint": "base",
8
+ "FdsDevMode.baseBreakpointRange": "<320px",
9
+ "FdsDevMode.toggle.off": "Dev mode: OFF",
10
+ "FdsDevMode.toggle.on": "Dev mode: ON",
11
+ "FdsDevMode.overlay.close": "Stäng dev-overlay",
12
+ "FdsDevMode.overlay.localeEn": "English",
13
+ "FdsDevMode.overlay.localeSv": "Svenska",
14
+ "FdsDevMode.overlay.open": "Öppna dev-overlay",
15
+ "FdsDevMode.overlay.poeditor": "Visa översättningsnycklar",
16
+ "FdsDevModeStorage.actions.close": "Stäng",
17
+ "FdsDevModeStorage.actions.delete": "Ta bort",
18
+ "FdsDevModeStorage.actions.emptyState": "No custom actions configured. Pass customActions prop to FdsDevMode.",
19
+ "FdsDevModeStorage.actions.refresh": "Uppdatera",
20
+ "FdsDevModeStorage.actions.save": "Spara",
21
+ "FdsDevModeStorage.empty.cookies": "Inga cookies satta för domänen.",
22
+ "FdsDevModeStorage.empty.localStorage": "Inga värden i localStorage.",
23
+ "FdsDevModeStorage.empty.sessionStorage": "Inga värden i sessionStorage.",
24
+ "FdsDevModeStorage.keyLabel": "Nyckel",
25
+ "FdsDevModeStorage.nameLabel": "Namn",
26
+ "FdsDevModeStorage.placeholders.cookieName": "cookie-namn",
27
+ "FdsDevModeStorage.placeholders.localStorageKey": "localStorage-nyckel",
28
+ "FdsDevModeStorage.placeholders.sessionStorageKey": "sessionStorage-nyckel",
29
+ "FdsDevModeStorage.placeholders.valueAsString": "Värde (lagras som sträng)",
30
+ "FdsDevModeStorage.tabs.actions": "Actions",
31
+ "FdsDevModeStorage.tabs.cookies": "Cookies",
32
+ "FdsDevModeStorage.tabs.localStorage": "localStorage",
33
+ "FdsDevModeStorage.tabs.sessionStorage": "sessionStorage",
34
+ "FdsDevModeStorage.valueLabel": "Värde",
35
+ "FdsInput.clearInput": "Rensa text",
36
+ "FdsInput.hidePassword": "Dölj",
37
+ "FdsInput.openDatePicker": "Öppna datumväljare",
38
+ "FdsInput.showPassword": "Visa",
39
+ "FdsInput.today": "(idag)",
40
+ "FdsListHeading.loading": "Laddar...",
41
+ "FdsListHeading.separator": "av",
42
+ "FdsModal.closeModal": "Stäng dialogruta",
43
+ "FdsPagination.currentPage": "Aktuell sida",
44
+ "FdsPagination.firstPage": "Gå till första sidan",
45
+ "FdsPagination.lastPage": "Gå till sista sidan",
46
+ "FdsPagination.loading": "Laddar",
47
+ "FdsPagination.nextPage": "Gå till nästa sida",
48
+ "FdsPagination.previousPage": "Gå till föregående sida",
49
+ "FdsPhonenumber.countryCode": "Landskod",
50
+ "FdsPhonenumber.invalidPhone": "Ange ett giltigt telefonnummer",
51
+ "FdsPhonenumber.noCountryResults": "Inget land matchar sökningen",
52
+ "FdsPhonenumber.phoneNumber": "Telefonnummer",
53
+ "FdsSearchSelectPro.loadingMore": "Hämtar fler...",
54
+ "FdsSearchSelectPro.showMore": "Visa fler",
55
+ "FdsSearchSelectPro.unspecified": "Ospecificerat",
56
+ "FdsTextarea.characters": "tecken",
57
+ "FdsTreeView.childrenCountPrefix": "(+",
58
+ "FdsTreeView.closePopover": "Stäng",
59
+ "FdsTreeView.collapseNode": "Fäll ihop {title}",
60
+ "FdsTreeView.expandNode": "Fäll ut {title}",
61
+ "FdsTreeView.moreOptionsForNode": "Fler val för {title}",
62
+ "FdsWeekCalendar.nextWeek": "Nästa vecka",
63
+ "FdsWeekCalendar.previousWeek": "Föregående vecka",
64
+ "FdsWeekCalendar.today": "Idag",
65
+ "FdsWeekCalendar.week": "vecka",
66
+ "FdsDevMode.overlay.toggles.apiError": "API-fel",
67
+ "FdsDevMode.overlay.toggles.debugLogging": "Debug-logg",
68
+ "FdsDevMode.overlay.quickSettings": "Snabbval"
69
+ }
70
+ ;
71
+
72
+ export default _default;
@@ -1,14 +1,21 @@
1
1
  import { InjectionKey } from 'vue';
2
2
  type FdsI18nTranslate = (key: string, ...args: unknown[]) => unknown;
3
+ type FdsI18nHasKey = (key: string, ...args: unknown[]) => boolean;
3
4
  type FdsI18nLocale = string | {
4
5
  value: string;
5
6
  };
6
7
  export interface FdsI18nLike {
7
8
  t?: FdsI18nTranslate;
9
+ te?: FdsI18nHasKey;
8
10
  locale?: FdsI18nLocale;
11
+ getLocaleMessage?: (locale: string) => unknown;
12
+ setLocaleMessage?: (locale: string, message: unknown) => void;
9
13
  global?: {
10
14
  t?: FdsI18nTranslate;
15
+ te?: FdsI18nHasKey;
11
16
  locale?: FdsI18nLocale;
17
+ getLocaleMessage?: (locale: string) => unknown;
18
+ setLocaleMessage?: (locale: string, message: unknown) => void;
12
19
  };
13
20
  }
14
21
  export declare const FDS_VUE_CORE_I18N_KEY: InjectionKey<FdsI18nLike | undefined>;
@@ -4,5 +4,6 @@ export declare const useFdsI18n: () => {
4
4
  i18n: FdsI18nLike | undefined;
5
5
  locale: import('vue').ComputedRef<string>;
6
6
  t: (key: string, values?: FdsInterpolationValues) => string;
7
+ tCore: (key: string, values?: FdsInterpolationValues) => string;
7
8
  };
8
9
  export {};