@vnejs/plugins.views.settings 0.2.4 → 0.2.5

package/dist/index.js

@@ -1,7 +1,7 @@
 import "@vnejs/contracts.views.settings";
 import { regPlugin } from "@vnejs/shared";
 import { PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/contracts.views.settings";
-import { SettingsViewController } from "./modules/controller.js";
-import { SettingsViewArrows } from "./modules/arrows.js";
-import { SettingsView } from "./modules/view.js";
-regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [SettingsViewController, SettingsViewArrows, SettingsView]);
+import { SettingsFieldsController } from "./modules/fields.controller.js";
+import { SettingsFieldsControllerArrows } from "./modules/fields.controller.arrows.js";
+import { SettingsFieldsView } from "./modules/fields.view.js";
+regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [SettingsFieldsController, SettingsFieldsControllerArrows, SettingsFieldsView]);

package/dist/modules/{arrows.d.ts → fields.controller.arrows.d.ts}

@@ -2,7 +2,7 @@ import type { SettingsField } from "@vnejs/contracts.views.settings";
 import { ModuleControllerArrowsVertical } from "@vnejs/module.controller.arrows.vertical";
 import type { SettingsViewPluginConstants, SettingsViewPluginEvents, SettingsViewPluginParams, SettingsViewPluginSettings } from "../types.js";
 import type { SettingsViewTabPayload } from "../utils/settings.js";
-export declare class SettingsViewArrows extends ModuleControllerArrowsVertical<SettingsViewPluginEvents, SettingsViewPluginConstants, SettingsViewPluginSettings, SettingsViewPluginParams> {
+export declare class SettingsFieldsControllerArrows extends ModuleControllerArrowsVertical<SettingsViewPluginEvents, SettingsViewPluginConstants, SettingsViewPluginSettings, SettingsViewPluginParams> {
     name: string;
     EVENT_SHOW: "vne:settings_view:show";
     EVENT_HIDE: "vne:settings_view:hide";

package/dist/modules/{arrows.js → fields.controller.arrows.js}

@@ -1,5 +1,5 @@
 import { ModuleControllerArrowsVertical } from "@vnejs/module.controller.arrows.vertical";
-export class SettingsViewArrows extends ModuleControllerArrowsVertical {
+export class SettingsFieldsControllerArrows extends ModuleControllerArrowsVertical {
     name = "settings.fields.controller.arrows";
     EVENT_SHOW = this.EVENTS.SETTINGS_VIEW.SHOW;
     EVENT_HIDE = this.EVENTS.SETTINGS_VIEW.HIDE;
@@ -17,7 +17,7 @@ export class SettingsViewArrows extends ModuleControllerArrowsVertical {
         this.currentItem = null;
         return this.emit(this.EVENTS.CONTROLS.PUSH, {
             key: this.name,
-            controls: this.controls,
+            controls: this.CONTROLS,
             index: this.CONTROLS_ZINDEX + 1,
             checkNext: true,
         });

package/dist/modules/{controller.d.ts → fields.controller.d.ts}

@@ -2,10 +2,16 @@ import { ModuleController } from "@vnejs/module.components";
 import type { SettingsField } from "@vnejs/contracts.views.settings";
 import type { SettingsViewPluginConstants, SettingsViewPluginEvents, SettingsViewPluginParams, SettingsViewPluginSettings } from "../types.js";
 import type { SettingsViewPluginState, SettingsViewTabContent, SettingsViewTabPayload } from "../utils/settings.js";
-export declare class SettingsViewController extends ModuleController<SettingsViewPluginEvents, SettingsViewPluginConstants, SettingsViewPluginSettings, SettingsViewPluginParams, SettingsViewPluginState> {
+export declare class SettingsFieldsController extends ModuleController<SettingsViewPluginEvents, SettingsViewPluginConstants, SettingsViewPluginSettings, SettingsViewPluginParams, SettingsViewPluginState> {
     name: string;
-    updateEvent: "vne:settings_view:update";
-    controlsIndex: number;
+    EVENT_UPDATE_VIEW: "vne:settings_view:update";
+    CONTROLS: {
+        abstract_interact: () => undefined;
+        abstract_arrow_left: () => undefined;
+        abstract_arrow_right: () => undefined;
+    };
+    CONTROLS_INDEX: number;
+    CONTROLS_CHECK_NEXT: boolean;
     tabKeyOf: ({ tabKey, tab }?: SettingsViewTabPayload) => string;
     tabContentOf: (tab: SettingsViewTabPayload["tab"], locs?: Record<string, string>) => SettingsViewTabContent;
     applyTab: (payload?: SettingsViewTabPayload) => {
@@ -29,12 +35,6 @@ export declare class SettingsViewController extends ModuleController<SettingsVie
     onArrowLeft: () => void | false;
     onArrowRight: () => void | false;
     onInteract: () => void;
-    controls: {
-        abstract_interact: () => undefined;
-        abstract_arrow_left: () => undefined;
-        abstract_arrow_right: () => undefined;
-    };
-    controlsCheckNext: boolean;
     subscribe: () => void;
     beforeShow: (payload?: SettingsViewTabPayload) => Promise<void>;
     afterHide: () => void;

package/dist/modules/{controller.js → fields.controller.js}

@@ -1,8 +1,14 @@
 import { ModuleController } from "@vnejs/module.components";
-export class SettingsViewController extends ModuleController {
+export class SettingsFieldsController extends ModuleController {
     name = "settings.fields.controller";
-    updateEvent = this.EVENTS.SETTINGS_VIEW.UPDATE;
-    controlsIndex = this.PARAMS.SETTINGS_VIEW.ZINDEX;
+    EVENT_UPDATE_VIEW = this.EVENTS.SETTINGS_VIEW.UPDATE;
+    CONTROLS = {
+        [this.CONST.CONTROLS.BUTTONS.INTERACT]: () => void this.onInteract(),
+        [this.CONST.CONTROLS.BUTTONS.ARROW_LEFT]: () => void this.onArrowLeft(),
+        [this.CONST.CONTROLS.BUTTONS.ARROW_RIGHT]: () => void this.onArrowRight(),
+    };
+    CONTROLS_INDEX = this.PARAMS.SETTINGS_VIEW.ZINDEX;
+    CONTROLS_CHECK_NEXT = true;
     tabKeyOf = ({ tabKey, tab } = {}) => tabKey || tab?.titleLocKey || "default";
     tabContentOf = (tab, locs) => ({
         fields: tab?.fields ?? [],
@@ -137,12 +143,6 @@ export class SettingsViewController extends ModuleController {
         if (type === "toggle")
             return void this.emit(this.EVENTS.SETTINGS.SET, { name: settingKey, value: !this.shared.settings[settingKey] });
     };
-    controls = {
-        [this.CONST.CONTROLS.BUTTONS.INTERACT]: () => void this.onInteract(),
-        [this.CONST.CONTROLS.BUTTONS.ARROW_LEFT]: () => void this.onArrowLeft(),
-        [this.CONST.CONTROLS.BUTTONS.ARROW_RIGHT]: () => void this.onArrowRight(),
-    };
-    controlsCheckNext = true;
     subscribe = () => {
         this.on(this.EVENTS.SETTINGS_VIEW.SHOW, this.onShowFields);
         this.on(this.EVENTS.SETTINGS_VIEW.HIDE, this.onHide);

package/dist/modules/{view.d.ts → fields.view.d.ts}

@@ -1,11 +1,10 @@
 import { ModuleView } from "@vnejs/module.components";
 import type { SettingsViewPluginConstants, SettingsViewPluginEvents, SettingsViewPluginParams, SettingsViewPluginSettings } from "../types.js";
 import type { SettingsViewPluginState } from "../utils/settings.js";
-export declare class SettingsView extends ModuleView<SettingsViewPluginEvents, SettingsViewPluginConstants, SettingsViewPluginSettings, SettingsViewPluginParams, SettingsViewPluginState> {
+export declare class SettingsFieldsView extends ModuleView<SettingsViewPluginEvents, SettingsViewPluginConstants, SettingsViewPluginSettings, SettingsViewPluginParams, SettingsViewPluginState> {
     name: string;
-    locLabel: string;
-    animationTime: number;
-    updateEvent: "vne:settings_view:update";
+    EVENT_UPDATE_VIEW: "vne:settings_view:update";
+    LOC_LABEL: string;
+    TRANSITION: number;
     renderFunc: import("@vnejs/module.components").ViewRenderFunc<SettingsViewPluginState>;
-    updateHandler: (state?: SettingsViewPluginState | undefined) => Promise<void>;
 }

package/dist/modules/fields.view.js

@@ -0,0 +1,9 @@
+import { ModuleView } from "@vnejs/module.components";
+import { render } from "../view/index.js";
+export class SettingsFieldsView extends ModuleView {
+    name = "settings.fields.view";
+    EVENT_UPDATE_VIEW = this.EVENTS.SETTINGS_VIEW.UPDATE;
+    LOC_LABEL = this.PARAMS.SETTINGS_VIEW.LOC_LABEL;
+    TRANSITION = this.PARAMS.SETTINGS_VIEW.TRANSITION;
+    renderFunc = render;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/plugins.views.settings",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/index.ts

@@ -3,8 +3,8 @@ import "@vnejs/contracts.views.settings";
 import { regPlugin } from "@vnejs/shared";
 import { PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/contracts.views.settings";
 
-import { SettingsViewController } from "./modules/controller.js";
-import { SettingsViewArrows } from "./modules/arrows.js";
-import { SettingsView } from "./modules/view.js";
+import { SettingsFieldsController } from "./modules/fields.controller.js";
+import { SettingsFieldsControllerArrows } from "./modules/fields.controller.arrows.js";
+import { SettingsFieldsView } from "./modules/fields.view.js";
 
-regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [SettingsViewController, SettingsViewArrows, SettingsView]);
+regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [SettingsFieldsController, SettingsFieldsControllerArrows, SettingsFieldsView]);

package/src/modules/{arrows.ts → fields.controller.arrows.ts}

@@ -5,7 +5,7 @@ import { ModuleControllerArrowsVertical } from "@vnejs/module.controller.arrows.
 import type { SettingsViewPluginConstants, SettingsViewPluginEvents, SettingsViewPluginParams, SettingsViewPluginSettings } from "../types.js";
 import type { SettingsViewTabPayload } from "../utils/settings.js";
 
-export class SettingsViewArrows extends ModuleControllerArrowsVertical<
+export class SettingsFieldsControllerArrows extends ModuleControllerArrowsVertical<
   SettingsViewPluginEvents,
   SettingsViewPluginConstants,
   SettingsViewPluginSettings,
@@ -34,7 +34,7 @@ export class SettingsViewArrows extends ModuleControllerArrowsVertical<
 
     return this.emit(this.EVENTS.CONTROLS.PUSH, {
       key: this.name,
-      controls: this.controls,
+      controls: this.CONTROLS,
       index: this.CONTROLS_ZINDEX + 1,
       checkNext: true,
     } satisfies ControlsPushPayload);

package/src/modules/{controller.ts → fields.controller.ts}

@@ -4,7 +4,7 @@ import type { SettingsField } from "@vnejs/contracts.views.settings";
 import type { SettingsViewPluginConstants, SettingsViewPluginEvents, SettingsViewPluginParams, SettingsViewPluginSettings } from "../types.js";
 import type { SettingsViewPluginState, SettingsViewTabContent, SettingsViewTabPayload } from "../utils/settings.js";
 
-export class SettingsViewController extends ModuleController<
+export class SettingsFieldsController extends ModuleController<
   SettingsViewPluginEvents,
   SettingsViewPluginConstants,
   SettingsViewPluginSettings,
@@ -13,8 +13,15 @@ export class SettingsViewController extends ModuleController<
 > {
   name = "settings.fields.controller";
 
-  updateEvent = this.EVENTS.SETTINGS_VIEW.UPDATE;
-  controlsIndex = this.PARAMS.SETTINGS_VIEW.ZINDEX;
+  EVENT_UPDATE_VIEW = this.EVENTS.SETTINGS_VIEW.UPDATE;
+
+  CONTROLS = {
+    [this.CONST.CONTROLS.BUTTONS.INTERACT]: () => void this.onInteract(),
+    [this.CONST.CONTROLS.BUTTONS.ARROW_LEFT]: () => void this.onArrowLeft(),
+    [this.CONST.CONTROLS.BUTTONS.ARROW_RIGHT]: () => void this.onArrowRight(),
+  };
+  CONTROLS_INDEX = this.PARAMS.SETTINGS_VIEW.ZINDEX;
+  CONTROLS_CHECK_NEXT = true;
 
   tabKeyOf = ({ tabKey, tab }: SettingsViewTabPayload = {}) => tabKey || tab?.titleLocKey || "default";
 
@@ -183,13 +190,6 @@ export class SettingsViewController extends ModuleController<
     if (type === "toggle") return void this.emit(this.EVENTS.SETTINGS.SET, { name: settingKey, value: !this.shared.settings[settingKey] });
   };
 
-  controls = {
-    [this.CONST.CONTROLS.BUTTONS.INTERACT]: () => void this.onInteract(),
-    [this.CONST.CONTROLS.BUTTONS.ARROW_LEFT]: () => void this.onArrowLeft(),
-    [this.CONST.CONTROLS.BUTTONS.ARROW_RIGHT]: () => void this.onArrowRight(),
-  };
-  controlsCheckNext = true;
-
   subscribe = () => {
     this.on(this.EVENTS.SETTINGS_VIEW.SHOW, this.onShowFields);
     this.on(this.EVENTS.SETTINGS_VIEW.HIDE, this.onHide);

package/src/modules/{view.ts → fields.view.ts}

@@ -4,7 +4,7 @@ import { render } from "../view/index.js";
 import type { SettingsViewPluginConstants, SettingsViewPluginEvents, SettingsViewPluginParams, SettingsViewPluginSettings } from "../types.js";
 import type { SettingsViewPluginState } from "../utils/settings.js";
 
-export class SettingsView extends ModuleView<
+export class SettingsFieldsView extends ModuleView<
   SettingsViewPluginEvents,
   SettingsViewPluginConstants,
   SettingsViewPluginSettings,
@@ -13,10 +13,11 @@ export class SettingsView extends ModuleView<
 > {
   name = "settings.fields.view";
 
-  locLabel = this.PARAMS.SETTINGS_VIEW.LOC_LABEL;
-  animationTime = this.PARAMS.SETTINGS_VIEW.TRANSITION;
-  updateEvent = this.EVENTS.SETTINGS_VIEW.UPDATE;
+  EVENT_UPDATE_VIEW = this.EVENTS.SETTINGS_VIEW.UPDATE;
+
+  LOC_LABEL = this.PARAMS.SETTINGS_VIEW.LOC_LABEL;
+
+  TRANSITION = this.PARAMS.SETTINGS_VIEW.TRANSITION;
 
   renderFunc = render;
-  updateHandler = this.onUpdateStoreComponent;
 }

package/src/tests/arrows.test.ts

@@ -2,7 +2,7 @@ import { beforeEach, describe, expect, it } from "vitest";
 
 import { spyEvent } from "@vnejs/test-utils";
 
-import { SettingsViewArrows } from "../modules/arrows.js";
+import { SettingsFieldsControllerArrows } from "../modules/fields.controller.arrows.js";
 import { CONTROLS_EVENTS, createSettingsViewTestModule, registerSettingsViewPluginVne, SUBSCRIBE_EVENTS } from "./setup.js";
 
 const generalTab = {
@@ -13,14 +13,14 @@ const generalTab = {
   ],
 };
 
-describe("SettingsViewArrows", () => {
+describe("SettingsFieldsControllerArrows", () => {
   beforeEach(() => {
     registerSettingsViewPluginVne();
   });
 
   it("SHOW pushes arrow controls above the controller layer", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewArrows);
-    const arrows = module as SettingsViewArrows;
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsControllerArrows);
+    const arrows = module as SettingsFieldsControllerArrows;
     const push = spyEvent(observer, CONTROLS_EVENTS.PUSH);
 
     await observer.emit(SUBSCRIBE_EVENTS.SHOW, { tab: generalTab });
@@ -37,7 +37,7 @@ describe("SettingsViewArrows", () => {
   });
 
   it("HIDE pops arrow controls", async () => {
-    const { observer } = createSettingsViewTestModule(SettingsViewArrows);
+    const { observer } = createSettingsViewTestModule(SettingsFieldsControllerArrows);
     const pop = spyEvent(observer, CONTROLS_EVENTS.POP);
 
     await observer.emit(SUBSCRIBE_EVENTS.HIDE);
@@ -46,8 +46,8 @@ describe("SettingsViewArrows", () => {
   });
 
   it("first ARROW_BOTTOM selects 0 and emits STATE_UPDATE plus UPDATE_FAST", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewArrows);
-    const arrows = module as SettingsViewArrows;
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsControllerArrows);
+    const arrows = module as SettingsFieldsControllerArrows;
     const stateUpdate = spyEvent(observer, SUBSCRIBE_EVENTS.STATE_UPDATE);
     const updateFast = spyEvent(observer, SUBSCRIBE_EVENTS.UPDATE_FAST);
 
@@ -60,8 +60,8 @@ describe("SettingsViewArrows", () => {
   });
 
   it("arrow wrap cycles fields", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewArrows);
-    const arrows = module as SettingsViewArrows;
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsControllerArrows);
+    const arrows = module as SettingsFieldsControllerArrows;
     const stateUpdate = spyEvent(observer, SUBSCRIBE_EVENTS.STATE_UPDATE);
 
     await observer.emit(SUBSCRIBE_EVENTS.SHOW, { tab: generalTab });
@@ -78,8 +78,8 @@ describe("SettingsViewArrows", () => {
   });
 
   it("TAB_SET resets currentItem and syncs fields", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewArrows);
-    const arrows = module as SettingsViewArrows;
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsControllerArrows);
+    const arrows = module as SettingsFieldsControllerArrows;
     const stateUpdate = spyEvent(observer, SUBSCRIBE_EVENTS.STATE_UPDATE);
 
     await observer.emit(SUBSCRIBE_EVENTS.SHOW, { tab: generalTab });

package/src/tests/controller.test.ts

@@ -3,16 +3,16 @@ import { beforeEach, describe, expect, it, vi } from "vitest";
 import { spyEvent } from "@vnejs/test-utils";
 import { SUBSCRIBE_EVENTS as SETTINGS_EVENTS } from "@vnejs/contracts.core.settings";
 
-import { SettingsViewController } from "../modules/controller.js";
+import { SettingsFieldsController } from "../modules/fields.controller.js";
 import { createSettingsViewTestModule, registerSettingsViewPluginVne, SUBSCRIBE_EVENTS } from "./setup.js";
 
-describe("SettingsViewController", () => {
+describe("SettingsFieldsController", () => {
   beforeEach(() => {
     registerSettingsViewPluginVne();
   });
 
   it("SHOW stores fields from tab", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewController);
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsController);
 
     await observer.emit(SUBSCRIBE_EVENTS.SHOW, {
       tabKey: "general",
@@ -25,14 +25,14 @@ describe("SettingsViewController", () => {
       },
     });
 
-    expect((module as SettingsViewController).state.fields).toHaveLength(2);
-    expect((module as SettingsViewController).state.isShow).toBe(true);
-    expect((module as SettingsViewController).state.tabKey).toBe("general");
-    expect(Object.keys((module as SettingsViewController).state.tabsContent ?? {})).toEqual(["general"]);
+    expect((module as SettingsFieldsController).state.fields).toHaveLength(2);
+    expect((module as SettingsFieldsController).state.isShow).toBe(true);
+    expect((module as SettingsFieldsController).state.tabKey).toBe("general");
+    expect(Object.keys((module as SettingsFieldsController).state.tabsContent ?? {})).toEqual(["general"]);
   });
 
   it("ARROW_RIGHT toggles setting when focused", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewController, {
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsController, {
       shared: { settings: { "test.toggle": false } },
     });
 
@@ -40,17 +40,17 @@ describe("SettingsViewController", () => {
       tab: { titleLocKey: "general", fields: [{ settingKey: "test.toggle", type: "toggle" }] },
     });
 
-    (module as SettingsViewController).updateState({ currentArrowVerticalItem: 0 });
+    (module as SettingsFieldsController).updateState({ currentArrowVerticalItem: 0 });
 
     const settingsSet = spyEvent(observer, SETTINGS_EVENTS.SET);
 
-    (module as SettingsViewController).onArrowRight();
+    (module as SettingsFieldsController).onArrowRight();
 
     expect(settingsSet).toHaveBeenCalledExactlyOnceWith({ name: "test.toggle", value: true });
   });
 
   it("TAB_SET while visible replaces fields with fade", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewController);
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsController);
 
     await observer.emit(SUBSCRIBE_EVENTS.SHOW, {
       tabKey: "general",
@@ -81,16 +81,16 @@ describe("SettingsViewController", () => {
       },
     });
 
-    expect((module as SettingsViewController).state.fields).toHaveLength(2);
-    expect((module as SettingsViewController).state.showTextExample).toBe(true);
-    expect((module as SettingsViewController).state.currentItemInner).toBe(0);
-    expect((module as SettingsViewController).state.currentArrowVerticalItem).toBeNull();
-    expect((module as SettingsViewController).state.tabKey).toBe("audio");
-    expect(Object.keys((module as SettingsViewController).state.tabsContent ?? {}).sort()).toEqual(["audio", "general"]);
+    expect((module as SettingsFieldsController).state.fields).toHaveLength(2);
+    expect((module as SettingsFieldsController).state.showTextExample).toBe(true);
+    expect((module as SettingsFieldsController).state.currentItemInner).toBe(0);
+    expect((module as SettingsFieldsController).state.currentArrowVerticalItem).toBeNull();
+    expect((module as SettingsFieldsController).state.tabKey).toBe("audio");
+    expect(Object.keys((module as SettingsFieldsController).state.tabsContent ?? {}).sort()).toEqual(["audio", "general"]);
   });
 
   it("ARROW_RIGHT on selector_texts cycles inner and SET", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewController, {
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsController, {
       shared: { settings: { "test.lang": "ru" } },
     });
 
@@ -111,7 +111,7 @@ describe("SettingsViewController", () => {
       },
     });
 
-    const controller = module as SettingsViewController;
+    const controller = module as SettingsFieldsController;
 
     controller.updateState({ currentArrowVerticalItem: 0, currentItemInner: 0 });
 
@@ -124,7 +124,7 @@ describe("SettingsViewController", () => {
   });
 
   it("ARROW_LEFT on selector_texts wraps inner and SET", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewController, {
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsController, {
       shared: { settings: { "test.lang": "ru" } },
     });
 
@@ -145,7 +145,7 @@ describe("SettingsViewController", () => {
       },
     });
 
-    const controller = module as SettingsViewController;
+    const controller = module as SettingsFieldsController;
 
     controller.updateState({ currentArrowVerticalItem: 0, currentItemInner: 0 });
 
@@ -158,8 +158,8 @@ describe("SettingsViewController", () => {
   });
 
   it("ARROW_* on actions without settingKey only moves inner", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewController);
-    const controller = module as SettingsViewController;
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsController);
+    const controller = module as SettingsFieldsController;
     const doA = vi.fn();
     const doB = vi.fn();
 
@@ -199,7 +199,7 @@ describe("SettingsViewController", () => {
   });
 
   it("STATE_UPDATE syncs currentItemInner to the current option", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewController, {
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsController, {
       shared: { settings: { "test.lang": "en" } },
     });
 
@@ -221,7 +221,7 @@ describe("SettingsViewController", () => {
       },
     });
 
-    const controller = module as SettingsViewController;
+    const controller = module as SettingsFieldsController;
 
     controller.updateState({ currentArrowVerticalItem: 0, currentItemInner: 99 });
 

package/dist/modules/view.js

@@ -1,10 +0,0 @@
-import { ModuleView } from "@vnejs/module.components";
-import { render } from "../view/index.js";
-export class SettingsView extends ModuleView {
-    name = "settings.fields.view";
-    locLabel = this.PARAMS.SETTINGS_VIEW.LOC_LABEL;
-    animationTime = this.PARAMS.SETTINGS_VIEW.TRANSITION;
-    updateEvent = this.EVENTS.SETTINGS_VIEW.UPDATE;
-    renderFunc = render;
-    updateHandler = this.onUpdateStoreComponent;
-}