@lightningjs/renderer 3.0.0-beta12 → 3.0.0-beta13

package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js

@@ -1,80 +0,0 @@
-import { updateWebSafeRadius, validateArrayLength4 } from './EffectUtils.js';
-import { ShaderEffect, } from './ShaderEffect.js';
-/**
- * Masks the current maskcolor a holepunch effect with rounded corners similar to {@link RoundedRectangle}
- */
-export class HolePunchEffect extends ShaderEffect {
-    static z$__type__Props;
-    name = 'holePunch';
-    static getEffectKey() {
-        return `holePunch`;
-    }
-    static uniforms = {
-        x: {
-            value: 0,
-            method: 'uniform1f',
-            type: 'float',
-        },
-        y: {
-            value: 0,
-            method: 'uniform1f',
-            type: 'float',
-        },
-        width: {
-            value: 0,
-            method: 'uniform1f',
-            type: 'float',
-        },
-        height: {
-            value: 0,
-            method: 'uniform1f',
-            type: 'float',
-        },
-        radius: {
-            value: 0,
-            method: 'uniform4fv',
-            type: 'vec4',
-            updateOnBind: true,
-            validator: validateArrayLength4,
-            updateProgramValue: updateWebSafeRadius,
-        },
-    };
-    static resolveDefaults(props) {
-        return {
-            x: props.x || 0,
-            y: props.y || 0,
-            width: props.width || 50,
-            height: props.height || 50,
-            radius: props.radius ?? 0,
-        };
-    }
-    static methods = {
-        fillMask: `
-      float function(float dist) {
-        return clamp(-dist, 0.0, 1.0);
-      }
-    `,
-        boxDist: `
-      float function(vec2 p, vec2 size, float radius) {
-        size -= vec2(radius);
-        vec2 d = abs(p) - size;
-        return min(max(d.x, d.y), 0.0) + length(max(d, 0.0)) - radius;
-      }
-    `,
-    };
-    static onShaderMask = `
-  vec2 halfDimensions = u_dimensions * 0.5;
-  vec2 size = vec2(width, height) * 0.5;
-  vec2 basePos = v_textureCoordinate.xy * u_dimensions.xy - vec2(x, y);
-  vec2 pos = basePos - size;
-  float r = radius[0] * step(pos.x, 0.5) * step(pos.y, 0.5);
-  r = r + radius[1] * step(0.5, pos.x) * step(pos.y, 0.5);
-  r = r + radius[2] * step(0.5, pos.x) * step(0.5, pos.y);
-  r = r + radius[3] * step(pos.x, 0.5) * step(0.5, pos.y);
-  return $boxDist(pos, size, r);
-  `;
-    static onEffectMask = `
-  return mix(maskColor, vec4(0.0), $fillMask(shaderMask));
-  `;
-}
-//# sourceMappingURL=HolePunchEffect.js.map

package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HolePunchEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/HolePunchEffect.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EACL,YAAY,GAIb,MAAM,mBAAmB,CAAC;AA+C3B;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,YAAY;IAC/C,MAAM,CAAC,eAAe,CAAuB;IAC3B,IAAI,GAAG,WAAW,CAAC;IAErC,MAAM,CAAU,YAAY;QAC1B,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,MAAM,CAAU,QAAQ,GAAyB;QAC/C,CAAC,EAAE;YACD,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,CAAC,EAAE;YACD,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,YAAY;YACpB,IAAI,EAAE,MAAM;YACZ,YAAY,EAAE,IAAI;YAClB,SAAS,EAAE,oBAAoB;YAC/B,kBAAkB,EAAE,mBAAmB;SACxC;KACF,CAAC;IAEF,MAAM,CAAU,eAAe,CAC7B,KAA2B;QAE3B,OAAO;YACL,CAAC,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC;YACf,CAAC,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC;YACf,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE;YACxB,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,EAAE;YAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC;SAC1B,CAAC;IACJ,CAAC;IAED,MAAM,CAAU,OAAO,GAA2B;QAChD,QAAQ,EAAE;;;;KAIT;QACD,OAAO,EAAE;;;;;;KAMR;KACF,CAAC;IAEF,MAAM,CAAU,YAAY,GAAG;;;;;;;;;;GAU9B,CAAC;IAEF,MAAM,CAAU,YAAY,GAAG;;GAE9B,CAAC"}

package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.d.ts

@@ -1,35 +0,0 @@
-import { type DefaultEffectProps, ShaderEffect, type ShaderEffectUniforms } from './ShaderEffect.js';
-/**
- * Properties of the {@link LinearGradientEffect} effect
- */
-export interface LinearGradientEffectProps extends DefaultEffectProps {
-    /**
-     * Array of colors to be used in the LinearGradientEffect
-     *
-     * @default [0xff000000, 0xffffffff]
-     */
-    colors?: number[];
-    /**
-     * Angle of the LinearGradientEffect, Angle in Radians
-     *
-     * @default 0
-     */
-    angle?: number;
-    /**
-     * Array of color stops
-     */
-    stops?: number[];
-}
-/**
- * Linear Gradient effect over a effect mask
- */
-export declare class LinearGradientEffect extends ShaderEffect {
-    static z$__type__Props: LinearGradientEffectProps;
-    readonly name = "linearGradient";
-    static getEffectKey(props: LinearGradientEffectProps): string;
-    static resolveDefaults(props: LinearGradientEffectProps): Required<LinearGradientEffectProps>;
-    static uniforms: ShaderEffectUniforms;
-    static methods: Record<string, string>;
-    static ColorLoop: (amount: number) => string;
-    static onColorize: (props: LinearGradientEffectProps) => string;
-}

package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js

@@ -1,129 +0,0 @@
-/*
- * If not stated otherwise in this file or this component's LICENSE file the
- * following copyright and licenses apply:
- *
- * Copyright 2023 Comcast Cable Communications Management, LLC.
- *
- * Licensed under the Apache License, Version 2.0 (the License);
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { getNormalizedRgbaComponents } from '../../../../lib/utils.js';
-import { updateFloat32ArrayLengthN } from './EffectUtils.js';
-import { ShaderEffect, } from './ShaderEffect.js';
-/**
- * Linear Gradient effect over a effect mask
- */
-export class LinearGradientEffect extends ShaderEffect {
-    static z$__type__Props;
-    name = 'linearGradient';
-    static getEffectKey(props) {
-        if (props.colors.value) {
-            return `linearGradient${props.colors.value
-                .length}`;
-        }
-        return `linearGradient${props.colors.length}`;
-    }
-    static resolveDefaults(props) {
-        const colors = props.colors ?? [0xff000000, 0xffffffff];
-        let stops = props.stops || [];
-        if (stops.length === 0 || stops.length !== colors.length) {
-            const colorsL = colors.length;
-            let i = 0;
-            const tmp = stops;
-            for (; i < colorsL; i++) {
-                if (stops[i]) {
-                    tmp[i] = stops[i];
-                    if (stops[i - 1] === undefined && tmp[i - 2] !== undefined) {
-                        tmp[i - 1] = tmp[i - 2] + (stops[i] - tmp[i - 2]) / 2;
-                    }
-                }
-                else {
-                    tmp[i] = i * (1 / (colors.length - 1));
-                }
-            }
-            stops = tmp;
-        }
-        return {
-            colors,
-            stops,
-            angle: props.angle ?? 0,
-        };
-    }
-    static uniforms = {
-        angle: {
-            value: 0,
-            method: 'uniform1f',
-            type: 'float',
-        },
-        colors: {
-            value: 0xffffffff,
-            validator: (rgbas) => {
-                return rgbas.reduce((acc, val) => acc.concat(getNormalizedRgbaComponents(val)), []);
-            },
-            updateProgramValue: updateFloat32ArrayLengthN,
-            size: (props) => props.colors.length,
-            method: 'uniform4fv',
-            type: 'vec4',
-        },
-        stops: {
-            value: [],
-            size: (props) => props.colors.length,
-            method: 'uniform1fv',
-            type: 'float',
-        },
-    };
-    static methods = {
-        fromLinear: `
-      vec4 function(vec4 linearRGB) {
-        vec4 higher = vec4(1.055)*pow(linearRGB, vec4(1.0/2.4)) - vec4(0.055);
-        vec4 lower = linearRGB * vec4(12.92);
-        return mix(higher, lower, 1.0);
-      }
-    `,
-        toLinear: `
-      vec4 function(vec4 sRGB) {
-        vec4 higher = pow((sRGB + vec4(0.055))/vec4(1.055), vec4(2.4));
-        vec4 lower = sRGB/vec4(12.92);
-        return mix(higher, lower, 1.0);
-      }
-    `,
-        calcPoint: `
-      vec2 function(float d, float angle) {
-        return d * vec2(cos(angle), sin(angle)) + (u_dimensions * 0.5);
-      }
-    `,
-    };
-    static ColorLoop = (amount) => {
-        let loop = '';
-        for (let i = 2; i < amount; i++) {
-            loop += `colorOut = mix(colorOut, colors[${i}], clamp((dist - stops[${i - 1}]) / (stops[${i}] - stops[${i - 1}]), 0.0, 1.0));`;
-        }
-        return loop;
-    };
-    static onColorize = (props) => {
-        const colors = props.colors.length || 1;
-        return `
-      float a = angle - (PI / 180.0 * 90.0);
-      float lineDist = abs(u_dimensions.x * cos(a)) + abs(u_dimensions.y * sin(a));
-      vec2 f = $calcPoint(lineDist * 0.5, a);
-      vec2 t = $calcPoint(lineDist * 0.5, a + PI);
-      vec2 gradVec = t - f;
-      float dist = dot(v_textureCoordinate.xy * u_dimensions - f, gradVec) / dot(gradVec, gradVec);
-
-      float stopCalc = (dist - stops[0]) / (stops[1] - stops[0]);
-      vec4 colorOut = $fromLinear(mix($toLinear(colors[0]), $toLinear(colors[1]), stopCalc));
-      ${this.ColorLoop(colors)}
-      return mix(maskColor, colorOut, clamp(colorOut.a, 0.0, 1.0));
-    `;
-    };
-}
-//# sourceMappingURL=LinearGradientEffect.js.map

package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinearGradientEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/LinearGradientEffect.ts"],"names":[],"mappings":"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"}

package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.d.ts

@@ -1,39 +0,0 @@
-import { type DefaultEffectProps, ShaderEffect, type ShaderEffectUniforms } from './ShaderEffect.js';
-/**
- * Properties of the {@link RadialGradientEffect} effect
- */
-export interface RadialGradientEffectProps extends DefaultEffectProps {
-    /**
-     * Array of colors to be used in the RadialGradientEffect
-     *
-     * @default [0xff000000, 0xffffffff]
-     */
-    colors?: number[];
-    /**
-     * Array of color stops
-     */
-    stops?: number[];
-    /**
-     * Width of the RadialGradientEffect
-     */
-    width?: number;
-    /**
-     * height of the RadialGradientEffect
-     *
-     * @remarks if not defined uses the width value
-     */
-    height?: number;
-    /**
-     * center point of where the RadialGradientEffect is drawn
-     */
-    pivot?: number[];
-}
-export declare class RadialGradientEffect extends ShaderEffect {
-    static z$__type__Props: RadialGradientEffectProps;
-    readonly name = "radialGradient";
-    static getEffectKey(props: RadialGradientEffectProps): string;
-    static resolveDefaults(props: RadialGradientEffectProps): Required<RadialGradientEffectProps>;
-    static uniforms: ShaderEffectUniforms;
-    static ColorLoop: (amount: number) => string;
-    static onColorize: (props: RadialGradientEffectProps) => string;
-}

package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js

@@ -1,116 +0,0 @@
-/*
- * If not stated otherwise in this file or this component's LICENSE file the
- * following copyright and licenses apply:
- *
- * Copyright 2023 Comcast Cable Communications Management, LLC.
- *
- * Licensed under the Apache License, Version 2.0 (the License);
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { getNormalizedRgbaComponents } from '../../../../lib/utils.js';
-import { updateFloat32ArrayLength2, updateFloat32ArrayLengthN, } from './EffectUtils.js';
-import { ShaderEffect, } from './ShaderEffect.js';
-export class RadialGradientEffect extends ShaderEffect {
-    static z$__type__Props;
-    name = 'radialGradient';
-    static getEffectKey(props) {
-        if (props.colors.value) {
-            return `radialGradient${props.colors.value
-                .length}`;
-        }
-        return `radialGradient${props.colors.length}`;
-    }
-    static resolveDefaults(props) {
-        const colors = props.colors ?? [0xff000000, 0xffffffff];
-        let stops = props.stops || [];
-        if (stops.length === 0 || stops.length !== colors.length) {
-            const colorsL = colors.length;
-            let i = 0;
-            const tmp = stops;
-            for (; i < colorsL; i++) {
-                if (stops[i]) {
-                    tmp[i] = stops[i];
-                    if (stops[i - 1] === undefined && tmp[i - 2] !== undefined) {
-                        tmp[i - 1] = tmp[i - 2] + (stops[i] - tmp[i - 2]) / 2;
-                    }
-                }
-                else {
-                    tmp[i] = i * (1 / (colors.length - 1));
-                }
-            }
-            stops = tmp;
-        }
-        return {
-            colors,
-            stops,
-            width: props.width ?? 0,
-            height: props.height ?? props.width ?? 0,
-            pivot: props.pivot ?? [0.5, 0.5],
-        };
-    }
-    static uniforms = {
-        width: {
-            value: 0,
-            method: 'uniform1f',
-            type: 'float',
-        },
-        height: {
-            value: 0,
-            method: 'uniform1f',
-            type: 'float',
-        },
-        pivot: {
-            value: [0.5, 0.5],
-            updateProgramValue: updateFloat32ArrayLength2,
-            method: 'uniform2fv',
-            type: 'vec2',
-        },
-        colors: {
-            value: 0xffffffff,
-            validator: (rgbas) => {
-                return rgbas.reduce((acc, val) => acc.concat(getNormalizedRgbaComponents(val)), []);
-            },
-            updateProgramValue: updateFloat32ArrayLengthN,
-            size: (props) => props.colors.length,
-            method: 'uniform4fv',
-            type: 'vec4',
-        },
-        stops: {
-            value: [],
-            size: (props) => props.colors.length,
-            method: 'uniform1fv',
-            type: 'float',
-        },
-    };
-    static ColorLoop = (amount) => {
-        let loop = '';
-        for (let i = 2; i < amount; i++) {
-            loop += `colorOut = mix(colorOut, colors[${i}], clamp((dist - stops[${i - 1}]) / (stops[${i}] - stops[${i - 1}]), 0.0, 1.0));`;
-        }
-        return loop;
-    };
-    static onColorize = (props) => {
-        const colors = props.colors.length || 1;
-        return `
-      vec2 point = v_textureCoordinate.xy * u_dimensions;
-      vec2 projection = vec2(pivot.x * u_dimensions.x, pivot.y * u_dimensions.y);
-
-      float dist = length((point - projection) / vec2(width, height));
-
-      float stopCalc = (dist - stops[0]) / (stops[1] - stops[0]);
-      vec4 colorOut = mix(colors[0], colors[1], stopCalc);
-      ${this.ColorLoop(colors)}
-      return mix(maskColor, colorOut, clamp(colorOut.a, 0.0, 1.0));
-    `;
-    };
-}
-//# sourceMappingURL=RadialGradientEffect.js.map

package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadialGradientEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/RadialGradientEffect.ts"],"names":[],"mappings":"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"}

package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.d.ts

@@ -1,61 +0,0 @@
-import { ShaderEffect, type DefaultEffectProps, type ShaderEffectUniforms } from './ShaderEffect.js';
-/**
- * Properties of the {@link RadialProgressEffect} effect
- */
-export interface RadialProgressEffectProps extends DefaultEffectProps {
-    /**
-     * Width of the border in pixels
-     *
-     * @default 10
-     */
-    width?: number;
-    /**
-     * progress from 0 to 1 in floats
-     *
-     * @default 0.5;
-     */
-    progress?: number;
-    /**
-     * offset where the radial progress starts drawing.
-     *
-     * @default 0;
-     */
-    offset?: number;
-    /**
-     * maximum range of the radial progress in radians
-     *
-     * @default Math.PI * 2
-     */
-    range?: number;
-    /**
-     * rounded ends of the progress bar;
-     *
-     * @default false
-     */
-    rounded?: boolean;
-    /**
-     * radius from center to outer edge from 0 to 1 in floats;
-     *
-     * @default 1
-     */
-    radius?: number;
-    /**
-     * Color of the border in 0xRRGGBBAA
-     *
-     * @default 0xffffffff
-     */
-    color?: number;
-}
-/**
- * The RadialProgressEffect renders a border along all edges of an element
- */
-export declare class RadialProgressEffect extends ShaderEffect {
-    static z$__type__Props: RadialProgressEffectProps;
-    readonly name = "radialProgress";
-    static getEffectKey(): string;
-    static resolveDefaults(props: RadialProgressEffectProps): Required<RadialProgressEffectProps>;
-    static uniforms: ShaderEffectUniforms;
-    static methods: Record<string, string>;
-    static onEffectMask: string;
-    static onColorize: string;
-}

package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js

@@ -1,127 +0,0 @@
-/*
- * If not stated otherwise in this file or this component's LICENSE file the
- * following copyright and licenses apply:
- *
- * Copyright 2023 Comcast Cable Communications Management, LLC.
- *
- * Licensed under the Apache License, Version 2.0 (the License);
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { getNormalizedRgbaComponents } from '../../../../lib/utils.js';
-import { updateShaderEffectColor } from './EffectUtils.js';
-import { ShaderEffect, } from './ShaderEffect.js';
-/**
- * The RadialProgressEffect renders a border along all edges of an element
- */
-export class RadialProgressEffect extends ShaderEffect {
-    static z$__type__Props;
-    name = 'radialProgress';
-    static getEffectKey() {
-        return `radialProgress`;
-    }
-    static resolveDefaults(props) {
-        return {
-            width: props.width ?? 10,
-            progress: props.progress ?? 0.5,
-            offset: props.offset ?? 0,
-            range: props.range ?? Math.PI * 2,
-            rounded: props.rounded ?? false,
-            radius: props.radius ?? 1,
-            color: props.color ?? 0xffffffff,
-        };
-    }
-    static uniforms = {
-        width: {
-            value: 0,
-            method: 'uniform1f',
-            type: 'float',
-        },
-        progress: {
-            value: 0.5,
-            method: 'uniform1f',
-            type: 'float',
-        },
-        offset: {
-            value: 0,
-            method: 'uniform1f',
-            type: 'float',
-        },
-        range: {
-            value: 0,
-            method: 'uniform1f',
-            type: 'float',
-        },
-        rounded: {
-            value: 0,
-            method: 'uniform1f',
-            type: 'float',
-            validator: (value) => {
-                return value ? 1 : 0;
-            },
-        },
-        radius: {
-            value: 1,
-            method: 'uniform1f',
-            type: 'float',
-        },
-        color: {
-            value: 0xffffffff,
-            updateProgramValue: updateShaderEffectColor,
-            method: 'uniform4fv',
-            type: 'vec4',
-        },
-    };
-    static methods = {
-        rotateUV: `
-    vec2 function(vec2 uv, float d) {
-      float s = sin(d);
-      float c = cos(d);
-      mat2 rotMatrix = mat2(c, -s, s, c);
-      return uv * rotMatrix;
-    }
-    `,
-        drawDot: `
-    float function(vec2 uv, vec2 p, float r) {
-      uv += p;
-      float circle = length(uv) - r;
-      return clamp(-circle, 0.0, 1.0);
-    }
-    `,
-    };
-    static onEffectMask = `
-    float outerRadius = radius * u_dimensions.y * 0.5;
-
-    float endAngle = range * progress - 0.0005;
-
-    vec2 uv = v_textureCoordinate.xy * u_dimensions.xy - u_dimensions * 0.5;
-
-    uv = $rotateUV(uv, -(offset));
-    float linewidth = width * u_pixelRatio;
-    float circle = length(uv) - (outerRadius - linewidth) ;
-    circle = abs(circle) - linewidth;
-    circle = clamp(-circle, 0.0, 1.0);
-
-    float angle = (atan(uv.x, -uv.y) / 3.14159265359 * 0.5);
-    float p = endAngle / (PI * 2.);
-
-    circle *= step(fract(angle), fract(p));
-
-    circle = rounded < 1. ? circle : max(circle, $drawDot(uv, vec2(0, outerRadius - linewidth), linewidth));
-    circle = rounded < 1. ? circle : max(circle, $drawDot($rotateUV(uv, -(endAngle)), vec2(0, outerRadius - linewidth), linewidth));
-
-    return mix(shaderColor, maskColor, circle);
-  `;
-    static onColorize = `
-    return color;
-  `;
-}
-//# sourceMappingURL=RadialProgressEffect.js.map

package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadialProgressEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/RadialProgressEffect.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EACL,YAAY,GAGb,MAAM,mBAAmB,CAAC;AAkD3B;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,YAAY;IACpD,MAAM,CAAC,eAAe,CAA4B;IAChC,IAAI,GAAG,gBAAgB,CAAC;IAE1C,MAAM,CAAU,YAAY;QAC1B,OAAO,gBAAgB,CAAC;IAC1B,CAAC;IAED,MAAM,CAAU,eAAe,CAC7B,KAAgC;QAEhC,OAAO;YACL,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE;YACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,GAAG;YAC/B,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC;YACzB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,EAAE,GAAG,CAAC;YACjC,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK;YAC/B,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC;YACzB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,UAAU;SACjC,CAAC;IACJ,CAAC;IAED,MAAM,CAAU,QAAQ,GAAyB;QAC/C,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,OAAO,EAAE;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;YACb,SAAS,EAAE,CAAC,KAAc,EAAU,EAAE;gBACpC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACvB,CAAC;SACF;QACD,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,KAAK,EAAE;YACL,KAAK,EAAE,UAAU;YACjB,kBAAkB,EAAE,uBAAuB;YAC3C,MAAM,EAAE,YAAY;YACpB,IAAI,EAAE,MAAM;SACb;KACF,CAAC;IAEF,MAAM,CAAU,OAAO,GAA2B;QAChD,QAAQ,EAAE;;;;;;;KAOT;QACD,OAAO,EAAE;;;;;;KAMR;KACF,CAAC;IAEF,MAAM,CAAU,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;GAsB9B,CAAC;IAEF,MAAM,CAAU,UAAU,GAAG;;GAE5B,CAAC"}

package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.d.ts

@@ -1,40 +0,0 @@
-import { ShaderEffect, type DefaultEffectProps, type ShaderEffectUniforms } from './ShaderEffect.js';
-/**
- * Properties of the {@link RadiusEffect} shader
- */
-export interface RadiusEffectProps extends DefaultEffectProps {
-    /**
-     * Corner radius, in pixels, to cut out of the corners
-     *
-     * @remarks
-     * You can input an array with a length of up to four or a number.
-     *
-     * array length 4:
-     * [topLeft, topRight, bottomRight, bottomLeft]
-     *
-     * array length 2:
-     * [20, 40] -> [20(topLeft), 40(topRight), 20(bottomRight), 40(bottomLeft)]
-     *
-     * array length 3:
-     * [20, 40, 60] -> [20(topLeft), 40(topRight), 60(bottomRight), 20(bottomLeft)]
-     *
-     * number:
-     * 30 -> [30, 30, 30, 30]
-     *
-     * @default 10
-     */
-    radius?: number | number[];
-}
-/**
- * Masks the current maskcolor with rounded corners similar to {@link RoundedRectangle}
- */
-export declare class RadiusEffect extends ShaderEffect {
-    static z$__type__Props: RadiusEffectProps;
-    readonly name = "radius";
-    static getEffectKey(): string;
-    static uniforms: ShaderEffectUniforms;
-    static methods: Record<string, string>;
-    static resolveDefaults(props: RadiusEffectProps): Required<RadiusEffectProps>;
-    static onShaderMask: string;
-    static onEffectMask: string;
-}