@feedmepos/mf-brand-app-builder 0.5.30-dev.2 → 0.5.30-dev.3

package/dist/{BrandkitView-DDF-dNWD.js → BrandkitView-DCuITcdH.js}

@@ -1,18 +1,18 @@
-import { defineComponent as Je, resolveComponent as oe, createElementBlock as F, openBlock as P, createElementVNode as d, createVNode as w, createCommentVNode as X, withCtx as Te, unref as b, normalizeStyle as Ct, toDisplayString as _, ref as Z, shallowRef as Dn, onMounted as Po, onBeforeUnmount as Do, withDirectives as Ut, normalizeClass as _o, vShow as Et, markRaw as _a, nextTick as Fo, watch as mr, createBlock as De, renderSlot as _n, Fragment as Ye, renderList as hr, computed as me, Transition as Fn, createTextVNode as Fa } from "vue";
-import { B as zr } from "./index-C4vwWvn_.js";
-import { I as Ia, r as Ba } from "./image-D_Djf1PS.js";
+import { defineComponent as Qe, resolveComponent as oe, createElementBlock as F, openBlock as D, createElementVNode as d, createVNode as T, createCommentVNode as X, withCtx as Te, unref as b, normalizeStyle as Ct, toDisplayString as _, ref as Z, shallowRef as Pn, onMounted as Po, onBeforeUnmount as _o, withDirectives as Ut, normalizeClass as Fo, vShow as Et, markRaw as Fa, nextTick as Io, watch as mr, createBlock as Pe, renderSlot as _n, Fragment as Ze, renderList as hr, computed as me, Transition as Fn, createTextVNode as Ia } from "vue";
+import { B as Wr } from "./index-C4vwWvn_.js";
+import { I as Ba, r as Aa } from "./image-D_Djf1PS.js";
 import { B as In } from "./ColorPicker-RKWzhLBO.js";
 import { u as Bn } from "./index-C1rSMuKA.js";
-import { useCoreStore as Io, useI18n as Bo } from "@feedmepos/mf-common";
+import { useCoreStore as Bo, useI18n as Ao } from "@feedmepos/mf-common";
 import { u as An, b as z } from "./brandkit-CyhkM7H0.js";
 import { useDialogChild as Mn, useDialog as Bt, useSnackbar as At } from "@feedmepos/ui-library";
-import { _ as Ao } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { _ as Mo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { d as Nn } from "./dayjs.min-DnbY0e60.js";
-import { v as Aa } from "./v4-CKwdnpQf.js";
+import { v as Ma } from "./v4-CKwdnpQf.js";
 const Gn = { class: "fm-typo-en-body-md-400" }, Hn = { class: "flex gap-8 items-center" }, Vn = { class: "p-4 relative" }, zn = { class: "shadow-lg rounded-lg p-8" }, Wn = {
   key: 0,
   class: "absolute top-8 right-8"
-}, jn = { class: "space-y-4" }, qn = { class: "text-fm-color-typo-secondary" }, Xn = { class: "text-fm-color-typo-secondary px-4" }, ye = /* @__PURE__ */ Je({
+}, jn = { class: "space-y-4" }, qn = { class: "text-fm-color-typo-secondary" }, Xn = { class: "text-fm-color-typo-secondary px-4" }, ye = /* @__PURE__ */ Qe({
   __name: "ColorSelection",
   props: {
     initialColor: {},
@@ -27,10 +27,10 @@ const Gn = { class: "fm-typo-en-body-md-400" }, Hn = { class: "flex gap-8 items-
     }, a = r;
     return (o, n) => {
       const s = oe("FmButton"), l = oe("FmPopover"), i = oe("FmIcon");
-      return P(), F("div", Gn, [
+      return D(), F("div", Gn, [
         d("div", Hn, [
           d("div", Vn, [
-            w(l, null, {
+            T(l, null, {
               "popover-button": Te(() => [
                 d("div", {
                   class: "aspect-square w-[60px] rounded-sm border border-fm-color-neutral-gray-200 cursor-pointer",
@@ -41,7 +41,7 @@ const Gn = { class: "fm-typo-en-body-md-400" }, Hn = { class: "flex gap-8 items-
               ]),
               default: Te(() => [
                 d("div", zn, [
-                  w(b(In), {
+                  T(b(In), {
                     copy: t,
                     onColorCopy: n[0] || (n[0] = (c) => t(c.cssColor)),
                     "default-format": "hex",
@@ -49,7 +49,7 @@ const Gn = { class: "fm-typo-en-body-md-400" }, Hn = { class: "flex gap-8 items-
                     onColorChange: n[1] || (n[1] = (c) => a("update", c.cssColor))
                   }, {
                     "copy-button": Te(() => [
-                      w(s, {
+                      T(s, {
                         class: "w-full h-32",
                         variant: "secondary",
                         icon: "content_copy"
@@ -61,12 +61,12 @@ const Gn = { class: "fm-typo-en-body-md-400" }, Hn = { class: "flex gap-8 items-
               ]),
               _: 1
             }),
-            o.initialColor != o.color ? (P(), F("div", Wn, [
+            o.initialColor != o.color ? (D(), F("div", Wn, [
               d("div", {
                 onClick: n[2] || (n[2] = (c) => a("remove")),
                 class: "h-16 w-16 rounded-full bg-fm-color-neutral-white flex items-center justify-center cursor-pointer"
               }, [
-                w(i, {
+                T(i, {
                   name: "close_small",
                   class: "!text-[16px]"
                 })
@@ -110,11 +110,11 @@ String.prototype.codePointAt || function() {
     writable: !0
   }) : String.prototype.codePointAt = r;
 }();
-function Mo() {
+function No() {
   this.table = new Uint16Array(16), this.trans = new Uint16Array(288);
 }
-var $n = new Mo(), Yn = new Mo(), No = new Uint8Array(30), Go = new Uint16Array(30), Zn = new Uint8Array(30), Kn = new Uint16Array(30);
-function Ho(e, r, t, a) {
+var $n = new No(), Yn = new No(), Go = new Uint8Array(30), Ho = new Uint16Array(30), Zn = new Uint8Array(30), Kn = new Uint16Array(30);
+function Vo(e, r, t, a) {
   var o, n;
   for (o = 0; o < t; ++o)
     e[o] = 0;
@@ -141,10 +141,10 @@ function Jn(e, r) {
     r.trans[t] = t;
 }
 Jn($n, Yn);
-Ho(No, Go, 4, 3);
-Ho(Zn, Kn, 2, 1);
-No[28] = 0;
-Go[28] = 258;
+Vo(Go, Ho, 4, 3);
+Vo(Zn, Kn, 2, 1);
+Go[28] = 0;
+Ho[28] = 258;
 function ar(e, r, t, a, o) {
   return Math.pow(1 - o, 3) * e + 3 * Math.pow(1 - o, 2) * o * r + 3 * (1 - o) * Math.pow(o, 2) * t + Math.pow(o, 3) * a;
 }
@@ -175,11 +175,11 @@ je.prototype.addBezier = function(e, r, t, a, o, n, s, l) {
       0 < k && k < 1 && (f === 0 && this.addX(ar(i[f], c[f], v[f], u[f], k)), f === 1 && this.addY(ar(i[f], c[f], v[f], u[f], k)));
       continue;
     }
-    var T = Math.pow(h, 2) - 4 * S * x;
-    if (!(T < 0)) {
-      var D = (-h + Math.sqrt(T)) / (2 * x);
-      0 < D && D < 1 && (f === 0 && this.addX(ar(i[f], c[f], v[f], u[f], D)), f === 1 && this.addY(ar(i[f], c[f], v[f], u[f], D)));
-      var C = (-h - Math.sqrt(T)) / (2 * x);
+    var w = Math.pow(h, 2) - 4 * S * x;
+    if (!(w < 0)) {
+      var P = (-h + Math.sqrt(w)) / (2 * x);
+      0 < P && P < 1 && (f === 0 && this.addX(ar(i[f], c[f], v[f], u[f], P)), f === 1 && this.addY(ar(i[f], c[f], v[f], u[f], P)));
+      var C = (-h - Math.sqrt(w)) / (2 * x);
       0 < C && C < 1 && (f === 0 && this.addX(ar(i[f], c[f], v[f], u[f], C)), f === 1 && this.addY(ar(i[f], c[f], v[f], u[f], C)));
     }
   }
@@ -299,13 +299,13 @@ se.prototype.toDOMElement = function(e) {
   var r = this.toPathData(e), t = document.createElementNS("http://www.w3.org/2000/svg", "path");
   return t.setAttribute("d", r), t;
 };
-function Vo(e) {
+function zo(e) {
   throw new Error(e);
 }
-function Ma(e, r) {
-  e || Vo(r);
+function Na(e, r) {
+  e || zo(r);
 }
-var M = { fail: Vo, argument: Ma, assert: Ma }, Na = 32768, Ga = 2147483648, nr = {}, E = {}, B = {};
+var M = { fail: zo, argument: Na, assert: Na }, Ga = 32768, Ha = 2147483648, nr = {}, E = {}, B = {};
 function Ce(e) {
   return function() {
     return e;
@@ -333,7 +333,7 @@ E.USHORT = function(e) {
 };
 B.USHORT = Ce(2);
 E.SHORT = function(e) {
-  return e >= Na && (e = -(2 * Na - e)), [e >> 8 & 255, e & 255];
+  return e >= Ga && (e = -(2 * Ga - e)), [e >> 8 & 255, e & 255];
 };
 B.SHORT = Ce(2);
 E.UINT24 = function(e) {
@@ -345,7 +345,7 @@ E.ULONG = function(e) {
 };
 B.ULONG = Ce(4);
 E.LONG = function(e) {
-  return e >= Ga && (e = -(2 * Ga - e)), [e >> 24 & 255, e >> 16 & 255, e >> 8 & 255, e & 255];
+  return e >= Ha && (e = -(2 * Ha - e)), [e >> 24 & 255, e >> 16 & 255, e >> 8 & 255, e & 255];
 };
 B.LONG = Ce(4);
 E.FIXED = E.ULONG;
@@ -483,16 +483,16 @@ nr.MACSTRING = function(e, r, t, a) {
     return n;
   }
 };
-var _r = typeof WeakMap == "function" && /* @__PURE__ */ new WeakMap(), Fr, Qn = function(e) {
-  if (!Fr) {
-    Fr = {};
+var Fr = typeof WeakMap == "function" && /* @__PURE__ */ new WeakMap(), Ir, Qn = function(e) {
+  if (!Ir) {
+    Ir = {};
     for (var r in Rt)
-      Fr[r] = new String(r);
+      Ir[r] = new String(r);
   }
-  var t = Fr[e];
+  var t = Ir[e];
   if (t !== void 0) {
-    if (_r) {
-      var a = _r.get(t);
+    if (Fr) {
+      var a = Fr.get(t);
       if (a !== void 0)
         return a;
     }
@@ -500,7 +500,7 @@ var _r = typeof WeakMap == "function" && /* @__PURE__ */ new WeakMap(), Fr, Qn =
     if (o !== void 0) {
       for (var n = {}, s = 0; s < o.length; s++)
         n[o.charCodeAt(s)] = s + 128;
-      return _r && _r.set(t, n), n;
+      return Fr && Fr.set(t, n), n;
     }
   }
 };
@@ -614,10 +614,10 @@ E.OPERAND = function(e, r) {
 };
 E.OP = E.BYTE;
 B.OP = B.BYTE;
-var Ir = typeof WeakMap == "function" && /* @__PURE__ */ new WeakMap();
+var Br = typeof WeakMap == "function" && /* @__PURE__ */ new WeakMap();
 E.CHARSTRING = function(e) {
-  if (Ir) {
-    var r = Ir.get(e);
+  if (Br) {
+    var r = Br.get(e);
     if (r !== void 0)
       return r;
   }
@@ -625,7 +625,7 @@ E.CHARSTRING = function(e) {
     var n = e[o];
     t = t.concat(E[n.type](n.value));
   }
-  return Ir && Ir.set(e, t), t;
+  return Br && Br.set(e, t), t;
 };
 B.CHARSTRING = function(e) {
   return E.CHARSTRING(e).length;
@@ -696,7 +696,7 @@ function yr(e, r, t) {
     a[o + 1] = { name: e + o, type: "USHORT", value: r[o] };
   return a;
 }
-function Pt(e, r, t) {
+function Dt(e, r, t) {
   var a = r.length, o = new Array(a + 1);
   o[0] = { name: e + "Count", type: "USHORT", value: a };
   for (var n = 0; n < a; n++)
@@ -710,7 +710,7 @@ function br(e, r, t) {
     o = o.concat(t(r[n], n));
   return o;
 }
-function qr(e) {
+function Xr(e) {
   e.format === 1 ? le.call(
     this,
     "coverageTable",
@@ -727,9 +727,9 @@ function qr(e) {
     }))
   ) : M.assert(!1, "Coverage format must be 1 or 2.");
 }
-qr.prototype = Object.create(le.prototype);
-qr.prototype.constructor = qr;
-function Xr(e) {
+Xr.prototype = Object.create(le.prototype);
+Xr.prototype.constructor = Xr;
+function $r(e) {
   le.call(
     this,
     "scriptListTable",
@@ -756,9 +756,9 @@ function Xr(e) {
     })
   );
 }
-Xr.prototype = Object.create(le.prototype);
-Xr.prototype.constructor = Xr;
-function $r(e) {
+$r.prototype = Object.create(le.prototype);
+$r.prototype.constructor = $r;
+function Yr(e) {
   le.call(
     this,
     "featureListTable",
@@ -773,34 +773,34 @@ function $r(e) {
     })
   );
 }
-$r.prototype = Object.create(le.prototype);
-$r.prototype.constructor = $r;
-function Yr(e, r) {
-  le.call(this, "lookupListTable", Pt("lookup", e, function(t) {
+Yr.prototype = Object.create(le.prototype);
+Yr.prototype.constructor = Yr;
+function Zr(e, r) {
+  le.call(this, "lookupListTable", Dt("lookup", e, function(t) {
     var a = r[t.lookupType];
     return M.assert(!!a, "Unable to write GSUB lookup type " + t.lookupType + " tables."), new le("lookupTable", [
       { name: "lookupType", type: "USHORT", value: t.lookupType },
       { name: "lookupFlag", type: "USHORT", value: t.lookupFlag }
-    ].concat(Pt("subtable", t.subtables, a)));
+    ].concat(Dt("subtable", t.subtables, a)));
   }));
 }
-Yr.prototype = Object.create(le.prototype);
-Yr.prototype.constructor = Yr;
+Zr.prototype = Object.create(le.prototype);
+Zr.prototype.constructor = Zr;
 var L = {
   Table: le,
   Record: le,
-  Coverage: qr,
-  ScriptList: Xr,
-  FeatureList: $r,
-  LookupList: Yr,
+  Coverage: Xr,
+  ScriptList: $r,
+  FeatureList: Yr,
+  LookupList: Zr,
   ushortList: yr,
-  tableList: Pt,
+  tableList: Dt,
   recordList: br
 };
-function Ha(e, r) {
+function Va(e, r) {
   return e.getUint8(r);
 }
-function Zr(e, r) {
+function Kr(e, r) {
   return e.getUint16(r, !1);
 }
 function as(e, r) {
@@ -809,7 +809,7 @@ function as(e, r) {
 function Mt(e, r) {
   return e.getUint32(r, !1);
 }
-function zo(e, r) {
+function Wo(e, r) {
   var t = e.getInt16(r, !1), a = e.getUint16(r + 2, !1);
   return t + a / 65535;
 }
@@ -875,7 +875,7 @@ m.prototype.parseULong = function() {
 };
 m.prototype.parseOffset32 = m.prototype.parseULong;
 m.prototype.parseFixed = function() {
-  var e = zo(this.data, this.offset + this.relativeOffset);
+  var e = Wo(this.data, this.offset + this.relativeOffset);
   return this.relativeOffset += 4, e;
 };
 m.prototype.parseString = function(e) {
@@ -893,7 +893,7 @@ m.prototype.parseLongDateTime = function() {
   return e -= 2082844800, this.relativeOffset += 8, e;
 };
 m.prototype.parseVersion = function(e) {
-  var r = Zr(this.data, this.offset + this.relativeOffset), t = Zr(this.data, this.offset + this.relativeOffset + 2);
+  var r = Kr(this.data, this.offset + this.relativeOffset), t = Kr(this.data, this.offset + this.relativeOffset + 2);
   return this.relativeOffset += 4, e === void 0 && (e = 4096), r + t / e / 10;
 };
 m.prototype.skip = function(e, r) {
@@ -1080,7 +1080,7 @@ m.uLongList = m.prototype.parseULongList;
 m.struct = m.prototype.parseStruct;
 m.coverage = m.prototype.parseCoverage;
 m.classDef = m.prototype.parseClassDef;
-var Va = {
+var za = {
   reserved: m.uShort,
   reqFeatureIndex: m.uShort,
   featureIndexes: m.uShortList
@@ -1089,10 +1089,10 @@ m.prototype.parseScriptList = function() {
   return this.parsePointer(m.recordList({
     tag: m.tag,
     script: m.pointer({
-      defaultLangSys: m.pointer(Va),
+      defaultLangSys: m.pointer(za),
       langSysRecords: m.recordList({
         tag: m.tag,
-        langSys: m.pointer(Va)
+        langSys: m.pointer(za)
       })
     })
   })) || [];
@@ -1131,13 +1131,13 @@ m.prototype.parseFeatureVariationsList = function() {
   }) || [];
 };
 var G = {
-  getByte: Ha,
-  getCard8: Ha,
-  getUShort: Zr,
-  getCard16: Zr,
+  getByte: Va,
+  getCard8: Va,
+  getUShort: Kr,
+  getCard16: Kr,
   getShort: as,
   getULong: Mt,
-  getFixed: zo,
+  getFixed: Wo,
   getTag: os,
   getOffset: ns,
   getBytes: ss,
@@ -1157,8 +1157,8 @@ function cs(e, r, t, a, o) {
   var n;
   e.segCount = n = r.parseUShort() >> 1, r.skip("uShort", 3), e.glyphIndexMap = {};
   for (var s = new G.Parser(t, a + o + 14), l = new G.Parser(t, a + o + 16 + n * 2), i = new G.Parser(t, a + o + 16 + n * 4), c = new G.Parser(t, a + o + 16 + n * 6), v = a + o + 16 + n * 8, u = 0; u < n - 1; u += 1)
-    for (var f = void 0, h = s.parseUShort(), x = l.parseUShort(), S = i.parseShort(), k = c.parseUShort(), T = x; T <= h; T += 1)
-      k !== 0 ? (v = c.offset + c.relativeOffset - 2, v += k, v += (T - x) * 2, f = G.getUShort(t, v), f !== 0 && (f = f + S & 65535)) : f = T + S & 65535, e.glyphIndexMap[T] = f;
+    for (var f = void 0, h = s.parseUShort(), x = l.parseUShort(), S = i.parseShort(), k = c.parseUShort(), w = x; w <= h; w += 1)
+      k !== 0 ? (v = c.offset + c.relativeOffset - 2, v += k, v += (w - x) * 2, f = G.getUShort(t, v), f !== 0 && (f = f + S & 65535)) : f = w + S & 65535, e.glyphIndexMap[w] = f;
 }
 function ds(e, r) {
   var t = {};
@@ -1235,8 +1235,8 @@ function fs(e) {
   for (n.segments = [], t = 0; t < e.length; t += 1) {
     for (var s = e.get(t), l = 0; l < s.unicodes.length; l += 1)
       ps(n, s.unicodes[l], t);
-    n.segments = n.segments.sort(function(D, C) {
-      return D.start - C.start;
+    n.segments = n.segments.sort(function(P, C) {
+      return P.start - C.start;
     });
   }
   vs(n);
@@ -1248,19 +1248,19 @@ function fs(e) {
   if (n.segCountX2 = (i - c) * 2, n.searchRange = Math.pow(2, Math.floor(Math.log(i - c) / Math.log(2))) * 2, n.entrySelector = Math.log(n.searchRange / 2) / Math.log(2), n.rangeShift = n.segCountX2 - n.searchRange, n.fields = n.fields.concat(v), n.fields.push({ name: "reservedPad", type: "USHORT", value: 0 }), n.fields = n.fields.concat(u), n.fields = n.fields.concat(f), n.fields = n.fields.concat(h), n.fields = n.fields.concat(x), n.cmap4Length = 14 + // Subtable header
   v.length * 2 + 2 + // reservedPad
   u.length * 2 + f.length * 2 + h.length * 2 + x.length * 2, !r) {
-    var T = 16 + // Subtable header
+    var w = 16 + // Subtable header
     S.length * 4;
     n.cmap12Offset = 12 + 2 * 2 + 4 + n.cmap4Length, n.fields = n.fields.concat([
       { name: "cmap12Format", type: "USHORT", value: 12 },
       { name: "cmap12Reserved", type: "USHORT", value: 0 },
-      { name: "cmap12Length", type: "ULONG", value: T },
+      { name: "cmap12Length", type: "ULONG", value: w },
       { name: "cmap12Language", type: "ULONG", value: 0 },
       { name: "cmap12nGroups", type: "ULONG", value: S.length / 3 }
     ]), n.fields = n.fields.concat(S);
   }
   return n;
 }
-var hs = { parse: ds, make: fs }, Wr = [
+var hs = { parse: ds, make: fs }, jr = [
   ".notdef",
   "space",
   "exclam",
@@ -2161,7 +2161,7 @@ var hs = { parse: ds, make: fs }, Wr = [
   "Yacutesmall",
   "Thornsmall",
   "Ydieresissmall"
-], za = [
+], Wa = [
   ".notdef",
   ".null",
   "nonmarkingreturn",
@@ -2421,10 +2421,10 @@ var hs = { parse: ds, make: fs }, Wr = [
   "ccaron",
   "dcroat"
 ];
-function Wo(e) {
+function jo(e) {
   this.font = e;
 }
-Wo.prototype.charToGlyphIndex = function(e) {
+jo.prototype.charToGlyphIndex = function(e) {
   var r = e.codePointAt(0), t = this.font.glyphs;
   if (t) {
     for (var a = 0; a < t.length; a += 1)
@@ -2434,17 +2434,17 @@ Wo.prototype.charToGlyphIndex = function(e) {
   }
   return null;
 };
-function Kr(e, r) {
+function Jr(e, r) {
   this.encoding = e, this.charset = r;
 }
-Kr.prototype.charToGlyphIndex = function(e) {
+Jr.prototype.charToGlyphIndex = function(e) {
   var r = e.codePointAt(0), t = this.encoding[r];
   return this.charset.indexOf(t);
 };
 function ys(e, r, t, a, o) {
   e.beginPath(), e.moveTo(r, t), e.lineTo(a, o), e.stroke();
 }
-var $e = { line: ys };
+var Ye = { line: ys };
 function bs(e, r) {
   var t = r || new se();
   return {
@@ -2457,19 +2457,19 @@ function bs(e, r) {
     }
   };
 }
-function Se(e) {
+function xe(e) {
   this.bindConstructorValues(e);
 }
-Se.prototype.bindConstructorValues = function(e) {
+xe.prototype.bindConstructorValues = function(e) {
   this.index = e.index || 0, this.name = e.name || null, this.unicode = e.unicode || void 0, this.unicodes = e.unicodes || e.unicode !== void 0 ? [e.unicode] : [], "xMin" in e && (this.xMin = e.xMin), "yMin" in e && (this.yMin = e.yMin), "xMax" in e && (this.xMax = e.xMax), "yMax" in e && (this.yMax = e.yMax), "advanceWidth" in e && (this.advanceWidth = e.advanceWidth), Object.defineProperty(this, "path", bs(this, e.path));
 };
-Se.prototype.addUnicode = function(e) {
+xe.prototype.addUnicode = function(e) {
   this.unicodes.length === 0 && (this.unicode = e), this.unicodes.push(e);
 };
-Se.prototype.getBoundingBox = function() {
+xe.prototype.getBoundingBox = function() {
   return this.path.getBoundingBox();
 };
-Se.prototype.getPath = function(e, r, t, a, o) {
+xe.prototype.getPath = function(e, r, t, a, o) {
   e = e !== void 0 ? e : 0, r = r !== void 0 ? r : 0, t = t !== void 0 ? t : 72;
   var n, s;
   a || (a = {});
@@ -2499,7 +2499,7 @@ Se.prototype.getPath = function(e, r, t, a, o) {
   }
   return v;
 };
-Se.prototype.getContours = function() {
+xe.prototype.getContours = function() {
   if (this.points === void 0)
     return [];
   for (var e = [], r = [], t = 0; t < this.points.length; t += 1) {
@@ -2508,7 +2508,7 @@ Se.prototype.getContours = function() {
   }
   return M.argument(r.length === 0, "There are still points left in the current contour."), e;
 };
-Se.prototype.getMetrics = function() {
+xe.prototype.getMetrics = function() {
   for (var e = this.path.commands, r = [], t = [], a = 0; a < e.length; a += 1) {
     var o = e[a];
     o.type !== "Z" && (r.push(o.x), t.push(o.y)), (o.type === "Q" || o.type === "C") && (r.push(o.x1), t.push(o.y1)), o.type === "C" && (r.push(o.x2), t.push(o.y2));
@@ -2522,10 +2522,10 @@ Se.prototype.getMetrics = function() {
   };
   return isFinite(n.xMin) || (n.xMin = 0), isFinite(n.xMax) || (n.xMax = this.advanceWidth), isFinite(n.yMin) || (n.yMin = 0), isFinite(n.yMax) || (n.yMax = 0), n.rightSideBearing = this.advanceWidth - n.leftSideBearing - (n.xMax - n.xMin), n;
 };
-Se.prototype.draw = function(e, r, t, a, o) {
+xe.prototype.draw = function(e, r, t, a, o) {
   this.getPath(r, t, a, o).draw(e);
 };
-Se.prototype.drawPoints = function(e, r, t, a) {
+xe.prototype.drawPoints = function(e, r, t, a) {
   function o(u, f, h, x) {
     e.beginPath();
     for (var S = 0; S < u.length; S += 1)
@@ -2539,13 +2539,13 @@ Se.prototype.drawPoints = function(e, r, t, a) {
   }
   e.fillStyle = "blue", o(s, r, t, n), e.fillStyle = "red", o(l, r, t, n);
 };
-Se.prototype.drawMetrics = function(e, r, t, a) {
+xe.prototype.drawMetrics = function(e, r, t, a) {
   var o;
-  r = r !== void 0 ? r : 0, t = t !== void 0 ? t : 0, a = a !== void 0 ? a : 24, o = 1 / this.path.unitsPerEm * a, e.lineWidth = 1, e.strokeStyle = "black", $e.line(e, r, -1e4, r, 1e4), $e.line(e, -1e4, t, 1e4, t);
+  r = r !== void 0 ? r : 0, t = t !== void 0 ? t : 0, a = a !== void 0 ? a : 24, o = 1 / this.path.unitsPerEm * a, e.lineWidth = 1, e.strokeStyle = "black", Ye.line(e, r, -1e4, r, 1e4), Ye.line(e, -1e4, t, 1e4, t);
   var n = this.xMin || 0, s = this.yMin || 0, l = this.xMax || 0, i = this.yMax || 0, c = this.advanceWidth || 0;
-  e.strokeStyle = "blue", $e.line(e, r + n * o, -1e4, r + n * o, 1e4), $e.line(e, r + l * o, -1e4, r + l * o, 1e4), $e.line(e, -1e4, t + -s * o, 1e4, t + -s * o), $e.line(e, -1e4, t + -i * o, 1e4, t + -i * o), e.strokeStyle = "green", $e.line(e, r + c * o, -1e4, r + c * o, 1e4);
+  e.strokeStyle = "blue", Ye.line(e, r + n * o, -1e4, r + n * o, 1e4), Ye.line(e, r + l * o, -1e4, r + l * o, 1e4), Ye.line(e, -1e4, t + -s * o, 1e4, t + -s * o), Ye.line(e, -1e4, t + -i * o, 1e4, t + -i * o), e.strokeStyle = "green", Ye.line(e, r + c * o, -1e4, r + c * o, 1e4);
 };
-function Br(e, r, t) {
+function Ar(e, r, t) {
   Object.defineProperty(e, r, {
     get: function() {
       return e.path, e[t];
@@ -2581,21 +2581,21 @@ Nt.prototype.push = function(e, r) {
   this.glyphs[e] = r, this.length++;
 };
 function ks(e, r) {
-  return new Se({ index: r, font: e });
+  return new xe({ index: r, font: e });
 }
 function Ss(e, r, t, a, o, n) {
   return function() {
-    var s = new Se({ index: r, font: e });
+    var s = new xe({ index: r, font: e });
     return s.path = function() {
       t(s, a, o);
       var l = n(e.glyphs, s);
       return l.unitsPerEm = e.unitsPerEm, l;
-    }, Br(s, "xMin", "_xMin"), Br(s, "xMax", "_xMax"), Br(s, "yMin", "_yMin"), Br(s, "yMax", "_yMax"), s;
+    }, Ar(s, "xMin", "_xMin"), Ar(s, "xMax", "_xMax"), Ar(s, "yMin", "_yMin"), Ar(s, "yMax", "_yMax"), s;
   };
 }
 function xs(e, r, t, a) {
   return function() {
-    var o = new Se({ index: r, font: e });
+    var o = new xe({ index: r, font: e });
     return o.path = function() {
       var n = t(e, o, a);
       return n.unitsPerEm = e.unitsPerEm, n;
@@ -2603,20 +2603,20 @@ function xs(e, r, t, a) {
   };
 }
 var Le = { GlyphSet: Nt, glyphLoader: ks, ttfGlyphLoader: Ss, cffGlyphLoader: xs };
-function jo(e, r) {
+function qo(e, r) {
   if (e === r)
     return !0;
   if (Array.isArray(e) && Array.isArray(r)) {
     if (e.length !== r.length)
       return !1;
     for (var t = 0; t < e.length; t += 1)
-      if (!jo(e[t], r[t]))
+      if (!qo(e[t], r[t]))
         return !1;
     return !0;
   } else
     return !1;
 }
-function Dt(e) {
+function Pt(e) {
   var r;
   return e.length < 1240 ? r = 107 : e.length < 33900 ? r = 1131 : r = 32768, r;
 }
@@ -2691,7 +2691,7 @@ function Us(e) {
   }
   return r;
 }
-function qo(e, r, t) {
+function Xo(e, r, t) {
   r = r !== void 0 ? r : 0;
   var a = new G.Parser(e, r), o = [], n = [];
   for (t = t !== void 0 ? t : e.length; a.relativeOffset < t; ) {
@@ -2701,9 +2701,9 @@ function qo(e, r, t) {
   return Us(o);
 }
 function gr(e, r) {
-  return r <= 390 ? r = Wr[r] : r = e[r - 391], r;
+  return r <= 390 ? r = jr[r] : r = e[r - 391], r;
 }
-function Xo(e, r, t) {
+function $o(e, r, t) {
   for (var a = {}, o, n = 0; n < r.length; n += 1) {
     var s = r[n];
     if (Array.isArray(s.type)) {
@@ -2721,7 +2721,7 @@ function Es(e, r) {
   var t = {};
   return t.formatMajor = G.getCard8(e, r), t.formatMinor = G.getCard8(e, r + 1), t.size = G.getCard8(e, r + 2), t.offsetSize = G.getCard8(e, r + 3), t.startOffset = r, t.endOffset = r + 4, t;
 }
-var $o = [
+var Yo = [
   { name: "version", op: 0, type: "SID" },
   { name: "notice", op: 1, type: "SID" },
   { name: "copyright", op: 1200, type: "SID" },
@@ -2757,29 +2757,29 @@ var $o = [
   { name: "fdArray", op: 1236, type: "offset" },
   { name: "fdSelect", op: 1237, type: "offset" },
   { name: "fontName", op: 1238, type: "SID" }
-], Yo = [
+], Zo = [
   { name: "subrs", op: 19, type: "offset", value: 0 },
   { name: "defaultWidthX", op: 20, type: "number", value: 0 },
   { name: "nominalWidthX", op: 21, type: "number", value: 0 }
 ];
 function Rs(e, r) {
-  var t = qo(e, 0, e.byteLength);
-  return Xo(t, $o, r);
+  var t = Xo(e, 0, e.byteLength);
+  return $o(t, Yo, r);
 }
-function Zo(e, r, t, a) {
-  var o = qo(e, r, t);
-  return Xo(o, Yo, a);
+function Ko(e, r, t, a) {
+  var o = Xo(e, r, t);
+  return $o(o, Zo, a);
 }
-function Wa(e, r, t, a) {
+function ja(e, r, t, a) {
   for (var o = [], n = 0; n < t.length; n += 1) {
     var s = new DataView(new Uint8Array(t[n]).buffer), l = Rs(s, a);
     l._subrs = [], l._subrsBias = 0, l._defaultWidthX = 0, l._nominalWidthX = 0;
     var i = l.private[0], c = l.private[1];
     if (i !== 0 && c !== 0) {
-      var v = Zo(e, c + r, i, a);
+      var v = Ko(e, c + r, i, a);
       if (l._defaultWidthX = v.defaultWidthX, l._nominalWidthX = v.nominalWidthX, v.subrs !== 0) {
         var u = c + v.subrs, f = Ge(e, u + r);
-        l._subrs = f.objects, l._subrsBias = Dt(l._subrs);
+        l._subrs = f.objects, l._subrsBias = Pt(l._subrs);
       }
       l._privateDict = v;
     }
@@ -2810,7 +2810,7 @@ function Ls(e, r, t, a) {
     throw new Error("Unknown charset format " + i);
   return l;
 }
-function Ps(e, r, t) {
+function Ds(e, r, t) {
   var a, o = {}, n = new G.Parser(e, r), s = n.parseCard8();
   if (s === 0)
     for (var l = n.parseCard8(), i = 0; i < l; i += 1)
@@ -2823,22 +2823,22 @@ function Ps(e, r, t) {
         o[h] = a, a += 1;
   } else
     throw new Error("Unknown encoding format " + s);
-  return new Kr(o, t);
+  return new Jr(o, t);
 }
-function ja(e, r, t) {
-  var a, o, n, s, l = new se(), i = [], c = 0, v = !1, u = !1, f = 0, h = 0, x, S, k, T;
+function qa(e, r, t) {
+  var a, o, n, s, l = new se(), i = [], c = 0, v = !1, u = !1, f = 0, h = 0, x, S, k, w;
   if (e.isCIDFont) {
-    var D = e.tables.cff.topDict._fdSelect[r.index], C = e.tables.cff.topDict._fdArray[D];
-    x = C._subrs, S = C._subrsBias, k = C._defaultWidthX, T = C._nominalWidthX;
+    var P = e.tables.cff.topDict._fdSelect[r.index], C = e.tables.cff.topDict._fdArray[P];
+    x = C._subrs, S = C._subrsBias, k = C._defaultWidthX, w = C._nominalWidthX;
   } else
-    x = e.tables.cff.topDict._subrs, S = e.tables.cff.topDict._subrsBias, k = e.tables.cff.topDict._defaultWidthX, T = e.tables.cff.topDict._nominalWidthX;
+    x = e.tables.cff.topDict._subrs, S = e.tables.cff.topDict._subrsBias, k = e.tables.cff.topDict._defaultWidthX, w = e.tables.cff.topDict._nominalWidthX;
   var q = k;
   function U(A, j) {
     u && l.closePath(), l.moveTo(A, j), u = !0;
   }
   function I() {
     var A;
-    A = i.length % 2 !== 0, A && !v && (q = i.shift() + T), c += i.length >> 1, i.length = 0, v = !0;
+    A = i.length % 2 !== 0, A && !v && (q = i.shift() + w), c += i.length >> 1, i.length = 0, v = !0;
   }
   function V(A) {
     for (var j, H, $, ue, ne, ee, ie, ce, de, pe, re, fe, K = 0; K < A.length; ) {
@@ -2851,7 +2851,7 @@ function ja(e, r, t) {
           I();
           break;
         case 4:
-          i.length > 1 && !v && (q = i.shift() + T, v = !0), h += i.pop(), U(f, h);
+          i.length > 1 && !v && (q = i.shift() + w, v = !0), h += i.pop(), U(f, h);
           break;
         case 5:
           for (; i.length > 0; )
@@ -2893,7 +2893,7 @@ function ja(e, r, t) {
           }
           break;
         case 14:
-          i.length > 0 && !v && (q = i.shift() + T, v = !0), u && (l.closePath(), u = !1);
+          i.length > 0 && !v && (q = i.shift() + w, v = !0), u && (l.closePath(), u = !1);
           break;
         case 18:
           I();
@@ -2903,10 +2903,10 @@ function ja(e, r, t) {
           I(), K += c + 7 >> 3;
           break;
         case 21:
-          i.length > 2 && !v && (q = i.shift() + T, v = !0), h += i.pop(), f += i.pop(), U(f, h);
+          i.length > 2 && !v && (q = i.shift() + w, v = !0), h += i.pop(), f += i.pop(), U(f, h);
           break;
         case 22:
-          i.length > 1 && !v && (q = i.shift() + T, v = !0), f += i.pop(), U(f, h);
+          i.length > 1 && !v && (q = i.shift() + w, v = !0), f += i.pop(), U(f, h);
           break;
         case 23:
           I();
@@ -2950,7 +2950,7 @@ function ja(e, r, t) {
   }
   return V(t), r.advanceWidth = q, l;
 }
-function Ds(e, r, t, a) {
+function Ps(e, r, t, a) {
   var o = [], n, s = new G.Parser(e, r), l = s.parseCard8();
   if (l === 0)
     for (var i = 0; i < t; i++) {
@@ -2980,8 +2980,8 @@ function Ds(e, r, t, a) {
 function _s(e, r, t, a) {
   t.tables.cff = {};
   var o = Es(e, r), n = Ge(e, o.endOffset, G.bytesToString), s = Ge(e, n.endOffset), l = Ge(e, s.endOffset, G.bytesToString), i = Ge(e, l.endOffset);
-  t.gsubrs = i.objects, t.gsubrsBias = Dt(t.gsubrs);
-  var c = Wa(e, r, s.objects, l.objects);
+  t.gsubrs = i.objects, t.gsubrsBias = Pt(t.gsubrs);
+  var c = ja(e, r, s.objects, l.objects);
   if (c.length !== 1)
     throw new Error("CFF table has too many fonts in 'FontSet' - count of fonts NameIndex.length = " + c.length);
   var v = c[0];
@@ -2990,32 +2990,32 @@ function _s(e, r, t, a) {
     if (u === 0 || f === 0)
       throw new Error("Font is marked as a CID font, but FDArray and/or FDSelect information is missing");
     u += r;
-    var h = Ge(e, u), x = Wa(e, r, h.objects, l.objects);
-    v._fdArray = x, f += r, v._fdSelect = Ds(e, f, t.numGlyphs, x.length);
+    var h = Ge(e, u), x = ja(e, r, h.objects, l.objects);
+    v._fdArray = x, f += r, v._fdSelect = Ps(e, f, t.numGlyphs, x.length);
   }
-  var S = r + v.private[1], k = Zo(e, S, v.private[0], l.objects);
+  var S = r + v.private[1], k = Ko(e, S, v.private[0], l.objects);
   if (t.defaultWidthX = k.defaultWidthX, t.nominalWidthX = k.nominalWidthX, k.subrs !== 0) {
-    var T = S + k.subrs, D = Ge(e, T);
-    t.subrs = D.objects, t.subrsBias = Dt(t.subrs);
+    var w = S + k.subrs, P = Ge(e, w);
+    t.subrs = P.objects, t.subrsBias = Pt(t.subrs);
   } else
     t.subrs = [], t.subrsBias = 0;
   var C;
   a.lowMemory ? (C = Ts(e, r + v.charStrings), t.nGlyphs = C.offsets.length) : (C = Ge(e, r + v.charStrings), t.nGlyphs = C.objects.length);
   var q = Ls(e, r + v.charset, t.nGlyphs, l.objects);
-  if (v.encoding === 0 ? t.cffEncoding = new Kr(gs, q) : v.encoding === 1 ? t.cffEncoding = new Kr(ms, q) : t.cffEncoding = Ps(e, r + v.encoding, q), t.encoding = t.encoding || t.cffEncoding, t.glyphs = new Le.GlyphSet(t), a.lowMemory)
+  if (v.encoding === 0 ? t.cffEncoding = new Jr(gs, q) : v.encoding === 1 ? t.cffEncoding = new Jr(ms, q) : t.cffEncoding = Ds(e, r + v.encoding, q), t.encoding = t.encoding || t.cffEncoding, t.glyphs = new Le.GlyphSet(t), a.lowMemory)
     t._push = function(V) {
       var A = ws(V, C.offsets, e, r + v.charStrings);
-      t.glyphs.push(V, Le.cffGlyphLoader(t, V, ja, A));
+      t.glyphs.push(V, Le.cffGlyphLoader(t, V, qa, A));
     };
   else
     for (var U = 0; U < t.nGlyphs; U += 1) {
       var I = C.objects[U];
-      t.glyphs.push(U, Le.cffGlyphLoader(t, U, ja, I));
+      t.glyphs.push(U, Le.cffGlyphLoader(t, U, qa, I));
     }
 }
-function Ko(e, r) {
-  var t, a = Wr.indexOf(e);
-  return a >= 0 && (t = a), a = r.indexOf(e), a >= 0 ? t = a + Wr.length : (t = Wr.length + r.length, r.push(e)), t;
+function Jo(e, r) {
+  var t, a = jr.indexOf(e);
+  return a >= 0 && (t = a), a = r.indexOf(e), a >= 0 ? t = a + jr.length : (t = jr.length + r.length, r.push(e)), t;
 }
 function Fs() {
   return new L.Record("Header", [
@@ -3034,20 +3034,20 @@ function Is(e) {
     r.names.push({ name: "name_" + t, type: "NAME", value: e[t] });
   return r;
 }
-function Jo(e, r, t) {
+function Qo(e, r, t) {
   for (var a = {}, o = 0; o < e.length; o += 1) {
     var n = e[o], s = r[n.name];
-    s !== void 0 && !jo(s, n.value) && (n.type === "SID" && (s = Ko(s, t)), a[n.op] = { name: n.name, type: n.type, value: s });
+    s !== void 0 && !qo(s, n.value) && (n.type === "SID" && (s = Jo(s, t)), a[n.op] = { name: n.name, type: n.type, value: s });
   }
   return a;
 }
-function qa(e, r) {
+function Xa(e, r) {
   var t = new L.Record("Top DICT", [
     { name: "dict", type: "DICT", value: {} }
   ]);
-  return t.dict = Jo($o, e, r), t;
+  return t.dict = Qo(Yo, e, r), t;
 }
-function Xa(e) {
+function $a(e) {
   var r = new L.Record("Top DICT INDEX", [
     { name: "topDicts", type: "INDEX", value: [] }
   ]);
@@ -3071,7 +3071,7 @@ function Ms(e, r) {
   for (var t = new L.Record("Charsets", [
     { name: "format", type: "Card8", value: 0 }
   ]), a = 0; a < e.length; a += 1) {
-    var o = e[a], n = Ko(o, r);
+    var o = e[a], n = Jo(o, r);
     t.fields.push({ name: "glyph_" + a, type: "SID", value: n });
   }
   return t;
@@ -3117,7 +3117,7 @@ function Hs(e, r) {
   var t = new L.Record("Private DICT", [
     { name: "dict", type: "DICT", value: {} }
   ]);
-  return t.dict = Jo(Yo, e, r), t;
+  return t.dict = Qo(Zo, e, r), t;
 }
 function Vs(e, r) {
   for (var t = new L.Table("CFF ", [
@@ -3144,10 +3144,10 @@ function Vs(e, r) {
     l = e.get(i), s.push(l.name);
   var c = [];
   t.header = Fs(), t.nameIndex = Is([r.postScriptName]);
-  var v = qa(o, c);
-  t.topDictIndex = Xa(v), t.globalSubrIndex = As(), t.charsets = Ms(s, c), t.charStringsIndex = Gs(e), t.privateDict = Hs(n, c), t.stringIndex = Bs(c);
+  var v = Xa(o, c);
+  t.topDictIndex = $a(v), t.globalSubrIndex = As(), t.charsets = Ms(s, c), t.charStringsIndex = Gs(e), t.privateDict = Hs(n, c), t.stringIndex = Bs(c);
   var u = t.header.sizeOf() + t.nameIndex.sizeOf() + t.topDictIndex.sizeOf() + t.stringIndex.sizeOf() + t.globalSubrIndex.sizeOf();
-  return o.charset = u, o.encoding = 0, o.charStrings = o.charset + t.charsets.sizeOf(), o.private[1] = o.charStrings + t.charStringsIndex.sizeOf(), v = qa(o, c), t.topDictIndex = Xa(v), t;
+  return o.charset = u, o.encoding = 0, o.charStrings = o.charset + t.charsets.sizeOf(), o.private[1] = o.charStrings + t.charStringsIndex.sizeOf(), v = Xa(o, c), t.topDictIndex = $a(v), t;
 }
 var zs = { parse: _s, make: Vs };
 function Ws(e, r) {
@@ -3261,7 +3261,7 @@ function ni(e) {
     { name: "numGlyphs", type: "USHORT", value: e }
   ]);
 }
-var si = { parse: oi, make: ni }, Qo = [
+var si = { parse: oi, make: ni }, en = [
   "copyright",
   // 0
   "fontFamily",
@@ -3308,7 +3308,7 @@ var si = { parse: oi, make: ni }, Qo = [
   // 21
   "wwsSubfamily"
   // 22
-], en = {
+], rn = {
   0: "en",
   1: "fr",
   2: "de",
@@ -3667,7 +3667,7 @@ var si = { parse: oi, make: ni }, Qo = [
   // langAzerbaijanRoman → smRoman
   151: 0
   // langNynorsk → smRoman
-}, rn = {
+}, tn = {
   1078: "af",
   1052: "sq",
   1156: "gsw",
@@ -3890,9 +3890,9 @@ function li(e, r, t) {
         return t[r];
       break;
     case 1:
-      return en[r];
-    case 3:
       return rn[r];
+    case 3:
+      return tn[r];
   }
 }
 var _t = "utf-16", ui = {
@@ -3986,7 +3986,7 @@ var _t = "utf-16", ui = {
   146: "x-mac-gaelic"
   // langIrishGaelicScript
 };
-function tn(e, r, t) {
+function an(e, r, t) {
   switch (e) {
     case 0:
       return _t;
@@ -4000,12 +4000,12 @@ function tn(e, r, t) {
 }
 function di(e, r, t) {
   for (var a = {}, o = new G.Parser(e, r), n = o.parseUShort(), s = o.parseUShort(), l = o.offset + o.parseUShort(), i = 0; i < s; i++) {
-    var c = o.parseUShort(), v = o.parseUShort(), u = o.parseUShort(), f = o.parseUShort(), h = Qo[f] || f, x = o.parseUShort(), S = o.parseUShort(), k = li(c, u, t), T = tn(c, v, u);
-    if (T !== void 0 && k !== void 0) {
-      var D = void 0;
-      if (T === _t ? D = nr.UTF16(e, l + S, x) : D = nr.MACSTRING(e, l + S, x, T), D) {
+    var c = o.parseUShort(), v = o.parseUShort(), u = o.parseUShort(), f = o.parseUShort(), h = en[f] || f, x = o.parseUShort(), S = o.parseUShort(), k = li(c, u, t), w = an(c, v, u);
+    if (w !== void 0 && k !== void 0) {
+      var P = void 0;
+      if (w === _t ? P = nr.UTF16(e, l + S, x) : P = nr.MACSTRING(e, l + S, x, w), P) {
         var C = a[h];
-        C === void 0 && (C = a[h] = {}), C[k] = D;
+        C === void 0 && (C = a[h] = {}), C[k] = P;
       }
     }
   }
@@ -4017,7 +4017,7 @@ function ft(e) {
     r[e[t]] = parseInt(t);
   return r;
 }
-function $a(e, r, t, a, o, n) {
+function Ya(e, r, t, a, o, n) {
   return new L.Record("NameRecord", [
     { name: "platformID", type: "USHORT", value: e },
     { name: "encodingID", type: "USHORT", value: r },
@@ -4039,7 +4039,7 @@ function pi(e, r) {
       }
   return -1;
 }
-function Ya(e, r) {
+function Za(e, r) {
   var t = pi(e, r);
   if (t < 0) {
     t = r.length;
@@ -4049,32 +4049,32 @@ function Ya(e, r) {
   return t;
 }
 function vi(e, r) {
-  var t, a = [], o = {}, n = ft(Qo);
+  var t, a = [], o = {}, n = ft(en);
   for (var s in e) {
     var l = n[s];
     if (l === void 0 && (l = s), t = parseInt(l), isNaN(t))
       throw new Error('Name table entry "' + s + '" does not exist, see nameTableNames for complete list.');
     o[t] = e[s], a.push(t);
   }
-  for (var i = ft(en), c = ft(rn), v = [], u = [], f = 0; f < a.length; f++) {
+  for (var i = ft(rn), c = ft(tn), v = [], u = [], f = 0; f < a.length; f++) {
     t = a[f];
     var h = o[t];
     for (var x in h) {
-      var S = h[x], k = 1, T = i[x], D = ii[T], C = tn(k, D, T), q = E.MACSTRING(S, C);
-      q === void 0 && (k = 0, T = r.indexOf(x), T < 0 && (T = r.length, r.push(x)), D = 4, q = E.UTF16(S));
-      var U = Ya(q, u);
-      v.push($a(
+      var S = h[x], k = 1, w = i[x], P = ii[w], C = an(k, P, w), q = E.MACSTRING(S, C);
+      q === void 0 && (k = 0, w = r.indexOf(x), w < 0 && (w = r.length, r.push(x)), P = 4, q = E.UTF16(S));
+      var U = Za(q, u);
+      v.push(Ya(
         k,
-        D,
-        T,
+        P,
+        w,
         t,
         q.length,
         U
       ));
       var I = c[x];
       if (I !== void 0) {
-        var V = E.UTF16(S), A = Ya(V, u);
-        v.push($a(
+        var V = E.UTF16(S), A = Za(V, u);
+        v.push(Ya(
           3,
           1,
           I,
@@ -4409,12 +4409,12 @@ function mi(e) {
     { name: "usMaxContext", type: "USHORT", value: 0 }
   ], e);
 }
-var Za = { parse: gi, make: mi, unicodeRanges: Ft, getUnicodeRange: hi };
+var Ka = { parse: gi, make: mi, unicodeRanges: Ft, getUnicodeRange: hi };
 function yi(e, r) {
   var t = {}, a = new G.Parser(e, r);
   switch (t.version = a.parseVersion(), t.italicAngle = a.parseFixed(), t.underlinePosition = a.parseShort(), t.underlineThickness = a.parseShort(), t.isFixedPitch = a.parseULong(), t.minMemType42 = a.parseULong(), t.maxMemType42 = a.parseULong(), t.minMemType1 = a.parseULong(), t.maxMemType1 = a.parseULong(), t.version) {
     case 1:
-      t.names = za.slice();
+      t.names = Wa.slice();
       break;
     case 2:
       t.numberOfGlyphs = a.parseUShort(), t.glyphNameIndex = new Array(t.numberOfGlyphs);
@@ -4422,7 +4422,7 @@ function yi(e, r) {
         t.glyphNameIndex[o] = a.parseUShort();
       t.names = [];
       for (var n = 0; n < t.numberOfGlyphs; n++)
-        if (t.glyphNameIndex[n] >= za.length) {
+        if (t.glyphNameIndex[n] >= Wa.length) {
           var s = a.parseChar();
           t.names.push(a.parseString(s));
         }
@@ -4718,7 +4718,7 @@ function Oi(e) {
   return o.fields.push({ name: "stringPool", type: "CHARARRAY", value: t }), o;
 }
 var Ci = { parse: wi, make: Oi };
-function Ka(e) {
+function Ja(e) {
   return Math.log(e) / Math.log(2) | 0;
 }
 function Gt(e) {
@@ -4728,7 +4728,7 @@ function Gt(e) {
     r += (e[t] << 24) + (e[t + 1] << 16) + (e[t + 2] << 8) + e[t + 3];
   return r %= Math.pow(2, 32), r;
 }
-function Ja(e, r, t, a) {
+function Qa(e, r, t, a) {
   return new L.Record("Table Record", [
     { name: "tag", type: "TAG", value: e !== void 0 ? e : "" },
     { name: "checkSum", type: "ULONG", value: r !== void 0 ? r : 0 },
@@ -4736,7 +4736,7 @@ function Ja(e, r, t, a) {
     { name: "length", type: "ULONG", value: a !== void 0 ? a : 0 }
   ]);
 }
-function an(e) {
+function on(e) {
   var r = new L.Table("sfnt", [
     { name: "version", type: "TAG", value: "OTTO" },
     { name: "numTables", type: "USHORT", value: 0 },
@@ -4745,14 +4745,14 @@ function an(e) {
     { name: "rangeShift", type: "USHORT", value: 0 }
   ]);
   r.tables = e, r.numTables = e.length;
-  var t = Math.pow(2, Ka(r.numTables));
-  r.searchRange = 16 * t, r.entrySelector = Ka(t), r.rangeShift = r.numTables * 16 - r.searchRange;
-  for (var a = [], o = [], n = r.sizeOf() + Ja().sizeOf() * r.numTables; n % 4 !== 0; )
+  var t = Math.pow(2, Ja(r.numTables));
+  r.searchRange = 16 * t, r.entrySelector = Ja(t), r.rangeShift = r.numTables * 16 - r.searchRange;
+  for (var a = [], o = [], n = r.sizeOf() + Qa().sizeOf() * r.numTables; n % 4 !== 0; )
     n += 1, o.push({ name: "padding", type: "BYTE", value: 0 });
   for (var s = 0; s < e.length; s += 1) {
     var l = e[s];
     M.argument(l.tableName.length === 4, "Table name" + l.tableName + " is invalid.");
-    var i = l.sizeOf(), c = Ja(l.tableName, Gt(l.encode()), n, i);
+    var i = l.sizeOf(), c = Qa(l.tableName, Gt(l.encode()), n, i);
     for (a.push({ name: c.tag + " Table Record", type: "RECORD", value: c }), o.push({ name: l.tableName + " table", type: "RECORD", value: l }), n += i, M.argument(!isNaN(n), "Something went wrong calculating the offset."); n % 4 !== 0; )
       n += 1, o.push({ name: "padding", type: "BYTE", value: 0 });
   }
@@ -4760,7 +4760,7 @@ function an(e) {
     return v.value.tag > u.value.tag ? 1 : -1;
   }), r.fields = r.fields.concat(a), r.fields = r.fields.concat(o), r;
 }
-function Qa(e, r, t) {
+function eo(e, r, t) {
   for (var a = 0; a < r.length; a += 1) {
     var o = e.charToGlyphIndex(r[a]);
     if (o > 0) {
@@ -4781,20 +4781,20 @@ function Ei(e) {
     if (isNaN(S.advanceWidth))
       throw new Error("Glyph " + S.name + " (" + x + "): advanceWidth is not a number.");
     (i > k || i === void 0) && k > 0 && (i = k), c < k && (c = k);
-    var T = Za.getUnicodeRange(k);
-    if (T < 32)
-      v |= 1 << T;
-    else if (T < 64)
-      u |= 1 << T - 32;
-    else if (T < 96)
-      f |= 1 << T - 64;
-    else if (T < 123)
-      h |= 1 << T - 96;
+    var w = Ka.getUnicodeRange(k);
+    if (w < 32)
+      v |= 1 << w;
+    else if (w < 64)
+      u |= 1 << w - 32;
+    else if (w < 96)
+      f |= 1 << w - 64;
+    else if (w < 123)
+      h |= 1 << w - 96;
     else
       throw new Error("Unicode ranges bits > 123 are reserved for internal usage");
     if (S.name !== ".notdef") {
-      var D = S.getMetrics();
-      r.push(D.xMin), t.push(D.yMin), a.push(D.xMax), o.push(D.yMax), s.push(D.leftSideBearing), l.push(D.rightSideBearing), n.push(S.advanceWidth);
+      var P = S.getMetrics();
+      r.push(P.xMin), t.push(P.yMin), a.push(P.xMax), o.push(P.yMax), s.push(P.leftSideBearing), l.push(P.rightSideBearing), n.push(S.advanceWidth);
     }
   }
   var C = {
@@ -4827,7 +4827,7 @@ function Ei(e) {
     minRightSideBearing: C.minRightSideBearing,
     xMaxExtent: C.maxLeftSideBearing + (C.xMax - C.xMin),
     numberOfHMetrics: e.glyphs.length
-  }), I = si.make(e.glyphs.length), V = Za.make(Object.assign({
+  }), I = si.make(e.glyphs.length), V = Ka.make(Object.assign({
     xAvgCharWidth: Math.round(C.advanceWidthAvg),
     usFirstCharIndex: i,
     usLastCharIndex: c,
@@ -4846,8 +4846,8 @@ function Ei(e) {
     usWinDescent: Math.abs(C.yMin),
     ulCodePageRange1: 1,
     // FIXME: hard-code Latin 1 support for now
-    sxHeight: Qa(e, "xyvw", { yMax: Math.round(C.ascender / 2) }).yMax,
-    sCapHeight: Qa(e, "HIKLEFJMNTZBDPRAGOQSUVWXY", C).yMax,
+    sxHeight: eo(e, "xyvw", { yMax: Math.round(C.ascender / 2) }).yMax,
+    sCapHeight: eo(e, "HIKLEFJMNTZBDPRAGOQSUVWXY", C).yMax,
     usDefaultChar: e.hasChar(" ") ? 32 : 0,
     // Use space as the default character, if available.
     usBreakChar: e.hasChar(" ") ? 32 : 0
@@ -4868,16 +4868,16 @@ function Ei(e) {
     fontBBox: [0, C.yMin, C.ascender, C.advanceWidthMax]
   }), K = e.metas && Object.keys(e.metas).length > 0 ? Ci.make(e.metas) : void 0, te = [q, U, I, V, de, j, re, fe, A];
   pe && te.push(pe), e.tables.gsub && te.push(Ti.make(e.tables.gsub)), K && te.push(K);
-  for (var Qe = an(te), lr = Qe.encode(), Pe = Gt(lr), ur = Qe.fields, Be = !1, er = 0; er < ur.length; er += 1)
-    if (ur[er].name === "head table") {
-      ur[er].value.checkSumAdjustment = 2981146554 - Pe, Be = !0;
+  for (var er = on(te), lr = er.encode(), De = Gt(lr), ur = er.fields, Be = !1, rr = 0; rr < ur.length; rr += 1)
+    if (ur[rr].name === "head table") {
+      ur[rr].value.checkSumAdjustment = 2981146554 - De, Be = !0;
       break;
     }
   if (!Be)
     throw new Error("Could not find head table with checkSum to adjust.");
-  return Qe;
+  return er;
 }
-var Ri = { make: an, fontToTable: Ei, computeCheckSum: Gt };
+var Ri = { make: on, fontToTable: Ei, computeCheckSum: Gt };
 function ht(e, r) {
   for (var t = 0, a = e.length - 1; t <= a; ) {
     var o = t + a >>> 1, n = e[o].tag;
@@ -4887,7 +4887,7 @@ function ht(e, r) {
   }
   return -t - 1;
 }
-function eo(e, r) {
+function ro(e, r) {
   for (var t = 0, a = e.length - 1; t <= a; ) {
     var o = t + a >>> 1, n = e[o];
     if (n === r)
@@ -4896,7 +4896,7 @@ function eo(e, r) {
   }
   return -t - 1;
 }
-function ro(e, r) {
+function to(e, r) {
   for (var t, a = 0, o = e.length - 1; a <= o; ) {
     var n = a + o >>> 1;
     t = e[n];
@@ -4931,7 +4931,7 @@ xr.prototype = {
    * @param  {number} value
    * @return {number}
    */
-  binSearch: eo,
+  binSearch: ro,
   /**
    * Get or create the Layout table (GSUB, GPOS etc).
    * @param  {boolean} create - Whether to create a new one.
@@ -5086,7 +5086,7 @@ xr.prototype = {
       case 1:
         return e.startGlyph <= r && r < e.startGlyph + e.classes.length ? e.classes[r - e.startGlyph] : 0;
       case 2:
-        var t = ro(e.ranges, r);
+        var t = to(e.ranges, r);
         return t ? t.classId : 0;
     }
   },
@@ -5100,10 +5100,10 @@ xr.prototype = {
   getCoverageIndex: function(e, r) {
     switch (e.format) {
       case 1:
-        var t = eo(e.glyphs, r);
+        var t = ro(e.glyphs, r);
         return t >= 0 ? t : -1;
       case 2:
-        var a = ro(e.ranges, r);
+        var a = to(e.ranges, r);
         return a ? a.index + r - a.start : -1;
     }
   },
@@ -5327,10 +5327,10 @@ be.prototype.add = function(e, r, t, a) {
       return r.by instanceof Array ? this.addMultiple(e, r, t, a) : this.addLigature(e, r, t, a);
   }
 };
-function Pi() {
+function Di() {
   return typeof window < "u";
 }
-function Di(e) {
+function Pi(e) {
   for (var r = new Buffer(e.byteLength), t = new Uint8Array(e), a = 0; a < r.length; ++a)
     r[a] = t[a];
   return r;
@@ -5339,11 +5339,11 @@ function vr(e, r) {
   if (!e)
     throw r;
 }
-function to(e, r, t, a, o) {
+function ao(e, r, t, a, o) {
   var n;
   return (r & a) > 0 ? (n = e.parseByte(), r & o || (n = -n), n = t + n) : (r & o) > 0 ? n = t : n = t + e.parseShort(), n;
 }
-function on(e, r, t) {
+function nn(e, r, t) {
   var a = new G.Parser(r, t);
   e.numberOfContours = a.parseShort(), e._xMin = a.parseShort(), e._yMin = a.parseShort(), e._xMax = a.parseShort(), e._yMax = a.parseShort();
   var o, n;
@@ -5364,10 +5364,10 @@ function on(e, r, t) {
       if (c > 0) {
         for (var S = 0; S < c; S += 1)
           n = o[S], x = {}, x.onCurve = !!(n & 1), x.lastPointOfContour = s.indexOf(S) >= 0, h.push(x);
-        for (var k = 0, T = 0; T < c; T += 1)
-          n = o[T], x = h[T], x.x = to(a, n, k, 2, 16), k = x.x;
-        for (var D = 0, C = 0; C < c; C += 1)
-          n = o[C], x = h[C], x.y = to(a, n, D, 4, 32), D = x.y;
+        for (var k = 0, w = 0; w < c; w += 1)
+          n = o[w], x = h[w], x.x = ao(a, n, k, 2, 16), k = x.x;
+        for (var P = 0, C = 0; C < c; C += 1)
+          n = o[C], x = h[C], x.y = ao(a, n, P, 4, 32), P = x.y;
       }
       e.points = h;
     } else
@@ -5415,7 +5415,7 @@ function _i(e) {
   }
   return M.argument(t.length === 0, "There are still points left in the current contour."), r;
 }
-function nn(e) {
+function sn(e) {
   var r = new se();
   if (!e)
     return r;
@@ -5440,7 +5440,7 @@ function nn(e) {
   }
   return r;
 }
-function sn(e, r) {
+function ln(e, r) {
   if (r.isComposite)
     for (var t = 0; t < r.components.length; t += 1) {
       var a = r.components[t], o = e.get(a.glyphIndex);
@@ -5464,12 +5464,12 @@ function sn(e, r) {
         r.points = r.points.concat(n);
       }
     }
-  return nn(r.points);
+  return sn(r.points);
 }
 function Fi(e, r, t, a) {
   for (var o = new Le.GlyphSet(a), n = 0; n < t.length - 1; n += 1) {
     var s = t[n], l = t[n + 1];
-    s !== l ? o.push(n, Le.ttfGlyphLoader(a, n, on, e, r + s, sn)) : o.push(n, Le.glyphLoader(a, n));
+    s !== l ? o.push(n, Le.ttfGlyphLoader(a, n, nn, e, r + s, ln)) : o.push(n, Le.glyphLoader(a, n));
   }
   return o;
 }
@@ -5477,14 +5477,14 @@ function Ii(e, r, t, a) {
   var o = new Le.GlyphSet(a);
   return a._push = function(n) {
     var s = t[n], l = t[n + 1];
-    s !== l ? o.push(n, Le.ttfGlyphLoader(a, n, on, e, r + s, sn)) : o.push(n, Le.glyphLoader(a, n));
+    s !== l ? o.push(n, Le.ttfGlyphLoader(a, n, nn, e, r + s, ln)) : o.push(n, Le.glyphLoader(a, n));
   }, o;
 }
 function Bi(e, r, t, a, o) {
   return o.lowMemory ? Ii(e, r, t, a) : Fi(e, r, t, a);
 }
-var Ai = { getPath: nn, parse: Bi }, ln, Ke, un, It;
-function cn(e) {
+var Ai = { getPath: sn, parse: Bi }, un, Je, cn, It;
+function dn(e) {
   this.font = e, this.getCommands = function(r) {
     return Ai.getPath(r).commands;
   }, this._fpgmState = this._prepState = void 0, this._errorState = 0;
@@ -5492,7 +5492,7 @@ function cn(e) {
 function Mi(e) {
   return e;
 }
-function dn(e) {
+function pn(e) {
   return Math.sign(e) * Math.round(Math.abs(e));
 }
 function Ni(e) {
@@ -5507,7 +5507,7 @@ function Hi(e) {
 function Vi(e) {
   return Math.sign(e) * Math.floor(Math.abs(e));
 }
-var pn = function(e) {
+var vn = function(e) {
   var r = this.srPeriod, t = this.srPhase, a = this.srThreshold, o = 1;
   return e < 0 && (e = -e, o = -1), e += a - t, e = Math.trunc(e / r) * r, e += t, e < 0 ? t * o : e * o;
 }, Re = {
@@ -5696,10 +5696,10 @@ function He(e, r) {
     case "glyf":
       this.zp0 = this.zp1 = this.zp2 = 1, this.rp0 = this.rp1 = this.rp2 = 0;
     case "prep":
-      this.fv = this.pv = this.dpv = Re, this.round = dn;
+      this.fv = this.pv = this.dpv = Re, this.round = pn;
   }
 }
-cn.prototype.exec = function(e, r) {
+dn.prototype.exec = function(e, r) {
   if (typeof r != "number")
     throw new Error("Point size is not a number!");
   if (!(this._errorState > 2)) {
@@ -5709,7 +5709,7 @@ cn.prototype.exec = function(e, r) {
       if (!o) {
         He.prototype = zi, o = this._fpgmState = new He("fpgm", t.tables.fpgm), o.funcs = [], o.font = t, exports.DEBUG && (console.log("---EXEC FPGM---"), o.step = -1);
         try {
-          Ke(o);
+          Je(o);
         } catch (c) {
           console.log("Hinting error in FPGM:" + c), this._errorState = 3;
           return;
@@ -5724,21 +5724,21 @@ cn.prototype.exec = function(e, r) {
         a.cvt = [];
       exports.DEBUG && (console.log("---EXEC PREP---"), a.step = -1);
       try {
-        Ke(a);
+        Je(a);
       } catch (c) {
         this._errorState < 2 && console.log("Hinting error in PREP:" + c), this._errorState = 2;
       }
     }
     if (!(this._errorState > 1))
       try {
-        return un(e, a);
+        return cn(e, a);
       } catch (c) {
         this._errorState < 1 && (console.log("Hinting error:" + c), console.log("Note: further hinting errors are silenced")), this._errorState = 1;
         return;
       }
   }
 };
-un = function(e, r) {
+cn = function(e, r) {
   var t = r.ppem / r.font.unitsPerEm, a = t, o = e.components, n, s, l;
   if (He.prototype = r, !o)
     l = new He("glyf", e.instructions), exports.DEBUG && (console.log("---EXEC GLYPH---"), l.step = -1), It(e, l, t, a), s = l.gZone;
@@ -5749,18 +5749,18 @@ un = function(e, r) {
       var v = o[c], u = i.glyphs.get(v.glyphIndex);
       l = new He("glyf", u.instructions), exports.DEBUG && (console.log("---EXEC COMP " + c + "---"), l.step = -1), It(u, l, t, a);
       for (var f = Math.round(v.dx * t), h = Math.round(v.dy * a), x = l.gZone, S = l.contours, k = 0; k < x.length; k++) {
-        var T = x[k];
-        T.xTouched = T.yTouched = !1, T.xo = T.x = T.x + f, T.yo = T.y = T.y + h;
+        var w = x[k];
+        w.xTouched = w.yTouched = !1, w.xo = w.x = w.x + f, w.yo = w.y = w.y + h;
       }
-      var D = s.length;
+      var P = s.length;
       s.push.apply(s, x);
       for (var C = 0; C < S.length; C++)
-        n.push(S[C] + D);
+        n.push(S[C] + P);
     }
     e.instructions && !l.inhibitGridFit && (l = new He("glyf", e.instructions), l.gZone = l.z0 = l.z1 = l.z2 = s, l.contours = n, s.push(
       new Fe(0, 0),
       new Fe(Math.round(e.advanceWidth * t), 0)
-    ), exports.DEBUG && (console.log("---EXEC COMPOSITE---"), l.step = -1), Ke(l), s.length -= 2);
+    ), exports.DEBUG && (console.log("---EXEC COMPOSITE---"), l.step = -1), Je(l), s.length -= 2);
   }
   return s;
 };
@@ -5783,19 +5783,19 @@ It = function(e, r, t, a) {
     if (s.push(
       new Fe(0, 0),
       new Fe(Math.round(e.advanceWidth * t), 0)
-    ), Ke(r), s.length -= 2, exports.DEBUG) {
+    ), Je(r), s.length -= 2, exports.DEBUG) {
       console.log("FINISHED GLYPH", r.stack);
       for (var x = 0; x < n; x++)
         console.log(x, s[x].x, s[x].y);
     }
   }
 };
-Ke = function(e) {
+Je = function(e) {
   var r = e.prog;
   if (r) {
     var t = r.length, a;
     for (e.ip = 0; e.ip < t; e.ip++) {
-      if (exports.DEBUG && e.step++, a = ln[r[e.ip]], !a)
+      if (exports.DEBUG && e.step++, a = un[r[e.ip]], !a)
         throw new Error(
           "unknown instruction: 0x" + Number(r[e.ip]).toString(16)
         );
@@ -5803,11 +5803,11 @@ Ke = function(e) {
     }
   }
 };
-function Qr(e) {
+function et(e) {
   for (var r = e.tZone = new Array(e.gZone.length), t = 0; t < r.length; t++)
     r[t] = new Fe(0, 0);
 }
-function vn(e, r) {
+function fn(e, r) {
   var t = e.prog, a = e.ip, o = 1, n;
   do
     if (n = t[++a], n === 88)
@@ -5827,22 +5827,22 @@ function vn(e, r) {
   while (o > 0);
   e.ip = a;
 }
-function ao(e, r) {
+function oo(e, r) {
   exports.DEBUG && console.log(r.step, "SVTCA[" + e.axis + "]"), r.fv = r.pv = r.dpv = e;
 }
-function oo(e, r) {
+function no(e, r) {
   exports.DEBUG && console.log(r.step, "SPVTCA[" + e.axis + "]"), r.pv = r.dpv = e;
 }
-function no(e, r) {
+function so(e, r) {
   exports.DEBUG && console.log(r.step, "SFVTCA[" + e.axis + "]"), r.fv = e;
 }
-function so(e, r) {
+function io(e, r) {
   var t = r.stack, a = t.pop(), o = t.pop(), n = r.z2[a], s = r.z1[o];
   exports.DEBUG && console.log("SPVTL[" + e + "]", a, o);
   var l, i;
   e ? (l = n.y - s.y, i = s.x - n.x) : (l = s.x - n.x, i = s.y - n.y), r.pv = r.dpv = Or(l, i);
 }
-function io(e, r) {
+function lo(e, r) {
   var t = r.stack, a = t.pop(), o = t.pop(), n = r.z2[a], s = r.z1[o];
   exports.DEBUG && console.log("SFVTL[" + e + "]", a, o);
   var l, i;
@@ -5870,8 +5870,8 @@ function $i(e) {
 function Yi(e) {
   var r = e.stack, t = r.pop(), a = r.pop(), o = r.pop(), n = r.pop(), s = r.pop(), l = e.z0, i = e.z1, c = l[t], v = l[a], u = i[o], f = i[n], h = e.z2[s];
   exports.DEBUG && console.log("ISECT[], ", t, a, o, n, s);
-  var x = c.x, S = c.y, k = v.x, T = v.y, D = u.x, C = u.y, q = f.x, U = f.y, I = (x - k) * (C - U) - (S - T) * (D - q), V = x * T - S * k, A = D * U - C * q;
-  h.x = (V * (D - q) - A * (x - k)) / I, h.y = (V * (C - U) - A * (S - T)) / I;
+  var x = c.x, S = c.y, k = v.x, w = v.y, P = u.x, C = u.y, q = f.x, U = f.y, I = (x - k) * (C - U) - (S - w) * (P - q), V = x * w - S * k, A = P * U - C * q;
+  h.x = (V * (P - q) - A * (x - k)) / I, h.y = (V * (C - U) - A * (S - w)) / I;
 }
 function Zi(e) {
   e.rp0 = e.stack.pop(), exports.DEBUG && console.log(e.step, "SRP0[]", e.rp0);
@@ -5886,7 +5886,7 @@ function Qi(e) {
   var r = e.stack.pop();
   switch (exports.DEBUG && console.log(e.step, "SZP0[]", r), e.zp0 = r, r) {
     case 0:
-      e.tZone || Qr(e), e.z0 = e.tZone;
+      e.tZone || et(e), e.z0 = e.tZone;
       break;
     case 1:
       e.z0 = e.gZone;
@@ -5899,7 +5899,7 @@ function el(e) {
   var r = e.stack.pop();
   switch (exports.DEBUG && console.log(e.step, "SZP1[]", r), e.zp1 = r, r) {
     case 0:
-      e.tZone || Qr(e), e.z1 = e.tZone;
+      e.tZone || et(e), e.z1 = e.tZone;
       break;
     case 1:
       e.z1 = e.gZone;
@@ -5912,7 +5912,7 @@ function rl(e) {
   var r = e.stack.pop();
   switch (exports.DEBUG && console.log(e.step, "SZP2[]", r), e.zp2 = r, r) {
     case 0:
-      e.tZone || Qr(e), e.z2 = e.tZone;
+      e.tZone || et(e), e.z2 = e.tZone;
       break;
     case 1:
       e.z2 = e.gZone;
@@ -5925,7 +5925,7 @@ function tl(e) {
   var r = e.stack.pop();
   switch (exports.DEBUG && console.log(e.step, "SZPS[]", r), e.zp0 = e.zp1 = e.zp2 = r, r) {
     case 0:
-      e.tZone || Qr(e), e.z0 = e.z1 = e.z2 = e.tZone;
+      e.tZone || et(e), e.z0 = e.z1 = e.z2 = e.tZone;
       break;
     case 1:
       e.z0 = e.z1 = e.z2 = e.gZone;
@@ -5938,7 +5938,7 @@ function al(e) {
   e.loop = e.stack.pop(), exports.DEBUG && console.log(e.step, "SLOOP[]", e.loop);
 }
 function ol(e) {
-  exports.DEBUG && console.log(e.step, "RTG[]"), e.round = dn;
+  exports.DEBUG && console.log(e.step, "RTG[]"), e.round = pn;
 }
 function nl(e) {
   exports.DEBUG && console.log(e.step, "RTHG[]"), e.round = Gi;
@@ -5948,7 +5948,7 @@ function sl(e) {
   exports.DEBUG && console.log(e.step, "SMD[]", r), e.minDis = r / 64;
 }
 function il(e) {
-  exports.DEBUG && console.log(e.step, "ELSE[]"), vn(e, !1);
+  exports.DEBUG && console.log(e.step, "ELSE[]"), fn(e, !1);
 }
 function ll(e) {
   var r = e.stack.pop();
@@ -5982,7 +5982,7 @@ function fl(e) {
   var o = e.ip, n = e.prog;
   e.prog = e.funcs[t];
   for (var s = 0; s < a; s++)
-    Ke(e), exports.DEBUG && console.log(
+    Je(e), exports.DEBUG && console.log(
       ++e.step,
       s + 1 < a ? "next loopcall" : "done loopcall",
       s
@@ -5993,7 +5993,7 @@ function hl(e) {
   var r = e.stack.pop();
   exports.DEBUG && console.log(e.step, "CALL[]", r);
   var t = e.ip, a = e.prog;
-  e.prog = e.funcs[r], Ke(e), e.ip = t, e.prog = a, exports.DEBUG && console.log(++e.step, "returning from", r);
+  e.prog = e.funcs[r], Je(e), e.ip = t, e.prog = a, exports.DEBUG && console.log(++e.step, "returning from", r);
 }
 function gl(e) {
   var r = e.stack, t = r.pop();
@@ -6011,19 +6011,19 @@ function yl(e) {
     ;
   e.ip = a, e.funcs[o] = t.slice(n + 1, a);
 }
-function lo(e, r) {
+function uo(e, r) {
   var t = r.stack.pop(), a = r.z0[t], o = r.fv, n = r.pv;
   exports.DEBUG && console.log(r.step, "MDAP[" + e + "]", t);
   var s = n.distance(a, kr);
   e && (s = r.round(s)), o.setRelative(a, kr, s, n), o.touch(a), r.rp0 = r.rp1 = t;
 }
-function uo(e, r) {
+function co(e, r) {
   var t = r.z2, a = t.length - 2, o, n, s;
   exports.DEBUG && console.log(r.step, "IUP[" + e.axis + "]");
   for (var l = 0; l < a; l++)
     o = t[l], !e.touched(o) && (n = o.prevTouched(e), n !== o && (s = o.nextTouched(e), n === s && e.setRelative(o, o, e.distance(n, n, !1, !0), e, !0), e.interpolate(o, n, s, e)));
 }
-function co(e, r) {
+function po(e, r) {
   for (var t = r.stack, a = e ? r.rp1 : r.rp2, o = (e ? r.z0 : r.z1)[a], n = r.fv, s = r.pv, l = r.loop, i = r.z2; l--; ) {
     var c = t.pop(), v = i[c], u = s.distance(o, o, !1, !0);
     n.setRelative(v, v, u, s), n.touch(v), exports.DEBUG && console.log(
@@ -6034,7 +6034,7 @@ function co(e, r) {
   }
   r.loop = 1;
 }
-function po(e, r) {
+function vo(e, r) {
   var t = r.stack, a = e ? r.rp1 : r.rp2, o = (e ? r.z0 : r.z1)[a], n = r.fv, s = r.pv, l = t.pop(), i = r.z2[r.contours[l]], c = i;
   exports.DEBUG && console.log(r.step, "SHC[" + e + "]", l);
   var v = s.distance(o, o, !1, !0);
@@ -6042,7 +6042,7 @@ function po(e, r) {
     c !== o && n.setRelative(c, c, v, s), c = c.nextPointOnContour;
   while (c !== i);
 }
-function vo(e, r) {
+function fo(e, r) {
   var t = r.stack, a = e ? r.rp1 : r.rp2, o = (e ? r.z0 : r.z1)[a], n = r.fv, s = r.pv, l = t.pop();
   exports.DEBUG && console.log(r.step, "SHZ[" + e + "]", l);
   var i;
@@ -6085,7 +6085,7 @@ function kl(e) {
   }
   e.loop = 1;
 }
-function fo(e, r) {
+function ho(e, r) {
   var t = r.stack, a = t.pop() / 64, o = t.pop(), n = r.z1[o], s = r.z0[r.rp0], l = r.fv, i = r.pv;
   l.setRelative(n, s, a, i), l.touch(n), exports.DEBUG && console.log(r.step, "MSIRP[" + e + "]", a, o), r.rp1 = r.rp0, r.rp2 = o, e && (r.rp0 = o);
 }
@@ -6103,7 +6103,7 @@ function Sl(e) {
 function xl(e) {
   exports.DEBUG && console.log(e.step, "RTDG[]"), e.round = Ni;
 }
-function ho(e, r) {
+function go(e, r) {
   var t = r.stack, a = t.pop(), o = t.pop(), n = r.z0[o], s = r.fv, l = r.pv, i = r.cvt[a];
   exports.DEBUG && console.log(
     r.step,
@@ -6153,11 +6153,11 @@ function El(e) {
   var r = e.stack, t = r.pop();
   exports.DEBUG && console.log(e.step, "RCVT", t), r.push(e.cvt[t] * 64);
 }
-function go(e, r) {
+function mo(e, r) {
   var t = r.stack, a = t.pop(), o = r.z2[a];
   exports.DEBUG && console.log(r.step, "GC[" + e + "]", a), t.push(r.dpv.distance(o, kr, e, !1) * 64);
 }
-function mo(e, r) {
+function yo(e, r) {
   var t = r.stack, a = t.pop(), o = t.pop(), n = r.z1[a], s = r.z0[o], l = r.dpv.distance(s, n, e, e);
   exports.DEBUG && console.log(r.step, "MD[" + e + "]", a, o, "->", l), r.stack.push(Math.round(l * 64));
 }
@@ -6167,11 +6167,11 @@ function Rl(e) {
 function Ll(e) {
   exports.DEBUG && console.log(e.step, "FLIPON[]"), e.autoFlip = !0;
 }
-function Pl(e) {
+function Dl(e) {
   var r = e.stack, t = r.pop(), a = r.pop();
   exports.DEBUG && console.log(e.step, "LT[]", t, a), r.push(a < t ? 1 : 0);
 }
-function Dl(e) {
+function Pl(e) {
   var r = e.stack, t = r.pop(), a = r.pop();
   exports.DEBUG && console.log(e.step, "LTEQ[]", t, a), r.push(a <= t ? 1 : 0);
 }
@@ -6201,7 +6201,7 @@ function Ml(e) {
 }
 function Nl(e) {
   var r = e.stack.pop();
-  exports.DEBUG && console.log(e.step, "IF[]", r), r || (vn(e, !0), exports.DEBUG && console.log(e.step, "EIF[]"));
+  exports.DEBUG && console.log(e.step, "IF[]", r), r || (fn(e, !0), exports.DEBUG && console.log(e.step, "EIF[]"));
 }
 function Gl(e) {
   exports.DEBUG && console.log(e.step, "EIF[]");
@@ -6271,7 +6271,7 @@ function Ql(e) {
   var r = e.stack, t = r.pop();
   exports.DEBUG && console.log(e.step, "CEILING[]", t), r.push(Math.ceil(t / 64) * 64);
 }
-function Ar(e, r) {
+function Mr(e, r) {
   var t = r.stack, a = t.pop();
   exports.DEBUG && console.log(r.step, "ROUND[]"), t.push(r.round(a / 64) * 64);
 }
@@ -6294,7 +6294,7 @@ function bt(e, r) {
 }
 function ru(e) {
   var r = e.stack.pop();
-  exports.DEBUG && console.log(e.step, "SROUND[]", r), e.round = pn;
+  exports.DEBUG && console.log(e.step, "SROUND[]", r), e.round = vn;
   var t;
   switch (r & 192) {
     case 0:
@@ -6329,7 +6329,7 @@ function ru(e) {
 }
 function tu(e) {
   var r = e.stack.pop();
-  exports.DEBUG && console.log(e.step, "S45ROUND[]", r), e.round = pn;
+  exports.DEBUG && console.log(e.step, "S45ROUND[]", r), e.round = vn;
   var t;
   switch (r & 192) {
     case 0:
@@ -6375,7 +6375,7 @@ function su(e) {
   var r = e.stack.pop();
   exports.DEBUG && console.log(e.step, "SCANCTRL[]", r);
 }
-function yo(e, r) {
+function bo(e, r) {
   var t = r.stack, a = t.pop(), o = t.pop(), n = r.z2[a], s = r.z1[o];
   exports.DEBUG && console.log(r.step, "SDPVTL[" + e + "]", a, o);
   var l, i;
@@ -6431,40 +6431,40 @@ function Ne(e, r) {
   r.ip = t;
 }
 function R(e, r, t, a, o, n) {
-  var s = n.stack, l = e && s.pop(), i = s.pop(), c = n.rp0, v = n.z0[c], u = n.z1[i], f = n.minDis, h = n.fv, x = n.dpv, S, k, T, D;
-  k = S = x.distance(u, v, !0, !0), T = k >= 0 ? 1 : -1, k = Math.abs(k), e && (D = n.cvt[l], a && Math.abs(k - D) < n.cvCutIn && (k = D)), t && k < f && (k = f), a && (k = n.round(k)), h.setRelative(u, v, T * k, x), h.touch(u), exports.DEBUG && console.log(
+  var s = n.stack, l = e && s.pop(), i = s.pop(), c = n.rp0, v = n.z0[c], u = n.z1[i], f = n.minDis, h = n.fv, x = n.dpv, S, k, w, P;
+  k = S = x.distance(u, v, !0, !0), w = k >= 0 ? 1 : -1, k = Math.abs(k), e && (P = n.cvt[l], a && Math.abs(k - P) < n.cvCutIn && (k = P)), t && k < f && (k = f), a && (k = n.round(k)), h.setRelative(u, v, w * k, x), h.touch(u), exports.DEBUG && console.log(
     n.step,
     (e ? "MIRP[" : "MDRP[") + (r ? "M" : "m") + (t ? ">" : "_") + (a ? "R" : "_") + (o === 0 ? "Gr" : o === 1 ? "Bl" : o === 2 ? "Wh" : "") + "]",
-    e ? l + "(" + n.cvt[l] + "," + D + ")" : "",
+    e ? l + "(" + n.cvt[l] + "," + P + ")" : "",
     i,
     "(d =",
     S,
     "->",
-    T * k,
+    w * k,
     ")"
   ), n.rp1 = n.rp0, n.rp2 = i, r && (n.rp0 = i);
 }
-ln = [
+un = [
   /* 0x00 */
-  ao.bind(void 0, _e),
+  oo.bind(void 0, _e),
   /* 0x01 */
-  ao.bind(void 0, Re),
+  oo.bind(void 0, Re),
   /* 0x02 */
-  oo.bind(void 0, _e),
+  no.bind(void 0, _e),
   /* 0x03 */
-  oo.bind(void 0, Re),
+  no.bind(void 0, Re),
   /* 0x04 */
-  no.bind(void 0, _e),
+  so.bind(void 0, _e),
   /* 0x05 */
-  no.bind(void 0, Re),
+  so.bind(void 0, Re),
   /* 0x06 */
-  so.bind(void 0, 0),
+  io.bind(void 0, 0),
   /* 0x07 */
-  so.bind(void 0, 1),
+  io.bind(void 0, 1),
   /* 0x08 */
-  io.bind(void 0, 0),
+  lo.bind(void 0, 0),
   /* 0x09 */
-  io.bind(void 0, 1),
+  lo.bind(void 0, 1),
   /* 0x0A */
   Wi,
   /* 0x0B */
@@ -6543,41 +6543,41 @@ ln = [
   void 0,
   // ENDF (eaten by FDEF)
   /* 0x2E */
-  lo.bind(void 0, 0),
+  uo.bind(void 0, 0),
   /* 0x2F */
-  lo.bind(void 0, 1),
+  uo.bind(void 0, 1),
   /* 0x30 */
-  uo.bind(void 0, _e),
+  co.bind(void 0, _e),
   /* 0x31 */
-  uo.bind(void 0, Re),
+  co.bind(void 0, Re),
   /* 0x32 */
-  co.bind(void 0, 0),
+  po.bind(void 0, 0),
   /* 0x33 */
-  co.bind(void 0, 1),
+  po.bind(void 0, 1),
   /* 0x34 */
-  po.bind(void 0, 0),
+  vo.bind(void 0, 0),
   /* 0x35 */
-  po.bind(void 0, 1),
+  vo.bind(void 0, 1),
   /* 0x36 */
-  vo.bind(void 0, 0),
+  fo.bind(void 0, 0),
   /* 0x37 */
-  vo.bind(void 0, 1),
+  fo.bind(void 0, 1),
   /* 0x38 */
   bl,
   /* 0x39 */
   kl,
   /* 0x3A */
-  fo.bind(void 0, 0),
+  ho.bind(void 0, 0),
   /* 0x3B */
-  fo.bind(void 0, 1),
+  ho.bind(void 0, 1),
   /* 0x3C */
   Sl,
   /* 0x3D */
   xl,
   /* 0x3E */
-  ho.bind(void 0, 0),
+  go.bind(void 0, 0),
   /* 0x3F */
-  ho.bind(void 0, 1),
+  go.bind(void 0, 1),
   /* 0x40 */
   Tl,
   /* 0x41 */
@@ -6591,16 +6591,16 @@ ln = [
   /* 0x45 */
   El,
   /* 0x46 */
-  go.bind(void 0, 0),
+  mo.bind(void 0, 0),
   /* 0x47 */
-  go.bind(void 0, 1),
+  mo.bind(void 0, 1),
   /* 0x48 */
   void 0,
   // TODO SCFS
   /* 0x49 */
-  mo.bind(void 0, 0),
+  yo.bind(void 0, 0),
   /* 0x4A */
-  mo.bind(void 0, 1),
+  yo.bind(void 0, 1),
   /* 0x4B */
   Rl,
   /* 0x4C */
@@ -6615,9 +6615,9 @@ ln = [
   void 0,
   // TODO DEBUG
   /* 0x50 */
-  Pl,
-  /* 0x51 */
   Dl,
+  /* 0x51 */
+  Pl,
   /* 0x52 */
   _l,
   /* 0x53 */
@@ -6663,13 +6663,13 @@ ln = [
   /* 0x67 */
   Ql,
   /* 0x68 */
-  Ar.bind(void 0, 0),
+  Mr.bind(void 0, 0),
   /* 0x69 */
-  Ar.bind(void 0, 1),
+  Mr.bind(void 0, 1),
   /* 0x6A */
-  Ar.bind(void 0, 2),
+  Mr.bind(void 0, 2),
   /* 0x6B */
-  Ar.bind(void 0, 3),
+  Mr.bind(void 0, 3),
   /* 0x6C */
   void 0,
   // TODO NROUND[ab]
@@ -6734,9 +6734,9 @@ ln = [
   /* 0x85 */
   su,
   /* 0x86 */
-  yo.bind(void 0, 0),
+  bo.bind(void 0, 0),
   /* 0x87 */
-  yo.bind(void 0, 1),
+  bo.bind(void 0, 1),
   /* 0x88 */
   iu,
   /* 0x89 */
@@ -6991,7 +6991,7 @@ function vu(e, r, t) {
 function Oe(e, r) {
   this.context = e, this.index = r, this.length = e.length, this.current = e[r], this.backtrack = e.slice(0, r), this.lookahead = e.slice(r + 1);
 }
-function et(e) {
+function rt(e) {
   this.eventId = e, this.subscribers = [];
 }
 function fu(e) {
@@ -7012,7 +7012,7 @@ function fu(e) {
   ];
   t.forEach(function(o) {
     Object.defineProperty(r.events, o, {
-      value: new et(o)
+      value: new rt(o)
     });
   }), e && t.forEach(function(o) {
     var n = e[o];
@@ -7112,10 +7112,10 @@ Q.prototype.registerModifier = function(e, r, t) {
     }
   }), this.registeredModifiers.push(e);
 };
-et.prototype.subscribe = function(e) {
+rt.prototype.subscribe = function(e) {
   return typeof e == "function" ? this.subscribers.push(e) - 1 : { FAIL: "invalid '" + this.eventId + "' event handler" };
 };
-et.prototype.unsubscribe = function(e) {
+rt.prototype.unsubscribe = function(e) {
   this.subscribers.splice(e, 1);
 };
 Oe.prototype.setCurrentIndex = function(e) {
@@ -7154,7 +7154,7 @@ Q.prototype.on = function(e, r) {
 };
 Q.prototype.dispatch = function(e, r) {
   var t = this, a = this.events[e];
-  a instanceof et && a.subscribers.forEach(function(o) {
+  a instanceof rt && a.subscribers.forEach(function(o) {
     o.apply(t, r || []);
   });
 };
@@ -7235,13 +7235,13 @@ Q.prototype.tokenize = function(e) {
 function Ve(e) {
   return /[\u0600-\u065F\u066A-\u06D2\u06FA-\u06FF]/.test(e);
 }
-function fn(e) {
+function hn(e) {
   return /[\u0630\u0690\u0621\u0631\u0661\u0671\u0622\u0632\u0672\u0692\u06C2\u0623\u0673\u0693\u06C3\u0624\u0694\u06C4\u0625\u0675\u0695\u06C5\u06E5\u0676\u0696\u06C6\u0627\u0677\u0697\u06C7\u0648\u0688\u0698\u06C8\u0689\u0699\u06C9\u068A\u06CA\u066B\u068B\u06CB\u068C\u068D\u06CD\u06FD\u068E\u06EE\u06FE\u062F\u068F\u06CF\u06EF]/.test(e);
 }
 function We(e) {
   return /[\u0600-\u0605\u060C-\u060E\u0610-\u061B\u061E\u064B-\u065F\u0670\u06D6-\u06DC\u06DF-\u06E4\u06E7\u06E8\u06EA-\u06ED]/.test(e);
 }
-function jr(e) {
+function qr(e) {
   return /[A-z]/.test(e);
 }
 function hu(e) {
@@ -7250,7 +7250,7 @@ function hu(e) {
 function ke(e) {
   this.font = e, this.features = {};
 }
-function Ze(e) {
+function Ke(e) {
   this.id = e.id, this.tag = e.tag, this.substitution = e.substitution;
 }
 function Cr(e, r) {
@@ -7319,8 +7319,8 @@ function yu(e, r) {
   ), u = a.length === r.inputCoverage.length && l.length === r.lookaheadCoverage.length && v.length === r.backtrackCoverage.length, f = [];
   if (u)
     for (var h = 0; h < r.lookupRecords.length; h++)
-      for (var x = r.lookupRecords[h], S = x.lookupListIndex, k = this.getLookupByIndex(S), T = 0; T < k.subtables.length; T++) {
-        var D = k.subtables[T], C = this.getLookupMethod(k, D), q = this.getSubstitutionType(k, D);
+      for (var x = r.lookupRecords[h], S = x.lookupListIndex, k = this.getLookupByIndex(S), w = 0; w < k.subtables.length; w++) {
+        var P = k.subtables[w], C = this.getLookupMethod(k, P), q = this.getSubstitutionType(k, P);
         if (q === "12")
           for (var U = 0; U < a.length; U++) {
             var I = e.get(U), V = C(I);
@@ -7460,35 +7460,35 @@ ke.prototype.lookupFeature = function(e) {
       var v = i[c], u = this.getSubstitutionType(l, v), f = this.getLookupMethod(l, v), h = void 0;
       switch (u) {
         case "11":
-          h = f(r.current), h && n.splice(t, 1, new Ze({
+          h = f(r.current), h && n.splice(t, 1, new Ke({
             id: 11,
             tag: e.tag,
             substitution: h
           }));
           break;
         case "12":
-          h = f(r.current), h && n.splice(t, 1, new Ze({
+          h = f(r.current), h && n.splice(t, 1, new Ke({
             id: 12,
             tag: e.tag,
             substitution: h
           }));
           break;
         case "63":
-          h = f(r), Array.isArray(h) && h.length && n.splice(t, 1, new Ze({
+          h = f(r), Array.isArray(h) && h.length && n.splice(t, 1, new Ke({
             id: 63,
             tag: e.tag,
             substitution: h
           }));
           break;
         case "41":
-          h = f(r), h && n.splice(t, 1, new Ze({
+          h = f(r), h && n.splice(t, 1, new Ke({
             id: 41,
             tag: e.tag,
             substitution: h
           }));
           break;
         case "21":
-          h = f(r.current), h && n.splice(t, 1, new Ze({
+          h = f(r.current), h && n.splice(t, 1, new Ke({
             id: 21,
             tag: e.tag,
             substitution: h
@@ -7600,18 +7600,18 @@ function Lu(e, r, t) {
   for (var o = e.substitution.components.length, n = 0; n < o; n++)
     a = r[t + n + 1], a.setState("deleted", !0);
 }
-var bo = {
+var ko = {
   11: Uu,
   12: Eu,
   63: Ru,
   41: Lu
 };
 function zt(e, r, t) {
-  e instanceof Ze && bo[e.id] && bo[e.id](e, r, t);
+  e instanceof Ke && ko[e.id] && ko[e.id](e, r, t);
 }
-function Pu(e) {
+function Du(e) {
   for (var r = [].concat(e.backtrack), t = r.length - 1; t >= 0; t--) {
-    var a = r[t], o = fn(a), n = We(a);
+    var a = r[t], o = hn(a), n = We(a);
     if (!o && !n)
       return !0;
     if (o)
@@ -7619,8 +7619,8 @@ function Pu(e) {
   }
   return !1;
 }
-function Du(e) {
-  if (fn(e.current))
+function Pu(e) {
+  if (hn(e.current))
     return !1;
   for (var r = 0; r < e.lookahead.length; r++) {
     var t = e.lookahead[r], a = We(t);
@@ -7651,7 +7651,7 @@ function _u(e) {
       if (!We(l.char)) {
         n.setCurrentIndex(i), s.setCurrentIndex(i);
         var c = 0;
-        Pu(s) && (c |= 1), Du(s) && (c |= 2);
+        Du(s) && (c |= 1), Pu(s) && (c |= 2);
         var v;
         switch (c) {
           case 1:
@@ -7673,21 +7673,21 @@ function _u(e) {
           if (u instanceof Error)
             return console.info(u.message);
           u.forEach(function(f, h) {
-            f instanceof Ze && (zt(f, o, h), n.context[h] = f.substitution);
+            f instanceof Ke && (zt(f, o, h), n.context[h] = f.substitution);
           });
         }
       }
     });
   }
 }
-function ko(e, r) {
+function So(e, r) {
   var t = e.map(function(a) {
     return a.activeState.value;
   });
   return new Oe(t, 0);
 }
 function Fu(e) {
-  var r = this, t = "arab", a = this.tokenizer.getRangeTokens(e), o = ko(a);
+  var r = this, t = "arab", a = this.tokenizer.getRangeTokens(e), o = So(a);
   o.context.forEach(function(n, s) {
     o.setCurrentIndex(s);
     var l = r.query.lookupFeature({
@@ -7699,15 +7699,15 @@ function Fu(e) {
       function(i) {
         return zt(i, a, s);
       }
-    ), o = ko(a));
+    ), o = So(a));
   });
 }
 function Iu(e) {
   var r = e.current, t = e.get(-1);
   return (
     // ? latin first char
-    t === null && jr(r) || // ? latin char preceded with a non latin char
-    !jr(t) && jr(r)
+    t === null && qr(r) || // ? latin char preceded with a non latin char
+    !qr(t) && qr(r)
   );
 }
 function Bu(e) {
@@ -7715,21 +7715,21 @@ function Bu(e) {
   return (
     // ? last latin char
     r === null || // ? next char is not latin
-    !jr(r)
+    !qr(r)
   );
 }
 var Au = {
   startCheck: Iu,
   endCheck: Bu
 };
-function So(e, r) {
+function xo(e, r) {
   var t = e.map(function(a) {
     return a.activeState.value;
   });
   return new Oe(t, 0);
 }
 function Mu(e) {
-  var r = this, t = "latn", a = this.tokenizer.getRangeTokens(e), o = So(a);
+  var r = this, t = "latn", a = this.tokenizer.getRangeTokens(e), o = xo(a);
   o.context.forEach(function(n, s) {
     o.setCurrentIndex(s);
     var l = r.query.lookupFeature({
@@ -7741,7 +7741,7 @@ function Mu(e) {
       function(i) {
         return zt(i, a, s);
       }
-    ), o = So(a));
+    ), o = xo(a));
   });
 }
 function Ue(e) {
@@ -7887,12 +7887,12 @@ function Y(e) {
       usWidthClass: e.widthClass || this.usWidthClasses.MEDIUM,
       fsSelection: e.fsSelection || this.fsSelectionValues.REGULAR
     }, e.tables.os2)
-  })), this.supported = !0, this.glyphs = new Le.GlyphSet(this, e.glyphs || []), this.encoding = new Wo(this), this.position = new Tr(this), this.substitution = new be(this), this.tables = this.tables || {}, this._push = null, this._hmtxTableData = {}, Object.defineProperty(this, "hinting", {
+  })), this.supported = !0, this.glyphs = new Le.GlyphSet(this, e.glyphs || []), this.encoding = new jo(this), this.position = new Tr(this), this.substitution = new be(this), this.tables = this.tables || {}, this._push = null, this._hmtxTableData = {}, Object.defineProperty(this, "hinting", {
     get: function() {
       if (this._hinting)
         return this._hinting;
       if (this.outlinesFormat === "truetype")
-        return this._hinting = new cn(this);
+        return this._hinting = new dn(this);
     }
   });
 }
@@ -8031,7 +8031,7 @@ Y.prototype.download = function(e) {
   var r = this.getEnglishName("fontFamily"), t = this.getEnglishName("fontSubfamily");
   e = e || r.replace(/\s/g, "") + "-" + t + ".otf";
   var a = this.toArrayBuffer();
-  if (Pi())
+  if (Di())
     if (window.URL = window.URL || window.webkitURL, window.URL) {
       var o = new DataView(a), n = new Blob([o], { type: "font/opentype" }), s = document.createElement("a");
       s.href = window.URL.createObjectURL(n), s.download = e;
@@ -8040,7 +8040,7 @@ Y.prototype.download = function(e) {
     } else
       console.warn("Font file could not be downloaded. Try using a different browser.");
   else {
-    var i = require("fs"), c = Di(a);
+    var i = require("fs"), c = Pi(a);
     i.writeFileSync(e, c);
   }
 };
@@ -8167,7 +8167,7 @@ Ie[9] = function() {
   return { error: "GPOS Lookup 9 not supported" };
 };
 new Array(10);
-function xo(e, r) {
+function To(e, r) {
   (r == null || r > e.length) && (r = e.length);
   for (var t = 0, a = Array(r); t < r; t++) a[t] = e[t];
   return a;
@@ -8205,7 +8205,7 @@ function Xu() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function To(e, r) {
+function wo(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
@@ -8215,12 +8215,12 @@ function To(e, r) {
   }
   return t;
 }
-function wo(e) {
+function Oo(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? To(Object(t), !0).forEach(function(a) {
+    r % 2 ? wo(Object(t), !0).forEach(function(a) {
       ju(e, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : To(Object(t)).forEach(function(a) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : wo(Object(t)).forEach(function(a) {
       Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(t, a));
     });
   }
@@ -8263,9 +8263,9 @@ function Ju(e) {
 }
 function Qu(e, r) {
   if (e) {
-    if (typeof e == "string") return xo(e, r);
+    if (typeof e == "string") return To(e, r);
     var t = {}.toString.call(e).slice(8, -1);
-    return t === "Object" && e.constructor && (t = e.constructor.name), t === "Map" || t === "Set" ? Array.from(e) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? xo(e, r) : void 0;
+    return t === "Object" && e.constructor && (t = e.constructor.name), t === "Map" || t === "Set" ? Array.from(e) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? To(e, r) : void 0;
   }
 }
 function ec(e, r, t) {
@@ -8276,7 +8276,7 @@ function ec(e, r, t) {
     writable: !0
   }) : e[r] = t, e;
 }
-function Oo(e, r) {
+function Co(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
@@ -8286,12 +8286,12 @@ function Oo(e, r) {
   }
   return t;
 }
-function Co(e) {
+function Uo(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? Oo(Object(t), !0).forEach(function(a) {
+    r % 2 ? Co(Object(t), !0).forEach(function(a) {
       ec(e, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Oo(Object(t)).forEach(function(a) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Co(Object(t)).forEach(function(a) {
       Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(t, a));
     });
   }
@@ -8317,7 +8317,7 @@ function fr(e) {
     };
   };
 }
-function Jr(e) {
+function Qr(e) {
   return {}.toString.call(e).includes("Object");
 }
 function tc(e) {
@@ -8330,7 +8330,7 @@ function ac(e, r) {
   return Object.prototype.hasOwnProperty.call(e, r);
 }
 function oc(e, r) {
-  return Jr(r) || ze("changeType"), Object.keys(r).some(function(t) {
+  return Qr(r) || ze("changeType"), Object.keys(r).some(function(t) {
     return !ac(e, t);
   }) && ze("changeField"), r;
 }
@@ -8338,12 +8338,12 @@ function nc(e) {
   Sr(e) || ze("selectorType");
 }
 function sc(e) {
-  Sr(e) || Jr(e) || ze("handlerType"), Jr(e) && Object.values(e).some(function(r) {
+  Sr(e) || Qr(e) || ze("handlerType"), Qr(e) && Object.values(e).some(function(r) {
     return !Sr(r);
   }) && ze("handlersType");
 }
 function ic(e) {
-  e || ze("initialIsRequired"), Jr(e) || ze("initialType"), tc(e) && ze("initialContent");
+  e || ze("initialIsRequired"), Qr(e) || ze("initialType"), tc(e) && ze("initialContent");
 }
 function lc(e, r) {
   throw new Error(e[r] || e.default);
@@ -8358,7 +8358,7 @@ var uc = {
   changeType: "provided value of changes should be an object",
   changeField: 'it seams you want to change a field in the state which is not specified in the "initial" state',
   default: "an unknown error accured in `state-local` package"
-}, ze = fr(lc)(uc), Mr = {
+}, ze = fr(lc)(uc), Nr = {
   changes: oc,
   selector: nc,
   handler: sc,
@@ -8366,15 +8366,15 @@ var uc = {
 };
 function cc(e) {
   var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  Mr.initial(e), Mr.handler(r);
+  Nr.initial(e), Nr.handler(r);
   var t = {
     current: e
-  }, a = fr(vc)(t, r), o = fr(pc)(t), n = fr(Mr.changes)(e), s = fr(dc)(t);
+  }, a = fr(vc)(t, r), o = fr(pc)(t), n = fr(Nr.changes)(e), s = fr(dc)(t);
   function l() {
     var c = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(v) {
       return v;
     };
-    return Mr.selector(c), c(t.current);
+    return Nr.selector(c), c(t.current);
   }
   function i(c) {
     rc(a, o, n, s)(c);
@@ -8385,7 +8385,7 @@ function dc(e, r) {
   return Sr(r) ? r(e.current) : r;
 }
 function pc(e, r) {
-  return e.current = Co(Co({}, e.current), r), r;
+  return e.current = Uo(Uo({}, e.current), r), r;
 }
 function vc(e, r, t) {
   return Sr(r) ? r(e.current) : Object.keys(t).forEach(function(a) {
@@ -8415,19 +8415,19 @@ function mc(e) {
   return {}.toString.call(e).includes("Object");
 }
 function yc(e) {
-  return e || Uo("configIsRequired"), mc(e) || Uo("configType"), e.urls ? (bc(), {
+  return e || Eo("configIsRequired"), mc(e) || Eo("configType"), e.urls ? (bc(), {
     paths: {
       vs: e.urls.monacoBase
     }
   }) : e;
 }
 function bc() {
-  console.warn(hn.deprecation);
+  console.warn(gn.deprecation);
 }
 function kc(e, r) {
   throw new Error(e[r] || e.default);
 }
-var hn = {
+var gn = {
   configIsRequired: "the configuration object is required",
   configType: "the configuration object should be an object",
   default: "an unknown error accured in `@monaco-editor/loader` package",
@@ -8441,7 +8441,7 @@ var hn = {
 
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
   `
-}, Uo = gc(kc)(hn), Sc = {
+}, Eo = gc(kc)(gn), Sc = {
   config: yc
 }, xc = function() {
   for (var r = arguments.length, t = new Array(r), a = 0; a < r; a++)
@@ -8452,10 +8452,10 @@ var hn = {
     }, o);
   };
 };
-function gn(e, r) {
+function mn(e, r) {
   return Object.keys(r).forEach(function(t) {
-    r[t] instanceof Object && e[t] && Object.assign(r[t], gn(e[t], r[t]));
-  }), wo(wo({}, e), r);
+    r[t] instanceof Object && e[t] && Object.assign(r[t], mn(e[t], r[t]));
+  }), Oo(Oo({}, e), r);
 }
 var Tc = {
   type: "cancelation",
@@ -8477,12 +8477,12 @@ var wc = ["monaco"], Oc = fc.create({
   resolve: null,
   reject: null,
   monaco: null
-}), mn = Zu(Oc, 2), Ur = mn[0], rt = mn[1];
+}), yn = Zu(Oc, 2), Ur = yn[0], tt = yn[1];
 function Cc(e) {
   var r = Sc.config(e), t = r.monaco, a = $u(r, wc);
-  rt(function(o) {
+  tt(function(o) {
     return {
-      config: gn(o.config, a),
+      config: mn(o.config, a),
       monaco: t
     };
   });
@@ -8497,13 +8497,13 @@ function Uc() {
     };
   });
   if (!e.isInitialized) {
-    if (rt({
+    if (tt({
       isInitialized: !0
     }), e.monaco)
       return e.resolve(e.monaco), xt(Tt);
     if (window.monaco && window.monaco.editor)
-      return yn(window.monaco), e.resolve(window.monaco), xt(Tt);
-    xc(Ec, Lc)(Pc);
+      return bn(window.monaco), e.resolve(window.monaco), xt(Tt);
+    xc(Ec, Lc)(Dc);
   }
   return xt(Tt);
 }
@@ -8526,7 +8526,7 @@ function Lc(e) {
     return e();
   }, t.onerror = r.reject, t;
 }
-function Pc() {
+function Dc() {
   var e = Ur(function(t) {
     var a = t.config, o = t.resolve, n = t.reject;
     return {
@@ -8537,53 +8537,53 @@ function Pc() {
   }), r = window.require;
   r.config(e.config), r(["vs/editor/editor.main"], function(t) {
     var a = t.m || t;
-    yn(a), e.resolve(a);
+    bn(a), e.resolve(a);
   }, function(t) {
     e.reject(t);
   });
 }
-function yn(e) {
-  Ur().monaco || rt({
+function bn(e) {
+  Ur().monaco || tt({
     monaco: e
   });
 }
-function Dc() {
+function Pc() {
   return Ur(function(e) {
     var r = e.monaco;
     return r;
   });
 }
 var Tt = new Promise(function(e, r) {
-  return rt({
+  return tt({
     resolve: e,
     reject: r
   });
-}), Eo = {
+}), Ro = {
   config: Cc,
   init: Uc,
-  __getMonacoInstance: Dc
+  __getMonacoInstance: Pc
 };
 const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text" }, Bc = {
   key: 1,
   class: "loading-container"
-}, Ac = /* @__PURE__ */ Je({
+}, Ac = /* @__PURE__ */ Qe({
   __name: "OrderTemplateEditorForm",
   props: {
     template: {}
   },
   emits: ["update", "error"],
   setup(e, { emit: r }) {
-    const t = e, a = r, { emitData: o } = Mn(), n = Z(), s = Dn(null), l = Z(!0), i = Z(""), c = Z(!0), v = t.template ? JSON.stringify(t.template, null, 2) : "{}", u = async () => {
+    const t = e, a = r, { emitData: o } = Mn(), n = Z(), s = Pn(null), l = Z(!0), i = Z(""), c = Z(!0), v = t.template ? JSON.stringify(t.template, null, 2) : "{}", u = async () => {
       if (n.value)
         try {
-          Eo.config({
+          Ro.config({
             paths: {
               vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.52.2/min/vs"
             }
           });
-          const f = _a(await Eo.init());
-          if (await Fo(), !n.value) return;
-          s.value = _a(f.editor.create(n.value, {
+          const f = Fa(await Ro.init());
+          if (await Io(), !n.value) return;
+          s.value = Fa(f.editor.create(n.value, {
             value: v,
             language: "json",
             theme: "vs-light",
@@ -8617,7 +8617,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
       setTimeout(() => {
         u();
       }, 100), o(JSON.stringify(t.template || {}));
-    }), Do(() => {
+    }), _o(() => {
       var f;
       if (s.value)
         try {
@@ -8628,8 +8628,8 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
         } catch (h) {
           console.warn("Error disposing editor:", h), s.value = null;
         }
-    }), (f, h) => (P(), F("div", _c, [
-      !l.value && i.value && !c.value ? (P(), F("div", {
+    }), (f, h) => (D(), F("div", _c, [
+      !l.value && i.value && !c.value ? (D(), F("div", {
         key: 0,
         class: "error-banner",
         title: i.value
@@ -8637,20 +8637,20 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
         h[0] || (h[0] = d("span", { class: "error-icon" }, "⚠", -1)),
         d("span", Ic, _(i.value), 1)
       ], 8, Fc)) : X("", !0),
-      c.value ? (P(), F("div", Bc, h[1] || (h[1] = [
+      c.value ? (D(), F("div", Bc, h[1] || (h[1] = [
         d("div", { class: "loading-spinner" }, null, -1),
         d("span", { class: "loading-text" }, "Loading JSON Editor...", -1)
       ]))) : X("", !0),
       Ut(d("div", {
         ref_key: "editorContainer",
         ref: n,
-        class: _o(["editor-container", { "has-error": !l.value }])
+        class: Fo(["editor-container", { "has-error": !l.value }])
       }, null, 2), [
         [Et, !c.value]
       ])
     ]));
   }
-}), jt = /* @__PURE__ */ Ao(Ac, [["__scopeId", "data-v-5f3f5512"]]), Mc = { class: "flex items-center gap-12" }, Nc = { class: "p-12 flex items-center gap-4" }, Ro = /* @__PURE__ */ Je({
+}), jt = /* @__PURE__ */ Mo(Ac, [["__scopeId", "data-v-5f3f5512"]]), Mc = { class: "flex items-center gap-12" }, Nc = { class: "p-12 flex items-center gap-4" }, Lo = /* @__PURE__ */ Qe({
   __name: "OrderTemplateEditorButton",
   props: {
     switchLabel: {},
@@ -8699,15 +8699,15 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
     }
     return (c, v) => {
       const u = oe("FmSwitch"), f = oe("FmButton");
-      return P(), F("div", Mc, [
+      return D(), F("div", Mc, [
         d("div", Nc, [
-          w(u, {
+          T(u, {
             "model-value": s.value,
             "onUpdate:modelValue": l,
             label: c.switchLabel || "Custom Template"
           }, null, 8, ["model-value", "label"])
         ]),
-        w(f, {
+        T(f, {
           variant: "secondary",
           label: "Edit",
           disabled: !s.value,
@@ -8716,7 +8716,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
       ]);
     };
   }
-}), Gc = { class: "space-y-12" }, Hc = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, Vc = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Nr = /* @__PURE__ */ Je({
+}), Gc = { class: "space-y-12" }, Hc = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, Vc = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Gr = /* @__PURE__ */ Qe({
   __name: "LayoutTemplateSection",
   props: {
     title: {},
@@ -8727,10 +8727,10 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
     const r = e;
     return (t, a) => {
       const o = oe("FmSnackbar");
-      return P(), F("div", Gc, [
+      return D(), F("div", Gc, [
         d("div", Hc, _(r.title), 1),
         d("div", Vc, _(r.description), 1),
-        r.warning ? (P(), De(o, {
+        r.warning ? (D(), Pe(o, {
           key: 0,
           variant: "warning",
           description: r.warning
@@ -8751,25 +8751,25 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
 }, Zc = { class: "flex-1" }, Kc = { class: "flex items-center gap-8" }, Jc = { class: "fm-typo-en-body-sm-600" }, Qc = { class: "fm-typo-en-body-xs-400 text-fm-color-typo-tertiary" }, ed = {
   key: 0,
   class: "fm-typo-en-body-xs-400 text-fm-color-typo-secondary mt-4"
-}, rd = { class: "flex items-center gap-8" }, Lo = /* @__PURE__ */ Je({
+}, rd = { class: "flex items-center gap-8" }, Do = /* @__PURE__ */ Qe({
   __name: "TemplateVersionHistory",
   props: {
     target: {}
   },
   emits: ["restored"],
   setup(e, { expose: r, emit: t }) {
-    const a = e, o = t, n = Io(), s = Bt(), l = At(), i = Z(!1), c = Z(0), v = Z([]);
+    const a = e, o = t, n = Bo(), s = Bt(), l = At(), i = Z(!1), c = Z(0), v = Z([]);
     async function u() {
       var S;
       if ((S = n.currentBusiness.value) != null && S._id) {
         i.value = !0;
         try {
-          const k = await zr.getTemplateHistory(
+          const k = await Wr.getTemplateHistory(
             n.currentBusiness.value._id,
             a.target
           );
           c.value = k.currentVersion, v.value = k.templateHistory.sort(
-            (T, D) => D.version - T.version
+            (w, P) => P.version - w.version
           );
         } catch (k) {
           console.error("Failed to load template history:", k);
@@ -8793,7 +8793,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
         }
       }).onPrimary(async () => {
         try {
-          const T = await zr.restoreTemplateVersion(
+          const w = await Wr.restoreTemplateVersion(
             n.currentBusiness.value._id,
             a.target,
             S.version
@@ -8801,7 +8801,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
           l.open({
             type: "success",
             message: `Template restored to version ${S.version}`
-          }), o("restored", T.data.restoredTemplate), s.close(), await u();
+          }), o("restored", w.data.restoredTemplate), s.close(), await u();
         } catch {
           l.open({
             type: "error",
@@ -8841,7 +8841,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
         }
       }).onPrimary(async () => {
         try {
-          await zr.clearTemplateHistory(
+          await Wr.clearTemplateHistory(
             n.currentBusiness.value._id,
             a.target
           ), l.open({
@@ -8861,12 +8861,12 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
     }), r({
       loadHistory: u
     }), (S, k) => {
-      const T = oe("FmButton"), D = oe("FmSpinner");
-      return P(), F("div", zc, [
+      const w = oe("FmButton"), P = oe("FmSpinner");
+      return D(), F("div", zc, [
         d("div", Wc, [
           k[0] || (k[0] = d("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, " Version History ", -1)),
           d("div", jc, [
-            v.value.length > 0 ? (P(), De(T, {
+            v.value.length > 0 ? (D(), Pe(w, {
               key: 0,
               variant: "plain",
               label: "Clear",
@@ -8875,12 +8875,12 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
             d("div", qc, " Current: v" + _(c.value), 1)
           ])
         ]),
-        i.value ? (P(), F("div", Xc, [
-          w(D, { size: "sm" })
-        ])) : v.value.length === 0 ? (P(), F("div", $c, k[1] || (k[1] = [
+        i.value ? (D(), F("div", Xc, [
+          T(P, { size: "sm" })
+        ])) : v.value.length === 0 ? (D(), F("div", $c, k[1] || (k[1] = [
           d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, " No previous versions available ", -1)
-        ]))) : (P(), F("div", Yc, [
-          (P(!0), F(Ye, null, hr(v.value, (C) => (P(), F("div", {
+        ]))) : (D(), F("div", Yc, [
+          (D(!0), F(Ze, null, hr(v.value, (C) => (D(), F("div", {
             key: C.version,
             class: "flex items-center justify-between p-12 rounded-lg border border-fm-color-neutral-gray-100 hover:bg-fm-color-neutral-gray-50 transition-colors"
           }, [
@@ -8889,15 +8889,15 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                 d("span", Jc, "v" + _(C.version), 1),
                 d("span", Qc, _(b(Nn)(C.createdAt).format("MMM D, YYYY h:mm A")), 1)
               ]),
-              C.description ? (P(), F("div", ed, _(C.description), 1)) : X("", !0)
+              C.description ? (D(), F("div", ed, _(C.description), 1)) : X("", !0)
             ]),
             d("div", rd, [
-              w(T, {
+              T(w, {
                 variant: "plain",
                 label: "Preview",
                 onClick: (q) => h(C)
               }, null, 8, ["onClick"]),
-              w(T, {
+              T(w, {
                 variant: "secondary",
                 label: "Restore",
                 onClick: (q) => f(C)
@@ -8908,7 +8908,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
       ]);
     };
   }
-}), td = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ad = { class: "space-y-16 max-h-[70vh] overflow-y-auto" }, od = { class: "flex items-center justify-between px-16 py-12 border-b border-fm-color-neutral-gray-100" }, nd = { class: "flex flex-col gap-4" }, sd = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, id = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ld = { class: "w-full flex justify-end gap-8" }, wt = /* @__PURE__ */ Je({
+}), td = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ad = { class: "space-y-16 max-h-[70vh] overflow-y-auto" }, od = { class: "flex items-center justify-between px-16 py-12 border-b border-fm-color-neutral-gray-100" }, nd = { class: "flex flex-col gap-4" }, sd = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, id = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ld = { class: "w-full flex justify-end gap-8" }, wt = /* @__PURE__ */ Qe({
   __name: "ColorOverrideDialog",
   props: {
     modelValue: { type: Boolean },
@@ -8920,7 +8920,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
   },
   emits: ["update:modelValue", "save", "cancel"],
   setup(e, { emit: r }) {
-    const t = e, a = r, { t: o } = Bo(), n = me({
+    const t = e, a = r, { t: o } = Ao(), n = me({
       get: () => t.modelValue,
       set: (U) => a("update:modelValue", U)
     }), s = Z({}), l = () => JSON.parse(JSON.stringify(t.value ?? {})), i = () => {
@@ -8987,9 +8987,9 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
       u(s.value, U, h(U));
     }, k = (U) => {
       u(s.value, U, h(U));
-    }, T = (U, I) => {
+    }, w = (U, I) => {
       u(s.value, U, I);
-    }, D = (U) => c(s.value, U) !== void 0, C = () => {
+    }, P = (U) => c(s.value, U) !== void 0, C = () => {
       i(), a("cancel"), n.value = !1;
     }, q = () => {
       const U = v(s.value);
@@ -8997,7 +8997,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
     };
     return (U, I) => {
       const V = oe("FmSwitch"), A = oe("FmButton"), j = oe("FmDialog");
-      return P(), De(j, {
+      return D(), Pe(j, {
         modelValue: n.value,
         "onUpdate:modelValue": I[0] || (I[0] = (H) => n.value = H),
         "max-width": 720
@@ -9007,12 +9007,12 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
         ]),
         "dialog-footer": Te(() => [
           d("div", ld, [
-            w(A, {
+            T(A, {
               variant: "secondary",
               label: b(o)("brand.brandkit.ordering.colorOverride.close"),
               onClick: C
             }, null, 8, ["label"]),
-            w(A, {
+            T(A, {
               label: b(o)("brand.brandkit.ordering.colorOverride.save"),
               onClick: q
             }, null, 8, ["label"])
@@ -9020,7 +9020,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
         ]),
         default: Te(() => [
           d("div", ad, [
-            (P(!0), F(Ye, null, hr(U.colorFields, (H) => (P(), F("div", {
+            (D(!0), F(Ze, null, hr(U.colorFields, (H) => (D(), F("div", {
               key: H.key,
               class: "border border-fm-color-neutral-gray-100 rounded-lg overflow-hidden"
             }, [
@@ -9029,20 +9029,20 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                   d("div", sd, _(H.title), 1),
                   d("div", id, _(H.description), 1)
                 ]),
-                w(V, {
-                  "model-value": D(H.key),
+                T(V, {
+                  "model-value": P(H.key),
                   "onUpdate:modelValue": ($) => S(H.key, $)
                 }, null, 8, ["model-value", "onUpdate:modelValue"])
               ]),
               d("div", {
-                class: _o(["px-16 py-12", {
-                  "opacity-50 pointer-events-none": !D(H.key)
+                class: Fo(["px-16 py-12", {
+                  "opacity-50 pointer-events-none": !P(H.key)
                 }])
               }, [
-                w(ye, {
+                T(ye, {
                   "initial-color": h(H.key),
                   color: x(H.key),
-                  onUpdate: ($) => T(H.key, $),
+                  onUpdate: ($) => w(H.key, $),
                   onRemove: ($) => k(H.key),
                   title: H.title,
                   description: H.description
@@ -9055,16 +9055,16 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
       }, 8, ["modelValue"]);
     };
   }
-}), ud = { class: "p-24 h-full w-full flex flex-col bg-fm-color-neutral-white overflow-scroll" }, cd = { class: "flex items-center justify-between mb-[20px]" }, dd = { class: "fm-typo-en-title-md-600" }, pd = { class: "flex items-center gap-8" }, vd = { class: "fm-typo-en-title-sm-600 flex items-center justify-between bg-fm-color-neutral-gray-100 py-12 px-24" }, fd = { class: "overflow-hidden" }, hd = { class: "w-full mt-12" }, gd = { class: "flex items-center justify-end gap-8" }, md = { class: "rounded-lg overflow-hidden mt-12 border border-fm-color-neutral-gray-100" }, yd = { class: "py-12 px-24 bg-fm-color-neutral-gray-100" }, bd = { class: "fm-typo-en-body-lg-600" }, kd = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Sd = { class: "py-12 px-24 flex flex-col gap-12" }, xd = { class: "rounded-lg overflow-hidden mt-12 border border-fm-color-neutral-gray-100" }, Td = { class: "py-12 px-24 bg-fm-color-neutral-gray-100" }, wd = { class: "fm-typo-en-body-lg-600" }, Od = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Cd = { class: "py-12 px-24 flex flex-col gap-12" }, Ud = { class: "rounded-lg overflow-hidden mt-12 border border-fm-color-neutral-gray-100" }, Ed = { class: "py-12 px-24 bg-fm-color-neutral-gray-100" }, Rd = { class: "fm-typo-en-body-lg-600" }, Ld = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pd = { class: "py-12 px-24 flex flex-col gap-12" }, Dd = { class: "rounded-lg overflow-hidden mt-12 border border-fm-color-neutral-gray-100" }, _d = { class: "py-12 px-24 bg-fm-color-neutral-gray-100" }, Fd = { class: "fm-typo-en-body-lg-600" }, Id = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Bd = { class: "py-12 px-24 flex flex-col gap-12" }, Ad = { class: "fm-typo-en-title-sm-600 flex items-center justify-between bg-fm-color-neutral-gray-100 py-12 px-24" }, Md = { class: "overflow-hidden" }, Nd = { class: "w-full mt-12" }, Gd = { class: "flex items-center justify-end gap-8" }, Hd = { class: "rounded-lg overflow-hidden mt-12 border border-fm-color-neutral-gray-100" }, Vd = { class: "py-12 px-24 space-y-16" }, zd = { class: "flex items-end gap-12 flex-col lg:flex-row" }, Wd = { class: "w-full flex-1" }, jd = {
+}), ud = { class: "p-24 h-full w-full flex flex-col bg-fm-color-neutral-white overflow-scroll" }, cd = { class: "flex items-center justify-between mb-[20px]" }, dd = { class: "fm-typo-en-title-md-600" }, pd = { class: "flex items-center gap-8" }, vd = { class: "fm-typo-en-title-sm-600 flex items-center justify-between bg-fm-color-neutral-gray-100 py-12 px-24" }, fd = { class: "overflow-hidden" }, hd = { class: "w-full mt-12" }, gd = { class: "flex items-center justify-end gap-8" }, md = { class: "rounded-lg overflow-hidden mt-12 border border-fm-color-neutral-gray-100" }, yd = { class: "py-12 px-24 bg-fm-color-neutral-gray-100" }, bd = { class: "fm-typo-en-body-lg-600" }, kd = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Sd = { class: "py-12 px-24 flex flex-col gap-12" }, xd = { class: "rounded-lg overflow-hidden mt-12 border border-fm-color-neutral-gray-100" }, Td = { class: "py-12 px-24 bg-fm-color-neutral-gray-100" }, wd = { class: "fm-typo-en-body-lg-600" }, Od = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Cd = { class: "py-12 px-24 flex flex-col gap-12" }, Ud = { class: "rounded-lg overflow-hidden mt-12 border border-fm-color-neutral-gray-100" }, Ed = { class: "py-12 px-24 bg-fm-color-neutral-gray-100" }, Rd = { class: "fm-typo-en-body-lg-600" }, Ld = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Dd = { class: "py-12 px-24 flex flex-col gap-12" }, Pd = { class: "rounded-lg overflow-hidden mt-12 border border-fm-color-neutral-gray-100" }, _d = { class: "py-12 px-24 bg-fm-color-neutral-gray-100" }, Fd = { class: "fm-typo-en-body-lg-600" }, Id = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Bd = { class: "py-12 px-24 flex flex-col gap-12" }, Ad = { class: "fm-typo-en-title-sm-600 flex items-center justify-between bg-fm-color-neutral-gray-100 py-12 px-24" }, Md = { class: "overflow-hidden" }, Nd = { class: "w-full mt-12" }, Gd = { class: "flex items-center justify-end gap-8" }, Hd = { class: "rounded-lg overflow-hidden mt-12 border border-fm-color-neutral-gray-100" }, Vd = { class: "py-12 px-24 space-y-16" }, zd = { class: "flex items-end gap-12 flex-col lg:flex-row" }, Wd = { class: "w-full flex-1" }, jd = {
   key: 0,
   class: "flex flex-col gap-12"
 }, qd = { class: "w-full flex-1" }, Xd = {
   key: 1,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, $d = { class: "fm-typo-en-title-sm-600 flex items-center justify-between bg-fm-color-neutral-gray-100 py-12 px-24" }, Yd = { class: "overflow-hidden" }, Zd = { class: "w-full mt-12" }, Kd = { class: "flex items-center justify-end gap-8" }, Jd = { class: "rounded-lg overflow-hidden mt-12 border border-fm-color-neutral-gray-100" }, Qd = { class: "py-12 px-24 bg-fm-color-neutral-gray-100" }, ep = { class: "fm-typo-en-body-lg-600" }, rp = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, tp = { class: "grid grid-cols-1 lg:grid-cols-2 gap-24 mt-12" }, ap = { class: "rounded-lg overflow-hidden border border-fm-color-neutral-gray-100" }, op = { class: "py-16 px-24 bg-fm-color-secondary-50 border-b border-fm-color-neutral-gray-100" }, np = { class: "flex items-center gap-12 mb-8" }, sp = { class: "inline-flex items-center justify-center w-10 h-10 bg-fm-color-secondary-100 rounded-full" }, ip = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, lp = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, up = { class: "px-24 py-24" }, cp = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, dp = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, pp = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12 flex items-center justify-between" }, vp = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, fp = { class: "px-24 py-12" }, hp = { class: "space-y-12" }, gp = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, mp = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, yp = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12" }, bp = { class: "px-24 py-12" }, kp = { class: "space-y-12" }, Sp = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, xp = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Tp = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12" }, wp = { class: "px-24 py-12" }, Op = { class: "space-y-12" }, Cp = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, Up = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ep = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12" }, Rp = { class: "py-12 px-24" }, Lp = { class: "py-12 px-24" }, Pp = {
+}, $d = { class: "fm-typo-en-title-sm-600 flex items-center justify-between bg-fm-color-neutral-gray-100 py-12 px-24" }, Yd = { class: "overflow-hidden" }, Zd = { class: "w-full mt-12" }, Kd = { class: "flex items-center justify-end gap-8" }, Jd = { class: "rounded-lg overflow-hidden mt-12 border border-fm-color-neutral-gray-100" }, Qd = { class: "py-12 px-24 bg-fm-color-neutral-gray-100" }, ep = { class: "fm-typo-en-body-lg-600" }, rp = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, tp = { class: "grid grid-cols-1 lg:grid-cols-2 gap-24 mt-12" }, ap = { class: "rounded-lg overflow-hidden border border-fm-color-neutral-gray-100" }, op = { class: "py-16 px-24 bg-fm-color-secondary-50 border-b border-fm-color-neutral-gray-100" }, np = { class: "flex items-center gap-12 mb-8" }, sp = { class: "inline-flex items-center justify-center w-10 h-10 bg-fm-color-secondary-100 rounded-full" }, ip = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, lp = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, up = { class: "px-24 py-24" }, cp = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, dp = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, pp = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12 flex items-center justify-between" }, vp = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, fp = { class: "px-24 py-12" }, hp = { class: "space-y-12" }, gp = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, mp = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, yp = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12" }, bp = { class: "px-24 py-12" }, kp = { class: "space-y-12" }, Sp = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, xp = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Tp = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12" }, wp = { class: "px-24 py-12" }, Op = { class: "space-y-12" }, Cp = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, Up = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ep = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12" }, Rp = { class: "py-12 px-24" }, Lp = { class: "py-12 px-24" }, Dp = {
   key: 0,
   class: "space-y-12"
-}, Dp = { class: "flex items-start gap-12 flex-col lg:flex-row" }, _p = { class: "w-full flex-1" }, Fp = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12 flex flex-col gap-8" }, Ip = { class: "flex items-center justify-between gap-8 flex-col lg:flex-row" }, Bp = { class: "bg-white border border-fm-color-neutral-gray-100 rounded p-12 text-xs whitespace-pre-wrap break-words" }, Ap = {
+}, Pp = { class: "flex items-start gap-12 flex-col lg:flex-row" }, _p = { class: "w-full flex-1" }, Fp = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12 flex flex-col gap-8" }, Ip = { class: "flex items-center justify-between gap-8 flex-col lg:flex-row" }, Bp = { class: "bg-white border border-fm-color-neutral-gray-100 rounded p-12 text-xs whitespace-pre-wrap break-words" }, Ap = {
   key: 1,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary border border-dashed border-fm-color-neutral-gray-100 rounded-lg p-12"
 }, Mp = { class: "rounded-lg overflow-hidden border border-fm-color-neutral-gray-100" }, Np = { class: "py-16 px-24 bg-fm-color-primary-50 border-b border-fm-color-neutral-gray-100" }, Gp = { class: "flex items-center gap-12 mb-8" }, Hp = { class: "inline-flex items-center justify-center w-10 h-10 bg-fm-color-primary-100 rounded-full" }, Vp = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, zp = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Wp = { class: "px-24 py-24" }, jp = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, qp = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Xp = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12 flex items-center justify-between" }, $p = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Yp = { class: "py-12 px-24" }, Zp = { class: "space-y-12" }, Kp = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, Jp = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Qp = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12" }, ev = { class: "py-12 px-24" }, rv = { class: "space-y-12" }, tv = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, av = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ov = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12" }, nv = { class: "py-12 px-24" }, sv = { class: "space-y-12" }, iv = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, lv = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, uv = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12 flex items-center justify-between" }, cv = { class: "py-12 px-24" }, dv = { class: "py-12 px-24" }, pv = {
@@ -9073,7 +9073,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
 }, vv = { class: "flex items-start gap-12 flex-col lg:flex-row" }, fv = { class: "w-full flex-1" }, hv = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12 flex flex-col gap-8" }, gv = { class: "flex items-center justify-between gap-8 flex-col lg:flex-row" }, mv = { class: "bg-white border border-fm-color-neutral-gray-100 rounded p-12 text-xs whitespace-pre-wrap break-words" }, yv = {
   key: 1,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary border border-dashed border-fm-color-neutral-gray-100 rounded-lg p-12"
-}, bv = { class: "mt-12 grid grid-cols-1 items-start gap-24 lg:grid-cols-2" }, kv = { class: "min-w-0 space-y-24" }, Sv = { class: "grid grid-cols-1 gap-24 2xl:grid-cols-2" }, xv = { class: "rounded-lg overflow-hidden border border-fm-color-neutral-gray-100" }, Tv = { class: "py-16 px-24 bg-fm-color-secondary-50 border-b border-fm-color-neutral-gray-100" }, wv = { class: "flex items-center gap-12 mb-8" }, Ov = { class: "inline-flex items-center justify-center w-10 h-10 bg-fm-color-secondary-100 rounded-full" }, Cv = { class: "px-24 py-12" }, Uv = { class: "flex items-center justify-end gap-8" }, Ev = { class: "px-24 py-12" }, Rv = { class: "space-y-12" }, Lv = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12 flex items-center justify-between" }, Pv = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Dv = { class: "px-24 py-12" }, _v = { class: "space-y-12" }, Fv = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12" }, Iv = {
+}, bv = { class: "mt-12 grid grid-cols-1 items-start gap-24 lg:grid-cols-2" }, kv = { class: "min-w-0 space-y-24" }, Sv = { class: "grid grid-cols-1 gap-24 2xl:grid-cols-2" }, xv = { class: "rounded-lg overflow-hidden border border-fm-color-neutral-gray-100" }, Tv = { class: "py-16 px-24 bg-fm-color-secondary-50 border-b border-fm-color-neutral-gray-100" }, wv = { class: "flex items-center gap-12 mb-8" }, Ov = { class: "inline-flex items-center justify-center w-10 h-10 bg-fm-color-secondary-100 rounded-full" }, Cv = { class: "px-24 py-12" }, Uv = { class: "flex items-center justify-end gap-8" }, Ev = { class: "px-24 py-12" }, Rv = { class: "space-y-12" }, Lv = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12 flex items-center justify-between" }, Dv = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Pv = { class: "px-24 py-12" }, _v = { class: "space-y-12" }, Fv = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12" }, Iv = {
   key: 0,
   class: "px-24 py-12"
 }, Bv = { class: "space-y-12" }, Av = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12" }, Mv = {
@@ -9088,49 +9088,52 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
 }, jv = { class: "space-y-12" }, qv = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12 flex items-center justify-between" }, Xv = {
   key: 4,
   class: "px-24 py-12"
-}, $v = { class: "space-y-12" }, Yv = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12 flex items-center justify-between" }, Zv = { class: "rounded-lg overflow-hidden border border-fm-color-neutral-gray-100" }, Kv = { class: "py-16 px-24 bg-fm-color-primary-50 border-b border-fm-color-neutral-gray-100" }, Jv = { class: "flex items-center gap-12 mb-8" }, Qv = { class: "inline-flex items-center justify-center w-10 h-10 bg-fm-color-primary-100 rounded-full" }, ef = { class: "px-24 py-12" }, rf = { class: "flex items-center justify-end gap-8" }, tf = { class: "px-24 py-12" }, af = { class: "space-y-12" }, of = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12 space-y-12" }, nf = { class: "flex flex-wrap gap-12" }, sf = {
+}, $v = { class: "space-y-12" }, Yv = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12 flex items-center justify-between" }, Zv = {
+  key: 5,
+  class: "px-24 py-12"
+}, Kv = { class: "space-y-12" }, Jv = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12 flex items-center justify-between" }, Qv = { class: "rounded-lg overflow-hidden border border-fm-color-neutral-gray-100" }, ef = { class: "py-16 px-24 bg-fm-color-primary-50 border-b border-fm-color-neutral-gray-100" }, rf = { class: "flex items-center gap-12 mb-8" }, tf = { class: "inline-flex items-center justify-center w-10 h-10 bg-fm-color-primary-100 rounded-full" }, af = { class: "px-24 py-12" }, of = { class: "flex items-center justify-end gap-8" }, nf = { class: "px-24 py-12" }, sf = { class: "space-y-12" }, lf = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12 space-y-12" }, uf = { class: "flex flex-wrap gap-12" }, cf = {
   key: 0,
   class: "relative"
-}, lf = { class: "w-full h-[160px] border border-fm-color-neutral-gray-200 rounded-lg overflow-hidden bg-fm-color-neutral-white" }, uf = ["src"], cf = {
+}, df = { class: "w-full h-[160px] border border-fm-color-neutral-gray-200 rounded-lg overflow-hidden bg-fm-color-neutral-white" }, pf = ["src"], vf = {
   key: 0,
   class: "mt-8 flex items-center gap-8"
-}, df = {
+}, ff = {
   key: 2,
   class: "text-center"
-}, pf = {
+}, hf = {
   key: 3,
   class: "rounded-lg border border-dashed border-fm-color-neutral-gray-200 bg-white px-16 py-16"
-}, vf = {
+}, gf = {
   key: 4,
   class: "rounded-lg border border-dashed border-fm-color-neutral-gray-200 bg-white px-16 py-16"
-}, ff = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, hf = { class: "px-24 py-12" }, gf = { class: "space-y-12" }, mf = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12 space-y-12" }, yf = { class: "flex flex-wrap gap-12" }, bf = {
+}, mf = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, yf = { class: "px-24 py-12" }, bf = { class: "space-y-12" }, kf = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12 space-y-12" }, Sf = { class: "flex flex-wrap gap-12" }, xf = {
   key: 0,
   class: "rounded-lg border border-dashed border-fm-color-neutral-gray-200 bg-white px-16 py-16"
-}, kf = {
+}, Tf = {
   key: 0,
   class: "relative"
-}, Sf = { class: "w-full h-[160px] border border-fm-color-neutral-gray-200 rounded-lg overflow-hidden bg-fm-color-neutral-white" }, xf = ["src"], Tf = {
+}, wf = { class: "w-full h-[160px] border border-fm-color-neutral-gray-200 rounded-lg overflow-hidden bg-fm-color-neutral-white" }, Of = ["src"], Cf = {
   key: 0,
   class: "mt-8 flex items-center gap-8"
-}, wf = {
+}, Uf = {
   key: 2,
   class: "text-center"
-}, Of = {
+}, Ef = {
   key: 3,
   class: "rounded-lg border border-dashed border-fm-color-neutral-gray-200 bg-white px-16 py-16"
-}, Cf = {
+}, Rf = {
   key: 4,
   class: "grid grid-cols-1 lg:grid-cols-2 gap-12"
-}, Uf = { class: "px-24 py-12" }, Ef = { class: "space-y-12" }, Rf = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12" }, Lf = {
+}, Lf = { class: "px-24 py-12" }, Df = { class: "space-y-12" }, Pf = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12" }, _f = {
   key: 0,
   class: "px-24 py-12"
-}, Pf = { class: "space-y-12" }, Df = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12" }, _f = { class: "min-w-0 lg:sticky lg:top-24" }, Ff = { class: "overflow-hidden rounded-lg border border-fm-color-neutral-gray-100 bg-white" }, If = { class: "border-b border-fm-color-neutral-gray-100 bg-fm-color-neutral-gray-50 px-24 py-16" }, Bf = { class: "flex flex-col gap-12 lg:flex-row lg:items-start lg:justify-between" }, Af = { class: "flex flex-wrap items-center gap-8" }, Mf = { class: "bg-fm-color-neutral-gray-50 p-16" }, Nf = ["src"], Gf = {
+}, Ff = { class: "space-y-12" }, If = { class: "bg-fm-color-neutral-gray-50 rounded-lg p-12" }, Bf = { class: "min-w-0 lg:sticky lg:top-24" }, Af = { class: "overflow-hidden rounded-lg border border-fm-color-neutral-gray-100 bg-white" }, Mf = { class: "border-b border-fm-color-neutral-gray-100 bg-fm-color-neutral-gray-50 px-24 py-16" }, Nf = { class: "flex flex-col gap-12 lg:flex-row lg:items-start lg:justify-between" }, Gf = { class: "flex flex-wrap items-center gap-8" }, Hf = { class: "bg-fm-color-neutral-gray-50 p-16" }, Vf = ["src"], zf = {
   key: 1,
   class: "flex h-[320px] items-center justify-center rounded-[16px] border border-dashed border-fm-color-neutral-gray-200 bg-white px-24 text-center"
-}, Gr = 1920, Hr = 1080, Vr = "/images/feedme-bg.png", Ot = "/images/feedme-bg-left-image.png", Hf = /* @__PURE__ */ Je({
+}, Hr = 1920, Vr = 1080, zr = "/images/feedme-bg.png", Ot = "/images/feedme-bg-left-image.png", Wf = /* @__PURE__ */ Qe({
   __name: "BrandkitView",
   setup(e) {
-    const { t: r } = Bo(), t = Z(null), a = Z(null), o = Io(), n = Bn(), s = An(), l = Bt(), i = At(), c = me(() => ({
+    const { t: r } = Ao(), t = Z(null), a = Z(null), o = Bo(), n = Bn(), s = An(), l = Bt(), i = At(), c = me(() => ({
       category: [
         {
           label: r("brand.brandkit.ordering.vertical"),
@@ -9247,18 +9250,18 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
       snackbar: !0
     }), x = Z(null), S = Z(1);
     let k = null;
-    const T = Z(""), D = me(
+    const w = Z(""), P = me(
       () => u.value.fontFamilies ?? []
     ), C = () => {
       u.value.fontFamilies || (u.value.fontFamilies = []);
     }, q = () => {
-      const g = T.value.trim();
+      const g = w.value.trim();
       if (!g) return;
       C();
       const p = u.value.fontFamilies.findIndex(
         (O) => O.stylesheet === g
       );
-      p !== -1 ? u.value.fontFamilies[p].stylesheet = g : u.value.fontFamilies.push({ stylesheet: g }), T.value = "";
+      p !== -1 ? u.value.fontFamilies[p].stylesheet = g : u.value.fontFamilies.push({ stylesheet: g }), w.value = "";
     }, U = (g, p) => {
       var O;
       C(), (O = u.value.fontFamilies) != null && O[g] && (u.value.fontFamilies[g].stylesheet = p);
@@ -9266,7 +9269,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
       var p;
       (p = u.value.fontFamilies) == null || p.splice(g, 1);
     }, V = () => {
-      u.value.fontFamilies = [], T.value = "";
+      u.value.fontFamilies = [], w.value = "";
     }, A = Z(!1), j = Z(!1), H = me(
       () => {
         var g, p;
@@ -9314,8 +9317,8 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
       }).onPrimary((ve) => {
         if (ve)
           try {
-            const ge = JSON.parse(ve);
-            u.value.layout[g].plugins[p].pluginParams = ge, l.close();
+            const Se = JSON.parse(ve);
+            u.value.layout[g].plugins[p].pluginParams = Se, l.close();
           } catch {
             i.open({
               type: "error",
@@ -9337,7 +9340,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
       var O;
       const p = ((O = u.value.ordering) == null ? void 0 : O[g].brandkitOverride) ?? {};
       return v.value.reduce((W, ve) => W + (K(p, ve.key) !== void 0 ? 1 : 0), 0);
-    }, Qe = (g, p) => {
+    }, er = (g, p) => {
       var O;
       re(g), p ? u.value.ordering[g].brandkitOverride = p : (O = u.value.ordering) != null && O[g] && delete u.value.ordering[g].brandkitOverride;
     }, lr = {
@@ -9346,8 +9349,9 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
       statusSlidingPeriod: 1e4,
       showProgressBar: !0,
       statusColumnCount: 2,
-      showDeliveryIcons: !0
-    }, Pe = {
+      showDeliveryIcons: !0,
+      showOrderTypeTabs: !0
+    }, De = {
       background: {
         url: "/images/feedme-bg.png",
         size: "cover",
@@ -9359,17 +9363,17 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
         widthPercent: 33
       }
     }, ur = (g) => g ? {
-      ...Pe,
+      ...De,
       ...g,
-      background: g.background === void 0 ? Pe.background : g.background,
-      sidePanel: g.sidePanel === void 0 ? Pe.sidePanel : g.sidePanel
-    } : Pe, Be = () => {
+      background: g.background === void 0 ? De.background : g.background,
+      sidePanel: g.sidePanel === void 0 ? De.sidePanel : g.sidePanel
+    } : De, Be = () => {
       u.value.ods || (u.value.ods = {});
-    }, er = () => {
+    }, rr = () => {
       Be(), u.value.ods.display || (u.value.ods.display = { ...lr });
     }, qe = () => {
       Be(), u.value.ods.layout || (u.value.ods.layout = {});
-    }, xe = me(() => {
+    }, ge = me(() => {
       var g;
       return {
         ...lr,
@@ -9380,43 +9384,43 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
         var g;
         return ur((g = u.value.ods) == null ? void 0 : g.layout);
       }
-    ), tt = [
+    ), at = [
       { label: "Status", value: "status" },
       { label: "Type", value: "type" }
-    ], at = [
+    ], ot = [
       { label: "Horizontal", value: "horizontal" },
       { label: "Vertical", value: "vertical" }
-    ], ot = [
+    ], nt = [
       { label: "1", value: 1 },
       { label: "2", value: 2 },
       { label: "3", value: 3 }
-    ], nt = [
+    ], st = [
       { label: "Left", value: "left" },
       { label: "Center", value: "center" },
       { label: "Right", value: "right" }
-    ], st = [
+    ], it = [
       { label: "Left", value: "left" },
       { label: "Right", value: "right" }
-    ], rr = (g, p) => {
-      er(), u.value.ods.display[g] = p;
+    ], Xe = (g, p) => {
+      rr(), u.value.ods.display[g] = p;
     }, qt = (g, p) => {
       qe(), u.value.ods.layout[g] = p;
-    }, bn = () => {
-      Be(), u.value.ods.display = { ...lr };
     }, kn = () => {
-      Be(), u.value.ods.layout = void 0, it(), ut();
-    }, Er = Z(null), cr = Z(!1), ae = Z("default"), Xt = (g = Vr) => ({
+      Be(), u.value.ods.display = { ...lr };
+    }, Sn = () => {
+      Be(), u.value.ods.layout = void 0, lt(), ct();
+    }, Er = Z(null), cr = Z(!1), ae = Z("default"), Xt = (g = zr) => ({
       url: g,
       size: "cover",
       position: "center"
-    }), it = () => {
+    }), lt = () => {
       var p, O;
       const g = (O = (p = u.value.ods) == null ? void 0 : p.layout) == null ? void 0 : O.background;
       if (g === null) {
         ae.value = "disable";
         return;
       }
-      if (!g || g.url === Vr) {
+      if (!g || g.url === zr) {
         ae.value = "default";
         return;
       }
@@ -9435,7 +9439,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
         u.value.ods.layout.background = W && W !== null ? W : Xt(), ae.value = "custom";
         return;
       }
-      const p = g === "left" ? Ot : Vr, O = u.value.ods.layout.background;
+      const p = g === "left" ? Ot : zr, O = u.value.ods.layout.background;
       u.value.ods.layout.background = {
         ...O && O !== null ? O : Xt(p),
         url: p
@@ -9443,14 +9447,14 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
     }, $t = me(() => {
       var p, O, W;
       const g = (W = (O = (p = u.value.ods) == null ? void 0 : p.layout) == null ? void 0 : O.background) == null ? void 0 : W.url;
-      return !!g && g !== Vr && g !== Ot;
+      return !!g && g !== zr && g !== Ot;
     }), Yt = async (g) => {
       var p, O;
       cr.value = !0;
       try {
-        const W = `ods/background/${Aa()}.${g.name.split(".").pop()}`, ve = await Ia.uploadImage(o.currentBusiness.value._id, W, g), ge = Ba(`https://image.feedmedev.cc/business/${o.currentBusiness.value._id}/${ve.imagePath}`);
+        const W = `ods/background/${Ma()}.${g.name.split(".").pop()}`, ve = await Ba.uploadImage(o.currentBusiness.value._id, W, g), Se = Aa(`https://image.feedmedev.cc/business/${o.currentBusiness.value._id}/${ve.imagePath}`);
         qe(), u.value.ods.layout.background = {
-          url: ge,
+          url: Se,
           size: ((p = u.value.ods.layout.background) == null ? void 0 : p.size) ?? "cover",
           position: ((O = u.value.ods.layout.background) == null ? void 0 : O.position) ?? "center"
         }, ae.value = "custom";
@@ -9461,7 +9465,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
       var p, O, W;
       dr.value = !0;
       try {
-        const ve = `ods/sidepanel/${Aa()}.${g.name.split(".").pop()}`, ge = await Ia.uploadImage(o.currentBusiness.value._id, ve, g), tr = Ba(`https://image.feedmedev.cc/business/${o.currentBusiness.value._id}/${ge.imagePath}`);
+        const ve = `ods/sidepanel/${Ma()}.${g.name.split(".").pop()}`, Se = await Ba.uploadImage(o.currentBusiness.value._id, ve, g), tr = Aa(`https://image.feedmedev.cc/business/${o.currentBusiness.value._id}/${Se.imagePath}`);
         qe(), u.value.ods.layout.sidePanel = {
           url: tr,
           position: ((p = u.value.ods.layout.sidePanel) == null ? void 0 : p.position) ?? "left",
@@ -9471,25 +9475,25 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
       } finally {
         dr.value = !1;
       }
-    }, he = Z("default"), lt = () => ({
-      ...Pe.sidePanel ?? {
+    }, he = Z("default"), ut = () => ({
+      ...De.sidePanel ?? {
         url: "/images/feedme-side.png",
         position: "left",
         widthPercent: 33
       }
-    }), ut = () => {
+    }), ct = () => {
       var p, O, W;
       const g = (O = (p = u.value.ods) == null ? void 0 : p.layout) == null ? void 0 : O.sidePanel;
       if (g === null) {
         he.value = "disable";
         return;
       }
-      if (!g || g.url === ((W = Pe.sidePanel) == null ? void 0 : W.url)) {
+      if (!g || g.url === ((W = De.sidePanel) == null ? void 0 : W.url)) {
         he.value = "default";
         return;
       }
       he.value = "custom";
-    }, ct = (g) => {
+    }, dt = (g) => {
       if (qe(), g === "disable") {
         u.value.ods.layout.sidePanel = null, he.value = "disable";
         return;
@@ -9497,42 +9501,42 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
       if (g === "default") {
         const O = u.value.ods.layout.sidePanel;
         u.value.ods.layout.sidePanel = {
-          ...O && O !== null ? O : lt(),
-          url: lt().url
+          ...O && O !== null ? O : ut(),
+          url: ut().url
         }, he.value = "default";
         return;
       }
       const p = u.value.ods.layout.sidePanel;
-      u.value.ods.layout.sidePanel = p && p !== null ? p : lt(), he.value = "custom";
+      u.value.ods.layout.sidePanel = p && p !== null ? p : ut(), he.value = "custom";
     }, Kt = me(() => {
       var p, O, W, ve;
       const g = (W = (O = (p = u.value.ods) == null ? void 0 : p.layout) == null ? void 0 : O.sidePanel) == null ? void 0 : W.url;
-      return !!g && g !== ((ve = Pe.sidePanel) == null ? void 0 : ve.url);
-    }), dt = Z(!1), Pr = me(
+      return !!g && g !== ((ve = De.sidePanel) == null ? void 0 : ve.url);
+    }), pt = Z(!1), Dr = me(
       () => "https://v2-dev.feedme-ods.pages.dev/".trim() ?? ""
     ), Jt = (g) => {
-      if (!g.startsWith("/") || !Pr.value)
+      if (!g.startsWith("/") || !Dr.value)
         return g;
       try {
-        return new URL(g, Pr.value).toString();
+        return new URL(g, Dr.value).toString();
       } catch (p) {
         return console.error("[Brand Kit] Failed to resolve ODS asset preview URL:", p), g;
       }
-    }, Sn = (g) => {
+    }, xn = (g) => {
       const p = new TextEncoder().encode(g), O = Array.from(p, (W) => String.fromCharCode(W)).join("");
       return window.btoa(O).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/g, "");
     }, pr = me(() => {
-      if (!Pr.value) return "";
+      if (!Dr.value) return "";
       try {
-        const g = new URL(Pr.value, window.location.origin);
+        const g = new URL(Dr.value, window.location.origin);
         return g.searchParams.set("preview", "1"), g.searchParams.set(
           "brandKit",
-          Sn(JSON.stringify(u.value))
+          xn(JSON.stringify(u.value))
         ), g.toString();
       } catch (g) {
         return console.error("[Brand Kit] Invalid ODS preview URL:", g), "";
       }
-    }), xn = () => {
+    }), Tn = () => {
       if (!pr.value) {
         i.open({
           type: "error",
@@ -9541,11 +9545,11 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
         return;
       }
       window.open(pr.value, "_blank", "noopener,noreferrer");
-    }, Tn = () => {
+    }, wn = () => {
       var p;
       const g = ((p = u.value.ods) == null ? void 0 : p.brandkitOverride) ?? {};
       return v.value.reduce((O, W) => O + (K(g, W.key) !== void 0 ? 1 : 0), 0);
-    }, wn = (g) => {
+    }, On = (g) => {
       Be(), g ? u.value.ods.brandkitOverride = g : u.value.ods && delete u.value.ods.brandkitOverride;
     }, Qt = () => {
       const g = x.value;
@@ -9553,13 +9557,13 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
         S.value = 1;
         return;
       }
-      const p = g.clientWidth / Gr, O = g.clientHeight / Hr;
+      const p = g.clientWidth / Hr, O = g.clientHeight / Vr;
       S.value = Math.min(p, O, 1);
-    }, pt = () => {
+    }, vt = () => {
       k == null || k.disconnect(), k = null;
-    }, On = () => {
+    }, Cn = () => {
       const g = x.value;
-      g && (pt(), k = new ResizeObserver(() => {
+      g && (vt(), k = new ResizeObserver(() => {
         Qt();
       }), k.observe(g), Qt());
     };
@@ -9567,14 +9571,14 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
       x,
       async (g) => {
         if (g) {
-          await Fo(), On();
+          await Io(), Cn();
           return;
         }
-        pt();
+        vt();
       },
       { flush: "post" }
     );
-    function Dr(g, p) {
+    function Pr(g, p) {
       var O, W, ve;
       u.value = {
         ...u.value,
@@ -9590,14 +9594,14 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
         }
       };
     }
-    const Cn = (g) => Dr("app", g), Un = (g) => Dr("kiosk", g), En = (g) => {
-      g.mainView && Dr("app", g.mainView);
-    }, Rn = (g) => {
-      g.mainView && Dr("kiosk", g.mainView);
+    const Un = (g) => Pr("app", g), En = (g) => Pr("kiosk", g), Rn = (g) => {
+      g.mainView && Pr("app", g.mainView);
+    }, Ln = (g) => {
+      g.mainView && Pr("kiosk", g.mainView);
     };
-    async function Ln() {
+    async function Dn() {
       s.promise(
-        zr.setBusinessBrandkit(
+        Wr.setBusinessBrandkit(
           o.currentBusiness.value._id,
           u.value
         ),
@@ -9610,7 +9614,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
         () => n.getBusinessBrandkit(o.currentBusiness.value._id).then(
           (g) => {
             var p, O;
-            u.value = n.state.brandkit, (p = t.value) == null || p.loadHistory(), (O = a.value) == null || O.loadHistory(), it(), ut();
+            u.value = n.state.brandkit, (p = t.value) == null || p.loadHistory(), (O = a.value) == null || O.loadHistory(), lt(), ct();
           }
         )
       );
@@ -9618,27 +9622,27 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
     return mr(
       () => o.currentBusiness.value,
       async (g, p) => {
-        g && g._id != (p == null ? void 0 : p._id) && (await n.getBusinessBrandkit(g._id), u.value = n.state.brandkit, it(), ut());
+        g && g._id != (p == null ? void 0 : p._id) && (await n.getBusinessBrandkit(g._id), u.value = n.state.brandkit, lt(), ct());
       },
       {
         immediate: !0
       }
-    ), Do(() => {
-      pt();
+    ), _o(() => {
+      vt();
     }), (g, p) => {
-      var ea, ra, ta, aa, oa, na, sa, ia, la, ua, ca, da, pa, va, fa, ha, ga, ma, ya, ba, ka, Sa, xa, Ta, wa, Oa, Ca, Ua, Ea, Ra, La, Pa, Da;
-      const O = oe("FmButton"), W = oe("FmSnackbar"), ve = oe("FmDropField"), ge = oe("FmTextField"), tr = oe("FmIcon"), Ee = oe("FmButtonGroup"), vt = oe("FmSwitch"), Xe = oe("FmRadio"), Pn = oe("FmStepperField");
-      return P(), F("div", ud, [
+      var ra, ta, aa, oa, na, sa, ia, la, ua, ca, da, pa, va, fa, ha, ga, ma, ya, ba, ka, Sa, xa, Ta, wa, Oa, Ca, Ua, Ea, Ra, La, Da, Pa, _a;
+      const O = oe("FmButton"), W = oe("FmSnackbar"), ve = oe("FmDropField"), Se = oe("FmTextField"), tr = oe("FmIcon"), Ee = oe("FmButtonGroup"), _r = oe("FmSwitch"), ea = oe("FmStepperField"), $e = oe("FmRadio");
+      return D(), F("div", ud, [
         d("div", cd, [
           d("div", dd, _(b(r)("brand.brandkit.title")), 1),
           d("div", pd, [
-            w(O, {
+            T(O, {
               label: b(r)("brand.brandkit.save"),
-              onClick: Ln
+              onClick: Dn
             }, null, 8, ["label"])
           ])
         ]),
-        Ut(w(W, {
+        Ut(T(W, {
           class: "w-full !max-w-none my-[20px] !z-[1]",
           dismissable: "",
           onOnDismiss: p[0] || (p[0] = (y) => h.value.snackbar = !1),
@@ -9647,19 +9651,19 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
         }, null, 8, ["description", "title"]), [
           [Et, h.value.snackbar]
         ]),
-        u.value ? (P(), F(Ye, { key: 0 }, [
+        u.value ? (D(), F(Ze, { key: 0 }, [
           X("", !0),
           X("", !0),
           d("div", null, [
             d("div", vd, [
               d("div", null, _(b(r)("brand.brandkit.color._")), 1)
             ]),
-            w(Fn, { name: "collapse" }, {
+            T(Fn, { name: "collapse" }, {
               default: Te(() => [
                 Ut(d("div", fd, [
                   d("div", hd, [
                     d("div", gd, [
-                      w(O, {
+                      T(O, {
                         disabled: JSON.stringify(u.value.colors) == JSON.stringify(b(z).colors),
                         icon: "autorenew",
                         label: b(r)("brand.common.resetToDefault"),
@@ -9675,7 +9679,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                         d("div", kd, _(b(r)("brand.brandkit.color.description")), 1)
                       ]),
                       d("div", Sd, [
-                        w(ye, {
+                        T(ye, {
                           "initial-color": b(z).colors.primary,
                           color: u.value.colors.primary,
                           onRemove: p[4] || (p[4] = (y) => u.value.colors.primary = b(z).colors.primary),
@@ -9683,7 +9687,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                           title: b(r)("brand.brandkit.color.primary.title"),
                           description: b(r)("brand.brandkit.color.primary.description")
                         }, null, 8, ["initial-color", "color", "title", "description"]),
-                        w(ye, {
+                        T(ye, {
                           "initial-color": b(z).colors.secondary,
                           color: u.value.colors.secondary,
                           onRemove: p[6] || (p[6] = (y) => u.value.colors.secondary = b(z).colors.secondary),
@@ -9691,7 +9695,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                           title: b(r)("brand.brandkit.color.secondary.title"),
                           description: b(r)("brand.brandkit.color.secondary.description")
                         }, null, 8, ["initial-color", "color", "title", "description"]),
-                        w(ye, {
+                        T(ye, {
                           "initial-color": b(z).colors.accent,
                           color: u.value.colors.accent,
                           onRemove: p[8] || (p[8] = (y) => u.value.colors.accent = b(z).colors.accent),
@@ -9709,7 +9713,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                         d("div", Od, _(b(r)("brand.brandkit.typography.description")), 1)
                       ]),
                       d("div", Cd, [
-                        w(ye, {
+                        T(ye, {
                           "initial-color": b(z).colors.text.onPrimary,
                           color: u.value.colors.text.onPrimary,
                           onRemove: p[10] || (p[10] = (y) => u.value.colors.text.onPrimary = b(z).colors.text.onPrimary),
@@ -9717,7 +9721,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                           title: b(r)("brand.brandkit.typography.onPrimary.title"),
                           description: b(r)("brand.brandkit.typography.onPrimary.description")
                         }, null, 8, ["initial-color", "color", "title", "description"]),
-                        w(ye, {
+                        T(ye, {
                           "initial-color": b(z).colors.text.primary,
                           color: u.value.colors.text.primary,
                           onRemove: p[12] || (p[12] = (y) => u.value.colors.text.primary = b(z).colors.text.primary),
@@ -9725,7 +9729,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                           title: b(r)("brand.brandkit.typography.primary.title"),
                           description: b(r)("brand.brandkit.typography.primary.description")
                         }, null, 8, ["initial-color", "color", "title", "description"]),
-                        w(ye, {
+                        T(ye, {
                           "initial-color": b(z).colors.text.secondary,
                           color: u.value.colors.text.secondary,
                           onRemove: p[14] || (p[14] = (y) => u.value.colors.text.secondary = b(z).colors.text.secondary),
@@ -9733,7 +9737,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                           title: b(r)("brand.brandkit.typography.secondary.title"),
                           description: b(r)("brand.brandkit.typography.secondary.description")
                         }, null, 8, ["initial-color", "color", "title", "description"]),
-                        w(ye, {
+                        T(ye, {
                           "initial-color": b(z).colors.text.tertiary,
                           color: u.value.colors.text.tertiary,
                           onRemove: p[16] || (p[16] = (y) => u.value.colors.text.tertiary = b(z).colors.text.tertiary),
@@ -9750,8 +9754,8 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                         d("div", Rd, _(b(r)("brand.brandkit.neutralColors._")), 1),
                         d("div", Ld, _(b(r)("brand.brandkit.neutralColors.description")), 1)
                       ]),
-                      d("div", Pd, [
-                        w(ye, {
+                      d("div", Dd, [
+                        T(ye, {
                           "initial-color": b(z).colors.neutral.light,
                           color: u.value.colors.neutral.light,
                           onRemove: p[18] || (p[18] = (y) => u.value.colors.neutral.light = b(z).colors.neutral.light),
@@ -9759,7 +9763,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                           title: b(r)("brand.brandkit.neutralColors.light.title"),
                           description: b(r)("brand.brandkit.neutralColors.light.description")
                         }, null, 8, ["initial-color", "color", "title", "description"]),
-                        w(ye, {
+                        T(ye, {
                           "initial-color": b(z).colors.neutral.mid,
                           color: u.value.colors.neutral.mid,
                           onRemove: p[20] || (p[20] = (y) => u.value.colors.neutral.mid = b(z).colors.neutral.mid),
@@ -9767,7 +9771,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                           title: b(r)("brand.brandkit.neutralColors.mid.title"),
                           description: b(r)("brand.brandkit.neutralColors.mid.description")
                         }, null, 8, ["initial-color", "color", "title", "description"]),
-                        w(ye, {
+                        T(ye, {
                           "initial-color": b(z).colors.neutral.dark,
                           color: u.value.colors.neutral.dark,
                           onRemove: p[22] || (p[22] = (y) => u.value.colors.neutral.dark = b(z).colors.neutral.dark),
@@ -9778,14 +9782,14 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                       ])
                     ])
                   ]),
-                  d("div", Dd, [
+                  d("div", Pd, [
                     d("div", null, [
                       d("div", _d, [
                         d("div", Fd, _(b(r)("brand.brandkit.backgroundColors._")), 1),
                         d("div", Id, _(b(r)("brand.brandkit.backgroundColors.description")), 1)
                       ]),
                       d("div", Bd, [
-                        w(ye, {
+                        T(ye, {
                           "initial-color": b(z).colors.background.base,
                           color: u.value.colors.background.base,
                           onRemove: p[24] || (p[24] = (y) => u.value.colors.background.base = b(z).colors.neutral.light),
@@ -9793,7 +9797,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                           title: b(r)("brand.brandkit.backgroundColors.base.title"),
                           description: b(r)("brand.brandkit.backgroundColors.base.description")
                         }, null, 8, ["initial-color", "color", "title", "description"]),
-                        w(ye, {
+                        T(ye, {
                           "initial-color": b(z).colors.background.elevated,
                           color: u.value.colors.background.elevated,
                           onRemove: p[26] || (p[26] = (y) => u.value.colors.background.elevated = b(z).colors.neutral.mid),
@@ -9811,7 +9815,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
               _: 1
             })
           ]),
-          p[96] || (p[96] = d("div", { class: "h-[1px] bg-fm-color-neutral-gray-100 w-full my-40 flex-shrink-0" }, null, -1)),
+          p[98] || (p[98] = d("div", { class: "h-[1px] bg-fm-color-neutral-gray-100 w-full my-40 flex-shrink-0" }, null, -1)),
           d("div", null, [
             d("div", Ad, [
               d("div", null, _(b(r)("brand.brandkit.fonts._")), 1)
@@ -9819,8 +9823,8 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
             d("div", Md, [
               d("div", Nd, [
                 d("div", Gd, [
-                  w(O, {
-                    disabled: !D.value.length,
+                  T(O, {
+                    disabled: !P.value.length,
                     icon: "autorenew",
                     label: b(r)("brand.common.resetToDefault"),
                     variant: "plain",
@@ -9829,54 +9833,54 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                 ])
               ]),
               d("div", Hd, [
-                p[67] || (p[67] = d("div", { class: "py-12 px-24 bg-fm-color-neutral-gray-100" }, [
+                p[68] || (p[68] = d("div", { class: "py-12 px-24 bg-fm-color-neutral-gray-100" }, [
                   d("div", { class: "fm-typo-en-body-lg-600" }, " Manage font stylesheets "),
                   d("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Add the stylesheet URLs (for example from Google Fonts) that should load with this brand kit. ")
                 ], -1)),
                 d("div", Vd, [
                   d("div", zd, [
                     d("div", Wd, [
-                      w(ge, {
-                        modelValue: T.value,
-                        "onUpdate:modelValue": p[28] || (p[28] = (y) => T.value = y),
+                      T(Se, {
+                        modelValue: w.value,
+                        "onUpdate:modelValue": p[28] || (p[28] = (y) => w.value = y),
                         label: "Stylesheet URL",
                         placeholder: "https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"
                       }, null, 8, ["modelValue"])
                     ]),
-                    w(O, {
+                    T(O, {
                       class: "self-start",
                       icon: "add",
-                      disabled: !T.value.trim(),
+                      disabled: !w.value.trim(),
                       label: "Add stylesheet",
                       onClick: q
                     }, null, 8, ["disabled"])
                   ]),
-                  D.value.length ? (P(), F("div", jd, [
-                    (P(!0), F(Ye, null, hr(D.value, (y, N) => (P(), F("div", {
+                  P.value.length ? (D(), F("div", jd, [
+                    (D(!0), F(Ze, null, hr(P.value, (y, N) => (D(), F("div", {
                       key: y.stylesheet + N,
                       class: "flex items-start gap-12 flex-col lg:flex-row"
                     }, [
                       d("div", qd, [
-                        w(ge, {
+                        T(Se, {
                           "model-value": y.stylesheet,
                           label: "Stylesheet URL",
                           placeholder: "https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap",
                           "onUpdate:modelValue": (J) => U(N, J)
                         }, null, 8, ["model-value", "onUpdate:modelValue"])
                       ]),
-                      w(O, {
+                      T(O, {
                         class: "self-start",
                         icon: "delete",
                         variant: "plain",
                         onClick: (J) => I(N)
                       }, null, 8, ["onClick"])
                     ]))), 128))
-                  ])) : (P(), F("div", Xd, " No font stylesheets added yet. "))
+                  ])) : (D(), F("div", Xd, " No font stylesheets added yet. "))
                 ])
               ])
             ])
           ]),
-          p[97] || (p[97] = d("div", { class: "h-[1px] bg-fm-color-neutral-gray-100 w-full my-40 flex-shrink-0" }, null, -1)),
+          p[99] || (p[99] = d("div", { class: "h-[1px] bg-fm-color-neutral-gray-100 w-full my-40 flex-shrink-0" }, null, -1)),
           d("div", null, [
             d("div", $d, [
               d("div", null, _(b(r)("brand.brandkit.ordering._")), 1)
@@ -9884,17 +9888,17 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
             d("div", Yd, [
               d("div", Zd, [
                 d("div", Kd, [
-                  w(O, {
+                  T(O, {
                     disabled: JSON.stringify({
                       app: {
-                        category: (ra = (ea = u.value.ordering) == null ? void 0 : ea.app) == null ? void 0 : ra.category,
-                        items: (aa = (ta = u.value.ordering) == null ? void 0 : ta.app) == null ? void 0 : aa.items,
-                        singleCategory: (na = (oa = u.value.ordering) == null ? void 0 : oa.app) == null ? void 0 : na.singleCategory
+                        category: (ta = (ra = u.value.ordering) == null ? void 0 : ra.app) == null ? void 0 : ta.category,
+                        items: (oa = (aa = u.value.ordering) == null ? void 0 : aa.app) == null ? void 0 : oa.items,
+                        singleCategory: (sa = (na = u.value.ordering) == null ? void 0 : na.app) == null ? void 0 : sa.singleCategory
                       },
                       kiosk: {
-                        category: (ia = (sa = u.value.ordering) == null ? void 0 : sa.kiosk) == null ? void 0 : ia.category,
-                        singleCategory: (ua = (la = u.value.ordering) == null ? void 0 : la.kiosk) == null ? void 0 : ua.singleCategory,
-                        showSubItemAsRadioIfPossible: (da = (ca = u.value.ordering) == null ? void 0 : ca.kiosk) == null ? void 0 : da.showSubItemAsRadioIfPossible
+                        category: (la = (ia = u.value.ordering) == null ? void 0 : ia.kiosk) == null ? void 0 : la.category,
+                        singleCategory: (ca = (ua = u.value.ordering) == null ? void 0 : ua.kiosk) == null ? void 0 : ca.singleCategory,
+                        showSubItemAsRadioIfPossible: (pa = (da = u.value.ordering) == null ? void 0 : da.kiosk) == null ? void 0 : pa.showSubItemAsRadioIfPossible
                       }
                     }) == JSON.stringify(b(z).ordering),
                     icon: "autorenew",
@@ -9919,7 +9923,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                   d("div", op, [
                     d("div", np, [
                       d("div", sp, [
-                        w(tr, {
+                        T(tr, {
                           name: "phone_android",
                           class: "text-fm-color-secondary-500",
                           size: "md",
@@ -9939,7 +9943,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                       d("div", vp, _(b(r)("brand.brandkit.ordering.colorOverride.count", {
                         count: te("app")
                       })), 1),
-                      w(O, {
+                      T(O, {
                         variant: "secondary",
                         icon: "palette",
                         label: b(r)("brand.brandkit.ordering.colorOverride.configure"),
@@ -9954,9 +9958,9 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                         d("div", mp, _(b(r)("brand.brandkit.ordering.categoryLayoutDescription")), 1)
                       ]),
                       d("div", yp, [
-                        w(Ee, {
+                        T(Ee, {
                           items: c.value.category,
-                          "model-value": ((pa = u.value.ordering) == null ? void 0 : pa.app.category) === "HORIZONTAL" ? c.value.category[1] : c.value.category[0],
+                          "model-value": ((va = u.value.ordering) == null ? void 0 : va.app.category) === "HORIZONTAL" ? c.value.category[1] : c.value.category[0],
                           "onUpdate:modelValue": p[31] || (p[31] = (y) => {
                             u.value.ordering || (u.value.ordering = { ...b(z).ordering }), u.value.ordering.app || (u.value.ordering.app = {
                               ...b(z).ordering.app
@@ -9973,9 +9977,9 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                         d("div", xp, _(b(r)("brand.brandkit.ordering.menuLayoutDescription")), 1)
                       ]),
                       d("div", Tp, [
-                        w(Ee, {
+                        T(Ee, {
                           items: c.value.items,
-                          "model-value": ((va = u.value.ordering) == null ? void 0 : va.app.items) === "LIST" ? c.value.items[0] : c.value.items[1],
+                          "model-value": ((fa = u.value.ordering) == null ? void 0 : fa.app.items) === "LIST" ? c.value.items[0] : c.value.items[1],
                           "onUpdate:modelValue": p[32] || (p[32] = (y) => {
                             var N;
                             (N = u.value.ordering) != null && N.app || (u.value.ordering = {
@@ -9993,9 +9997,9 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                         d("div", Up, _(b(r)("brand.brandkit.ordering.categoryDisplayDescription")), 1)
                       ]),
                       d("div", Ep, [
-                        w(Ee, {
+                        T(Ee, {
                           items: c.value.singleCategory,
-                          "model-value": (fa = u.value.ordering) != null && fa.app.singleCategory ? c.value.singleCategory[1] : c.value.singleCategory[0],
+                          "model-value": (ha = u.value.ordering) != null && ha.app.singleCategory ? c.value.singleCategory[1] : c.value.singleCategory[0],
                           "onUpdate:modelValue": p[33] || (p[33] = (y) => {
                             var N;
                             (N = u.value.ordering) != null && N.app || (u.value.ordering = {
@@ -10007,7 +10011,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                     ])
                   ]),
                   d("div", Rp, [
-                    (ha = b(o).sessionUser.value) != null && ha.role.isAdmin ? (P(), De(Nr, {
+                    (ga = b(o).sessionUser.value) != null && ga.role.isAdmin ? (D(), Pe(Gr, {
                       key: 0,
                       title: "Custom layout (Admin only)",
                       description: "Customize layout with advanced json syntax"
@@ -10015,16 +10019,16 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                       default: Te(() => {
                         var y, N, J;
                         return [
-                          w(Ro, {
+                          T(Lo, {
                             "switch-label": "Menu view",
                             template: (J = (N = (y = u.value.layout) == null ? void 0 : y.app) == null ? void 0 : N.template) == null ? void 0 : J.mainView,
-                            onUpdate: Cn
+                            onUpdate: Un
                           }, null, 8, ["template"]),
-                          w(Lo, {
+                          T(Do, {
                             ref_key: "appTemplateHistoryRef",
                             ref: t,
                             target: "app",
-                            onRestored: En
+                            onRestored: Rn
                           }, null, 512)
                         ];
                       }),
@@ -10032,33 +10036,33 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                     })) : X("", !0)
                   ]),
                   d("div", Lp, [
-                    (ga = b(o).sessionUser.value) != null && ga.role.isAdmin ? (P(), De(Nr, {
+                    (ma = b(o).sessionUser.value) != null && ma.role.isAdmin ? (D(), Pe(Gr, {
                       key: 0,
                       title: "App plugins (Admin only)",
                       description: "Configure remote plugins and their params JSON."
                     }, {
                       default: Te(() => [
-                        w(O, {
+                        T(O, {
                           icon: "add",
                           variant: "secondary",
                           label: "Add plugin",
                           onClick: p[34] || (p[34] = (y) => ee("app"))
                         }),
-                        $.value.length ? (P(), F("div", Pp, [
-                          (P(!0), F(Ye, null, hr($.value, (y, N) => (P(), F("div", {
+                        $.value.length ? (D(), F("div", Dp, [
+                          (D(!0), F(Ze, null, hr($.value, (y, N) => (D(), F("div", {
                             key: N,
                             class: "border border-fm-color-neutral-gray-100 rounded-lg p-12 space-y-12"
                           }, [
-                            d("div", Dp, [
+                            d("div", Pp, [
                               d("div", _p, [
-                                w(ge, {
+                                T(Se, {
                                   "model-value": y.url,
                                   label: "Plugin URL",
                                   placeholder: "https://example.com/plugin.js",
                                   "onUpdate:modelValue": (J) => ie("app", N, J)
                                 }, null, 8, ["model-value", "onUpdate:modelValue"])
                               ]),
-                              w(O, {
+                              T(O, {
                                 class: "self-start",
                                 icon: "delete",
                                 variant: "plain",
@@ -10067,11 +10071,11 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                             ]),
                             d("div", Fp, [
                               d("div", Ip, [
-                                p[68] || (p[68] = d("div", null, [
+                                p[69] || (p[69] = d("div", null, [
                                   d("div", { class: "fm-typo-en-body-md-600" }, "Plugin params"),
                                   d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Edit JSON passed to the plugin. ")
                                 ], -1)),
-                                w(O, {
+                                T(O, {
                                   variant: "secondary",
                                   label: "Edit JSON",
                                   onClick: (J) => de("app", N)
@@ -10080,7 +10084,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                               d("pre", Bp, _(pe(y.pluginParams)), 1)
                             ])
                           ]))), 128))
-                        ])) : (P(), F("div", Ap, " No plugins configured yet. "))
+                        ])) : (D(), F("div", Ap, " No plugins configured yet. "))
                       ]),
                       _: 1
                     })) : X("", !0)
@@ -10090,7 +10094,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                   d("div", Np, [
                     d("div", Gp, [
                       d("div", Hp, [
-                        w(tr, {
+                        T(tr, {
                           name: "desktop_mac",
                           class: "text-fm-color-primary-500",
                           size: "md",
@@ -10110,7 +10114,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                       d("div", $p, _(b(r)("brand.brandkit.ordering.colorOverride.count", {
                         count: te("kiosk")
                       })), 1),
-                      w(O, {
+                      T(O, {
                         variant: "secondary",
                         icon: "palette",
                         label: b(r)("brand.brandkit.ordering.colorOverride.configure"),
@@ -10125,9 +10129,9 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                         d("div", Jp, _(b(r)("brand.brandkit.ordering.categoryLayoutDescription")), 1)
                       ]),
                       d("div", Qp, [
-                        w(Ee, {
+                        T(Ee, {
                           items: c.value.category,
-                          "model-value": ((ma = u.value.ordering) == null ? void 0 : ma.kiosk.category) === "HORIZONTAL" ? c.value.category[1] : c.value.category[0],
+                          "model-value": ((ya = u.value.ordering) == null ? void 0 : ya.kiosk.category) === "HORIZONTAL" ? c.value.category[1] : c.value.category[0],
                           "onUpdate:modelValue": p[36] || (p[36] = (y) => {
                             var N;
                             u.value.ordering || (u.value.ordering = {
@@ -10147,9 +10151,9 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                         d("div", av, _(b(r)("brand.brandkit.ordering.categoryDisplayDescription")), 1)
                       ]),
                       d("div", ov, [
-                        w(Ee, {
+                        T(Ee, {
                           items: c.value.singleCategory,
-                          "model-value": (ba = (ya = u.value.ordering) == null ? void 0 : ya.kiosk) != null && ba.singleCategory ? c.value.singleCategory[1] : c.value.singleCategory[0],
+                          "model-value": (ka = (ba = u.value.ordering) == null ? void 0 : ba.kiosk) != null && ka.singleCategory ? c.value.singleCategory[1] : c.value.singleCategory[0],
                           "onUpdate:modelValue": p[37] || (p[37] = (y) => {
                             re("kiosk"), y === c.value.singleCategory[0] ? u.value.ordering.kiosk.singleCategory = !1 : u.value.ordering.kiosk.singleCategory = !0;
                           })
@@ -10166,9 +10170,9 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                         )), 1)
                       ]),
                       d("div", uv, [
-                        w(vt, {
+                        T(_r, {
                           label: b(r)("brand.brandkit.ordering.showSubItemAsRadioIfPossible.title"),
-                          "model-value": ((Sa = (ka = u.value.ordering) == null ? void 0 : ka.kiosk) == null ? void 0 : Sa.showSubItemAsRadioIfPossible) ?? !1,
+                          "model-value": ((xa = (Sa = u.value.ordering) == null ? void 0 : Sa.kiosk) == null ? void 0 : xa.showSubItemAsRadioIfPossible) ?? !1,
                           "onUpdate:modelValue": p[38] || (p[38] = (y) => {
                             re("kiosk"), u.value.ordering.kiosk.showSubItemAsRadioIfPossible = y;
                           })
@@ -10177,7 +10181,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                     ])
                   ]),
                   d("div", cv, [
-                    (xa = b(o).sessionUser.value) != null && xa.role.isAdmin ? (P(), De(Nr, {
+                    (Ta = b(o).sessionUser.value) != null && Ta.role.isAdmin ? (D(), Pe(Gr, {
                       key: 0,
                       title: "Custom layout (Admin only)",
                       description: "Customize layout with advanced json syntax"
@@ -10185,16 +10189,16 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                       default: Te(() => {
                         var y, N, J;
                         return [
-                          w(Ro, {
+                          T(Lo, {
                             "switch-label": "Menu view",
                             template: (J = (N = (y = u.value.layout) == null ? void 0 : y.kiosk) == null ? void 0 : N.template) == null ? void 0 : J.mainView,
-                            onUpdate: Un
+                            onUpdate: En
                           }, null, 8, ["template"]),
-                          w(Lo, {
+                          T(Do, {
                             ref_key: "kioskTemplateHistoryRef",
                             ref: a,
                             target: "kiosk",
-                            onRestored: Rn
+                            onRestored: Ln
                           }, null, 512)
                         ];
                       }),
@@ -10202,33 +10206,33 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                     })) : X("", !0)
                   ]),
                   d("div", dv, [
-                    (Ta = b(o).sessionUser.value) != null && Ta.role.isAdmin ? (P(), De(Nr, {
+                    (wa = b(o).sessionUser.value) != null && wa.role.isAdmin ? (D(), Pe(Gr, {
                       key: 0,
                       title: "Kiosk plugins (Admin only)",
                       description: "Configure remote plugins and their params JSON."
                     }, {
                       default: Te(() => [
-                        w(O, {
+                        T(O, {
                           icon: "add",
                           variant: "secondary",
                           label: "Add plugin",
                           onClick: p[39] || (p[39] = (y) => ee("kiosk"))
                         }),
-                        H.value.length ? (P(), F("div", pv, [
-                          (P(!0), F(Ye, null, hr(H.value, (y, N) => (P(), F("div", {
+                        H.value.length ? (D(), F("div", pv, [
+                          (D(!0), F(Ze, null, hr(H.value, (y, N) => (D(), F("div", {
                             key: N,
                             class: "border border-fm-color-neutral-gray-100 rounded-lg p-12 space-y-12"
                           }, [
                             d("div", vv, [
                               d("div", fv, [
-                                w(ge, {
+                                T(Se, {
                                   "model-value": y.url,
                                   label: "Plugin URL",
                                   placeholder: "https://example.com/plugin.js",
                                   "onUpdate:modelValue": (J) => ie("kiosk", N, J)
                                 }, null, 8, ["model-value", "onUpdate:modelValue"])
                               ]),
-                              w(O, {
+                              T(O, {
                                 class: "self-start",
                                 icon: "delete",
                                 variant: "plain",
@@ -10237,11 +10241,11 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                             ]),
                             d("div", hv, [
                               d("div", gv, [
-                                p[69] || (p[69] = d("div", null, [
+                                p[70] || (p[70] = d("div", null, [
                                   d("div", { class: "fm-typo-en-body-md-600" }, "Plugin params"),
                                   d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Edit JSON passed to the plugin. ")
                                 ], -1)),
-                                w(O, {
+                                T(O, {
                                   variant: "secondary",
                                   label: "Edit JSON",
                                   onClick: (J) => de("kiosk", N)
@@ -10250,7 +10254,7 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                               d("pre", mv, _(pe(y.pluginParams)), 1)
                             ])
                           ]))), 128))
-                        ])) : (P(), F("div", yv, " No plugins configured yet. "))
+                        ])) : (D(), F("div", yv, " No plugins configured yet. "))
                       ]),
                       _: 1
                     })) : X("", !0)
@@ -10259,14 +10263,14 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
               ])
             ])
           ]),
-          p[98] || (p[98] = d("div", { class: "h-[1px] bg-fm-color-neutral-gray-100 w-full my-40 flex-shrink-0" }, null, -1)),
+          p[100] || (p[100] = d("div", { class: "h-[1px] bg-fm-color-neutral-gray-100 w-full my-40 flex-shrink-0" }, null, -1)),
           d("div", null, [
-            p[95] || (p[95] = d("div", { class: "fm-typo-en-title-sm-600 flex items-center justify-between bg-fm-color-neutral-gray-100 py-12 px-24" }, [
+            p[97] || (p[97] = d("div", { class: "fm-typo-en-title-sm-600 flex items-center justify-between bg-fm-color-neutral-gray-100 py-12 px-24" }, [
               d("div", null, "ODS Settings")
             ], -1)),
             d("div", bv, [
               d("div", kv, [
-                p[92] || (p[92] = d("div", { class: "rounded-lg overflow-hidden border border-fm-color-neutral-gray-100" }, [
+                p[94] || (p[94] = d("div", { class: "rounded-lg overflow-hidden border border-fm-color-neutral-gray-100" }, [
                   d("div", { class: "py-12 px-24 bg-fm-color-neutral-gray-100" }, [
                     d("div", { class: "fm-typo-en-body-lg-600" }, " Order Display System "),
                     d("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Configure how orders are displayed on the ODS screen, including layout, images, and display preferences. ")
@@ -10277,232 +10281,250 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                     d("div", Tv, [
                       d("div", wv, [
                         d("div", Ov, [
-                          w(tr, {
+                          T(tr, {
                             name: "monitor",
                             class: "text-fm-color-secondary-500",
                             size: "md",
                             outline: ""
                           })
                         ]),
-                        p[70] || (p[70] = d("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Display Settings ", -1))
+                        p[71] || (p[71] = d("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Display Settings ", -1))
                       ]),
-                      p[71] || (p[71] = d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Control how orders are grouped and displayed on the ODS board. ", -1))
+                      p[72] || (p[72] = d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Control how orders are grouped and displayed on the ODS board. ", -1))
                     ]),
                     d("div", Cv, [
                       d("div", Uv, [
-                        w(O, {
+                        T(O, {
                           icon: "autorenew",
                           label: "Reset to default",
                           variant: "plain",
-                          onClick: bn
+                          onClick: kn
                         })
                       ])
                     ]),
                     d("div", Ev, [
                       d("div", Rv, [
-                        p[72] || (p[72] = d("div", null, [
+                        p[73] || (p[73] = d("div", null, [
                           d("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, " Color Override "),
                           d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Override brand colors specifically for the ODS display. ")
                         ], -1)),
                         d("div", Lv, [
-                          d("div", Pv, _(Tn()) + " color(s) overridden ", 1),
-                          w(O, {
+                          d("div", Dv, _(wn()) + " color(s) overridden ", 1),
+                          T(O, {
                             variant: "secondary",
                             icon: "palette",
                             label: "Configure",
-                            onClick: p[40] || (p[40] = (y) => dt.value = !0)
+                            onClick: p[40] || (p[40] = (y) => pt.value = !0)
                           })
                         ])
                       ])
                     ]),
-                    d("div", Dv, [
+                    d("div", Pv, [
                       d("div", _v, [
-                        p[73] || (p[73] = d("div", null, [
+                        p[74] || (p[74] = d("div", null, [
                           d("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, " Group Orders By "),
                           d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ' Choose how orders are grouped on the display. "Status" groups by preparing/ready, "Type" groups by delivery platform. ')
                         ], -1)),
                         d("div", Fv, [
-                          w(Ee, {
-                            items: tt,
-                            "model-value": tt.find((y) => y.value === xe.value.groupBy) ?? tt[0],
-                            "onUpdate:modelValue": p[41] || (p[41] = (y) => rr("groupBy", y.value))
+                          T(Ee, {
+                            items: at,
+                            "model-value": at.find((y) => y.value === ge.value.groupBy) ?? at[0],
+                            "onUpdate:modelValue": p[41] || (p[41] = (y) => Xe("groupBy", y.value))
                           }, null, 8, ["model-value"])
                         ])
                       ])
                     ]),
-                    xe.value.groupBy === "status" ? (P(), F("div", Iv, [
+                    ge.value.groupBy === "status" ? (D(), F("div", Iv, [
                       d("div", Bv, [
-                        p[74] || (p[74] = d("div", null, [
+                        p[75] || (p[75] = d("div", null, [
                           d("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, " Status Board Layout "),
                           d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Arrange the preparing and ready sections side-by-side (horizontal) or stacked (vertical). ")
                         ], -1)),
                         d("div", Av, [
-                          w(Ee, {
-                            items: at,
-                            "model-value": at.find((y) => y.value === xe.value.statusLayout) ?? at[0],
-                            "onUpdate:modelValue": p[42] || (p[42] = (y) => rr("statusLayout", y.value))
+                          T(Ee, {
+                            items: ot,
+                            "model-value": ot.find((y) => y.value === ge.value.statusLayout) ?? ot[0],
+                            "onUpdate:modelValue": p[42] || (p[42] = (y) => Xe("statusLayout", y.value))
                           }, null, 8, ["model-value"])
                         ])
                       ])
                     ])) : X("", !0),
-                    xe.value.groupBy === "status" ? (P(), F("div", Mv, [
+                    ge.value.groupBy === "status" && ge.value.statusLayout !== "vertical" ? (D(), F("div", Mv, [
                       d("div", Nv, [
-                        p[75] || (p[75] = d("div", null, [
+                        p[76] || (p[76] = d("div", null, [
                           d("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, " Status Column Count "),
                           d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Number of columns within each status section (preparing / ready). ")
                         ], -1)),
                         d("div", Gv, [
-                          w(Ee, {
-                            items: ot,
-                            "model-value": ot.find((y) => y.value === xe.value.statusColumnCount) ?? ot[1],
-                            "onUpdate:modelValue": p[43] || (p[43] = (y) => rr("statusColumnCount", y.value))
+                          T(Ee, {
+                            items: nt,
+                            "model-value": nt.find((y) => y.value === ge.value.statusColumnCount) ?? nt[1],
+                            "onUpdate:modelValue": p[43] || (p[43] = (y) => Xe("statusColumnCount", y.value))
                           }, null, 8, ["model-value"])
                         ])
                       ])
                     ])) : X("", !0),
-                    xe.value.groupBy === "status" ? (P(), F("div", Hv, [
+                    ge.value.groupBy === "status" ? (D(), F("div", Hv, [
                       d("div", Vv, [
-                        p[76] || (p[76] = d("div", null, [
-                          d("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, " Sliding Period (ms) "),
-                          d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Auto-rotation interval for the status board in milliseconds. ")
+                        p[77] || (p[77] = d("div", null, [
+                          d("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, " Sliding Interval "),
+                          d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Auto-rotation interval for the status board in seconds. ")
                         ], -1)),
                         d("div", zv, [
-                          w(ge, {
-                            type: "number",
-                            "model-value": String(xe.value.statusSlidingPeriod),
-                            label: "Sliding period",
-                            placeholder: "10000",
-                            "onUpdate:modelValue": p[44] || (p[44] = (y) => rr("statusSlidingPeriod", Number(y) || 1e4))
+                          T(ea, {
+                            "model-value": ge.value.statusSlidingPeriod / 1e3,
+                            label: "Sliding interval (seconds)",
+                            min: 1,
+                            max: 60,
+                            step: 1,
+                            "append-text": "s",
+                            "max-fraction-digits": 0,
+                            "onUpdate:modelValue": p[44] || (p[44] = (y) => Xe("statusSlidingPeriod", Math.max(1e3, Math.min(6e4, (Number(y) || 10) * 1e3))))
                           }, null, 8, ["model-value"])
                         ])
                       ])
                     ])) : X("", !0),
-                    xe.value.groupBy === "status" ? (P(), F("div", Wv, [
+                    ge.value.groupBy === "status" ? (D(), F("div", Wv, [
                       d("div", jv, [
-                        p[77] || (p[77] = d("div", null, [
+                        p[78] || (p[78] = d("div", null, [
                           d("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, " Show Delivery Icons "),
                           d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Display delivery platform icons next to order numbers in the status board. ")
                         ], -1)),
                         d("div", qv, [
-                          w(vt, {
+                          T(_r, {
                             label: "Show delivery icons",
-                            "model-value": xe.value.showDeliveryIcons,
-                            "onUpdate:modelValue": p[45] || (p[45] = (y) => rr("showDeliveryIcons", y))
+                            "model-value": ge.value.showDeliveryIcons,
+                            "onUpdate:modelValue": p[45] || (p[45] = (y) => Xe("showDeliveryIcons", y))
                           }, null, 8, ["model-value"])
                         ])
                       ])
                     ])) : X("", !0),
-                    xe.value.groupBy !== "status" ? (P(), F("div", Xv, [
+                    ge.value.groupBy === "type" ? (D(), F("div", Xv, [
                       d("div", $v, [
-                        p[78] || (p[78] = d("div", null, [
+                        p[79] || (p[79] = d("div", null, [
+                          d("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, " Show Order Type Tabs "),
+                          d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Display the In Restaurant / Delivery tabs at the top of the order board. ")
+                        ], -1)),
+                        d("div", Yv, [
+                          T(_r, {
+                            label: "Show order type tabs",
+                            "model-value": ge.value.showOrderTypeTabs,
+                            "onUpdate:modelValue": p[46] || (p[46] = (y) => Xe("showOrderTypeTabs", y))
+                          }, null, 8, ["model-value"])
+                        ])
+                      ])
+                    ])) : X("", !0),
+                    ge.value.groupBy !== "status" ? (D(), F("div", Zv, [
+                      d("div", Kv, [
+                        p[80] || (p[80] = d("div", null, [
                           d("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, " Show Progress Bar "),
                           d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Display a progress bar on the ODS board. ")
                         ], -1)),
-                        d("div", Yv, [
-                          w(vt, {
+                        d("div", Jv, [
+                          T(_r, {
                             label: "Show progress bar",
-                            "model-value": xe.value.showProgressBar,
-                            "onUpdate:modelValue": p[46] || (p[46] = (y) => rr("showProgressBar", y))
+                            "model-value": ge.value.showProgressBar,
+                            "onUpdate:modelValue": p[47] || (p[47] = (y) => Xe("showProgressBar", y))
                           }, null, 8, ["model-value"])
                         ])
                       ])
                     ])) : X("", !0)
                   ]),
-                  d("div", Zv, [
-                    d("div", Kv, [
-                      d("div", Jv, [
-                        d("div", Qv, [
-                          w(tr, {
+                  d("div", Qv, [
+                    d("div", ef, [
+                      d("div", rf, [
+                        d("div", tf, [
+                          T(tr, {
                             name: "dashboard",
                             class: "text-fm-color-primary-500",
                             size: "md",
                             outline: ""
                           })
                         ]),
-                        p[79] || (p[79] = d("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Layout Settings ", -1))
+                        p[81] || (p[81] = d("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Layout Settings ", -1))
                       ]),
-                      p[80] || (p[80] = d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Configure the visual layout of the ODS screen including background, side panel, and board sizing. ", -1))
+                      p[82] || (p[82] = d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Configure the visual layout of the ODS screen including background, side panel, and board sizing. ", -1))
                     ]),
-                    d("div", ef, [
-                      d("div", rf, [
-                        w(O, {
+                    d("div", af, [
+                      d("div", of, [
+                        T(O, {
                           icon: "autorenew",
                           label: "Reset to default",
                           variant: "plain",
-                          onClick: kn
+                          onClick: Sn
                         })
                       ])
                     ]),
-                    d("div", tf, [
-                      d("div", af, [
-                        p[83] || (p[83] = d("div", null, [
+                    d("div", nf, [
+                      d("div", sf, [
+                        p[85] || (p[85] = d("div", null, [
                           d("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, " Background Image "),
                           d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Choose one of the built-in ODS backgrounds or upload a custom background image. ")
                         ], -1)),
-                        d("div", of, [
-                          d("div", nf, [
-                            w(Xe, {
+                        d("div", lf, [
+                          d("div", uf, [
+                            T($e, {
                               "model-value": ae.value,
                               rules: () => [],
                               label: "Disable",
                               value: "disable",
-                              "onUpdate:modelValue": p[47] || (p[47] = () => Rr("disable"))
+                              "onUpdate:modelValue": p[48] || (p[48] = () => Rr("disable"))
                             }, null, 8, ["model-value"]),
-                            w(Xe, {
+                            T($e, {
                               "model-value": ae.value,
                               rules: () => [],
                               label: "Default image 1",
                               value: "default",
-                              "onUpdate:modelValue": p[48] || (p[48] = () => Rr("default"))
+                              "onUpdate:modelValue": p[49] || (p[49] = () => Rr("default"))
                             }, null, 8, ["model-value"]),
-                            w(Xe, {
+                            T($e, {
                               "model-value": ae.value,
                               rules: () => [],
                               label: "Default image 2",
                               value: "left",
-                              "onUpdate:modelValue": p[49] || (p[49] = () => Rr("left"))
+                              "onUpdate:modelValue": p[50] || (p[50] = () => Rr("left"))
                             }, null, 8, ["model-value"]),
-                            w(Xe, {
+                            T($e, {
                               "model-value": ae.value,
                               rules: () => [],
                               label: "Custom",
                               value: "custom",
-                              "onUpdate:modelValue": p[50] || (p[50] = () => Rr("custom"))
+                              "onUpdate:modelValue": p[51] || (p[51] = () => Rr("custom"))
                             }, null, 8, ["model-value"])
                           ]),
-                          ae.value !== "disable" && (ae.value !== "custom" || $t.value) ? (P(), F("div", sf, [
-                            d("div", lf, [
+                          ae.value !== "disable" && (ae.value !== "custom" || $t.value) ? (D(), F("div", cf, [
+                            d("div", df, [
                               d("img", {
-                                src: Jt(((wa = Ae.value.background) == null ? void 0 : wa.url) ?? ""),
+                                src: Jt(((Oa = Ae.value.background) == null ? void 0 : Oa.url) ?? ""),
                                 class: "w-full h-full object-contain"
-                              }, null, 8, uf)
+                              }, null, 8, pf)
                             ]),
-                            ae.value === "custom" ? (P(), F("div", cf, [
+                            ae.value === "custom" ? (D(), F("div", vf, [
                               d("input", {
                                 ref_key: "odsBackgroundFileInput",
                                 ref: Er,
                                 type: "file",
                                 accept: "image/*",
                                 class: "hidden",
-                                onChange: p[51] || (p[51] = (y) => {
+                                onChange: p[52] || (p[52] = (y) => {
                                   var J;
                                   const N = (J = y.target.files) == null ? void 0 : J[0];
                                   N && Yt(N), Er.value && (Er.value.value = "");
                                 })
                               }, null, 544),
-                              w(O, {
+                              T(O, {
                                 variant: "secondary",
                                 icon: "upload",
                                 label: "Change image",
                                 disabled: cr.value,
-                                onClick: p[52] || (p[52] = (y) => {
+                                onClick: p[53] || (p[53] = (y) => {
                                   var N;
                                   return (N = Er.value) == null ? void 0 : N.click();
                                 })
                               }, null, 8, ["disabled"])
                             ])) : X("", !0)
                           ])) : X("", !0),
-                          ae.value === "custom" && !$t.value ? (P(), De(ve, {
+                          ae.value === "custom" && !$t.value ? (D(), Pe(ve, {
                             key: 1,
                             class: "h-[160px] w-full",
                             label: "Upload custom background image",
@@ -10510,84 +10532,84 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                             disabled: cr.value,
                             onFileUpload: Yt
                           }, null, 8, ["disabled"])) : X("", !0),
-                          cr.value ? (P(), F("div", df, p[81] || (p[81] = [
+                          cr.value ? (D(), F("div", ff, p[83] || (p[83] = [
                             d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, "Uploading...", -1)
                           ]))) : X("", !0),
-                          ae.value === "disable" ? (P(), F("div", pf, p[82] || (p[82] = [
+                          ae.value === "disable" ? (D(), F("div", hf, p[84] || (p[84] = [
                             d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Background image is disabled. ", -1)
                           ]))) : X("", !0),
-                          ae.value !== "custom" && ae.value !== "disable" ? (P(), F("div", vf, [
-                            d("div", ff, _(ae.value === "left" ? "Using Default image 2." : "Using Default image 1."), 1)
+                          ae.value !== "custom" && ae.value !== "disable" ? (D(), F("div", gf, [
+                            d("div", mf, _(ae.value === "left" ? "Using Default image 2." : "Using Default image 1."), 1)
                           ])) : X("", !0)
                         ])
                       ])
                     ]),
-                    d("div", hf, [
-                      d("div", gf, [
-                        p[89] || (p[89] = d("div", null, [
+                    d("div", yf, [
+                      d("div", bf, [
+                        p[91] || (p[91] = d("div", null, [
                           d("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, " Side Panel Image "),
                           d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Decorative image panel beside the board. Reduces available board space by its width. ")
                         ], -1)),
-                        d("div", mf, [
-                          d("div", yf, [
-                            w(Xe, {
+                        d("div", kf, [
+                          d("div", Sf, [
+                            T($e, {
                               "model-value": he.value,
                               rules: () => [],
                               label: "Disable",
                               value: "disable",
-                              "onUpdate:modelValue": p[53] || (p[53] = () => ct("disable"))
+                              "onUpdate:modelValue": p[54] || (p[54] = () => dt("disable"))
                             }, null, 8, ["model-value"]),
-                            w(Xe, {
+                            T($e, {
                               "model-value": he.value,
                               rules: () => [],
                               label: "Default image",
                               value: "default",
-                              "onUpdate:modelValue": p[54] || (p[54] = () => ct("default"))
+                              "onUpdate:modelValue": p[55] || (p[55] = () => dt("default"))
                             }, null, 8, ["model-value"]),
-                            w(Xe, {
+                            T($e, {
                               "model-value": he.value,
                               rules: () => [],
                               label: "Custom image",
                               value: "custom",
-                              "onUpdate:modelValue": p[55] || (p[55] = () => ct("custom"))
+                              "onUpdate:modelValue": p[56] || (p[56] = () => dt("custom"))
                             }, null, 8, ["model-value"])
                           ]),
-                          he.value === "disable" ? (P(), F("div", bf, p[84] || (p[84] = [
+                          he.value === "disable" ? (D(), F("div", xf, p[86] || (p[86] = [
                             d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Side panel is disabled. The board will use background only. ", -1)
-                          ]))) : (P(), F(Ye, { key: 1 }, [
-                            he.value !== "custom" || Kt.value ? (P(), F("div", kf, [
-                              d("div", Sf, [
+                          ]))) : (D(), F(Ze, { key: 1 }, [
+                            he.value !== "custom" || Kt.value ? (D(), F("div", Tf, [
+                              d("div", wf, [
                                 d("img", {
-                                  src: Jt(((Oa = Ae.value.sidePanel) == null ? void 0 : Oa.url) ?? ""),
+                                  src: Jt(((Ca = Ae.value.sidePanel) == null ? void 0 : Ca.url) ?? ""),
                                   class: "w-full h-full object-contain"
-                                }, null, 8, xf)
+                                }, null, 8, Of)
                               ]),
-                              he.value === "custom" ? (P(), F("div", Tf, [
+                              he.value === "custom" ? (D(), F("div", Cf, [
                                 d("input", {
                                   ref_key: "odsSidePanelFileInput",
                                   ref: Lr,
                                   type: "file",
                                   accept: "image/*",
                                   class: "hidden",
-                                  onChange: p[56] || (p[56] = (y) => {
+                                  onChange: p[57] || (p[57] = (y) => {
                                     var J;
                                     const N = (J = y.target.files) == null ? void 0 : J[0];
                                     N && Zt(N), Lr.value && (Lr.value.value = "");
                                   })
                                 }, null, 544),
-                                w(O, {
+                                T(O, {
                                   variant: "secondary",
                                   icon: "upload",
                                   label: "Change image",
                                   disabled: dr.value,
-                                  onClick: p[57] || (p[57] = (y) => {
+                                  onClick: p[58] || (p[58] = (y) => {
                                     var N;
                                     return (N = Lr.value) == null ? void 0 : N.click();
                                   })
                                 }, null, 8, ["disabled"])
                               ])) : X("", !0)
                             ])) : X("", !0),
-                            he.value === "custom" && !Kt.value ? (P(), De(ve, {
+                            he.value === "custom" && !Kt.value ? (D(), Pe(ve, {
                               key: 1,
                               class: "h-[160px] w-full",
                               label: "Upload custom side panel image",
@@ -10595,33 +10617,33 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                               disabled: dr.value,
                               onFileUpload: Zt
                             }, null, 8, ["disabled"])) : X("", !0),
-                            dr.value ? (P(), F("div", wf, p[85] || (p[85] = [
+                            dr.value ? (D(), F("div", Uf, p[87] || (p[87] = [
                               d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, "Uploading...", -1)
                             ]))) : X("", !0),
-                            he.value === "default" ? (P(), F("div", Of, p[86] || (p[86] = [
+                            he.value === "default" ? (D(), F("div", Ef, p[88] || (p[88] = [
                               d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Using the built-in default side panel image. ", -1)
                             ]))) : X("", !0),
-                            (Ca = Ae.value.sidePanel) != null && Ca.url ? (P(), F("div", Cf, [
+                            (Ua = Ae.value.sidePanel) != null && Ua.url ? (D(), F("div", Rf, [
                               d("div", null, [
-                                p[87] || (p[87] = d("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary mb-4" }, "Position", -1)),
-                                w(Ee, {
-                                  items: st,
-                                  "model-value": st.find((y) => {
+                                p[89] || (p[89] = d("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary mb-4" }, "Position", -1)),
+                                T(Ee, {
+                                  items: it,
+                                  "model-value": it.find((y) => {
                                     var N;
                                     return y.value === ((N = Ae.value.sidePanel) == null ? void 0 : N.position);
-                                  }) ?? st[0],
-                                  "onUpdate:modelValue": p[58] || (p[58] = (y) => {
+                                  }) ?? it[0],
+                                  "onUpdate:modelValue": p[59] || (p[59] = (y) => {
                                     qe(), u.value.ods.layout.sidePanel && (u.value.ods.layout.sidePanel.position = y.value);
                                   })
                                 }, null, 8, ["model-value"])
                               ]),
                               d("div", null, [
-                                p[88] || (p[88] = d("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary mb-4" }, "Width (%)", -1)),
-                                w(ge, {
+                                p[90] || (p[90] = d("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary mb-4" }, "Width (%)", -1)),
+                                T(Se, {
                                   type: "number",
-                                  "model-value": String(((Ua = Ae.value.sidePanel) == null ? void 0 : Ua.widthPercent) ?? 30),
+                                  "model-value": String(((Ea = Ae.value.sidePanel) == null ? void 0 : Ea.widthPercent) ?? 30),
                                   placeholder: "30",
-                                  "onUpdate:modelValue": p[59] || (p[59] = (y) => {
+                                  "onUpdate:modelValue": p[60] || (p[60] = (y) => {
                                     qe(), u.value.ods.layout.sidePanel && (u.value.ods.layout.sidePanel.widthPercent = Math.max(1, Math.min(80, Number(y) || 30)));
                                   })
                                 }, null, 8, ["model-value"])
@@ -10631,14 +10653,14 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                         ])
                       ])
                     ]),
-                    d("div", Uf, [
-                      d("div", Ef, [
-                        p[90] || (p[90] = d("div", null, [
+                    d("div", Lf, [
+                      d("div", Df, [
+                        p[92] || (p[92] = d("div", null, [
                           d("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, " Board Width (%) "),
                           d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Width of the order board as a percentage of the available space (after side panel). ")
                         ], -1)),
-                        d("div", Rf, [
-                          w(Pn, {
+                        d("div", Pf, [
+                          T(ea, {
                             "model-value": Ae.value.boardWidthPercent ?? 100,
                             label: "Board width percent",
                             min: 10,
@@ -10646,22 +10668,22 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                             step: 5,
                             "append-text": "%",
                             "max-fraction-digits": 0,
-                            "onUpdate:modelValue": p[60] || (p[60] = (y) => qt("boardWidthPercent", Math.max(10, Math.min(100, Number(y) || 100))))
+                            "onUpdate:modelValue": p[61] || (p[61] = (y) => qt("boardWidthPercent", Math.max(10, Math.min(100, Number(y) || 100))))
                           }, null, 8, ["model-value"])
                         ])
                       ])
                     ]),
-                    (Ae.value.boardWidthPercent ?? 100) < 100 ? (P(), F("div", Lf, [
-                      d("div", Pf, [
-                        p[91] || (p[91] = d("div", null, [
+                    (Ae.value.boardWidthPercent ?? 100) < 100 ? (D(), F("div", _f, [
+                      d("div", Ff, [
+                        p[93] || (p[93] = d("div", null, [
                           d("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-4" }, " Board Alignment "),
                           d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Align the order board within the available space when width is less than 100%. ")
                         ], -1)),
-                        d("div", Df, [
-                          w(Ee, {
-                            items: nt,
-                            "model-value": nt.find((y) => y.value === (Ae.value.boardAlign ?? "left")) ?? nt[0],
-                            "onUpdate:modelValue": p[61] || (p[61] = (y) => qt("boardAlign", y.value))
+                        d("div", If, [
+                          T(Ee, {
+                            items: st,
+                            "model-value": st.find((y) => y.value === (Ae.value.boardAlign ?? "left")) ?? st[0],
+                            "onUpdate:modelValue": p[62] || (p[62] = (y) => qt("boardAlign", y.value))
                           }, null, 8, ["model-value"])
                         ])
                       ])
@@ -10669,26 +10691,26 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                   ])
                 ])
               ]),
-              d("div", _f, [
-                d("div", Ff, [
-                  d("div", If, [
-                    d("div", Bf, [
-                      p[93] || (p[93] = d("div", null, [
+              d("div", Bf, [
+                d("div", Af, [
+                  d("div", Mf, [
+                    d("div", Nf, [
+                      p[95] || (p[95] = d("div", null, [
                         d("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " ODS Preview "),
                         d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Previewing the current unsaved Brand Kit changes at 1920 x 1080. ")
                       ], -1)),
-                      d("div", Af, [
-                        w(O, {
+                      d("div", Gf, [
+                        T(O, {
                           variant: "secondary",
                           label: "Open in new tab",
                           disabled: !pr.value,
-                          onClick: xn
+                          onClick: Tn
                         }, null, 8, ["disabled"])
                       ])
                     ])
                   ]),
-                  d("div", Mf, [
-                    pr.value ? (P(), F("div", {
+                  d("div", Hf, [
+                    pr.value ? (D(), F("div", {
                       key: 0,
                       ref_key: "odsPreviewViewportRef",
                       ref: x,
@@ -10697,14 +10719,14 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                       d("div", {
                         class: "relative flex-shrink-0 overflow-hidden rounded-[12px] border border-black/10 bg-white shadow-[0_8px_24px_rgba(15,23,42,0.16)]",
                         style: Ct({
-                          width: `${Gr * S.value}px`,
-                          height: `${Hr * S.value}px`
+                          width: `${Hr * S.value}px`,
+                          height: `${Vr * S.value}px`
                         })
                       }, [
                         d("div", {
                           style: Ct({
-                            width: `${Gr}px`,
-                            height: `${Hr}px`,
+                            width: `${Hr}px`,
+                            height: `${Vr}px`,
                             transform: `scale(${S.value})`,
                             transformOrigin: "top left"
                           })
@@ -10712,19 +10734,19 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
                           d("iframe", {
                             src: pr.value,
                             title: "ODS Preview",
-                            width: Gr,
-                            height: Hr,
+                            width: Hr,
+                            height: Vr,
                             class: "block border-0"
-                          }, null, 8, Nf)
+                          }, null, 8, Vf)
                         ], 4)
                       ], 4)
-                    ], 512)) : (P(), F("div", Gf, p[94] || (p[94] = [
+                    ], 512)) : (D(), F("div", zf, p[96] || (p[96] = [
                       d("div", { class: "space-y-8" }, [
                         d("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, " Preview unavailable "),
                         d("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, [
-                          Fa(" Set a valid "),
+                          Ia(" Set a valid "),
                           d("code", null, "VITE_ODS_PREVIEW_URL"),
-                          Fa(" to enable the embedded ODS preview. ")
+                          Ia(" to enable the embedded ODS preview. ")
                         ])
                       ], -1)
                     ])))
@@ -10734,40 +10756,40 @@ const _c = { class: "json-editor" }, Fc = ["title"], Ic = { class: "error-text"
             ])
           ])
         ], 64)) : X("", !0),
-        w(wt, {
+        T(wt, {
           modelValue: A.value,
-          "onUpdate:modelValue": p[62] || (p[62] = (y) => A.value = y),
+          "onUpdate:modelValue": p[63] || (p[63] = (y) => A.value = y),
           title: b(r)("brand.brandkit.ordering.colorOverride.dialogTitleApp"),
           description: b(r)("brand.brandkit.ordering.colorOverride.descriptionApp"),
           "color-fields": v.value,
           "base-brandkit": f.value,
-          value: (Ra = (Ea = u.value.ordering) == null ? void 0 : Ea.app) == null ? void 0 : Ra.brandkitOverride,
-          onSave: p[63] || (p[63] = (y) => Qe("app", y))
+          value: (La = (Ra = u.value.ordering) == null ? void 0 : Ra.app) == null ? void 0 : La.brandkitOverride,
+          onSave: p[64] || (p[64] = (y) => er("app", y))
         }, null, 8, ["modelValue", "title", "description", "color-fields", "base-brandkit", "value"]),
-        w(wt, {
+        T(wt, {
           modelValue: j.value,
-          "onUpdate:modelValue": p[64] || (p[64] = (y) => j.value = y),
+          "onUpdate:modelValue": p[65] || (p[65] = (y) => j.value = y),
           title: b(r)("brand.brandkit.ordering.colorOverride.dialogTitleKiosk"),
           description: b(r)("brand.brandkit.ordering.colorOverride.descriptionKiosk"),
           "color-fields": v.value,
           "base-brandkit": f.value,
-          value: (Pa = (La = u.value.ordering) == null ? void 0 : La.kiosk) == null ? void 0 : Pa.brandkitOverride,
-          onSave: p[65] || (p[65] = (y) => Qe("kiosk", y))
+          value: (Pa = (Da = u.value.ordering) == null ? void 0 : Da.kiosk) == null ? void 0 : Pa.brandkitOverride,
+          onSave: p[66] || (p[66] = (y) => er("kiosk", y))
         }, null, 8, ["modelValue", "title", "description", "color-fields", "base-brandkit", "value"]),
-        w(wt, {
-          modelValue: dt.value,
-          "onUpdate:modelValue": p[66] || (p[66] = (y) => dt.value = y),
+        T(wt, {
+          modelValue: pt.value,
+          "onUpdate:modelValue": p[67] || (p[67] = (y) => pt.value = y),
           title: "ODS Color Override",
           description: "Override brand colors specifically for the ODS display.",
           "color-fields": v.value,
           "base-brandkit": f.value,
-          value: (Da = u.value.ods) == null ? void 0 : Da.brandkitOverride,
-          onSave: wn
+          value: (_a = u.value.ods) == null ? void 0 : _a.brandkitOverride,
+          onSave: On
         }, null, 8, ["modelValue", "color-fields", "base-brandkit", "value"])
       ]);
     };
   }
-}), Qf = /* @__PURE__ */ Ao(Hf, [["__scopeId", "data-v-9a6a9ebd"]]);
+}), th = /* @__PURE__ */ Mo(Wf, [["__scopeId", "data-v-6c624ccf"]]);
 export {
-  Qf as default
+  th as default
 };