@versatiles/style 5.2.2 → 5.2.3

package/README.MD

@@ -83,71 +83,7 @@ This library provides:
 - `style = graybeard(options);`
 - `style = neutrino(options);`
 
-Where `options` is an optional object:
-
-```javascript
-const options: StyleBuilderOptions<Colorful> = {
-	// The base URL for loading external resources like tiles, sprites, and fonts.
-	// Default: document.location.origin (in the browser), or 'https://tiles.versatiles.org'
-	baseUrl?: string;
-
-	// The URL template for loading font glyphs, formatted with '{fontstack}' and '{range}' placeholders.
-	// Default: '/assets/glyphs/{fontstack}/{range}.pbf'
-	glyphs?: string;
-
-	// The URL for loading sprite images and metadata.
-	// Default: [{ id: 'basics', url: '/assets/sprites/basics/sprites' }]
-	sprite?: string | { id: string; url: string }[];
-
-	// An array of URL templates for loading map tiles, using '{z}', '{x}', and '{y}' placeholders.
-	// Default: ['/tiles/osm/{z}/{x}/{y}']
-	tiles?: string[];
-
-	// If set to true, hides all map labels.
-	// Default: false
-	hideLabels?: boolean;
-
-	// Set the language ('en', 'de') of all map labels.
-	// A null value means that the language of the country in which the label is drawn will be used.
-	// Default: null
-	language?: Language;
-
-	// An object specifying overrides for default color values, keyed by the color names.
-	colors?: Partial<StyleBuilderColorStrings<T>>;
-
-	// An object specifying overrides for default font names, keyed by the font names.
-	fonts?: Partial<StyleBuilderFontStrings<T>>;
-
-	// Options for color adjustments and transformations applied to the entire style.
-	recolor?: RecolorOptions;
-}
-
-export interface RecolorOptions {
-	// If true, inverts all colors.
-	invertBrightness?: boolean;
-
-	// Rotate the hue of all colors (in degrees).
-	rotate?: number;
-
-	// Adjusts the saturation level of all colors. Positive values increase saturation, negative values decrease it.
-	saturate?: number;
-
-	// Adjusts the gamma of all colors. Affects the brightness in a non-linear manner.
-	gamma?: number;
-
-	// Adjusts the contrast of all colors. Higher values produce more contrast.
-	contrast?: number;
-
-	// Adjusts the brightness of all colors. Positive values make it brighter, negative values make it darker.
-	brightness?: number;
-
-	// Specifies the intensity of the tinting effect. Ranges from 0 (no effect) to 1 (full effect).
-	tint?: number;
-
-	// Specifies the color used for tinting, in a string format (e.g., '#FF0000').
-	tintColor?: string;
-}
-```
+Where `options` is an optional object
 
 ### Method: `guessStyle(options)`
 
@@ -156,10 +92,6 @@ const style = guessStyle(options);
 ```
 
 
-GuessStyleOptions
-
-<sup><a href="https://github.com/versatiles-org/versatiles-style/blob/be6dcfe/src/lib/style_guesser.ts#L13">\[src]</a></sup>
-
 **Parameters:**
 
 * <code>opt: TileJSONOption</code>

package/dist/color/abstract.d.ts

@@ -1,7 +1,7 @@
-import type { HSL } from './hsl.js';
-import type { HSV } from './hsv.js';
-import { RandomColorOptions } from './random.js';
-import type { RGB } from './rgb.js';
+import type { HSL } from './hsl';
+import type { HSV } from './hsv';
+import { RandomColorOptions } from './random';
+import type { RGB } from './rgb';
 export declare abstract class Color {
     static parse: (str: string) => Color;
     static HSL: typeof HSL;
@@ -29,5 +29,6 @@ export declare abstract class Color {
     lighten(value: number): RGB;
     darken(value: number): RGB;
     tint(value: number, tintColor: Color): RGB;
+    setHue(value: number): HSV;
     abstract fade(value: number): Color;
 }

package/dist/color/abstract.js

@@ -46,4 +46,8 @@ export class Color {
     tint(value, tintColor) {
         return this.toRGB().tint(value, tintColor);
     }
+    setHue(value) {
+        return this.toHSV().setHue(value);
+    }
 }
+//# sourceMappingURL=abstract.js.map

package/dist/color/hsl.d.ts

@@ -1,11 +1,11 @@
-import { Color } from './abstract.js';
-import { HSV } from './hsv.js';
-import { RGB } from './rgb.js';
+import { Color } from './abstract';
+import { HSV } from './hsv';
+import { RGB } from './rgb';
 export declare class HSL extends Color {
-    h: number;
-    s: number;
-    l: number;
-    a: number;
+    readonly h: number;
+    readonly s: number;
+    readonly l: number;
+    readonly a: number;
     constructor(h: number, s: number, l: number, a?: number);
     asArray(): [number, number, number, number];
     round(): HSL;

package/dist/color/hsl.js

@@ -1,7 +1,7 @@
-import { Color } from './abstract.js';
-import { HSV } from './hsv.js';
-import { RGB } from './rgb.js';
-import { clamp, formatFloat, mod } from './utils.js';
+import { Color } from './abstract';
+import { HSV } from './hsv';
+import { RGB } from './rgb';
+import { clamp, formatFloat, mod } from './utils';
 export class HSL extends Color {
     h = 0; // between 0 and 360
     s = 0; // between 0 and 100
@@ -18,11 +18,7 @@ export class HSL extends Color {
         return [this.h, this.s, this.l, this.a];
     }
     round() {
-        this.h = Math.round(this.h);
-        this.s = Math.round(this.s);
-        this.l = Math.round(this.l);
-        this.a = Math.round(this.a * 1000) / 1000;
-        return this;
+        return new HSL(Math.round(this.h), Math.round(this.s), Math.round(this.l), Math.round(this.a * 1000) / 1000);
     }
     clone() {
         return new HSL(this.h, this.s, this.l, this.a);
@@ -85,19 +81,16 @@ export class HSL extends Color {
         throw new Error(`Invalid HSL color string: "${str}"`);
     }
     invertLuminosity() {
-        this.l = 100 - this.l;
-        return this;
+        return new HSL(this.h, this.s, 100 - this.l, this.a);
     }
     rotateHue(offset) {
-        this.h = mod(this.h + offset, 360);
-        return this;
+        return new HSL(mod(this.h + offset, 360), this.s, this.l, this.a);
     }
     saturate(ratio) {
-        this.s = clamp(this.s * (1 + ratio), 0, 100);
-        return this;
+        return new HSL(this.h, clamp(this.s * (1 + ratio), 0, 100), this.l, this.a);
     }
     fade(value) {
-        this.a *= 1 - value;
-        return this;
+        return new HSL(this.h, this.s, this.l, this.a * (1 - value));
     }
 }
+//# sourceMappingURL=hsl.js.map

package/dist/color/hsv.d.ts

@@ -1,11 +1,11 @@
-import { Color } from './abstract.js';
-import { HSL } from './hsl.js';
-import { RGB } from './rgb.js';
+import { Color } from './abstract';
+import { HSL } from './hsl';
+import { RGB } from './rgb';
 export declare class HSV extends Color {
-    h: number;
-    s: number;
-    v: number;
-    a: number;
+    readonly h: number;
+    readonly s: number;
+    readonly v: number;
+    readonly a: number;
     constructor(h: number, s: number, v: number, a?: number);
     asArray(): [number, number, number, number];
     round(): HSV;
@@ -16,4 +16,5 @@ export declare class HSV extends Color {
     toHSV(): HSV;
     asRGB(): RGB;
     fade(value: number): HSV;
+    setHue(value: number): HSV;
 }

package/dist/color/hsv.js

@@ -1,7 +1,7 @@
-import { Color } from './abstract.js';
-import { HSL } from './hsl.js';
-import { RGB } from './rgb.js';
-import { clamp, mod } from './utils.js';
+import { Color } from './abstract';
+import { HSL } from './hsl';
+import { RGB } from './rgb';
+import { clamp, mod } from './utils';
 export class HSV extends Color {
     h = 0; // between 0 and 360
     s = 0; // between 0 and 100
@@ -18,11 +18,7 @@ export class HSV extends Color {
         return [this.h, this.s, this.v, this.a];
     }
     round() {
-        this.h = Math.round(this.h);
-        this.s = Math.round(this.s);
-        this.v = Math.round(this.v);
-        this.a = Math.round(this.a * 1000) / 1000;
-        return this;
+        return new HSV(Math.round(this.h), Math.round(this.s), Math.round(this.v), Math.round(this.a * 1000) / 1000);
     }
     asString() {
         return this.asHSL().asString();
@@ -95,7 +91,10 @@ export class HSV extends Color {
         return new RGB(r * 255, g * 255, b * 255, this.a);
     }
     fade(value) {
-        this.a *= 1 - value;
-        return this;
+        return new HSV(this.h, this.s, this.v, this.a * (1 - value));
+    }
+    setHue(value) {
+        return new HSV(value, this.s, this.v, this.a);
     }
 }
+//# sourceMappingURL=hsv.js.map

package/dist/color/index.d.ts

@@ -1,6 +1,6 @@
-import { Color } from './abstract.js';
-export type { RandomColorOptions } from './random.js';
-export type { HSL } from './hsl.js';
-export type { HSV } from './hsv.js';
-export type { RGB } from './rgb.js';
+import { Color } from './abstract';
+export type { RandomColorOptions } from './random';
+export type { HSL } from './hsl';
+export type { HSV } from './hsv';
+export type { RGB } from './rgb';
 export { Color };

package/dist/color/index.js

@@ -1,8 +1,8 @@
-import { Color } from './abstract.js';
-import { HSL } from './hsl.js';
-import { HSV } from './hsv.js';
-import randomColor from './random.js';
-import { RGB } from './rgb.js';
+import { Color } from './abstract';
+import { HSL } from './hsl';
+import { HSV } from './hsv';
+import randomColor from './random';
+import { RGB } from './rgb';
 Color.parse = function (str) {
     str = str.trim().toLowerCase();
     if (str.startsWith('#'))
@@ -24,3 +24,4 @@ Color.HSV = HSV;
 Color.RGB = RGB;
 Color.random = randomColor;
 export { Color };
+//# sourceMappingURL=index.js.map

package/dist/color/random.d.ts

@@ -1,4 +1,4 @@
-import { HSV } from './hsv.js';
+import { HSV } from './hsv';
 export interface RandomColorOptions {
     seed?: string;
     hue?: number | string;

package/dist/color/random.js

@@ -1,5 +1,5 @@
-import { HSV } from './hsv.js';
-import { mod } from './utils.js';
+import { HSV } from './hsv';
+import { mod } from './utils';
 let colorDictionary = new Map();
 export default function randomColor(options) {
     if (colorDictionary.size === 0)
@@ -131,3 +131,4 @@ function getColorInfo(hue) {
     }
     throw Error('Color hue value not found');
 }
+//# sourceMappingURL=random.js.map

package/dist/color/rgb.d.ts

@@ -1,11 +1,11 @@
-import { HSL } from './hsl.js';
-import { HSV } from './hsv.js';
-import { Color } from './abstract.js';
+import { HSL } from './hsl';
+import { HSV } from './hsv';
+import { Color } from './abstract';
 export declare class RGB extends Color {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
+    readonly r: number;
+    readonly g: number;
+    readonly b: number;
+    readonly a: number;
     constructor(r: number, g: number, b: number, a?: number);
     clone(): RGB;
     asArray(): [number, number, number, number];

package/dist/color/rgb.js

@@ -1,7 +1,7 @@
-import { HSL } from './hsl.js';
-import { HSV } from './hsv.js';
-import { Color } from './abstract.js';
-import { clamp, formatFloat } from './utils.js';
+import { HSL } from './hsl';
+import { HSV } from './hsv';
+import { Color } from './abstract';
+import { clamp, formatFloat } from './utils';
 export class RGB extends Color {
     r = 0; // between 0 and 255
     g = 0; // between 0 and 255
@@ -21,11 +21,7 @@ export class RGB extends Color {
         return [this.r, this.g, this.b, this.a];
     }
     round() {
-        this.r = Math.round(this.r);
-        this.g = Math.round(this.g);
-        this.b = Math.round(this.b);
-        this.a = Math.round(this.a * 1000) / 1000;
-        return this;
+        return new RGB(Math.round(this.r), Math.round(this.g), Math.round(this.b), Math.round(this.a * 1000) / 1000);
     }
     asString() {
         if (this.a === 1) {
@@ -155,26 +151,17 @@ export class RGB extends Color {
             value = 1e-3;
         if (value > 1e3)
             value = 1e3;
-        this.r = Math.pow(this.r / 255, value) * 255;
-        this.g = Math.pow(this.g / 255, value) * 255;
-        this.b = Math.pow(this.b / 255, value) * 255;
-        return this;
+        return new RGB(Math.pow(this.r / 255, value) * 255, Math.pow(this.g / 255, value) * 255, Math.pow(this.b / 255, value) * 255, this.a);
     }
     invert() {
-        this.r = 255 - this.r;
-        this.g = 255 - this.g;
-        this.b = 255 - this.b;
-        return this;
+        return new RGB(255 - this.r, 255 - this.g, 255 - this.b, this.a);
     }
     contrast(value) {
         if (value < 0)
             value = 0;
         if (value > 1e6)
             value = 1e6;
-        this.r = clamp((this.r - 127.5) * value + 127.5, 0, 255);
-        this.g = clamp((this.g - 127.5) * value + 127.5, 0, 255);
-        this.b = clamp((this.b - 127.5) * value + 127.5, 0, 255);
-        return this;
+        return new RGB(clamp((this.r - 127.5) * value + 127.5, 0, 255), clamp((this.g - 127.5) * value + 127.5, 0, 255), clamp((this.b - 127.5) * value + 127.5, 0, 255), this.a);
     }
     brightness(value) {
         if (value < -1)
@@ -183,38 +170,24 @@ export class RGB extends Color {
             value = 1;
         const a = 1 - Math.abs(value);
         const b = (value < 0) ? 0 : 255 * value;
-        this.r = this.r * a + b;
-        this.g = this.g * a + b;
-        this.b = this.b * a + b;
-        return this;
+        return new RGB(this.r * a + b, this.g * a + b, this.b * a + b, this.a);
     }
     tint(value, tintColor) {
         if (value < 0)
             value = 0;
         if (value > 1)
             value = 1;
-        const hsv = this.asHSV();
-        hsv.h = tintColor.toHSV().h;
-        const rgbNew = hsv.toRGB();
-        rgbNew.r = this.r * (1 - value) + value * rgbNew.r;
-        rgbNew.g = this.g * (1 - value) + value * rgbNew.g;
-        rgbNew.b = this.b * (1 - value) + value * rgbNew.b;
-        return rgbNew;
+        const rgbNew = this.setHue(tintColor.toHSV().h).toRGB();
+        return new RGB(this.r * (1 - value) + value * rgbNew.r, this.g * (1 - value) + value * rgbNew.g, this.b * (1 - value) + value * rgbNew.b, this.a);
     }
     lighten(ratio) {
-        this.r = clamp(255 - (255 - this.r) * (1 - ratio), 0, 255);
-        this.g = clamp(255 - (255 - this.g) * (1 - ratio), 0, 255);
-        this.b = clamp(255 - (255 - this.b) * (1 - ratio), 0, 255);
-        return this;
+        return new RGB(clamp(255 - (255 - this.r) * (1 - ratio), 0, 255), clamp(255 - (255 - this.g) * (1 - ratio), 0, 255), clamp(255 - (255 - this.b) * (1 - ratio), 0, 255), this.a);
     }
     darken(ratio) {
-        this.r = clamp(this.r * (1 - ratio), 0, 255);
-        this.g = clamp(this.g * (1 - ratio), 0, 255);
-        this.b = clamp(this.b * (1 - ratio), 0, 255);
-        return this;
+        return new RGB(clamp(this.r * (1 - ratio), 0, 255), clamp(this.g * (1 - ratio), 0, 255), clamp(this.b * (1 - ratio), 0, 255), this.a);
     }
     fade(value) {
-        this.a *= 1 - value;
-        return this;
+        return new RGB(this.r, this.g, this.b, this.a * (1 - value));
     }
 }
+//# sourceMappingURL=rgb.js.map

package/dist/color/utils.js

@@ -7,3 +7,4 @@ export function mod(num, max) {
 export function formatFloat(num, precision) {
     return num.toFixed(precision).replace(/0+$/, '').replace(/\.$/, '');
 }
+//# sourceMappingURL=utils.js.map

package/dist/guess_style/guess_style.d.ts

@@ -1,4 +1,4 @@
-import type { TileJSONSpecification } from '../types/index.js';
+import type { TileJSONSpecification } from '../types/index';
 import type { SpriteSpecification, StyleSpecification } from '@maplibre/maplibre-gl-style-spec';
 export interface GuessStyleOptions {
     baseUrl?: string;

package/dist/guess_style/guess_style.js

@@ -1,8 +1,8 @@
-import { isTileJSONSpecification } from '../types/index.js';
-import { deepClone, resolveUrl } from '../lib/utils.js';
-import { colorful } from '../styles/index.js';
-import { Color } from '../color/index.js';
-import { isRasterTileJSONSpecification } from '../types/tilejson.js';
+import { isTileJSONSpecification } from '../types/index';
+import { deepClone, resolveUrl } from '../lib/utils';
+import { colorful } from '../styles/index';
+import { Color } from '../color/index';
+import { isRasterTileJSONSpecification } from '../types/tilejson';
 export function guessStyle(tileJSON, options) {
     tileJSON = deepClone(tileJSON);
     if (options && options.baseUrl) {
@@ -144,3 +144,4 @@ function sourceFromSpec(spec, type) {
         source.scheme = spec.scheme;
     return source;
 }
+//# sourceMappingURL=guess_style.js.map

package/dist/guess_style/index.d.ts

@@ -1,2 +1,2 @@
-export type { GuessStyleOptions } from './guess_style.js';
-export { guessStyle } from './guess_style.js';
+export type { GuessStyleOptions } from './guess_style';
+export { guessStyle } from './guess_style';

package/dist/guess_style/index.js

@@ -1 +1,2 @@
-export { guessStyle } from './guess_style.js';
+export { guessStyle } from './guess_style';
+//# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -1,11 +1,28 @@
-export type * from './styles/index.js';
-export * as styles from './styles/index.js';
-export type { GuessStyleOptions } from './guess_style/index.js';
-export type { RGB, HSL, HSV, RandomColorOptions } from './color/index.js';
-export type { TileJSONSpecification, TileJSONSpecificationRaster, TileJSONSpecificationVector } from './types/tilejson.js';
-export type { VectorLayer } from './types/index.js';
-export type { StyleBuilderOptions, StyleBuilderColorStrings, StyleBuilderFontStrings, Language, StyleBuilderColorKeys, StyleBuilderFontKeys } from './style_builder/types.js';
-export type { RecolorOptions } from './style_builder/recolor.js';
-export type { StyleBuilder } from './style_builder/style_builder.js';
-export { guessStyle } from './guess_style/index.js';
-export { Color } from './color/index.js';
+export type { colorful, eclipse, graybeard, neutrino } from './styles/index';
+export declare const styles: {
+    colorful: {
+        (options?: import("./style_builder/types").StyleBuilderOptions): import("@maplibre/maplibre-gl-style-spec").StyleSpecification;
+        getOptions(): import("./style_builder/types").StyleBuilderOptions;
+    };
+    eclipse: {
+        (options?: import("./style_builder/types").StyleBuilderOptions): import("@maplibre/maplibre-gl-style-spec").StyleSpecification;
+        getOptions(): import("./style_builder/types").StyleBuilderOptions;
+    };
+    graybeard: {
+        (options?: import("./style_builder/types").StyleBuilderOptions): import("@maplibre/maplibre-gl-style-spec").StyleSpecification;
+        getOptions(): import("./style_builder/types").StyleBuilderOptions;
+    };
+    neutrino: {
+        (options?: import("./style_builder/types").StyleBuilderOptions): import("@maplibre/maplibre-gl-style-spec").StyleSpecification;
+        getOptions(): import("./style_builder/types").StyleBuilderOptions;
+    };
+};
+export type { GuessStyleOptions } from './guess_style/index';
+export type { RGB, HSL, HSV, RandomColorOptions } from './color/index';
+export type { TileJSONSpecification, TileJSONSpecificationRaster, TileJSONSpecificationVector } from './types/tilejson';
+export type { VectorLayer } from './types/index';
+export type { StyleBuilderOptions, StyleBuilderColorStrings, Language, StyleBuilderColorKeys, StyleBuilderFonts } from './style_builder/types';
+export type { RecolorOptions } from './style_builder/recolor';
+export type { StyleBuilder } from './style_builder/style_builder';
+export { guessStyle } from './guess_style/index';
+export { Color } from './color/index';

package/dist/index.js

@@ -1,3 +1,10 @@
-export * as styles from './styles/index.js';
-export { guessStyle } from './guess_style/index.js';
-export { Color } from './color/index.js';
+import { colorful, eclipse, graybeard, neutrino } from './styles/index';
+export const styles = {
+    colorful,
+    eclipse,
+    graybeard,
+    neutrino,
+};
+export { guessStyle } from './guess_style/index';
+export { Color } from './color/index';
+//# sourceMappingURL=index.js.map

package/dist/lib/utils.js

@@ -1,4 +1,4 @@
-import { Color } from '../color/index.js';
+import { Color } from '../color/index';
 // Utility function to deep clone an object
 export function deepClone(obj) {
     const type = typeof obj;
@@ -123,3 +123,4 @@ export function basename(url) {
     url = url.replace(/\/+$/, '');
     return url.split('/').pop() ?? '';
 }
+//# sourceMappingURL=utils.js.map

package/dist/shortbread/index.d.ts

@@ -1,2 +1,2 @@
-export { getShortbreadTemplate } from './template.js';
-export { getShortbreadLayers } from './layers.js';
+export { getShortbreadTemplate } from './template';
+export { getShortbreadLayers } from './layers';

package/dist/shortbread/index.js

@@ -1,2 +1,3 @@
-export { getShortbreadTemplate } from './template.js';
-export { getShortbreadLayers } from './layers.js';
+export { getShortbreadTemplate } from './template';
+export { getShortbreadLayers } from './layers';
+//# sourceMappingURL=index.js.map

package/dist/shortbread/layers.d.ts

@@ -1,5 +1,5 @@
-import type { Language } from '../style_builder/index.js';
-import type { MaplibreLayerDefinition } from '../types/index.js';
+import type { Language } from '../style_builder/index';
+import type { MaplibreLayerDefinition } from '../types/index';
 export declare function getShortbreadLayers(option: {
     readonly language: Language;
 }): MaplibreLayerDefinition[];

package/dist/shortbread/layers.js

@@ -518,3 +518,4 @@ export function getShortbreadLayers(option) {
         },
     ];
 }
+//# sourceMappingURL=layers.js.map

package/dist/shortbread/properties.js

@@ -122,3 +122,4 @@ propertyDefs.forEach((propertyDef) => {
     });
 });
 export default propertyLookup;
+//# sourceMappingURL=properties.js.map

package/dist/shortbread/template.js

@@ -336,3 +336,4 @@ export function getShortbreadVectorLayers() {
         },
     ];
 }
+//# sourceMappingURL=template.js.map

package/dist/style_builder/decorator.d.ts

@@ -1,4 +1,4 @@
-import type { MaplibreLayer } from '../types/index.js';
-import type { StyleRules } from './types.js';
-import type { CachedRecolor } from './recolor.js';
+import type { MaplibreLayer } from '../types/index';
+import type { StyleRules } from './types';
+import type { CachedRecolor } from './recolor';
 export declare function decorate(layers: MaplibreLayer[], rules: StyleRules, recolor: CachedRecolor): MaplibreLayer[];

package/dist/style_builder/decorator.js

@@ -1,7 +1,7 @@
-import { Color } from '../color/index.js';
+import { Color } from '../color/index';
 import expandBraces from 'brace-expansion';
-import maplibreProperties from '../shortbread/properties.js';
-import { deepMerge } from '../lib/utils.js';
+import maplibreProperties from '../shortbread/properties';
+import { deepMerge } from '../lib/utils';
 export function decorate(layers, rules, recolor) {
     const layerIds = layers.map(l => l.id);
     const layerIdSet = new Set(layerIds);
@@ -124,3 +124,4 @@ export function decorate(layers, rules, recolor) {
         }
     }
 }
+//# sourceMappingURL=decorator.js.map

package/dist/style_builder/index.d.ts

@@ -1 +1 @@
-export type { Language } from './types.js';
+export type { Language } from './types';

package/dist/style_builder/index.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=index.js.map

package/dist/style_builder/recolor.d.ts

@@ -1,4 +1,4 @@
-import { Color } from '../color/index.js';
+import { Color } from '../color/index';
 export interface RecolorOptions {
     invertBrightness?: boolean;
     rotate?: number;

package/dist/style_builder/recolor.js

@@ -1,4 +1,4 @@
-import { Color } from '../color/index.js';
+import { Color } from '../color/index';
 export function getDefaultRecolorFlags() {
     return {
         invertBrightness: false,
@@ -86,3 +86,4 @@ export function recolor(color, opt) {
         color = color.tint(opt.tint, Color.parse(opt.tintColor));
     return color;
 }
+//# sourceMappingURL=recolor.js.map

package/dist/style_builder/style_builder.d.ts

@@ -1,15 +1,15 @@
-import { Color } from '../color/index.js';
-import type { StyleSpecification } from '../types/maplibre.js';
-import type { StyleBuilderColorStrings, StyleBuilderColors, StyleBuilderFontStrings, StyleBuilderOptions } from './types.js';
-import type { StyleRules, StyleRulesOptions } from './types.js';
-export declare abstract class StyleBuilder<Subclass extends StyleBuilder<Subclass>> {
+import { Color } from '../color/index';
+import type { StyleSpecification } from '../types/maplibre';
+import type { StyleBuilderColorStrings, StyleBuilderColors, StyleBuilderFonts, StyleBuilderOptions } from './types';
+import type { StyleRules, StyleRulesOptions } from './types';
+export declare abstract class StyleBuilder {
     #private;
     abstract readonly name: string;
-    abstract readonly defaultColors: StyleBuilderColorStrings<Subclass>;
-    abstract readonly defaultFonts: StyleBuilderFontStrings<Subclass>;
-    build(options?: StyleBuilderOptions<Subclass>): StyleSpecification;
-    getColors(colors: StyleBuilderColorStrings<Subclass>): StyleBuilderColors<Subclass>;
-    getDefaultOptions(): StyleBuilderOptions<Subclass>;
+    abstract readonly defaultColors: StyleBuilderColorStrings;
+    abstract readonly defaultFonts: StyleBuilderFonts;
+    build(options?: StyleBuilderOptions): StyleSpecification;
+    getColors(colors: StyleBuilderColorStrings): StyleBuilderColors;
+    getDefaultOptions(): StyleBuilderOptions;
     protected transformDefaultColors(callback: (color: Color) => Color): void;
-    protected abstract getStyleRules(options: StyleRulesOptions<Subclass>): StyleRules;
+    protected abstract getStyleRules(options: StyleRulesOptions): StyleRules;
 }

package/dist/style_builder/style_builder.js

@@ -1,8 +1,8 @@
-import { Color } from '../color/index.js';
-import { getShortbreadTemplate, getShortbreadLayers } from '../shortbread/index.js';
-import { decorate } from './decorator.js';
-import { CachedRecolor, getDefaultRecolorFlags } from './recolor.js';
-import { basename, deepClone, resolveUrl } from '../lib/utils.js';
+import { Color } from '../color/index';
+import { getShortbreadTemplate, getShortbreadLayers } from '../shortbread/index';
+import { decorate } from './decorator';
+import { CachedRecolor, getDefaultRecolorFlags } from './recolor';
+import { basename, deepClone, resolveUrl } from '../lib/utils';
 // StyleBuilder class definition
 export class StyleBuilder {
     #sourceName = 'versatiles-shortbread';
@@ -17,7 +17,8 @@ export class StyleBuilder {
         const recolorOptions = options.recolor ?? getDefaultRecolorFlags();
         const colors = this.getColors(this.defaultColors);
         if (options.colors) {
-            for (const key in options.colors) {
+            let key;
+            for (key in options.colors) {
                 const value = options.colors[key];
                 if (value != null)
                     colors[key] = Color.parse(value);
@@ -25,7 +26,8 @@ export class StyleBuilder {
         }
         const fonts = deepClone(this.defaultFonts);
         if (options.fonts) {
-            for (const key in options.fonts) {
+            let key;
+            for (key in options.fonts) {
                 const fontName = options.fonts[key];
                 if (fontName != null)
                     fonts[key] = fontName;
@@ -77,8 +79,7 @@ export class StyleBuilder {
     }
     getColors(colors) {
         const entriesString = Object.entries(colors);
-        const entriesColor = entriesString.map(([key, value]) => [key, Color.parse(value)]);
-        const result = Object.fromEntries(entriesColor);
+        const result = Object.fromEntries(entriesString.map(([key, value]) => [key, Color.parse(value)]));
         return result;
     }
     getDefaultOptions() {
@@ -96,8 +97,10 @@ export class StyleBuilder {
     }
     transformDefaultColors(callback) {
         const colors = this.getColors(this.defaultColors);
-        for (const key in colors) {
+        let key;
+        for (key in colors) {
             this.defaultColors[key] = callback(colors[key]).asHex();
         }
     }
 }
+//# sourceMappingURL=style_builder.js.map

package/dist/style_builder/types.d.ts

@@ -1,36 +1,39 @@
-import type { Color } from '../color/index.js';
-import type { StyleBuilder } from './style_builder.js';
-import type { RecolorOptions } from './recolor.js';
+import type { Color } from '../color/index';
+import type { RecolorOptions } from './recolor';
 import { SpriteSpecification } from '@maplibre/maplibre-gl-style-spec';
 /** Represents language suffixes used in map styles. */
 export type Language = 'de' | 'en' | null;
-export interface StyleBuilderOptions<T extends StyleBuilder<T>> {
+export interface StyleBuilderOptions {
     baseUrl?: string;
     glyphs?: string;
     sprite?: SpriteSpecification;
     tiles?: string[];
     hideLabels?: boolean;
     language?: Language;
-    colors?: Partial<StyleBuilderColorStrings<T>>;
-    fonts?: Partial<StyleBuilderFontStrings<T>>;
+    colors?: Partial<StyleBuilderColorStrings>;
+    fonts?: Partial<StyleBuilderFonts>;
     recolor?: RecolorOptions;
 }
 /** Defines the keys for color properties in a style builder. */
-export type StyleBuilderColorKeys<T extends StyleBuilder<T>> = keyof T['defaultColors'];
+export type StyleBuilderColorKeys = 'agriculture' | 'boundary' | 'building' | 'buildingbg' | 'burial' | 'commercial' | 'construction' | 'cycle' | 'danger' | 'disputed' | 'education' | 'foot' | 'glacier' | 'grass' | 'hospital' | 'industrial' | 'label' | 'labelHalo' | 'land' | 'leisure' | 'motorway' | 'motorwaybg' | 'park' | 'parking' | 'poi' | 'prison' | 'rail' | 'residential' | 'rock' | 'sand' | 'shield' | 'street' | 'streetbg' | 'subway' | 'symbol' | 'trunk' | 'trunkbg' | 'waste' | 'water' | 'wetland' | 'wood';
 /** Defines the keys for font properties in a style builder. */
-export type StyleBuilderFontKeys<T extends StyleBuilder<T>> = keyof T['defaultFonts'];
+export type StyleBuilderFontKeys = 'regular' | 'bold';
 /** Records string values for color properties in a style builder. */
-export type StyleBuilderColorStrings<T extends StyleBuilder<T>> = Record<StyleBuilderColorKeys<T>, string>;
-/** Records string values for font properties in a style builder. */
-export type StyleBuilderFontStrings<T extends StyleBuilder<T>> = Record<StyleBuilderFontKeys<T>, string>;
+export type StyleBuilderColorStrings = {
+    [key in StyleBuilderColorKeys]: string;
+};
 /** Records Color objects for color properties in a style builder. */
-export type StyleBuilderColors<T extends StyleBuilder<T>> = Record<StyleBuilderColorKeys<T>, Color>;
+export type StyleBuilderColors = {
+    [key in StyleBuilderColorKeys]: Color;
+};
 /** Records string values for font properties in a style builder. */
-export type StyleBuilderFonts<T extends StyleBuilder<T>> = Record<StyleBuilderFontKeys<T>, string>;
+export type StyleBuilderFonts = {
+    [key in StyleBuilderFontKeys]: string;
+};
 /** Defines options for style rules in a style builder. */
-export interface StyleRulesOptions<T extends StyleBuilder<T>> {
-    colors: StyleBuilderColors<T>;
-    fonts: StyleBuilderFontStrings<T>;
+export interface StyleRulesOptions {
+    colors: StyleBuilderColors;
+    fonts: StyleBuilderFonts;
     language: Language;
 }
 /** Defines the value type for a style rule. */

package/dist/style_builder/types.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=types.js.map

package/dist/styles/colorful.d.ts

@@ -1,6 +1,6 @@
-import { StyleBuilder } from '../style_builder/style_builder.js';
-import type { StyleRules, StyleRulesOptions } from '../style_builder/types.js';
-export default class Colorful extends StyleBuilder<Colorful> {
+import { StyleBuilder } from '../style_builder/style_builder';
+import type { StyleRules, StyleRulesOptions } from '../style_builder/types';
+export default class Colorful extends StyleBuilder {
     readonly name: string;
     defaultFonts: {
         regular: string;
@@ -90,5 +90,5 @@ export default class Colorful extends StyleBuilder<Colorful> {
         /** Color used for points of interest. */
         poi: string;
     };
-    protected getStyleRules(options: StyleRulesOptions<Colorful>): StyleRules;
+    protected getStyleRules(options: StyleRulesOptions): StyleRules;
 }

package/dist/styles/colorful.js

@@ -1,4 +1,4 @@
-import { StyleBuilder } from '../style_builder/style_builder.js';
+import { StyleBuilder } from '../style_builder/style_builder';
 export default class Colorful extends StyleBuilder {
     name = 'Colorful';
     defaultFonts = {
@@ -953,3 +953,4 @@ export default class Colorful extends StyleBuilder {
         };
     }
 }
+//# sourceMappingURL=colorful.js.map

package/dist/styles/eclipse.d.ts

@@ -1,4 +1,4 @@
-import Colorful from './colorful.js';
+import Colorful from './colorful';
 export default class Eclipse extends Colorful {
     readonly name: string;
     constructor();

package/dist/styles/eclipse.js

@@ -1,4 +1,4 @@
-import Colorful from './colorful.js';
+import Colorful from './colorful';
 export default class Eclipse extends Colorful {
     name = 'Eclipse';
     constructor() {
@@ -6,3 +6,4 @@ export default class Eclipse extends Colorful {
         this.transformDefaultColors(color => color.invertLuminosity());
     }
 }
+//# sourceMappingURL=eclipse.js.map

package/dist/styles/empty.d.ts

@@ -1,11 +1,6 @@
-import { StyleBuilder } from '../style_builder/style_builder.js';
-import type { StyleRules, StyleRulesOptions } from '../style_builder/types.js';
-export default class Empty extends StyleBuilder<Empty> {
+import type { StyleRules, StyleRulesOptions } from '../style_builder/types';
+import Colorful from './colorful';
+export default class Empty extends Colorful {
     readonly name: string;
-    defaultFonts: {
-        regular: string;
-        bold: string;
-    };
-    defaultColors: {};
-    protected getStyleRules(options: StyleRulesOptions<Empty>): StyleRules;
+    protected getStyleRules(_options: StyleRulesOptions): StyleRules;
 }

package/dist/styles/empty.js

@@ -1,13 +1,8 @@
-import { StyleBuilder } from '../style_builder/style_builder.js';
-export default class Empty extends StyleBuilder {
+import Colorful from './colorful';
+export default class Empty extends Colorful {
     name = 'Empty';
-    defaultFonts = {
-        regular: 'noto_sans_regular',
-        bold: 'noto_sans_bold',
-    };
-    defaultColors = {};
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    getStyleRules(options) {
+    getStyleRules(_options) {
         return {};
     }
 }
+//# sourceMappingURL=empty.js.map

package/dist/styles/graybeard.d.ts

@@ -1,4 +1,4 @@
-import Colorful from './colorful.js';
+import Colorful from './colorful';
 export default class Graybeard extends Colorful {
     readonly name: string;
     constructor();

package/dist/styles/graybeard.js

@@ -1,4 +1,4 @@
-import Colorful from './colorful.js';
+import Colorful from './colorful';
 export default class Graybeard extends Colorful {
     name = 'Graybeard';
     constructor() {
@@ -6,3 +6,4 @@ export default class Graybeard extends Colorful {
         this.transformDefaultColors(color => color.saturate(-1));
     }
 }
+//# sourceMappingURL=graybeard.js.map

package/dist/styles/index.d.ts

@@ -1,28 +1,22 @@
-import type { StyleBuilder } from '../style_builder/style_builder.js';
-import type { StyleBuilderOptions } from '../style_builder/types.js';
+import type { StyleBuilderOptions } from '../style_builder/types';
 import { StyleSpecification } from '@maplibre/maplibre-gl-style-spec';
-import Colorful from './colorful.js';
-import Eclipse from './eclipse.js';
-import Graybeard from './graybeard.js';
-import Neutrino from './neutrino.js';
-import Empty from './empty.js';
-export type ColorfulOptions = StyleBuilderOptions<Colorful>;
-export type EclipseOptions = StyleBuilderOptions<Eclipse>;
-export type GraybeardOptions = StyleBuilderOptions<Graybeard>;
-export type NeutrinoOptions = StyleBuilderOptions<Neutrino>;
-export type EmptyOptions = StyleBuilderOptions<Empty>;
-export type SomeOptions = ColorfulOptions | EclipseOptions | EmptyOptions | GraybeardOptions | NeutrinoOptions;
-export type MakeStyle<T extends StyleBuilder<T>, O extends StyleBuilderOptions<T>> = ((options?: O) => StyleSpecification) & {
-    getOptions: () => O;
+export declare const colorful: {
+    (options?: StyleBuilderOptions): StyleSpecification;
+    getOptions(): StyleBuilderOptions;
+};
+export declare const eclipse: {
+    (options?: StyleBuilderOptions): StyleSpecification;
+    getOptions(): StyleBuilderOptions;
+};
+export declare const graybeard: {
+    (options?: StyleBuilderOptions): StyleSpecification;
+    getOptions(): StyleBuilderOptions;
+};
+export declare const neutrino: {
+    (options?: StyleBuilderOptions): StyleSpecification;
+    getOptions(): StyleBuilderOptions;
+};
+export declare const empty: {
+    (options?: StyleBuilderOptions): StyleSpecification;
+    getOptions(): StyleBuilderOptions;
 };
-export type ColorfulBuilder = MakeStyle<Colorful, ColorfulOptions>;
-export type EclipseBuilder = MakeStyle<Eclipse, EclipseOptions>;
-export type GraybeardBuilder = MakeStyle<Graybeard, GraybeardOptions>;
-export type NeutrinoBuilder = MakeStyle<Neutrino, NeutrinoOptions>;
-export type EmptyBuilder = MakeStyle<Empty, EmptyOptions>;
-export type SomeBuilder = ColorfulBuilder | EclipseBuilder | EmptyBuilder | GraybeardBuilder | NeutrinoBuilder;
-export declare const colorful: ColorfulBuilder;
-export declare const eclipse: EclipseBuilder;
-export declare const graybeard: GraybeardBuilder;
-export declare const neutrino: NeutrinoBuilder;
-export declare const empty: EmptyBuilder;

package/dist/styles/index.js

@@ -1,9 +1,9 @@
 // import styles
-import Colorful from './colorful.js';
-import Eclipse from './eclipse.js';
-import Graybeard from './graybeard.js';
-import Neutrino from './neutrino.js';
-import Empty from './empty.js';
+import Colorful from './colorful';
+import Eclipse from './eclipse';
+import Graybeard from './graybeard';
+import Neutrino from './neutrino';
+import Empty from './empty';
 function getStyleBuilder(styleBuilder) {
     const fn = function (options) {
         return new styleBuilder().build(options);
@@ -17,3 +17,4 @@ export const eclipse = getStyleBuilder(Eclipse);
 export const graybeard = getStyleBuilder(Graybeard);
 export const neutrino = getStyleBuilder(Neutrino);
 export const empty = getStyleBuilder(Empty);
+//# sourceMappingURL=index.js.map

package/dist/styles/neutrino.d.ts

@@ -1,6 +1,6 @@
-import { StyleBuilder } from '../style_builder/style_builder.js';
-import type { StyleRules, StyleRulesOptions } from '../style_builder/types.js';
-export default class Neutrino extends StyleBuilder<Neutrino> {
+import { StyleRules, StyleRulesOptions } from '../style_builder/types';
+import Colorful from './colorful';
+export default class Neutrino extends Colorful {
     readonly name: string;
     defaultFonts: {
         regular: string;
@@ -18,7 +18,7 @@ export default class Neutrino extends StyleBuilder<Neutrino> {
         /** Color used for agricultural land. */
         agriculture: string;
         /** Color for site areas such as parks or recreational facilities. */
-        site: string;
+        commercial: string;
         /** Primary color for buildings. */
         building: string;
         /** Color for streets and roads. */
@@ -31,6 +31,35 @@ export default class Neutrino extends StyleBuilder<Neutrino> {
         rail: string;
         /** Primary color used for text labels. */
         label: string;
+        buildingbg: string;
+        burial: string;
+        construction: string;
+        cycle: string;
+        danger: string;
+        disputed: string;
+        education: string;
+        glacier: string;
+        hospital: string;
+        industrial: string;
+        labelHalo: string;
+        leisure: string;
+        motorway: string;
+        motorwaybg: string;
+        park: string;
+        parking: string;
+        poi: string;
+        prison: string;
+        residential: string;
+        rock: string;
+        sand: string;
+        shield: string;
+        streetbg: string;
+        subway: string;
+        symbol: string;
+        trunk: string;
+        trunkbg: string;
+        waste: string;
+        wetland: string;
     };
-    protected getStyleRules(options: StyleRulesOptions<Neutrino>): StyleRules;
+    protected getStyleRules(options: StyleRulesOptions): StyleRules;
 }

package/dist/styles/neutrino.js

@@ -1,5 +1,5 @@
-import { StyleBuilder } from '../style_builder/style_builder.js';
-export default class Neutrino extends StyleBuilder {
+import Colorful from './colorful';
+export default class Neutrino extends Colorful {
     name = 'Neutrino';
     defaultFonts = {
         regular: 'noto_sans_regular',
@@ -17,7 +17,7 @@ export default class Neutrino extends StyleBuilder {
         /** Color used for agricultural land. */
         agriculture: '#f8eeee',
         /** Color for site areas such as parks or recreational facilities. */
-        site: '#ebe8e6',
+        commercial: '#ebe8e6',
         /** Primary color for buildings. */
         building: '#e0d1d9',
         /** Color for streets and roads. */
@@ -30,6 +30,36 @@ export default class Neutrino extends StyleBuilder {
         rail: '#e8d5e0',
         /** Primary color used for text labels. */
         label: '#cbb7b7',
+        // Don't need these colors:
+        buildingbg: '#000',
+        burial: '#000',
+        construction: '#000',
+        cycle: '#000',
+        danger: '#000',
+        disputed: '#000',
+        education: '#000',
+        glacier: '#000',
+        hospital: '#000',
+        industrial: '#000',
+        labelHalo: '#000',
+        leisure: '#000',
+        motorway: '#000',
+        motorwaybg: '#000',
+        park: '#000',
+        parking: '#000',
+        poi: '#000',
+        prison: '#000',
+        residential: '#000',
+        rock: '#000',
+        sand: '#000',
+        shield: '#000',
+        streetbg: '#000',
+        subway: '#000',
+        symbol: '#000',
+        trunk: '#000',
+        trunkbg: '#000',
+        waste: '#000',
+        wetland: '#000',
     };
     getStyleRules(options) {
         const { colors, fonts } = options;
@@ -103,7 +133,7 @@ export default class Neutrino extends StyleBuilder {
                 opacity: { 10: 0, 11: 1 },
             },
             'site-{bicycleparking,parking}': {
-                color: colors.site,
+                color: colors.commercial,
             },
             'building': {
                 color: colors.building,
@@ -368,3 +398,4 @@ export default class Neutrino extends StyleBuilder {
         };
     }
 }
+//# sourceMappingURL=neutrino.js.map

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
-export type { MaplibreLayerDefinition, MaplibreLayer } from './maplibre.js';
-export type { VectorLayer } from './vector_layer.js';
-export { isTileJSONSpecification } from './tilejson.js';
-export type { TileJSONSpecification, TileJSONSpecificationRaster, TileJSONSpecificationVector } from './tilejson.js';
-export { isVectorLayers } from './vector_layer.js';
+export type { MaplibreLayerDefinition, MaplibreLayer } from './maplibre';
+export type { VectorLayer } from './vector_layer';
+export { isTileJSONSpecification } from './tilejson';
+export type { TileJSONSpecification, TileJSONSpecificationRaster, TileJSONSpecificationVector } from './tilejson';
+export { isVectorLayers } from './vector_layer';

package/dist/types/index.js

@@ -1,2 +1,3 @@
-export { isTileJSONSpecification } from './tilejson.js';
-export { isVectorLayers } from './vector_layer.js';
+export { isTileJSONSpecification } from './tilejson';
+export { isVectorLayers } from './vector_layer';
+//# sourceMappingURL=index.js.map

package/dist/types/maplibre.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=maplibre.js.map

package/dist/types/tilejson.d.ts

@@ -1,4 +1,4 @@
-import type { VectorLayer } from './vector_layer.js';
+import type { VectorLayer } from './vector_layer';
 /** Basic structure for TileJSON specification, applicable to both raster and vector types. */
 export interface TileJSONSpecificationRaster {
     tilejson?: '3.0.0';

package/dist/types/tilejson.js

@@ -84,3 +84,4 @@ export function isRasterTileJSONSpecification(spec) {
         return false;
     return true;
 }
+//# sourceMappingURL=tilejson.js.map

package/dist/types/vector_layer.js

@@ -48,3 +48,4 @@ export function isVectorLayers(layers) {
     });
     return true;
 }
+//# sourceMappingURL=vector_layer.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@versatiles/style",
-  "version": "5.2.2",
+  "version": "5.2.3",
   "description": "Generate StyleJSON for MapLibre",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",