@feedmepos/mf-menu 0.32.74-dev.1 → 0.32.74-dev.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{App-CQlnJm8d.js → App-BZJOUASB.js} +14 -8
- package/dist/{ApplyProduct.vue_vue_type_script_setup_true_lang-C-hyPy4I.js → ApplyProduct.vue_vue_type_script_setup_true_lang-DzjeYfsJ.js} +3 -3
- package/dist/{ApplyProductDialog.vue_vue_type_script_setup_true_lang-LJt8hPTI.js → ApplyProductDialog.vue_vue_type_script_setup_true_lang-eor0uw1Y.js} +3 -3
- package/dist/{Catalog-Cxg0R0CD.js → Catalog-D0umhJUp.js} +6 -6
- package/dist/{Category-D7_CG1CC.js → Category-Bv5dZoqU.js} +4 -4
- package/dist/{Category-98B4V0OI.js → Category-CJmrsNBN.js} +4 -4
- package/dist/{CookingGuide-BiWZRQbV.js → CookingGuide-Bh5p7H6A.js} +379 -355
- package/dist/{CustomAttributeChip.vue_vue_type_script_setup_true_lang-Cqx5-2Dd.js → CustomAttributeChip.vue_vue_type_script_setup_true_lang-BTHIfVPy.js} +1 -1
- package/dist/{Group-BlNGsFml.js → Group-C8Q1IzVZ.js} +3 -3
- package/dist/{Group-BvVoGWbB.js → Group-CmFBND8g.js} +1 -1
- package/dist/{Group.vue_vue_type_script_setup_true_lang-DhEpy0CJ.js → Group.vue_vue_type_script_setup_true_lang-B7GbWmBQ.js} +7 -7
- package/dist/{GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-myAdxHAx.js → GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-D2UVK2TK.js} +5 -5
- package/dist/{ImportProductDialog.vue_vue_type_script_setup_true_lang-CalnjNRi.js → ImportProductDialog.vue_vue_type_script_setup_true_lang-B9ZqKykt.js} +7 -7
- package/dist/{Ingredient-C4uC1qTF.js → Ingredient-BpmjZsq4.js} +4 -4
- package/dist/{InventoryBinding.vue_vue_type_script_setup_true_lang-gjv6yZ63.js → InventoryBinding.vue_vue_type_script_setup_true_lang-BurM3XXk.js} +2 -2
- package/dist/{LinkProductSideSheet-C8Kj6Jyt.js → LinkProductSideSheet-B-t5u8nb.js} +4 -4
- package/dist/{MenuSetting-CAPi6Izt.js → MenuSetting-Db2aNWHK.js} +7 -7
- package/dist/{OrderPacing--zgGLCUl.js → OrderPacing-DU2DHxAo.js} +5 -5
- package/dist/{PrintRoute-C8Tg1K1B.js → PrintRoute-DS8Lx8Ri.js} +5 -5
- package/dist/{Product-CEURFcln.js → Product-CksOjTKQ.js} +1 -1
- package/dist/{Product.vue_vue_type_script_setup_true_lang-HgjS8yfr.js → Product.vue_vue_type_script_setup_true_lang-70WBdgsM.js} +14 -14
- package/dist/{ProductInternalTools-CqSTTmyx.js → ProductInternalTools-DswBFeOb.js} +6 -6
- package/dist/{Products-CQYNalBC.js → Products-CD5n0Ltb.js} +39 -39
- package/dist/{Publish-CpVIPPEM.js → Publish-CFAsGvpA.js} +219 -218
- package/dist/{Recipe-V-S3rBvy.js → Recipe-CZR9PxpD.js} +5 -5
- package/dist/{RestaurantAttributesSelector.vue_vue_type_script_setup_true_lang-Dt0VFU0y.js → RestaurantAttributesSelector.vue_vue_type_script_setup_true_lang-ButQyFDb.js} +1 -1
- package/dist/{RuleView.vue_vue_type_script_setup_true_lang-22NsN8mu.js → RuleView.vue_vue_type_script_setup_true_lang-DvX2UUYM.js} +211 -211
- package/dist/{Scheduler-D0ZqvQ4s.js → Scheduler-BGWwvr3d.js} +3 -3
- package/dist/{ServingSequence-D9C5TjFW.js → ServingSequence-CoLqEMgr.js} +3 -3
- package/dist/{Setting-D9uwzTvD.js → Setting-BDuqIiz2.js} +5 -5
- package/dist/{Subcategory-_22wHoRp.js → Subcategory-CKuQ2pml.js} +6 -6
- package/dist/{Takeaway-wfO-wSGr.js → Takeaway-DUn4mRZx.js} +1 -1
- package/dist/{Takeaway-DpKf0dsW.js → Takeaway-Dt7S6z9Y.js} +4 -4
- package/dist/{Takeaway.vue_vue_type_script_setup_true_lang-BKtMSeUC.js → Takeaway.vue_vue_type_script_setup_true_lang-BVJlUn1u.js} +5 -5
- package/dist/{TranslationFieldSection.vue_vue_type_script_setup_true_lang-U5JPHpID.js → TranslationFieldSection.vue_vue_type_script_setup_true_lang-r8nutWvj.js} +1 -1
- package/dist/{TranslationSideSheet.vue_vue_type_script_setup_true_lang-DYONF0J1.js → TranslationSideSheet.vue_vue_type_script_setup_true_lang-CF6FVQdM.js} +2 -2
- package/dist/{TreeEditorOpenner.vue_vue_type_script_setup_true_lang-BsGSRfgw.js → TreeEditorOpenner.vue_vue_type_script_setup_true_lang-BH5-P0Kt.js} +15 -15
- package/dist/{Unit-D9gfltw8.js → Unit-sZHi2Guy.js} +2 -2
- package/dist/{Variant-Bhd-SCn-.js → Variant-vmPBmjkL.js} +3 -3
- package/dist/{_id_-CujuaivS.js → _id_-G5xT-CDM.js} +10 -10
- package/dist/{app-CoNjmiQZ.js → app-BCiY6nMZ.js} +37 -37
- package/dist/{app-B6R97xu0.js → app-CQQONQx1.js} +1 -1
- package/dist/app.js +1 -1
- package/dist/apps/mf-menu/src/app.d.ts +15 -0
- package/dist/apps/mf-menu/src/helper/publishMeta.d.ts +6 -0
- package/dist/apps/mf-menu/src/manager/cooking_guide.d.ts +1 -0
- package/dist/apps/mf-menu/src/views/CookingGuide/CookingGuideDialog.vue.d.ts +8 -0
- package/dist/apps/mf-menu/tsconfig.app.tsbuildinfo +1 -1
- package/dist/assets/{override-menu-DA-3_JUT.js → linked-status-CWeGw11g.js} +4 -4
- package/dist/assets/{menu-export-DxJDiXRy.js → menu-export-RVHhfZC0.js} +4 -4
- package/dist/assets/{linked-status-Dc3gO2HQ.js → override-menu-CmqY9Tc2.js} +4 -4
- package/dist/assets/{validate-menu-CKGM50-c.js → validate-menu-C_e-tlnW.js} +3 -3
- package/dist/{catalog-BrBzi08u.js → catalog-Dn80bXkC.js} +1 -1
- package/dist/{catalogSetting-D98TJXis.js → catalogSetting-XIo6mkWP.js} +1 -1
- package/dist/{currency-_TMjPxjp.js → currency-BgSIYyGK.js} +1 -1
- package/dist/{dayjs.min-DcRBfAVF.js → dayjs.min-ByUWJqU9.js} +2 -2
- package/dist/{discardConfirm-BAt6f7Sp.js → discardConfirm-DoHu8ey7.js} +1 -1
- package/dist/{index-8ewnoIGG.js → index-B3VNODTK.js} +5 -5
- package/dist/{index-BSA0nxGD.js → index-C7BxlGX6.js} +1 -1
- package/dist/{index-B24fO6WH.js → index-MADgW2jB.js} +6 -6
- package/dist/{index.vue_vue_type_script_setup_true_lang-46y6YBq_.js → index.vue_vue_type_script_setup_true_lang-DAAzVaVe.js} +439 -439
- package/dist/{item-CxEy3ZPG.js → item-BrzBNpuQ.js} +19 -19
- package/dist/{jszip.min-CEGB8m6H.js → jszip.min-Cy3k9Boh.js} +3 -3
- package/dist/{linkProducts-OId1UtJl.js → linkProducts-EknVvUC0.js} +4 -4
- package/dist/{memberPricing-Do-xGYT8.js → memberPricing-CDcaR7Xz.js} +1 -1
- package/dist/{menu-IbXlP_Qz.js → menu-CIN8mtZY.js} +1 -1
- package/dist/{menuV2-DzbiKMo1.js → menuV2-iONFEnvV.js} +41 -41
- package/dist/{order_pacing-zD2uNjRk.js → order_pacing-C-cVrKAt.js} +5 -5
- package/dist/{priceTier-PDKu3MmF.js → priceTier-Nhz0AAh5.js} +1 -1
- package/dist/publishMeta-CAbjnmmS.js +7 -0
- package/dist/{rules-BipalTU1.js → rules-CwKc3N3r.js} +3 -3
- package/dist/{scheduler-BzHaaiZi.js → scheduler-DvQ0P3PV.js} +5 -5
- package/dist/{toExcel-B6kYroYI.js → toExcel-4gZ8GSKd.js} +2 -2
- package/dist/{unit-CJal-c2M.js → unit-CmIuFFl0.js} +3 -3
- package/package.json +1 -1
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { defineComponent as B, computed as _, ref as W, resolveComponent as F, createBlock as m, openBlock as l, unref as e, withCtx as f, createElementVNode as d, toDisplayString as Z, createVNode as u, createCommentVNode as w, createElementBlock as R, Fragment as U } from "vue";
|
|
2
|
-
import { D as T } from "./dayjs.min-
|
|
3
|
-
import { J as re, F as ie } from "./jszip.min-
|
|
4
|
-
import { l as z } from "./discardConfirm-
|
|
5
|
-
import { w as le } from "./ImportProductDialog.vue_vue_type_script_setup_true_lang-
|
|
6
|
-
import { h as V, A as j } from "./app-
|
|
7
|
-
import { u as K, b as
|
|
2
|
+
import { D as T } from "./dayjs.min-ByUWJqU9.js";
|
|
3
|
+
import { J as re, F as ie } from "./jszip.min-Cy3k9Boh.js";
|
|
4
|
+
import { l as z } from "./discardConfirm-DoHu8ey7.js";
|
|
5
|
+
import { w as le } from "./ImportProductDialog.vue_vue_type_script_setup_true_lang-B9ZqKykt.js";
|
|
6
|
+
import { h as V, A as j } from "./app-BCiY6nMZ.js";
|
|
7
|
+
import { u as K, b as Q, a as H, e as q, F as X, m as ue, d as ce, f as me } from "./index.vue_vue_type_script_setup_true_lang-DAAzVaVe.js";
|
|
8
8
|
import { useCoreStore as ee, useI18n as de } from "@feedmepos/mf-common";
|
|
9
|
-
import { useDialog as te, useDialogChild as pe, useSnackbar as ne, useBreakpoints as fe, FmButtonVariant as
|
|
10
|
-
import { _ as
|
|
9
|
+
import { useDialog as te, useDialogChild as pe, useSnackbar as ne, useBreakpoints as fe, FmButtonVariant as I, FmButtonColorThemeVariant as h } from "@feedmepos/ui-library";
|
|
10
|
+
import { _ as D } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
|
|
11
11
|
import { _ as _e, a as O } from "./BottomSheetMenuItem.vue_vue_type_script_setup_true_lang-DhrXKy3b.js";
|
|
12
12
|
import { _ as ve } from "./PageLayout.vue_vue_type_script_setup_true_lang-BVmHMvKD.js";
|
|
13
|
-
import { u as ge, a as be } from "./menu-
|
|
14
|
-
import { w as ye } from "./item-
|
|
15
|
-
import { _ as G, a as ke } from "./Product.vue_vue_type_script_setup_true_lang-
|
|
16
|
-
import { L as J } from "./LinkProductSideSheet-
|
|
17
|
-
import { _ as xe } from "./TreeEditorOpenner.vue_vue_type_script_setup_true_lang-
|
|
18
|
-
import { u as
|
|
19
|
-
import { m as
|
|
13
|
+
import { u as ge, a as be } from "./menu-CIN8mtZY.js";
|
|
14
|
+
import { w as ye } from "./item-BrzBNpuQ.js";
|
|
15
|
+
import { _ as G, a as ke } from "./Product.vue_vue_type_script_setup_true_lang-70WBdgsM.js";
|
|
16
|
+
import { L as J } from "./LinkProductSideSheet-B-t5u8nb.js";
|
|
17
|
+
import { _ as xe } from "./TreeEditorOpenner.vue_vue_type_script_setup_true_lang-BH5-P0Kt.js";
|
|
18
|
+
import { u as he } from "./linkProducts-EknVvUC0.js";
|
|
19
|
+
import { m as Se } from "./toExcel-4gZ8GSKd.js";
|
|
20
20
|
const Me = { class: "space-y-24 mb-24" }, Ce = ["innerHTML"], we = { class: "flex justify-end gap-8" }, Fe = /* @__PURE__ */ B({
|
|
21
21
|
__name: "ConfirmActionDialog",
|
|
22
22
|
props: {
|
|
@@ -25,11 +25,11 @@ const Me = { class: "space-y-24 mb-24" }, Ce = ["innerHTML"], we = { class: "fle
|
|
|
25
25
|
message: { default: "To confirm your action, type <b>[[value]]</b> in the text field." }
|
|
26
26
|
},
|
|
27
27
|
setup(A) {
|
|
28
|
-
const n = A, p = _(() => n.message.replace("[[value]]", n.value)), k = W(""), o = te(), { emitAction:
|
|
28
|
+
const n = A, p = _(() => n.message.replace("[[value]]", n.value)), k = W(""), o = te(), { emitAction: S } = pe();
|
|
29
29
|
return (v, r) => {
|
|
30
30
|
const M = F("FmTextField"), g = F("FmButton"), x = F("FmForm");
|
|
31
31
|
return l(), m(x, {
|
|
32
|
-
"on-validation-success": () => e(
|
|
32
|
+
"on-validation-success": () => e(S)("primary"),
|
|
33
33
|
"blame-form-child-on-validation-failed": ""
|
|
34
34
|
}, {
|
|
35
35
|
default: f(() => [
|
|
@@ -68,7 +68,7 @@ const Me = { class: "space-y-24 mb-24" }, Ce = ["innerHTML"], we = { class: "fle
|
|
|
68
68
|
}), $e = /* @__PURE__ */ B({
|
|
69
69
|
__name: "Migrate",
|
|
70
70
|
setup(A) {
|
|
71
|
-
const n = K(), p = ee(), { isRestaurantLevelMenu: k } = p, o = ne(), { minor:
|
|
71
|
+
const n = K(), p = ee(), { isRestaurantLevelMenu: k } = p, o = ne(), { minor: S } = Q(o), v = W(!1), r = te();
|
|
72
72
|
async function M() {
|
|
73
73
|
g.value || v.value || r.open({
|
|
74
74
|
title: "Migrate to new version",
|
|
@@ -78,7 +78,7 @@ const Me = { class: "space-y-24 mb-24" }, Ce = ["innerHTML"], we = { class: "fle
|
|
|
78
78
|
description: "Do you want to migrate to new version? Once migrate it will unable to revert to the older version."
|
|
79
79
|
}
|
|
80
80
|
}).onPrimary(async () => {
|
|
81
|
-
r.close(), await
|
|
81
|
+
r.close(), await S(
|
|
82
82
|
async () => {
|
|
83
83
|
await n.migrate(), setTimeout(() => {
|
|
84
84
|
window.location.reload();
|
|
@@ -104,7 +104,7 @@ const Me = { class: "space-y-24 mb-24" }, Ce = ["innerHTML"], we = { class: "fle
|
|
|
104
104
|
});
|
|
105
105
|
return (x, c) => {
|
|
106
106
|
const b = F("FmSnackbar");
|
|
107
|
-
return !e(k) && !g.value && e(n).version !== e(
|
|
107
|
+
return !e(k) && !g.value && e(n).version !== e(X).enum.v4 ? (l(), m(b, {
|
|
108
108
|
key: 0,
|
|
109
109
|
class: "!max-w-full",
|
|
110
110
|
title: "New version of menu is out now!",
|
|
@@ -116,10 +116,10 @@ const Me = { class: "space-y-24 mb-24" }, Ce = ["innerHTML"], we = { class: "fle
|
|
|
116
116
|
})) : w("", !0);
|
|
117
117
|
};
|
|
118
118
|
}
|
|
119
|
-
}), Ve = "/assets/menu-export-
|
|
119
|
+
}), Ve = "/assets/menu-export-RVHhfZC0.js", Ae = { class: "flex-1 flex justify-between gap-8 pl-8" }, Ee = { class: "flex items-center" }, Te = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Ie = { class: "fm-typo-en-body-md-600 font-semibold" }, De = { class: "flex gap-8" }, et = /* @__PURE__ */ B({
|
|
120
120
|
__name: "Products",
|
|
121
121
|
setup(A) {
|
|
122
|
-
const { t: n } = de(), p = ee(), k =
|
|
122
|
+
const { t: n } = de(), p = ee(), k = Q(ne()), o = K(), S = _(() => o.rules.item), v = ye(), r = _(() => !o.state.currentSchedulerId), { selectedCategories: M } = ge(), g = _(() => ({
|
|
123
123
|
...ue.menuV4ToV3(ce(o.state.menu)),
|
|
124
124
|
_id: o.state.menu._id,
|
|
125
125
|
_rev: o.state.menu._rev
|
|
@@ -137,7 +137,7 @@ const Me = { class: "space-y-24 mb-24" }, Ce = ["innerHTML"], we = { class: "fle
|
|
|
137
137
|
async function b() {
|
|
138
138
|
await k.minor(
|
|
139
139
|
async () => {
|
|
140
|
-
if (await o.readMenu(), o.version ===
|
|
140
|
+
if (await o.readMenu(), o.version === X.enum.v4) {
|
|
141
141
|
const i = o.state.menu, t = T().format("DD-MM-YYYY_HH-mm"), a = [
|
|
142
142
|
`menu_${t}`,
|
|
143
143
|
`addonGroup_${t}`,
|
|
@@ -153,7 +153,7 @@ const Me = { class: "space-y-24 mb-24" }, Ce = ["innerHTML"], we = { class: "fle
|
|
|
153
153
|
);
|
|
154
154
|
await c(s, a);
|
|
155
155
|
} else {
|
|
156
|
-
const i =
|
|
156
|
+
const i = Se(g.value), t = `menu_${T().format("DD-MM-YYYY_HH-mm")}`;
|
|
157
157
|
await le(i, `${t}.xlsx`, {
|
|
158
158
|
bookType: "xlsx",
|
|
159
159
|
bookSST: !0,
|
|
@@ -172,7 +172,7 @@ const Me = { class: "space-y-24 mb-24" }, Ce = ["innerHTML"], we = { class: "fle
|
|
|
172
172
|
handleSubmit: Y,
|
|
173
173
|
catalogManager: N,
|
|
174
174
|
schedulerManager: L
|
|
175
|
-
} =
|
|
175
|
+
} = he(!1), oe = fe(), ae = _(() => oe.breakpoints.value.xs), se = _(() => {
|
|
176
176
|
var a;
|
|
177
177
|
const i = ((a = p.sessionUser.value) == null ? void 0 : a.permissions) ?? [], t = {
|
|
178
178
|
action: V.Action.manage,
|
|
@@ -200,10 +200,10 @@ const Me = { class: "space-y-24 mb-24" }, Ce = ["innerHTML"], we = { class: "fle
|
|
|
200
200
|
d("div", Ae, [
|
|
201
201
|
d("div", Ee, [
|
|
202
202
|
d("div", Te, [
|
|
203
|
-
d("p",
|
|
203
|
+
d("p", Ie, Z(x.value), 1)
|
|
204
204
|
])
|
|
205
205
|
]),
|
|
206
|
-
d("div",
|
|
206
|
+
d("div", De, [
|
|
207
207
|
ae.value ? (l(), m(G, { key: 1 }, {
|
|
208
208
|
default: f(({ trigger: s }) => [
|
|
209
209
|
u(_e, null, {
|
|
@@ -226,9 +226,9 @@ const Me = { class: "space-y-24 mb-24" }, Ce = ["innerHTML"], we = { class: "fle
|
|
|
226
226
|
default: f(({ trigger: s }) => [
|
|
227
227
|
u(a, {
|
|
228
228
|
label: e(n)("menu.tree_editor.title"),
|
|
229
|
-
"bg-color": e(
|
|
230
|
-
"text-color": e(
|
|
231
|
-
variant: e(
|
|
229
|
+
"bg-color": e(h).NeutralGray100,
|
|
230
|
+
"text-color": e(h).TypoSecondary,
|
|
231
|
+
variant: e(I).Primary,
|
|
232
232
|
onClick: s
|
|
233
233
|
}, null, 8, ["label", "bg-color", "text-color", "variant", "onClick"])
|
|
234
234
|
]),
|
|
@@ -236,18 +236,18 @@ const Me = { class: "space-y-24 mb-24" }, Ce = ["innerHTML"], we = { class: "fle
|
|
|
236
236
|
})) : w("", !0),
|
|
237
237
|
P.value ? (l(), m(a, {
|
|
238
238
|
key: 1,
|
|
239
|
-
"bg-color": e(
|
|
240
|
-
"text-color": e(
|
|
241
|
-
variant: e(
|
|
239
|
+
"bg-color": e(h).NeutralGray100,
|
|
240
|
+
"text-color": e(h).TypoSecondary,
|
|
241
|
+
variant: e(I).Primary,
|
|
242
242
|
label: e(n)("menu.products.actions.export"),
|
|
243
243
|
onClick: b
|
|
244
244
|
}, null, 8, ["bg-color", "text-color", "variant", "label"])) : w("", !0),
|
|
245
245
|
P.value ? (l(), m(G, { key: 2 }, {
|
|
246
246
|
default: f(({ trigger: s }) => [
|
|
247
247
|
u(a, {
|
|
248
|
-
"bg-color": e(
|
|
249
|
-
"text-color": e(
|
|
250
|
-
variant: e(
|
|
248
|
+
"bg-color": e(h).NeutralGray100,
|
|
249
|
+
"text-color": e(h).TypoSecondary,
|
|
250
|
+
variant: e(I).Primary,
|
|
251
251
|
label: e(n)("menu.products.actions.import"),
|
|
252
252
|
onClick: s
|
|
253
253
|
}, null, 8, ["bg-color", "text-color", "variant", "label", "onClick"])
|
|
@@ -256,7 +256,7 @@ const Me = { class: "space-y-24 mb-24" }, Ce = ["innerHTML"], we = { class: "fle
|
|
|
256
256
|
})) : w("", !0)
|
|
257
257
|
], 64)),
|
|
258
258
|
x.value > 0 ? (l(), R(U, { key: 2 }, [
|
|
259
|
-
|
|
259
|
+
S.value.create ? (l(), m(D, {
|
|
260
260
|
key: 0,
|
|
261
261
|
label: e(n)("menu.products.actions.add"),
|
|
262
262
|
"prepend-icon": "add",
|
|
@@ -273,7 +273,7 @@ const Me = { class: "space-y-24 mb-24" }, Ce = ["innerHTML"], we = { class: "fle
|
|
|
273
273
|
onSubmit: e(Y)
|
|
274
274
|
}, {
|
|
275
275
|
default: f(({ trigger: s }) => [
|
|
276
|
-
u(
|
|
276
|
+
u(D, {
|
|
277
277
|
label: e(n)("menu.products.actions.link"),
|
|
278
278
|
"prepend-icon": "link",
|
|
279
279
|
onClick: s
|
|
@@ -292,7 +292,7 @@ const Me = { class: "space-y-24 mb-24" }, Ce = ["innerHTML"], we = { class: "fle
|
|
|
292
292
|
onSubmit: e(Y)
|
|
293
293
|
}, {
|
|
294
294
|
default: f(({ trigger: s }) => [
|
|
295
|
-
u(
|
|
295
|
+
u(D, {
|
|
296
296
|
label: e(n)("menu.products.actions.apply_scheduler"),
|
|
297
297
|
onClick: s
|
|
298
298
|
}, null, 8, ["label", "onClick"])
|