sakana-element 2.3.0 → 2.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sakana-element",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "A pixel-style Vue 3 component library, built with TypeScript and Vitest",
   "type": "module",
   "main": "./dist/umd/index.umd.cjs",
@@ -37,11 +37,11 @@
   "license": "ISC",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/yu859/sakana-element.git"
+    "url": "git+https://github.com/SaKaNa-Y/sakana-element.git"
   },
-  "homepage": "https://github.com/yu859/sakana-element#readme",
+  "homepage": "https://github.com/SaKaNa-Y/sakana-element#readme",
   "bugs": {
-    "url": "https://github.com/yu859/sakana-element/issues"
+    "url": "https://github.com/SaKaNa-Y/sakana-element/issues"
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8"

package/dist/es/Pixelate-BPypBgJU.js

@@ -1,67 +0,0 @@
-import { w as e } from "./utils-BS5vsvlM.js";
-import { defineComponent as t, ref as n, computed as r, watch as a, createElementBlock as l, openBlock as i, normalizeStyle as o, createElementVNode as u } from "vue";
-const s = ["src"], h = e(t({ name: "PxPixelate", __name: "Pixelate", props: { src: {}, pixelSize: { default: 8 }, width: {}, height: {}, grayscale: { type: Boolean, default: false }, palette: {}, background: { default: "#FFFFFF" } }, emits: ["rendered", "error"], setup(e2, { expose: t2, emit: h2 }) {
-  const c = e2, g = h2, d = n(), f = n(), p = n(false), m = r((() => {
-    const e3 = {};
-    return null != c.width && (e3.width = "number" == typeof c.width ? `${c.width}px` : c.width), null != c.height && (e3.height = "number" == typeof c.height ? `${c.height}px` : c.height), e3;
-  })), y = r((() => {
-    const e3 = { "image-rendering": "pixelated" };
-    return null != c.width && (e3.width = "100%"), null != c.height && (e3.height = "100%"), e3;
-  }));
-  function v(e3, t3, n2, r2) {
-    let a2 = 1 / 0, l2 = r2[0];
-    for (const i2 of r2) {
-      const r3 = (e3 - i2[0]) ** 2 + (t3 - i2[1]) ** 2 + (n2 - i2[2]) ** 2;
-      r3 < a2 && (a2 = r3, l2 = i2);
-    }
-    return l2;
-  }
-  function x() {
-    const e3 = d.value, t3 = f.value;
-    if (!e3 || !t3 || !p.value) return;
-    const n2 = e3.getContext("2d");
-    if (!n2) return;
-    const r2 = t3.naturalWidth, a2 = t3.naturalHeight;
-    e3.width = r2, e3.height = a2, n2.fillStyle = c.background, n2.fillRect(0, 0, r2, a2), n2.drawImage(t3, 0, 0, r2, a2);
-    const l2 = n2.getImageData(0, 0, r2, a2).data, i2 = Math.max(1, Math.round(c.pixelSize)), o2 = c.palette ? c.palette.map(((e4) => "string" == typeof e4 ? (function(e5) {
-      const t4 = e5.replace("#", "");
-      return [parseInt(t4.substring(0, 2), 16), parseInt(t4.substring(2, 4), 16), parseInt(t4.substring(4, 6), 16)];
-    })(e4) : e4)) : null;
-    n2.fillStyle = c.background, n2.fillRect(0, 0, r2, a2);
-    for (let e4 = 0; e4 < a2; e4 += i2) for (let t4 = 0; t4 < r2; t4 += i2) {
-      const u2 = Math.min(i2, r2 - t4), s2 = Math.min(i2, a2 - e4);
-      let h3 = 0, g2 = 0, d2 = 0, f2 = 0;
-      for (let n3 = 0; n3 < s2; n3++) for (let a3 = 0; a3 < u2; a3++) {
-        const i3 = 4 * ((e4 + n3) * r2 + (t4 + a3));
-        h3 += l2[i3], g2 += l2[i3 + 1], d2 += l2[i3 + 2], f2++;
-      }
-      let p2 = Math.round(h3 / f2), m2 = Math.round(g2 / f2), y2 = Math.round(d2 / f2);
-      c.grayscale && (p2 = m2 = y2 = Math.round(0.299 * p2 + 0.587 * m2 + 0.114 * y2)), o2 && ([p2, m2, y2] = v(p2, m2, y2, o2)), n2.fillStyle = `rgb(${p2},${m2},${y2})`, n2.fillRect(t4, e4, u2, s2);
-    }
-    g("rendered");
-  }
-  function w() {
-    p.value = true, x();
-  }
-  function b(e3) {
-    g("error", e3);
-  }
-  return a((() => [c.pixelSize, c.grayscale, c.palette, c.background]), (() => {
-    p.value && x();
-  })), a((() => c.src), (() => {
-    p.value = false;
-  })), t2({ render: function() {
-    x();
-  }, canvasRef: d, originRef: f, getSize: function() {
-    const e3 = d.value;
-    return { width: (e3 == null ? void 0 : e3.width) ?? 0, height: (e3 == null ? void 0 : e3.height) ?? 0 };
-  }, getImageData: function() {
-    const e3 = d.value;
-    if (!e3 || !p.value) return null;
-    const t3 = e3.getContext("2d");
-    return t3 ? t3.getImageData(0, 0, e3.width, e3.height) : null;
-  } }), (e3, t3) => (i(), l("div", { class: "px-pixelate", style: o(m.value) }, [u("canvas", { ref_key: "canvasRef", ref: d, style: o(y.value) }, null, 4), u("img", { ref_key: "originRef", ref: f, src: e3.src, style: { display: "none" }, crossorigin: "anonymous", onLoad: w, onError: b }, null, 40, s)], 4));
-} }));
-export {
-  h as P
-};

package/dist/es/utils-BS5vsvlM.js

@@ -1,101 +0,0 @@
-import { h as e, d as o, y as r } from "./vendor-DXmGx29U.js";
-import { defineComponent as n } from "vue";
-function t(e2, o2) {
-  const r2 = parseInt(e2.replace("#", ""), 16);
-  return `#${(Math.max(0, (r2 >> 16) - Math.round(2.55 * o2)) << 16 | Math.max(0, (r2 >> 8 & 255) - Math.round(2.55 * o2)) << 8 | Math.max(0, (255 & r2) - Math.round(2.55 * o2))).toString(16).padStart(6, "0")}`;
-}
-function c(e2, o2) {
-  const r2 = parseInt(e2.replace("#", ""), 16);
-  return `#${(Math.min(255, (r2 >> 16) + Math.round(2.55 * o2)) << 16 | Math.min(255, (r2 >> 8 & 255) + Math.round(2.55 * o2)) << 8 | Math.min(255, (255 & r2) + Math.round(2.55 * o2))).toString(16).padStart(6, "0")}`;
-}
-function s(e2) {
-  const o2 = parseInt(e2.replace("#", ""), 16);
-  return (0.299 * (o2 >> 16) + 0.587 * (o2 >> 8 & 255) + 0.114 * (255 & o2)) / 255 > 0.6 ? "#1e1e2e" : "#ffffff";
-}
-function a(e2) {
-  return { color: e2, dark: t(e2, 15), light: c(e2, 35), contrast: s(e2), transparent: "transparent" };
-}
-function i(e2, o2, r2) {
-  const n2 = {};
-  for (const [t2, c2] of Object.entries(r2)) n2[`--${o2}-${t2}`] = e2[c2];
-  return n2;
-}
-const l = { outline: { "text-color": "color", "bg-color": "transparent", "border-color": "color", "shadow-color": "transparent" }, dash: { "text-color": "color", "bg-color": "light", "border-color": "color", "shadow-color": "transparent" }, default: { "text-color": "contrast", "bg-color": "color", "border-color": "dark", "shadow-color": "dark" } };
-function f(e2, o2) {
-}
-const u = { spinner: "loader", loading: "loader", "eye-slash": "eye-closed", "eye-off": "eye-closed", xmark: "close", x: "close", times: "close", "circle-xmark": "close-box", "x-circle": "close-box", "times-circle": "close-box", error: "close-box", "circle-info": "info-box", "info-circle": "info-box", info: "info-box", "check-circle": "check", "circle-check": "check", success: "check", "circle-exclamation": "warning-box", "exclamation-circle": "warning-box", warning: "warning-box", "angle-down": "chevron-down", "caret-down": "chevron-down", "angle-up": "chevron-up", "caret-up": "chevron-up", "angle-left": "chevron-left", "caret-left": "chevron-left", "angle-right": "chevron-right", "caret-right": "chevron-right", "question-circle": "info-box", "circle-question": "info-box", help: "info-box", question: "info-box", gear: "sliders", cog: "sliders", settings: "sliders", star: "bookmark", "star-solid": "bookmark" };
-function d(e2) {
-  return e2 in u ? u[e2] : e2;
-}
-const h = /* @__PURE__ */ new Set(["svg", "path", "rect", "circle", "ellipse", "line", "polyline", "polygon", "g", "defs", "clipPath", "mask", "title", "desc", "linearGradient", "radialGradient", "stop", "symbol", "use"]), p = /^on/i, m = /^\s*javascript\s*:/i;
-function g(e2) {
-  if (!e2 || "string" != typeof e2) return "";
-  if ("undefined" == typeof DOMParser) return "";
-  const o2 = new DOMParser().parseFromString(e2, "image/svg+xml");
-  return o2.querySelector("parsererror") ? "" : (b(o2.documentElement), o2.documentElement.outerHTML);
-}
-function b(e2) {
-  const o2 = Array.from(e2.children);
-  for (const e3 of o2) {
-    const o3 = e3.tagName.toLowerCase();
-    if (h.has(o3)) {
-      for (const o4 of Array.from(e3.attributes)) (p.test(o4.name) || "href" === o4.name && m.test(o4.value) || "xlink:href" === o4.name && m.test(o4.value)) && e3.removeAttribute(o4.name);
-      b(e3);
-    } else e3.remove();
-  }
-}
-const x = /* @__PURE__ */ new Map();
-function v(e2) {
-  for (const [o2, r2] of Object.entries(e2)) x.set(o2, g(r2));
-}
-function w(e2) {
-  return x.get(e2);
-}
-const k = (e2) => (e2.install = (o2) => {
-  const r2 = e2.name;
-  o2.component(r2, e2);
-}, e2), y = (e2, o2) => (e2.install = (r2) => {
-  r2.config.globalProperties[o2] = e2;
-}, e2);
-function M(e2, o2) {
-  for (; e2.length >= o2; ) e2[0].props.onDestroy();
-}
-function N(e2) {
-  let o2 = false, r2 = 0;
-  const n2 = (o3) => {
-    var _a;
-    "Escape" === o3.code && ((_a = e2()) == null ? void 0 : _a.handler.close());
-  };
-  return { register() {
-    r2++, o2 || (document.addEventListener("keydown", n2), o2 = true);
-  }, unregister() {
-    r2--, r2 <= 0 && (document.removeEventListener("keydown", n2), o2 = false, r2 = 0);
-  } };
-}
-function S(r2, n2 = "px") {
-  return r2 ? e(r2) || ((e2) => !!o(e2) && !Number.isNaN(Number(e2)))(r2) ? `${r2}${n2}` : o(r2) ? r2 : void 0 : "";
-}
-const O = /* @__PURE__ */ new Map([["info", "info-box"], ["success", "check"], ["warning", "warning-box"], ["danger", "close-box"], ["error", "close-box"]]), $ = n({ props: { vNode: { type: [String, Object, Function], required: true } }, setup: (e2) => () => r(e2.vNode) ? e2.vNode() : e2.vNode }), j = (e2, o2) => {
-  const r2 = e2.__vccOpts || e2;
-  for (const [e3, n2] of o2) r2[e3] = n2;
-  return r2;
-};
-export {
-  $ as R,
-  l as S,
-  j as _,
-  d as a,
-  v as b,
-  a as c,
-  f as d,
-  S as e,
-  M as f,
-  w as g,
-  N as h,
-  y as i,
-  c as l,
-  i as r,
-  g as s,
-  O as t,
-  k as w
-};