@tatamicks/core 0.3.1 → 1.0.1

package/dist/sidebarPortal-C06y4JSP.js

@@ -0,0 +1,723 @@
+import { jsxs as z, jsx as S } from "react/jsx-runtime";
+import { useMemo as k, useCallback as y } from "react";
+var J = /* @__PURE__ */ ((t) => (t.left = "left", t.center = "center", t.right = "right", t))(J || {}), Y = /* @__PURE__ */ ((t) => (t.top = "top", t.center = "center", t.bottom = "bottom", t))(Y || {});
+const xt = {
+  kind: "alignment",
+  defaultProps: {
+    horizontal: "left",
+    vertical: "center"
+    /* center */
+  }
+}, kt = {
+  kind: "checkboxStyle",
+  defaultProps: {
+    styleConfig: {
+      checkboxSize: { value: 16, unit: "px" },
+      borderWidth: { value: 1, unit: "px" },
+      borderColor: "#000000",
+      checkWidth: { value: 3.5, unit: "px" },
+      checkColor: "#000000",
+      backgroundColor: "#ffffff",
+      checkedBackgroundColor: "#ffffff"
+    }
+  }
+}, U = "application/x-tatamicks-block", N = "application/x-tatamicks-block-kind-";
+function Tt(t, r, n) {
+  if (!t.dataTransfer) return;
+  const e = { kind: r, defaultSize: n };
+  t.dataTransfer.setData(U, JSON.stringify(e)), t.dataTransfer.setData(`${N}${r}`, ""), t.dataTransfer.effectAllowed = "copy";
+}
+function It(t) {
+  if (!t.dataTransfer) return null;
+  const r = t.dataTransfer.getData(U);
+  if (!r) return null;
+  try {
+    return JSON.parse(r);
+  } catch {
+    return null;
+  }
+}
+function At(t) {
+  if (!t.dataTransfer) return null;
+  const r = Array.from(t.dataTransfer.types).find(
+    (n) => n.startsWith(N)
+  );
+  return r ? r.slice(N.length) : null;
+}
+const Ot = {
+  colCount: 20,
+  rowCount: 28
+};
+var q = /* @__PURE__ */ ((t) => (t.A4 = "A4", t.B5 = "B5", t.A3 = "A3", t.LETTER = "Letter", t.LEGAL = "Legal", t.CUSTOM = "Custom", t))(q || {});
+const Z = {
+  A4: {
+    preset: "A4",
+    width: { value: 210, unit: "mm" },
+    height: { value: 297, unit: "mm" }
+  },
+  A3: {
+    preset: "A3",
+    width: { value: 297, unit: "mm" },
+    height: { value: 420, unit: "mm" }
+  },
+  B5: {
+    preset: "B5",
+    width: { value: 182, unit: "mm" },
+    height: { value: 257, unit: "mm" }
+  },
+  Letter: {
+    preset: "Letter",
+    width: { value: 8.5, unit: "inch" },
+    height: { value: 11, unit: "inch" }
+  },
+  Legal: {
+    preset: "Legal",
+    width: { value: 8.5, unit: "inch" },
+    height: { value: 14, unit: "inch" }
+  },
+  Custom: {
+    preset: "Custom",
+    width: { value: 210, unit: "mm" },
+    height: { value: 297, unit: "mm" }
+  }
+}, Q = {
+  top: { value: 10, unit: "mm" },
+  right: { value: 10, unit: "mm" },
+  bottom: { value: 10, unit: "mm" },
+  left: { value: 10, unit: "mm" }
+}, yt = {
+  size: Z.A4,
+  margin: Q
+}, Rt = {
+  // ==================== GridLayer (10-90) ====================
+  GRID_CANVAS: 10,
+  MARGIN_OVERLAY: 20,
+  GRID_OVERLAY: 30,
+  BORDER_OVERLAY: 40,
+  // ==================== BlockLayer (100-999,999) ====================
+  BLOCK_LAYER_MIN: 100,
+  BLOCK_LAYER_MAX: 999999,
+  BLOCK_LAYER_STEP: 100,
+  // ==================== InteractionLayer (2,000,000+) ====================
+  SELECT_BLOCK: 2e6,
+  INTERACTION_LAYER_BASE: 21e5,
+  BLOCK_GHOST: 22e5,
+  HOVER_OUTLINE: 23e5,
+  EDIT_BLOCK: 24e5,
+  BLOCK_SELECT_BORDER: 25e5,
+  BLOCK_HANDLES: 26e5,
+  SELECTION_ACTION_BAR: 265e4,
+  GRID_GHOST: 27e5,
+  DROPDOWN: 34e5
+}, Nt = {
+  BG: 10,
+  CONTENT: 50,
+  GUIDE: 70,
+  BORDER: 80,
+  VALIDATION: 90
+};
+function St(t, r) {
+  const n = t.match(/^(\d+(?:\.\d+)?)([a-zA-Z%]+)$/);
+  if (!n)
+    throw new Error(`Invalid dimension string: ${t}`);
+  const e = Number(n[1]), o = n[2];
+  if (!r.includes(o))
+    throw new Error(`Invalid unit: ${o}`);
+  return { value: e, unit: o };
+}
+function Lt(t) {
+  return `${t.value}${t.unit}`;
+}
+const g = 96, tt = 10, H = 25.4, rt = 0.352778, nt = H / g, h = {
+  fromCm: (t) => t * tt,
+  fromInch: (t) => t * H,
+  fromPt: (t) => t * rt,
+  fromPx: (t) => t * nt,
+  fromDim(t) {
+    switch (t.unit) {
+      case "mm":
+        return t.value;
+      case "cm":
+        return h.fromCm(t.value);
+      case "inch":
+        return h.fromInch(t.value);
+      case "pt":
+        return h.fromPt(t.value);
+      case "px":
+        return h.fromPx(t.value);
+      case "fr":
+      case "%":
+        throw new Error(
+          `Cannot convert ${t.unit} to mm. Use physical units only.`
+        );
+      default: {
+        const r = t.unit;
+        throw new Error(`Unsupported unit: ${r}`);
+      }
+    }
+  }
+}, et = 25.4, ot = 2.54, at = 72, l = {
+  fromMm: (t, r = g) => t * r / et,
+  fromCm: (t, r = g) => t * r / ot,
+  fromInch: (t, r = g) => t * r,
+  fromPt: (t, r = g) => t * r / at,
+  // CSS px（96dpi 基準）を指定 DPI のスクリーン物理 px に変換
+  fromPx: (t, r = g) => t * r / g,
+  fromDim(t, r = g, n) {
+    switch (t.unit) {
+      case "mm":
+        return l.fromMm(t.value, r);
+      case "cm":
+        return l.fromCm(t.value, r);
+      case "inch":
+        return l.fromInch(t.value, r);
+      case "pt":
+        return l.fromPt(t.value, r);
+      case "px":
+        return l.fromPx(t.value, r);
+      case "%":
+        if (n === void 0)
+          throw new Error("Base size must be defined for percentage values.");
+        return t.value / 100 * n;
+      case "fr":
+        throw new Error(
+          `Cannot convert ${t.unit} to px. Use physical units only.`
+        );
+      default: {
+        const e = t.unit;
+        throw new Error(`Unsupported unit: ${e}`);
+      }
+    }
+  }
+};
+function A(t) {
+  if (t === null) return !0;
+  switch (typeof t) {
+    case "string":
+    case "number":
+    case "boolean":
+      return !0;
+    case "object":
+      return Array.isArray(t) ? t.every(A) : Object.getPrototypeOf(t) === Object.prototype ? Object.values(t).every(A) : !1;
+    default:
+      return !1;
+  }
+}
+function O(t) {
+  if (t === null || typeof t != "object" || Array.isArray(t) || Object.getPrototypeOf(t) !== Object.prototype)
+    throw new Error("values must be a plain object");
+  const r = t;
+  for (const [n, e] of Object.entries(r))
+    if (!A(e))
+      throw new Error(`values["${n}"] contains an invalid value`);
+  return r;
+}
+function Ct(t) {
+  let r;
+  try {
+    r = JSON.parse(t);
+  } catch {
+    throw new SyntaxError("invalid JSON for values");
+  }
+  return O(r);
+}
+function it(t) {
+  if (typeof t != "object" || t === null) return !1;
+  const r = t;
+  return !(typeof r.colCount != "number" || r.colCount < 1 || typeof r.rowCount != "number" || r.rowCount < 1);
+}
+function st(t) {
+  if (typeof t == "string") return !0;
+  if (typeof t != "object" || t === null) return !1;
+  const r = t;
+  if (typeof r.path != "string") return !1;
+  const n = (e) => e === null || typeof e == "string" || typeof e == "number" || typeof e == "boolean";
+  return "eq" in r ? n(r.eq) : "neq" in r ? n(r.neq) : !1;
+}
+function ct(t) {
+  if (typeof t != "object" || t === null) return !1;
+  const r = t;
+  if (typeof r.id != "string" || typeof r.kind != "string" || typeof r.layout != "object" || r.layout === null) return !1;
+  const n = r.layout;
+  if (typeof n.x != "number" || typeof n.y != "number" || typeof n.w != "number" || typeof n.h != "number" || typeof r.props != "object" || r.props === null || Array.isArray(r.props))
+    return !1;
+  try {
+    O(r.props);
+  } catch {
+    return !1;
+  }
+  return !("initValue" in r && !A(r.initValue) || "hiddenBinding" in r && !st(r.hiddenBinding));
+}
+function W(t) {
+  if (typeof t != "object" || t === null)
+    throw new Error("Page must be an object");
+  const r = t;
+  if (r.id !== void 0 && typeof r.id != "string")
+    throw new Error("Page.id must be a string if provided");
+  if (!it(r.grid))
+    throw new Error("Invalid grid definition");
+  if (!Array.isArray(r.blocks))
+    throw new Error("blocks must be an array");
+  if (!r.blocks.every(ct))
+    throw new Error("Invalid block definition in blocks array");
+  if (r.metaData !== void 0) {
+    if (typeof r.metaData != "object" || r.metaData === null)
+      throw new Error("metaData must be an object if provided");
+    try {
+      O(r.metaData);
+    } catch (n) {
+      throw new Error(
+        `Invalid metaData: ${n instanceof Error ? n.message : String(n)}`
+      );
+    }
+  }
+  if (r.blockDefaults !== void 0) {
+    if (typeof r.blockDefaults != "object" || r.blockDefaults === null || Array.isArray(r.blockDefaults))
+      throw new Error("blockDefaults must be a plain object if provided");
+    const n = r.blockDefaults;
+    for (const [e, o] of Object.entries(n))
+      try {
+        O(o);
+      } catch (i) {
+        throw new Error(
+          `Invalid blockDefaults["${e}"]: ${i instanceof Error ? i.message : String(i)}`
+        );
+      }
+  }
+  return t;
+}
+function ut(t) {
+  if (typeof t != "object" || t === null)
+    throw new Error("Book must be an object");
+  const r = t;
+  if (!Array.isArray(r.pages) || r.pages.length === 0)
+    throw new Error("Book must have at least one page in pages");
+  if (r.pages.forEach((n, e) => {
+    try {
+      W(n);
+    } catch (o) {
+      throw new Error(
+        `Invalid Page at pages[${e}]: ${o instanceof Error ? o.message : String(o)}`
+      );
+    }
+  }), !r.paper || typeof r.paper != "object")
+    throw new Error("Book.paper is required and must be an object");
+  return t;
+}
+function Bt(t) {
+  return JSON.stringify(t);
+}
+function jt(t) {
+  return JSON.stringify(t);
+}
+function $t(t) {
+  let r;
+  try {
+    r = JSON.parse(t);
+  } catch {
+    throw new SyntaxError("invalid JSON for Page");
+  }
+  return W(r);
+}
+function Ut(t) {
+  let r;
+  try {
+    r = JSON.parse(t);
+  } catch {
+    throw new SyntaxError("invalid JSON for Book");
+  }
+  return ut(r);
+}
+function Ht({
+  checked: t,
+  styleConfig: r
+}) {
+  const n = (r == null ? void 0 : r.borderColor) ?? "#000000", e = (r == null ? void 0 : r.checkColor) ?? "#000000", o = t ? (r == null ? void 0 : r.checkedBackgroundColor) ?? "#ffffff" : (r == null ? void 0 : r.backgroundColor) ?? "#ffffff", i = r != null && r.borderWidth ? l.fromDim(r.borderWidth) : 1, s = r != null && r.checkWidth ? l.fromDim(r.checkWidth) : 3.5;
+  return /* @__PURE__ */ z(
+    "svg",
+    {
+      viewBox: "0 0 20 20",
+      xmlns: "http://www.w3.org/2000/svg",
+      style: { width: "100%", height: "100%", display: "block" },
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ S(
+          "rect",
+          {
+            x: "2",
+            y: "2",
+            width: "16",
+            height: "16",
+            rx: "2",
+            ry: "2",
+            fill: o,
+            stroke: n,
+            strokeWidth: i
+          }
+        ),
+        t && /* @__PURE__ */ S(
+          "path",
+          {
+            d: "M3 11l4 4L17 4",
+            fill: "none",
+            stroke: e,
+            strokeWidth: s,
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+var lt = /* @__PURE__ */ ((t) => (t.SOLID = "solid", t.DASHED = "dashed", t.DOTTED = "dotted", t))(lt || {}), ft = /* @__PURE__ */ ((t) => (t.FORM = "Form", t.EDIT = "Edit", t.VIEW = "View", t))(ft || {});
+const a = {
+  MM: "mm",
+  CM: "cm",
+  FR: "fr",
+  INCH: "inch",
+  PT: "pt",
+  PX: "px",
+  PERCENT: "%"
+}, Wt = [
+  a.MM,
+  a.CM,
+  a.FR,
+  a.INCH,
+  a.PT,
+  a.PX,
+  a.PERCENT
+], Gt = [
+  a.MM,
+  a.CM,
+  a.INCH,
+  a.PT,
+  a.PX
+], Kt = [a.MM, a.CM, a.INCH], Vt = [
+  a.MM,
+  a.CM,
+  a.FR,
+  a.INCH,
+  a.PT,
+  a.PX
+], Ft = [a.PX, a.PT, a.MM], Xt = [a.PT, a.PX, a.MM], zt = [
+  a.MM,
+  a.PT,
+  a.PX,
+  a.PERCENT
+], Jt = [
+  a.MM,
+  a.CM,
+  a.INCH,
+  a.PT,
+  a.PX,
+  a.PERCENT
+];
+var mt = /* @__PURE__ */ ((t) => (t.normal = "normal", t.breakWord = "break-word", t.breakAll = "break-all", t))(mt || {}), ht = /* @__PURE__ */ ((t) => (t.normal = "normal", t.nowrap = "nowrap", t.pre = "pre", t.preWrap = "pre-wrap", t.preLine = "pre-line", t))(ht || {}), dt = /* @__PURE__ */ ((t) => (t.text = "text", t.number = "number", t.email = "email", t.tel = "tel", t.url = "url", t.date = "date", t.password = "password", t))(dt || {});
+const Yt = {
+  kind: "textBehavior",
+  defaultProps: {
+    lineHeight: 1.2,
+    multiline: !0,
+    wordWrap: "normal",
+    whiteSpace: "normal"
+    /* normal */
+  }
+}, qt = {
+  kind: "textValidation",
+  defaultProps: {
+    inputType: "text"
+    /* text */
+  }
+};
+function Zt(t) {
+  return `move-arrow-session-${t}`;
+}
+function Qt(t, r) {
+  return `layout-${t}-${[...r].sort().join(",")}`;
+}
+function tr(t) {
+  return `binding-${t}`;
+}
+function rr(t) {
+  return `initValue-${t}`;
+}
+function nr(t) {
+  return `grid-size-${t}`;
+}
+function er(t) {
+  return `resize-arrow-session-${t}`;
+}
+const G = { value: 1, unit: "fr" };
+function wt(t) {
+  return Array.from(
+    { length: t.colCount },
+    (r, n) => {
+      var e;
+      return ((e = t.cols) == null ? void 0 : e[n]) ?? G;
+    }
+  );
+}
+function gt(t) {
+  return Array.from(
+    { length: t.rowCount },
+    (r, n) => {
+      var e;
+      return ((e = t.rows) == null ? void 0 : e[n]) ?? G;
+    }
+  );
+}
+function or(t) {
+  const r = {};
+  for (let n = 0; n < t.length; n++) {
+    const e = t[n];
+    e !== void 0 && !(e.value === 1 && e.unit === "fr") && (r[n] = e);
+  }
+  return {
+    colCount: t.length,
+    cols: Object.keys(r).length > 0 ? r : void 0
+  };
+}
+function ar(t) {
+  const r = {};
+  for (let n = 0; n < t.length; n++) {
+    const e = t[n];
+    e !== void 0 && !(e.value === 1 && e.unit === "fr") && (r[n] = e);
+  }
+  return {
+    rowCount: t.length,
+    rows: Object.keys(r).length > 0 ? r : void 0
+  };
+}
+function bt(t) {
+  const r = k(() => wt(t), [t]), n = k(() => gt(t), [t]);
+  return { expandedCols: r, expandedRows: n };
+}
+function Mt(t) {
+  if (t.length === 0) return [];
+  const r = [];
+  let n = 0;
+  for (const e of t) {
+    const o = e + n, i = Math.round(o);
+    r.push(i), n = o - i;
+  }
+  return r;
+}
+const Et = 8, pt = 32, vt = 64, Pt = 512, L = (t, r, n) => Math.min(Math.max(t, r), n);
+function C(t) {
+  const r = t.length - 1, n = r >= 1 ? t[r] ?? 0 : 0, e = t.length >= 1 ? n / r : 0, o = L(Math.ceil(Math.log2(r + 1)), Et, pt), i = L(e * 2, vt, Pt);
+  return { step: o, windowPx: i };
+}
+function R(t, r) {
+  const n = r.length - 1;
+  if (n <= 0 || r[0] === void 0 || t < r[0] || r[n] === void 0) return -1;
+  if (t >= r[n]) return n - 1;
+  let e = 1, o = n;
+  for (; e <= o; ) {
+    const i = e + o >>> 1, s = r[i];
+    if (s === void 0) {
+      o = i - 1;
+      continue;
+    }
+    s <= t ? e = i + 1 : o = i - 1;
+  }
+  return e - 1;
+}
+function B(t, r, n) {
+  const e = t.length - 1;
+  let o = 0;
+  return (i) => {
+    if (e <= 0 || t[0] === void 0 || i < t[0] || t[e] === void 0) return -1;
+    if (i >= t[e]) return e - 1;
+    const s = t[o], u = t[o + 1];
+    if (s === void 0 || u === void 0) return -1;
+    if (s <= i && i < u) return o;
+    const w = s - n, v = u + n;
+    if (i < w || i >= v)
+      return o = R(i, t), o;
+    let T = 0;
+    const I = t[o + 1];
+    if (I !== void 0 && i >= I)
+      for (; o + 1 < e; ) {
+        const P = t[o + 1];
+        if (P === void 0 || i < P) break;
+        if (o++, ++T > r)
+          return o = R(i, t), o;
+      }
+    else
+      for (; o > 0; ) {
+        const P = t[o];
+        if (P === void 0 || i >= P) break;
+        if (o--, ++T > r)
+          return o = R(i, t), o;
+      }
+    return o;
+  };
+}
+function j(t, r) {
+  if (t.length === 0) return [];
+  let n = 0, e = 0;
+  const o = t.map((u) => {
+    if (u.unit === "fr")
+      return n += u.value, null;
+    const w = h.fromDim(u);
+    return e += w, w;
+  });
+  if (n === 0)
+    return o;
+  const s = Math.max(0, r - e) / n;
+  return o.map((u, w) => {
+    if (u != null) return u;
+    const v = t[w];
+    if (!v) throw new Error(`dims[${w}] is undefined`);
+    return v.value * s;
+  });
+}
+function $(t, r = g) {
+  const n = t.map((e) => l.fromMm(e, r));
+  return Mt(n);
+}
+function ir(t, r, n = g) {
+  const { expandedCols: e, expandedRows: o } = bt(r), i = k(() => {
+    var _;
+    const d = t.orientation ? t.size.height : t.size.width, E = t.orientation ? t.size.width : t.size.height, b = h.fromDim(d), p = h.fromDim(E), f = t.margin.bulk && ((_ = t.margin.all) != null && _.unit) ? h.fromDim(t.margin.all) : void 0, c = f ?? h.fromDim(t.margin.top), m = f ?? h.fromDim(t.margin.bottom), M = f ?? h.fromDim(t.margin.left), D = f ?? h.fromDim(t.margin.right);
+    return {
+      canvasWidthMm: b,
+      canvasHeightMm: p,
+      marginTopMm: c,
+      marginBottomMm: m,
+      marginLeftMm: M,
+      marginRightMm: D,
+      contentWidthMm: Math.max(0, b - M - D),
+      contentHeightMm: Math.max(
+        0,
+        p - c - m
+      )
+    };
+  }, [t]), s = k(() => {
+    const {
+      canvasWidthMm: d,
+      canvasHeightMm: E,
+      marginTopMm: b,
+      marginBottomMm: p,
+      marginLeftMm: f,
+      marginRightMm: c,
+      contentWidthMm: m,
+      contentHeightMm: M
+    } = i;
+    return {
+      canvas: {
+        width: l.fromMm(d, n),
+        height: l.fromMm(E, n)
+      },
+      margin: {
+        top: l.fromMm(b, n),
+        bottom: l.fromMm(p, n),
+        left: l.fromMm(f, n),
+        right: l.fromMm(c, n)
+      },
+      content: {
+        width: l.fromMm(m, n),
+        height: l.fromMm(M, n)
+      }
+    };
+  }, [i, n]), { gridPosPx: u, colIndexer: w, rowIndexer: v } = k(() => {
+    const { contentWidthMm: d, contentHeightMm: E } = i, b = $(j(e, d), n), p = $(j(o, E), n), f = [0];
+    for (const x of b)
+      f.push((f[f.length - 1] ?? 0) + x);
+    const c = [0];
+    for (const x of p)
+      c.push((c[c.length - 1] ?? 0) + x);
+    const { step: m, windowPx: M } = C(f), { step: D, windowPx: _ } = C(c);
+    return {
+      gridPosPx: { cols: f, rows: c },
+      colIndexer: B(f, m, M),
+      rowIndexer: B(c, D, _)
+    };
+  }, [i, e, o, n]), T = y(
+    (d) => w(d - s.margin.left),
+    [w, s]
+  ), I = y(
+    (d) => v(d - s.margin.top),
+    [v, s]
+  ), P = y(
+    (d) => {
+      const { x: E, y: b, w: p, h: f } = d.layout, c = u.cols, m = u.rows;
+      if (!c.length || !m.length)
+        return { left: 0, top: 0, width: 0, height: 0 };
+      const M = Math.min(Math.max(0, E), c.length - 1), D = Math.min(Math.max(0, E + p), c.length - 1), _ = Math.min(Math.max(0, b), m.length - 1), x = Math.min(Math.max(0, b + f), m.length - 1), K = (c[M] ?? 0) + s.margin.left, V = (m[_] ?? 0) + s.margin.top, F = (c[D] ?? 0) - (c[M] ?? 0), X = (m[x] ?? 0) - (m[_] ?? 0);
+      return { left: K, top: V, width: F, height: X };
+    },
+    [u, s]
+  );
+  return {
+    paperPx: s,
+    gridPosPx: u,
+    getColIndex: T,
+    getRowIndex: I,
+    getBlockRectPx: P
+  };
+}
+const sr = '[data-sidebar="true"]', cr = { "data-sidebar": "true" };
+export {
+  or as $,
+  Gt as A,
+  Ft as B,
+  W as C,
+  g as D,
+  O as E,
+  Xt as F,
+  Vt as G,
+  J as H,
+  dt as I,
+  Ht as J,
+  tr as K,
+  lt as L,
+  Nt as M,
+  ft as N,
+  er as O,
+  q as P,
+  Zt as Q,
+  rr as R,
+  cr as S,
+  bt as T,
+  a as U,
+  Y as V,
+  ht as W,
+  At as X,
+  U as Y,
+  Rt as Z,
+  It as _,
+  Ot as a,
+  ar as a0,
+  sr as a1,
+  wt as a2,
+  gt as a3,
+  Qt as a4,
+  nr as a5,
+  yt as b,
+  Q as c,
+  Z as d,
+  Ut as e,
+  $t as f,
+  Ct as g,
+  Bt as h,
+  Wt as i,
+  zt as j,
+  Kt as k,
+  Jt as l,
+  mt as m,
+  xt as n,
+  kt as o,
+  ut as p,
+  Lt as q,
+  A as r,
+  jt as s,
+  Tt as t,
+  ir as u,
+  St as v,
+  Yt as w,
+  qt as x,
+  h as y,
+  l as z
+};