@orbe-agro/client-core 5.6.4 → 5.6.6
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/@ecme/configs/chart.config.js +12 -10
- package/dist/@ecme/configs/chart.config.js.map +1 -1
- package/dist/@ecme/views/ui-components/graph/Charts/DashedLine.js +1 -1
- package/dist/@ecme/views/ui-components/graph/Charts/DashedLine.js.map +1 -1
- package/dist/@types/@ecme/configs/chart.config.d.ts +2 -2794
- package/dist/@types/@ecme/configs/chart.config.d.ts.map +1 -1
- package/dist/@types/@ecme/views/ui-components/graph/Charts/DashedLine.d.ts.map +1 -1
- package/dist/@types/base/@types/models/agendamento/ordemConsumoContratoCliente.d.ts +2 -0
- package/dist/@types/base/@types/models/agendamento/ordemConsumoContratoCliente.d.ts.map +1 -1
- package/dist/base/@types/models/agendamento/ordemConsumoContratoCliente.js.map +1 -1
- package/lib/@ecme/configs/chart.config.ts +22 -22
- package/lib/@ecme/views/ui-components/graph/Charts/DashedLine.tsx +6 -3
- package/lib/base/@types/models/agendamento/ordemConsumoContratoCliente.ts +2 -0
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { COLORS } from "../constants/chart.constant.js";
|
|
2
|
+
const formatTooltipValue = (val) => `${val ?? ""}`;
|
|
2
3
|
const apexLineChartDefaultOption = {
|
|
3
4
|
chart: {
|
|
4
5
|
zoom: {
|
|
@@ -22,7 +23,8 @@ const apexLineChartDefaultOption = {
|
|
|
22
23
|
vertical: 10
|
|
23
24
|
},
|
|
24
25
|
tooltipHoverFormatter: function(val, opts) {
|
|
25
|
-
|
|
26
|
+
const pointValue = opts?.w?.globals?.series?.[opts?.seriesIndex]?.[opts?.dataPointIndex];
|
|
27
|
+
return `${val} - ${pointValue ?? ""}`;
|
|
26
28
|
}
|
|
27
29
|
},
|
|
28
30
|
xaxis: {
|
|
@@ -73,7 +75,8 @@ const apexBarChartDefaultOption = {
|
|
|
73
75
|
vertical: 10
|
|
74
76
|
},
|
|
75
77
|
tooltipHoverFormatter: function(val, opts) {
|
|
76
|
-
|
|
78
|
+
const pointValue = opts?.w?.globals?.series?.[opts?.seriesIndex]?.[opts?.dataPointIndex];
|
|
79
|
+
return `${val} - ${pointValue ?? ""}`;
|
|
77
80
|
}
|
|
78
81
|
},
|
|
79
82
|
xaxis: {
|
|
@@ -84,7 +87,7 @@ const apexBarChartDefaultOption = {
|
|
|
84
87
|
},
|
|
85
88
|
tooltip: {
|
|
86
89
|
y: {
|
|
87
|
-
formatter: (val) =>
|
|
90
|
+
formatter: (val) => formatTooltipValue(val)
|
|
88
91
|
}
|
|
89
92
|
}
|
|
90
93
|
};
|
|
@@ -121,7 +124,7 @@ const apexColumnChartDefaultOption = {
|
|
|
121
124
|
},
|
|
122
125
|
tooltip: {
|
|
123
126
|
y: {
|
|
124
|
-
formatter: (val) =>
|
|
127
|
+
formatter: (val) => formatTooltipValue(val)
|
|
125
128
|
}
|
|
126
129
|
}
|
|
127
130
|
};
|
|
@@ -155,7 +158,7 @@ const apexMixedChartDefaultOption = {
|
|
|
155
158
|
},
|
|
156
159
|
tooltip: {
|
|
157
160
|
y: {
|
|
158
|
-
formatter: (val) =>
|
|
161
|
+
formatter: (val) => formatTooltipValue(val)
|
|
159
162
|
}
|
|
160
163
|
}
|
|
161
164
|
};
|
|
@@ -166,7 +169,7 @@ const apexPieChartDefaultOption = {
|
|
|
166
169
|
},
|
|
167
170
|
tooltip: {
|
|
168
171
|
y: {
|
|
169
|
-
formatter: (val) =>
|
|
172
|
+
formatter: (val) => formatTooltipValue(val)
|
|
170
173
|
}
|
|
171
174
|
}
|
|
172
175
|
};
|
|
@@ -182,12 +185,11 @@ const apexDonutChartDefaultOption = {
|
|
|
182
185
|
showAlways: true,
|
|
183
186
|
label: "",
|
|
184
187
|
formatter: function(w) {
|
|
185
|
-
|
|
186
|
-
(
|
|
187
|
-
return a + b;
|
|
188
|
-
},
|
|
188
|
+
const total = w.globals.seriesTotals.reduce(
|
|
189
|
+
(acc, value) => acc + value,
|
|
189
190
|
0
|
|
190
191
|
);
|
|
192
|
+
return `${total}`;
|
|
191
193
|
}
|
|
192
194
|
}
|
|
193
195
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart.config.js","sources":["../../../lib/@ecme/configs/chart.config.ts"],"sourcesContent":["import { COLORS } from '@/constants/chart.constant'\nimport type { ApexOptions } from 'apexcharts'\n\nexport const apexLineChartDefaultOption: ApexOptions = {\n chart: {\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n width: 2.5,\n curve: 'smooth',\n lineCap: 'round',\n },\n legend: {\n itemMargin: {\n vertical: 10,\n },\n tooltipHoverFormatter: function (val, opts) {\n return (\n val +\n ' - ' +\n opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] +\n ''\n )\n },\n },\n xaxis: {\n categories: [],\n },\n}\n\nexport const apexAreaChartDefaultOption = {\n ...apexLineChartDefaultOption,\n fill: {\n type: 'gradient',\n gradient: {\n shadeIntensity: 1,\n opacityFrom: 0.3,\n opacityTo: 0.6,\n stops: [0, 70, 100],\n },\n },\n}\n\nexport const apexBarChartDefaultOption: ApexOptions = {\n chart: {\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n plotOptions: {\n bar: {\n horizontal: false,\n columnWidth: '35px',\n borderRadius: 4,\n borderRadiusApplication: 'end',\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n show: true,\n width: 1,\n curve: 'smooth',\n colors: ['transparent'],\n },\n legend: {\n itemMargin: {\n vertical: 10,\n },\n tooltipHoverFormatter: function (val, opts) {\n return (\n val +\n ' - ' +\n opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] +\n ''\n )\n },\n },\n xaxis: {\n categories: [],\n },\n fill: {\n opacity: 1,\n },\n tooltip: {\n y: {\n formatter: (val) => `${val}`,\n }, },\n}\n\nexport const apexColumnChartDefaultOption: ApexOptions = {\n chart: {\n type: 'bar',\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n colors: [...COLORS],\n plotOptions: {\n bar: {\n horizontal: false,\n columnWidth: '55%',\n },\n },\n dataLabels: {\n enabled: false,\n },\n stroke: {\n show: true,\n width: 2,\n colors: ['transparent'],\n },\n xaxis: {\n categories: [],\n },\n fill: {\n opacity: 1,\n },\n tooltip: {\n y: {\n formatter: (val) => `${val}`,\n },\n },\n}\n\nexport const apexMixedChartDefaultOption: ApexOptions = {\n chart: {\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n width: [0, 4],\n curve: 'smooth',\n },\n plotOptions: {\n bar: {\n columnWidth: '50%',\n },\n },\n xaxis: {\n categories: [],\n },\n fill: {\n opacity: 1,\n },\n tooltip: {\n y: {\n formatter: (val) => `${val}`,\n },\n },\n}\n\nexport const apexPieChartDefaultOption: ApexOptions = {\n colors: [...COLORS],\n stroke: {\n width: 0,\n },\n tooltip: {\n y: {\n formatter: (val) => `${val}`,\n },\n },\n}\n\nexport const apexDonutChartDefaultOption: ApexOptions = {\n colors: [...COLORS],\n plotOptions: {\n pie: {\n donut: {\n labels: {\n show: true,\n total: {\n show: true,\n showAlways: true,\n label: '',\n formatter: function (w) {\n return w.globals.seriesTotals.reduce(\n (a: string, b: string) => {\n return a + b\n },\n 0,\n )\n },\n },\n },\n size: '85%',\n },\n },\n },\n stroke: {\n colors: ['transparent'],\n },\n labels: [],\n dataLabels: {\n enabled: false,\n },\n legend: {\n show: false,\n },\n}\n\nexport const apexSparklineChartDefultOption: ApexOptions = {\n chart: {\n type: 'line',\n sparkline: {\n enabled: true,\n },\n },\n stroke: {\n width: 2,\n curve: 'smooth',\n },\n tooltip: {\n fixed: {\n enabled: false,\n },\n x: {\n show: false,\n },\n y: {\n title: {\n formatter: function () {\n return ''\n },\n },\n },\n marker: {\n show: false,\n },\n },\n}\n\nexport const apexRadarChartDefultOption: ApexOptions = {\n chart: {\n type: 'radar',\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n colors: [...COLORS],\n}\n\nconst chartConfig = {\n apexLineChartDefaultOption,\n apexAreaChartDefaultOption,\n apexBarChartDefaultOption,\n apexColumnChartDefaultOption,\n apexMixedChartDefaultOption,\n apexPieChartDefaultOption,\n apexDonutChartDefaultOption,\n apexSparklineChartDefultOption,\n apexRadarChartDefultOption,\n}\n\nexport default chartConfig\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"chart.config.js","sources":["../../../lib/@ecme/configs/chart.config.ts"],"sourcesContent":["import { COLORS } from '@/constants/chart.constant'\nimport type { ApexOptions } from 'apexcharts'\n\nconst formatTooltipValue = (val: number | string | undefined): string =>\n `${val ?? ''}`\n\nexport const apexLineChartDefaultOption: ApexOptions = {\n chart: {\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n width: 2.5,\n curve: 'smooth',\n lineCap: 'round',\n },\n legend: {\n itemMargin: {\n vertical: 10,\n },\n tooltipHoverFormatter: function (val, opts) {\n const pointValue =\n opts?.w?.globals?.series?.[opts?.seriesIndex]?.[opts?.dataPointIndex]\n\n return `${val} - ${pointValue ?? ''}`\n },\n },\n xaxis: {\n categories: [],\n },\n}\n\nexport const apexAreaChartDefaultOption: ApexOptions = {\n ...apexLineChartDefaultOption,\n fill: {\n type: 'gradient',\n gradient: {\n shadeIntensity: 1,\n opacityFrom: 0.3,\n opacityTo: 0.6,\n stops: [0, 70, 100],\n },\n },\n}\n\nexport const apexBarChartDefaultOption: ApexOptions = {\n chart: {\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n plotOptions: {\n bar: {\n horizontal: false,\n columnWidth: '35px',\n borderRadius: 4,\n borderRadiusApplication: 'end',\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n show: true,\n width: 1,\n curve: 'smooth',\n colors: ['transparent'],\n },\n legend: {\n itemMargin: {\n vertical: 10,\n },\n tooltipHoverFormatter: function (val, opts) {\n const pointValue =\n opts?.w?.globals?.series?.[opts?.seriesIndex]?.[opts?.dataPointIndex]\n\n return `${val} - ${pointValue ?? ''}`\n },\n },\n xaxis: {\n categories: [],\n },\n fill: {\n opacity: 1,\n },\n tooltip: {\n y: {\n formatter: (val) => formatTooltipValue(val),\n },\n },\n}\n\nexport const apexColumnChartDefaultOption: ApexOptions = {\n chart: {\n type: 'bar',\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n colors: [...COLORS],\n plotOptions: {\n bar: {\n horizontal: false,\n columnWidth: '55%',\n },\n },\n dataLabels: {\n enabled: false,\n },\n stroke: {\n show: true,\n width: 2,\n colors: ['transparent'],\n },\n xaxis: {\n categories: [],\n },\n fill: {\n opacity: 1,\n },\n tooltip: {\n y: {\n formatter: (val) => formatTooltipValue(val),\n },\n },\n}\n\nexport const apexMixedChartDefaultOption: ApexOptions = {\n chart: {\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n width: [0, 4],\n curve: 'smooth',\n },\n plotOptions: {\n bar: {\n columnWidth: '50%',\n },\n },\n xaxis: {\n categories: [],\n },\n fill: {\n opacity: 1,\n },\n tooltip: {\n y: {\n formatter: (val) => formatTooltipValue(val),\n },\n },\n}\n\nexport const apexPieChartDefaultOption: ApexOptions = {\n colors: [...COLORS],\n stroke: {\n width: 0,\n },\n tooltip: {\n y: {\n formatter: (val) => formatTooltipValue(val),\n },\n },\n}\n\nexport const apexDonutChartDefaultOption: ApexOptions = {\n colors: [...COLORS],\n plotOptions: {\n pie: {\n donut: {\n labels: {\n show: true,\n total: {\n show: true,\n showAlways: true,\n label: '',\n formatter: function (w) {\n const total = w.globals.seriesTotals.reduce(\n (acc, value) => acc + value,\n 0,\n )\n\n return `${total}`\n },\n },\n },\n size: '85%',\n },\n },\n },\n stroke: {\n colors: ['transparent'],\n },\n labels: [],\n dataLabels: {\n enabled: false,\n },\n legend: {\n show: false,\n },\n}\n\nexport const apexSparklineChartDefultOption: ApexOptions = {\n chart: {\n type: 'line',\n sparkline: {\n enabled: true,\n },\n },\n stroke: {\n width: 2,\n curve: 'smooth',\n },\n tooltip: {\n fixed: {\n enabled: false,\n },\n x: {\n show: false,\n },\n y: {\n title: {\n formatter: function () {\n return ''\n },\n },\n },\n marker: {\n show: false,\n },\n },\n}\n\nexport const apexRadarChartDefultOption: ApexOptions = {\n chart: {\n type: 'radar',\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n colors: [...COLORS],\n}\n\nconst chartConfig = {\n apexLineChartDefaultOption,\n apexAreaChartDefaultOption,\n apexBarChartDefaultOption,\n apexColumnChartDefaultOption,\n apexMixedChartDefaultOption,\n apexPieChartDefaultOption,\n apexDonutChartDefaultOption,\n apexSparklineChartDefultOption,\n apexRadarChartDefultOption,\n}\n\nexport default chartConfig\n"],"names":[],"mappings":"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"}
|
|
@@ -38,7 +38,7 @@ const DashedLine = () => {
|
|
|
38
38
|
},
|
|
39
39
|
legend: {
|
|
40
40
|
tooltipHoverFormatter: function(val, opts) {
|
|
41
|
-
return val + " - " + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex];
|
|
41
|
+
return val + " - " + (opts && opts.w && opts.w.globals && opts.w.globals.series && typeof opts.seriesIndex !== "undefined" && typeof opts.dataPointIndex !== "undefined" ? opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] : "");
|
|
42
42
|
}
|
|
43
43
|
},
|
|
44
44
|
markers: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashedLine.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/DashedLine.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst DashedLine = () => {\n const data = [\n {\n name: 'Session Duration',\n data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10],\n },\n {\n name: 'Page Views',\n data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35],\n },\n {\n name: 'Total Visits',\n data: [87, 57, 74, 99, 75, 38, 62, 47, 82, 56, 45, 47],\n },\n ]\n\n return (\n <Chart\n options={{\n chart: {\n height: 350,\n type: 'line',\n zoom: {\n enabled: false,\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n width: [3, 5, 3],\n curve: 'straight',\n dashArray: [0, 8, 5],\n },\n legend: {\n tooltipHoverFormatter: function (val, opts) {\n return (\n val +\n ' - ' +\n opts.w.globals.series
|
|
1
|
+
{"version":3,"file":"DashedLine.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/DashedLine.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst DashedLine = () => {\n const data = [\n {\n name: 'Session Duration',\n data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10],\n },\n {\n name: 'Page Views',\n data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35],\n },\n {\n name: 'Total Visits',\n data: [87, 57, 74, 99, 75, 38, 62, 47, 82, 56, 45, 47],\n },\n ]\n\n return (\n <Chart\n options={{\n chart: {\n height: 350,\n type: 'line',\n zoom: {\n enabled: false,\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n width: [3, 5, 3],\n curve: 'straight',\n dashArray: [0, 8, 5],\n },\n legend: {\n tooltipHoverFormatter: function (val, opts) {\n return (\n val +\n ' - ' +\n (opts && opts.w && opts.w.globals && opts.w.globals.series &&\n typeof opts.seriesIndex !== 'undefined' &&\n typeof opts.dataPointIndex !== 'undefined'\n ? opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex]\n : ''\n ) +\n ''\n )\n },\n },\n markers: {\n size: 0,\n hover: {\n sizeOffset: 6,\n },\n },\n xaxis: {\n categories: [\n '01 Jan',\n '02 Jan',\n '03 Jan',\n '04 Jan',\n '05 Jan',\n '06 Jan',\n '07 Jan',\n '08 Jan',\n '09 Jan',\n '10 Jan',\n '11 Jan',\n '12 Jan',\n ],\n },\n tooltip: {\n y: [\n {\n title: {\n formatter: function (val) {\n return val + ' (mins)'\n },\n },\n },\n {\n title: {\n formatter: function (val) {\n return val + ' per session'\n },\n },\n },\n {\n title: {\n formatter: function (val) {\n return val\n },\n },\n },\n ],\n },\n grid: {\n borderColor: '#f1f1f1',\n },\n }}\n series={data}\n height={300}\n />\n )\n}\n\nexport default DashedLine\n"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,MAAM;AACrB,QAAM,OAAO;AAAA,IACT;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,IAAI,EAAE;AAAA,IAAA;AAAA,IAEvD;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,IAEzD;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,EACzD;AAGJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,OAAO;AAAA,UACH,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,YACF,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,QAEJ,QAAQ,CAAC,GAAG,MAAM;AAAA,QAClB,YAAY;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,QAEb,QAAQ;AAAA,UACJ,OAAO,CAAC,GAAG,GAAG,CAAC;AAAA,UACf,OAAO;AAAA,UACP,WAAW,CAAC,GAAG,GAAG,CAAC;AAAA,QAAA;AAAA,QAEvB,QAAQ;AAAA,UACJ,uBAAuB,SAAU,KAAK,MAAM;AACxC,mBACI,MACA,SACC,QAAQ,KAAK,KAAK,KAAK,EAAE,WAAW,KAAK,EAAE,QAAQ,UAChD,OAAO,KAAK,gBAAgB,eAC5B,OAAO,KAAK,mBAAmB,cAC7B,KAAK,EAAE,QAAQ,OAAO,KAAK,WAAW,EAAE,KAAK,cAAc,IAC3D;AAAA,UAId;AAAA,QAAA;AAAA,QAEJ,SAAS;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,YACH,YAAY;AAAA,UAAA;AAAA,QAChB;AAAA,QAEJ,OAAO;AAAA,UACH,YAAY;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACJ;AAAA,QAEJ,SAAS;AAAA,UACL,GAAG;AAAA,YACC;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAU,KAAK;AACtB,yBAAO,MAAM;AAAA,gBACjB;AAAA,cAAA;AAAA,YACJ;AAAA,YAEJ;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAU,KAAK;AACtB,yBAAO,MAAM;AAAA,gBACjB;AAAA,cAAA;AAAA,YACJ;AAAA,YAEJ;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAU,KAAK;AACtB,yBAAO;AAAA,gBACX;AAAA,cAAA;AAAA,YACJ;AAAA,UACJ;AAAA,QACJ;AAAA,QAEJ,MAAM;AAAA,UACF,aAAa;AAAA,QAAA;AAAA,MACjB;AAAA,MAEJ,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
|