shaders 2.2.20 → 2.2.21

package/dist/vue/utils/generatePresetCode.js

@@ -1,4 +1,4 @@
-import { n as a, t as o } from "../generatePresetCode-nej_B_Ke.js";
+import { n as a, t as o } from "../generatePresetCode-Cd1B-Y9j.js";
 export {
   o as availableComponents,
   a as generatePresetCode

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaders",
-  "version": "2.2.20",
+  "version": "2.2.21",
   "description": "Declarative shader components for Vue, React, and Svelte",
   "author": "Simon Le Marchant<https://github.com/marchantweb>",
   "homepage": "https://shaders.com/",

package/dist/react/generatePresetCode-BXrrE8g5.js

@@ -1,321 +0,0 @@
-var p = {
-  AngularBlur: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Ascii: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Blob: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Blur: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Bulge: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  CRTScreen: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  ChannelBlur: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Checkerboard: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  ChromaFlow: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  ChromaticAberration: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Circle: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  CursorTrail: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  DiffuseBlur: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Dither: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  DotGrid: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Duotone: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  FilmGrain: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  FloatingParticles: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  GlassTiles: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Glow: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Godrays: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Grayscale: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Grid: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  GridDistortion: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Group: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Halftone: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  HueShift: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  ImageTexture: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Invert: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  LinearBlur: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  LinearGradient: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Liquify: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Pixelate: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  PolarCoordinates: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Posterize: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  ProgressiveBlur: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  RadialGradient: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  RectangularCoordinates: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Ripples: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Saturation: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  SimplexNoise: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  SineWave: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  SolidColor: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Spherize: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Spiral: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Strands: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Stretch: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Swirl: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  TiltShift: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Tritone: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Twirl: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Vibrance: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  WaveDistortion: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  ZoomBlur: {
-    opacity: 1,
-    blendMode: "normal"
-  }
-};
-function c(l, t, e = "  ") {
-  return Object.entries(l).filter(([o, r]) => {
-    const n = p[t] || {};
-    if (n.hasOwnProperty(o)) {
-      const a = n[o];
-      return typeof r == "object" && typeof a == "object" ? JSON.stringify(r) !== JSON.stringify(a) : r !== a;
-    }
-    return !(o === "opacity" && r === 1 || o === "blendMode" && r === "normal");
-  }).map(([o, r]) => typeof r == "string" ? `${o}="${r}"` : typeof r == "object" ? `${o}={${JSON.stringify(r)}}` : `${o}={${r}}`).join(`
-` + e + "  ");
-}
-function m(l, t) {
-  const e = [];
-  function o(r) {
-    for (const n of r)
-      e.push(n), n.children && o(n.children);
-  }
-  return o(t), e.some((r) => r.props?.maskSource === l);
-}
-function s(l) {
-  const t = (e, o = "  ") => {
-    const r = e.props ? c(e.props, e.type, o) : "";
-    let n = "";
-    e.id && m(e.id, l.components) && (n = `id="${e.id}"`);
-    const a = [n, r].filter(Boolean).join(`
-` + o + "  ");
-    if (e.children && e.children.length > 0) {
-      const i = e.children.map((d) => t(d, o + "  ")).join(`
-`);
-      return a ? `${o}<${e.type}
-${o}  ${a}>
-${i}
-${o}</${e.type}>` : `${o}<${e.type}>
-${i}
-${o}</${e.type}>`;
-    } else return a ? `${o}<${e.type}
-${o}  ${a} />` : `${o}<${e.type} />`;
-  };
-  return `<Shader>
-${l.components.map((e) => t(e)).join(`
-`)}
-</Shader>`;
-}
-const y = [
-  "AngularBlur",
-  "Ascii",
-  "Blob",
-  "Blur",
-  "Bulge",
-  "CRTScreen",
-  "ChannelBlur",
-  "Checkerboard",
-  "ChromaFlow",
-  "ChromaticAberration",
-  "Circle",
-  "CursorTrail",
-  "DiffuseBlur",
-  "Dither",
-  "DotGrid",
-  "Duotone",
-  "FilmGrain",
-  "FloatingParticles",
-  "GlassTiles",
-  "Glow",
-  "Godrays",
-  "Grayscale",
-  "Grid",
-  "GridDistortion",
-  "Group",
-  "Halftone",
-  "HueShift",
-  "ImageTexture",
-  "Invert",
-  "LinearBlur",
-  "LinearGradient",
-  "Liquify",
-  "Pixelate",
-  "PolarCoordinates",
-  "Posterize",
-  "ProgressiveBlur",
-  "RadialGradient",
-  "RectangularCoordinates",
-  "Ripples",
-  "Saturation",
-  "SimplexNoise",
-  "SineWave",
-  "SolidColor",
-  "Spherize",
-  "Spiral",
-  "Strands",
-  "Stretch",
-  "Swirl",
-  "TiltShift",
-  "Tritone",
-  "Twirl",
-  "Vibrance",
-  "WaveDistortion",
-  "ZoomBlur"
-];
-export {
-  s as n,
-  y as t
-};

package/dist/svelte/generatePresetCode-BXrrE8g5.js

@@ -1,321 +0,0 @@
-var p = {
-  AngularBlur: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Ascii: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Blob: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Blur: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Bulge: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  CRTScreen: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  ChannelBlur: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Checkerboard: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  ChromaFlow: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  ChromaticAberration: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Circle: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  CursorTrail: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  DiffuseBlur: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Dither: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  DotGrid: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Duotone: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  FilmGrain: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  FloatingParticles: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  GlassTiles: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Glow: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Godrays: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Grayscale: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Grid: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  GridDistortion: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Group: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Halftone: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  HueShift: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  ImageTexture: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Invert: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  LinearBlur: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  LinearGradient: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Liquify: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Pixelate: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  PolarCoordinates: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Posterize: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  ProgressiveBlur: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  RadialGradient: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  RectangularCoordinates: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Ripples: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Saturation: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  SimplexNoise: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  SineWave: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  SolidColor: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Spherize: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Spiral: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Strands: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Stretch: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Swirl: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  TiltShift: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Tritone: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Twirl: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  Vibrance: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  WaveDistortion: {
-    opacity: 1,
-    blendMode: "normal"
-  },
-  ZoomBlur: {
-    opacity: 1,
-    blendMode: "normal"
-  }
-};
-function c(l, t, e = "  ") {
-  return Object.entries(l).filter(([o, r]) => {
-    const n = p[t] || {};
-    if (n.hasOwnProperty(o)) {
-      const a = n[o];
-      return typeof r == "object" && typeof a == "object" ? JSON.stringify(r) !== JSON.stringify(a) : r !== a;
-    }
-    return !(o === "opacity" && r === 1 || o === "blendMode" && r === "normal");
-  }).map(([o, r]) => typeof r == "string" ? `${o}="${r}"` : typeof r == "object" ? `${o}={${JSON.stringify(r)}}` : `${o}={${r}}`).join(`
-` + e + "  ");
-}
-function m(l, t) {
-  const e = [];
-  function o(r) {
-    for (const n of r)
-      e.push(n), n.children && o(n.children);
-  }
-  return o(t), e.some((r) => r.props?.maskSource === l);
-}
-function s(l) {
-  const t = (e, o = "  ") => {
-    const r = e.props ? c(e.props, e.type, o) : "";
-    let n = "";
-    e.id && m(e.id, l.components) && (n = `id="${e.id}"`);
-    const a = [n, r].filter(Boolean).join(`
-` + o + "  ");
-    if (e.children && e.children.length > 0) {
-      const i = e.children.map((d) => t(d, o + "  ")).join(`
-`);
-      return a ? `${o}<${e.type}
-${o}  ${a}>
-${i}
-${o}</${e.type}>` : `${o}<${e.type}>
-${i}
-${o}</${e.type}>`;
-    } else return a ? `${o}<${e.type}
-${o}  ${a} />` : `${o}<${e.type} />`;
-  };
-  return `<Shader>
-${l.components.map((e) => t(e)).join(`
-`)}
-</Shader>`;
-}
-const y = [
-  "AngularBlur",
-  "Ascii",
-  "Blob",
-  "Blur",
-  "Bulge",
-  "CRTScreen",
-  "ChannelBlur",
-  "Checkerboard",
-  "ChromaFlow",
-  "ChromaticAberration",
-  "Circle",
-  "CursorTrail",
-  "DiffuseBlur",
-  "Dither",
-  "DotGrid",
-  "Duotone",
-  "FilmGrain",
-  "FloatingParticles",
-  "GlassTiles",
-  "Glow",
-  "Godrays",
-  "Grayscale",
-  "Grid",
-  "GridDistortion",
-  "Group",
-  "Halftone",
-  "HueShift",
-  "ImageTexture",
-  "Invert",
-  "LinearBlur",
-  "LinearGradient",
-  "Liquify",
-  "Pixelate",
-  "PolarCoordinates",
-  "Posterize",
-  "ProgressiveBlur",
-  "RadialGradient",
-  "RectangularCoordinates",
-  "Ripples",
-  "Saturation",
-  "SimplexNoise",
-  "SineWave",
-  "SolidColor",
-  "Spherize",
-  "Spiral",
-  "Strands",
-  "Stretch",
-  "Swirl",
-  "TiltShift",
-  "Tritone",
-  "Twirl",
-  "Vibrance",
-  "WaveDistortion",
-  "ZoomBlur"
-];
-export {
-  s as n,
-  y as t
-};