@pixerate/editor 0.258.0 → 0.260.0

package/dist/chunk-BOHDJJ2O.cjs

@@ -1,192 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-
-
-
-
-
-var _chunkDPYAO5U6cjs = require('./chunk-DPYAO5U6.cjs');
-
-
-var _chunk2VX55NFMcjs = require('./chunk-2VX55NFM.cjs');
-
-// src/raster/effects/ui.ts
-function layerEffectsPanel(layer) {
-  const empty = { readOnly: true, enabled: true, scale: 1, rows: [] };
-  if (!layer) return { ...empty, available: false, reason: "Select a layer to add a layer style." };
-  if (layer.type === "adjustment") return { ...empty, available: false, reason: "Adjustment layers cannot have a layer style." };
-  const fx = layer.effects;
-  const readOnly = Boolean(_optionalChain([layer, 'access', _ => _.locks, 'optionalAccess', _2 => _2.all]));
-  return {
-    available: true,
-    readOnly,
-    reason: readOnly ? "The layer is locked; unlock it to change its layer style." : void 0,
-    enabled: _nullishCoalesce(_optionalChain([fx, 'optionalAccess', _3 => _3.enabled]), () => ( true)),
-    scale: _nullishCoalesce(_optionalChain([fx, 'optionalAccess', _4 => _4.scale]), () => ( 1)),
-    rows: (_nullishCoalesce(_optionalChain([fx, 'optionalAccess', _5 => _5.items]), () => ( []))).map((e) => ({ id: e.id, kind: e.kind, label: _chunkDPYAO5U6cjs.layerEffectLabel.call(void 0, e.kind), enabled: e.enabled }))
-  };
-}
-function layerEffectsBadge(layer) {
-  if (!_optionalChain([layer, 'access', _6 => _6.effects, 'optionalAccess', _7 => _7.items, 'access', _8 => _8.length])) return null;
-  return _chunkDPYAO5U6cjs.hasActiveEffects.call(void 0, layer.effects) ? "on" : "off";
-}
-var LAYER_EFFECT_MENU = _chunkDPYAO5U6cjs.LAYER_EFFECT_KINDS.map((kind) => ({ kind, label: _chunkDPYAO5U6cjs.layerEffectLabel.call(void 0, kind) }));
-var BLENDS = _chunk2VX55NFMcjs.BLEND_MODES.filter((m) => m.id !== "pigment").map((m) => ({ value: m.id, label: m.label }));
-var opt = (...pairs) => pairs.map(([value, label]) => ({ value, label }));
-function patternOptions(patterns) {
-  return [...patterns.map((p) => ({ value: p.id, label: p.name || p.id })), ..._chunkDPYAO5U6cjs.builtinPatternIds.call(void 0, ).map((id) => ({ value: id, label: _chunkDPYAO5U6cjs.builtinPattern.call(void 0, id).name }))];
-}
-function getPath(o, path) {
-  let v = o;
-  for (const p of path.split(".")) {
-    if (v === null || v === void 0) return void 0;
-    if (Array.isArray(v)) v = p === "last" ? v[v.length - 1] : v[Number(p)];
-    else v = v[p];
-  }
-  return v;
-}
-function setPath(o, parts, value) {
-  if (!parts.length) return value;
-  const [p, ...rest] = parts;
-  if (Array.isArray(o)) {
-    const i = p === "last" ? o.length - 1 : Number(p);
-    const out = [...o];
-    out[i] = setPath(o[i], rest, value);
-    return out;
-  }
-  const r = _nullishCoalesce(o, () => ( {}));
-  return { ...r, [p]: setPath(r[p], rest, value) };
-}
-function fillControls(f, allowPattern, patterns) {
-  const types = allowPattern ? opt(["color", "Color"], ["gradient", "Gradient"], ["pattern", "Pattern"]) : opt(["color", "Color"], ["gradient", "Gradient"]);
-  const out = [{ key: "fill.type", label: "Fill", type: "select", value: f.type, options: types }];
-  if (f.type === "color") out.push({ key: "fill.color", label: "Color", type: "color", value: f.color });
-  else if (f.type === "gradient") out.push(...gradientControls("fill.gradient", f.gradient));
-  else {
-    out.push(
-      { key: "fill.patternId", label: "Pattern", type: "select", value: f.patternId, options: patternOptions(patterns) },
-      { key: "fill.scale", label: "Scale", type: "range", min: 0.01, max: 10, step: 0.01, value: f.scale, percent: true, unit: "%" }
-    );
-  }
-  return out;
-}
-function gradientControls(prefix, g) {
-  return [
-    { key: `${prefix}.stops.0.color`, label: "Start colour", type: "color", value: _nullishCoalesce(_optionalChain([g, 'access', _9 => _9.stops, 'access', _10 => _10[0], 'optionalAccess', _11 => _11.color]), () => ( "#000000")) },
-    { key: `${prefix}.stops.last.color`, label: "End colour", type: "color", value: _nullishCoalesce(_optionalChain([g, 'access', _12 => _12.stops, 'access', _13 => _13[g.stops.length - 1], 'optionalAccess', _14 => _14.color]), () => ( "#ffffff")) },
-    { key: `${prefix}.style`, label: "Style", type: "select", value: g.style, options: opt(["linear", "Linear"], ["radial", "Radial"], ["angle", "Angle"], ["reflected", "Reflected"], ["diamond", "Diamond"]) },
-    { key: `${prefix}.angle`, label: "Angle", type: "range", min: -180, max: 180, step: 1, value: g.angle, unit: "\xB0" },
-    { key: `${prefix}.scale`, label: "Scale", type: "range", min: 0.1, max: 1.5, step: 0.01, value: g.scale, percent: true, unit: "%" },
-    { key: `${prefix}.reverse`, label: "Reverse", type: "checkbox", value: g.reverse },
-    { key: `${prefix}.align`, label: "Align with layer", type: "checkbox", value: g.align }
-  ];
-}
-var px = (key, label, value, max = 250) => ({ key, label, type: "range", min: 0, max, step: 1, value, unit: "px" });
-var pct = (key, label, value, min = 0, max = 1) => ({ key, label, type: "range", min, max, step: 0.01, value, percent: true, unit: "%" });
-var deg = (key, label, value, min = -180, max = 180) => ({ key, label, type: "range", min, max, step: 1, value, unit: "\xB0" });
-function layerEffectControls(e, patterns = []) {
-  const blended = e.kind === "bevel-emboss" ? [] : [
-    { key: "blend", label: "Blend mode", type: "select", value: e.blend, options: BLENDS },
-    pct("opacity", "Opacity", e.opacity)
-  ];
-  switch (e.kind) {
-    case "drop-shadow":
-    case "inner-shadow":
-      return [
-        ...blended,
-        { key: "color", label: "Color", type: "color", value: e.color },
-        { key: "useGlobalLight", label: "Use global light", type: "checkbox", value: e.useGlobalLight },
-        deg("angle", "Angle", e.angle),
-        px("distance", "Distance", e.distance, 500),
-        e.kind === "drop-shadow" ? pct("spread", "Spread", e.spread) : pct("choke", "Choke", e.choke),
-        px("size", "Size", e.size),
-        pct("noise", "Noise", e.noise),
-        ...e.kind === "drop-shadow" ? [{ key: "knocksOut", label: "Layer knocks out shadow", type: "checkbox", value: e.knocksOut }] : []
-      ];
-    case "outer-glow":
-    case "inner-glow":
-      return [
-        ...blended,
-        ...fillControls(e.fill, false, patterns),
-        { key: "technique", label: "Technique", type: "select", value: e.technique, options: opt(["softer", "Softer"], ["precise", "Precise"]) },
-        ...e.kind === "inner-glow" ? [{ key: "source", label: "Source", type: "select", value: e.source, options: opt(["edge", "Edge"], ["center", "Center"]) }] : [],
-        e.kind === "outer-glow" ? pct("spread", "Spread", e.spread) : pct("choke", "Choke", e.choke),
-        px("size", "Size", e.size),
-        pct("range", "Range", e.range, 0.01, 1),
-        pct("noise", "Noise", e.noise)
-      ];
-    case "bevel-emboss":
-      return [
-        { key: "style", label: "Style", type: "select", value: e.style, options: opt(["inner-bevel", "Inner Bevel"], ["outer-bevel", "Outer Bevel"], ["emboss", "Emboss"], ["pillow-emboss", "Pillow Emboss"], ["stroke-emboss", "Stroke Emboss"]) },
-        { key: "technique", label: "Technique", type: "select", value: e.technique, options: opt(["smooth", "Smooth"], ["chisel-hard", "Chisel Hard"], ["chisel-soft", "Chisel Soft"]) },
-        pct("depth", "Depth", e.depth, 0, 10),
-        { key: "direction", label: "Direction", type: "select", value: e.direction, options: opt(["up", "Up"], ["down", "Down"]) },
-        px("size", "Size", e.size),
-        px("soften", "Soften", e.soften, 16),
-        { key: "useGlobalLight", label: "Use global light", type: "checkbox", value: e.useGlobalLight },
-        deg("angle", "Angle", e.angle),
-        deg("altitude", "Altitude", e.altitude, 0, 90),
-        { key: "highlightColor", label: "Highlight", type: "color", value: e.highlightColor },
-        { key: "highlightBlend", label: "Highlight mode", type: "select", value: e.highlightBlend, options: BLENDS },
-        pct("highlightOpacity", "Highlight opacity", e.highlightOpacity),
-        { key: "shadowColor", label: "Shadow", type: "color", value: e.shadowColor },
-        { key: "shadowBlend", label: "Shadow mode", type: "select", value: e.shadowBlend, options: BLENDS },
-        pct("shadowOpacity", "Shadow opacity", e.shadowOpacity)
-      ];
-    case "satin":
-      return [
-        ...blended,
-        { key: "color", label: "Color", type: "color", value: e.color },
-        deg("angle", "Angle", e.angle),
-        px("distance", "Distance", e.distance),
-        px("size", "Size", e.size),
-        { key: "invert", label: "Invert", type: "checkbox", value: e.invert }
-      ];
-    case "color-overlay":
-      return [...blended, { key: "color", label: "Color", type: "color", value: e.color }];
-    case "gradient-overlay":
-      return [...blended, ...gradientControls("gradient", e.gradient)];
-    case "pattern-overlay":
-      return [
-        ...blended,
-        { key: "patternId", label: "Pattern", type: "select", value: e.patternId, options: patternOptions(patterns) },
-        pct("scale", "Scale", e.scale, 0.01, 10),
-        deg("angle", "Angle", _nullishCoalesce(e.angle, () => ( 0))),
-        { key: "link", label: "Link with layer", type: "checkbox", value: _nullishCoalesce(e.link, () => ( true)) }
-      ];
-    case "stroke":
-      return [
-        ...blended,
-        px("size", "Size", e.size),
-        { key: "position", label: "Position", type: "select", value: e.position, options: opt(["outside", "Outside"], ["inside", "Inside"], ["center", "Center"]) },
-        ...fillControls(e.fill, true, patterns)
-      ];
-  }
-}
-function fillOfType(current, type, patterns) {
-  if (type === "gradient") return { type: "gradient", gradient: _chunkDPYAO5U6cjs.defaultEffectGradient.call(void 0, ) };
-  if (type === "pattern") return { type: "pattern", patternId: _nullishCoalesce(_optionalChain([patterns, 'access', _15 => _15[0], 'optionalAccess', _16 => _16.id]), () => ( "checker")), scale: 1 };
-  return { type: "color", color: current.type === "color" ? current.color : "#000000" };
-}
-function effectControlChange(effect, key, value, patterns = []) {
-  const [top, ...rest] = key.split(".");
-  if (top === "fill" && rest[0] === "type") return { fill: fillOfType(effect.fill, String(value), patterns) };
-  if (top === "patternId" && !rest.length) {
-    const name = _optionalChain([patternOptions, 'call', _17 => _17(patterns), 'access', _18 => _18.find, 'call', _19 => _19((o) => o.value === value), 'optionalAccess', _20 => _20.label]);
-    return name ? { patternId: value, name } : { patternId: value };
-  }
-  if (!rest.length) return { [top]: value };
-  if (top === "fill" && rest[0] === "patternId") {
-    const name = _optionalChain([patternOptions, 'call', _21 => _21(patterns), 'access', _22 => _22.find, 'call', _23 => _23((o) => o.value === value), 'optionalAccess', _24 => _24.label]);
-    return { fill: { ...effect.fill, patternId: value, ...name ? { name } : {} } };
-  }
-  return { [top]: setPath(getPath(effect, top), rest, value) };
-}
-
-
-
-
-
-
-
-exports.layerEffectsPanel = layerEffectsPanel; exports.layerEffectsBadge = layerEffectsBadge; exports.LAYER_EFFECT_MENU = LAYER_EFFECT_MENU; exports.layerEffectControls = layerEffectControls; exports.effectControlChange = effectControlChange;