npm - @razorpay/blade - Versions diffs - 12.93.0 → 12.95.0 - Mend

@razorpay/blade 12.93.0 → 12.95.0

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 (55) hide show

package/build/lib/native/components/Spark/RzpGlass/RzpGlass.js CHANGED Viewed

@@ -4,10 +4,10 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef, useState, useRef, useEffect, useCallback } from 'react';
 import { RzpGlassMount } from './RzpGlassMount.js';
-import { PRESETS } from './presets.js';
+import { getPresets } from './presets.js';
 import { jsx } from 'react/jsx-runtime';
-var _excluded=["width","height","className","style","onLoad","onError","preset","cdnPath","gradientMapSrc","gradientMap2Src","gradientMapCanvas","imageSrc"],_excluded2=["width","height","className","style","onLoad","onError","cdnPath","gradientMapCanvas","gradientMapSrc","gradientMap2Src","imageSrc"];var DEFAULT_CDN_PATH='https://cdn.jsdelivr.net/gh/razorpay/blade@feat/expose-assets-folder/packages/blade/assets/spark';var getDefaultAssets=function getDefaultAssets(cdnPath){return {videoSrc:`${cdnPath}/spark-base-video.mp4`,imageSrc:`${cdnPath}/bottom-frame.jpg`,gradientMapSrc:`${cdnPath}/colorama-gradient-map-green.jpg`,gradientMap2Src:`${cdnPath}/colorama-gradient-map-blue.jpg`,centerGradientMapSrc:`${cdnPath}/colorama-center-gradient-map.jpg`};};function useMergeRefs(refs){return useCallback(function(value){refs.forEach(function(ref){if(typeof ref==='function'){ref(value);}else if(ref!=null){ref.current=value;}});},[refs]);}function extractConfig(props){props.width;props.height;props.className;props.style;props.onLoad;props.onError;props.preset;props.cdnPath;props.gradientMapSrc;props.gradientMap2Src;props.gradientMapCanvas;props.imageSrc;var config=_objectWithoutProperties(props,_excluded);return Object.fromEntries(Object.entries(config).filter(function(_ref){var _ref2=_slicedToArray(_ref,2),v=_ref2[1];return v!==undefined;}));}var ASSET_KEYS=new Set(['videoSrc','imageSrc','gradientMapSrc','gradientMap2Src','centerGradientMapSrc']);function getPresetDefinition(preset){if(preset&&preset in PRESETS)return Object.assign({},PRESETS[preset]);return {};}function getPresetConfig(preset){var def=getPresetDefinition(preset);return Object.fromEntries(Object.entries(def).filter(function(_ref3){var _ref4=_slicedToArray(_ref3,1),k=_ref4[0];return !ASSET_KEYS.has(k);}));}function getPresetAssets(preset){var def=getPresetDefinition(preset);return Object.fromEntries(Object.entries(def).filter(function(_ref5){var _ref6=_slicedToArray(_ref5,1),k=_ref6[0];return ASSET_KEYS.has(k);}));}function resolveConfig(props){return Object.assign({},getPresetConfig(props.preset),extractConfig(props));}var RzpGlass=forwardRef(function RzpGlass(props,forwardedRef){var _presetAssets$videoSr,_ref7,_ref8,_presetAssets$centerG,_configProps$edgeFeat;var _props$width=props.width,width=_props$width===void 0?'100%':_props$width,_props$height=props.height,height=_props$height===void 0?'100%':_props$height,className=props.className,style=props.style,onLoad=props.onLoad,onError=props.onError,cdnPathProp=props.cdnPath,gradientMapCanvas=props.gradientMapCanvas,gradientMapSrcProp=props.gradientMapSrc,gradientMap2SrcProp=props.gradientMap2Src,imageSrcProp=props.imageSrc,configProps=_objectWithoutProperties(props,_excluded2);var cdnPath=cdnPathProp!=null?cdnPathProp:DEFAULT_CDN_PATH;var defaultAssets=getDefaultAssets(cdnPath);var presetAssets=getPresetAssets(props.preset);var imageSrc=imageSrcProp!=null?imageSrcProp:presetAssets.imageSrc;var videoSrc=imageSrc?undefined:(_presetAssets$videoSr=presetAssets.videoSrc)!=null?_presetAssets$videoSr:defaultAssets.videoSrc;var gradientMapSrc=(_ref7=gradientMapSrcProp!=null?gradientMapSrcProp:presetAssets.gradientMapSrc)!=null?_ref7:defaultAssets.gradientMapSrc;var gradientMap2Src=(_ref8=gradientMap2SrcProp!=null?gradientMap2SrcProp:presetAssets.gradientMap2Src)!=null?_ref8:defaultAssets.gradientMap2Src;var centerGradientMapSrc=(_presetAssets$centerG=presetAssets.centerGradientMapSrc)!=null?_presetAssets$centerG:defaultAssets.centerGradientMapSrc;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isInitialized=_useState2[0],setIsInitialized=_useState2[1];var _useState3=useState(null),_useState4=_slicedToArray(_useState3,2),error=_useState4[0],setError=_useState4[1];var divRef=useRef(null);var mountRef=useRef(null);useEffect(function(){var init=function(){var _ref9=_asyncToGenerator(function*(){if(!divRef.current||mountRef.current)return;try{var config=resolveConfig(props);mountRef.current=new RzpGlassMount(divRef.current,{videoSrc:videoSrc,imageSrc:imageSrc,gradientMapSrc:gradientMapSrc,gradientMap2Src:gradientMap2Src,centerGradientMapSrc:centerGradientMapSrc},config);yield mountRef.current.loadAssets();setIsInitialized(true);onLoad==null?void 0:onLoad();}catch(err){var _error=err instanceof Error?err:new Error(String(err));setError(_error);onError==null?void 0:onError(_error);}});return function init(){return _ref9.apply(this,arguments);};}();void init();return function(){var _mountRef$current;(_mountRef$current=mountRef.current)==null?void 0:_mountRef$current.dispose();mountRef.current=null;setIsInitialized(false);};},[cdnPath,videoSrc,imageSrc,gradientMapSrc,gradientMap2Src,centerGradientMapSrc,configProps.preset]);useEffect(function(){if(isInitialized&&mountRef.current){var config=resolveConfig(props);mountRef.current.setUniforms(config);}},[isInitialized,configProps.preset,configProps.inputMin,configProps.inputMax,configProps.modifyGamma,configProps.posterizeLevels,configProps.cycleRepetitions,configProps.phaseShift,configProps.cycleSpeed,configProps.wrapMode,configProps.reverse,configProps.blendWithOriginal,configProps.numSegments,configProps.slitAngle,configProps.displacementX,configProps.displacementY,configProps.enableCenterElement,configProps.centerAnimDuration,configProps.ccBlackPoint,configProps.ccWhitePoint,configProps.ccMidtoneGamma,configProps.ccGamma,configProps.ccContrast,configProps.zoom,configProps.panX,configProps.panY].concat(_toConsumableArray((_configProps$edgeFeat=configProps.edgeFeather)!=null?_configProps$edgeFeat:[0,0,0,0]),[configProps.enableDisplacement,configProps.enableColorama,configProps.enableBloom,configProps.enableLightSweep,configProps.lightIntensity,configProps.lightStartFrame,configProps.paused,configProps.startTime,configProps.endTime,configProps.animateLightIndependently,configProps.animateCycleReps,configProps.cycleRepetitionsStart,configProps.cycleRepetitionsEnd,configProps.cycleRepetitionsStartFrame,configProps.cycleRepetitionsDuration,configProps.gradientMapBlend,configProps.gradientMapBlendDuration]));useEffect(function(){if(isInitialized&&mountRef.current&&gradientMapCanvas){mountRef.current.updateGradientMapTexture(gradientMapCanvas);}},[isInitialized,gradientMapCanvas]);var mergedRef=useMergeRefs([divRef,forwardedRef]);var widthStyle=typeof width==='number'?`${width}px`:width;var heightStyle=typeof height==='number'?`${height}px`:height;if(error){return jsx("div",{ref:mergedRef,className:className,style:Object.assign({width:widthStyle,height:heightStyle},style)});}return jsx("div",{ref:mergedRef,className:className,style:Object.assign({width:widthStyle,height:heightStyle,position:'relative',overflow:'hidden',backgroundColor:'transparent',transition:'2s opacity'},isInitialized?{opacity:1}:{opacity:0},style)});});
+var _excluded=["width","height","className","style","onLoad","onError","preset","assetsPath","gradientMapSrc","gradientMap2Src","gradientMapCanvas","imageSrc"],_excluded2=["width","height","className","style","onLoad","onError","assetsPath","gradientMapCanvas","gradientMapSrc","gradientMap2Src","imageSrc"];var FADE_IN_MS=200;var DEFAULT_CDN_PATH='https://cdn.jsdelivr.net/npm/@razorpay/blade/assets/spark';var getDefaultAssets=function getDefaultAssets(assetsPath){return {videoSrc:`${assetsPath}/spark-base-video.mp4`,imageSrc:`${assetsPath}/bottom-frame.jpg`,gradientMapSrc:`${assetsPath}/colorama-gradient-map-green.jpg`,gradientMap2Src:`${assetsPath}/colorama-gradient-map-blue.jpg`,centerGradientMapSrc:`${assetsPath}/colorama-center-gradient-map.jpg`};};function useMergeRefs(refs){return useCallback(function(value){refs.forEach(function(ref){if(typeof ref==='function'){ref(value);}else if(ref!=null){ref.current=value;}});},[refs]);}function extractConfig(props){props.width;props.height;props.className;props.style;props.onLoad;props.onError;props.preset;props.assetsPath;props.gradientMapSrc;props.gradientMap2Src;props.gradientMapCanvas;props.imageSrc;var config=_objectWithoutProperties(props,_excluded);return Object.fromEntries(Object.entries(config).filter(function(_ref){var _ref2=_slicedToArray(_ref,2),v=_ref2[1];return v!==undefined;}));}var ASSET_KEYS=new Set(['videoSrc','imageSrc','gradientMapSrc','gradientMap2Src','centerGradientMapSrc']);function getPresetDefinition(preset,assetsPath){var presets=getPresets(assetsPath);if(preset&&preset in presets)return Object.assign({},presets[preset]);return {};}function getPresetConfig(preset,assetsPath){var def=getPresetDefinition(preset,assetsPath);return Object.fromEntries(Object.entries(def).filter(function(_ref3){var _ref4=_slicedToArray(_ref3,1),k=_ref4[0];return !ASSET_KEYS.has(k);}));}function getPresetAssets(preset,assetsPath){var def=getPresetDefinition(preset,assetsPath);return Object.fromEntries(Object.entries(def).filter(function(_ref5){var _ref6=_slicedToArray(_ref5,1),k=_ref6[0];return ASSET_KEYS.has(k);}));}function resolveConfig(props,assetsPath){return Object.assign({},getPresetConfig(props.preset,assetsPath),extractConfig(props));}var RzpGlass=forwardRef(function RzpGlass(props,forwardedRef){var _presetAssets$videoSr,_ref7,_ref8,_presetAssets$centerG,_configProps$edgeFeat;var _props$width=props.width,width=_props$width===void 0?'100%':_props$width,_props$height=props.height,height=_props$height===void 0?'100%':_props$height,className=props.className,style=props.style,onLoad=props.onLoad,onError=props.onError,assetsPathProp=props.assetsPath,gradientMapCanvas=props.gradientMapCanvas,gradientMapSrcProp=props.gradientMapSrc,gradientMap2SrcProp=props.gradientMap2Src,imageSrcProp=props.imageSrc,configProps=_objectWithoutProperties(props,_excluded2);var assetsPath=assetsPathProp!=null?assetsPathProp:DEFAULT_CDN_PATH;var defaultAssets=getDefaultAssets(assetsPath);var presetAssets=getPresetAssets(props.preset,assetsPath);var imageSrc=imageSrcProp!=null?imageSrcProp:presetAssets.imageSrc;var videoSrc=imageSrc?undefined:(_presetAssets$videoSr=presetAssets.videoSrc)!=null?_presetAssets$videoSr:defaultAssets.videoSrc;var gradientMapSrc=(_ref7=gradientMapSrcProp!=null?gradientMapSrcProp:presetAssets.gradientMapSrc)!=null?_ref7:defaultAssets.gradientMapSrc;var gradientMap2Src=(_ref8=gradientMap2SrcProp!=null?gradientMap2SrcProp:presetAssets.gradientMap2Src)!=null?_ref8:defaultAssets.gradientMap2Src;var centerGradientMapSrc=(_presetAssets$centerG=presetAssets.centerGradientMapSrc)!=null?_presetAssets$centerG:defaultAssets.centerGradientMapSrc;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isInitialized=_useState2[0],setIsInitialized=_useState2[1];var _useState3=useState(null),_useState4=_slicedToArray(_useState3,2),error=_useState4[0],setError=_useState4[1];var divRef=useRef(null);var mountRef=useRef(null);useEffect(function(){var init=function(){var _ref9=_asyncToGenerator(function*(){if(!divRef.current||mountRef.current)return;try{var _config$paused;var config=resolveConfig(props,assetsPath);mountRef.current=new RzpGlassMount(divRef.current,{videoSrc:videoSrc,imageSrc:imageSrc,gradientMapSrc:gradientMapSrc,gradientMap2Src:gradientMap2Src,centerGradientMapSrc:centerGradientMapSrc},config);yield mountRef.current.loadAssets();var userWantsPaused=(_config$paused=config.paused)!=null?_config$paused:false;if(!userWantsPaused){mountRef.current.pause();}setIsInitialized(true);setTimeout(function(){if(!mountRef.current)return;if(!userWantsPaused){mountRef.current.play();}onLoad==null?void 0:onLoad();},FADE_IN_MS);}catch(err){var _error=err instanceof Error?err:new Error(String(err));setError(_error);onError==null?void 0:onError(_error);}});return function init(){return _ref9.apply(this,arguments);};}();void init();return function(){var _mountRef$current;(_mountRef$current=mountRef.current)==null?void 0:_mountRef$current.dispose();mountRef.current=null;setIsInitialized(false);};},[assetsPath,videoSrc,imageSrc,gradientMapSrc,gradientMap2Src,centerGradientMapSrc,configProps.preset]);useEffect(function(){if(isInitialized&&mountRef.current){var config=resolveConfig(props,assetsPath);mountRef.current.setUniforms(config);}},[isInitialized,configProps.preset,configProps.inputMin,configProps.inputMax,configProps.modifyGamma,configProps.posterizeLevels,configProps.cycleRepetitions,configProps.phaseShift,configProps.cycleSpeed,configProps.wrapMode,configProps.reverse,configProps.blendWithOriginal,configProps.numSegments,configProps.slitAngle,configProps.displacementX,configProps.displacementY,configProps.enableCenterElement,configProps.centerAnimDuration,configProps.ccBlackPoint,configProps.ccWhitePoint,configProps.ccMidtoneGamma,configProps.ccGamma,configProps.ccContrast,configProps.zoom,configProps.panX,configProps.panY].concat(_toConsumableArray((_configProps$edgeFeat=configProps.edgeFeather)!=null?_configProps$edgeFeat:[0,0,0,0]),[configProps.enableDisplacement,configProps.enableColorama,configProps.enableBloom,configProps.enableLightSweep,configProps.lightIntensity,configProps.lightStartFrame,configProps.paused,configProps.startTime,configProps.endTime,configProps.animateLightIndependently,configProps.animateCycleReps,configProps.cycleRepetitionsStart,configProps.cycleRepetitionsEnd,configProps.cycleRepetitionsStartFrame,configProps.cycleRepetitionsDuration,configProps.gradientMapBlend,configProps.gradientMapBlendDuration]));useEffect(function(){if(isInitialized&&mountRef.current&&gradientMapCanvas){mountRef.current.updateGradientMapTexture(gradientMapCanvas);}},[isInitialized,gradientMapCanvas]);var mergedRef=useMergeRefs([divRef,forwardedRef]);var widthStyle=typeof width==='number'?`${width}px`:width;var heightStyle=typeof height==='number'?`${height}px`:height;if(error){return jsx("div",{ref:mergedRef,className:className,style:Object.assign({width:widthStyle,height:heightStyle},style)});}return jsx("div",{ref:mergedRef,className:className,style:Object.assign({width:widthStyle,height:heightStyle,position:'relative',overflow:'hidden',backgroundColor:'transparent',transition:'2s opacity'},isInitialized?{opacity:1}:{opacity:0},style)});});
 export { RzpGlass, RzpGlass as default };
 //# sourceMappingURL=RzpGlass.js.map

package/build/lib/native/components/Spark/RzpGlass/RzpGlass.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RzpGlass.js","sources":["../../../../../../src/components/Spark/RzpGlass/RzpGlass.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type /\n/ eslint-disable @typescript-eslint/no-unsafe-argument /\n/ eslint-disable @typescript-eslint/no-unsafe-assignment /\n/ eslint-disable react/react-in-jsx-scope /\n/ eslint-disable react-hooks/exhaustive-deps /\n/ eslint-disable @typescript-eslint/no-implicit-any-catch /\n/ eslint-disable @typescript-eslint/no-shadow /\n/\n RzpGlass React Component\n \n A React wrapper for the RzpGlassMount WebGL shader effect.\n * Manages the component lifecycle with useEffect hooks.\n \n @example\n * ```tsx\n * // Uses default assets and config\n * <RzpGlass width=\"400px\" height=\"300px\" />\n \n // With custom assets\n * <RzpGlass\n * videoSrc=\"/custom_video.mp4\"\n * gradientMapSrc=\"/custom-gradient.jpg\"\n * enableBloom={true}\n * />\n * ```\n /\n\nimport { forwardRef, useEffect, useRef, useState, useCallback } from 'react';\nimport { RzpGlassMount } from './RzpGlassMount';\nimport type {\n RzpGlassProps,\n RzpGlassConfig,\n RzpGlassAssets,\n RzpGlassPresetDefinition,\n} from './types';\nimport { PRESETS } from './presets';\nimport type { RzpGlassPreset } from './presets';\n\nconst DEFAULT_CDN_PATH =\n 'https://cdn.jsdelivr.net/gh/razorpay/blade@feat/expose-assets-folder/packages/blade/assets/spark';\n\nconst getDefaultAssets = (cdnPath: string): Required<RzpGlassAssets> => ({\n videoSrc: `${cdnPath}/spark-base-video.mp4`,\n imageSrc: `${cdnPath}/bottom-frame.jpg`,\n gradientMapSrc: `${cdnPath}/colorama-gradient-map-green.jpg`,\n gradientMap2Src: `${cdnPath}/colorama-gradient-map-blue.jpg`,\n centerGradientMapSrc: `${cdnPath}/colorama-center-gradient-map.jpg`,\n});\n\n/\n Hook to merge multiple refs into one\n /\nfunction useMergeRefs<T>(refs: (React.Ref<T> \| undefined)[]): React.RefCallback<T> {\n return useCallback(\n (value: T) => {\n refs.forEach((ref) => {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref != null) {\n (ref as React.MutableRefObject<T \| null>).current = value;\n }\n });\n },\n [refs],\n );\n}\n\n/\n Extract config from props (exclude non-config props).\n * Strips undefined values so they don't clobber preset defaults.\n /\nfunction extractConfig(props: RzpGlassProps): Partial<RzpGlassConfig> {\n const {\n width: _width,\n height: _height,\n className: _className,\n style: _style,\n onLoad: _onLoad,\n onError: _onError,\n preset: _preset,\n cdnPath: _cdnPath,\n gradientMapSrc: _gradientMapSrc,\n gradientMap2Src: _gradientMap2Src,\n gradientMapCanvas: _gradientMapCanvas,\n imageSrc: _imageSrc,\n ...config\n } = props;\n\n // Drop keys with undefined values so preset config isn't overridden by unset props\n return Object.fromEntries(\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n Object.entries(config).filter(([, v]) => v !== undefined),\n ) as Partial<RzpGlassConfig>;\n}\n\nconst ASSET_KEYS = new Set<string>([\n 'videoSrc',\n 'imageSrc',\n 'gradientMapSrc',\n 'gradientMap2Src',\n 'centerGradientMapSrc',\n]);\n\n/ eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return /\nfunction getPresetDefinition(preset: RzpGlassPreset \| undefined): RzpGlassPresetDefinition {\n if (preset && preset in PRESETS) return { ...PRESETS[preset] };\n return {};\n}\n\nfunction getPresetConfig(preset: RzpGlassPreset \| undefined): Partial<RzpGlassConfig> {\n const def = getPresetDefinition(preset) as Record<string, unknown>;\n return Object.fromEntries(\n Object.entries(def).filter(([k]) => !ASSET_KEYS.has(k)),\n ) as Partial<RzpGlassConfig>;\n}\n\nfunction getPresetAssets(preset: RzpGlassPreset \| undefined): Partial<RzpGlassAssets> {\n const def = getPresetDefinition(preset) as Record<string, unknown>;\n return Object.fromEntries(\n Object.entries(def).filter(([k]) => ASSET_KEYS.has(k)),\n ) as Partial<RzpGlassAssets>;\n}\n\n/\n Merge preset config with user-provided config.\n * Preset values are used as base; any explicit prop overrides them.\n */\nfunction resolveConfig(props: RzpGlassProps): Partial<RzpGlassConfig> {\n return {\n ...getPresetConfig(props.preset),\n ...extractConfig(props),\n };\n}\n\nexport const RzpGlass = forwardRef<HTMLDivElement, RzpGlassProps>(function RzpGlass(\n props,\n forwardedRef,\n) {\n const {\n width = '100%',\n height = '100%',\n className,\n style,\n onLoad,\n onError,\n cdnPath: cdnPathProp,\n gradientMapCanvas,\n gradientMapSrc: gradientMapSrcProp,\n gradientMap2Src: gradientMap2SrcProp,\n imageSrc: imageSrcProp,\n ...configProps\n } = props;\n\n // Get default assets based on cdnPath\n const cdnPath: string = cdnPathProp ?? DEFAULT_CDN_PATH;\n const defaultAssets = getDefaultAssets(cdnPath);\n\n // Resolve assets: prop overrides preset, preset overrides default\n const presetAssets = getPresetAssets(props.preset);\n const imageSrc = imageSrcProp ?? presetAssets.imageSrc;\n const videoSrc = imageSrc ? undefined : presetAssets.videoSrc ?? defaultAssets.videoSrc;\n const gradientMapSrc =\n gradientMapSrcProp ?? presetAssets.gradientMapSrc ?? defaultAssets.gradientMapSrc;\n const gradientMap2Src =\n gradientMap2SrcProp ?? presetAssets.gradientMap2Src ?? defaultAssets.gradientMap2Src;\n const centerGradientMapSrc =\n presetAssets.centerGradientMapSrc ?? defaultAssets.centerGradientMapSrc;\n\n const [isInitialized, setIsInitialized] = useState(false);\n const [error, setError] = useState<Error \| null>(null);\n const divRef = useRef<HTMLDivElement>(null);\n const mountRef = useRef<RzpGlassMount \| null>(null);\n\n // Initialize on mount\n useEffect(() => {\n const init = async () => {\n if (!divRef.current \|\| mountRef.current) return;\n\n try {\n const config = resolveConfig(props);\n\n mountRef.current = new RzpGlassMount(\n divRef.current,\n {\n videoSrc,\n imageSrc,\n gradientMapSrc,\n gradientMap2Src,\n centerGradientMapSrc,\n },\n config,\n );\n\n await mountRef.current.loadAssets();\n setIsInitialized(true);\n onLoad?.();\n } catch (err) {\n const error = err instanceof Error ? err : new Error(String(err));\n setError(error);\n onError?.(error);\n }\n };\n\n void init();\n\n return () => {\n mountRef.current?.dispose();\n mountRef.current = null;\n setIsInitialized(false);\n };\n }, [\n cdnPath,\n videoSrc,\n imageSrc,\n gradientMapSrc,\n gradientMap2Src,\n centerGradientMapSrc,\n configProps.preset,\n ]);\n\n // Update uniforms when config props change\n useEffect(() => {\n if (isInitialized && mountRef.current) {\n const config = resolveConfig(props);\n mountRef.current.setUniforms(config);\n }\n }, [\n isInitialized,\n configProps.preset,\n // Colorama\n configProps.inputMin,\n configProps.inputMax,\n configProps.modifyGamma,\n configProps.posterizeLevels,\n configProps.cycleRepetitions,\n configProps.phaseShift,\n configProps.cycleSpeed,\n configProps.wrapMode,\n configProps.reverse,\n configProps.blendWithOriginal,\n // Displacement\n configProps.numSegments,\n configProps.slitAngle,\n configProps.displacementX,\n configProps.displacementY,\n // Center element\n configProps.enableCenterElement,\n configProps.centerAnimDuration,\n // Color correction\n configProps.ccBlackPoint,\n configProps.ccWhitePoint,\n configProps.ccMidtoneGamma,\n configProps.ccGamma,\n configProps.ccContrast,\n // Zoom & Pan\n configProps.zoom,\n configProps.panX,\n configProps.panY,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n ...(configProps.edgeFeather ?? [0, 0, 0, 0]),\n // Effect toggles\n configProps.enableDisplacement,\n configProps.enableColorama,\n configProps.enableBloom,\n configProps.enableLightSweep,\n // Light\n configProps.lightIntensity,\n configProps.lightStartFrame,\n // Playback\n configProps.paused,\n configProps.startTime,\n configProps.endTime,\n configProps.animateLightIndependently,\n // Cycle animation\n configProps.animateCycleReps,\n configProps.cycleRepetitionsStart,\n configProps.cycleRepetitionsEnd,\n configProps.cycleRepetitionsStartFrame,\n configProps.cycleRepetitionsDuration,\n // Gradient map blend\n configProps.gradientMapBlend,\n configProps.gradientMapBlendDuration,\n ]);\n\n // Update gradient map texture when a canvas is provided\n useEffect(() => {\n if (isInitialized && mountRef.current && gradientMapCanvas) {\n mountRef.current.updateGradientMapTexture(gradientMapCanvas);\n }\n }, [isInitialized, gradientMapCanvas]);\n\n const mergedRef = useMergeRefs([divRef, forwardedRef]);\n\n // Convert width/height to string if number\n const widthStyle = typeof width === 'number' ? `${width}px` : width;\n const heightStyle = typeof height === 'number' ? `${height}px` : height;\n\n if (error) {\n return (\n <div\n ref={mergedRef}\n className={className}\n style={{\n width: widthStyle,\n height: heightStyle,\n ...style,\n }}\n />\n );\n }\n\n return (\n <div\n ref={mergedRef}\n className={className}\n style={{\n width: widthStyle,\n height: heightStyle,\n position: 'relative',\n overflow: 'hidden',\n backgroundColor: 'transparent',\n transition: '2s opacity',\n ...(isInitialized ? { opacity: 1 } : { opacity: 0 }),\n ...style,\n }}\n />\n );\n});\n\nexport default RzpGlass;\n"],"names":["DEFAULT_CDN_PATH","getDefaultAssets","cdnPath","videoSrc","imageSrc","gradientMapSrc","gradientMap2Src","centerGradientMapSrc","useMergeRefs","refs","useCallback","value","forEach","ref","current","extractConfig","props","width","height","className","style","onLoad","onError","preset","gradientMapCanvas","config","_objectWithoutProperties","_excluded","Object","fromEntries","entries","filter","_ref","_ref2","_slicedToArray","v","undefined","ASSET_KEYS","Set","getPresetDefinition","PRESETS","assign","getPresetConfig","def","_ref3","_ref4","k","has","getPresetAssets","_ref5","_ref6","resolveConfig","RzpGlass","forwardRef","forwardedRef","_presetAssets$videoSr","_ref7","_ref8","_presetAssets$centerG","_configProps$edgeFeat","_props$width","_props$height","cdnPathProp","gradientMapSrcProp","gradientMap2SrcProp","imageSrcProp","configProps","_excluded2","defaultAssets","presetAssets","_useState","useState","_useState2","isInitialized","setIsInitialized","_useState3","_useState4","error","setError","divRef","useRef","mountRef","useEffect","init","_ref9","_asyncToGenerator","RzpGlassMount","loadAssets","err","Error","String","apply","arguments","_mountRef$current","dispose","setUniforms","inputMin","inputMax","modifyGamma","posterizeLevels","cycleRepetitions","phaseShift","cycleSpeed","wrapMode","reverse","blendWithOriginal","numSegments","slitAngle","displacementX","displacementY","enableCenterElement","centerAnimDuration","ccBlackPoint","ccWhitePoint","ccMidtoneGamma","ccGamma","ccContrast","zoom","panX","panY","concat","_toConsumableArray","edgeFeather","enableDisplacement","enableColorama","enableBloom","enableLightSweep","lightIntensity","lightStartFrame","paused","startTime","endTime","animateLightIndependently","animateCycleReps","cycleRepetitionsStart","cycleRepetitionsEnd","cycleRepetitionsStartFrame","cycleRepetitionsDuration","gradientMapBlend","gradientMapBlendDuration","updateGradientMapTexture","mergedRef","widthStyle","heightStyle","_jsx","position","overflow","backgroundColor","transition","opacity"],"mappings":"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"}
1	+ {"version":3,"file":"RzpGlass.js","sources":["../../../../../../src/components/Spark/RzpGlass/RzpGlass.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type /\n/ eslint-disable @typescript-eslint/no-unsafe-argument /\n/ eslint-disable @typescript-eslint/no-unsafe-assignment /\n/ eslint-disable react/react-in-jsx-scope /\n/ eslint-disable react-hooks/exhaustive-deps /\n/ eslint-disable @typescript-eslint/no-implicit-any-catch /\n/ eslint-disable @typescript-eslint/no-shadow /\n/\n RzpGlass React Component\n \n A React wrapper for the RzpGlassMount WebGL shader effect.\n * Manages the component lifecycle with useEffect hooks.\n \n @example\n * ```tsx\n * // Uses default assets and config\n * <RzpGlass width=\"400px\" height=\"300px\" />\n \n // With custom assets\n * <RzpGlass\n * videoSrc=\"/custom_video.mp4\"\n * gradientMapSrc=\"/custom-gradient.jpg\"\n * enableBloom={true}\n * />\n * ```\n /\n\nimport { forwardRef, useEffect, useRef, useState, useCallback } from 'react';\nimport { RzpGlassMount } from './RzpGlassMount';\nimport type {\n RzpGlassProps,\n RzpGlassConfig,\n RzpGlassAssets,\n RzpGlassPresetDefinition,\n} from './types';\nimport { getPresets } from './presets';\nimport type { RzpGlassPreset } from './presets';\n\n// Duration of the component's built-in fade-in transition.\n// The video is kept paused during this window so one-shot animations\n// (e.g. circleSlideUp) don't \"waste\" frames while the canvas is invisible.\nconst FADE_IN_MS = 200;\n\nconst DEFAULT_CDN_PATH = 'https://cdn.jsdelivr.net/npm/@razorpay/blade/assets/spark';\n\nconst getDefaultAssets = (assetsPath: string): Required<RzpGlassAssets> => ({\n videoSrc: `${assetsPath}/spark-base-video.mp4`,\n imageSrc: `${assetsPath}/bottom-frame.jpg`,\n gradientMapSrc: `${assetsPath}/colorama-gradient-map-green.jpg`,\n gradientMap2Src: `${assetsPath}/colorama-gradient-map-blue.jpg`,\n centerGradientMapSrc: `${assetsPath}/colorama-center-gradient-map.jpg`,\n});\n\n/\n Hook to merge multiple refs into one\n /\nfunction useMergeRefs<T>(refs: (React.Ref<T> \| undefined)[]): React.RefCallback<T> {\n return useCallback(\n (value: T) => {\n refs.forEach((ref) => {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref != null) {\n (ref as React.MutableRefObject<T \| null>).current = value;\n }\n });\n },\n [refs],\n );\n}\n\n/\n Extract config from props (exclude non-config props).\n * Strips undefined values so they don't clobber preset defaults.\n /\nfunction extractConfig(props: RzpGlassProps): Partial<RzpGlassConfig> {\n const {\n width: _width,\n height: _height,\n className: _className,\n style: _style,\n onLoad: _onLoad,\n onError: _onError,\n preset: _preset,\n assetsPath: _assetsPath,\n gradientMapSrc: _gradientMapSrc,\n gradientMap2Src: _gradientMap2Src,\n gradientMapCanvas: _gradientMapCanvas,\n imageSrc: _imageSrc,\n ...config\n } = props;\n\n // Drop keys with undefined values so preset config isn't overridden by unset props\n return Object.fromEntries(\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n Object.entries(config).filter(([, v]) => v !== undefined),\n ) as Partial<RzpGlassConfig>;\n}\n\nconst ASSET_KEYS = new Set<string>([\n 'videoSrc',\n 'imageSrc',\n 'gradientMapSrc',\n 'gradientMap2Src',\n 'centerGradientMapSrc',\n]);\n\n/ eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return /\nfunction getPresetDefinition(\n preset: RzpGlassPreset \| undefined,\n assetsPath: string,\n): RzpGlassPresetDefinition {\n const presets = getPresets(assetsPath);\n if (preset && preset in presets) return { ...presets[preset] };\n return {};\n}\n\nfunction getPresetConfig(\n preset: RzpGlassPreset \| undefined,\n assetsPath: string,\n): Partial<RzpGlassConfig> {\n const def = getPresetDefinition(preset, assetsPath) as Record<string, unknown>;\n return Object.fromEntries(\n Object.entries(def).filter(([k]) => !ASSET_KEYS.has(k)),\n ) as Partial<RzpGlassConfig>;\n}\n\nfunction getPresetAssets(\n preset: RzpGlassPreset \| undefined,\n assetsPath: string,\n): Partial<RzpGlassAssets> {\n const def = getPresetDefinition(preset, assetsPath) as Record<string, unknown>;\n return Object.fromEntries(\n Object.entries(def).filter(([k]) => ASSET_KEYS.has(k)),\n ) as Partial<RzpGlassAssets>;\n}\n\n/\n Merge preset config with user-provided config.\n * Preset values are used as base; any explicit prop overrides them.\n */\nfunction resolveConfig(props: RzpGlassProps, assetsPath: string): Partial<RzpGlassConfig> {\n return {\n ...getPresetConfig(props.preset, assetsPath),\n ...extractConfig(props),\n };\n}\n\nexport const RzpGlass = forwardRef<HTMLDivElement, RzpGlassProps>(function RzpGlass(\n props,\n forwardedRef,\n) {\n const {\n width = '100%',\n height = '100%',\n className,\n style,\n onLoad,\n onError,\n assetsPath: assetsPathProp,\n gradientMapCanvas,\n gradientMapSrc: gradientMapSrcProp,\n gradientMap2Src: gradientMap2SrcProp,\n imageSrc: imageSrcProp,\n ...configProps\n } = props;\n\n // Get default assets based on assetsPath\n const assetsPath: string = assetsPathProp ?? DEFAULT_CDN_PATH;\n const defaultAssets = getDefaultAssets(assetsPath);\n\n // Resolve assets: prop overrides preset, preset overrides default\n const presetAssets = getPresetAssets(props.preset, assetsPath);\n const imageSrc = imageSrcProp ?? presetAssets.imageSrc;\n const videoSrc = imageSrc ? undefined : presetAssets.videoSrc ?? defaultAssets.videoSrc;\n const gradientMapSrc =\n gradientMapSrcProp ?? presetAssets.gradientMapSrc ?? defaultAssets.gradientMapSrc;\n const gradientMap2Src =\n gradientMap2SrcProp ?? presetAssets.gradientMap2Src ?? defaultAssets.gradientMap2Src;\n const centerGradientMapSrc =\n presetAssets.centerGradientMapSrc ?? defaultAssets.centerGradientMapSrc;\n\n const [isInitialized, setIsInitialized] = useState(false);\n const [error, setError] = useState<Error \| null>(null);\n const divRef = useRef<HTMLDivElement>(null);\n const mountRef = useRef<RzpGlassMount \| null>(null);\n\n // Initialize on mount\n useEffect(() => {\n const init = async () => {\n if (!divRef.current \|\| mountRef.current) return;\n\n try {\n const config = resolveConfig(props, assetsPath);\n\n mountRef.current = new RzpGlassMount(\n divRef.current,\n {\n videoSrc,\n imageSrc,\n gradientMapSrc,\n gradientMap2Src,\n centerGradientMapSrc,\n },\n config,\n );\n\n await mountRef.current.loadAssets();\n\n // Pause the video during the CSS fade-in so one-shot animations\n // don't burn frames while the component is still transparent.\n // Only do this when the consumer hasn't explicitly set paused: true.\n const userWantsPaused = config.paused ?? false;\n if (!userWantsPaused) {\n mountRef.current.pause();\n }\n\n setIsInitialized(true); // kicks off the CSS opacity 0 → 1 transition\n\n // After the fade-in completes, resume video and notify the consumer.\n setTimeout(() => {\n if (!mountRef.current) return;\n if (!userWantsPaused) {\n mountRef.current.play();\n }\n onLoad?.();\n }, FADE_IN_MS);\n } catch (err) {\n const error = err instanceof Error ? err : new Error(String(err));\n setError(error);\n onError?.(error);\n }\n };\n\n void init();\n\n return () => {\n mountRef.current?.dispose();\n mountRef.current = null;\n setIsInitialized(false);\n };\n }, [\n assetsPath,\n videoSrc,\n imageSrc,\n gradientMapSrc,\n gradientMap2Src,\n centerGradientMapSrc,\n configProps.preset,\n ]);\n\n // Update uniforms when config props change\n useEffect(() => {\n if (isInitialized && mountRef.current) {\n const config = resolveConfig(props, assetsPath);\n mountRef.current.setUniforms(config);\n }\n }, [\n isInitialized,\n configProps.preset,\n // Colorama\n configProps.inputMin,\n configProps.inputMax,\n configProps.modifyGamma,\n configProps.posterizeLevels,\n configProps.cycleRepetitions,\n configProps.phaseShift,\n configProps.cycleSpeed,\n configProps.wrapMode,\n configProps.reverse,\n configProps.blendWithOriginal,\n // Displacement\n configProps.numSegments,\n configProps.slitAngle,\n configProps.displacementX,\n configProps.displacementY,\n // Center element\n configProps.enableCenterElement,\n configProps.centerAnimDuration,\n // Color correction\n configProps.ccBlackPoint,\n configProps.ccWhitePoint,\n configProps.ccMidtoneGamma,\n configProps.ccGamma,\n configProps.ccContrast,\n // Zoom & Pan\n configProps.zoom,\n configProps.panX,\n configProps.panY,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n ...(configProps.edgeFeather ?? [0, 0, 0, 0]),\n // Effect toggles\n configProps.enableDisplacement,\n configProps.enableColorama,\n configProps.enableBloom,\n configProps.enableLightSweep,\n // Light\n configProps.lightIntensity,\n configProps.lightStartFrame,\n // Playback\n configProps.paused,\n configProps.startTime,\n configProps.endTime,\n configProps.animateLightIndependently,\n // Cycle animation\n configProps.animateCycleReps,\n configProps.cycleRepetitionsStart,\n configProps.cycleRepetitionsEnd,\n configProps.cycleRepetitionsStartFrame,\n configProps.cycleRepetitionsDuration,\n // Gradient map blend\n configProps.gradientMapBlend,\n configProps.gradientMapBlendDuration,\n ]);\n\n // Update gradient map texture when a canvas is provided\n useEffect(() => {\n if (isInitialized && mountRef.current && gradientMapCanvas) {\n mountRef.current.updateGradientMapTexture(gradientMapCanvas);\n }\n }, [isInitialized, gradientMapCanvas]);\n\n const mergedRef = useMergeRefs([divRef, forwardedRef]);\n\n // Convert width/height to string if number\n const widthStyle = typeof width === 'number' ? `${width}px` : width;\n const heightStyle = typeof height === 'number' ? `${height}px` : height;\n\n if (error) {\n return (\n <div\n ref={mergedRef}\n className={className}\n style={{\n width: widthStyle,\n height: heightStyle,\n ...style,\n }}\n />\n );\n }\n\n return (\n <div\n ref={mergedRef}\n className={className}\n style={{\n width: widthStyle,\n height: heightStyle,\n position: 'relative',\n overflow: 'hidden',\n backgroundColor: 'transparent',\n transition: '2s opacity',\n ...(isInitialized ? { opacity: 1 } : { opacity: 0 }),\n ...style,\n }}\n />\n );\n});\n\nexport default RzpGlass;\n"],"names":["FADE_IN_MS","DEFAULT_CDN_PATH","getDefaultAssets","assetsPath","videoSrc","imageSrc","gradientMapSrc","gradientMap2Src","centerGradientMapSrc","useMergeRefs","refs","useCallback","value","forEach","ref","current","extractConfig","props","width","height","className","style","onLoad","onError","preset","gradientMapCanvas","config","_objectWithoutProperties","_excluded","Object","fromEntries","entries","filter","_ref","_ref2","_slicedToArray","v","undefined","ASSET_KEYS","Set","getPresetDefinition","presets","getPresets","assign","getPresetConfig","def","_ref3","_ref4","k","has","getPresetAssets","_ref5","_ref6","resolveConfig","RzpGlass","forwardRef","forwardedRef","_presetAssets$videoSr","_ref7","_ref8","_presetAssets$centerG","_configProps$edgeFeat","_props$width","_props$height","assetsPathProp","gradientMapSrcProp","gradientMap2SrcProp","imageSrcProp","configProps","_excluded2","defaultAssets","presetAssets","_useState","useState","_useState2","isInitialized","setIsInitialized","_useState3","_useState4","error","setError","divRef","useRef","mountRef","useEffect","init","_ref9","_asyncToGenerator","_config$paused","RzpGlassMount","loadAssets","userWantsPaused","paused","pause","setTimeout","play","err","Error","String","apply","arguments","_mountRef$current","dispose","setUniforms","inputMin","inputMax","modifyGamma","posterizeLevels","cycleRepetitions","phaseShift","cycleSpeed","wrapMode","reverse","blendWithOriginal","numSegments","slitAngle","displacementX","displacementY","enableCenterElement","centerAnimDuration","ccBlackPoint","ccWhitePoint","ccMidtoneGamma","ccGamma","ccContrast","zoom","panX","panY","concat","_toConsumableArray","edgeFeather","enableDisplacement","enableColorama","enableBloom","enableLightSweep","lightIntensity","lightStartFrame","startTime","endTime","animateLightIndependently","animateCycleReps","cycleRepetitionsStart","cycleRepetitionsEnd","cycleRepetitionsStartFrame","cycleRepetitionsDuration","gradientMapBlend","gradientMapBlendDuration","updateGradientMapTexture","mergedRef","widthStyle","heightStyle","_jsx","position","overflow","backgroundColor","transition","opacity"],"mappings":"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"}

package/build/lib/native/components/Spark/RzpGlass/RzpGlassMount.js CHANGED Viewed

@@ -22,7 +22,7 @@ var REF_RESOLUTION={width:3000,height:2000};var DEFAULT_MAX_PIXEL_COUNT=1920*108
       border-radius: inherit;
     }
   }
-}`;var CONFIG_TO_UNIFORM={enableDisplacement:'uEnableDisplacement',enableColorama:'uEnableColorama',enableBloom:'uEnableBloom',enableLightSweep:'uEnableLightSweep',inputMin:'uInputMin',inputMax:'uInputMax',modifyGamma:'uModifyGamma',posterizeLevels:'uPosterizeLevels',cycleRepetitions:'uCycleRepetitions',phaseShift:'uPhaseShift',cycleSpeed:'uCycleSpeed',wrapMode:'uWrapMode',reverse:'uReverse',blendWithOriginal:'uBlendWithOriginal',lightIntensity:'uLightIntensity',lightStartFrame:'uLightStartFrame',numSegments:'uNumSegments',slitAngle:'uSlitAngle',displacementX:'uDisplacementX',displacementY:'uDisplacementY',enableCenterElement:'uEnableCenterElement',centerAnimDuration:'uCenterAnimDuration',ccBlackPoint:'uCCBlackPoint',ccWhitePoint:'uCCWhitePoint',ccMidtoneGamma:'uCCMidtoneGamma',ccGamma:'uCCGamma',ccContrast:'uCCContrast',zoom:'uZoom',edgeFeather:'uEdgeFeather'};var RzpGlassMount=function(){function RzpGlassMount(parentElement,assets){var _this=this,_visualViewport2;var config=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};var frame=arguments.length>3&&arguments[3]!==undefined?arguments[3]:0;var _minPixelRatio=arguments.length>4&&arguments[4]!==undefined?arguments[4]:1;var _maxPixelCount=arguments.length>5&&arguments[5]!==undefined?arguments[5]:DEFAULT_MAX_PIXEL_COUNT;_classCallCheck(this,RzpGlassMount);this.program=null;this.uniformLocations={};this.uniformCache={};this.videoTexture=null;this.gradientMapTexture=null;this.gradientMap2Texture=null;this.centerGradientMapTexture=null;this.currentGradientMapBlend=0;this.video=null;this.videoFrameCallbackId=null;this.rafId=null;this.lastRenderTime=0;this.currentFrame=0;this.independentLightTime=0;this.lastVideoTime=0;this.hasBeenDisposed=false;this.isInitialized=false;this.resolutionChanged=true;this.visibleUvBounds=[0,0,1,1];this.resizeObserver=null;this.renderScale=1;this.parentWidth=0;this.parentHeight=0;this.parentDevicePixelWidth=0;this.parentDevicePixelHeight=0;this.devicePixelsSupported=false;this.isSafariBrowser=isSafari();this.performanceController=null;this.handleVisualViewportChange=function(){var _this$resizeObserver;(_this$resizeObserver=_this.resizeObserver)==null?void 0:_this$resizeObserver.disconnect();_this.setupResizeObserver();};this.handleResize=function(){var _visualViewport$scale,_visualViewport;var containerWidth=_this.parentWidth||_this.parentElement.clientWidth;var containerHeight=_this.parentHeight||_this.parentElement.clientHeight;var containerAspect=containerWidth/containerHeight;var canvasWidth;var canvasHeight;var targetAspectRatio=_this.config.aspectRatio;if(containerAspect>targetAspectRatio){canvasWidth=containerWidth;canvasHeight=containerWidth/targetAspectRatio;}else {canvasHeight=containerHeight;canvasWidth=containerHeight*targetAspectRatio;}var offsetX=(containerWidth-canvasWidth)/2;var offsetY=(containerHeight-canvasHeight)/2;var visibleMinX=-offsetX/canvasWidth;var visibleMaxX=(containerWidth-offsetX)/canvasWidth;var visibleMinY=-offsetY/canvasHeight;var visibleMaxY=(containerHeight-offsetY)/canvasHeight;_this.visibleUvBounds=[visibleMinX,visibleMinY,visibleMaxX,visibleMaxY];_this.canvasElement.style.width=`${canvasWidth}px`;_this.canvasElement.style.height=`${canvasHeight}px`;_this.canvasElement.style.left=`${offsetX}px`;_this.canvasElement.style.top=`${offsetY}px`;var targetPixelWidth=0;var targetPixelHeight=0;var dpr=Math.max(1,window.devicePixelRatio);var pinchZoom=(_visualViewport$scale=(_visualViewport=visualViewport)==null?void 0:_visualViewport.scale)!=null?_visualViewport$scale:1;if(_this.devicePixelsSupported){var canvasToParentRatioX=canvasWidth/containerWidth;var canvasToParentRatioY=canvasHeight/containerHeight;var scaleToMeetMinPixelRatio=Math.max(1,_this.minPixelRatio/dpr);targetPixelWidth=_this.parentDevicePixelWidth*canvasToParentRatioX*scaleToMeetMinPixelRatio*pinchZoom;targetPixelHeight=_this.parentDevicePixelHeight*canvasToParentRatioY*scaleToMeetMinPixelRatio*pinchZoom;}else {var targetRenderScale=Math.max(dpr,_this.minPixelRatio)*pinchZoom;if(_this.isSafariBrowser){var zoomLevel=bestGuessBrowserZoom();targetRenderScale*=Math.max(1,zoomLevel);}targetPixelWidth=Math.round(canvasWidth)*targetRenderScale;targetPixelHeight=Math.round(canvasHeight)*targetRenderScale;}var maxPixelCountHeadroom=Math.sqrt(_this.maxPixelCount)/Math.sqrt(targetPixelWidth*targetPixelHeight);var scaleToMeetMaxPixelCount=Math.min(1,maxPixelCountHeadroom);var newWidth=Math.round(targetPixelWidth*scaleToMeetMaxPixelCount);var newHeight=Math.round(targetPixelHeight*scaleToMeetMaxPixelCount);var newRenderScale=newWidth/Math.round(canvasWidth);if(_this.canvasElement.width!==newWidth||_this.canvasElement.height!==newHeight||_this.renderScale!==newRenderScale){_this.renderScale=newRenderScale;_this.canvasElement.width=newWidth;_this.canvasElement.height=newHeight;_this.resolutionChanged=true;_this.gl.viewport(0,0,newWidth,newHeight);if(_this.rafId===null){_this.render(performance.now());}}};this.handleDocumentVisibilityChange=function(){if(document.hidden){var _this$video;_this.stopRenderLoop();(_this$video=_this.video)==null?void 0:_this$video.pause();}else {_this.startRenderLoop();if(!_this.config.paused){var _this$video2;(_this$video2=_this.video)==null?void 0:_this$video2.play().catch(function(){});}}};this.render=function(currentTime){if(_this.hasBeenDisposed)return;_this.rafId=requestAnimationFrame(_this.render);if(_this.program===null){console.warn('Tried to render before program was initialized');return;}var gl=_this.gl;var video=_this.video;gl.clear(gl.COLOR_BUFFER_BIT);var currentTimeSeconds=currentTime*0.001;var deltaTime=currentTimeSeconds-_this.lastRenderTime;_this.lastRenderTime=currentTimeSeconds;_this.currentFrame++;var usingStaticImage=!video&&_this.videoTexture!==null;if(!usingStaticImage){if(!video||video.readyState<video.HAVE_CURRENT_DATA){return;}if(!('requestVideoFrameCallback'in video)&&_this.videoTexture){_this.videoTexture.update(video);}if(!_this.config.paused){if(video.currentTime<_this.config.startTime||video.currentTime>=_this.config.endTime){video.currentTime=_this.config.startTime;}}}var videoAnimTime=usingStaticImage?currentTimeSeconds:video.currentTime-_this.config.startTime;if(_this.config.animateLightIndependently||usingStaticImage){_this.independentLightTime+=deltaTime;}else {var videoTimeDelta=videoAnimTime-_this.lastVideoTime;var isVideoJump=Math.abs(videoTimeDelta)>0.1||videoTimeDelta<-0.01;if(isVideoJump){_this.independentLightTime=videoAnimTime;}else {_this.independentLightTime+=deltaTime;}}_this.lastVideoTime=videoAnimTime;gl.useProgram(_this.program);gl.uniform1f(_this.uniformLocations.uTime,currentTimeSeconds);var frameCount=_this.config.animateLightIndependently?_this.independentLightTime*30:videoAnimTime*30;gl.uniform1f(_this.uniformLocations.uFrameCount,frameCount);gl.uniform1f(_this.uniformLocations.uCenterAnimTime,_this.independentLightTime);if(_this.resolutionChanged){gl.uniform2f(_this.uniformLocations.iResolution,_this.canvasElement.width,_this.canvasElement.height);gl.uniform1f(_this.uniformLocations.uDpr,_this.renderScale);gl.uniform4f(_this.uniformLocations.uVisibleUvBounds,_this.visibleUvBounds[0],_this.visibleUvBounds[1],_this.visibleUvBounds[2],_this.visibleUvBounds[3]);_this.resolutionChanged=false;}if(_this.config.animateCycleReps&&_this.currentFrame>_this.config.cycleRepetitionsStartFrame){var elapsed=_this.currentFrame-_this.config.cycleRepetitionsStartFrame;var cycleProgress=elapsed%(_this.config.cycleRepetitionsDuration*2)/_this.config.cycleRepetitionsDuration;var pingPong=cycleProgress<=1?cycleProgress:2-cycleProgress;var eased=pingPong*pingPong*(3-2*pingPong);var delta=_this.config.cycleRepetitionsEnd-_this.config.cycleRepetitionsStart;gl.uniform1f(_this.uniformLocations.uCycleRepetitions,_this.config.cycleRepetitionsStart+eased*delta);}else {gl.uniform1f(_this.uniformLocations.uCycleRepetitions,_this.config.cycleRepetitions);}var targetBlend=_this.config.gradientMapBlend;if(_this.currentGradientMapBlend!==targetBlend){var speed=1.0/_this.config.gradientMapBlendDuration;var diff=targetBlend-_this.currentGradientMapBlend;var step=Math.sign(diff)*Math.min(Math.abs(diff),speed*deltaTime);_this.currentGradientMapBlend+=step;gl.uniform1f(_this.uniformLocations.uGradientMapBlend,_this.currentGradientMapBlend);}gl.drawArrays(gl.TRIANGLES,0,6);};this.handlePerformanceLevelChange=function(level){if(level===0){_this.stopRenderLoop();_this.canvasElement.style.display='none';return;}var _LEVEL_RENDER_SETTING=LEVEL_RENDER_SETTINGS[level],maxPixelCount=_LEVEL_RENDER_SETTING.maxPixelCount,minPixelRatio=_LEVEL_RENDER_SETTING.minPixelRatio;_this.maxPixelCount=maxPixelCount;_this.minPixelRatio=minPixelRatio;if(_this.canvasElement.style.display==='none'){_this.canvasElement.style.display='';}if(_this.isInitialized){_this.startRenderLoop();}_this.handleResize();};this.parentElement=parentElement;this.assets=assets;this.config=Object.assign({},DEFAULT_CONFIG,config);this.currentFrame=frame;this.minPixelRatio=_minPixelRatio;this.maxPixelCount=_maxPixelCount;if(!document.querySelector('style[data-rzp-glass-style]')){var styleElement=document.createElement('style');styleElement.innerHTML=defaultStyle;styleElement.setAttribute('data-rzp-glass-style','');document.head.prepend(styleElement);}this.canvasElement=document.createElement('canvas');this.parentElement.prepend(this.canvasElement);this.parentElement.setAttribute('data-rzp-glass','');var _gl=this.canvasElement.getContext('webgl',{antialias:false,premultipliedAlpha:false,depth:false,alpha:true,powerPreference:'high-performance'});this.gl=_gl;this.performanceController=new WebGLPerformanceController({gl:this.gl,onLevelChange:this.handlePerformanceLevelChange});this.stopIfPotato();_gl.pixelStorei(_gl.UNPACK_FLIP_Y_WEBGL,true);_gl.disable(_gl.DEPTH_TEST);_gl.disable(_gl.CULL_FACE);_gl.clearColor(0,0,0,0);this.initProgram();this.setupPositionAttribute();this.setupUniformLocations();this.setupResizeObserver();(_visualViewport2=visualViewport)==null?void 0:_visualViewport2.addEventListener('resize',this.handleVisualViewportChange);document.addEventListener('visibilitychange',this.handleDocumentVisibilityChange);}return _createClass(RzpGlassMount,[{key:"stopIfPotato",value:function stopIfPotato(){var _this$performanceCont;if(!((_this$performanceCont=this.performanceController)!=null&&_this$performanceCont.isPotato())){return;}this.stopRenderLoop();throw new Error('RzpGlass: WebGL is not supported in this browser');}},{key:"loadAssets",value:(function(){var _loadAssets=_asyncToGenerator(function*(){this.stopIfPotato();try{var _this$assets$gradient;var useStaticImage=Boolean(this.assets.imageSrc);var gradientMap2Src=(_this$assets$gradient=this.assets.gradientMap2Src)!=null?_this$assets$gradient:this.assets.gradientMapSrc;var _yield$Promise$all=yield Promise.all([useStaticImage?loadImage(this.assets.imageSrc):loadVideo(this.assets.videoSrc),loadImage(this.assets.gradientMapSrc),loadImage(gradientMap2Src),loadImage(this.assets.centerGradientMapSrc)]),_yield$Promise$all2=_slicedToArray(_yield$Promise$all,4),baseAsset=_yield$Promise$all2[0],gradientMap=_yield$Promise$all2[1],gradientMap2=_yield$Promise$all2[2],centerGradientMap=_yield$Promise$all2[3];if(useStaticImage){this.setupImageTexture('uVideoTexture',baseAsset,0);}else {this.video=baseAsset;this.setupVideoTexture();this.video.currentTime=this.config.startTime;this.video.playbackRate=this.config.playbackRate;if(!this.config.paused){yield this.video.play().catch(function(e){console.warn('Video autoplay failed:',e);});}}this.setupImageTexture('uGradientMap',gradientMap,1);this.setupImageTexture('uCenterGradientMap',centerGradientMap,2);this.setupImageTexture('uGradientMap2',gradientMap2,3);this.setAllUniforms();this.isInitialized=true;this.handleResize();this.startRenderLoop();}catch(error){console.error('RzpGlass: Failed to load assets',error);throw error;}});function loadAssets(){return _loadAssets.apply(this,arguments);}return loadAssets;}())},{key:"initProgram",value:function initProgram(){var program=createProgram(this.gl,rzpGlassVertexShader,rzpGlassFragmentShader);if(!program){throw new Error('RzpGlass: Failed to create WebGL program');}this.program=program;}},{key:"setupPositionAttribute",value:function setupPositionAttribute(){var buffers=setupFullscreenQuad(this.gl,this.program);if(!buffers){throw new Error('RzpGlass: Failed to setup fullscreen quad');}}},{key:"setupUniformLocations",value:function setupUniformLocations(){var gl=this.gl;var program=this.program;var uniformNames=['uTime','iResolution','uDpr','uVideoTexture','uGradientMap','uGradientMap2','uGradientMapBlend','uCenterGradientMap','uEnableDisplacement','uEnableColorama','uEnableBloom','uEnableLightSweep','uInputMin','uInputMax','uModifyGamma','uPosterizeLevels','uCycleRepetitions','uPhaseShift','uCycleSpeed','uWrapMode','uReverse','uBlendWithOriginal','uLightIntensity','uFrameCount','uLightStartFrame','uNumSegments','uSlitAngle','uDisplacementX','uDisplacementY','uEnableCenterElement','uCenterAnimDuration','uCenterAnimTime','uCCBlackPoint','uCCWhitePoint','uCCMidtoneGamma','uCCGamma','uCCContrast','uZoom','uPan','uEdgeFeather','uRefResolution','uVisibleUvBounds','uBackgroundColor','uEnableRippleWave','uRippleSpeed','uRippleBlend','uRippleAngularPower','uRippleRadialFalloff','uRippleWaitTime'];for(var name of uniformNames){this.uniformLocations[name]=gl.getUniformLocation(program,name);}}},{key:"setupVideoTexture",value:function setupVideoTexture(){var _this2=this;this.videoTexture=new Texture(this.gl,{textureUnit:0});if(this.video&&'requestVideoFrameCallback'in this.video){var _updateVideoFrame=function updateVideoFrame(){if(_this2.hasBeenDisposed||!_this2.video||!_this2.videoTexture)return;_this2.videoTexture.update(_this2.video);_this2.videoFrameCallbackId=_this2.video.requestVideoFrameCallback(_updateVideoFrame);};this.videoFrameCallbackId=this.video.requestVideoFrameCallback(_updateVideoFrame);}}},{key:"setupImageTexture",value:function setupImageTexture(uniformName,image,textureUnit){var texture=new Texture(this.gl,{textureUnit:textureUnit});texture.image(image);if(uniformName==='uVideoTexture'){this.videoTexture=texture;}else if(uniformName==='uGradientMap'){this.gradientMapTexture=texture;}else if(uniformName==='uGradientMap2'){this.gradientMap2Texture=texture;}else if(uniformName==='uCenterGradientMap'){this.centerGradientMapTexture=texture;}}},{key:"updateGradientMapTexture",value:function updateGradientMapTexture(source){if(!this.isInitialized||!this.gradientMapTexture)return;this.gradientMapTexture.image(source);}},{key:"setupResizeObserver",value:function setupResizeObserver(){var _this3=this;this.resizeObserver=new ResizeObserver(function(_ref){var _ref2=_slicedToArray(_ref,1),entry=_ref2[0];if(entry!=null&&entry.borderBoxSize[0]){var _entry$devicePixelCon;var physicalPixelSize=(_entry$devicePixelCon=entry.devicePixelContentBoxSize)==null?void 0:_entry$devicePixelCon[0];if(physicalPixelSize!==undefined){_this3.devicePixelsSupported=true;_this3.parentDevicePixelWidth=physicalPixelSize.inlineSize;_this3.parentDevicePixelHeight=physicalPixelSize.blockSize;}_this3.parentWidth=entry.borderBoxSize[0].inlineSize;_this3.parentHeight=entry.borderBoxSize[0].blockSize;}_this3.handleResize();});this.resizeObserver.observe(this.parentElement);}},{key:"setAllUniforms",value:function setAllUniforms(){var gl=this.gl;gl.useProgram(this.program);gl.uniform1i(this.uniformLocations.uVideoTexture,0);gl.uniform1i(this.uniformLocations.uGradientMap,1);gl.uniform1i(this.uniformLocations.uCenterGradientMap,2);gl.uniform1i(this.uniformLocations.uGradientMap2,3);gl.uniform1f(this.uniformLocations.uGradientMapBlend,this.currentGradientMapBlend);this.setUniformValues(this.config);gl.uniform2f(this.uniformLocations.uPan,this.config.panX,this.config.panY);gl.uniform2f(this.uniformLocations.uRefResolution,REF_RESOLUTION.width,REF_RESOLUTION.height);if(this.config.backgroundColor){var _this$config$backgrou=_slicedToArray(this.config.backgroundColor,3),r=_this$config$backgrou[0],g=_this$config$backgrou[1],b=_this$config$backgrou[2];gl.uniform3f(this.uniformLocations.uBackgroundColor,r,g,b);gl.clearColor(r,g,b,1.0);}else {gl.uniform3f(this.uniformLocations.uBackgroundColor,-1.0,-1.0,-1.0);gl.clearColor(0,0,0,0);}gl.uniform4f(this.uniformLocations.uVisibleUvBounds,this.visibleUvBounds[0],this.visibleUvBounds[1],this.visibleUvBounds[2],this.visibleUvBounds[3]);}},{key:"areUniformValuesEqual",value:function areUniformValuesEqual(a,b){var _this4=this;if(a===b)return true;if(Array.isArray(a)&&Array.isArray(b)&&a.length===b.length){return a.every(function(val,i){return _this4.areUniformValuesEqual(val,b[i]);});}return false;}},{key:"setUniformValues",value:function setUniformValues(config){var _this5=this;var gl=this.gl;gl.useProgram(this.program);Object.entries(config).forEach(function(_ref3){var _ref4=_slicedToArray(_ref3,2),key=_ref4[0],value=_ref4[1];if(value===undefined)return;if(_this5.areUniformValuesEqual(_this5.uniformCache[key],value))return;_this5.uniformCache[key]=value;var uniformName=CONFIG_TO_UNIFORM[key];if(!uniformName)return;var location=_this5.uniformLocations[uniformName];if(!location)return;if(typeof value==='boolean'){gl.uniform1f(location,value?1:0);}else if(typeof value==='number'){gl.uniform1f(location,value);}else if(Array.isArray(value)){var flatArray=value.flat();switch(flatArray.length){case 2:gl.uniform2fv(location,flatArray);break;case 3:gl.uniform3fv(location,flatArray);break;case 4:gl.uniform4fv(location,flatArray);break;}}});if(config.panX!==undefined||config.panY!==undefined){var panCacheKey='pan';var panValue=[this.config.panX,this.config.panY];if(!this.areUniformValuesEqual(this.uniformCache[panCacheKey],panValue)){this.uniformCache[panCacheKey]=panValue;gl.uniform2f(this.uniformLocations.uPan,panValue[0],panValue[1]);}}if(config.backgroundColor!==undefined){var bgCacheKey='backgroundColor';if(!this.areUniformValuesEqual(this.uniformCache[bgCacheKey],config.backgroundColor)){this.uniformCache[bgCacheKey]=config.backgroundColor;if(config.backgroundColor){var _config$backgroundCol=_slicedToArray(config.backgroundColor,3),r=_config$backgroundCol[0],g=_config$backgroundCol[1],b=_config$backgroundCol[2];gl.uniform3f(this.uniformLocations.uBackgroundColor,r,g,b);gl.clearColor(r,g,b,1.0);}else {gl.uniform3f(this.uniformLocations.uBackgroundColor,-1.0,-1.0,-1.0);gl.clearColor(0,0,0,0);}}}}},{key:"setUniforms",value:function setUniforms(newConfig){this.config=Object.assign({},this.config,newConfig);if(!this.isInitialized)return;this.setUniformValues(newConfig);if(newConfig.paused!==undefined){if(newConfig.paused){var _this$video3;(_this$video3=this.video)==null?void 0:_this$video3.pause();}else {var _this$video4;(_this$video4=this.video)==null?void 0:_this$video4.play().catch(function(){});}}if(newConfig.playbackRate!==undefined&&this.video){this.video.playbackRate=newConfig.playbackRate;}if(newConfig.aspectRatio!==undefined){this.handleResize();}}},{key:"startRenderLoop",value:function startRenderLoop(){if(this.rafId!==null)return;this.lastRenderTime=performance.now()*0.001;this.rafId=requestAnimationFrame(this.render);}},{key:"stopRenderLoop",value:function stopRenderLoop(){if(this.rafId!==null){cancelAnimationFrame(this.rafId);this.rafId=null;}}},{key:"getCurrentFrame",value:function getCurrentFrame(){return this.currentFrame;}},{key:"setFrame",value:function setFrame(newFrame){this.currentFrame=newFrame;}},{key:"setMaxPixelCount",value:function setMaxPixelCount(){var newMaxPixelCount=arguments.length>0&&arguments[0]!==undefined?arguments[0]:DEFAULT_MAX_PIXEL_COUNT;this.maxPixelCount=newMaxPixelCount;this.handleResize();}},{key:"setMinPixelRatio",value:function setMinPixelRatio(){var newMinPixelRatio=arguments.length>0&&arguments[0]!==undefined?arguments[0]:2;this.minPixelRatio=newMinPixelRatio;this.handleResize();}},{key:"play",value:function play(){var _this$video5;this.config.paused=false;(_this$video5=this.video)==null?void 0:_this$video5.play().catch(function(){});}},{key:"pause",value:function pause(){var _this$video6;this.config.paused=true;(_this$video6=this.video)==null?void 0:_this$video6.pause();}},{key:"setTime",value:function setTime(time){if(this.video){this.video.currentTime=time;}}},{key:"dispose",value:function dispose(){var _this$performanceCont2,_visualViewport3;this.hasBeenDisposed=true;if(this.rafId!==null){cancelAnimationFrame(this.rafId);this.rafId=null;}if(this.videoFrameCallbackId!==null&&this.video&&'cancelVideoFrameCallback'in this.video){this.video.cancelVideoFrameCallback(this.videoFrameCallbackId);}if(this.video){this.video.pause();this.video.src='';this.video.load();this.video=null;}if(this.gl&&this.program){var _this$videoTexture,_this$gradientMapText,_this$gradientMap2Tex,_this$centerGradientM;(_this$videoTexture=this.videoTexture)==null?void 0:_this$videoTexture.destroy();(_this$gradientMapText=this.gradientMapTexture)==null?void 0:_this$gradientMapText.destroy();(_this$gradientMap2Tex=this.gradientMap2Texture)==null?void 0:_this$gradientMap2Tex.destroy();(_this$centerGradientM=this.centerGradientMapTexture)==null?void 0:_this$centerGradientM.destroy();this.gl.deleteProgram(this.program);this.program=null;this.gl.bindBuffer(this.gl.ARRAY_BUFFER,null);this.gl.bindBuffer(this.gl.ELEMENT_ARRAY_BUFFER,null);this.gl.bindRenderbuffer(this.gl.RENDERBUFFER,null);this.gl.bindFramebuffer(this.gl.FRAMEBUFFER,null);this.gl.getError();}(_this$performanceCont2=this.performanceController)==null?void 0:_this$performanceCont2.dispose();this.performanceController=null;if(this.resizeObserver){this.resizeObserver.disconnect();this.resizeObserver=null;}(_visualViewport3=visualViewport)==null?void 0:_visualViewport3.removeEventListener('resize',this.handleVisualViewportChange);document.removeEventListener('visibilitychange',this.handleDocumentVisibilityChange);this.uniformLocations={};this.uniformCache={};this.canvasElement.remove();this.parentElement.removeAttribute('data-rzp-glass');}}]);}();
+}`;var CONFIG_TO_UNIFORM={enableDisplacement:'uEnableDisplacement',enableColorama:'uEnableColorama',enableBloom:'uEnableBloom',enableLightSweep:'uEnableLightSweep',inputMin:'uInputMin',inputMax:'uInputMax',modifyGamma:'uModifyGamma',posterizeLevels:'uPosterizeLevels',cycleRepetitions:'uCycleRepetitions',phaseShift:'uPhaseShift',cycleSpeed:'uCycleSpeed',wrapMode:'uWrapMode',reverse:'uReverse',blendWithOriginal:'uBlendWithOriginal',lightIntensity:'uLightIntensity',lightStartFrame:'uLightStartFrame',numSegments:'uNumSegments',slitAngle:'uSlitAngle',displacementX:'uDisplacementX',displacementY:'uDisplacementY',enableCenterElement:'uEnableCenterElement',centerAnimDuration:'uCenterAnimDuration',ccBlackPoint:'uCCBlackPoint',ccWhitePoint:'uCCWhitePoint',ccMidtoneGamma:'uCCMidtoneGamma',ccGamma:'uCCGamma',ccContrast:'uCCContrast',zoom:'uZoom',edgeFeather:'uEdgeFeather'};var RzpGlassMount=function(){function RzpGlassMount(parentElement,assets){var _this=this,_visualViewport2;var config=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};var frame=arguments.length>3&&arguments[3]!==undefined?arguments[3]:0;var _minPixelRatio=arguments.length>4&&arguments[4]!==undefined?arguments[4]:1;var _maxPixelCount=arguments.length>5&&arguments[5]!==undefined?arguments[5]:DEFAULT_MAX_PIXEL_COUNT;_classCallCheck(this,RzpGlassMount);this.program=null;this.uniformLocations={};this.uniformCache={};this.videoTexture=null;this.gradientMapTexture=null;this.gradientMap2Texture=null;this.centerGradientMapTexture=null;this.currentGradientMapBlend=0;this.video=null;this.videoFrameCallbackId=null;this.rafId=null;this.lastRenderTime=0;this.currentFrame=0;this.independentLightTime=0;this.lastVideoTime=0;this.hasBeenDisposed=false;this.isInitialized=false;this.resolutionChanged=true;this.visibleUvBounds=[0,0,1,1];this.resizeObserver=null;this.renderScale=1;this.parentWidth=0;this.parentHeight=0;this.parentDevicePixelWidth=0;this.parentDevicePixelHeight=0;this.devicePixelsSupported=false;this.isSafariBrowser=isSafari();this.performanceController=null;this.handleVisualViewportChange=function(){var _this$resizeObserver;(_this$resizeObserver=_this.resizeObserver)==null?void 0:_this$resizeObserver.disconnect();_this.setupResizeObserver();};this.handleResize=function(){var _visualViewport$scale,_visualViewport;var containerWidth=_this.parentWidth||_this.parentElement.clientWidth;var containerHeight=_this.parentHeight||_this.parentElement.clientHeight;var containerAspect=containerWidth/containerHeight;var canvasWidth;var canvasHeight;var targetAspectRatio=_this.config.aspectRatio;if(containerAspect>targetAspectRatio){canvasWidth=containerWidth;canvasHeight=containerWidth/targetAspectRatio;}else {canvasHeight=containerHeight;canvasWidth=containerHeight*targetAspectRatio;}var offsetX=(containerWidth-canvasWidth)/2;var offsetY=(containerHeight-canvasHeight)/2;var visibleMinX=-offsetX/canvasWidth;var visibleMaxX=(containerWidth-offsetX)/canvasWidth;var visibleMinY=-offsetY/canvasHeight;var visibleMaxY=(containerHeight-offsetY)/canvasHeight;_this.visibleUvBounds=[visibleMinX,visibleMinY,visibleMaxX,visibleMaxY];_this.canvasElement.style.width=`${canvasWidth}px`;_this.canvasElement.style.height=`${canvasHeight}px`;_this.canvasElement.style.left=`${offsetX}px`;_this.canvasElement.style.top=`${offsetY}px`;var targetPixelWidth=0;var targetPixelHeight=0;var dpr=Math.max(1,window.devicePixelRatio);var pinchZoom=(_visualViewport$scale=(_visualViewport=visualViewport)==null?void 0:_visualViewport.scale)!=null?_visualViewport$scale:1;if(_this.devicePixelsSupported){var canvasToParentRatioX=canvasWidth/containerWidth;var canvasToParentRatioY=canvasHeight/containerHeight;var scaleToMeetMinPixelRatio=Math.max(1,_this.minPixelRatio/dpr);targetPixelWidth=_this.parentDevicePixelWidth*canvasToParentRatioX*scaleToMeetMinPixelRatio*pinchZoom;targetPixelHeight=_this.parentDevicePixelHeight*canvasToParentRatioY*scaleToMeetMinPixelRatio*pinchZoom;}else {var targetRenderScale=Math.max(dpr,_this.minPixelRatio)*pinchZoom;if(_this.isSafariBrowser){var zoomLevel=bestGuessBrowserZoom();targetRenderScale*=Math.max(1,zoomLevel);}targetPixelWidth=Math.round(canvasWidth)*targetRenderScale;targetPixelHeight=Math.round(canvasHeight)*targetRenderScale;}var maxPixelCountHeadroom=Math.sqrt(_this.maxPixelCount)/Math.sqrt(targetPixelWidth*targetPixelHeight);var scaleToMeetMaxPixelCount=Math.min(1,maxPixelCountHeadroom);var newWidth=Math.round(targetPixelWidth*scaleToMeetMaxPixelCount);var newHeight=Math.round(targetPixelHeight*scaleToMeetMaxPixelCount);var newRenderScale=newWidth/Math.round(canvasWidth);if(_this.canvasElement.width!==newWidth||_this.canvasElement.height!==newHeight||_this.renderScale!==newRenderScale){_this.renderScale=newRenderScale;_this.canvasElement.width=newWidth;_this.canvasElement.height=newHeight;_this.resolutionChanged=true;_this.gl.viewport(0,0,newWidth,newHeight);if(_this.rafId===null){_this.render(performance.now());}}};this.handleDocumentVisibilityChange=function(){if(document.hidden){var _this$video;_this.stopRenderLoop();(_this$video=_this.video)==null?void 0:_this$video.pause();}else {_this.startRenderLoop();if(!_this.config.paused){var _this$video2;(_this$video2=_this.video)==null?void 0:_this$video2.play().catch(function(){});}}};this.render=function(currentTime){if(_this.hasBeenDisposed)return;_this.rafId=requestAnimationFrame(_this.render);if(_this.program===null){console.warn('Tried to render before program was initialized');return;}var gl=_this.gl;var video=_this.video;var currentTimeSeconds=currentTime*0.001;var deltaTime=currentTimeSeconds-_this.lastRenderTime;_this.lastRenderTime=currentTimeSeconds;_this.currentFrame++;var usingStaticImage=!video&&_this.videoTexture!==null;if(!usingStaticImage){if(!video||video.readyState<video.HAVE_CURRENT_DATA){return;}if(!('requestVideoFrameCallback'in video)&&_this.videoTexture){_this.videoTexture.update(video);}if(!_this.config.paused){if(video.currentTime<_this.config.startTime||video.currentTime>=_this.config.endTime){video.currentTime=_this.config.startTime;}}}gl.clear(gl.COLOR_BUFFER_BIT);var videoAnimTime=usingStaticImage?currentTimeSeconds:video.currentTime-_this.config.startTime;if(_this.config.animateLightIndependently||usingStaticImage){_this.independentLightTime+=deltaTime;}else {var videoTimeDelta=videoAnimTime-_this.lastVideoTime;var isVideoJump=Math.abs(videoTimeDelta)>0.1||videoTimeDelta<-0.01;if(isVideoJump){_this.independentLightTime=videoAnimTime;}else {_this.independentLightTime+=deltaTime;}}_this.lastVideoTime=videoAnimTime;gl.useProgram(_this.program);gl.uniform1f(_this.uniformLocations.uTime,currentTimeSeconds);var frameCount=_this.config.animateLightIndependently?_this.independentLightTime*30:videoAnimTime*30;gl.uniform1f(_this.uniformLocations.uFrameCount,frameCount);gl.uniform1f(_this.uniformLocations.uCenterAnimTime,_this.independentLightTime);if(_this.resolutionChanged){gl.uniform2f(_this.uniformLocations.iResolution,_this.canvasElement.width,_this.canvasElement.height);gl.uniform1f(_this.uniformLocations.uDpr,_this.renderScale);gl.uniform4f(_this.uniformLocations.uVisibleUvBounds,_this.visibleUvBounds[0],_this.visibleUvBounds[1],_this.visibleUvBounds[2],_this.visibleUvBounds[3]);_this.resolutionChanged=false;}if(_this.config.animateCycleReps&&_this.currentFrame>_this.config.cycleRepetitionsStartFrame){var elapsed=_this.currentFrame-_this.config.cycleRepetitionsStartFrame;var cycleProgress=elapsed%(_this.config.cycleRepetitionsDuration*2)/_this.config.cycleRepetitionsDuration;var pingPong=cycleProgress<=1?cycleProgress:2-cycleProgress;var eased=pingPong*pingPong*(3-2*pingPong);var delta=_this.config.cycleRepetitionsEnd-_this.config.cycleRepetitionsStart;gl.uniform1f(_this.uniformLocations.uCycleRepetitions,_this.config.cycleRepetitionsStart+eased*delta);}else {gl.uniform1f(_this.uniformLocations.uCycleRepetitions,_this.config.cycleRepetitions);}var targetBlend=_this.config.gradientMapBlend;if(_this.currentGradientMapBlend!==targetBlend){var speed=1.0/_this.config.gradientMapBlendDuration;var diff=targetBlend-_this.currentGradientMapBlend;var step=Math.sign(diff)*Math.min(Math.abs(diff),speed*deltaTime);_this.currentGradientMapBlend+=step;gl.uniform1f(_this.uniformLocations.uGradientMapBlend,_this.currentGradientMapBlend);}gl.drawArrays(gl.TRIANGLES,0,6);};this.handlePerformanceLevelChange=function(level){if(level===0){_this.stopRenderLoop();_this.canvasElement.style.display='none';return;}var _LEVEL_RENDER_SETTING=LEVEL_RENDER_SETTINGS[level],maxPixelCount=_LEVEL_RENDER_SETTING.maxPixelCount,minPixelRatio=_LEVEL_RENDER_SETTING.minPixelRatio;_this.maxPixelCount=maxPixelCount;_this.minPixelRatio=minPixelRatio;if(_this.canvasElement.style.display==='none'){_this.canvasElement.style.display='';}if(_this.isInitialized){_this.startRenderLoop();}_this.handleResize();};this.parentElement=parentElement;this.assets=assets;this.config=Object.assign({},DEFAULT_CONFIG,config);this.currentFrame=frame;this.minPixelRatio=_minPixelRatio;this.maxPixelCount=_maxPixelCount;if(!document.querySelector('style[data-rzp-glass-style]')){var styleElement=document.createElement('style');styleElement.innerHTML=defaultStyle;styleElement.setAttribute('data-rzp-glass-style','');document.head.prepend(styleElement);}this.canvasElement=document.createElement('canvas');this.parentElement.prepend(this.canvasElement);this.parentElement.setAttribute('data-rzp-glass','');var _gl=this.canvasElement.getContext('webgl',{antialias:false,premultipliedAlpha:false,depth:false,alpha:true,powerPreference:'high-performance'});this.gl=_gl;this.performanceController=new WebGLPerformanceController({gl:this.gl,onLevelChange:this.handlePerformanceLevelChange});this.stopIfPotato();_gl.pixelStorei(_gl.UNPACK_FLIP_Y_WEBGL,true);_gl.disable(_gl.DEPTH_TEST);_gl.disable(_gl.CULL_FACE);_gl.clearColor(0,0,0,0);this.initProgram();this.setupPositionAttribute();this.setupUniformLocations();this.setupResizeObserver();(_visualViewport2=visualViewport)==null?void 0:_visualViewport2.addEventListener('resize',this.handleVisualViewportChange);document.addEventListener('visibilitychange',this.handleDocumentVisibilityChange);}return _createClass(RzpGlassMount,[{key:"stopIfPotato",value:function stopIfPotato(){var _this$performanceCont;if(!((_this$performanceCont=this.performanceController)!=null&&_this$performanceCont.isPotato())){return;}this.stopRenderLoop();throw new Error('RzpGlass: WebGL is not supported in this browser');}},{key:"loadAssets",value:(function(){var _loadAssets=_asyncToGenerator(function*(){this.stopIfPotato();try{var _this$assets$gradient;var useStaticImage=Boolean(this.assets.imageSrc);var gradientMap2Src=(_this$assets$gradient=this.assets.gradientMap2Src)!=null?_this$assets$gradient:this.assets.gradientMapSrc;var _yield$Promise$all=yield Promise.all([useStaticImage?loadImage(this.assets.imageSrc):loadVideo(this.assets.videoSrc),loadImage(this.assets.gradientMapSrc),loadImage(gradientMap2Src),loadImage(this.assets.centerGradientMapSrc)]),_yield$Promise$all2=_slicedToArray(_yield$Promise$all,4),baseAsset=_yield$Promise$all2[0],gradientMap=_yield$Promise$all2[1],gradientMap2=_yield$Promise$all2[2],centerGradientMap=_yield$Promise$all2[3];if(useStaticImage){this.setupImageTexture('uVideoTexture',baseAsset,0);}else {this.video=baseAsset;this.setupVideoTexture();this.video.currentTime=this.config.startTime;this.video.playbackRate=this.config.playbackRate;if(!this.config.paused){yield this.video.play().catch(function(e){console.warn('Video autoplay failed:',e);});}}this.setupImageTexture('uGradientMap',gradientMap,1);this.setupImageTexture('uCenterGradientMap',centerGradientMap,2);this.setupImageTexture('uGradientMap2',gradientMap2,3);this.setAllUniforms();this.isInitialized=true;this.handleResize();this.startRenderLoop();}catch(error){console.error('RzpGlass: Failed to load assets',error);throw error;}});function loadAssets(){return _loadAssets.apply(this,arguments);}return loadAssets;}())},{key:"initProgram",value:function initProgram(){var program=createProgram(this.gl,rzpGlassVertexShader,rzpGlassFragmentShader);if(!program){throw new Error('RzpGlass: Failed to create WebGL program');}this.program=program;}},{key:"setupPositionAttribute",value:function setupPositionAttribute(){var buffers=setupFullscreenQuad(this.gl,this.program);if(!buffers){throw new Error('RzpGlass: Failed to setup fullscreen quad');}}},{key:"setupUniformLocations",value:function setupUniformLocations(){var gl=this.gl;var program=this.program;var uniformNames=['uTime','iResolution','uDpr','uVideoTexture','uGradientMap','uGradientMap2','uGradientMapBlend','uCenterGradientMap','uEnableDisplacement','uEnableColorama','uEnableBloom','uEnableLightSweep','uInputMin','uInputMax','uModifyGamma','uPosterizeLevels','uCycleRepetitions','uPhaseShift','uCycleSpeed','uWrapMode','uReverse','uBlendWithOriginal','uLightIntensity','uFrameCount','uLightStartFrame','uNumSegments','uSlitAngle','uDisplacementX','uDisplacementY','uEnableCenterElement','uCenterAnimDuration','uCenterAnimTime','uCCBlackPoint','uCCWhitePoint','uCCMidtoneGamma','uCCGamma','uCCContrast','uZoom','uPan','uEdgeFeather','uRefResolution','uVisibleUvBounds','uBackgroundColor','uEnableRippleWave','uRippleSpeed','uRippleBlend','uRippleAngularPower','uRippleRadialFalloff','uRippleWaitTime'];for(var name of uniformNames){this.uniformLocations[name]=gl.getUniformLocation(program,name);}}},{key:"setupVideoTexture",value:function setupVideoTexture(){var _this2=this;this.videoTexture=new Texture(this.gl,{textureUnit:0});if(this.video&&'requestVideoFrameCallback'in this.video){var _updateVideoFrame=function updateVideoFrame(){if(_this2.hasBeenDisposed||!_this2.video||!_this2.videoTexture)return;_this2.videoTexture.update(_this2.video);_this2.videoFrameCallbackId=_this2.video.requestVideoFrameCallback(_updateVideoFrame);};this.videoFrameCallbackId=this.video.requestVideoFrameCallback(_updateVideoFrame);}}},{key:"setupImageTexture",value:function setupImageTexture(uniformName,image,textureUnit){var texture=new Texture(this.gl,{textureUnit:textureUnit});texture.image(image);if(uniformName==='uVideoTexture'){this.videoTexture=texture;}else if(uniformName==='uGradientMap'){this.gradientMapTexture=texture;}else if(uniformName==='uGradientMap2'){this.gradientMap2Texture=texture;}else if(uniformName==='uCenterGradientMap'){this.centerGradientMapTexture=texture;}}},{key:"updateGradientMapTexture",value:function updateGradientMapTexture(source){if(!this.isInitialized||!this.gradientMapTexture)return;this.gradientMapTexture.image(source);}},{key:"setupResizeObserver",value:function setupResizeObserver(){var _this3=this;this.resizeObserver=new ResizeObserver(function(_ref){var _ref2=_slicedToArray(_ref,1),entry=_ref2[0];if(entry!=null&&entry.borderBoxSize[0]){var _entry$devicePixelCon;var physicalPixelSize=(_entry$devicePixelCon=entry.devicePixelContentBoxSize)==null?void 0:_entry$devicePixelCon[0];if(physicalPixelSize!==undefined){_this3.devicePixelsSupported=true;_this3.parentDevicePixelWidth=physicalPixelSize.inlineSize;_this3.parentDevicePixelHeight=physicalPixelSize.blockSize;}_this3.parentWidth=entry.borderBoxSize[0].inlineSize;_this3.parentHeight=entry.borderBoxSize[0].blockSize;}_this3.handleResize();});this.resizeObserver.observe(this.parentElement);}},{key:"setAllUniforms",value:function setAllUniforms(){var gl=this.gl;gl.useProgram(this.program);gl.uniform1i(this.uniformLocations.uVideoTexture,0);gl.uniform1i(this.uniformLocations.uGradientMap,1);gl.uniform1i(this.uniformLocations.uCenterGradientMap,2);gl.uniform1i(this.uniformLocations.uGradientMap2,3);gl.uniform1f(this.uniformLocations.uGradientMapBlend,this.currentGradientMapBlend);this.setUniformValues(this.config);gl.uniform2f(this.uniformLocations.uPan,this.config.panX,this.config.panY);gl.uniform2f(this.uniformLocations.uRefResolution,REF_RESOLUTION.width,REF_RESOLUTION.height);if(this.config.backgroundColor){var _this$config$backgrou=_slicedToArray(this.config.backgroundColor,3),r=_this$config$backgrou[0],g=_this$config$backgrou[1],b=_this$config$backgrou[2];gl.uniform3f(this.uniformLocations.uBackgroundColor,r,g,b);gl.clearColor(r,g,b,1.0);}else {gl.uniform3f(this.uniformLocations.uBackgroundColor,-1.0,-1.0,-1.0);gl.clearColor(0,0,0,0);}gl.uniform4f(this.uniformLocations.uVisibleUvBounds,this.visibleUvBounds[0],this.visibleUvBounds[1],this.visibleUvBounds[2],this.visibleUvBounds[3]);}},{key:"areUniformValuesEqual",value:function areUniformValuesEqual(a,b){var _this4=this;if(a===b)return true;if(Array.isArray(a)&&Array.isArray(b)&&a.length===b.length){return a.every(function(val,i){return _this4.areUniformValuesEqual(val,b[i]);});}return false;}},{key:"setUniformValues",value:function setUniformValues(config){var _this5=this;var gl=this.gl;gl.useProgram(this.program);Object.entries(config).forEach(function(_ref3){var _ref4=_slicedToArray(_ref3,2),key=_ref4[0],value=_ref4[1];if(value===undefined)return;if(_this5.areUniformValuesEqual(_this5.uniformCache[key],value))return;_this5.uniformCache[key]=value;var uniformName=CONFIG_TO_UNIFORM[key];if(!uniformName)return;var location=_this5.uniformLocations[uniformName];if(!location)return;if(typeof value==='boolean'){gl.uniform1f(location,value?1:0);}else if(typeof value==='number'){gl.uniform1f(location,value);}else if(Array.isArray(value)){var flatArray=value.flat();switch(flatArray.length){case 2:gl.uniform2fv(location,flatArray);break;case 3:gl.uniform3fv(location,flatArray);break;case 4:gl.uniform4fv(location,flatArray);break;}}});if(config.panX!==undefined||config.panY!==undefined){var panCacheKey='pan';var panValue=[this.config.panX,this.config.panY];if(!this.areUniformValuesEqual(this.uniformCache[panCacheKey],panValue)){this.uniformCache[panCacheKey]=panValue;gl.uniform2f(this.uniformLocations.uPan,panValue[0],panValue[1]);}}if(config.backgroundColor!==undefined){var bgCacheKey='backgroundColor';if(!this.areUniformValuesEqual(this.uniformCache[bgCacheKey],config.backgroundColor)){this.uniformCache[bgCacheKey]=config.backgroundColor;if(config.backgroundColor){var _config$backgroundCol=_slicedToArray(config.backgroundColor,3),r=_config$backgroundCol[0],g=_config$backgroundCol[1],b=_config$backgroundCol[2];gl.uniform3f(this.uniformLocations.uBackgroundColor,r,g,b);gl.clearColor(r,g,b,1.0);}else {gl.uniform3f(this.uniformLocations.uBackgroundColor,-1.0,-1.0,-1.0);gl.clearColor(0,0,0,0);}}}}},{key:"setUniforms",value:function setUniforms(newConfig){this.config=Object.assign({},this.config,newConfig);if(!this.isInitialized)return;this.setUniformValues(newConfig);if(newConfig.paused!==undefined){if(newConfig.paused){var _this$video3;(_this$video3=this.video)==null?void 0:_this$video3.pause();}else {var _this$video4;(_this$video4=this.video)==null?void 0:_this$video4.play().catch(function(){});}}if(newConfig.playbackRate!==undefined&&this.video){this.video.playbackRate=newConfig.playbackRate;}if(newConfig.aspectRatio!==undefined){this.handleResize();}}},{key:"startRenderLoop",value:function startRenderLoop(){if(this.rafId!==null)return;this.lastRenderTime=performance.now()*0.001;this.rafId=requestAnimationFrame(this.render);}},{key:"stopRenderLoop",value:function stopRenderLoop(){if(this.rafId!==null){cancelAnimationFrame(this.rafId);this.rafId=null;}}},{key:"getCurrentFrame",value:function getCurrentFrame(){return this.currentFrame;}},{key:"setFrame",value:function setFrame(newFrame){this.currentFrame=newFrame;}},{key:"setMaxPixelCount",value:function setMaxPixelCount(){var newMaxPixelCount=arguments.length>0&&arguments[0]!==undefined?arguments[0]:DEFAULT_MAX_PIXEL_COUNT;this.maxPixelCount=newMaxPixelCount;this.handleResize();}},{key:"setMinPixelRatio",value:function setMinPixelRatio(){var newMinPixelRatio=arguments.length>0&&arguments[0]!==undefined?arguments[0]:2;this.minPixelRatio=newMinPixelRatio;this.handleResize();}},{key:"play",value:function play(){var _this$video5;this.config.paused=false;(_this$video5=this.video)==null?void 0:_this$video5.play().catch(function(){});}},{key:"pause",value:function pause(){var _this$video6;this.config.paused=true;(_this$video6=this.video)==null?void 0:_this$video6.pause();}},{key:"setTime",value:function setTime(time){if(this.video){this.video.currentTime=time;}}},{key:"dispose",value:function dispose(){var _this$performanceCont2,_visualViewport3;this.hasBeenDisposed=true;if(this.rafId!==null){cancelAnimationFrame(this.rafId);this.rafId=null;}if(this.videoFrameCallbackId!==null&&this.video&&'cancelVideoFrameCallback'in this.video){this.video.cancelVideoFrameCallback(this.videoFrameCallbackId);}if(this.video){this.video.pause();this.video.src='';this.video.load();this.video=null;}if(this.gl&&this.program){var _this$videoTexture,_this$gradientMapText,_this$gradientMap2Tex,_this$centerGradientM;(_this$videoTexture=this.videoTexture)==null?void 0:_this$videoTexture.destroy();(_this$gradientMapText=this.gradientMapTexture)==null?void 0:_this$gradientMapText.destroy();(_this$gradientMap2Tex=this.gradientMap2Texture)==null?void 0:_this$gradientMap2Tex.destroy();(_this$centerGradientM=this.centerGradientMapTexture)==null?void 0:_this$centerGradientM.destroy();this.gl.deleteProgram(this.program);this.program=null;this.gl.bindBuffer(this.gl.ARRAY_BUFFER,null);this.gl.bindBuffer(this.gl.ELEMENT_ARRAY_BUFFER,null);this.gl.bindRenderbuffer(this.gl.RENDERBUFFER,null);this.gl.bindFramebuffer(this.gl.FRAMEBUFFER,null);this.gl.getError();}(_this$performanceCont2=this.performanceController)==null?void 0:_this$performanceCont2.dispose();this.performanceController=null;if(this.resizeObserver){this.resizeObserver.disconnect();this.resizeObserver=null;}(_visualViewport3=visualViewport)==null?void 0:_visualViewport3.removeEventListener('resize',this.handleVisualViewportChange);document.removeEventListener('visibilitychange',this.handleDocumentVisibilityChange);this.uniformLocations={};this.uniformCache={};this.canvasElement.remove();this.parentElement.removeAttribute('data-rzp-glass');}}]);}();
 export { RzpGlassMount };
 //# sourceMappingURL=RzpGlassMount.js.map