@solidtv/renderer 1.0.0

package/dist/src/core/shaders/canvas/utils/render.js

@@ -0,0 +1,81 @@
+export function roundRect(ctx, x, y, width, height, radius) {
+    if (ctx.roundRect !== undefined) {
+        ctx.roundRect(x, y, width, height, radius);
+        return;
+    }
+    const { 0: tl, 1: tr, 2: br, 3: bl } = radius;
+    ctx.moveTo(x + tl, y);
+    ctx.lineTo(x + width - tr, y);
+    ctx.ellipse(x + width - tr, y + tr, tr, tr, 0, 1.5 * Math.PI, 2 * Math.PI);
+    ctx.lineTo(x + width, y - height - br);
+    ctx.ellipse(x + width - br, y + height - br, br, br, 0, 0, 0.5 * Math.PI);
+    ctx.lineTo(x + bl, y + height);
+    ctx.ellipse(x + bl, y + height - bl, bl, bl, 0, 0.5 * Math.PI, Math.PI);
+    ctx.lineTo(x, y + tl);
+    ctx.ellipse(x + tl, y + tl, tl, tl, 0, Math.PI, 1.5 * Math.PI);
+}
+export function roundedRectWithBorder(ctx, x, y, width, height, radius, borderGap, outerX, outerY, outerW, outerH, outerBorderRadius, innerX, innerY, innerW, innerH, innerBorderRadius, borderColor, renderContext) {
+    outerX += x;
+    outerY += y;
+    outerW += width;
+    outerH += height;
+    innerX += x;
+    innerY += y;
+    innerW += width;
+    innerH += height;
+    // no gap render strategy - to avoid artifacts between border and node
+    if (borderGap === 0) {
+        //draw outer border rounded rect
+        ctx.beginPath();
+        roundRect(ctx, outerX, outerY, outerW, outerH, outerBorderRadius);
+        ctx.fillStyle = borderColor;
+        ctx.fill();
+        ctx.closePath();
+        const path = new Path2D();
+        roundRect(path, innerX, innerY, innerW, innerH, innerBorderRadius);
+        ctx.clip(path);
+        renderContext();
+        return;
+    }
+    // with gap render strategy
+    //draw node content first
+    ctx.save();
+    const path = new Path2D();
+    roundRect(path, x, y, width, height, radius);
+    ctx.clip(path);
+    renderContext();
+    ctx.restore();
+    //draw border by clipping inner area from outer area
+    ctx.save();
+    const borderPath = new Path2D();
+    roundRect(borderPath, outerX, outerY, outerW, outerH, outerBorderRadius);
+    roundRect(borderPath, innerX, innerY, innerW, innerH, innerBorderRadius);
+    ctx.fillStyle = borderColor;
+    ctx.fill(borderPath, 'evenodd');
+    ctx.restore();
+}
+export function shadow(ctx, x, y, width, height, color, projection, radius, pixelRatio) {
+    ctx.save();
+    const cw = ctx.canvas.width;
+    const ch = ctx.canvas.height;
+    const scaleFactor = (2 * projection[3] + width) / width;
+    ctx.scale(scaleFactor, scaleFactor);
+    ctx.shadowColor = color;
+    ctx.shadowBlur = projection[2] * pixelRatio;
+    ctx.shadowOffsetX = projection[0] + cw * pixelRatio - projection[3] * 0.5;
+    ctx.shadowOffsetY = projection[1] + ch * pixelRatio - projection[3] * 0.5;
+    const spreadFactor = projection[3];
+    ctx.beginPath();
+    roundRect(ctx, (x - spreadFactor - cw) / scaleFactor, (y - spreadFactor - ch) / scaleFactor, width + spreadFactor, height + spreadFactor, radius);
+    ctx.fillStyle = color;
+    ctx.fill();
+    ctx.restore();
+}
+export function strokeLine(ctx, x, y, x2, y2, lineWidth) {
+    ctx.beginPath();
+    ctx.lineWidth = lineWidth;
+    ctx.moveTo(x, y);
+    ctx.lineTo(x2, y2);
+    ctx.stroke();
+}
+//# sourceMappingURL=render.js.map

package/dist/src/core/shaders/canvas/utils/render.js.map

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

package/dist/src/core/shaders/templates/BorderTemplate.d.ts

@@ -0,0 +1,47 @@
+import type { CoreShaderType } from '../../renderers/CoreShaderNode.js';
+import { type PrefixedType } from '../utils.js';
+/**
+ * Properties of the {@link Border} shader
+ */
+export interface BorderProps {
+    /**
+     * Width of the border in pixels
+     *
+     * @default 0
+     */
+    w: number | [number, number, number, number];
+    /**
+     * Color of the border in 0xRRGGBBAA
+     *
+     * @default 0xffffffff
+     */
+    color: number;
+    /**
+     * Alignment of the border
+     *
+     * @default 'inside'
+     */
+    align: number | 'inside' | 'center' | 'outside';
+    /**
+     * Gap between node and border baseline. Default is 0. and generally edge of node)
+     */
+    gap: number;
+    /**
+     * Top width
+     */
+    top: number;
+    /**
+     * Right width
+     */
+    right: number;
+    /**
+     * Bottom width
+     */
+    bottom: number;
+    /**
+     * Left width
+     */
+    left: number;
+}
+export declare function getBorderProps<P extends string>(prefix?: P): PrefixedType<BorderProps, P>;
+export declare const BorderTemplate: CoreShaderType<BorderProps>;

package/dist/src/core/shaders/templates/BorderTemplate.js

@@ -0,0 +1,77 @@
+import { validateArrayLength4 } from '../utils.js';
+export function getBorderProps(prefix) {
+    const pf = prefix && prefix.length > 0 ? `${prefix}-` : '';
+    const w = pf + 'w';
+    return {
+        [w]: {
+            default: [0, 0, 0, 0],
+            resolve(value) {
+                if (value !== undefined) {
+                    return validateArrayLength4(value);
+                }
+                return [].concat(this.default);
+            },
+        },
+        [pf + 'color']: 0xffffffff,
+        [pf + 'align']: {
+            default: 0, //inside,
+            resolve(value) {
+                if (!isNaN(value)) {
+                    return value;
+                }
+                if (typeof value === 'string') {
+                    switch (value) {
+                        case 'inside':
+                            return 0;
+                        case 'center':
+                            return 0.5;
+                        case 'outside':
+                            return 1;
+                    }
+                }
+                return this.default;
+            },
+        },
+        [pf + 'gap']: 0,
+        [pf + 'top']: {
+            default: 0,
+            set(value, props) {
+                props[w][0] = value;
+            },
+            get(props) {
+                return props[w][0];
+            },
+        },
+        [pf + 'right']: {
+            default: 0,
+            set(value, props) {
+                props[w][1] = value;
+            },
+            get(props) {
+                return props[w][1];
+            },
+        },
+        [pf + 'bottom']: {
+            default: 0,
+            set(value, props) {
+                props[w][2] = value;
+            },
+            get(props) {
+                return props[w][2];
+            },
+        },
+        [pf + 'left']: {
+            default: 0,
+            set(value, props) {
+                props[w][3] = value;
+            },
+            get(props) {
+                return props[w][3];
+            },
+        },
+    };
+}
+export const BorderTemplate = {
+    props: getBorderProps(),
+};
+//# sourceMappingURL=BorderTemplate.js.map

package/dist/src/core/shaders/templates/BorderTemplate.js.map

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

package/dist/src/core/shaders/templates/HolePunchTemplate.d.ts

@@ -0,0 +1,46 @@
+import type { CoreShaderType } from '../../renderers/CoreShaderNode.js';
+/**
+ * Properties of the {@link HolePunch} shader
+ */
+export interface HolePunchProps {
+    /**
+     * X position where the hole punch starts
+     */
+    x: number;
+    /**
+     * Y position where the hole punch starts
+     */
+    y: number;
+    /**
+     * Width of the hole punch
+     */
+    w: number;
+    /**
+     * height of the hole punch
+     *
+     * @remarks if not defined uses the width value
+     */
+    h: number;
+    /**
+     * Corner radius in pixels, to cut out of the corners of the hole punch
+     *
+     * @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 -1
+     */
+    radius: number | number[];
+}
+export declare const HolePunchTemplate: CoreShaderType<HolePunchProps>;

package/dist/src/core/shaders/templates/HolePunchTemplate.js

@@ -0,0 +1,19 @@
+import { validateArrayLength4 } from '../utils.js';
+export const HolePunchTemplate = {
+    props: {
+        x: 0,
+        y: 0,
+        w: 50,
+        h: 50,
+        radius: {
+            default: [0, 0, 0, 0],
+            resolve(value) {
+                if (value !== undefined) {
+                    return validateArrayLength4(value);
+                }
+                return [].concat(this.default);
+            },
+        },
+    },
+};
+//# sourceMappingURL=HolePunchTemplate.js.map

package/dist/src/core/shaders/templates/HolePunchTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HolePunchTemplate.js","sourceRoot":"","sources":["../../../../../src/core/shaders/templates/HolePunchTemplate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AA+CnD,MAAM,CAAC,MAAM,iBAAiB,GAAmC;IAC/D,KAAK,EAAE;QACL,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,EAAE;QACL,CAAC,EAAE,EAAE;QACL,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACrB,OAAO,CAAC,KAAK;gBACX,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBACxB,OAAO,oBAAoB,CAAC,KAAK,CAAC,CAAC;gBACrC,CAAC;gBACD,OAAQ,EAAe,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC/C,CAAC;SACF;KACF;CACF,CAAC"}

package/dist/src/core/shaders/templates/LinearGradientTemplate.d.ts

@@ -0,0 +1,23 @@
+import type { CoreShaderType } from '../../renderers/CoreShaderNode.js';
+/**
+ * Properties of the {@link LinearGradient} shader
+ */
+export interface LinearGradientProps {
+    /**
+     * Array of colors to be used in the LinearGradient shader
+     *
+     * @default [0xff000000, 0xffffffff]
+     */
+    colors: number[];
+    /**
+     * Angle of the LinearGradient shader, Angle in Radians
+     *
+     * @default 0
+     */
+    angle: number;
+    /**
+     * Array of color stops
+     */
+    stops: number[];
+}
+export declare const LinearGradientTemplate: CoreShaderType<LinearGradientProps>;

package/dist/src/core/shaders/templates/LinearGradientTemplate.js

@@ -0,0 +1,31 @@
+export const LinearGradientTemplate = {
+    props: {
+        colors: {
+            default: [0x000000ff, 0xffffffff],
+            resolve(value) {
+                if (value !== undefined && value.length > 0) {
+                    return value;
+                }
+                return [].concat(this.default);
+            },
+        },
+        stops: {
+            default: [0, 1],
+            resolve(value, props) {
+                if (value !== undefined && value.length === props.colors.length) {
+                    return value;
+                }
+                if (value === undefined) {
+                    value = [];
+                }
+                const len = props.colors.length;
+                for (let i = 0; i < len; i++) {
+                    value[i] = i * (1 / (len - 1));
+                }
+                return value;
+            },
+        },
+        angle: 0,
+    },
+};
+//# sourceMappingURL=LinearGradientTemplate.js.map

package/dist/src/core/shaders/templates/LinearGradientTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearGradientTemplate.js","sourceRoot":"","sources":["../../../../../src/core/shaders/templates/LinearGradientTemplate.ts"],"names":[],"mappings":"AAwBA,MAAM,CAAC,MAAM,sBAAsB,GAAwC;IACzE,KAAK,EAAE;QACL,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC;YACjC,OAAO,CAAC,KAAK;gBACX,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBAC5C,OAAO,KAAK,CAAC;gBACf,CAAC;gBACD,OAAQ,EAAe,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC/C,CAAC;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACf,OAAO,CAAC,KAAK,EAAE,KAAK;gBAClB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;oBAChE,OAAO,KAAK,CAAC;gBACf,CAAC;gBACD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBACxB,KAAK,GAAG,EAAE,CAAC;gBACb,CAAC;gBACD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;gBAChC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;oBAC7B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;gBACjC,CAAC;gBACD,OAAO,KAAK,CAAC;YACf,CAAC;SACF;QACD,KAAK,EAAE,CAAC;KACT;CACF,CAAC"}

package/dist/src/core/shaders/templates/RadialGradientTemplate.d.ts

@@ -0,0 +1,33 @@
+import type { CoreShaderType } from '../../renderers/CoreShaderNode.js';
+/**
+ * Properties of the {@link RadialGradient} shader
+ */
+export interface RadialGradientProps {
+    /**
+     * Array of colors to be used in the RadialGradient shader
+     *
+     * @default [0xff000000, 0xffffffff]
+     */
+    colors: number[];
+    /**
+     * Array of color stops
+     */
+    stops: number[];
+    /**
+     * radial width of the RadialGradientEffect
+     *
+     * @remarks from the center to the outer edge of the gradient
+     */
+    w: number;
+    /**
+     * radial height of the RadialGradientEffect
+     * if not defined uses the width value
+     * @remarks from the center to the outer edge of the gradient
+     */
+    h: number;
+    /**
+     * center point of where the RadialGradientEffect is drawn
+     */
+    pivot: [number, number];
+}
+export declare const RadialGradientTemplate: CoreShaderType<RadialGradientProps>;

package/dist/src/core/shaders/templates/RadialGradientTemplate.js

@@ -0,0 +1,33 @@
+export const RadialGradientTemplate = {
+    props: {
+        colors: {
+            default: [0x000000ff, 0xffffffff],
+            resolve(value) {
+                if (value !== undefined && value.length > 0) {
+                    return value;
+                }
+                return [].concat(this.default);
+            },
+        },
+        stops: {
+            default: [0, 1],
+            resolve(value, props) {
+                if (value !== undefined && value.length === props.colors.length) {
+                    return value;
+                }
+                if (value === undefined) {
+                    value = [];
+                }
+                const len = props.colors.length;
+                for (let i = 0; i < len; i++) {
+                    value[i] = i * (1 / (len - 1));
+                }
+                return value;
+            },
+        },
+        w: 50,
+        h: 50,
+        pivot: [0.5, 0.5],
+    },
+};
+//# sourceMappingURL=RadialGradientTemplate.js.map

package/dist/src/core/shaders/templates/RadialGradientTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadialGradientTemplate.js","sourceRoot":"","sources":["../../../../../src/core/shaders/templates/RadialGradientTemplate.ts"],"names":[],"mappings":"AAkCA,MAAM,CAAC,MAAM,sBAAsB,GAAwC;IACzE,KAAK,EAAE;QACL,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC;YACjC,OAAO,CAAC,KAAK;gBACX,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBAC5C,OAAO,KAAK,CAAC;gBACf,CAAC;gBACD,OAAQ,EAAe,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC/C,CAAC;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACf,OAAO,CAAC,KAAK,EAAE,KAAK;gBAClB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;oBAChE,OAAO,KAAK,CAAC;gBACf,CAAC;gBACD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBACxB,KAAK,GAAG,EAAE,CAAC;gBACb,CAAC;gBACD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;gBAChC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;oBAC7B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;gBACjC,CAAC;gBACD,OAAO,KAAK,CAAC;YACf,CAAC;SACF;QACD,CAAC,EAAE,EAAE;QACL,CAAC,EAAE,EAAE;QACL,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;KAClB;CACF,CAAC"}

package/dist/src/core/shaders/templates/RoundedTemplate.d.ts

@@ -0,0 +1,29 @@
+import type { CoreShaderType } from '../../renderers/CoreShaderNode.js';
+/**
+ * Properties of the {@link RoundedRectangle} shader
+ */
+export interface RoundedProps {
+    /**
+     * Corner radius, in pixels, to cut out of the corners
+     *
+     * @defaultValue 0
+     */
+    radius: number | number[];
+    /**
+     * sets top-left corner
+     */
+    'top-left': number;
+    /**
+     * sets top-right corner
+     */
+    'top-right': number;
+    /**
+     * sets bottom-right corner
+     */
+    'bottom-right': number;
+    /**
+     * sets bottom-left corner
+     */
+    'bottom-left': number;
+}
+export declare const RoundedTemplate: CoreShaderType<RoundedProps>;

package/dist/src/core/shaders/templates/RoundedTemplate.js

@@ -0,0 +1,51 @@
+import { validateArrayLength4 } from '../utils.js';
+export const RoundedTemplate = {
+    props: {
+        radius: {
+            default: [0, 0, 0, 0],
+            resolve(value) {
+                if (value !== undefined) {
+                    return validateArrayLength4(value);
+                }
+                return [].concat(this.default);
+            },
+        },
+        'top-left': {
+            default: 0,
+            set(value, props) {
+                props.radius[0] = value;
+            },
+            get(props) {
+                return props.radius[0];
+            },
+        },
+        'top-right': {
+            default: 0,
+            set(value, props) {
+                props.radius[1] = value;
+            },
+            get(props) {
+                return props.radius[1];
+            },
+        },
+        'bottom-right': {
+            default: 0,
+            set(value, props) {
+                props.radius[2] = value;
+            },
+            get(props) {
+                return props.radius[2];
+            },
+        },
+        'bottom-left': {
+            default: 0,
+            set(value, props) {
+                props.radius[3] = value;
+            },
+            get(props) {
+                return props.radius[3];
+            },
+        },
+    },
+};
+//# sourceMappingURL=RoundedTemplate.js.map

package/dist/src/core/shaders/templates/RoundedTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoundedTemplate.js","sourceRoot":"","sources":["../../../../../src/core/shaders/templates/RoundedTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AA8BnD,MAAM,CAAC,MAAM,eAAe,GAAiC;IAC3D,KAAK,EAAE;QACL,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACrB,OAAO,CAAC,KAAK;gBACX,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBACxB,OAAO,oBAAoB,CAAC,KAAK,CAAC,CAAC;gBACrC,CAAC;gBACD,OAAQ,EAAe,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC/C,CAAC;SACF;QACD,UAAU,EAAE;YACV,OAAO,EAAE,CAAC;YACV,GAAG,CAAC,KAAK,EAAE,KAAK;gBACb,KAAK,CAAC,MAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YACpC,CAAC;YACD,GAAG,CAAC,KAAK;gBACP,OAAQ,KAAK,CAAC,MAAe,CAAC,CAAC,CAAC,CAAC;YACnC,CAAC;SACF;QACD,WAAW,EAAE;YACX,OAAO,EAAE,CAAC;YACV,GAAG,CAAC,KAAK,EAAE,KAAK;gBACb,KAAK,CAAC,MAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YACpC,CAAC;YACD,GAAG,CAAC,KAAK;gBACP,OAAQ,KAAK,CAAC,MAAe,CAAC,CAAC,CAAC,CAAC;YACnC,CAAC;SACF;QACD,cAAc,EAAE;YACd,OAAO,EAAE,CAAC;YACV,GAAG,CAAC,KAAK,EAAE,KAAK;gBACb,KAAK,CAAC,MAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YACpC,CAAC;YACD,GAAG,CAAC,KAAK;gBACP,OAAQ,KAAK,CAAC,MAAe,CAAC,CAAC,CAAC,CAAC;YACnC,CAAC;SACF;QACD,aAAa,EAAE;YACb,OAAO,EAAE,CAAC;YACV,GAAG,CAAC,KAAK,EAAE,KAAK;gBACb,KAAK,CAAC,MAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YACpC,CAAC;YACD,GAAG,CAAC,KAAK;gBACP,OAAQ,KAAK,CAAC,MAAe,CAAC,CAAC,CAAC,CAAC;YACnC,CAAC;SACF;KACF;CACF,CAAC"}

package/dist/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.d.ts

@@ -0,0 +1,7 @@
+import type { CoreShaderType } from '../../renderers/CoreShaderNode.js';
+import { type BorderProps } from './BorderTemplate.js';
+import { type RoundedProps } from './RoundedTemplate.js';
+import type { PrefixedType } from '../utils.js';
+import { type ShadowProps } from './ShadowTemplate.js';
+export type RoundedWithBorderAndShadowProps = RoundedProps & PrefixedType<BorderProps, 'border'> & PrefixedType<ShadowProps, 'shadow'>;
+export declare const RoundedWithBorderAndShadowTemplate: CoreShaderType<RoundedWithBorderAndShadowProps>;

package/dist/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.js

@@ -0,0 +1,8 @@
+import { getBorderProps } from './BorderTemplate.js';
+import { RoundedTemplate } from './RoundedTemplate.js';
+import { getShadowProps } from './ShadowTemplate.js';
+const props = Object.assign({}, RoundedTemplate.props, getBorderProps('border'), getShadowProps('shadow'));
+export const RoundedWithBorderAndShadowTemplate = {
+    props,
+};
+//# sourceMappingURL=RoundedWithBorderAndShadowTemplate.js.map

package/dist/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoundedWithBorderAndShadowTemplate.js","sourceRoot":"","sources":["../../../../../src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAoB,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAqB,MAAM,sBAAsB,CAAC;AAE1E,OAAO,EAAE,cAAc,EAAoB,MAAM,qBAAqB,CAAC;AAMvE,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CACzB,EAAE,EACF,eAAe,CAAC,KAAK,EACrB,cAAc,CAAC,QAAQ,CAAC,EACxB,cAAc,CAAC,QAAQ,CAAC,CACU,CAAC;AAErC,MAAM,CAAC,MAAM,kCAAkC,GAC7C;IACE,KAAK;CACN,CAAC"}

package/dist/src/core/shaders/templates/RoundedWithBorderTemplate.d.ts

@@ -0,0 +1,8 @@
+import type { CoreShaderType } from '../../renderers/CoreShaderNode.js';
+import { type BorderProps } from './BorderTemplate.js';
+import { type RoundedProps } from './RoundedTemplate.js';
+import type { PrefixedType } from '../utils.js';
+export type RoundedWithBorderProps = RoundedProps & PrefixedType<BorderProps, 'border'> & {
+    'border-fill': number;
+};
+export declare const RoundedWithBorderTemplate: CoreShaderType<RoundedWithBorderProps>;

package/dist/src/core/shaders/templates/RoundedWithBorderTemplate.js

@@ -0,0 +1,9 @@
+import { getBorderProps } from './BorderTemplate.js';
+import { RoundedTemplate } from './RoundedTemplate.js';
+const props = Object.assign({}, RoundedTemplate.props, getBorderProps('border'), {
+    'border-fill': 0x00000000,
+});
+export const RoundedWithBorderTemplate = {
+    props,
+};
+//# sourceMappingURL=RoundedWithBorderTemplate.js.map

package/dist/src/core/shaders/templates/RoundedWithBorderTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoundedWithBorderTemplate.js","sourceRoot":"","sources":["../../../../../src/core/shaders/templates/RoundedWithBorderTemplate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAoB,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAqB,MAAM,sBAAsB,CAAC;AAQ1E,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CACzB,EAAE,EACF,eAAe,CAAC,KAAK,EACrB,cAAc,CAAC,QAAQ,CAAC,EACxB;IACE,aAAa,EAAE,UAAU;CAC1B,CACwB,CAAC;AAE5B,MAAM,CAAC,MAAM,yBAAyB,GACpC;IACE,KAAK;CACN,CAAC"}

package/dist/src/core/shaders/templates/RoundedWithShadowTemplate.d.ts

@@ -0,0 +1,6 @@
+import type { CoreShaderType } from '../../renderers/CoreShaderNode.js';
+import { type RoundedProps } from './RoundedTemplate.js';
+import type { PrefixedType } from '../utils.js';
+import { type ShadowProps } from './ShadowTemplate.js';
+export type RoundedWithShadowProps = RoundedProps & PrefixedType<ShadowProps, 'shadow'>;
+export declare const RoundedWithShadowTemplate: CoreShaderType<RoundedWithShadowProps>;

package/dist/src/core/shaders/templates/RoundedWithShadowTemplate.js

@@ -0,0 +1,7 @@
+import { RoundedTemplate } from './RoundedTemplate.js';
+import { getShadowProps } from './ShadowTemplate.js';
+const props = Object.assign({}, RoundedTemplate.props, getShadowProps('shadow'));
+export const RoundedWithShadowTemplate = {
+    props,
+};
+//# sourceMappingURL=RoundedWithShadowTemplate.js.map

package/dist/src/core/shaders/templates/RoundedWithShadowTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoundedWithShadowTemplate.js","sourceRoot":"","sources":["../../../../../src/core/shaders/templates/RoundedWithShadowTemplate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAqB,MAAM,sBAAsB,CAAC;AAE1E,OAAO,EAAE,cAAc,EAAoB,MAAM,qBAAqB,CAAC;AAKvE,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CACzB,EAAE,EACF,eAAe,CAAC,KAAK,EACrB,cAAc,CAAC,QAAQ,CAAC,CACC,CAAC;AAE5B,MAAM,CAAC,MAAM,yBAAyB,GACpC;IACE,KAAK;CACN,CAAC"}

package/dist/src/core/shaders/templates/ShadowTemplate.d.ts

@@ -0,0 +1,34 @@
+import type { CoreShaderType } from '../../renderers/CoreShaderNode.js';
+import type { PrefixedType } from '../utils.js';
+export interface ShadowProps {
+    /**
+     * Shadow Color
+     *
+     * @default 0x000000ff
+     */
+    color: number;
+    /**
+     * Shadow Projection [offsetX, offsetY, blur, spread]
+     *
+     * @default [0, 0, 5, 5]
+     */
+    projection: [number, number, number, number];
+    /**
+     * OffsetX of Shadow (center)
+     */
+    x: number;
+    /**
+     * OffsetY of Shadow (center)
+     */
+    y: number;
+    /**
+     * Blur along the edges of the Shadow
+     */
+    blur: number;
+    /**
+     * Spread of the shadow compared to node
+     */
+    spread: number;
+}
+export declare function getShadowProps<P extends string>(prefix?: P): PrefixedType<ShadowProps, P>;
+export declare const ShadowTemplate: CoreShaderType<ShadowProps>;