@lightningjs/renderer 2.9.0 → 2.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (224) hide show
  1. package/COPYING +1 -0
  2. package/LICENSE +202 -202
  3. package/NOTICE +3 -3
  4. package/README.md +147 -147
  5. package/dist/src/core/CoreNode.js +1 -1
  6. package/dist/src/core/CoreNode.js.map +1 -1
  7. package/dist/src/core/lib/utils.d.ts +1 -0
  8. package/dist/src/core/lib/utils.js +3 -0
  9. package/dist/src/core/lib/utils.js.map +1 -1
  10. package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js +6 -3
  11. package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js.map +1 -1
  12. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +45 -45
  13. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +61 -61
  14. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +93 -93
  15. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +63 -63
  16. package/dist/src/core/renderers/webgl/shaders/SdfShader.js +62 -62
  17. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +15 -15
  18. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +6 -6
  19. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +15 -15
  20. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +15 -15
  21. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +15 -15
  22. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +42 -42
  23. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +44 -44
  24. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +3 -3
  25. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js +22 -22
  26. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +28 -28
  27. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +10 -10
  28. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +37 -37
  29. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +19 -19
  30. package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js +7 -3
  31. package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js.map +1 -1
  32. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js +7 -0
  33. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js.map +1 -1
  34. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js +5 -1
  35. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js.map +1 -1
  36. package/dist/src/core/textures/ImageTexture.js +5 -4
  37. package/dist/src/core/textures/ImageTexture.js.map +1 -1
  38. package/dist/src/core/textures/SubTexture.d.ts +1 -0
  39. package/dist/src/core/textures/SubTexture.js +7 -0
  40. package/dist/src/core/textures/SubTexture.js.map +1 -1
  41. package/dist/src/core/textures/Texture.d.ts +9 -0
  42. package/dist/src/core/textures/Texture.js +23 -13
  43. package/dist/src/core/textures/Texture.js.map +1 -1
  44. package/dist/tsconfig.dist.tsbuildinfo +1 -1
  45. package/exports/canvas.ts +39 -39
  46. package/exports/index.ts +89 -89
  47. package/exports/inspector.ts +24 -24
  48. package/exports/utils.ts +44 -44
  49. package/exports/webgl.ts +38 -38
  50. package/package.json +1 -1
  51. package/scripts/please-use-pnpm.js +13 -13
  52. package/src/common/CommonTypes.ts +139 -139
  53. package/src/common/EventEmitter.ts +77 -77
  54. package/src/common/IAnimationController.ts +92 -92
  55. package/src/common/IEventEmitter.ts +28 -28
  56. package/src/core/CoreNode.test.ts +199 -199
  57. package/src/core/CoreNode.ts +2335 -2335
  58. package/src/core/CoreShaderManager.ts +292 -292
  59. package/src/core/CoreTextNode.ts +455 -455
  60. package/src/core/CoreTextureManager.ts +548 -548
  61. package/src/core/Stage.ts +700 -700
  62. package/src/core/TextureMemoryManager.ts +277 -277
  63. package/src/core/animations/AnimationManager.ts +38 -38
  64. package/src/core/animations/CoreAnimation.ts +340 -340
  65. package/src/core/animations/CoreAnimationController.ts +157 -157
  66. package/src/core/lib/ContextSpy.ts +41 -41
  67. package/src/core/lib/ImageWorker.ts +270 -270
  68. package/src/core/lib/Matrix3d.ts +244 -244
  69. package/src/core/lib/RenderCoords.ts +86 -86
  70. package/src/core/lib/WebGlContextWrapper.ts +1322 -1322
  71. package/src/core/lib/textureCompression.ts +152 -152
  72. package/src/core/lib/textureSvg.ts +78 -78
  73. package/src/core/lib/utils.ts +310 -306
  74. package/src/core/platform.ts +61 -61
  75. package/src/core/renderers/CoreContextTexture.ts +43 -43
  76. package/src/core/renderers/CoreRenderOp.ts +22 -22
  77. package/src/core/renderers/CoreRenderer.ts +114 -114
  78. package/src/core/renderers/CoreShader.ts +41 -41
  79. package/src/core/renderers/canvas/CanvasCoreRenderer.ts +369 -364
  80. package/src/core/renderers/canvas/CanvasCoreTexture.ts +150 -150
  81. package/src/core/renderers/canvas/internal/C2DShaderUtils.ts +231 -231
  82. package/src/core/renderers/canvas/internal/ColorUtils.ts +69 -69
  83. package/src/core/renderers/canvas/shaders/UnsupportedShader.ts +48 -48
  84. package/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.ts +79 -79
  85. package/src/core/renderers/webgl/WebGlCoreCtxSubTexture.ts +50 -50
  86. package/src/core/renderers/webgl/WebGlCoreCtxTexture.ts +298 -298
  87. package/src/core/renderers/webgl/WebGlCoreRenderOp.ts +125 -125
  88. package/src/core/renderers/webgl/WebGlCoreRenderer.ts +805 -805
  89. package/src/core/renderers/webgl/WebGlCoreShader.ts +362 -362
  90. package/src/core/renderers/webgl/internal/BufferCollection.ts +54 -54
  91. package/src/core/renderers/webgl/internal/RendererUtils.ts +155 -155
  92. package/src/core/renderers/webgl/internal/ShaderUtils.ts +143 -143
  93. package/src/core/renderers/webgl/internal/WebGlUtils.ts +35 -35
  94. package/src/core/renderers/webgl/shaders/DefaultShader.ts +93 -93
  95. package/src/core/renderers/webgl/shaders/DefaultShaderBatched.ts +132 -132
  96. package/src/core/renderers/webgl/shaders/DynamicShader.ts +580 -580
  97. package/src/core/renderers/webgl/shaders/RoundedRectangle.ts +167 -167
  98. package/src/core/renderers/webgl/shaders/SdfShader.ts +204 -204
  99. package/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.ts +101 -101
  100. package/src/core/renderers/webgl/shaders/effects/BorderEffect.ts +87 -87
  101. package/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.ts +101 -101
  102. package/src/core/renderers/webgl/shaders/effects/BorderRightEffect.ts +101 -101
  103. package/src/core/renderers/webgl/shaders/effects/BorderTopEffect.ts +101 -101
  104. package/src/core/renderers/webgl/shaders/effects/EffectUtils.ts +159 -159
  105. package/src/core/renderers/webgl/shaders/effects/FadeOutEffect.ts +127 -127
  106. package/src/core/renderers/webgl/shaders/effects/GlitchEffect.ts +148 -148
  107. package/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.ts +67 -67
  108. package/src/core/renderers/webgl/shaders/effects/HolePunchEffect.ts +157 -157
  109. package/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.ts +171 -171
  110. package/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.ts +168 -168
  111. package/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.ts +187 -187
  112. package/src/core/renderers/webgl/shaders/effects/RadiusEffect.ts +110 -110
  113. package/src/core/renderers/webgl/shaders/effects/ShaderEffect.ts +196 -196
  114. package/src/core/text-rendering/TextRenderingUtils.ts +36 -36
  115. package/src/core/text-rendering/TextTextureRendererUtils.ts +263 -263
  116. package/src/core/text-rendering/TrFontManager.ts +183 -183
  117. package/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.ts +176 -176
  118. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.ts +139 -139
  119. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.test.ts +173 -173
  120. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.ts +171 -171
  121. package/src/core/text-rendering/font-face-types/TrFontFace.ts +187 -187
  122. package/src/core/text-rendering/font-face-types/WebTrFontFace.ts +94 -89
  123. package/src/core/text-rendering/renderers/CanvasTextRenderer.ts +509 -509
  124. package/src/core/text-rendering/renderers/LightningTextTextureRenderer.ts +808 -798
  125. package/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.ts +853 -853
  126. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.test.ts +48 -48
  127. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.ts +66 -66
  128. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.ts +52 -52
  129. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.ts +32 -32
  130. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.ts +117 -117
  131. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.test.ts +133 -133
  132. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.ts +38 -38
  133. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.ts +408 -403
  134. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.test.ts +49 -49
  135. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.ts +52 -52
  136. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.test.ts +205 -205
  137. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.ts +93 -93
  138. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.ts +40 -40
  139. package/src/core/text-rendering/renderers/TextRenderer.ts +557 -557
  140. package/src/core/textures/ColorTexture.ts +102 -102
  141. package/src/core/textures/ImageTexture.ts +379 -378
  142. package/src/core/textures/NoiseTexture.ts +104 -104
  143. package/src/core/textures/RenderTexture.ts +85 -85
  144. package/src/core/textures/SubTexture.ts +179 -171
  145. package/src/core/textures/Texture.ts +435 -423
  146. package/src/core/utils.ts +227 -227
  147. package/src/env.d.ts +7 -7
  148. package/src/main-api/DynamicShaderController.ts +104 -104
  149. package/src/main-api/INode.ts +101 -101
  150. package/src/main-api/Inspector.ts +505 -505
  151. package/src/main-api/Renderer.ts +693 -693
  152. package/src/main-api/ShaderController.ts +80 -80
  153. package/src/main-api/utils.ts +45 -45
  154. package/src/utils.ts +248 -248
  155. package/dist/exports/core-api.d.ts +0 -74
  156. package/dist/exports/core-api.js +0 -96
  157. package/dist/exports/core-api.js.map +0 -1
  158. package/dist/exports/main-api.d.ts +0 -30
  159. package/dist/exports/main-api.js +0 -45
  160. package/dist/exports/main-api.js.map +0 -1
  161. package/dist/src/core/CoreExtension.d.ts +0 -12
  162. package/dist/src/core/CoreExtension.js +0 -29
  163. package/dist/src/core/CoreExtension.js.map +0 -1
  164. package/dist/src/main-api/ICoreDriver.d.ts +0 -24
  165. package/dist/src/main-api/ICoreDriver.js +0 -20
  166. package/dist/src/main-api/ICoreDriver.js.map +0 -1
  167. package/dist/src/main-api/RendererMain.d.ts +0 -378
  168. package/dist/src/main-api/RendererMain.js +0 -367
  169. package/dist/src/main-api/RendererMain.js.map +0 -1
  170. package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.d.ts +0 -9
  171. package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.js +0 -38
  172. package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.js.map +0 -1
  173. package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.d.ts +0 -56
  174. package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.js +0 -101
  175. package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.js.map +0 -1
  176. package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.d.ts +0 -32
  177. package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.js +0 -28
  178. package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.js.map +0 -1
  179. package/dist/src/render-drivers/main/MainCoreDriver.d.ts +0 -21
  180. package/dist/src/render-drivers/main/MainCoreDriver.js +0 -115
  181. package/dist/src/render-drivers/main/MainCoreDriver.js.map +0 -1
  182. package/dist/src/render-drivers/main/MainOnlyNode.d.ts +0 -101
  183. package/dist/src/render-drivers/main/MainOnlyNode.js +0 -425
  184. package/dist/src/render-drivers/main/MainOnlyNode.js.map +0 -1
  185. package/dist/src/render-drivers/main/MainOnlyTextNode.d.ts +0 -47
  186. package/dist/src/render-drivers/main/MainOnlyTextNode.js +0 -204
  187. package/dist/src/render-drivers/main/MainOnlyTextNode.js.map +0 -1
  188. package/dist/src/render-drivers/threadx/NodeStruct.d.ts +0 -93
  189. package/dist/src/render-drivers/threadx/NodeStruct.js +0 -290
  190. package/dist/src/render-drivers/threadx/NodeStruct.js.map +0 -1
  191. package/dist/src/render-drivers/threadx/SharedNode.d.ts +0 -40
  192. package/dist/src/render-drivers/threadx/SharedNode.js +0 -61
  193. package/dist/src/render-drivers/threadx/SharedNode.js.map +0 -1
  194. package/dist/src/render-drivers/threadx/TextNodeStruct.d.ts +0 -44
  195. package/dist/src/render-drivers/threadx/TextNodeStruct.js +0 -203
  196. package/dist/src/render-drivers/threadx/TextNodeStruct.js.map +0 -1
  197. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.d.ts +0 -25
  198. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js +0 -232
  199. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js.map +0 -1
  200. package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.d.ts +0 -24
  201. package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.js +0 -113
  202. package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.js.map +0 -1
  203. package/dist/src/render-drivers/threadx/ThreadXMainNode.d.ts +0 -46
  204. package/dist/src/render-drivers/threadx/ThreadXMainNode.js +0 -160
  205. package/dist/src/render-drivers/threadx/ThreadXMainNode.js.map +0 -1
  206. package/dist/src/render-drivers/threadx/ThreadXMainTextNode.d.ts +0 -28
  207. package/dist/src/render-drivers/threadx/ThreadXMainTextNode.js +0 -55
  208. package/dist/src/render-drivers/threadx/ThreadXMainTextNode.js.map +0 -1
  209. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.d.ts +0 -70
  210. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.js +0 -32
  211. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.js.map +0 -1
  212. package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.d.ts +0 -19
  213. package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.js +0 -184
  214. package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.js.map +0 -1
  215. package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.d.ts +0 -27
  216. package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.js +0 -109
  217. package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.js.map +0 -1
  218. package/dist/src/render-drivers/threadx/worker/renderer.d.ts +0 -1
  219. package/dist/src/render-drivers/threadx/worker/renderer.js +0 -147
  220. package/dist/src/render-drivers/threadx/worker/renderer.js.map +0 -1
  221. package/dist/src/render-drivers/utils.d.ts +0 -12
  222. package/dist/src/render-drivers/utils.js +0 -74
  223. package/dist/src/render-drivers/utils.js.map +0 -1
  224. package/dist/tsconfig.tsbuildinfo +0 -1
@@ -1,87 +1,87 @@
1
- /*
2
- * If not stated otherwise in this file or this component's LICENSE file the
3
- * following copyright and licenses apply:
4
- *
5
- * Copyright 2023 Comcast Cable Communications Management, LLC.
6
- *
7
- * Licensed under the Apache License, Version 2.0 (the License);
8
- * you may not use this file except in compliance with the License.
9
- * You may obtain a copy of the License at
10
- *
11
- * http://www.apache.org/licenses/LICENSE-2.0
12
- *
13
- * Unless required by applicable law or agreed to in writing, software
14
- * distributed under the License is distributed on an "AS IS" BASIS,
15
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16
- * See the License for the specific language governing permissions and
17
- * limitations under the License.
18
- */
19
- import { updateShaderEffectColor } from './EffectUtils.js';
20
- import {
21
- ShaderEffect,
22
- type DefaultEffectProps,
23
- type ShaderEffectUniforms,
24
- } from './ShaderEffect.js';
25
-
26
- /**
27
- * Properties of the {@link BorderEffect} effect
28
- */
29
- export interface BorderEffectProps extends DefaultEffectProps {
30
- /**
31
- * Width of the border in pixels
32
- *
33
- * @default 10
34
- */
35
- width?: number;
36
- /**
37
- * Color of the border in 0xRRGGBBAA
38
- *
39
- * @default 0xffffffff
40
- */
41
- color?: number;
42
- }
43
-
44
- /**
45
- * The BorderEffect renders a border along all edges of an element
46
- */
47
- export class BorderEffect extends ShaderEffect {
48
- static z$__type__Props: BorderEffectProps;
49
- override readonly name = 'border';
50
-
51
- static override getEffectKey(): string {
52
- return `border`;
53
- }
54
-
55
- static override resolveDefaults(
56
- props: BorderEffectProps,
57
- ): Required<BorderEffectProps> {
58
- return {
59
- width: props.width ?? 10,
60
- color: props.color ?? 0xffffffff,
61
- };
62
- }
63
-
64
- static override uniforms: ShaderEffectUniforms = {
65
- width: {
66
- value: 0,
67
- method: 'uniform1f',
68
- type: 'float',
69
- },
70
- color: {
71
- value: 0xffffffff,
72
- updateProgramValue: updateShaderEffectColor,
73
- method: 'uniform4fv',
74
- type: 'vec4',
75
- },
76
- };
77
-
78
- static override onEffectMask = `
79
- float intR = shaderMask + 1.0;
80
- float mask = clamp(intR + width, 0.0, 1.0) - clamp(intR, 0.0, 1.0);
81
- return mix(shaderColor, mix(shaderColor, maskColor, maskColor.a), mask);
82
- `;
83
-
84
- static override onColorize = `
85
- return color;
86
- `;
87
- }
1
+ /*
2
+ * If not stated otherwise in this file or this component's LICENSE file the
3
+ * following copyright and licenses apply:
4
+ *
5
+ * Copyright 2023 Comcast Cable Communications Management, LLC.
6
+ *
7
+ * Licensed under the Apache License, Version 2.0 (the License);
8
+ * you may not use this file except in compliance with the License.
9
+ * You may obtain a copy of the License at
10
+ *
11
+ * http://www.apache.org/licenses/LICENSE-2.0
12
+ *
13
+ * Unless required by applicable law or agreed to in writing, software
14
+ * distributed under the License is distributed on an "AS IS" BASIS,
15
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16
+ * See the License for the specific language governing permissions and
17
+ * limitations under the License.
18
+ */
19
+ import { updateShaderEffectColor } from './EffectUtils.js';
20
+ import {
21
+ ShaderEffect,
22
+ type DefaultEffectProps,
23
+ type ShaderEffectUniforms,
24
+ } from './ShaderEffect.js';
25
+
26
+ /**
27
+ * Properties of the {@link BorderEffect} effect
28
+ */
29
+ export interface BorderEffectProps extends DefaultEffectProps {
30
+ /**
31
+ * Width of the border in pixels
32
+ *
33
+ * @default 10
34
+ */
35
+ width?: number;
36
+ /**
37
+ * Color of the border in 0xRRGGBBAA
38
+ *
39
+ * @default 0xffffffff
40
+ */
41
+ color?: number;
42
+ }
43
+
44
+ /**
45
+ * The BorderEffect renders a border along all edges of an element
46
+ */
47
+ export class BorderEffect extends ShaderEffect {
48
+ static z$__type__Props: BorderEffectProps;
49
+ override readonly name = 'border';
50
+
51
+ static override getEffectKey(): string {
52
+ return `border`;
53
+ }
54
+
55
+ static override resolveDefaults(
56
+ props: BorderEffectProps,
57
+ ): Required<BorderEffectProps> {
58
+ return {
59
+ width: props.width ?? 10,
60
+ color: props.color ?? 0xffffffff,
61
+ };
62
+ }
63
+
64
+ static override uniforms: ShaderEffectUniforms = {
65
+ width: {
66
+ value: 0,
67
+ method: 'uniform1f',
68
+ type: 'float',
69
+ },
70
+ color: {
71
+ value: 0xffffffff,
72
+ updateProgramValue: updateShaderEffectColor,
73
+ method: 'uniform4fv',
74
+ type: 'vec4',
75
+ },
76
+ };
77
+
78
+ static override onEffectMask = `
79
+ float intR = shaderMask + 1.0;
80
+ float mask = clamp(intR + width, 0.0, 1.0) - clamp(intR, 0.0, 1.0);
81
+ return mix(shaderColor, mix(shaderColor, maskColor, maskColor.a), mask);
82
+ `;
83
+
84
+ static override onColorize = `
85
+ return color;
86
+ `;
87
+ }
@@ -1,101 +1,101 @@
1
- /*
2
- * If not stated otherwise in this file or this component's LICENSE file the
3
- * following copyright and licenses apply:
4
- *
5
- * Copyright 2023 Comcast Cable Communications Management, LLC.
6
- *
7
- * Licensed under the Apache License, Version 2.0 (the License);
8
- * you may not use this file except in compliance with the License.
9
- * You may obtain a copy of the License at
10
- *
11
- * http://www.apache.org/licenses/LICENSE-2.0
12
- *
13
- * Unless required by applicable law or agreed to in writing, software
14
- * distributed under the License is distributed on an "AS IS" BASIS,
15
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16
- * See the License for the specific language governing permissions and
17
- * limitations under the License.
18
- */
19
- import { updateShaderEffectColor } from './EffectUtils.js';
20
- import {
21
- ShaderEffect,
22
- type DefaultEffectProps,
23
- type ShaderEffectUniforms,
24
- } from './ShaderEffect.js';
25
-
26
- /**
27
- * Properties of the {@link BorderLeftEffect} effect
28
- */
29
- export interface BorderLeftEffectProps extends DefaultEffectProps {
30
- /**
31
- * Width of the border in pixels
32
- *
33
- * @default 10
34
- */
35
- width?: number;
36
- /**
37
- * Color of the border in 0xRRGGBBAA
38
- *
39
- * @default 0xffffffff
40
- */
41
- color?: number;
42
- }
43
-
44
- /**
45
- * The BorderBottomEffect renders a border on the left of an element
46
- */
47
- export class BorderLeftEffect extends ShaderEffect {
48
- static z$__type__Props: BorderLeftEffectProps;
49
- override readonly name = 'borderLeft';
50
-
51
- static override getEffectKey(): string {
52
- return `borderLeft`;
53
- }
54
-
55
- static override resolveDefaults(
56
- props: BorderLeftEffectProps,
57
- ): Required<BorderLeftEffectProps> {
58
- return {
59
- width: props.width ?? 10,
60
- color: props.color ?? 0xffffffff,
61
- };
62
- }
63
-
64
- static override uniforms: ShaderEffectUniforms = {
65
- width: {
66
- value: 0,
67
- method: 'uniform1f',
68
- type: 'float',
69
- },
70
- color: {
71
- value: 0xffffffff,
72
- updateProgramValue: updateShaderEffectColor,
73
- method: 'uniform4fv',
74
- type: 'vec4',
75
- },
76
- };
77
-
78
- static override methods: Record<string, string> = {
79
- fillMask: `
80
- float function(float dist) {
81
- return clamp(-dist, 0.0, 1.0);
82
- }
83
- `,
84
- rectDist: `
85
- float function(vec2 p, vec2 size) {
86
- vec2 d = abs(p) - size;
87
- return min(max(d.x, d.y), 0.0) + length(max(d, 0.0));
88
- }
89
- `,
90
- };
91
-
92
- static override onEffectMask = `
93
- vec2 pos = vec2(width * 0.5, 0.0);
94
- float mask = $rectDist(v_textureCoordinate.xy * u_dimensions - pos, vec2(width*0.5, u_dimensions.y));
95
- return mix(shaderColor, maskColor, $fillMask(mask));
96
- `;
97
-
98
- static override onColorize = `
99
- return color;
100
- `;
101
- }
1
+ /*
2
+ * If not stated otherwise in this file or this component's LICENSE file the
3
+ * following copyright and licenses apply:
4
+ *
5
+ * Copyright 2023 Comcast Cable Communications Management, LLC.
6
+ *
7
+ * Licensed under the Apache License, Version 2.0 (the License);
8
+ * you may not use this file except in compliance with the License.
9
+ * You may obtain a copy of the License at
10
+ *
11
+ * http://www.apache.org/licenses/LICENSE-2.0
12
+ *
13
+ * Unless required by applicable law or agreed to in writing, software
14
+ * distributed under the License is distributed on an "AS IS" BASIS,
15
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16
+ * See the License for the specific language governing permissions and
17
+ * limitations under the License.
18
+ */
19
+ import { updateShaderEffectColor } from './EffectUtils.js';
20
+ import {
21
+ ShaderEffect,
22
+ type DefaultEffectProps,
23
+ type ShaderEffectUniforms,
24
+ } from './ShaderEffect.js';
25
+
26
+ /**
27
+ * Properties of the {@link BorderLeftEffect} effect
28
+ */
29
+ export interface BorderLeftEffectProps extends DefaultEffectProps {
30
+ /**
31
+ * Width of the border in pixels
32
+ *
33
+ * @default 10
34
+ */
35
+ width?: number;
36
+ /**
37
+ * Color of the border in 0xRRGGBBAA
38
+ *
39
+ * @default 0xffffffff
40
+ */
41
+ color?: number;
42
+ }
43
+
44
+ /**
45
+ * The BorderBottomEffect renders a border on the left of an element
46
+ */
47
+ export class BorderLeftEffect extends ShaderEffect {
48
+ static z$__type__Props: BorderLeftEffectProps;
49
+ override readonly name = 'borderLeft';
50
+
51
+ static override getEffectKey(): string {
52
+ return `borderLeft`;
53
+ }
54
+
55
+ static override resolveDefaults(
56
+ props: BorderLeftEffectProps,
57
+ ): Required<BorderLeftEffectProps> {
58
+ return {
59
+ width: props.width ?? 10,
60
+ color: props.color ?? 0xffffffff,
61
+ };
62
+ }
63
+
64
+ static override uniforms: ShaderEffectUniforms = {
65
+ width: {
66
+ value: 0,
67
+ method: 'uniform1f',
68
+ type: 'float',
69
+ },
70
+ color: {
71
+ value: 0xffffffff,
72
+ updateProgramValue: updateShaderEffectColor,
73
+ method: 'uniform4fv',
74
+ type: 'vec4',
75
+ },
76
+ };
77
+
78
+ static override methods: Record<string, string> = {
79
+ fillMask: `
80
+ float function(float dist) {
81
+ return clamp(-dist, 0.0, 1.0);
82
+ }
83
+ `,
84
+ rectDist: `
85
+ float function(vec2 p, vec2 size) {
86
+ vec2 d = abs(p) - size;
87
+ return min(max(d.x, d.y), 0.0) + length(max(d, 0.0));
88
+ }
89
+ `,
90
+ };
91
+
92
+ static override onEffectMask = `
93
+ vec2 pos = vec2(width * 0.5, 0.0);
94
+ float mask = $rectDist(v_textureCoordinate.xy * u_dimensions - pos, vec2(width*0.5, u_dimensions.y));
95
+ return mix(shaderColor, maskColor, $fillMask(mask));
96
+ `;
97
+
98
+ static override onColorize = `
99
+ return color;
100
+ `;
101
+ }
@@ -1,101 +1,101 @@
1
- /*
2
- * If not stated otherwise in this file or this component's LICENSE file the
3
- * following copyright and licenses apply:
4
- *
5
- * Copyright 2023 Comcast Cable Communications Management, LLC.
6
- *
7
- * Licensed under the Apache License, Version 2.0 (the License);
8
- * you may not use this file except in compliance with the License.
9
- * You may obtain a copy of the License at
10
- *
11
- * http://www.apache.org/licenses/LICENSE-2.0
12
- *
13
- * Unless required by applicable law or agreed to in writing, software
14
- * distributed under the License is distributed on an "AS IS" BASIS,
15
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16
- * See the License for the specific language governing permissions and
17
- * limitations under the License.
18
- */
19
- import { updateShaderEffectColor } from './EffectUtils.js';
20
- import {
21
- ShaderEffect,
22
- type DefaultEffectProps,
23
- type ShaderEffectUniforms,
24
- } from './ShaderEffect.js';
25
-
26
- /**
27
- * Properties of the {@link BorderRightEffect} effect
28
- */
29
- export interface BorderRightEffectProps extends DefaultEffectProps {
30
- /**
31
- * Width of the border in pixels
32
- *
33
- * @default 10
34
- */
35
- width?: number;
36
- /**
37
- * Color of the border in 0xRRGGBBAA
38
- *
39
- * @default 0xffffffff
40
- */
41
- color?: number;
42
- }
43
-
44
- /**
45
- * The BorderBottomEffect renders a border on the right side of an element
46
- */
47
- export class BorderRightEffect extends ShaderEffect {
48
- static z$__type__Props: BorderRightEffectProps;
49
- override readonly name = 'borderRight';
50
-
51
- static override getEffectKey(): string {
52
- return `borderRight`;
53
- }
54
-
55
- static override resolveDefaults(
56
- props: BorderRightEffectProps,
57
- ): Required<BorderRightEffectProps> {
58
- return {
59
- width: props.width ?? 10,
60
- color: props.color ?? 0xffffffff,
61
- };
62
- }
63
-
64
- static override uniforms: ShaderEffectUniforms = {
65
- width: {
66
- value: 0,
67
- method: 'uniform1f',
68
- type: 'float',
69
- },
70
- color: {
71
- value: 0xffffffff,
72
- updateProgramValue: updateShaderEffectColor,
73
- method: 'uniform4fv',
74
- type: 'vec4',
75
- },
76
- };
77
-
78
- static override methods: Record<string, string> = {
79
- fillMask: `
80
- float function(float dist) {
81
- return clamp(-dist, 0.0, 1.0);
82
- }
83
- `,
84
- rectDist: `
85
- float function(vec2 p, vec2 size) {
86
- vec2 d = abs(p) - size;
87
- return min(max(d.x, d.y), 0.0) + length(max(d, 0.0));
88
- }
89
- `,
90
- };
91
-
92
- static override onEffectMask = `
93
- vec2 pos = vec2(u_dimensions.x - width * 0.5, 0.0);
94
- float mask = $rectDist(v_textureCoordinate.xy * u_dimensions - pos, vec2(width*0.5, u_dimensions.y));
95
- return mix(shaderColor, maskColor, $fillMask(mask));
96
- `;
97
-
98
- static override onColorize = `
99
- return color;
100
- `;
101
- }
1
+ /*
2
+ * If not stated otherwise in this file or this component's LICENSE file the
3
+ * following copyright and licenses apply:
4
+ *
5
+ * Copyright 2023 Comcast Cable Communications Management, LLC.
6
+ *
7
+ * Licensed under the Apache License, Version 2.0 (the License);
8
+ * you may not use this file except in compliance with the License.
9
+ * You may obtain a copy of the License at
10
+ *
11
+ * http://www.apache.org/licenses/LICENSE-2.0
12
+ *
13
+ * Unless required by applicable law or agreed to in writing, software
14
+ * distributed under the License is distributed on an "AS IS" BASIS,
15
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16
+ * See the License for the specific language governing permissions and
17
+ * limitations under the License.
18
+ */
19
+ import { updateShaderEffectColor } from './EffectUtils.js';
20
+ import {
21
+ ShaderEffect,
22
+ type DefaultEffectProps,
23
+ type ShaderEffectUniforms,
24
+ } from './ShaderEffect.js';
25
+
26
+ /**
27
+ * Properties of the {@link BorderRightEffect} effect
28
+ */
29
+ export interface BorderRightEffectProps extends DefaultEffectProps {
30
+ /**
31
+ * Width of the border in pixels
32
+ *
33
+ * @default 10
34
+ */
35
+ width?: number;
36
+ /**
37
+ * Color of the border in 0xRRGGBBAA
38
+ *
39
+ * @default 0xffffffff
40
+ */
41
+ color?: number;
42
+ }
43
+
44
+ /**
45
+ * The BorderBottomEffect renders a border on the right side of an element
46
+ */
47
+ export class BorderRightEffect extends ShaderEffect {
48
+ static z$__type__Props: BorderRightEffectProps;
49
+ override readonly name = 'borderRight';
50
+
51
+ static override getEffectKey(): string {
52
+ return `borderRight`;
53
+ }
54
+
55
+ static override resolveDefaults(
56
+ props: BorderRightEffectProps,
57
+ ): Required<BorderRightEffectProps> {
58
+ return {
59
+ width: props.width ?? 10,
60
+ color: props.color ?? 0xffffffff,
61
+ };
62
+ }
63
+
64
+ static override uniforms: ShaderEffectUniforms = {
65
+ width: {
66
+ value: 0,
67
+ method: 'uniform1f',
68
+ type: 'float',
69
+ },
70
+ color: {
71
+ value: 0xffffffff,
72
+ updateProgramValue: updateShaderEffectColor,
73
+ method: 'uniform4fv',
74
+ type: 'vec4',
75
+ },
76
+ };
77
+
78
+ static override methods: Record<string, string> = {
79
+ fillMask: `
80
+ float function(float dist) {
81
+ return clamp(-dist, 0.0, 1.0);
82
+ }
83
+ `,
84
+ rectDist: `
85
+ float function(vec2 p, vec2 size) {
86
+ vec2 d = abs(p) - size;
87
+ return min(max(d.x, d.y), 0.0) + length(max(d, 0.0));
88
+ }
89
+ `,
90
+ };
91
+
92
+ static override onEffectMask = `
93
+ vec2 pos = vec2(u_dimensions.x - width * 0.5, 0.0);
94
+ float mask = $rectDist(v_textureCoordinate.xy * u_dimensions - pos, vec2(width*0.5, u_dimensions.y));
95
+ return mix(shaderColor, maskColor, $fillMask(mask));
96
+ `;
97
+
98
+ static override onColorize = `
99
+ return color;
100
+ `;
101
+ }