refactor(createTypographyControl): createControlStore rewrote to runes

src/features/SetupFont/model/state/manager.svetle.ts

@@ -0,0 +1,56 @@
+import {
+    createTypographyControlManager,
+} from '$features/SetupFont/lib/controlManager/controlManager.svelte';
+import type { ControlModel } from '$shared/lib';
+import {
+    DEFAULT_FONT_SIZE,
+    DEFAULT_FONT_WEIGHT,
+    DEFAULT_LINE_HEIGHT,
+    FONT_SIZE_STEP,
+    FONT_WEIGHT_STEP,
+    LINE_HEIGHT_STEP,
+    MAX_FONT_SIZE,
+    MAX_FONT_WEIGHT,
+    MAX_LINE_HEIGHT,
+    MIN_FONT_SIZE,
+    MIN_FONT_WEIGHT,
+    MIN_LINE_HEIGHT,
+} from '../const/const';
+
+const controlData: ControlModel[] = [
+    {
+        id: 'font_size',
+        value: DEFAULT_FONT_SIZE,
+        max: MAX_FONT_SIZE,
+        min: MIN_FONT_SIZE,
+        step: FONT_SIZE_STEP,
+
+        increaseLabel: 'Increase Font Size',
+        decreaseLabel: 'Decrease Font Size',
+        controlLabel: 'Font Size',
+    },
+    {
+        id: 'font_weight',
+        value: DEFAULT_FONT_WEIGHT,
+        max: MAX_FONT_WEIGHT,
+        min: MIN_FONT_WEIGHT,
+        step: FONT_WEIGHT_STEP,
+
+        increaseLabel: 'Increase Font Weight',
+        decreaseLabel: 'Decrease Font Weight',
+        controlLabel: 'Font Weight',
+    },
+    {
+        id: 'line_height',
+        value: DEFAULT_LINE_HEIGHT,
+        max: MAX_LINE_HEIGHT,
+        min: MIN_LINE_HEIGHT,
+        step: LINE_HEIGHT_STEP,
+
+        increaseLabel: 'Increase Line Height',
+        decreaseLabel: 'Decrease Line Height',
+        controlLabel: 'Line Height',
+    },
+];
+
+export const controlManager = createTypographyControlManager(controlData);

src/features/SetupFont/model/stores/fontSizeStore.ts

@@ -1,17 +0,0 @@
-import {
-    type ControlModel,
-    createControlStore,
-} from '$shared/lib/store/createControlStore/createControlStore';
-import {
-    DEFAULT_FONT_SIZE,
-    MAX_FONT_SIZE,
-    MIN_FONT_SIZE,
-} from '../const/const';
-
-const initialValue: ControlModel = {
-    value: DEFAULT_FONT_SIZE,
-    max: MAX_FONT_SIZE,
-    min: MIN_FONT_SIZE,
-};
-
-export const fontSizeStore = createControlStore(initialValue);

src/features/SetupFont/model/stores/fontWeightStore.ts

@@ -1,19 +0,0 @@
-import {
-    type ControlModel,
-    createControlStore,
-} from '$shared/lib/store/createControlStore/createControlStore';
-import {
-    DEFAULT_FONT_WEIGHT,
-    FONT_WEIGHT_STEP,
-    MAX_FONT_WEIGHT,
-    MIN_FONT_WEIGHT,
-} from '../const/const';
-
-const initialValue: ControlModel = {
-    value: DEFAULT_FONT_WEIGHT,
-    max: MAX_FONT_WEIGHT,
-    min: MIN_FONT_WEIGHT,
-    step: FONT_WEIGHT_STEP,
-};
-
-export const fontWeightStore = createControlStore(initialValue);

src/features/SetupFont/model/stores/lineHeightStore.ts

@@ -1,19 +0,0 @@
-import {
-    type ControlModel,
-    createControlStore,
-} from '$shared/lib/store/createControlStore/createControlStore';
-import {
-    DEFAULT_LINE_HEIGHT,
-    LINE_HEIGHT_STEP,
-    MAX_LINE_HEIGHT,
-    MIN_LINE_HEIGHT,
-} from '../const/const';
-
-const initialValue: ControlModel = {
-    value: DEFAULT_LINE_HEIGHT,
-    max: MAX_LINE_HEIGHT,
-    min: MIN_LINE_HEIGHT,
-    step: LINE_HEIGHT_STEP,
-};
-
-export const lineHeightStore = createControlStore(initialValue);