@feedmepos/mf-inventory-portal 0.0.22-dev.49 → 0.0.22-dev.50
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/{ApprovalView-_zqKZVLP.js → ApprovalView-CyIOcyG5.js} +3 -3
- package/dist/{BindingsDialog-DVNvDggj.js → BindingsDialog-BXePN5iL.js} +1 -1
- package/dist/{BindingsPicker-X0gHMpoC.js → BindingsPicker-Bd_qb0aO.js} +1 -1
- package/dist/{BindingsTable-A1rulbsH.js → BindingsTable-BV-nP9HU.js} +1 -1
- package/dist/{ClosingTemplateView-C5gyaMQ6.js → ClosingTemplateView-CSvWLccZ.js} +7 -7
- package/dist/{FmDroppableField-awnhf8Iy.js → FmDroppableField-DwZ6ujPh.js} +1 -1
- package/dist/{FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-DUu4Lct2.js → FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-DpCoW_-F.js} +3 -3
- package/dist/{FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-By4CpWf9.js → FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BpzreBHD.js} +1 -1
- package/dist/{IngredientBindedItem.vue_vue_type_script_setup_true_lang-0wL--d6P.js → IngredientBindedItem.vue_vue_type_script_setup_true_lang-C8k7pSPT.js} +1 -1
- package/dist/{IngredientGroupView-D2VWxA2W.js → IngredientGroupView-C0hPeD41.js} +3 -3
- package/dist/{IngredientsView-lAvLVm6U.js → IngredientsView-CpwVIGXd.js} +5 -5
- package/dist/{IntegrationView-Bt5uM4Ob.js → IntegrationView-Bt8pGAHS.js} +2 -2
- package/dist/{NumberPrecisionInput.vue_vue_type_script_setup_true_lang-B18g5kUq.js → NumberPrecisionInput.vue_vue_type_script_setup_true_lang-yA-qJUUz.js} +1 -1
- package/dist/{PremiumBadge.vue_vue_type_script_setup_true_lang-DfjyTcqY.js → PremiumBadge.vue_vue_type_script_setup_true_lang-BqcqoKyN.js} +2 -2
- package/dist/{PurchaseOrderPrintPreview-QlrdWyMl.js → PurchaseOrderPrintPreview-D3ugzCW_.js} +1 -1
- package/dist/{ReceiveRequestView-0bkndBTv.js → ReceiveRequestView-D14YTEEe.js} +516 -516
- package/dist/{RecipeView-BBYjB0Qi.js → RecipeView-D0WsMfKm.js} +4 -4
- package/dist/{StockView-_hp_aOyJ.js → StockView-sxI0L6MP.js} +5 -5
- package/dist/{SupplierView-BWNuU67v.js → SupplierView-clAkARuW.js} +5 -5
- package/dist/{TransferDetails.vue_vue_type_script_setup_true_lang-DieihSRc.js → TransferDetails.vue_vue_type_script_setup_true_lang-C9NU1m6S.js} +5 -5
- package/dist/{TransferTemplateView-BkYZthsf.js → TransferTemplateView-DpI6kVqX.js} +8 -8
- package/dist/{UnitView-BYvUDDku.js → UnitView-CneJsDum.js} +4 -4
- package/dist/{WarehouseView-BYivfyV4.js → WarehouseView-DYbFWTlh.js} +2 -2
- package/dist/{app-fxdtGGFC.js → app-B4pi48sM.js} +16427 -16417
- package/dist/app.js +1 -1
- package/dist/{decimal-DFc3K2Se.js → decimal-C8O2p3Sg.js} +1 -1
- package/dist/{defineDeepModel-D45rDjY3.js → defineDeepModel-BXP1vLGf.js} +1 -1
- package/dist/{format-time-from-id-Crz-gXY8.js → format-time-from-id-DgW7OJL_.js} +1 -1
- package/dist/{format-unit-display-BwfbuC6u.js → format-unit-display-BP4O0Pym.js} +5 -5
- package/dist/style.css +1 -1
- package/dist/{supplier-0-yQ7lYD.js → supplier-D-8XhuF_.js} +1 -1
- package/dist/{use-template-enabled-locations-2-DLHLCnlP.js → use-template-enabled-locations-2-C2E4j3k-.js} +1 -1
- package/dist/{xlsx-4TFi1Lrp.js → xlsx-Dsy-fxZw.js} +1 -1
- package/dist/{xlsx.util-DEiKUcnj.js → xlsx.util-CxGmvsp9.js} +1 -1
- package/package.json +3 -3
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as ae, ref as g, watch as oe, computed as b, resolveComponent as re, openBlock as x, createBlock as J, unref as e, withCtx as y, createElementVNode as s, normalizeClass as ne, createVNode as n, normalizeStyle as se, toDisplayString as le, createElementBlock as ie, createCommentVNode as ce, Teleport as pe, mergeProps as ue } from "vue";
|
|
2
|
-
import { i as me, af as v, V as K } from "./app-
|
|
3
|
-
import { b as de, u as fe, _ as ve, a as _e } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-
|
|
4
|
-
import { a as he, b as De, _ as ge } from "./TransferDetails.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
import { i as me, af as v, V as K } from "./app-B4pi48sM.js";
|
|
3
|
+
import { b as de, u as fe, _ as ve, a as _e } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BpzreBHD.js";
|
|
4
|
+
import { a as he, b as De, _ as ge } from "./TransferDetails.vue_vue_type_script_setup_true_lang-C9NU1m6S.js";
|
|
5
5
|
import { _ as be, F as _ } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
|
|
6
6
|
import { useBreakpoints as xe } from "@feedmepos/ui-library";
|
|
7
7
|
import { useI18n as ye } from "@feedmepos/mf-common";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as C, ref as o, onMounted as M, onUnmounted as F, watch as x, resolveComponent as l, openBlock as i, createElementBlock as c, createBlock as I, withCtx as z, createVNode as a, createCommentVNode as R, createElementVNode as P } from "vue";
|
|
2
|
-
import { u as V, az as L, _ as S } from "./app-
|
|
2
|
+
import { u as V, az as L, _ as S } from "./app-B4pi48sM.js";
|
|
3
3
|
const U = {
|
|
4
4
|
key: 0,
|
|
5
5
|
class: "flex justify-end gap-8 items-center"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as S, computed as u, ref as l, onMounted as U, onUnmounted as V, resolveComponent as E, openBlock as p, createElementBlock as f, createVNode as r, createElementVNode as k } from "vue";
|
|
2
|
-
import { u as M, az as x, j as z } from "./app-
|
|
2
|
+
import { u as M, az as x, j as z } from "./app-B4pi48sM.js";
|
|
3
3
|
const F = {
|
|
4
4
|
key: 0,
|
|
5
5
|
class: "flex flex-col gap-16"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as _, ref as c, provide as z, computed as f, resolveComponent as b, openBlock as p, createBlock as h, h as C, onMounted as B, onUnmounted as I, createElementBlock as y, createVNode as N, createElementVNode as x } from "vue";
|
|
2
|
-
import { k as v, u as E, az as L } from "./app-
|
|
2
|
+
import { k as v, u as E, az as L } from "./app-B4pi48sM.js";
|
|
3
3
|
import { components as F } from "@feedmepos/ui-library";
|
|
4
4
|
import "@feedmepos/mf-common";
|
|
5
5
|
const P = /* @__PURE__ */ _({
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { ref as M, h as F, defineComponent as j, resolveComponent as R, openBlock as k, createElementBlock as I, createElementVNode as _, normalizeClass as Y, createTextVNode as Fe, toDisplayString as C, unref as v, createCommentVNode as G, createVNode as T, withCtx as P, Fragment as H, renderList as W, computed as E, watch as Re, createSlots as Pe, createBlock as V, isRef as Oe, normalizeStyle as Ye, Teleport as Ke, normalizeProps as Ge, guardReactiveProps as We, mergeProps as Je } from "vue";
|
|
2
|
-
import { u as qe, _ as Xe, a as Qe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
import { u as qe, _ as Xe, a as Qe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BpzreBHD.js";
|
|
3
3
|
import { useCoreStore as le, useI18n as B } from "@feedmepos/mf-common";
|
|
4
4
|
import { useDialogChild as Ze, useSnackbar as Z, useDialog as ae, FmButtonVariant as Se, components as L, useProxiedModel as et, useBreakpoints as tt } from "@feedmepos/ui-library";
|
|
5
5
|
import { defineStore as Ae, storeToRefs as Ee } from "pinia";
|
|
6
6
|
import { D as Me, R as N, F as z } from "./row-action.enum-PMKMRrZR.js";
|
|
7
|
-
import { o as nt, i as re, c as Ue, f as ot, u as ie, W as st, h as lt, R as at, A as rt, j as it, X as ct, Y as ne } from "./app-
|
|
8
|
-
import { a as oe, b as Ve, d as Ne, s as Be, r as mt } from "./xlsx.util-
|
|
9
|
-
import { F as ut } from "./FmDroppableField-
|
|
7
|
+
import { o as nt, i as re, c as Ue, f as ot, u as ie, W as st, h as lt, R as at, A as rt, j as it, X as ct, Y as ne } from "./app-B4pi48sM.js";
|
|
8
|
+
import { a as oe, b as Ve, d as Ne, s as Be, r as mt } from "./xlsx.util-CxGmvsp9.js";
|
|
9
|
+
import { F as ut } from "./FmDroppableField-DwZ6ujPh.js";
|
|
10
10
|
import { c as dt, F as O, _ as Le } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
|
|
11
|
-
import { f as pt } from "./format-time-from-id-
|
|
11
|
+
import { f as pt } from "./format-time-from-id-DgW7OJL_.js";
|
|
12
12
|
import "vue-router";
|
|
13
|
-
import { d as ft } from "./defineDeepModel-
|
|
14
|
-
import { u as vt } from "./use-template-enabled-locations-2-
|
|
13
|
+
import { d as ft } from "./defineDeepModel-BXP1vLGf.js";
|
|
14
|
+
import { u as vt } from "./use-template-enabled-locations-2-C2E4j3k-.js";
|
|
15
15
|
const ee = nt((r, s) => {
|
|
16
16
|
function o() {
|
|
17
17
|
var t;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as U, ref as d, computed as y, resolveComponent as k, openBlock as s, createElementBlock as c, createElementVNode as p, createCommentVNode as S, renderSlot as u, createBlock as C, normalizeClass as f, toDisplayString as F, unref as B } from "vue";
|
|
2
2
|
import { useI18n as W } from "@feedmepos/mf-common";
|
|
3
|
-
import { X } from "./app-
|
|
3
|
+
import { X } from "./app-B4pi48sM.js";
|
|
4
4
|
const q = {
|
|
5
5
|
key: 0,
|
|
6
6
|
class: "relative"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { a as P, t as B, a7 as A, i as D, ad as R, am as H, an as V } from "./app-
|
|
2
|
-
import { u as j } from "./supplier-
|
|
3
|
-
import { P as S } from "./format-unit-display-
|
|
1
|
+
import { a as P, t as B, a7 as A, i as D, ad as R, am as H, an as V } from "./app-B4pi48sM.js";
|
|
2
|
+
import { u as j } from "./supplier-D-8XhuF_.js";
|
|
3
|
+
import { P as S } from "./format-unit-display-BP4O0Pym.js";
|
|
4
4
|
import { computed as y, defineComponent as $, mergeModels as W, useModel as J, resolveComponent as w, openBlock as F, createElementBlock as I, normalizeStyle as K, createElementVNode as N, createVNode as Q, withCtx as X, createBlock as x, createCommentVNode as E, Fragment as Y, renderList as Z, unref as M } from "vue";
|
|
5
5
|
function ne(c, i, t, s) {
|
|
6
6
|
var b, g, u;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { reactive as W, onUnmounted as q, defineComponent as T, ref as H, computed as _, resolveComponent as k, openBlock as o, createElementBlock as w, Fragment as V, createElementVNode as f, normalizeClass as D, unref as g, toDisplayString as R, createCommentVNode as b, createBlock as d, withCtx as I, createVNode as M, renderList as S, renderSlot as G, Teleport as z, watch as J, mergeModels as K, useModel as P } from "vue";
|
|
2
2
|
import { useBreakpoints as Y } from "@feedmepos/ui-library";
|
|
3
|
-
import { i as j, V as O } from "./app-
|
|
3
|
+
import { i as j, V as O } from "./app-B4pi48sM.js";
|
|
4
4
|
import { useCoreStore as X, useI18n as Q } from "@feedmepos/mf-common";
|
|
5
5
|
const N = W({});
|
|
6
6
|
function E() {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as p, openBlock as s, createElementBlock as n, createElementVNode as r, toDisplayString as o, unref as i, Fragment as d, renderList as x } from "vue";
|
|
2
|
-
import { a, l as y } from "./app-
|
|
2
|
+
import { a, l as y } from "./app-B4pi48sM.js";
|
|
3
3
|
import { useI18n as _ } from "@feedmepos/mf-common";
|
|
4
4
|
const v = { class: "flex flex-col" }, g = { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, h = { class: "flex-1 py-8 px-16" }, b = {
|
|
5
5
|
class: "flex-0 py-8 px-16",
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { ref as C, computed as I, defineComponent as Y, resolveComponent as S, openBlock as M, createBlock as O, withCtx as R, createElementVNode as x, createVNode as g, unref as l, createElementBlock as ee, toDisplayString as H, createTextVNode as te, watch as ue, isRef as ce, normalizeClass as de, normalizeStyle as me, createSlots as pe, Teleport as fe, normalizeProps as ve, guardReactiveProps as ge } from "vue";
|
|
2
|
-
import { u as J, c as B, R as ye, A as be, j as oe, e as ne, i as _e } from "./app-
|
|
2
|
+
import { u as J, c as B, R as ye, A as be, j as oe, e as ne, i as _e } from "./app-B4pi48sM.js";
|
|
3
3
|
import { useDialog as le, useSnackbar as Z, useProxiedModel as xe, useBreakpoints as ke } from "@feedmepos/ui-library";
|
|
4
4
|
import { F as h, D as se, R as Q } from "./row-action.enum-PMKMRrZR.js";
|
|
5
5
|
import { useI18n as W } from "@feedmepos/mf-common";
|
|
6
6
|
import { defineStore as ie, storeToRefs as ae } from "pinia";
|
|
7
7
|
import "vue-router";
|
|
8
8
|
import { c as he, _ as we, F as re } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
|
|
9
|
-
import { u as Se, _ as Fe, a as Ie } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-
|
|
10
|
-
import { d as Ce } from "./defineDeepModel-
|
|
9
|
+
import { u as Se, _ as Fe, a as Ie } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BpzreBHD.js";
|
|
10
|
+
import { d as Ce } from "./defineDeepModel-BXP1vLGf.js";
|
|
11
11
|
const X = ie(
|
|
12
12
|
"ingredientGroupactions",
|
|
13
13
|
function() {
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { ref as N, defineComponent as ae, computed as C, resolveComponent as U, openBlock as g, createBlock as D, withCtx as S, createVNode as p, unref as u, createElementBlock as T, Fragment as q, createElementVNode as d, createCommentVNode as O, onMounted as nt, watch as ze, normalizeClass as Z, createTextVNode as He, toDisplayString as B, renderList as ee, isRef as Ee, createSlots as Oe, normalizeStyle as ot, Teleport as Re, normalizeProps as lt, guardReactiveProps as rt } from "vue";
|
|
2
|
-
import { u as te, c as je, S as at, _ as st, A as ge, a as Ye, g as be, t as Ge, F as de, R as xe, U as it, M as ut, d as Ae, b as qe, C as Ve, e as De, f as dt, h as mt, I as ct, i as pt } from "./app-
|
|
2
|
+
import { u as te, c as je, S as at, _ as st, A as ge, a as Ye, g as be, t as Ge, F as de, R as xe, U as it, M as ut, d as Ae, b as qe, C as Ve, e as De, f as dt, h as mt, I as ct, i as pt } from "./app-B4pi48sM.js";
|
|
3
3
|
import { useDialog as We, useSnackbar as he, useProxiedModel as Te, useDialogChild as vt, useBreakpoints as ft } from "@feedmepos/ui-library";
|
|
4
4
|
import { i as yt, _ as gt } from "./is-linked-ingredient-error-fJ2TJb3z.js";
|
|
5
5
|
import { F as j, D as Pe, R as ye } from "./row-action.enum-PMKMRrZR.js";
|
|
6
6
|
import { useI18n as ne, useCoreStore as me } from "@feedmepos/mf-common";
|
|
7
7
|
import { defineStore as bt, storeToRefs as ht } from "pinia";
|
|
8
8
|
import { c as _t, _ as xt, F as Be } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
|
|
9
|
-
import { u as Vt, _ as kt, a as Ct } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-
|
|
9
|
+
import { u as Vt, _ as kt, a as Ct } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BpzreBHD.js";
|
|
10
10
|
import { g as wt, _ as ke, S as Ce } from "./StockForecast.vue_vue_type_style_index_0_lang-KLXSWvo5.js";
|
|
11
|
-
import { _ as we } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-
|
|
11
|
+
import { _ as we } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-C8k7pSPT.js";
|
|
12
12
|
import { _ as Se } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
|
|
13
|
-
import { t as Ke, d as Je, s as St, r as Ft } from "./xlsx.util-
|
|
14
|
-
import { F as Mt } from "./FmDroppableField-
|
|
13
|
+
import { t as Ke, d as Je, s as St, r as Ft } from "./xlsx.util-CxGmvsp9.js";
|
|
14
|
+
import { F as Mt } from "./FmDroppableField-DwZ6ujPh.js";
|
|
15
15
|
const Fe = bt("ingredientForm", function() {
|
|
16
16
|
const a = We(), f = he(), s = te(), n = N(!1), { t: l } = ne(), o = N();
|
|
17
17
|
function c() {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ref as Q, computed as R, defineComponent as F, mergeModels as ge, useModel as pe, onMounted as ve, resolveComponent as O, openBlock as C, createElementBlock as V, createElementVNode as c, toDisplayString as L, unref as y, createVNode as M, createBlock as Z, withCtx as J, Fragment as G, renderList as U, normalizeClass as q, normalizeStyle as Ie, createSlots as ye, createCommentVNode as K, withModifiers as be, reactive as te, watch as ne, isRef as ie, Teleport as oe } from "vue";
|
|
2
2
|
import { E as Ee } from "./empty-placeholder-wf6-BWE8.js";
|
|
3
|
-
import { i as _, ax as se, W as re, ay as le, an as he, c as T } from "./app-
|
|
3
|
+
import { i as _, ax as se, W as re, ay as le, an as he, c as T } from "./app-B4pi48sM.js";
|
|
4
4
|
import { useSnackbar as ae, useDialogChild as Be, useDialog as de, useProxiedModel as ue, useBreakpoints as $ } from "@feedmepos/ui-library";
|
|
5
|
-
import { _ as Ce, a as Se } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-
|
|
5
|
+
import { _ as Ce, a as Se } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BpzreBHD.js";
|
|
6
6
|
import { useI18n as Y, useCoreStore as ke } from "@feedmepos/mf-common";
|
|
7
7
|
function xe() {
|
|
8
8
|
return {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as y, computed as V, ref as w, watch as h, resolveComponent as u, openBlock as F, createBlock as A, withCtx as s, createVNode as g, createElementVNode as k, normalizeClass as K } from "vue";
|
|
2
|
-
import { m as d } from "./app-
|
|
2
|
+
import { m as d } from "./app-B4pi48sM.js";
|
|
3
3
|
const _ = ["value", "disabled"], D = /* @__PURE__ */ y({
|
|
4
4
|
__name: "NumberPrecisionInput",
|
|
5
5
|
props: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { u as d, w as f } from "./xlsx-
|
|
2
|
-
import { o as _, i as h } from "./app-
|
|
1
|
+
import { u as d, w as f } from "./xlsx-Dsy-fxZw.js";
|
|
2
|
+
import { o as _, i as h } from "./app-B4pi48sM.js";
|
|
3
3
|
import { useCoreStore as F } from "@feedmepos/mf-common";
|
|
4
4
|
import { ref as y, defineComponent as v, resolveComponent as p, openBlock as k, createElementBlock as g, renderSlot as S, createVNode as l, withCtx as x } from "vue";
|
|
5
5
|
function w(e, t) {
|
package/dist/{PurchaseOrderPrintPreview-QlrdWyMl.js → PurchaseOrderPrintPreview-D3ugzCW_.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as h, computed as x, ref as m, onMounted as f, openBlock as n, createElementBlock as u, createElementVNode as t, toDisplayString as l, normalizeStyle as g, createTextVNode as i, Fragment as d, createCommentVNode as p, renderList as v, normalizeClass as w } from "vue";
|
|
2
2
|
import { useRoute as k } from "vue-router";
|
|
3
|
-
import { ab as y, X as C } from "./app-
|
|
3
|
+
import { ab as y, X as C } from "./app-B4pi48sM.js";
|
|
4
4
|
const P = { class: "purchase-box" }, R = { valign: "bottom" }, A = { class: "text-right" }, N = { class: "header" }, E = { class: "sub-header" }, O = { class: "caption" }, S = { class: "address" }, D = { class: "text-right" }, T = { class: "sub-header" }, q = { class: "address" }, F = { class: "purchase-body" }, L = { class: "text-left" }, U = { class: "text-left" }, V = { class: "text-right" }, z = { style: { "padding-top": "30px" } }, B = { valign: "bottom" }, H = { class: "header" }, I = { class: "caption" }, M = {
|
|
5
5
|
class: "text-left",
|
|
6
6
|
style: { width: "20%" }
|