@pittorica/checkbox-group-react 0.26.0 → 0.26.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/CheckboxGroup.d.ts +3 -4
- package/dist/CheckboxGroup.d.ts.map +1 -1
- package/dist/index.js +44 -43
- package/package.json +6 -6
package/dist/CheckboxGroup.d.ts
CHANGED
|
@@ -21,13 +21,12 @@ export type CheckboxGroupRootProps<E extends ElementType = 'div'> = Omit<BoxProp
|
|
|
21
21
|
export type CheckboxGroupItemProps<E extends ElementType = 'label'> = Omit<CheckboxProps<E>, 'value'> & {
|
|
22
22
|
value: string;
|
|
23
23
|
};
|
|
24
|
-
export declare const CheckboxGroup: {
|
|
25
|
-
<E extends ElementType = "div">({ value: controlledValue, defaultValue, onValueChange, orientation, color, disabled, name, required, children, className, as, ...props }: CheckboxGroupRootProps<E>)
|
|
26
|
-
displayName: string;
|
|
27
|
-
} & {
|
|
24
|
+
export declare const CheckboxGroup: (<E extends ElementType = "div">({ value: controlledValue, defaultValue, onValueChange, orientation, color, disabled, name, required, children, className, as, ...props }: CheckboxGroupRootProps<E>) => import("react/jsx-runtime").JSX.Element) & {
|
|
25
|
+
Root: <E extends ElementType = "div">({ value: controlledValue, defaultValue, onValueChange, orientation, color, disabled, name, required, children, className, as, ...props }: CheckboxGroupRootProps<E>) => import("react/jsx-runtime").JSX.Element;
|
|
28
26
|
Item: {
|
|
29
27
|
<E extends ElementType = "label">({ value, as, ...props }: CheckboxGroupItemProps<E>): import("react/jsx-runtime").JSX.Element;
|
|
30
28
|
displayName: string;
|
|
31
29
|
};
|
|
30
|
+
displayName: string;
|
|
32
31
|
};
|
|
33
32
|
//# sourceMappingURL=CheckboxGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../src/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,WAAW,EAA0B,MAAM,OAAO,CAAC;AAIhF,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiB5D;;GAEG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,IAAI,CACtE,QAAQ,CAAC,CAAC,CAAC,EACX,UAAU,GAAG,OAAO,GAAG,cAAc,CACtC,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA8DF;;GAEG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,IAAI,IAAI,CACxE,aAAa,CAAC,CAAC,CAAC,EAChB,OAAO,CACR,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAgCF,eAAO,MAAM,aAAa;
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../src/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,WAAW,EAA0B,MAAM,OAAO,CAAC;AAIhF,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiB5D;;GAEG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,IAAI,CACtE,QAAQ,CAAC,CAAC,CAAC,EACX,UAAU,GAAG,OAAO,GAAG,cAAc,CACtC,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA8DF;;GAEG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,IAAI,IAAI,CACxE,aAAa,CAAC,CAAC,CAAC,EAChB,OAAO,CACR,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAgCF,eAAO,MAAM,aAAa,IApGC,CAAC,SAAS,WAAW,oJAa7C,sBAAsB,CAAC,CAAC,CAAC;WAbD,CAAC,SAAS,WAAW,oJAa7C,sBAAsB,CAAC,CAAC,CAAC;;SAyDD,CAAC,SAAS,WAAW,qCAI7C,sBAAsB,CAAC,CAAC,CAAC;;;;CA8B1B,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
import { jsx as b, jsxs as z } from "react/jsx-runtime";
|
|
2
2
|
import Q, { forwardRef as U, createElement as B, createContext as D, useState as X, useMemo as Y, use as Z } from "react";
|
|
3
|
-
function
|
|
3
|
+
function j(a) {
|
|
4
4
|
var i, r, t = "";
|
|
5
5
|
if (typeof a == "string" || typeof a == "number") t += a;
|
|
6
6
|
else if (typeof a == "object") if (Array.isArray(a)) {
|
|
7
7
|
var o = a.length;
|
|
8
|
-
for (i = 0; i < o; i++) a[i] && (r =
|
|
8
|
+
for (i = 0; i < o; i++) a[i] && (r = j(a[i])) && (t && (t += " "), t += r);
|
|
9
9
|
} else for (r in a) a[r] && (t && (t += " "), t += r);
|
|
10
10
|
return t;
|
|
11
11
|
}
|
|
12
12
|
function V() {
|
|
13
|
-
for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i =
|
|
13
|
+
for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = j(a)) && (t && (t += " "), t += i);
|
|
14
14
|
return t;
|
|
15
15
|
}
|
|
16
|
-
function
|
|
16
|
+
function G(a) {
|
|
17
17
|
var i, r, t = "";
|
|
18
18
|
if (typeof a == "string" || typeof a == "number") t += a;
|
|
19
19
|
else if (typeof a == "object") if (Array.isArray(a)) {
|
|
20
20
|
var o = a.length;
|
|
21
|
-
for (i = 0; i < o; i++) a[i] && (r =
|
|
21
|
+
for (i = 0; i < o; i++) a[i] && (r = G(a[i])) && (t && (t += " "), t += r);
|
|
22
22
|
} else for (r in a) a[r] && (t && (t += " "), t += r);
|
|
23
23
|
return t;
|
|
24
24
|
}
|
|
25
25
|
function tt() {
|
|
26
|
-
for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i =
|
|
26
|
+
for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = G(a)) && (t && (t += " "), t += i);
|
|
27
27
|
return t;
|
|
28
28
|
}
|
|
29
|
-
const
|
|
29
|
+
const I = ({
|
|
30
30
|
as: a,
|
|
31
31
|
children: i,
|
|
32
32
|
display: r,
|
|
@@ -71,18 +71,18 @@ const G = ({
|
|
|
71
71
|
}
|
|
72
72
|
);
|
|
73
73
|
};
|
|
74
|
-
|
|
75
|
-
function
|
|
74
|
+
I.displayName = "Box";
|
|
75
|
+
function W(a) {
|
|
76
76
|
var i, r, t = "";
|
|
77
77
|
if (typeof a == "string" || typeof a == "number") t += a;
|
|
78
78
|
else if (typeof a == "object") if (Array.isArray(a)) {
|
|
79
79
|
var o = a.length;
|
|
80
|
-
for (i = 0; i < o; i++) a[i] && (r =
|
|
80
|
+
for (i = 0; i < o; i++) a[i] && (r = W(a[i])) && (t && (t += " "), t += r);
|
|
81
81
|
} else for (r in a) a[r] && (t && (t += " "), t += r);
|
|
82
82
|
return t;
|
|
83
83
|
}
|
|
84
84
|
function at() {
|
|
85
|
-
for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i =
|
|
85
|
+
for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = W(a)) && (t && (t += " "), t += i);
|
|
86
86
|
return t;
|
|
87
87
|
}
|
|
88
88
|
/**
|
|
@@ -118,7 +118,7 @@ var rt = {
|
|
|
118
118
|
* This source code is licensed under the MIT license.
|
|
119
119
|
* See the LICENSE file in the root directory of this source tree.
|
|
120
120
|
*/
|
|
121
|
-
const
|
|
121
|
+
const S = (a, i, r, t) => {
|
|
122
122
|
const o = U(
|
|
123
123
|
({ color: p = "currentColor", size: c = 24, stroke: g = 2, title: n, className: l, children: d, ...h }, u) => B(
|
|
124
124
|
"svg",
|
|
@@ -151,28 +151,28 @@ const W = (a, i, r, t) => {
|
|
|
151
151
|
* This source code is licensed under the MIT license.
|
|
152
152
|
* See the LICENSE file in the root directory of this source tree.
|
|
153
153
|
*/
|
|
154
|
-
const et = [["path", { d: "M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14", key: "svg-0" }]], it =
|
|
154
|
+
const et = [["path", { d: "M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14", key: "svg-0" }]], it = S("outline", "square", "Square", et);
|
|
155
155
|
/**
|
|
156
156
|
* @license @tabler/icons-react v3.36.1 - MIT
|
|
157
157
|
*
|
|
158
158
|
* This source code is licensed under the MIT license.
|
|
159
159
|
* See the LICENSE file in the root directory of this source tree.
|
|
160
160
|
*/
|
|
161
|
-
const ot = [["path", { d: "M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.666c0 1.96 -1.537 3.56 -3.472 3.662l-.195 .005h-12.666a3.667 3.667 0 0 1 -3.662 -3.472l-.005 -.195v-12.666c0 -1.96 1.537 -3.56 3.472 -3.662l.195 -.005h12.666zm-2.626 7.293a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z", key: "svg-0" }]], ct =
|
|
162
|
-
function
|
|
161
|
+
const ot = [["path", { d: "M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.666c0 1.96 -1.537 3.56 -3.472 3.662l-.195 .005h-12.666a3.667 3.667 0 0 1 -3.662 -3.472l-.005 -.195v-12.666c0 -1.96 1.537 -3.56 3.472 -3.662l.195 -.005h12.666zm-2.626 7.293a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z", key: "svg-0" }]], ct = S("filled", "square-check-filled", "SquareCheckFilled", ot);
|
|
162
|
+
function M(a) {
|
|
163
163
|
var i, r, t = "";
|
|
164
164
|
if (typeof a == "string" || typeof a == "number") t += a;
|
|
165
165
|
else if (typeof a == "object") if (Array.isArray(a)) {
|
|
166
166
|
var o = a.length;
|
|
167
|
-
for (i = 0; i < o; i++) a[i] && (r =
|
|
167
|
+
for (i = 0; i < o; i++) a[i] && (r = M(a[i])) && (t && (t += " "), t += r);
|
|
168
168
|
} else for (r in a) a[r] && (t && (t += " "), t += r);
|
|
169
169
|
return t;
|
|
170
170
|
}
|
|
171
171
|
function st() {
|
|
172
|
-
for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i =
|
|
172
|
+
for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = M(a)) && (t && (t += " "), t += i);
|
|
173
173
|
return t;
|
|
174
174
|
}
|
|
175
|
-
const
|
|
175
|
+
const E = ({
|
|
176
176
|
as: a,
|
|
177
177
|
children: i,
|
|
178
178
|
display: r,
|
|
@@ -217,34 +217,34 @@ const M = ({
|
|
|
217
217
|
}
|
|
218
218
|
);
|
|
219
219
|
};
|
|
220
|
-
|
|
221
|
-
function
|
|
220
|
+
E.displayName = "Box";
|
|
221
|
+
function F(a) {
|
|
222
222
|
var i, r, t = "";
|
|
223
223
|
if (typeof a == "string" || typeof a == "number") t += a;
|
|
224
224
|
else if (typeof a == "object") if (Array.isArray(a)) {
|
|
225
225
|
var o = a.length;
|
|
226
|
-
for (i = 0; i < o; i++) a[i] && (r =
|
|
226
|
+
for (i = 0; i < o; i++) a[i] && (r = F(a[i])) && (t && (t += " "), t += r);
|
|
227
227
|
} else for (r in a) a[r] && (t && (t += " "), t += r);
|
|
228
228
|
return t;
|
|
229
229
|
}
|
|
230
230
|
function A() {
|
|
231
|
-
for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i =
|
|
231
|
+
for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = F(a)) && (t && (t += " "), t += i);
|
|
232
232
|
return t;
|
|
233
233
|
}
|
|
234
|
-
function
|
|
234
|
+
function O(a) {
|
|
235
235
|
var i, r, t = "";
|
|
236
236
|
if (typeof a == "string" || typeof a == "number") t += a;
|
|
237
237
|
else if (typeof a == "object") if (Array.isArray(a)) {
|
|
238
238
|
var o = a.length;
|
|
239
|
-
for (i = 0; i < o; i++) a[i] && (r =
|
|
239
|
+
for (i = 0; i < o; i++) a[i] && (r = O(a[i])) && (t && (t += " "), t += r);
|
|
240
240
|
} else for (r in a) a[r] && (t && (t += " "), t += r);
|
|
241
241
|
return t;
|
|
242
242
|
}
|
|
243
243
|
function nt() {
|
|
244
|
-
for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i =
|
|
244
|
+
for (var a, i, r = 0, t = "", o = arguments.length; r < o; r++) (a = arguments[r]) && (i = O(a)) && (t && (t += " "), t += i);
|
|
245
245
|
return t;
|
|
246
246
|
}
|
|
247
|
-
const
|
|
247
|
+
const _ = ({
|
|
248
248
|
as: a,
|
|
249
249
|
children: i,
|
|
250
250
|
display: r,
|
|
@@ -289,8 +289,8 @@ const O = ({
|
|
|
289
289
|
}
|
|
290
290
|
);
|
|
291
291
|
};
|
|
292
|
-
|
|
293
|
-
const
|
|
292
|
+
_.displayName = "Box";
|
|
293
|
+
const H = ({
|
|
294
294
|
children: a,
|
|
295
295
|
as: i,
|
|
296
296
|
size: r,
|
|
@@ -330,7 +330,7 @@ const _ = ({
|
|
|
330
330
|
color: v
|
|
331
331
|
};
|
|
332
332
|
return /* @__PURE__ */ b(
|
|
333
|
-
|
|
333
|
+
_,
|
|
334
334
|
{
|
|
335
335
|
as: d,
|
|
336
336
|
className: A(
|
|
@@ -346,8 +346,8 @@ const _ = ({
|
|
|
346
346
|
}
|
|
347
347
|
);
|
|
348
348
|
};
|
|
349
|
-
|
|
350
|
-
const
|
|
349
|
+
H.displayName = "Text";
|
|
350
|
+
const J = ({
|
|
351
351
|
checked: a,
|
|
352
352
|
defaultChecked: i,
|
|
353
353
|
onChange: r,
|
|
@@ -370,7 +370,7 @@ const H = ({
|
|
|
370
370
|
m(y), r == null || r(y);
|
|
371
371
|
};
|
|
372
372
|
return /* @__PURE__ */ z(
|
|
373
|
-
|
|
373
|
+
E,
|
|
374
374
|
{
|
|
375
375
|
as: h || "label",
|
|
376
376
|
className: at("pittorica-checkbox-root", n),
|
|
@@ -392,7 +392,7 @@ const H = ({
|
|
|
392
392
|
}
|
|
393
393
|
),
|
|
394
394
|
/* @__PURE__ */ b("div", { className: "pittorica-checkbox-control", "aria-hidden": "true", children: s ? /* @__PURE__ */ b(ct, { size: 20 }) : /* @__PURE__ */ b(it, { size: 20, stroke: 1.5 }) }),
|
|
395
|
-
p && /* @__PURE__ */ z(
|
|
395
|
+
p && /* @__PURE__ */ z(H, { weight: "medium", style: { color: "inherit" }, children: [
|
|
396
396
|
p,
|
|
397
397
|
" ",
|
|
398
398
|
d && /* @__PURE__ */ b("span", { "aria-hidden": "true", children: "*" })
|
|
@@ -401,10 +401,10 @@ const H = ({
|
|
|
401
401
|
}
|
|
402
402
|
);
|
|
403
403
|
};
|
|
404
|
-
|
|
405
|
-
const
|
|
404
|
+
J.displayName = "Checkbox";
|
|
405
|
+
const K = D(
|
|
406
406
|
null
|
|
407
|
-
),
|
|
407
|
+
), L = ({
|
|
408
408
|
value: a,
|
|
409
409
|
defaultValue: i = [],
|
|
410
410
|
onValueChange: r,
|
|
@@ -432,8 +432,8 @@ const J = D(
|
|
|
432
432
|
}),
|
|
433
433
|
[s, o, p, c, g]
|
|
434
434
|
);
|
|
435
|
-
return /* @__PURE__ */ b(
|
|
436
|
-
|
|
435
|
+
return /* @__PURE__ */ b(K, { value: $, children: /* @__PURE__ */ b(
|
|
436
|
+
I,
|
|
437
437
|
{
|
|
438
438
|
as: d || "div",
|
|
439
439
|
className: V("pittorica-checkbox-group-root", l),
|
|
@@ -448,13 +448,13 @@ const J = D(
|
|
|
448
448
|
as: i,
|
|
449
449
|
...r
|
|
450
450
|
}) => {
|
|
451
|
-
const t = Z(
|
|
451
|
+
const t = Z(K);
|
|
452
452
|
if (!t)
|
|
453
453
|
throw new Error(
|
|
454
454
|
"CheckboxGroup.Item must be used within CheckboxGroup.Root"
|
|
455
455
|
);
|
|
456
456
|
return /* @__PURE__ */ b(
|
|
457
|
-
|
|
457
|
+
J,
|
|
458
458
|
{
|
|
459
459
|
as: i || "label",
|
|
460
460
|
...r,
|
|
@@ -467,10 +467,11 @@ const J = D(
|
|
|
467
467
|
required: r.required || t.required
|
|
468
468
|
}
|
|
469
469
|
);
|
|
470
|
-
}, dt = Object.assign(
|
|
471
|
-
|
|
470
|
+
}, dt = Object.assign(L, {
|
|
471
|
+
Root: L,
|
|
472
|
+
Item: P,
|
|
473
|
+
displayName: "CheckboxGroup"
|
|
472
474
|
});
|
|
473
|
-
K.displayName = "CheckboxGroup.Root";
|
|
474
475
|
P.displayName = "CheckboxGroup.Item";
|
|
475
476
|
export {
|
|
476
477
|
dt as CheckboxGroup
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pittorica/checkbox-group-react",
|
|
3
|
-
"version": "0.26.
|
|
3
|
+
"version": "0.26.2",
|
|
4
4
|
"homepage": "https://pittorica.dcdavidev.me",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -11,9 +11,9 @@
|
|
|
11
11
|
],
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"clsx": "^2.1.1",
|
|
14
|
-
"@pittorica/box-react": "0.26.
|
|
15
|
-
"@pittorica/
|
|
16
|
-
"@pittorica/
|
|
14
|
+
"@pittorica/box-react": "0.26.2",
|
|
15
|
+
"@pittorica/text-react": "0.26.2",
|
|
16
|
+
"@pittorica/checkbox-react": "0.26.2"
|
|
17
17
|
},
|
|
18
18
|
"devDependencies": {
|
|
19
19
|
"@testing-library/jest-dom": "^6.9.1",
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"typescript": "^5.0.0",
|
|
26
26
|
"vite": "^6.4.1",
|
|
27
27
|
"vitest": "^3.2.4",
|
|
28
|
-
"@pittorica/theme-react": "0.26.
|
|
29
|
-
"pittorica": "0.26.
|
|
28
|
+
"@pittorica/theme-react": "0.26.2",
|
|
29
|
+
"pittorica": "0.26.2"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"react": ">=19",
|