@lightningjs/renderer 2.18.3 → 2.19.0

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":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,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,47 @@
+/*
+ * 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.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+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":"AAAA;;;;;;;;;;;;;;;GAeG;AA0BH,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,31 @@
+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[];
+    /**
+     * Width of the RadialGradientEffect
+     */
+    w: number;
+    /**
+     * height of the RadialGradientEffect
+     *
+     * @remarks if not defined uses the width value
+     */
+    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,49 @@
+/*
+ * 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.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+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":"AAAA;;;;;;;;;;;;;;;GAeG;AAkCH,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,67 @@
+/*
+ * 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.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+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":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,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,24 @@
+/*
+ * 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.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+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":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,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,6 @@
+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'>;
+export declare const RoundedWithBorderTemplate: CoreShaderType<RoundedWithBorderProps>;

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

@@ -0,0 +1,23 @@
+/*
+ * 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.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { getBorderProps } from './BorderTemplate.js';
+import { RoundedTemplate } from './RoundedTemplate.js';
+const props = Object.assign({}, RoundedTemplate.props, getBorderProps('border'));
+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":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,cAAc,EAAoB,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAqB,MAAM,sBAAsB,CAAC;AAM1E,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/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,23 @@
+/*
+ * 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.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+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":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,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>;

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

@@ -0,0 +1,66 @@
+/*
+ * 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.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export function getShadowProps(prefix) {
+    const pf = prefix && prefix.length > 0 ? `${prefix}-` : '';
+    const projection = pf + 'projection';
+    return {
+        [pf + 'color']: 0x000000ff,
+        [projection]: {
+            default: [0, 0, 5, 5],
+        },
+        [pf + 'x']: {
+            default: 0,
+            set(value, props) {
+                props[projection][0] = value;
+            },
+            get(props) {
+                return props[projection][0];
+            },
+        },
+        [pf + 'y']: {
+            default: 0,
+            set(value, props) {
+                props[projection][1] = value;
+            },
+            get(props) {
+                return props[projection][1];
+            },
+        },
+        [pf + 'blur']: {
+            default: 10,
+            set(value, props) {
+                props[projection][2] = value;
+            },
+            get(props) {
+                return props[projection][2];
+            },
+        },
+        [pf + 'spread']: {
+            default: 10,
+            set(value, props) {
+                props[projection][3] = value;
+            },
+            get(props) {
+                return props[projection][3];
+            },
+        },
+    };
+}
+export const ShadowTemplate = {
+    props: getShadowProps(),
+};
+//# sourceMappingURL=ShadowTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShadowTemplate.js","sourceRoot":"","sources":["../../../../../src/core/shaders/templates/ShadowTemplate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAoCH,MAAM,UAAU,cAAc,CAC5B,MAAU;IAEV,MAAM,EAAE,GAAG,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3D,MAAM,UAAU,GAAG,EAAE,GAAG,YAAY,CAAC;IAErC,OAAO;QACL,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,UAAU;QAC1B,CAAC,UAAU,CAAC,EAAE;YACZ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;SACtB;QACD,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE;YACV,OAAO,EAAE,CAAC;YACV,GAAG,CAAC,KAAK,EAAE,KAAK;gBACd,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YAC/B,CAAC;YACD,GAAG,CAAC,KAAK;gBACP,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9B,CAAC;SACF;QACD,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE;YACV,OAAO,EAAE,CAAC;YACV,GAAG,CAAC,KAAK,EAAE,KAAK;gBACd,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YAC/B,CAAC;YACD,GAAG,CAAC,KAAK;gBACP,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9B,CAAC;SACF;QACD,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE;YACb,OAAO,EAAE,EAAE;YACX,GAAG,CAAC,KAAK,EAAE,KAAK;gBACd,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YAC/B,CAAC;YACD,GAAG,CAAC,KAAK;gBACP,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9B,CAAC;SACF;QACD,CAAC,EAAE,GAAG,QAAQ,CAAC,EAAE;YACf,OAAO,EAAE,EAAE;YACX,GAAG,CAAC,KAAK,EAAE,KAAK;gBACd,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YAC/B,CAAC;YACD,GAAG,CAAC,KAAK;gBACP,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9B,CAAC;SACF;KAC8B,CAAC;AACpC,CAAC;AAID,MAAM,CAAC,MAAM,cAAc,GAAgC;IACzD,KAAK,EAAE,cAAc,EAAsB;CAC5C,CAAC"}

package/dist/src/core/shaders/utils.d.ts

@@ -0,0 +1,5 @@
+import type { Vec4 } from '../renderers/webgl/internal/ShaderUtils.js';
+export declare const validateArrayLength4: (value: number | number[]) => Vec4;
+export type PrefixedType<T, P extends string | undefined = undefined> = {
+    [Key in keyof T as P extends string ? `${P}-${string & Key}` : Key]: T[Key];
+};

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

@@ -0,0 +1,41 @@
+/*
+ * 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.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { assertTruthy } from '../../utils.js';
+export const validateArrayLength4 = (value) => {
+    if (!Array.isArray(value)) {
+        return [value, value, value, value];
+    }
+    assertTruthy(value);
+    if (value.length === 4) {
+        return value;
+    }
+    if (value.length === 3) {
+        value[3] = value[0];
+        return value;
+    }
+    if (value.length === 2) {
+        value[2] = value[0];
+        value[3] = value[1];
+        return value;
+    }
+    value[0] = value[0] || 0;
+    value[1] = value[0];
+    value[2] = value[0];
+    value[3] = value[0];
+    return value;
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/core/shaders/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAwB,EAAQ,EAAE;IACrE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACtC,CAAC;IACD,YAAY,CAAC,KAAK,CAAC,CAAC;IACpB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,KAAa,CAAC;IACvB,CAAC;IACD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAE,CAAC;QACrB,OAAO,KAAa,CAAC;IACvB,CAAC;IACD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAE,CAAC;QACrB,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAE,CAAC;QACrB,OAAO,KAAa,CAAC;IACvB,CAAC;IACD,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACzB,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACpB,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACpB,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACpB,OAAO,KAAa,CAAC;AACvB,CAAC,CAAC"}

package/dist/src/core/shaders/webgl/Border.d.ts

@@ -0,0 +1,3 @@
+import { type BorderProps } from '../templates/BorderTemplate.js';
+import type { WebGlShaderType } from '../../renderers/webgl/WebGlShaderNode.js';
+export declare const Border: WebGlShaderType<BorderProps>;

package/dist/src/core/shaders/webgl/Border.js

@@ -0,0 +1,110 @@
+/*
+ * 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.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { valuesAreEqual } from '../../lib/utils.js';
+import { BorderTemplate, } from '../templates/BorderTemplate.js';
+export const Border = {
+    props: BorderTemplate.props,
+    update(node) {
+        this.uniform4fa('u_borderWidth', this.props.w);
+        this.uniformRGBA('u_borderColor', this.props.color);
+    },
+    vertex: `
+    # ifdef GL_FRAGMENT_PRECISION_HIGH
+    precision highp float;
+    # else
+    precision mediump float;
+    # endif
+
+    attribute vec2 a_position;
+    attribute vec2 a_textureCoords;
+    attribute vec4 a_color;
+    attribute vec2 a_nodeCoords;
+
+    uniform vec2 u_resolution;
+    uniform float u_pixelRatio;
+    uniform vec2 u_dimensions;
+
+    uniform vec4 u_radius;
+    uniform vec4 u_borderWidth;
+
+    varying vec4 v_color;
+    varying vec2 v_textureCoords;
+    varying vec2 v_nodeCoords;
+
+    varying vec2 v_innerSize;
+    varying vec2 v_halfDimensions;
+
+    void main() {
+      vec2 normalized = a_position * u_pixelRatio;
+      vec2 screenSpace = vec2(2.0 / u_resolution.x, -2.0 / u_resolution.y);
+
+      v_color = a_color;
+      v_nodeCoords = a_nodeCoords;
+      v_textureCoords = a_textureCoords;
+
+      v_halfDimensions = u_dimensions * 0.5;
+      v_innerSize = vec2(u_dimensions.x - (u_borderWidth[3] + u_borderWidth[1]), u_dimensions.y - (u_borderWidth[0] + u_borderWidth[2])) * 0.5 - 0.5;
+
+      gl_Position = vec4(normalized.x * screenSpace.x - 1.0, normalized.y * -abs(screenSpace.y) + 1.0, 0.0, 1.0);
+      gl_Position.y = -sign(screenSpace.y) * gl_Position.y;
+    }
+  `,
+    fragment: `
+    # ifdef GL_FRAGMENT_PRECISION_HIGH
+    precision highp float;
+    # else
+    precision mediump float;
+    # endif
+
+    uniform vec2 u_resolution;
+    uniform float u_pixelRatio;
+    uniform float u_alpha;
+
+    uniform vec2 u_dimensions;
+    uniform sampler2D u_texture;
+
+    uniform vec4 u_borderWidth;
+    uniform vec4 u_borderColor;
+
+    varying vec4 v_color;
+    varying vec2 v_nodeCoords;
+    varying vec2 v_textureCoords;
+
+    varying vec2 v_innerSize;
+    varying vec2 v_halfDimensions;
+
+    float box(vec2 p, vec2 s) {
+      vec2 q = abs(p) - s;
+      return (min(max(q.x, q.y), 0.0) + length(max(q, 0.0)));
+    }
+
+    void main() {
+      vec4 color = texture2D(u_texture, v_textureCoords) * v_color;
+      vec2 boxUv = v_nodeCoords.xy * u_dimensions - v_halfDimensions;
+
+      boxUv.x += u_borderWidth.y > u_borderWidth.w ? (u_borderWidth.y - u_borderWidth.w) * 0.5 : -(u_borderWidth.w - u_borderWidth.y) * 0.5;
+      boxUv.y += u_borderWidth.z > u_borderWidth.x ? (u_borderWidth.z - u_borderWidth.x) * 0.5 : -(u_borderWidth.x - u_borderWidth.z) * 0.5;
+
+      float innerDist = box(boxUv, v_innerSize);
+      float innerAlpha = 1.0 - smoothstep(0.0, 1.0, innerDist);
+
+      vec4 resColor = mix(u_borderColor, color, innerAlpha);
+      gl_FragColor = resColor * u_alpha;
+    }
+  `,
+};
+//# sourceMappingURL=Border.js.map

package/dist/src/core/shaders/webgl/Border.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Border.js","sourceRoot":"","sources":["../../../../../src/core/shaders/webgl/Border.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EACL,cAAc,GAEf,MAAM,gCAAgC,CAAC;AAIxC,MAAM,CAAC,MAAM,MAAM,GAAiC;IAClD,KAAK,EAAE,cAAc,CAAC,KAAK;IAC3B,MAAM,CAAC,IAAI;QACT,IAAI,CAAC,UAAU,CAAC,eAAe,EAAE,IAAI,CAAC,KAAM,CAAC,CAAS,CAAC,CAAC;QACxD,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE,IAAI,CAAC,KAAM,CAAC,KAAK,CAAC,CAAC;IACvD,CAAC;IACD,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCP;IACD,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CT;CACF,CAAC"}