vault66-crt-effect/dist/crt-effect.umd.js

A customizable CRT visual effect component for React

(function(E,i){typeof exports=="object"&&typeof module<"u"?module.exports=i(require("react")):typeof define=="function"&&define.amd?define(["react"],i):(E=typeof globalThis<"u"?globalThis:E||self,E.CRTEffect=i(E.React))})(this,function(E){"use strict";var i={exports:{}},T={};/**
 * @license React
 * react-jsx-runtime.production.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var B;function re(){if(B)return T;B=1;var l=Symbol.for("react.transitional.element"),R=Symbol.for("react.fragment");function f(d,a,s){var m=null;if(s!==void 0&&(m=""+s),a.key!==void 0&&(m=""+a.key),"key"in a){s={};for(var p in a)p!=="key"&&(s[p]=a[p])}else s=a;return a=s.ref,{$$typeof:l,type:d,key:m,ref:a!==void 0?a:null,props:s}}return T.Fragment=R,T.jsx=f,T.jsxs=f,T}var _={};/**
 * @license React
 * react-jsx-runtime.development.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var X;function te(){return X||(X=1,process.env.NODE_ENV!=="production"&&function(){function l(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===G?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case k:return"Fragment";case M:return"Profiler";case I:return"StrictMode";case j:return"Suspense";case z:return"SuspenseList";case U:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case F:return"Portal";case L:return(e.displayName||"Context")+".Provider";case D:return(e._context.displayName||"Context")+".Consumer";case W:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case O:return r=e.displayName||null,r!==null?r:l(e.type)||"Memo";case A:r=e._payload,e=e._init;try{return l(e(r))}catch{}}return null}function R(e){return""+e}function f(e){try{R(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),R(e)}}function d(e){if(e===k)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===A)return"<...>";try{var r=l(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function a(){var e=w.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function m(e){if(P.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function p(e,r){function t(){C||(C=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function Y(){var e=l(this.type);return Z[e]||(Z[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function $(e,r,t,n,u,c,q,J){return t=c.ref,e={$$typeof:S,type:e,key:r,props:c,_owner:u},(t!==void 0?t:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:Y}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:J}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function g(e,r,t,n,u,c,q,J){var o=r.children;if(o!==void 0)if(n)if(y(o)){for(n=0;n<o.length;n++)x(o[n]);Object.freeze&&Object.freeze(o)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else x(o);if(P.call(r,"key")){o=l(e);var v=Object.keys(r).filter(function(oe){return oe!=="key"});n=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",ee[o+n]||(v=0<v.length?"{"+v.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
  let props = %s;
  <%s {...props} />
React keys must be passed directly to JSX without using spread:
  let props = %s;
  <%s key={someKey} {...props} />`,n,o,v,o),ee[o+n]=!0)}if(o=null,t!==void 0&&(f(t),o=""+t),m(r)&&(f(r.key),o=""+r.key),"key"in r){t={};for(var V in r)V!=="key"&&(t[V]=r[V])}else t=r;return o&&p(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),$(e,o,c,u,a(),t,q,J)}function x(e){typeof e=="object"&&e!==null&&e.$$typeof===S&&e._store&&(e._store.validated=1)}var b=E,S=Symbol.for("react.transitional.element"),F=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),I=Symbol.for("react.strict_mode"),M=Symbol.for("react.profiler"),D=Symbol.for("react.consumer"),L=Symbol.for("react.context"),W=Symbol.for("react.forward_ref"),j=Symbol.for("react.suspense"),z=Symbol.for("react.suspense_list"),O=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),U=Symbol.for("react.activity"),G=Symbol.for("react.client.reference"),w=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,P=Object.prototype.hasOwnProperty,y=Array.isArray,N=console.createTask?console.createTask:function(){return null};b={"react-stack-bottom-frame":function(e){return e()}};var C,Z={},Q=b["react-stack-bottom-frame"].bind(b,s)(),K=N(d(s)),ee={};_.Fragment=k,_.jsx=function(e,r,t,n,u){var c=1e4>w.recentlyCreatedOwnerStacks++;return g(e,r,t,!1,n,u,c?Error("react-stack-top-frame"):Q,c?N(d(e)):K)},_.jsxs=function(e,r,t,n,u){var c=1e4>w.recentlyCreatedOwnerStacks++;return g(e,r,t,!0,n,u,c?Error("react-stack-top-frame"):Q,c?N(d(e)):K)}}()),_}var H;function ne(){return H||(H=1,process.env.NODE_ENV==="production"?i.exports=re():i.exports=te()),i.exports}var h=ne();return({enabled:l=!0,sweepDuration:R=10,sweepThickness:f=10,sweepStyle:d="classic",scanlineOpacity:a=.2,scanlineColor:s="rgba(91, 179, 135, 0.2)",scanlineThickness:m=2,scanlineGap:p=3,enableScanlines:Y=!0,enableSweep:$=!0,theme:g="green",enableGlow:x=!1,glowColor:b="rgba(0, 255, 128, 0.3)",enableEdgeGlow:S=!1,edgeGlowColor:F="rgba(0, 255, 128, 0.2)",edgeGlowSize:k=30,enableFlicker:I=!1,scanlineOrientation:M="horizontal",glitchIntensity:D="medium",flickerIntensity:L="medium",glitchMode:W=!1,children:j})=>{if(!l)return h.jsx(h.Fragment,{children:j});const z=P=>{const y=P.match(/rgba?\(\s*([\d\s.,]+)\)/);return y?y[1].split(",").map(C=>C.trim()).slice(0,3).join(", "):"91, 179, 135"},O={green:"91, 179, 135",amber:"255, 200, 100",blue:"100, 200, 255"},A=g!=="custom"?O[g]??O.green:z(s),U=["crt-effect-wrapper",Y&&"scanlines-on",$&&(d==="classic"?"sweep-on":"sweep-soft"),S&&"edge-glow-on",I&&"flicker-on"].filter(Boolean).join(" "),G={low:"1s",medium:"0.6s",high:"0.3s"},w={low:"1.5s",medium:"0.8s",high:"0.4s"};return h.jsx("div",{className:U,style:{position:"relative","--sweep-duration":`${R}s`,"--sweep-thickness":`${f}px`,"--scanline-opacity":a,"--scanline-color-rgb":A,"--scanline-thickness":`${m}px`,"--scanline-gap":`${p}px`,"--glow-color":b,"--edge-glow-color":F,"--edge-glow-size":`${k}px`,"--scanline-gradient-direction":M==="horizontal"?"to bottom":"to right","--glitch-speed":G[D??"medium"],"--flicker-speed":w[L??"medium"]},children:h.jsx("div",{className:["crt-inner",W?"glitch-on":""].join(" "),style:{boxShadow:x?"0 0 6px var(--glow-color), 0 0 12px var(--glow-color), 0 0 20px var(--glow-color)":void 0},children:j})})}});