valtech-components 2.0.879 → 2.0.880
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.
- package/esm2022/lib/components/atoms/pattern/motifs.mjs +20 -3
- package/esm2022/lib/components/atoms/pattern/pattern.component.mjs +12 -3
- package/esm2022/lib/components/atoms/pattern/types.mjs +1 -1
- package/esm2022/lib/version.mjs +2 -2
- package/fesm2022/valtech-components.mjs +31 -5
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/atoms/pattern/motifs.d.ts +4 -1
- package/lib/components/atoms/pattern/pattern.component.d.ts +1 -0
- package/lib/components/atoms/pattern/types.d.ts +8 -1
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -30,7 +30,7 @@ export declare const CORNER_KEYS: PatternMotifKey[];
|
|
|
30
30
|
/** No-foreground tiles — solo rect de fondo. */
|
|
31
31
|
export declare const SOLID_KEYS: PatternMotifKey[];
|
|
32
32
|
/** Built-in palettes — 8 colores dark → light. */
|
|
33
|
-
export type PatternPaletteKey = 'purple' | 'ink' | 'lavender' | 'midnight' | 'ember' | 'forest' | 'rose' | 'gold' | 'mono';
|
|
33
|
+
export type PatternPaletteKey = 'purple' | 'ink' | 'lavender' | 'midnight' | 'ember' | 'forest' | 'rose' | 'gold' | 'mono' | 'teal' | 'ocean' | 'violet' | 'dusk' | 'slate';
|
|
34
34
|
export declare const PATTERN_PALETTES: Record<PatternPaletteKey, string[]>;
|
|
35
35
|
/**
|
|
36
36
|
* Preset de composición del patrón. Controla qué familias predominan.
|
|
@@ -69,11 +69,14 @@ export interface PatternGenConfig {
|
|
|
69
69
|
palette: string[];
|
|
70
70
|
chevronDensity?: number;
|
|
71
71
|
style?: PatternStyleKey;
|
|
72
|
+
/** Si true, cada tile recibe una rotación aleatoria [0/90/180/270°]. */
|
|
73
|
+
tileRotation?: boolean;
|
|
72
74
|
}
|
|
73
75
|
export interface PatternTile {
|
|
74
76
|
motif: PatternMotifKey;
|
|
75
77
|
bg: string;
|
|
76
78
|
fg: string;
|
|
79
|
+
rot?: 0 | 90 | 180 | 270;
|
|
77
80
|
}
|
|
78
81
|
/**
|
|
79
82
|
* Genera UN tile respetando densidades de familia + contraste de palette.
|
|
@@ -42,6 +42,7 @@ export declare class PatternComponent implements OnDestroy {
|
|
|
42
42
|
private readonly animated;
|
|
43
43
|
private readonly reshuffleInterval;
|
|
44
44
|
private readonly tilesPerTick;
|
|
45
|
+
private readonly tileRotation;
|
|
45
46
|
private timer?;
|
|
46
47
|
set props(value: PatternMetadata | undefined);
|
|
47
48
|
/**
|
|
@@ -25,7 +25,8 @@ import { PatternPaletteKey, PatternStyleKey } from './motifs';
|
|
|
25
25
|
export interface PatternMetadata {
|
|
26
26
|
/**
|
|
27
27
|
* Palette built-in o array custom de 8 colores dark → light.
|
|
28
|
-
* Built-ins: `'purple' | 'ink' | 'lavender' | 'midnight' | 'ember' | 'forest' | 'rose' | 'gold' | 'mono'
|
|
28
|
+
* Built-ins: `'purple' | 'ink' | 'lavender' | 'midnight' | 'ember' | 'forest' | 'rose' | 'gold' | 'mono'
|
|
29
|
+
* | 'teal' | 'ocean' | 'violet' | 'dusk' | 'slate'`.
|
|
29
30
|
* Default: `'purple'`.
|
|
30
31
|
*/
|
|
31
32
|
palette?: PatternPaletteKey | string[];
|
|
@@ -77,4 +78,10 @@ export interface PatternMetadata {
|
|
|
77
78
|
* `meet` — fit completo sin crop.
|
|
78
79
|
*/
|
|
79
80
|
preserveAspect?: 'slice' | 'meet';
|
|
81
|
+
/**
|
|
82
|
+
* Si `true`, cada tile recibe una rotación aleatoria de 0/90/180/270°.
|
|
83
|
+
* Multiplica la variedad visual sin añadir nuevos motifs.
|
|
84
|
+
* Útil con `style: 'geometric'` o `'dense'`. Default: `false`.
|
|
85
|
+
*/
|
|
86
|
+
tileRotation?: boolean;
|
|
80
87
|
}
|
package/lib/version.d.ts
CHANGED