glyphdiff.com/frontend-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(createTypographyControl): add generic for identficator

Browse Source
This commit is contained in:
Ilia Mashkov
2026-02-07 11:26:18 +03:00
parent 46a3c3e8fc
commit 597ff7ec90
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/features/SetupFont/model/state/manager.svelte.ts
View File

@@ -19,7 +19,9 @@ import {
MIN_LINE_HEIGHT, MIN_LINE_HEIGHT,
} from '../const/const'; } from '../const/const';
const controlData: ControlModel[] = [ export type ControlId = 'font_size' | 'font_weight' | 'line_height' | 'letter_spacing';
const controlData: ControlModel<ControlId>[] = [
{ {
id: 'font_size', id: 'font_size',
value: DEFAULT_FONT_SIZE, value: DEFAULT_FONT_SIZE,

12
src/shared/lib/helpers/createTypographyControl/createTypographyControl.svelte.ts
View File

@@ -22,11 +22,11 @@ export interface ControlDataModel {
step: number; step: number;
} }
export interface ControlModel extends ControlDataModel { export interface ControlModel<T extends string = string> extends ControlDataModel {
/** /**
* Control identifier * Control identifier
*/ */
id: string; id: T;
/** /**
* Area label for increase button * Area label for increase button
*/ */
@@ -59,10 +59,10 @@ export function createTypographyControl<T extends ControlDataModel>(
return value; return value;
}, },
set value(newValue) { set value(newValue) {
value = roundToStepPrecision( const rounded = roundToStepPrecision(clampNumber(newValue, min, max), step);
clampNumber(newValue, min, max), if (value !== rounded) {
step, value = rounded;
); }
}, },
get max() { get max() {
return max; return max;