@ironsource/shared-ui 2.1.12-rc.38 → 2.1.12-rc.39
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/ChartPlane.vue_vue_type_style_index_0_scoped_dd60ff0e_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_da7631e0_lang.css +1 -0
- package/components/chart/ChartPlane.vue.js +2 -2
- package/components/chart/ChartPlane.vue2.js +13 -13
- package/components/table/v4/DataGrid.vue.js +2 -2
- package/components/table/v4/DataGrid.vue2.js +4 -4
- package/index.js +1 -1
- package/package.json +1 -1
- package/ChartPlane.vue_vue_type_style_index_0_scoped_f871962e_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_36ec94a7_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.chart-plane-container[data-v-dd60ff0e]{--headerHeight: var(--53e851a1);width:100%;height:var(--45a8c08c);position:relative}.header-wrapper[data-v-dd60ff0e]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-dd60ff0e]{padding-top:var(--headerHeight);height:100%}.chart-empty[data-v-dd60ff0e]{background:var(--background-paper)}.chart[data-v-dd60ff0e]{width:100%;height:100%;position:relative}.chart__canvas[data-v-dd60ff0e]{width:100%;height:100%}.chart__tooltip[data-v-dd60ff0e]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sticky[data-v-da7631e0]{position:sticky}.table-container[data-v-da7631e0]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-da7631e0]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-da7631e0]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-da7631e0]{display:inline-table}.table-row[data-v-da7631e0]{position:relative}.table-row.loading[data-v-da7631e0]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-da7631e0]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-da7631e0]{border-bottom:none}.expanded-row[data-v-da7631e0]{grid-column:var(--c75d7f10);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-da7631e0]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-da7631e0]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-da7631e0],table th[data-v-da7631e0]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-da7631e0]:first-of-type,table th[data-v-da7631e0]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-da7631e0]:last-of-type,table th[data-v-da7631e0]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-da7631e0],table th.expand-toggle-cell[data-v-da7631e0]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-da7631e0]{border-bottom:none;z-index:calc(var(--d9213df8) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-da7631e0]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--d661d51e)}table>thead>tr>th[data-v-da7631e0]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-da7631e0]{cursor:pointer}table>thead>tr>td[data-v-da7631e0]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-da7631e0],table>thead>tr>td.bordered[data-v-da7631e0]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-da7631e0],table>thead>tr>td.bordered.isStickyRight[data-v-da7631e0]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-da7631e0],table>thead>tr>td.isTextRight[data-v-da7631e0]{justify-content:flex-end}table>thead.sticky[data-v-da7631e0]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-da7631e0]{z-index:calc(var(--d9213df8) + 2);top:calc(var(--spacing-800) - 1px)}table .totals-row[data-v-da7631e0]{height:40px}table .totals-row[data-v-da7631e0]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-da7631e0]{background-color:var(--background-default)}table>tbody[data-v-da7631e0]{display:block}table>tbody>*>tr[data-v-da7631e0]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--d661d51e)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-da7631e0]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-da7631e0],table>tbody>*>tr.activeMenu>td[data-v-da7631e0]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-da7631e0]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-da7631e0]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-da7631e0]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-da7631e0]{justify-content:flex-end;text-align:right}.underlined[data-v-da7631e0]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-da7631e0]:hover{cursor:pointer}.section-container[data-v-da7631e0]{left:0}.sections[data-v-da7631e0]{display:flex}.section[data-v-da7631e0]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-da7631e0]{width:100%}.empty-state[data-v-da7631e0]{min-height:250px}.floating-row[data-v-da7631e0]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--d9213df8) + 1)}.floating-row *[data-v-da7631e0-s]{pointer-events:auto}.bg[data-v-da7631e0]{background:var(--background-default)}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./ChartPlane.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../ChartPlane.
|
|
4
|
-
const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_dd60ff0e_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-dd60ff0e"]]);
|
|
5
5
|
export {
|
|
6
6
|
a as default
|
|
7
7
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import "../../ChartPlane.
|
|
2
|
-
import { Chart as V, ArcElement as me, LineElement as ve, BarElement as Te, PointElement as ye, LineController as Ce, BarController as
|
|
1
|
+
import "../../ChartPlane.vue_vue_type_style_index_0_scoped_dd60ff0e_lang.css"; import { defineComponent as re, useCssVars as ie, unref as s, computed as i, ref as S, onMounted as ne, watch as T, nextTick as se, openBlock as p, createElementBlock as E, createVNode as de, isRef as ce, createSlots as ue, withCtx as fe, renderSlot as pe, createCommentVNode as L, createElementVNode as R, normalizeStyle as he, createBlock as D } from "vue";
|
|
2
|
+
import { Chart as V, ArcElement as me, LineElement as ve, BarElement as Te, PointElement as ye, LineController as Ce, BarController as ge, PieController as be, ScatterController as xe, CategoryScale as Ae, LinearScale as ke, Filler as Se, Tooltip as Ee } from "chart.js";
|
|
3
3
|
import { HoverVerticalLine as Le } from "./plugins/HoverVerticalLine.js";
|
|
4
4
|
import { prepareTickLabel as Re, formatValue as De } from "./utils/utils.js";
|
|
5
5
|
import { DEFAULT_TICK_COUNT as Be, TOTALS_HELPER_KEY as F, LINE_DASH_STYLE as Ie, BASE_COLOR_KEY as _, CHART_PADDING as Oe, POINT_BORDER_COLOR as Ne, TICK_LABEL_COLOR as M, TICK_LABEL_FONT as Y, TICKS_EXTRA_PADDING as Pe, GRID_LINE_COLOR as K, HEADER_HEIGHT as He, COMPACT_HEADER_HEIGHT as we, HOVER_AREA_TRANSPARENCY as Ve, HOVER_TRANSPARENCY as y, CHART_ITEM_TRANSPARENCY as Fe, INCOMPLETE_DATA_BAR_TRANSPARENCY as _e, STACKED_LINE_TRANSPARENCY as Me } from "./consts.js";
|
|
@@ -66,8 +66,8 @@ const tt = { class: "chart-plane-container" }, at = {
|
|
|
66
66
|
setup(o, { emit: $ }) {
|
|
67
67
|
const e = o;
|
|
68
68
|
ie((t) => ({
|
|
69
|
-
"
|
|
70
|
-
"
|
|
69
|
+
"53e851a1": s(ae),
|
|
70
|
+
"45a8c08c": o.height
|
|
71
71
|
}));
|
|
72
72
|
const z = ze(Re);
|
|
73
73
|
V.register(
|
|
@@ -76,8 +76,8 @@ const tt = { class: "chart-plane-container" }, at = {
|
|
|
76
76
|
Te,
|
|
77
77
|
ye,
|
|
78
78
|
Ce,
|
|
79
|
-
be,
|
|
80
79
|
ge,
|
|
80
|
+
be,
|
|
81
81
|
xe,
|
|
82
82
|
Ae,
|
|
83
83
|
ke,
|
|
@@ -89,13 +89,13 @@ const tt = { class: "chart-plane-container" }, at = {
|
|
|
89
89
|
() => e.withAnimation ? "" : "none"
|
|
90
90
|
), v = S(null);
|
|
91
91
|
let n = null;
|
|
92
|
-
const B = i(() => e.empty || e.dataSets.length === 0), u = i(() => !e.loading && !B.value),
|
|
92
|
+
const B = i(() => e.empty || e.dataSets.length === 0), u = i(() => !e.loading && !B.value), g = () => {
|
|
93
93
|
v.value && (n && n.destroy(), n = new V(v.value, N.value));
|
|
94
94
|
}, Z = () => {
|
|
95
95
|
n && (n.data.datasets = O.value, n.options = N.value.options, n.update(W.value));
|
|
96
96
|
};
|
|
97
|
-
ne(
|
|
98
|
-
t && (await se(),
|
|
97
|
+
ne(g), T(() => e.chartType, g), T(u, async (t) => {
|
|
98
|
+
t && (await se(), g());
|
|
99
99
|
}), T(
|
|
100
100
|
[
|
|
101
101
|
() => e.visibleIds,
|
|
@@ -105,7 +105,7 @@ const tt = { class: "chart-plane-container" }, at = {
|
|
|
105
105
|
],
|
|
106
106
|
Z
|
|
107
107
|
);
|
|
108
|
-
const f = i(() => e.totalsChart),
|
|
108
|
+
const f = i(() => e.totalsChart), b = i(
|
|
109
109
|
() => e.chartType === d.StackedLine || e.chartType === d.StackedBar || f.value
|
|
110
110
|
), x = i(
|
|
111
111
|
() => e.chartType === d.Line || e.chartType === d.StackedLine
|
|
@@ -126,7 +126,7 @@ const tt = { class: "chart-plane-container" }, at = {
|
|
|
126
126
|
let l = Fe;
|
|
127
127
|
return e.chartType === d.Bar && e.indicateIncompleteData && r.index === a ? l = _e : e.chartType === d.StackedLine && (l = Me), h(t, l);
|
|
128
128
|
}, O = i(() => A.value.map((t, r) => {
|
|
129
|
-
const a = q(t.id), l =
|
|
129
|
+
const a = q(t.id), l = b.value ? r !== 0 ? "-1" : "start" : void 0, m = e.indicateIncompleteData ? {
|
|
130
130
|
borderDash: (w) => {
|
|
131
131
|
if (w.p1DataIndex === w.chart.data.labels.length - 1)
|
|
132
132
|
return Ie;
|
|
@@ -206,7 +206,7 @@ const tt = { class: "chart-plane-container" }, at = {
|
|
|
206
206
|
elements: {
|
|
207
207
|
line: {
|
|
208
208
|
borderWidth: 2,
|
|
209
|
-
tension: 0
|
|
209
|
+
tension: 0
|
|
210
210
|
},
|
|
211
211
|
point: {
|
|
212
212
|
radius: I.value ? 3 : 1,
|
|
@@ -226,7 +226,7 @@ const tt = { class: "chart-plane-container" }, at = {
|
|
|
226
226
|
beginAtZero: !0,
|
|
227
227
|
offset: !x.value || I.value,
|
|
228
228
|
border: { display: !1 },
|
|
229
|
-
stacked:
|
|
229
|
+
stacked: b.value,
|
|
230
230
|
// stack on top of each other
|
|
231
231
|
// ticks
|
|
232
232
|
ticks: {
|
|
@@ -260,7 +260,7 @@ const tt = { class: "chart-plane-container" }, at = {
|
|
|
260
260
|
beginAtZero: !0,
|
|
261
261
|
border: { display: !1 },
|
|
262
262
|
// hide left borderline
|
|
263
|
-
stacked:
|
|
263
|
+
stacked: b.value,
|
|
264
264
|
// stack on top of each other
|
|
265
265
|
// ticks
|
|
266
266
|
ticks: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./DataGrid.vue2.js";
|
|
2
2
|
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../DataGrid.
|
|
4
|
-
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_da7631e0_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-da7631e0"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../DataGrid.
|
|
1
|
+
import "../../../DataGrid.vue_vue_type_style_index_0_scoped_da7631e0_lang.css"; import { defineComponent as he, useCssVars as ye, unref as t, useSlots as fe, computed as h, openBlock as i, createElementBlock as d, createElementVNode as m, normalizeStyle as b, normalizeClass as y, createBlock as L, isRef as Se, createSlots as ke, withCtx as S, renderSlot as r, createCommentVNode as c, Fragment as C, renderList as x, createVNode as k, createTextVNode as V, toDisplayString as z, mergeProps as I } from "vue";
|
|
2
2
|
import M from "../../typography/v4/Typography.vue.js";
|
|
3
3
|
import ge from "../../skeleton/v4/SkeletonV4.vue.js";
|
|
4
4
|
import me from "../../emptyState/v4/EmptyStateV4.vue.js";
|
|
@@ -70,9 +70,9 @@ const we = ["data-testid"], Be = ["data-testid"], He = ["data-testid"], Ee = {
|
|
|
70
70
|
setup(l, { expose: g, emit: f }) {
|
|
71
71
|
const a = l;
|
|
72
72
|
ye((s) => ({
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
73
|
+
d9213df8: l.zIndexBase,
|
|
74
|
+
c75d7f10: t(ee),
|
|
75
|
+
d661d51e: t(D)
|
|
76
76
|
}));
|
|
77
77
|
const v = fe(), Q = (s) => a.rowCustomClassKey && a.rows[s] ? a.rows[s][a.rowCustomClassKey] : "", {
|
|
78
78
|
list: R,
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css';
|
|
2
2
|
import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
|
|
3
3
|
import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
|
|
4
4
|
import { MenuItemTypes as ao } from "./components/menuItem/index.js";
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.chart-plane-container[data-v-f871962e]{--headerHeight: var(--019b28ee);width:100%;height:var(--8d0b964e);position:relative}.header-wrapper[data-v-f871962e]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-f871962e]{padding-top:var(--headerHeight);height:100%}.chart-empty[data-v-f871962e]{background:var(--background-paper)}.chart[data-v-f871962e]{width:100%;height:100%;position:relative}.chart__canvas[data-v-f871962e]{width:100%;height:100%}.chart__tooltip[data-v-f871962e]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.sticky[data-v-36ec94a7]{position:sticky}.table-container[data-v-36ec94a7]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-36ec94a7]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-36ec94a7]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-36ec94a7]{display:inline-table}.table-row[data-v-36ec94a7]{position:relative}.table-row.loading[data-v-36ec94a7]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-36ec94a7]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-36ec94a7]{border-bottom:none}.expanded-row[data-v-36ec94a7]{grid-column:var(--45c28f25);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-36ec94a7]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-36ec94a7]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-36ec94a7],table th[data-v-36ec94a7]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-36ec94a7]:first-of-type,table th[data-v-36ec94a7]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-36ec94a7]:last-of-type,table th[data-v-36ec94a7]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-36ec94a7],table th.expand-toggle-cell[data-v-36ec94a7]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-36ec94a7]{border-bottom:none;z-index:calc(var(--760f151e) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-36ec94a7]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--b1b12644)}table>thead>tr>th[data-v-36ec94a7]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-36ec94a7]{cursor:pointer}table>thead>tr>td[data-v-36ec94a7]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-36ec94a7],table>thead>tr>td.bordered[data-v-36ec94a7]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-36ec94a7],table>thead>tr>td.bordered.isStickyRight[data-v-36ec94a7]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-36ec94a7],table>thead>tr>td.isTextRight[data-v-36ec94a7]{justify-content:flex-end}table>thead.sticky[data-v-36ec94a7]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-36ec94a7]{z-index:calc(var(--760f151e) + 2);top:calc(var(--spacing-800) - 1px)}table .totals-row[data-v-36ec94a7]{height:40px}table .totals-row[data-v-36ec94a7]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-36ec94a7]{background-color:var(--background-default)}table>tbody[data-v-36ec94a7]{display:block}table>tbody>*>tr[data-v-36ec94a7]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--b1b12644)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-36ec94a7]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-36ec94a7],table>tbody>*>tr.activeMenu>td[data-v-36ec94a7]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-36ec94a7]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-36ec94a7]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-36ec94a7]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-36ec94a7]{justify-content:flex-end;text-align:right}.underlined[data-v-36ec94a7]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-36ec94a7]:hover{cursor:help}.section-container[data-v-36ec94a7]{left:0}.sections[data-v-36ec94a7]{display:flex}.section[data-v-36ec94a7]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-36ec94a7]{width:100%}.empty-state[data-v-36ec94a7]{min-height:250px}.floating-row[data-v-36ec94a7]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--760f151e) + 1)}.floating-row *[data-v-36ec94a7-s]{pointer-events:auto}.bg[data-v-36ec94a7]{background:var(--background-default)}
|