fds-vue-core 8.0.4 → 8.1.0

package/dist/components/FdsDevMode/FdsDevMode.vue.d.ts

@@ -7,22 +7,43 @@ type __VLS_Props = {
 };
 type __VLS_PublicProps = {
     'toggleChecked'?: Record<string, boolean>;
+    'toggleSelected'?: Record<string, string>;
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (payload: {
+        key: string;
+        group: string;
+        value: string;
+    }) => any;
     toggle: (payload: {
         key: string;
         value: boolean;
     }) => any;
+    action: (payload: {
+        key: string;
+    }) => any;
     "update:toggleChecked": (value: Record<string, boolean>) => any;
+    "update:toggleSelected": (value: Record<string, string>) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((payload: {
+        key: string;
+        group: string;
+        value: string;
+    }) => any) | undefined;
     onToggle?: ((payload: {
         key: string;
         value: boolean;
     }) => any) | undefined;
+    onAction?: ((payload: {
+        key: string;
+    }) => any) | undefined;
     "onUpdate:toggleChecked"?: ((value: Record<string, boolean>) => any) | undefined;
+    "onUpdate:toggleSelected"?: ((value: Record<string, string>) => any) | undefined;
 }>, {
     environment: DevModeEnvironmentKey | null;
     toggles: DevModeToggle[];
     customActions: DevModeAction[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    bannerRef: HTMLDivElement;
+}, any>;
 export default _default;

package/dist/components/FdsDevMode/FdsDevModeOverlay.vue.d.ts

@@ -5,15 +5,31 @@ type __VLS_Props = {
     toggles?: DevModeOverlayToggle[];
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (payload: {
+        key: string;
+        group: string;
+        value: string;
+    }) => any;
     toggle: (payload: {
         key: string;
         value: boolean;
     }) => any;
+    action: (payload: {
+        key: string;
+    }) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((payload: {
+        key: string;
+        group: string;
+        value: string;
+    }) => any) | undefined;
     onToggle?: ((payload: {
         key: string;
         value: boolean;
     }) => any) | undefined;
+    onAction?: ((payload: {
+        key: string;
+    }) => any) | undefined;
 }>, {
     environment: DevModeEnvironmentKey | null;
     toggles: DevModeOverlayToggle[];

package/dist/components/FdsDevMode/types.d.ts

@@ -1,9 +1,35 @@
-export type DevModeToggle = {
-    /** Unique key – must match key in `toggle-checked`. */
+export type DevModeQuickSettingType = 'check' | 'radio' | 'button';
+type DevModeQuickSettingBase = {
+    /** Unique key for this quick setting. */
     key: string;
     /** fds-vue-core i18n key. Defaults to `FdsDevMode.overlay.toggles.{key}`. */
     labelKey?: string;
 };
+export type DevModeCheckToggle = DevModeQuickSettingBase & {
+    type?: 'check';
+    onToggle?: (value: boolean) => void;
+    onSelect?: never;
+    onAction?: never;
+    group?: never;
+    value?: never;
+};
+export type DevModeRadioToggle = DevModeQuickSettingBase & {
+    type: 'radio';
+    group: string;
+    value: string;
+    onSelect?: (value: string) => void;
+    onToggle?: never;
+    onAction?: never;
+};
+export type DevModeButtonToggle = DevModeQuickSettingBase & {
+    type: 'button';
+    onAction?: () => void;
+    onToggle?: never;
+    onSelect?: never;
+    group?: never;
+    value?: never;
+};
+export type DevModeToggle = DevModeCheckToggle | DevModeRadioToggle | DevModeButtonToggle;
 export type DevModeOverlayToggle = DevModeToggle & {
     checked: boolean;
 };
@@ -11,6 +37,14 @@ export type DevModeToggleEvent = {
     key: string;
     value: boolean;
 };
+export type DevModeSelectEvent = {
+    key: string;
+    group: string;
+    value: string;
+};
+export type DevModeActionEvent = {
+    key: string;
+};
 export type DevModeActionInput = {
     placeholder?: string;
     defaultValue?: string;
@@ -22,3 +56,4 @@ export type DevModeAction = {
     action: (inputValue?: string) => void;
     input?: DevModeActionInput;
 };
+export {};

package/dist/composables/useDevModeToggles.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+import { DevModeToggle } from '../components/FdsDevMode/types';
+export type DevModeRegisteredToggle = DevModeToggle;
+type DevModeTogglesApi = {
+    toggles: Ref<DevModeRegisteredToggle[]>;
+    toggleChecked: Ref<Record<string, boolean>>;
+    toggleSelected: Ref<Record<string, string>>;
+    register: (toggle: DevModeRegisteredToggle) => void;
+    unregister: (key: string) => void;
+};
+/** Register DevMode quick-setting toggles from anywhere in the consumer app. */
+export declare function useDevModeToggles(): DevModeTogglesApi;
+export {};