@salt-ds/core 1.57.0 → 1.57.1
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/CHANGELOG.md +6 -0
- package/css/salt-core.css +1 -1
- package/dist-cjs/table/TableContainer.js +10 -4
- package/dist-cjs/table/TableContainer.js.map +1 -1
- package/dist-cjs/utils/useIsomorphicLayoutEffect.js.map +1 -1
- package/dist-es/table/TableContainer.js +7 -1
- package/dist-es/table/TableContainer.js.map +1 -1
- package/dist-es/utils/useIsomorphicLayoutEffect.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/css/salt-core.css
CHANGED
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var core = require('@salt-ds/core');
|
|
5
4
|
var styles = require('@salt-ds/styles');
|
|
6
5
|
var window = require('@salt-ds/window');
|
|
7
6
|
var clsx = require('clsx');
|
|
8
7
|
var React = require('react');
|
|
8
|
+
var useIsomorphicLayoutEffect = require('../utils/useIsomorphicLayoutEffect.js');
|
|
9
|
+
require('../utils/useFloatingUI/useFloatingUI.js');
|
|
10
|
+
var useForkRef = require('../utils/useForkRef.js');
|
|
11
|
+
require('../utils/useId.js');
|
|
12
|
+
var useResizeObserver = require('../utils/useResizeObserver.js');
|
|
13
|
+
require('../salt-provider/SaltProvider.js');
|
|
14
|
+
require('../viewport/ViewportProvider.js');
|
|
9
15
|
var Table$1 = require('./Table.js');
|
|
10
16
|
var Table = require('./Table.css.js');
|
|
11
17
|
var TableContext = require('./TableContext.js');
|
|
@@ -37,15 +43,15 @@ const TableContainer = React.forwardRef(
|
|
|
37
43
|
...rest
|
|
38
44
|
} = props;
|
|
39
45
|
const scrollRef = React.useRef(null);
|
|
40
|
-
const handleRef =
|
|
46
|
+
const handleRef = useForkRef.useForkRef(ref, scrollRef);
|
|
41
47
|
const checkOverflow = React.useCallback(() => {
|
|
42
48
|
const element = scrollRef.current;
|
|
43
49
|
if (!element) return;
|
|
44
50
|
const overflowing = element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
|
|
45
51
|
setIsOverflowing(overflowing);
|
|
46
52
|
}, []);
|
|
47
|
-
|
|
48
|
-
|
|
53
|
+
useResizeObserver.useResizeObserver({ ref: scrollRef, onResize: checkOverflow });
|
|
54
|
+
useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
|
|
49
55
|
checkOverflow();
|
|
50
56
|
}, [checkOverflow]);
|
|
51
57
|
const overflowProps = isOverflowing ? {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableContainer.js","sources":["../src/table/TableContainer.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"TableContainer.js","sources":["../src/table/TableContainer.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentPropsWithoutRef,\n forwardRef,\n useCallback,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport {\n useForkRef,\n useIsomorphicLayoutEffect,\n useResizeObserver,\n} from \"../utils\";\nimport { withTableBaseName } from \"./Table\";\nimport tableCss from \"./Table.css\";\nimport { TableContext } from \"./TableContext\";\n\nexport interface TableContainerProps\n extends Omit<\n ComponentPropsWithoutRef<\"div\">,\n \"aria-label\" | \"aria-labelledby\" | \"role\"\n > {}\n\nexport const TableContainer = forwardRef<HTMLDivElement, TableContainerProps>(\n function TableContainer(props, ref) {\n const [isOverflowing, setIsOverflowing] = useState(false);\n const [tableId, setTableId] = useState<string | undefined>();\n const [labelledBy, setLabelledBy] = useState<string | undefined>();\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-table-container\",\n css: tableCss,\n window: targetWindow,\n });\n\n const {\n children,\n className,\n // @ts-expect-error: \"aria-labelledby\" is omitted to prevent accidental misuse,\n // but we still want to forward it for advanced accessible labeling scenarios.\n \"aria-labelledby\": ariaLabelledBy,\n // @ts-expect-error: Allow passing aria-label even though it's omitted from HTMLAttributes\n // Same reasoning as above: we forward aria-label for accessibility purposes.\n \"aria-label\": ariaLabel,\n // @ts-expect-error: Allow passing role even though it's omitted from HTMLAttributes\n // Same reasoning as above: we forward role for accessibility purposes.\n role,\n tabIndex,\n ...rest\n } = props;\n\n const scrollRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef<HTMLDivElement>(ref, scrollRef);\n\n const checkOverflow = useCallback(() => {\n const element = scrollRef.current;\n if (!element) return;\n const overflowing =\n element.scrollHeight > element.clientHeight ||\n element.scrollWidth > element.clientWidth;\n setIsOverflowing(overflowing);\n }, []);\n\n useResizeObserver({ ref: scrollRef, onResize: checkOverflow });\n\n useIsomorphicLayoutEffect(() => {\n checkOverflow();\n }, [checkOverflow]);\n\n const overflowProps = isOverflowing\n ? {\n role: role ?? \"region\",\n tabIndex: tabIndex ?? 0,\n \"aria-label\": ariaLabel,\n ...(ariaLabelledBy === undefined &&\n ariaLabel === undefined && {\n \"aria-labelledby\": labelledBy ?? tableId,\n }),\n ...(ariaLabelledBy !== undefined && {\n \"aria-labelledby\": ariaLabelledBy,\n }),\n }\n : {\n role,\n tabIndex,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-label\": ariaLabel,\n };\n\n const contextValue = useMemo(\n () => ({ id: tableId, setId: setTableId, labelledBy, setLabelledBy }),\n [tableId, labelledBy],\n );\n\n return (\n <TableContext.Provider value={contextValue}>\n <div\n ref={handleRef}\n className={clsx(withTableBaseName(\"container\"), className)}\n {...overflowProps}\n {...rest}\n >\n {children}\n </div>\n </TableContext.Provider>\n );\n },\n);\n"],"names":["forwardRef","TableContainer","useState","useWindow","useComponentCssInjection","tableCss","useRef","useForkRef","useCallback","useResizeObserver","useIsomorphicLayoutEffect","useMemo","jsx","TableContext","clsx","withTableBaseName"],"mappings":";;;;;;;;;;;;;;;;;;AA0BO,MAAM,cAAA,GAAiBA,gBAAA;AAAA,EAC5B,SAASC,eAAAA,CAAe,KAAA,EAAO,GAAA,EAAK;AAClC,IAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIC,eAAS,KAAK,CAAA;AACxD,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,cAAA,EAA6B;AAC3D,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,cAAA,EAA6B;AAEjE,IAAA,MAAM,eAAeC,gBAAA,EAAU;AAC/B,IAAAC,+BAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,sBAAA;AAAA,MACR,GAAA,EAAKC,KAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA;AAAA;AAAA,MAGA,iBAAA,EAAmB,cAAA;AAAA;AAAA;AAAA,MAGnB,YAAA,EAAc,SAAA;AAAA;AAAA;AAAA,MAGd,IAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,SAAA,GAAYC,aAA8B,IAAI,CAAA;AACpD,IAAA,MAAM,SAAA,GAAYC,qBAAA,CAA2B,GAAA,EAAK,SAAS,CAAA;AAE3D,IAAA,MAAM,aAAA,GAAgBC,kBAAY,MAAM;AACtC,MAAA,MAAM,UAAU,SAAA,CAAU,OAAA;AAC1B,MAAA,IAAI,CAAC,OAAA,EAAS;AACd,MAAA,MAAM,cACJ,OAAA,CAAQ,YAAA,GAAe,QAAQ,YAAA,IAC/B,OAAA,CAAQ,cAAc,OAAA,CAAQ,WAAA;AAChC,MAAA,gBAAA,CAAiB,WAAW,CAAA;AAAA,IAC9B,CAAA,EAAG,EAAE,CAAA;AAEL,IAAAC,mCAAA,CAAkB,EAAE,GAAA,EAAK,SAAA,EAAW,QAAA,EAAU,eAAe,CAAA;AAE7D,IAAAC,mDAAA,CAA0B,MAAM;AAC9B,MAAA,aAAA,EAAc;AAAA,IAChB,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,IAAA,MAAM,gBAAgB,aAAA,GAClB;AAAA,MACE,MAAM,IAAA,IAAQ,QAAA;AAAA,MACd,UAAU,QAAA,IAAY,CAAA;AAAA,MACtB,YAAA,EAAc,SAAA;AAAA,MACd,GAAI,cAAA,KAAmB,MAAA,IACrB,SAAA,KAAc,MAAA,IAAa;AAAA,QACzB,mBAAmB,UAAA,IAAc;AAAA,OACnC;AAAA,MACF,GAAI,mBAAmB,MAAA,IAAa;AAAA,QAClC,iBAAA,EAAmB;AAAA;AACrB,KACF,GACA;AAAA,MACE,IAAA;AAAA,MACA,QAAA;AAAA,MACA,iBAAA,EAAmB,cAAA;AAAA,MACnB,YAAA,EAAc;AAAA,KAChB;AAEJ,IAAA,MAAM,YAAA,GAAeC,aAAA;AAAA,MACnB,OAAO,EAAE,EAAA,EAAI,SAAS,KAAA,EAAO,UAAA,EAAY,YAAY,aAAA,EAAc,CAAA;AAAA,MACnE,CAAC,SAAS,UAAU;AAAA,KACtB;AAEA,IAAA,uBACEC,cAAA,CAACC,yBAAA,CAAa,QAAA,EAAb,EAAsB,OAAO,YAAA,EAC5B,QAAA,kBAAAD,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,SAAA;AAAA,QACL,SAAA,EAAWE,SAAA,CAAKC,yBAAA,CAAkB,WAAW,GAAG,SAAS,CAAA;AAAA,QACxD,GAAG,aAAA;AAAA,QACH,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../src/utils/useIsomorphicLayoutEffect.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../src/utils/useIsomorphicLayoutEffect.ts"],"sourcesContent":["// biome-ignore lint/style/noRestrictedImports: This is the only place useLayoutEffect is acceptable.\nimport { useEffect, useLayoutEffect } from \"react\";\n\n// React currently throws a warning when using useLayoutEffect on the server.\n// To get around it, we can conditionally useEffect on the server (no-op) and\n// useLayoutEffect in the browser. We need useLayoutEffect because we want\n// `connect` to perform sync updates to a ref to save the latest props after\n// a render is actually committed to the DOM.\nexport const useIsomorphicLayoutEffect =\n typeof window !== \"undefined\" &&\n typeof window.document !== \"undefined\" &&\n typeof window.document.createElement !== \"undefined\"\n ? useLayoutEffect\n : useEffect;\n"],"names":["useLayoutEffect","useEffect"],"mappings":";;;;AAQO,MAAM,yBAAA,GACX,OAAO,MAAA,KAAW,WAAA,IAClB,OAAO,MAAA,CAAO,QAAA,KAAa,WAAA,IAC3B,OAAO,MAAA,CAAO,QAAA,CAAS,aAAA,KAAkB,cACrCA,qBAAA,GACAC;;;;"}
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { useForkRef, useResizeObserver, useIsomorphicLayoutEffect } from '@salt-ds/core';
|
|
3
2
|
import { useComponentCssInjection } from '@salt-ds/styles';
|
|
4
3
|
import { useWindow } from '@salt-ds/window';
|
|
5
4
|
import { clsx } from 'clsx';
|
|
6
5
|
import { forwardRef, useState, useRef, useCallback, useMemo } from 'react';
|
|
6
|
+
import { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect.js';
|
|
7
|
+
import '../utils/useFloatingUI/useFloatingUI.js';
|
|
8
|
+
import { useForkRef } from '../utils/useForkRef.js';
|
|
9
|
+
import '../utils/useId.js';
|
|
10
|
+
import { useResizeObserver } from '../utils/useResizeObserver.js';
|
|
11
|
+
import '../salt-provider/SaltProvider.js';
|
|
12
|
+
import '../viewport/ViewportProvider.js';
|
|
7
13
|
import { withTableBaseName } from './Table.js';
|
|
8
14
|
import css_248z from './Table.css.js';
|
|
9
15
|
import { TableContext } from './TableContext.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableContainer.js","sources":["../src/table/TableContainer.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"TableContainer.js","sources":["../src/table/TableContainer.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentPropsWithoutRef,\n forwardRef,\n useCallback,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport {\n useForkRef,\n useIsomorphicLayoutEffect,\n useResizeObserver,\n} from \"../utils\";\nimport { withTableBaseName } from \"./Table\";\nimport tableCss from \"./Table.css\";\nimport { TableContext } from \"./TableContext\";\n\nexport interface TableContainerProps\n extends Omit<\n ComponentPropsWithoutRef<\"div\">,\n \"aria-label\" | \"aria-labelledby\" | \"role\"\n > {}\n\nexport const TableContainer = forwardRef<HTMLDivElement, TableContainerProps>(\n function TableContainer(props, ref) {\n const [isOverflowing, setIsOverflowing] = useState(false);\n const [tableId, setTableId] = useState<string | undefined>();\n const [labelledBy, setLabelledBy] = useState<string | undefined>();\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-table-container\",\n css: tableCss,\n window: targetWindow,\n });\n\n const {\n children,\n className,\n // @ts-expect-error: \"aria-labelledby\" is omitted to prevent accidental misuse,\n // but we still want to forward it for advanced accessible labeling scenarios.\n \"aria-labelledby\": ariaLabelledBy,\n // @ts-expect-error: Allow passing aria-label even though it's omitted from HTMLAttributes\n // Same reasoning as above: we forward aria-label for accessibility purposes.\n \"aria-label\": ariaLabel,\n // @ts-expect-error: Allow passing role even though it's omitted from HTMLAttributes\n // Same reasoning as above: we forward role for accessibility purposes.\n role,\n tabIndex,\n ...rest\n } = props;\n\n const scrollRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef<HTMLDivElement>(ref, scrollRef);\n\n const checkOverflow = useCallback(() => {\n const element = scrollRef.current;\n if (!element) return;\n const overflowing =\n element.scrollHeight > element.clientHeight ||\n element.scrollWidth > element.clientWidth;\n setIsOverflowing(overflowing);\n }, []);\n\n useResizeObserver({ ref: scrollRef, onResize: checkOverflow });\n\n useIsomorphicLayoutEffect(() => {\n checkOverflow();\n }, [checkOverflow]);\n\n const overflowProps = isOverflowing\n ? {\n role: role ?? \"region\",\n tabIndex: tabIndex ?? 0,\n \"aria-label\": ariaLabel,\n ...(ariaLabelledBy === undefined &&\n ariaLabel === undefined && {\n \"aria-labelledby\": labelledBy ?? tableId,\n }),\n ...(ariaLabelledBy !== undefined && {\n \"aria-labelledby\": ariaLabelledBy,\n }),\n }\n : {\n role,\n tabIndex,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-label\": ariaLabel,\n };\n\n const contextValue = useMemo(\n () => ({ id: tableId, setId: setTableId, labelledBy, setLabelledBy }),\n [tableId, labelledBy],\n );\n\n return (\n <TableContext.Provider value={contextValue}>\n <div\n ref={handleRef}\n className={clsx(withTableBaseName(\"container\"), className)}\n {...overflowProps}\n {...rest}\n >\n {children}\n </div>\n </TableContext.Provider>\n );\n },\n);\n"],"names":["TableContainer","tableCss"],"mappings":";;;;;;;;;;;;;;;;AA0BO,MAAM,cAAA,GAAiB,UAAA;AAAA,EAC5B,SAASA,eAAAA,CAAe,KAAA,EAAO,GAAA,EAAK;AAClC,IAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAA,EAA6B;AAC3D,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,QAAA,EAA6B;AAEjE,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,sBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA;AAAA;AAAA,MAGA,iBAAA,EAAmB,cAAA;AAAA;AAAA;AAAA,MAGnB,YAAA,EAAc,SAAA;AAAA;AAAA;AAAA,MAGd,IAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,SAAA,GAAY,OAA8B,IAAI,CAAA;AACpD,IAAA,MAAM,SAAA,GAAY,UAAA,CAA2B,GAAA,EAAK,SAAS,CAAA;AAE3D,IAAA,MAAM,aAAA,GAAgB,YAAY,MAAM;AACtC,MAAA,MAAM,UAAU,SAAA,CAAU,OAAA;AAC1B,MAAA,IAAI,CAAC,OAAA,EAAS;AACd,MAAA,MAAM,cACJ,OAAA,CAAQ,YAAA,GAAe,QAAQ,YAAA,IAC/B,OAAA,CAAQ,cAAc,OAAA,CAAQ,WAAA;AAChC,MAAA,gBAAA,CAAiB,WAAW,CAAA;AAAA,IAC9B,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,iBAAA,CAAkB,EAAE,GAAA,EAAK,SAAA,EAAW,QAAA,EAAU,eAAe,CAAA;AAE7D,IAAA,yBAAA,CAA0B,MAAM;AAC9B,MAAA,aAAA,EAAc;AAAA,IAChB,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,IAAA,MAAM,gBAAgB,aAAA,GAClB;AAAA,MACE,MAAM,IAAA,IAAQ,QAAA;AAAA,MACd,UAAU,QAAA,IAAY,CAAA;AAAA,MACtB,YAAA,EAAc,SAAA;AAAA,MACd,GAAI,cAAA,KAAmB,MAAA,IACrB,SAAA,KAAc,MAAA,IAAa;AAAA,QACzB,mBAAmB,UAAA,IAAc;AAAA,OACnC;AAAA,MACF,GAAI,mBAAmB,MAAA,IAAa;AAAA,QAClC,iBAAA,EAAmB;AAAA;AACrB,KACF,GACA;AAAA,MACE,IAAA;AAAA,MACA,QAAA;AAAA,MACA,iBAAA,EAAmB,cAAA;AAAA,MACnB,YAAA,EAAc;AAAA,KAChB;AAEJ,IAAA,MAAM,YAAA,GAAe,OAAA;AAAA,MACnB,OAAO,EAAE,EAAA,EAAI,SAAS,KAAA,EAAO,UAAA,EAAY,YAAY,aAAA,EAAc,CAAA;AAAA,MACnE,CAAC,SAAS,UAAU;AAAA,KACtB;AAEA,IAAA,uBACE,GAAA,CAAC,YAAA,CAAa,QAAA,EAAb,EAAsB,OAAO,YAAA,EAC5B,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,SAAA;AAAA,QACL,SAAA,EAAW,IAAA,CAAK,iBAAA,CAAkB,WAAW,GAAG,SAAS,CAAA;AAAA,QACxD,GAAG,aAAA;AAAA,QACH,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../src/utils/useIsomorphicLayoutEffect.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../src/utils/useIsomorphicLayoutEffect.ts"],"sourcesContent":["// biome-ignore lint/style/noRestrictedImports: This is the only place useLayoutEffect is acceptable.\nimport { useEffect, useLayoutEffect } from \"react\";\n\n// React currently throws a warning when using useLayoutEffect on the server.\n// To get around it, we can conditionally useEffect on the server (no-op) and\n// useLayoutEffect in the browser. We need useLayoutEffect because we want\n// `connect` to perform sync updates to a ref to save the latest props after\n// a render is actually committed to the DOM.\nexport const useIsomorphicLayoutEffect =\n typeof window !== \"undefined\" &&\n typeof window.document !== \"undefined\" &&\n typeof window.document.createElement !== \"undefined\"\n ? useLayoutEffect\n : useEffect;\n"],"names":[],"mappings":";;AAQO,MAAM,yBAAA,GACX,OAAO,MAAA,KAAW,WAAA,IAClB,OAAO,MAAA,CAAO,QAAA,KAAa,WAAA,IAC3B,OAAO,MAAA,CAAO,QAAA,CAAS,aAAA,KAAkB,cACrC,eAAA,GACA;;;;"}
|