@tatamicks/core 1.0.1 → 1.0.2

package/dist/sidebarPortal-C06y4JSP.js

@@ -1,723 +0,0 @@
-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
-};