@pega/lists-react 9.0.0-build.18.0 → 9.0.0-build.18.10

package/lib/Core/Components/DefaultComponents/index.d.ts

@@ -77,7 +77,6 @@ declare const _default: {
             value: PropTypes.Requireable<number>;
         };
     }>;
-    CardItemRenderer: import("react").NamedExoticComponent<object>;
     selectAllCheckboxRenderer: typeof SelectAllCheckbox;
 };
 export default _default;

package/lib/Core/Components/DefaultComponents/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/index.jsx"],"names":[],"mappings":"AA8BA,uGAKC;;;;;;;;;;AAUD,mGASC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAtDqB,YAAY;iBAEjB,QAAQ;mBACN,UAAU;uBAEN,cAAc;6BAGR,oBAAoB;8BACnB,aAAa;4CAEC,2BAA2B;8CACzB,6BAA6B;8BAC7C,qBAAqB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/index.jsx"],"names":[],"mappings":"AA4BA,uGAKC;;;;;;;;;;AAUD,mGASC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBApDqB,YAAY;iBAEjB,QAAQ;mBACN,UAAU;uBAEN,cAAc;6BAER,oBAAoB;8BACnB,aAAa;4CAEC,2BAA2B;8CACzB,6BAA6B;8BAC7C,qBAAqB"}

package/lib/Core/Components/DefaultComponents/index.js

@@ -4,7 +4,6 @@ import sort from './Sort';
 import Filter from './Filter';
 import CellRenderers from './CellRenderers';
 import HeaderCell from './HeaderCell';
-import CardItem from './CardItem';
 import EmptyContainer from './EmptyContainer';
 import LoadingIndicator from './LoadingIndicator';
 import RowHeightRenderer from './RowHeight';
@@ -22,7 +21,6 @@ export default {
     personalizationSelectorRenderer,
     personalizationCreateEditRenderer,
     badgeRenderer: BadgeRenderer,
-    CardItemRenderer: CardItem,
     selectAllCheckboxRenderer: SelectAllCheckbox,
     ...CellRenderers
 };

package/lib/Core/Components/DefaultComponents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/index.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,iBAAiB,MAAM,aAAa,CAAC;AAC5C,OAAO,aAAa,MAAM,SAAS,CAAC;AACpC,OAAO,+BAA+B,MAAM,2BAA2B,CAAC;AACxE,OAAO,iCAAiC,MAAM,6BAA6B,CAAC;AAC5E,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,eAAe;IACb,YAAY,EAAE,IAAI;IAClB,cAAc,EAAE,MAAM;IACtB,kBAAkB,EAAE,UAAU;IAC9B,sBAAsB,EAAE,cAAc;IACtC,gBAAgB,EAAE,gBAAgB;IAClC,iBAAiB,EAAE,iBAAiB;IACpC,+BAA+B;IAC/B,iCAAiC;IACjC,aAAa,EAAE,aAAa;IAC5B,gBAAgB,EAAE,QAAQ;IAC1B,yBAAyB,EAAE,iBAAiB;IAC5C,GAAG,aAAa;CACjB,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,IAAI,EAAE,KAAK;IACzC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,KAAC,IAAI,OAAK,KAAK,GAAI,CAAC;IAC7B,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,eAAe,CAAC,SAAS,GAAG;IAC1B,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACnE,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG;IAC7B,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,IAAI,EAAE,KAAK;IACrC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,yBACE,KAAC,IAAI,OAAK,KAAK,GAAI,GACd,CACR,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACnE,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,OAAO,EAAE,EAAE;CACZ,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport sort from './Sort';\nimport Filter from './Filter';\nimport CellRenderers from './CellRenderers';\nimport HeaderCell from './HeaderCell';\nimport CardItem from './CardItem';\nimport EmptyContainer from './EmptyContainer';\nimport LoadingIndicator from './LoadingIndicator';\nimport RowHeightRenderer from './RowHeight';\nimport BadgeRenderer from './Badge';\nimport personalizationSelectorRenderer from './PersonalizationSelector';\nimport personalizationCreateEditRenderer from './PersonalizationCreateEdit';\nimport SelectAllCheckbox from './SelectAllCheckbox';\n\nexport default {\n  sortRenderer: sort,\n  filterRenderer: Filter,\n  headerCellRenderer: HeaderCell,\n  emptyContainerRenderer: EmptyContainer,\n  loadingIndicator: LoadingIndicator,\n  rowHeightRenderer: RowHeightRenderer,\n  personalizationSelectorRenderer,\n  personalizationCreateEditRenderer,\n  badgeRenderer: BadgeRenderer,\n  CardItemRenderer: CardItem,\n  selectAllCheckboxRenderer: SelectAllCheckbox,\n  ...CellRenderers\n};\n\nexport function defaultRenderer(Comp, props) {\n  if (Comp) {\n    return <Comp {...props} />;\n  }\n  return null;\n}\n\ndefaultRenderer.propTypes = {\n  itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\ndefaultRenderer.defaultProps = {\n  itemKey: ''\n};\n\nexport function extRenderer(Comp, props) {\n  if (Comp) {\n    return (\n      <span>\n        <Comp {...props} />\n      </span>\n    );\n  }\n  return null;\n}\n\nextRenderer.propTypes = {\n  itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\nextRenderer.defaultProps = {\n  itemKey: ''\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/index.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,iBAAiB,MAAM,aAAa,CAAC;AAC5C,OAAO,aAAa,MAAM,SAAS,CAAC;AACpC,OAAO,+BAA+B,MAAM,2BAA2B,CAAC;AACxE,OAAO,iCAAiC,MAAM,6BAA6B,CAAC;AAC5E,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,eAAe;IACb,YAAY,EAAE,IAAI;IAClB,cAAc,EAAE,MAAM;IACtB,kBAAkB,EAAE,UAAU;IAC9B,sBAAsB,EAAE,cAAc;IACtC,gBAAgB,EAAE,gBAAgB;IAClC,iBAAiB,EAAE,iBAAiB;IACpC,+BAA+B;IAC/B,iCAAiC;IACjC,aAAa,EAAE,aAAa;IAC5B,yBAAyB,EAAE,iBAAiB;IAC5C,GAAG,aAAa;CACjB,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,IAAI,EAAE,KAAK;IACzC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,KAAC,IAAI,OAAK,KAAK,GAAI,CAAC;IAC7B,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,eAAe,CAAC,SAAS,GAAG;IAC1B,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACnE,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG;IAC7B,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,IAAI,EAAE,KAAK;IACrC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,yBACE,KAAC,IAAI,OAAK,KAAK,GAAI,GACd,CACR,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACnE,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,OAAO,EAAE,EAAE;CACZ,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport sort from './Sort';\nimport Filter from './Filter';\nimport CellRenderers from './CellRenderers';\nimport HeaderCell from './HeaderCell';\nimport EmptyContainer from './EmptyContainer';\nimport LoadingIndicator from './LoadingIndicator';\nimport RowHeightRenderer from './RowHeight';\nimport BadgeRenderer from './Badge';\nimport personalizationSelectorRenderer from './PersonalizationSelector';\nimport personalizationCreateEditRenderer from './PersonalizationCreateEdit';\nimport SelectAllCheckbox from './SelectAllCheckbox';\n\nexport default {\n  sortRenderer: sort,\n  filterRenderer: Filter,\n  headerCellRenderer: HeaderCell,\n  emptyContainerRenderer: EmptyContainer,\n  loadingIndicator: LoadingIndicator,\n  rowHeightRenderer: RowHeightRenderer,\n  personalizationSelectorRenderer,\n  personalizationCreateEditRenderer,\n  badgeRenderer: BadgeRenderer,\n  selectAllCheckboxRenderer: SelectAllCheckbox,\n  ...CellRenderers\n};\n\nexport function defaultRenderer(Comp, props) {\n  if (Comp) {\n    return <Comp {...props} />;\n  }\n  return null;\n}\n\ndefaultRenderer.propTypes = {\n  itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\ndefaultRenderer.defaultProps = {\n  itemKey: ''\n};\n\nexport function extRenderer(Comp, props) {\n  if (Comp) {\n    return (\n      <span>\n        <Comp {...props} />\n      </span>\n    );\n  }\n  return null;\n}\n\nextRenderer.propTypes = {\n  itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\nextRenderer.defaultProps = {\n  itemKey: ''\n};\n"]}

package/lib/Core/Views/Gallery/Components/GalleryCard.d.ts

@@ -0,0 +1,4 @@
+import type { GalleryCardProps } from '../Gallery.types';
+declare const GalleryCard: import("react").MemoExoticComponent<({ headerColumn, actionColumn, row, meta, visibleColumns }: GalleryCardProps) => import("react/jsx-runtime").JSX.Element>;
+export default GalleryCard;
+//# sourceMappingURL=GalleryCard.d.ts.map

package/lib/Core/Views/Gallery/Components/GalleryCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryCard.d.ts","sourceRoot":"","sources":["../../../../../Core/Views/Gallery/Components/GalleryCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,QAAA,MAAM,WAAW,kGAC6C,gBAAgB,6CAW7E,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/Core/Views/Gallery/Components/GalleryCard.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { SelectionCardDisplay } from '@pega/cosmos-react-core';
+import { getCardData } from '../utils';
+const GalleryCard = memo(({ headerColumn, actionColumn, row, meta, visibleColumns }) => {
+    const { label, image, fields } = getCardData({
+        row,
+        visibleColumns,
+        meta,
+        headerColumn,
+        actionColumn
+    });
+    return _jsx(SelectionCardDisplay, { label: label, image: image, fields: fields });
+});
+export default GalleryCard;
+//# sourceMappingURL=GalleryCard.js.map

package/lib/Core/Views/Gallery/Components/GalleryCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryCard.js","sourceRoot":"","sources":["../../../../../Core/Views/Gallery/Components/GalleryCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAG/D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,WAAW,GAAG,IAAI,CACtB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,EAAE,IAAI,EAAE,cAAc,EAAoB,EAAE,EAAE;IAC9E,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC;QAC3C,GAAG;QACH,cAAc;QACd,IAAI;QACJ,YAAY;QACZ,YAAY;KACb,CAAC,CAAC;IAEH,OAAO,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC9E,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { memo } from 'react';\n\nimport { SelectionCardDisplay } from '@pega/cosmos-react-core';\n\nimport type { GalleryCardProps } from '../Gallery.types';\nimport { getCardData } from '../utils';\n\nconst GalleryCard = memo(\n  ({ headerColumn, actionColumn, row, meta, visibleColumns }: GalleryCardProps) => {\n    const { label, image, fields } = getCardData({\n      row,\n      visibleColumns,\n      meta,\n      headerColumn,\n      actionColumn\n    });\n\n    return <SelectionCardDisplay label={label} image={image} fields={fields} />;\n  }\n);\n\nexport default GalleryCard;\n"]}

package/lib/Core/Views/Gallery/Components/GalleryFieldValue.d.ts

@@ -0,0 +1,8 @@
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+interface GalleryFieldValueProps {
+    column: RsCoreTypes.Column;
+    row: RsCoreTypes.Row;
+}
+declare function GalleryFieldValue({ column, row }: GalleryFieldValueProps): import("react/jsx-runtime").JSX.Element;
+export default GalleryFieldValue;
+//# sourceMappingURL=GalleryFieldValue.d.ts.map

package/lib/Core/Views/Gallery/Components/GalleryFieldValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryFieldValue.d.ts","sourceRoot":"","sources":["../../../../../Core/Views/Gallery/Components/GalleryFieldValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,UAAU,sBAAsB;IAC9B,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC;IAC3B,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC;CACtB;AAED,iBAAS,iBAAiB,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,sBAAsB,2CAIjE;AAED,eAAe,iBAAiB,CAAC"}

package/lib/Core/Views/Gallery/Components/GalleryFieldValue.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import RenderingEngine from '../../../Components/RenderingEngine/RenderCell';
+function GalleryFieldValue({ column, row }) {
+    column.setExecutionContext(row);
+    return _jsx(RenderingEngine, { ...column.getRenderingEngineProps(), highlighter: true });
+}
+export default GalleryFieldValue;
+//# sourceMappingURL=GalleryFieldValue.js.map

package/lib/Core/Views/Gallery/Components/GalleryFieldValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryFieldValue.js","sourceRoot":"","sources":["../../../../../Core/Views/Gallery/Components/GalleryFieldValue.tsx"],"names":[],"mappings":";AAEA,OAAO,eAAe,MAAM,gDAAgD,CAAC;AAO7E,SAAS,iBAAiB,CAAC,EAAE,MAAM,EAAE,GAAG,EAA0B;IAChE,MAAM,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;IAEhC,OAAO,KAAC,eAAe,OAAK,MAAM,CAAC,uBAAuB,EAAE,EAAE,WAAW,SAAG,CAAC;AAC/E,CAAC;AAED,eAAe,iBAAiB,CAAC","sourcesContent":["import type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport RenderingEngine from '../../../Components/RenderingEngine/RenderCell';\n\ninterface GalleryFieldValueProps {\n  column: RsCoreTypes.Column;\n  row: RsCoreTypes.Row;\n}\n\nfunction GalleryFieldValue({ column, row }: GalleryFieldValueProps) {\n  column.setExecutionContext(row);\n\n  return <RenderingEngine {...column.getRenderingEngineProps()} highlighter />;\n}\n\nexport default GalleryFieldValue;\n"]}

package/lib/Core/Views/Gallery/Components/GalleryHeader.d.ts

@@ -0,0 +1,9 @@
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+type GalleryHeaderProps = {
+    headerColumn?: RsCoreTypes.Column;
+    actionColumn?: RsCoreTypes.Column;
+    row: RsCoreTypes.Row;
+};
+declare function GalleryHeader({ headerColumn, actionColumn, row }: GalleryHeaderProps): import("react/jsx-runtime").JSX.Element | null;
+export default GalleryHeader;
+//# sourceMappingURL=GalleryHeader.d.ts.map

package/lib/Core/Views/Gallery/Components/GalleryHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryHeader.d.ts","sourceRoot":"","sources":["../../../../../Core/Views/Gallery/Components/GalleryHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,KAAK,kBAAkB,GAAG;IACxB,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC;IAClC,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC;IAClC,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC;CACtB,CAAC;AASF,iBAAS,aAAa,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,EAAE,EAAE,kBAAkB,kDAc7E;AAED,eAAe,aAAa,CAAC"}

package/lib/Core/Views/Gallery/Components/GalleryHeader.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from 'styled-components';
+import RenderingEngine from '../../../Components/RenderingEngine/RenderCell';
+const StyledHeaderContainer = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  word-break: break-word;
+`;
+function GalleryHeader({ headerColumn, actionColumn, row }) {
+    if (!actionColumn && !headerColumn) {
+        return null;
+    }
+    headerColumn?.setExecutionContext(row);
+    actionColumn?.setExecutionContext(row);
+    return (_jsxs(StyledHeaderContainer, { children: [headerColumn ? _jsx(RenderingEngine, { ...headerColumn.getRenderingEngineProps() }) : null, actionColumn ? _jsx(RenderingEngine, { ...actionColumn.getRenderingEngineProps() }) : null] }));
+}
+export default GalleryHeader;
+//# sourceMappingURL=GalleryHeader.js.map

package/lib/Core/Views/Gallery/Components/GalleryHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryHeader.js","sourceRoot":"","sources":["../../../../../Core/Views/Gallery/Components/GalleryHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAIvC,OAAO,eAAe,MAAM,gDAAgD,CAAC;AAQ7E,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKvC,CAAC;AAEF,SAAS,aAAa,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,EAAsB;IAC5E,IAAI,CAAC,YAAY,IAAI,CAAC,YAAY,EAAE,CAAC;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,YAAY,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC;IACvC,YAAY,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC;IAEvC,OAAO,CACL,MAAC,qBAAqB,eACnB,YAAY,CAAC,CAAC,CAAC,KAAC,eAAe,OAAK,YAAY,CAAC,uBAAuB,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EACrF,YAAY,CAAC,CAAC,CAAC,KAAC,eAAe,OAAK,YAAY,CAAC,uBAAuB,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,IAChE,CACzB,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC","sourcesContent":["import styled from 'styled-components';\n\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport RenderingEngine from '../../../Components/RenderingEngine/RenderCell';\n\ntype GalleryHeaderProps = {\n  headerColumn?: RsCoreTypes.Column;\n  actionColumn?: RsCoreTypes.Column;\n  row: RsCoreTypes.Row;\n};\n\nconst StyledHeaderContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  word-break: break-word;\n`;\n\nfunction GalleryHeader({ headerColumn, actionColumn, row }: GalleryHeaderProps) {\n  if (!actionColumn && !headerColumn) {\n    return null;\n  }\n\n  headerColumn?.setExecutionContext(row);\n  actionColumn?.setExecutionContext(row);\n\n  return (\n    <StyledHeaderContainer>\n      {headerColumn ? <RenderingEngine {...headerColumn.getRenderingEngineProps()} /> : null}\n      {actionColumn ? <RenderingEngine {...actionColumn.getRenderingEngineProps()} /> : null}\n    </StyledHeaderContainer>\n  );\n}\n\nexport default GalleryHeader;\n"]}

package/lib/Core/Views/Gallery/Gallery.types.d.ts

@@ -0,0 +1,9 @@
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+export interface GalleryCardProps {
+    headerColumn?: RsCoreTypes.Column;
+    actionColumn?: RsCoreTypes.Column;
+    row: RsCoreTypes.Row;
+    meta: RsCoreTypes.Meta;
+    visibleColumns: RsCoreTypes.Column[];
+}
+//# sourceMappingURL=Gallery.types.d.ts.map

package/lib/Core/Views/Gallery/Gallery.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gallery.types.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Gallery/Gallery.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAElE,MAAM,WAAW,gBAAgB;IAC/B,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC;IAClC,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC;IAClC,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC;IACvB,cAAc,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC;CACtC"}

package/lib/Core/Views/Gallery/Gallery.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Gallery.types.js.map

package/lib/Core/Views/Gallery/Gallery.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gallery.types.js","sourceRoot":"","sources":["../../../../Core/Views/Gallery/Gallery.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nexport interface GalleryCardProps {\n  headerColumn?: RsCoreTypes.Column;\n  actionColumn?: RsCoreTypes.Column;\n  row: RsCoreTypes.Row;\n  meta: RsCoreTypes.Meta;\n  visibleColumns: RsCoreTypes.Column[];\n}\n"]}

package/lib/Core/Views/Gallery/StyledGalleryContainer.d.ts

@@ -1,3 +1,13 @@
+import { type ReactNode } from 'react';
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+interface StyledGalleryContainerProps {
+    children?: ReactNode;
+    view: RsCoreTypes.View;
+    isFullscreen: boolean;
+    isInlineImage: boolean;
+    className?: string;
+}
+declare const StyledGalleryContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<StyledGalleryContainerProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export default StyledGalleryContainer;
-declare const StyledGalleryContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledVirtualizeContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 //# sourceMappingURL=StyledGalleryContainer.d.ts.map

package/lib/Core/Views/Gallery/StyledGalleryContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledGalleryContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Gallery/StyledGalleryContainer.jsx"],"names":[],"mappings":";AAKA,sNA8CE"}
+{"version":3,"file":"StyledGalleryContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Gallery/StyledGalleryContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,UAAU,2BAA2B;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,sBAAsB,0NAiC1B,CAAC;AAEH,eAAe,sBAAsB,CAAC;AAEtC,eAAO,MAAM,yBAAyB,yGAGrC,CAAC"}

package/lib/Core/Views/Gallery/StyledGalleryContainer.js

@@ -1,51 +1,40 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { generateRSHeightStyles } from '../../Utils/styles';
-const StyledGalleryContainer = styled(forwardRef((props, ref) => _jsx("div", { ref: ref, ...props })))(() => {
+import { StyledSelectionCard } from '@pega/cosmos-react-core/lib/components/SelectionCard/SelectionCard.styles';
+import { generateRSDataContainerHeightStyles, generateRSHeightStyles } from '../../Utils/styles';
+const StyledGalleryContainer = styled(forwardRef((props, ref) => (_jsx("div", { ref: ref, ...props }))))(({ theme, isInlineImage }) => {
     return css `
-      ${({ view, isFullscreen }) => generateRSHeightStyles({ view, isFullscreen })}
+    ${({ view, isFullscreen }) => generateRSHeightStyles({ view, isFullscreen })}
 
-      .card-item-grid-container {
-        display: grid;
-        /* stylelint-disable-next-line unit-allowed-list */
-        grid-gap: 10px;
-        grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
-        width: 100%;
-      }
-
-      .flex-container {
-        display: flex;
-        flex-wrap: wrap;
-        /* stylelint-disable-next-line unit-allowed-list */
-        gap: 10px;
-      }
-
-      /* Gallery view CSS START */
-      .icon-ph > button {
-        cursor: pointer;
-        margin-right: 0.437rem;
-      }
-      .icon-ph {
-        margin: 0.625rem 0;
-      }
-      .field-value > li {
-        padding-bottom: 0.25rem;
-      }
+    .grid-container {
+      position: absolute;
+      display: grid;
+      grid-gap: 1rem;
+      grid-template-columns: repeat(
+        auto-fit,
+        minmax(
+          min(
+            ${isInlineImage
+        ? theme?.base?.['content-width']?.md
+        : theme?.base?.['content-width']?.sm},
+            100%
+          ),
+          1fr
+        )
+      );
+      width: 100%;
+      padding: 0.2rem;
 
-      .row-container {
-        position: absolute;
-        justify-content: space-evenly;
+      ${StyledSelectionCard} {
+        max-width: 100%;
       }
-
-      &.animate {
-        .row-container > span {
-          transition: transform 0.5s cubic-bezier(0.4, 0.6, 0.1, 1);
-        }
-      }
-
-      /* Gallery view CSS END */
-    `;
+    }
+  `;
 });
 export default StyledGalleryContainer;
+export const StyledVirtualizeContainer = styled.div `
+  ${() => generateRSDataContainerHeightStyles()};
+  position: relative;
+`;
 //# sourceMappingURL=StyledGalleryContainer.js.map

package/lib/Core/Views/Gallery/StyledGalleryContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledGalleryContainer.js","sourceRoot":"","sources":["../../../../Core/Views/Gallery/StyledGalleryContainer.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,MAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,cAAK,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC,CAAC,CAC7F,GAAG,EAAE;IACH,OAAO,GAAG,CAAA;QACN,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyC7E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,sBAAsB,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { generateRSHeightStyles } from '../../Utils/styles';\n\nconst StyledGalleryContainer = styled(forwardRef((props, ref) => <div ref={ref} {...props} />))(\n  () => {\n    return css`\n      ${({ view, isFullscreen }) => generateRSHeightStyles({ view, isFullscreen })}\n\n      .card-item-grid-container {\n        display: grid;\n        /* stylelint-disable-next-line unit-allowed-list */\n        grid-gap: 10px;\n        grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));\n        width: 100%;\n      }\n\n      .flex-container {\n        display: flex;\n        flex-wrap: wrap;\n        /* stylelint-disable-next-line unit-allowed-list */\n        gap: 10px;\n      }\n\n      /* Gallery view CSS START */\n      .icon-ph > button {\n        cursor: pointer;\n        margin-right: 0.437rem;\n      }\n      .icon-ph {\n        margin: 0.625rem 0;\n      }\n      .field-value > li {\n        padding-bottom: 0.25rem;\n      }\n\n      .row-container {\n        position: absolute;\n        justify-content: space-evenly;\n      }\n\n      &.animate {\n        .row-container > span {\n          transition: transform 0.5s cubic-bezier(0.4, 0.6, 0.1, 1);\n        }\n      }\n\n      /* Gallery view CSS END */\n    `;\n  }\n);\n\nexport default StyledGalleryContainer;\n"]}
+{"version":3,"file":"StyledGalleryContainer.js","sourceRoot":"","sources":["../../../../Core/Views/Gallery/StyledGalleryContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2EAA2E,CAAC;AAGhH,OAAO,EAAE,mCAAmC,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAUjG,MAAM,sBAAsB,GAAG,MAAM,CACnC,UAAU,CAA8C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CACtE,cAAK,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAC7B,CAAC,CACH,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE;IAC7B,OAAO,GAAG,CAAA;MACN,CAAC,EAAE,IAAI,EAAE,YAAY,EAA+B,EAAE,EAAE,CACxD,sBAAsB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;;;;;;;;;;cAUtC,aAAa;QACb,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,eAAe,CAAC,EAAE,EAAE;QACpC,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,eAAe,CAAC,EAAE,EAAE;;;;;;;;;QAS1C,mBAAmB;;;;GAIxB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,sBAAsB,CAAC;AAEtC,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAA;IAC/C,GAAG,EAAE,CAAC,mCAAmC,EAAE;;CAE9C,CAAC","sourcesContent":["import { forwardRef, type ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { StyledSelectionCard } from '@pega/cosmos-react-core/lib/components/SelectionCard/SelectionCard.styles';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport { generateRSDataContainerHeightStyles, generateRSHeightStyles } from '../../Utils/styles';\n\ninterface StyledGalleryContainerProps {\n  children?: ReactNode;\n  view: RsCoreTypes.View;\n  isFullscreen: boolean;\n  isInlineImage: boolean;\n  className?: string;\n}\n\nconst StyledGalleryContainer = styled(\n  forwardRef<HTMLDivElement, StyledGalleryContainerProps>((props, ref) => (\n    <div ref={ref} {...props} />\n  ))\n)(({ theme, isInlineImage }) => {\n  return css`\n    ${({ view, isFullscreen }: StyledGalleryContainerProps) =>\n      generateRSHeightStyles({ view, isFullscreen })}\n\n    .grid-container {\n      position: absolute;\n      display: grid;\n      grid-gap: 1rem;\n      grid-template-columns: repeat(\n        auto-fit,\n        minmax(\n          min(\n            ${isInlineImage\n              ? theme?.base?.['content-width']?.md\n              : theme?.base?.['content-width']?.sm},\n            100%\n          ),\n          1fr\n        )\n      );\n      width: 100%;\n      padding: 0.2rem;\n\n      ${StyledSelectionCard} {\n        max-width: 100%;\n      }\n    }\n  `;\n});\n\nexport default StyledGalleryContainer;\n\nexport const StyledVirtualizeContainer = styled.div`\n  ${() => generateRSDataContainerHeightStyles()};\n  position: relative;\n`;\n"]}

package/lib/Core/Views/Gallery/_tests_/Samples/GalleryA11ySample.js

@@ -1,7 +1,7 @@
 // cspell:disable
 export default function createGalleryA11yContainer(containerName) {
     const galleryElement = document.createElement('div');
-    galleryElement.innerHTML = `<div class="sc-dYwHd kWBYTH rs-wrapper" style="--col-display-35959765: unset; --col-width-35959765: undefinedpx; --col-left-35959765: 0px; --col-order-35959765: 66; --col-display-1767309340: unset; --col-width-1767309340: undefinedpx; --col-left-1767309340: 0px; --col-order-1767309340: 67; --col-display-65290051: unset; --col-width-65290051: undefinedpx; --col-left-65290051: 0px; --col-order-65290051: 68; --col-display--974557166: unset; --col-width--974557166: undefinedpx; --col-left--974557166: 0px; --col-order--974557166: 69; --col-width--679626225: 32px; --col-left--679626225: 0px; --col-order--679626225: 131; --col-display--679626225: unset;"><div class="sc-LnnfE gElHPn rv-gallery" data-test-id="Gallery"><div class="rv-gallery-header"><div class="sc-bmjVWh fQdTIz"><div data-testid=":list-toolbar:" class="sc-eYWdgt sc-eCApGN jFXPJ"><div class="sc-eCApGN jSYNRl sc-eqLlAf crOphF"><div class="sc-eCApGN iMYeSJ"><div class="sc-eCApGN fGEyeG sc-dprmOr fwxzUF"><h3 data-testid=":list-toolbar:heading" class="sc-hKFyIo biwFTG sc-enTpxJ cvLBAg">List of Used Cars</h3><span data-testid=":list-toolbar:count" class="sc-hKFyIo cAQnkh sc-vMGFs gLcAwe">5 results</span></div><div class="sc-eCApGN fGEyeG"><button data-testid=":list-toolbar:search-button" as="button" type="button" aria-label="Search" class="sc-bqGHjH bZirob" data-popover-target=""><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="m18.513 17.115 4.754 4.755.047.14c.14.232.186.42.186.512 0 .653-.326.979-.979.979-.186 0-.42-.094-.652-.28l-4.708-4.708c-1.77 1.445-3.776 2.144-6.06 2.144-2.656 0-4.894-.932-6.758-2.797-1.91-1.91-2.843-4.148-2.843-6.758 0-2.61.932-4.848 2.843-6.759C6.253 2.433 8.491 1.5 11.102 1.5c2.61 0 4.847.932 6.758 2.843 1.865 1.864 2.797 4.102 2.797 6.759 0 2.237-.7 4.242-2.144 6.013Zm-7.365 1.631c2.098 0 3.869-.746 5.36-2.237 1.492-1.492 2.238-3.263 2.238-5.36 0-2.099-.746-3.916-2.237-5.408-1.492-1.492-3.263-2.237-5.36-2.237-2.099 0-3.916.745-5.408 2.237-1.492 1.492-2.237 3.31-2.237 5.407 0 2.098.745 3.869 2.237 5.36 1.492 1.492 3.31 2.238 5.407 2.238Z"></path></svg></button><button data-testid=":list-toolbar:create-new" as="button" type="button" aria-label="Add" class="sc-bqGHjH bZirob" data-popover-target=""><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="m13.43 2.5-.001 9.069H22.5v1.861h-9.071v9.07h-1.906l-.001-9.07H2.5v-1.86l9.022-.001V2.5h1.907Z"></path></svg></button><button class="sc-bqGHjH bZirob sc-hLiUrC" as="button" type="button" aria-label="Enter fullscreen" data-popover-target=""><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="M11.492 13.5a1 1 0 0 1 0 1.414L6.406 20H10.5a1 1 0 0 1 0 2H3v-7.5a1 1 0 0 1 2 0v4.078l5.078-5.078a1 1 0 0 1 1.414 0ZM22 3v7.5a1 1 0 0 1-2 0V6.32l-5.179 5.18a1 1 0 0 1-1.414-1.414L18.492 5H14.5a1 1 0 0 1 0-2H22Z"></path></svg></button><button data-testid=":menu-button:" id="_0xg1ojqk8" aria-expanded="false" aria-haspopup="menu" type="button" aria-label="Actions - List of Used Cars" class="sc-dPaNSN jnYJHI sc-bqGHjH bZirob" data-popover-target=""><span class="sc-bBjRzc cykSxr sc-eCApGN fGEyeG"><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path></svg></span></button></div></div></div></div></div></div><div data-test-id="externalFilters" class="sc-kLIdoS Gwrfp"></div><input class="sc-jftIyx QkTco top" type="text" aria-hidden="true"><div class="sc-cYftwm XIXxf"><div data-total-records="5" class="sc-dYlJdf hRdTqi pContainer"><div class="bContainer" style="height: 338px; --above-loader-top: -80px; --below-loader-top: 338px;"><div class="${containerName} card-item-grid-container short-height row-container" role="rowgroup" style="width: var(--container-width); top: 0px; --container-width: 1140px;"><div data-key="" class="sc-jjtVRN hMaPCw tile" data-index="0"><article role="none" class="sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu"><header class="sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader"><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Kodia</span></h4><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Red</span></h4><div class="cardRowAction"><span class="sc-dwgyss jgoxJL cell-content"><div class="sc-eaLsfz eUweZY row-action-menu"><button data-testid=":menu-button:" tabindex="-1" id="_7pwvndydg" aria-expanded="false" aria-haspopup="menu" type="button" aria-label="Actions - Kodia" class="sc-dPaNSN jnYJHI sc-bqGHjH nmaHv" data-popover-target=""><span class="sc-bBjRzc cykSxr sc-eCApGN fGEyeG"><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path></svg></span></button></div></span></div></header><div class="sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent"><ul class="sc-bJqgKO fuTtkF"><li><span class="sc-dwgyss jgoxJL cell-content">Kodia</span></li><li><span class="sc-dwgyss jgoxJL cell-content">SUV</span></li><li><span class="sc-dwgyss jgoxJL cell-content">Red</span></li><li><span class="sc-dwgyss jgoxJL cell-content">1c25a1fe-43be-461b-9960-677d063039c2</span></li></ul></div></article></div><div data-key="" class="sc-jjtVRN hMaPCw tile" data-index="1"><article role="none" class="sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu"><header class="sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader"><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Superb</span></h4><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Black</span></h4><div class="cardRowAction"><span class="sc-dwgyss jgoxJL cell-content"><div class="sc-eaLsfz eUweZY row-action-menu"><button data-testid=":menu-button:" tabindex="-1" id="_pvly48ela" aria-expanded="false" aria-haspopup="menu" type="button" aria-label="Actions - Superb" class="sc-dPaNSN jnYJHI sc-bqGHjH nmaHv" data-popover-target=""><span class="sc-bBjRzc cykSxr sc-eCApGN fGEyeG"><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path></svg></span></button></div></span></div></header><div class="sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent"><ul class="sc-bJqgKO fuTtkF"><li><span class="sc-dwgyss jgoxJL cell-content">Superb</span></li><li><span class="sc-dwgyss jgoxJL cell-content">Seda</span></li><li><span class="sc-dwgyss jgoxJL cell-content">Black</span></li><li><span class="sc-dwgyss jgoxJL cell-content">1d95527b-8625-480e-968c-f1f18a03676b</span></li></ul></div></article></div><div data-key="" class="sc-jjtVRN hMaPCw tile" data-index="2"><article role="none" class="sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu"><header class="sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader"><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Slavia</span></h4><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Red</span></h4><div class="cardRowAction"><span class="sc-dwgyss jgoxJL cell-content"><div class="sc-eaLsfz eUweZY row-action-menu"><button data-testid=":menu-button:" tabindex="-1" id="_eowwpx2jv" aria-expanded="false" aria-haspopup="menu" type="button" aria-label="Actions - Slavia" class="sc-dPaNSN jnYJHI sc-bqGHjH nmaHv" data-popover-target=""><span class="sc-bBjRzc cykSxr sc-eCApGN fGEyeG"><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path></svg></span></button></div></span></div></header><div class="sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent"><ul class="sc-bJqgKO fuTtkF"><li><span class="sc-dwgyss jgoxJL cell-content">Slavia</span></li><li><span class="sc-dwgyss jgoxJL cell-content">Sedan</span></li><li><span class="sc-dwgyss jgoxJL cell-content">Red</span></li><li><span class="sc-dwgyss jgoxJL cell-content">730150f3-1d79-4d8f-8705-37c4a0c1082e</span></li></ul></div></article></div><div data-key="" class="sc-jjtVRN hMaPCw tile" data-index="3"><article role="none" class="sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu"><header class="sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader"><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Octavia</span></h4><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Blue</span></h4><div class="cardRowAction"><span class="sc-dwgyss jgoxJL cell-content"><div class="sc-eaLsfz eUweZY row-action-menu"><button data-testid=":menu-button:" tabindex="-1" id="_pul2sp8vu" aria-expanded="false" aria-haspopup="menu" type="button" aria-label="Actions - Octavia" class="sc-dPaNSN jnYJHI sc-bqGHjH nmaHv" data-popover-target=""><span class="sc-bBjRzc cykSxr sc-eCApGN fGEyeG"><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path></svg></span></button></div></span></div></header><div class="sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent"><ul class="sc-bJqgKO fuTtkF"><li><span class="sc-dwgyss jgoxJL cell-content">Octavia</span></li><li><span class="sc-dwgyss jgoxJL cell-content">SUV</span></li><li><span class="sc-dwgyss jgoxJL cell-content">Blue</span></li><li><span class="sc-dwgyss jgoxJL cell-content">a207de37-08ab-4713-b6c5-9105a7c24145</span></li></ul></div></article></div><div data-key="" class="sc-jjtVRN hMaPCw tile" data-index="4"><article role="none" class="sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu"><header class="sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader"><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Kushaq</span></h4><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Grey</span></h4><div class="cardRowAction"><span class="sc-dwgyss jgoxJL cell-content"><div class="sc-eaLsfz eUweZY row-action-menu"><button data-testid=":menu-button:" tabindex="-1" id="_tout3gs6r" aria-expanded="false" aria-haspopup="menu" type="button" aria-label="Actions - Kushaq" class="sc-dPaNSN jnYJHI sc-bqGHjH nmaHv" data-popover-target=""><span class="sc-bBjRzc cykSxr sc-eCApGN fGEyeG"><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path></svg></span></button></div></span></div></header><div class="sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent"><ul class="sc-bJqgKO fuTtkF"><li><span class="sc-dwgyss jgoxJL cell-content">Kushaq</span></li><li><span class="sc-dwgyss jgoxJL cell-content">SUV</span></li><li><span class="sc-dwgyss jgoxJL cell-content">Grey</span></li><li><span class="sc-dwgyss jgoxJL cell-content">d470b095-d497-482d-8010-00bc381d75a4</span></li></ul></div></article></div></div></div></div></div><input class="sc-jftIyx QkTco bottom" type="text" aria-hidden="true"></div></div>`;
+    galleryElement.innerHTML = `<div class="sc-dYwHd kWBYTH rs-wrapper" style="--col-display-35959765: unset; --col-width-35959765: undefinedpx; --col-left-35959765: 0px; --col-order-35959765: 66; --col-display-1767309340: unset; --col-width-1767309340: undefinedpx; --col-left-1767309340: 0px; --col-order-1767309340: 67; --col-display-65290051: unset; --col-width-65290051: undefinedpx; --col-left-65290051: 0px; --col-order-65290051: 68; --col-display--974557166: unset; --col-width--974557166: undefinedpx; --col-left--974557166: 0px; --col-order--974557166: 69; --col-width--679626225: 32px; --col-left--679626225: 0px; --col-order--679626225: 131; --col-display--679626225: unset;"><div class="sc-LnnfE gElHPn rv-gallery" data-test-id="Gallery"><div class="rv-gallery-header"><div class="sc-bmjVWh fQdTIz"><div data-testid=":list-toolbar:" class="sc-eYWdgt sc-eCApGN jFXPJ"><div class="sc-eCApGN jSYNRl sc-eqLlAf crOphF"><div class="sc-eCApGN iMYeSJ"><div class="sc-eCApGN fGEyeG sc-dprmOr fwxzUF"><h3 data-testid=":list-toolbar:heading" class="sc-hKFyIo biwFTG sc-enTpxJ cvLBAg">List of Used Cars</h3><span data-testid=":list-toolbar:count" class="sc-hKFyIo cAQnkh sc-vMGFs gLcAwe">5 results</span></div><div class="sc-eCApGN fGEyeG"><button data-testid=":list-toolbar:search-button" as="button" type="button" aria-label="Search" class="sc-bqGHjH bZirob" data-popover-target=""><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="m18.513 17.115 4.754 4.755.047.14c.14.232.186.42.186.512 0 .653-.326.979-.979.979-.186 0-.42-.094-.652-.28l-4.708-4.708c-1.77 1.445-3.776 2.144-6.06 2.144-2.656 0-4.894-.932-6.758-2.797-1.91-1.91-2.843-4.148-2.843-6.758 0-2.61.932-4.848 2.843-6.759C6.253 2.433 8.491 1.5 11.102 1.5c2.61 0 4.847.932 6.758 2.843 1.865 1.864 2.797 4.102 2.797 6.759 0 2.237-.7 4.242-2.144 6.013Zm-7.365 1.631c2.098 0 3.869-.746 5.36-2.237 1.492-1.492 2.238-3.263 2.238-5.36 0-2.099-.746-3.916-2.237-5.408-1.492-1.492-3.263-2.237-5.36-2.237-2.099 0-3.916.745-5.408 2.237-1.492 1.492-2.237 3.31-2.237 5.407 0 2.098.745 3.869 2.237 5.36 1.492 1.492 3.31 2.238 5.407 2.238Z"></path></svg></button><button data-testid=":list-toolbar:create-new" as="button" type="button" aria-label="Add" class="sc-bqGHjH bZirob" data-popover-target=""><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="m13.43 2.5-.001 9.069H22.5v1.861h-9.071v9.07h-1.906l-.001-9.07H2.5v-1.86l9.022-.001V2.5h1.907Z"></path></svg></button><button class="sc-bqGHjH bZirob sc-hLiUrC" as="button" type="button" aria-label="Enter fullscreen" data-popover-target=""><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="M11.492 13.5a1 1 0 0 1 0 1.414L6.406 20H10.5a1 1 0 0 1 0 2H3v-7.5a1 1 0 0 1 2 0v4.078l5.078-5.078a1 1 0 0 1 1.414 0ZM22 3v7.5a1 1 0 0 1-2 0V6.32l-5.179 5.18a1 1 0 0 1-1.414-1.414L18.492 5H14.5a1 1 0 0 1 0-2H22Z"></path></svg></button><button data-testid=":menu-button:" id="_0xg1ojqk8" aria-expanded="false" aria-haspopup="menu" type="button" aria-label="Actions - List of Used Cars" class="sc-dPaNSN jnYJHI sc-bqGHjH bZirob" data-popover-target=""><span class="sc-bBjRzc cykSxr sc-eCApGN fGEyeG"><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path></svg></span></button></div></div></div></div></div></div><div data-test-id="externalFilters" class="sc-kLIdoS Gwrfp"></div><input class="sc-jftIyx QkTco top" type="text" aria-hidden="true"><div class="sc-cYftwm XIXxf"><div data-total-records="5" class="sc-dYlJdf hRdTqi pContainer"><div class="bContainer" style="height: 338px; --above-loader-top: -80px; --below-loader-top: 338px;"><div class="${containerName} short-height row-container" role="rowgroup" style="width: var(--container-width); top: 0px; --container-width: 1140px;"><div data-key="" class="sc-jjtVRN hMaPCw tile" data-index="0"><article role="none" class="sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu"><header class="sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader"><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Kodia</span></h4><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Red</span></h4><div class="cardRowAction"><span class="sc-dwgyss jgoxJL cell-content"><div class="sc-eaLsfz eUweZY row-action-menu"><button data-testid=":menu-button:" tabindex="-1" id="_7pwvndydg" aria-expanded="false" aria-haspopup="menu" type="button" aria-label="Actions - Kodia" class="sc-dPaNSN jnYJHI sc-bqGHjH nmaHv" data-popover-target=""><span class="sc-bBjRzc cykSxr sc-eCApGN fGEyeG"><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path></svg></span></button></div></span></div></header><div class="sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent"><ul class="sc-bJqgKO fuTtkF"><li><span class="sc-dwgyss jgoxJL cell-content">Kodia</span></li><li><span class="sc-dwgyss jgoxJL cell-content">SUV</span></li><li><span class="sc-dwgyss jgoxJL cell-content">Red</span></li><li><span class="sc-dwgyss jgoxJL cell-content">1c25a1fe-43be-461b-9960-677d063039c2</span></li></ul></div></article></div><div data-key="" class="sc-jjtVRN hMaPCw tile" data-index="1"><article role="none" class="sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu"><header class="sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader"><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Superb</span></h4><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Black</span></h4><div class="cardRowAction"><span class="sc-dwgyss jgoxJL cell-content"><div class="sc-eaLsfz eUweZY row-action-menu"><button data-testid=":menu-button:" tabindex="-1" id="_pvly48ela" aria-expanded="false" aria-haspopup="menu" type="button" aria-label="Actions - Superb" class="sc-dPaNSN jnYJHI sc-bqGHjH nmaHv" data-popover-target=""><span class="sc-bBjRzc cykSxr sc-eCApGN fGEyeG"><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path></svg></span></button></div></span></div></header><div class="sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent"><ul class="sc-bJqgKO fuTtkF"><li><span class="sc-dwgyss jgoxJL cell-content">Superb</span></li><li><span class="sc-dwgyss jgoxJL cell-content">Seda</span></li><li><span class="sc-dwgyss jgoxJL cell-content">Black</span></li><li><span class="sc-dwgyss jgoxJL cell-content">1d95527b-8625-480e-968c-f1f18a03676b</span></li></ul></div></article></div><div data-key="" class="sc-jjtVRN hMaPCw tile" data-index="2"><article role="none" class="sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu"><header class="sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader"><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Slavia</span></h4><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Red</span></h4><div class="cardRowAction"><span class="sc-dwgyss jgoxJL cell-content"><div class="sc-eaLsfz eUweZY row-action-menu"><button data-testid=":menu-button:" tabindex="-1" id="_eowwpx2jv" aria-expanded="false" aria-haspopup="menu" type="button" aria-label="Actions - Slavia" class="sc-dPaNSN jnYJHI sc-bqGHjH nmaHv" data-popover-target=""><span class="sc-bBjRzc cykSxr sc-eCApGN fGEyeG"><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path></svg></span></button></div></span></div></header><div class="sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent"><ul class="sc-bJqgKO fuTtkF"><li><span class="sc-dwgyss jgoxJL cell-content">Slavia</span></li><li><span class="sc-dwgyss jgoxJL cell-content">Sedan</span></li><li><span class="sc-dwgyss jgoxJL cell-content">Red</span></li><li><span class="sc-dwgyss jgoxJL cell-content">730150f3-1d79-4d8f-8705-37c4a0c1082e</span></li></ul></div></article></div><div data-key="" class="sc-jjtVRN hMaPCw tile" data-index="3"><article role="none" class="sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu"><header class="sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader"><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Octavia</span></h4><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Blue</span></h4><div class="cardRowAction"><span class="sc-dwgyss jgoxJL cell-content"><div class="sc-eaLsfz eUweZY row-action-menu"><button data-testid=":menu-button:" tabindex="-1" id="_pul2sp8vu" aria-expanded="false" aria-haspopup="menu" type="button" aria-label="Actions - Octavia" class="sc-dPaNSN jnYJHI sc-bqGHjH nmaHv" data-popover-target=""><span class="sc-bBjRzc cykSxr sc-eCApGN fGEyeG"><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path></svg></span></button></div></span></div></header><div class="sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent"><ul class="sc-bJqgKO fuTtkF"><li><span class="sc-dwgyss jgoxJL cell-content">Octavia</span></li><li><span class="sc-dwgyss jgoxJL cell-content">SUV</span></li><li><span class="sc-dwgyss jgoxJL cell-content">Blue</span></li><li><span class="sc-dwgyss jgoxJL cell-content">a207de37-08ab-4713-b6c5-9105a7c24145</span></li></ul></div></article></div><div data-key="" class="sc-jjtVRN hMaPCw tile" data-index="4"><article role="none" class="sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu"><header class="sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader"><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Kushaq</span></h4><h4 class="sc-hKFyIo himqoU sc-hGEFff fDSzKM"><span class="sc-dwgyss jgoxJL cell-content">Grey</span></h4><div class="cardRowAction"><span class="sc-dwgyss jgoxJL cell-content"><div class="sc-eaLsfz eUweZY row-action-menu"><button data-testid=":menu-button:" tabindex="-1" id="_tout3gs6r" aria-expanded="false" aria-haspopup="menu" type="button" aria-label="Actions - Kushaq" class="sc-dPaNSN jnYJHI sc-bqGHjH nmaHv" data-popover-target=""><span class="sc-bBjRzc cykSxr sc-eCApGN fGEyeG"><svg role="presentation" viewBox="0 0 25 25" class="sc-crzoUp jgPGeN"><path d="M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z"></path></svg></span></button></div></span></div></header><div class="sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent"><ul class="sc-bJqgKO fuTtkF"><li><span class="sc-dwgyss jgoxJL cell-content">Kushaq</span></li><li><span class="sc-dwgyss jgoxJL cell-content">SUV</span></li><li><span class="sc-dwgyss jgoxJL cell-content">Grey</span></li><li><span class="sc-dwgyss jgoxJL cell-content">d470b095-d497-482d-8010-00bc381d75a4</span></li></ul></div></article></div></div></div></div></div><input class="sc-jftIyx QkTco bottom" type="text" aria-hidden="true"></div></div>`;
     document.body.appendChild(galleryElement);
     return galleryElement.querySelector(`.${containerName}`);
 }

package/lib/Core/Views/Gallery/_tests_/Samples/GalleryA11ySample.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryA11ySample.js","sourceRoot":"","sources":["../../../../../../Core/Views/Gallery/_tests_/Samples/GalleryA11ySample.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,aAAqB;IACtE,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAmB,CAAC;IAEvE,cAAc,CAAC,SAAS,GAAG,ktIAAktI,aAAa,uxUAAuxU,CAAC;IAElhd,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAE1C,OAAO,cAAc,CAAC,aAAa,CAAC,IAAI,aAAa,EAAE,CAAC,CAAC;AAC3D,CAAC","sourcesContent":["// cspell:disable\nexport default function createGalleryA11yContainer(containerName: string) {\n  const galleryElement = document.createElement('div') as HTMLDivElement;\n\n  galleryElement.innerHTML = `<div class=\"sc-dYwHd kWBYTH rs-wrapper\" style=\"--col-display-35959765: unset; --col-width-35959765: undefinedpx; --col-left-35959765: 0px; --col-order-35959765: 66; --col-display-1767309340: unset; --col-width-1767309340: undefinedpx; --col-left-1767309340: 0px; --col-order-1767309340: 67; --col-display-65290051: unset; --col-width-65290051: undefinedpx; --col-left-65290051: 0px; --col-order-65290051: 68; --col-display--974557166: unset; --col-width--974557166: undefinedpx; --col-left--974557166: 0px; --col-order--974557166: 69; --col-width--679626225: 32px; --col-left--679626225: 0px; --col-order--679626225: 131; --col-display--679626225: unset;\"><div class=\"sc-LnnfE gElHPn rv-gallery\" data-test-id=\"Gallery\"><div class=\"rv-gallery-header\"><div class=\"sc-bmjVWh fQdTIz\"><div data-testid=\":list-toolbar:\" class=\"sc-eYWdgt sc-eCApGN jFXPJ\"><div class=\"sc-eCApGN jSYNRl sc-eqLlAf crOphF\"><div class=\"sc-eCApGN iMYeSJ\"><div class=\"sc-eCApGN fGEyeG sc-dprmOr fwxzUF\"><h3 data-testid=\":list-toolbar:heading\" class=\"sc-hKFyIo biwFTG sc-enTpxJ cvLBAg\">List of Used Cars</h3><span data-testid=\":list-toolbar:count\" class=\"sc-hKFyIo cAQnkh sc-vMGFs gLcAwe\">5 results</span></div><div class=\"sc-eCApGN fGEyeG\"><button data-testid=\":list-toolbar:search-button\" as=\"button\" type=\"button\" aria-label=\"Search\" class=\"sc-bqGHjH bZirob\" data-popover-target=\"\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"m18.513 17.115 4.754 4.755.047.14c.14.232.186.42.186.512 0 .653-.326.979-.979.979-.186 0-.42-.094-.652-.28l-4.708-4.708c-1.77 1.445-3.776 2.144-6.06 2.144-2.656 0-4.894-.932-6.758-2.797-1.91-1.91-2.843-4.148-2.843-6.758 0-2.61.932-4.848 2.843-6.759C6.253 2.433 8.491 1.5 11.102 1.5c2.61 0 4.847.932 6.758 2.843 1.865 1.864 2.797 4.102 2.797 6.759 0 2.237-.7 4.242-2.144 6.013Zm-7.365 1.631c2.098 0 3.869-.746 5.36-2.237 1.492-1.492 2.238-3.263 2.238-5.36 0-2.099-.746-3.916-2.237-5.408-1.492-1.492-3.263-2.237-5.36-2.237-2.099 0-3.916.745-5.408 2.237-1.492 1.492-2.237 3.31-2.237 5.407 0 2.098.745 3.869 2.237 5.36 1.492 1.492 3.31 2.238 5.407 2.238Z\"></path></svg></button><button data-testid=\":list-toolbar:create-new\" as=\"button\" type=\"button\" aria-label=\"Add\" class=\"sc-bqGHjH bZirob\" data-popover-target=\"\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"m13.43 2.5-.001 9.069H22.5v1.861h-9.071v9.07h-1.906l-.001-9.07H2.5v-1.86l9.022-.001V2.5h1.907Z\"></path></svg></button><button class=\"sc-bqGHjH bZirob sc-hLiUrC\" as=\"button\" type=\"button\" aria-label=\"Enter fullscreen\" data-popover-target=\"\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"M11.492 13.5a1 1 0 0 1 0 1.414L6.406 20H10.5a1 1 0 0 1 0 2H3v-7.5a1 1 0 0 1 2 0v4.078l5.078-5.078a1 1 0 0 1 1.414 0ZM22 3v7.5a1 1 0 0 1-2 0V6.32l-5.179 5.18a1 1 0 0 1-1.414-1.414L18.492 5H14.5a1 1 0 0 1 0-2H22Z\"></path></svg></button><button data-testid=\":menu-button:\" id=\"_0xg1ojqk8\" aria-expanded=\"false\" aria-haspopup=\"menu\" type=\"button\" aria-label=\"Actions - List of Used Cars\" class=\"sc-dPaNSN jnYJHI sc-bqGHjH bZirob\" data-popover-target=\"\"><span class=\"sc-bBjRzc cykSxr sc-eCApGN fGEyeG\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z\"></path></svg></span></button></div></div></div></div></div></div><div data-test-id=\"externalFilters\" class=\"sc-kLIdoS Gwrfp\"></div><input class=\"sc-jftIyx QkTco top\" type=\"text\" aria-hidden=\"true\"><div class=\"sc-cYftwm XIXxf\"><div data-total-records=\"5\" class=\"sc-dYlJdf hRdTqi pContainer\"><div class=\"bContainer\" style=\"height: 338px; --above-loader-top: -80px; --below-loader-top: 338px;\"><div class=\"${containerName} card-item-grid-container short-height row-container\" role=\"rowgroup\" style=\"width: var(--container-width); top: 0px; --container-width: 1140px;\"><div data-key=\"\" class=\"sc-jjtVRN hMaPCw tile\" data-index=\"0\"><article role=\"none\" class=\"sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu\"><header class=\"sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader\"><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Kodia</span></h4><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Red</span></h4><div class=\"cardRowAction\"><span class=\"sc-dwgyss jgoxJL cell-content\"><div class=\"sc-eaLsfz eUweZY row-action-menu\"><button data-testid=\":menu-button:\" tabindex=\"-1\" id=\"_7pwvndydg\" aria-expanded=\"false\" aria-haspopup=\"menu\" type=\"button\" aria-label=\"Actions - Kodia\" class=\"sc-dPaNSN jnYJHI sc-bqGHjH nmaHv\" data-popover-target=\"\"><span class=\"sc-bBjRzc cykSxr sc-eCApGN fGEyeG\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z\"></path></svg></span></button></div></span></div></header><div class=\"sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent\"><ul class=\"sc-bJqgKO fuTtkF\"><li><span class=\"sc-dwgyss jgoxJL cell-content\">Kodia</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">SUV</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">Red</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">1c25a1fe-43be-461b-9960-677d063039c2</span></li></ul></div></article></div><div data-key=\"\" class=\"sc-jjtVRN hMaPCw tile\" data-index=\"1\"><article role=\"none\" class=\"sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu\"><header class=\"sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader\"><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Superb</span></h4><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Black</span></h4><div class=\"cardRowAction\"><span class=\"sc-dwgyss jgoxJL cell-content\"><div class=\"sc-eaLsfz eUweZY row-action-menu\"><button data-testid=\":menu-button:\" tabindex=\"-1\" id=\"_pvly48ela\" aria-expanded=\"false\" aria-haspopup=\"menu\" type=\"button\" aria-label=\"Actions - Superb\" class=\"sc-dPaNSN jnYJHI sc-bqGHjH nmaHv\" data-popover-target=\"\"><span class=\"sc-bBjRzc cykSxr sc-eCApGN fGEyeG\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z\"></path></svg></span></button></div></span></div></header><div class=\"sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent\"><ul class=\"sc-bJqgKO fuTtkF\"><li><span class=\"sc-dwgyss jgoxJL cell-content\">Superb</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">Seda</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">Black</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">1d95527b-8625-480e-968c-f1f18a03676b</span></li></ul></div></article></div><div data-key=\"\" class=\"sc-jjtVRN hMaPCw tile\" data-index=\"2\"><article role=\"none\" class=\"sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu\"><header class=\"sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader\"><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Slavia</span></h4><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Red</span></h4><div class=\"cardRowAction\"><span class=\"sc-dwgyss jgoxJL cell-content\"><div class=\"sc-eaLsfz eUweZY row-action-menu\"><button data-testid=\":menu-button:\" tabindex=\"-1\" id=\"_eowwpx2jv\" aria-expanded=\"false\" aria-haspopup=\"menu\" type=\"button\" aria-label=\"Actions - Slavia\" class=\"sc-dPaNSN jnYJHI sc-bqGHjH nmaHv\" data-popover-target=\"\"><span class=\"sc-bBjRzc cykSxr sc-eCApGN fGEyeG\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z\"></path></svg></span></button></div></span></div></header><div class=\"sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent\"><ul class=\"sc-bJqgKO fuTtkF\"><li><span class=\"sc-dwgyss jgoxJL cell-content\">Slavia</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">Sedan</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">Red</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">730150f3-1d79-4d8f-8705-37c4a0c1082e</span></li></ul></div></article></div><div data-key=\"\" class=\"sc-jjtVRN hMaPCw tile\" data-index=\"3\"><article role=\"none\" class=\"sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu\"><header class=\"sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader\"><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Octavia</span></h4><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Blue</span></h4><div class=\"cardRowAction\"><span class=\"sc-dwgyss jgoxJL cell-content\"><div class=\"sc-eaLsfz eUweZY row-action-menu\"><button data-testid=\":menu-button:\" tabindex=\"-1\" id=\"_pul2sp8vu\" aria-expanded=\"false\" aria-haspopup=\"menu\" type=\"button\" aria-label=\"Actions - Octavia\" class=\"sc-dPaNSN jnYJHI sc-bqGHjH nmaHv\" data-popover-target=\"\"><span class=\"sc-bBjRzc cykSxr sc-eCApGN fGEyeG\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z\"></path></svg></span></button></div></span></div></header><div class=\"sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent\"><ul class=\"sc-bJqgKO fuTtkF\"><li><span class=\"sc-dwgyss jgoxJL cell-content\">Octavia</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">SUV</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">Blue</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">a207de37-08ab-4713-b6c5-9105a7c24145</span></li></ul></div></article></div><div data-key=\"\" class=\"sc-jjtVRN hMaPCw tile\" data-index=\"4\"><article role=\"none\" class=\"sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu\"><header class=\"sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader\"><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Kushaq</span></h4><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Grey</span></h4><div class=\"cardRowAction\"><span class=\"sc-dwgyss jgoxJL cell-content\"><div class=\"sc-eaLsfz eUweZY row-action-menu\"><button data-testid=\":menu-button:\" tabindex=\"-1\" id=\"_tout3gs6r\" aria-expanded=\"false\" aria-haspopup=\"menu\" type=\"button\" aria-label=\"Actions - Kushaq\" class=\"sc-dPaNSN jnYJHI sc-bqGHjH nmaHv\" data-popover-target=\"\"><span class=\"sc-bBjRzc cykSxr sc-eCApGN fGEyeG\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z\"></path></svg></span></button></div></span></div></header><div class=\"sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent\"><ul class=\"sc-bJqgKO fuTtkF\"><li><span class=\"sc-dwgyss jgoxJL cell-content\">Kushaq</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">SUV</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">Grey</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">d470b095-d497-482d-8010-00bc381d75a4</span></li></ul></div></article></div></div></div></div></div><input class=\"sc-jftIyx QkTco bottom\" type=\"text\" aria-hidden=\"true\"></div></div>`;\n\n  document.body.appendChild(galleryElement);\n\n  return galleryElement.querySelector(`.${containerName}`);\n}\n"]}
+{"version":3,"file":"GalleryA11ySample.js","sourceRoot":"","sources":["../../../../../../Core/Views/Gallery/_tests_/Samples/GalleryA11ySample.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,aAAqB;IACtE,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAmB,CAAC;IAEvE,cAAc,CAAC,SAAS,GAAG,ktIAAktI,aAAa,8vUAA8vU,CAAC;IAEz/c,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAE1C,OAAO,cAAc,CAAC,aAAa,CAAC,IAAI,aAAa,EAAE,CAAC,CAAC;AAC3D,CAAC","sourcesContent":["// cspell:disable\nexport default function createGalleryA11yContainer(containerName: string) {\n  const galleryElement = document.createElement('div') as HTMLDivElement;\n\n  galleryElement.innerHTML = `<div class=\"sc-dYwHd kWBYTH rs-wrapper\" style=\"--col-display-35959765: unset; --col-width-35959765: undefinedpx; --col-left-35959765: 0px; --col-order-35959765: 66; --col-display-1767309340: unset; --col-width-1767309340: undefinedpx; --col-left-1767309340: 0px; --col-order-1767309340: 67; --col-display-65290051: unset; --col-width-65290051: undefinedpx; --col-left-65290051: 0px; --col-order-65290051: 68; --col-display--974557166: unset; --col-width--974557166: undefinedpx; --col-left--974557166: 0px; --col-order--974557166: 69; --col-width--679626225: 32px; --col-left--679626225: 0px; --col-order--679626225: 131; --col-display--679626225: unset;\"><div class=\"sc-LnnfE gElHPn rv-gallery\" data-test-id=\"Gallery\"><div class=\"rv-gallery-header\"><div class=\"sc-bmjVWh fQdTIz\"><div data-testid=\":list-toolbar:\" class=\"sc-eYWdgt sc-eCApGN jFXPJ\"><div class=\"sc-eCApGN jSYNRl sc-eqLlAf crOphF\"><div class=\"sc-eCApGN iMYeSJ\"><div class=\"sc-eCApGN fGEyeG sc-dprmOr fwxzUF\"><h3 data-testid=\":list-toolbar:heading\" class=\"sc-hKFyIo biwFTG sc-enTpxJ cvLBAg\">List of Used Cars</h3><span data-testid=\":list-toolbar:count\" class=\"sc-hKFyIo cAQnkh sc-vMGFs gLcAwe\">5 results</span></div><div class=\"sc-eCApGN fGEyeG\"><button data-testid=\":list-toolbar:search-button\" as=\"button\" type=\"button\" aria-label=\"Search\" class=\"sc-bqGHjH bZirob\" data-popover-target=\"\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"m18.513 17.115 4.754 4.755.047.14c.14.232.186.42.186.512 0 .653-.326.979-.979.979-.186 0-.42-.094-.652-.28l-4.708-4.708c-1.77 1.445-3.776 2.144-6.06 2.144-2.656 0-4.894-.932-6.758-2.797-1.91-1.91-2.843-4.148-2.843-6.758 0-2.61.932-4.848 2.843-6.759C6.253 2.433 8.491 1.5 11.102 1.5c2.61 0 4.847.932 6.758 2.843 1.865 1.864 2.797 4.102 2.797 6.759 0 2.237-.7 4.242-2.144 6.013Zm-7.365 1.631c2.098 0 3.869-.746 5.36-2.237 1.492-1.492 2.238-3.263 2.238-5.36 0-2.099-.746-3.916-2.237-5.408-1.492-1.492-3.263-2.237-5.36-2.237-2.099 0-3.916.745-5.408 2.237-1.492 1.492-2.237 3.31-2.237 5.407 0 2.098.745 3.869 2.237 5.36 1.492 1.492 3.31 2.238 5.407 2.238Z\"></path></svg></button><button data-testid=\":list-toolbar:create-new\" as=\"button\" type=\"button\" aria-label=\"Add\" class=\"sc-bqGHjH bZirob\" data-popover-target=\"\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"m13.43 2.5-.001 9.069H22.5v1.861h-9.071v9.07h-1.906l-.001-9.07H2.5v-1.86l9.022-.001V2.5h1.907Z\"></path></svg></button><button class=\"sc-bqGHjH bZirob sc-hLiUrC\" as=\"button\" type=\"button\" aria-label=\"Enter fullscreen\" data-popover-target=\"\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"M11.492 13.5a1 1 0 0 1 0 1.414L6.406 20H10.5a1 1 0 0 1 0 2H3v-7.5a1 1 0 0 1 2 0v4.078l5.078-5.078a1 1 0 0 1 1.414 0ZM22 3v7.5a1 1 0 0 1-2 0V6.32l-5.179 5.18a1 1 0 0 1-1.414-1.414L18.492 5H14.5a1 1 0 0 1 0-2H22Z\"></path></svg></button><button data-testid=\":menu-button:\" id=\"_0xg1ojqk8\" aria-expanded=\"false\" aria-haspopup=\"menu\" type=\"button\" aria-label=\"Actions - List of Used Cars\" class=\"sc-dPaNSN jnYJHI sc-bqGHjH bZirob\" data-popover-target=\"\"><span class=\"sc-bBjRzc cykSxr sc-eCApGN fGEyeG\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z\"></path></svg></span></button></div></div></div></div></div></div><div data-test-id=\"externalFilters\" class=\"sc-kLIdoS Gwrfp\"></div><input class=\"sc-jftIyx QkTco top\" type=\"text\" aria-hidden=\"true\"><div class=\"sc-cYftwm XIXxf\"><div data-total-records=\"5\" class=\"sc-dYlJdf hRdTqi pContainer\"><div class=\"bContainer\" style=\"height: 338px; --above-loader-top: -80px; --below-loader-top: 338px;\"><div class=\"${containerName} short-height row-container\" role=\"rowgroup\" style=\"width: var(--container-width); top: 0px; --container-width: 1140px;\"><div data-key=\"\" class=\"sc-jjtVRN hMaPCw tile\" data-index=\"0\"><article role=\"none\" class=\"sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu\"><header class=\"sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader\"><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Kodia</span></h4><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Red</span></h4><div class=\"cardRowAction\"><span class=\"sc-dwgyss jgoxJL cell-content\"><div class=\"sc-eaLsfz eUweZY row-action-menu\"><button data-testid=\":menu-button:\" tabindex=\"-1\" id=\"_7pwvndydg\" aria-expanded=\"false\" aria-haspopup=\"menu\" type=\"button\" aria-label=\"Actions - Kodia\" class=\"sc-dPaNSN jnYJHI sc-bqGHjH nmaHv\" data-popover-target=\"\"><span class=\"sc-bBjRzc cykSxr sc-eCApGN fGEyeG\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z\"></path></svg></span></button></div></span></div></header><div class=\"sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent\"><ul class=\"sc-bJqgKO fuTtkF\"><li><span class=\"sc-dwgyss jgoxJL cell-content\">Kodia</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">SUV</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">Red</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">1c25a1fe-43be-461b-9960-677d063039c2</span></li></ul></div></article></div><div data-key=\"\" class=\"sc-jjtVRN hMaPCw tile\" data-index=\"1\"><article role=\"none\" class=\"sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu\"><header class=\"sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader\"><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Superb</span></h4><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Black</span></h4><div class=\"cardRowAction\"><span class=\"sc-dwgyss jgoxJL cell-content\"><div class=\"sc-eaLsfz eUweZY row-action-menu\"><button data-testid=\":menu-button:\" tabindex=\"-1\" id=\"_pvly48ela\" aria-expanded=\"false\" aria-haspopup=\"menu\" type=\"button\" aria-label=\"Actions - Superb\" class=\"sc-dPaNSN jnYJHI sc-bqGHjH nmaHv\" data-popover-target=\"\"><span class=\"sc-bBjRzc cykSxr sc-eCApGN fGEyeG\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z\"></path></svg></span></button></div></span></div></header><div class=\"sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent\"><ul class=\"sc-bJqgKO fuTtkF\"><li><span class=\"sc-dwgyss jgoxJL cell-content\">Superb</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">Seda</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">Black</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">1d95527b-8625-480e-968c-f1f18a03676b</span></li></ul></div></article></div><div data-key=\"\" class=\"sc-jjtVRN hMaPCw tile\" data-index=\"2\"><article role=\"none\" class=\"sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu\"><header class=\"sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader\"><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Slavia</span></h4><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Red</span></h4><div class=\"cardRowAction\"><span class=\"sc-dwgyss jgoxJL cell-content\"><div class=\"sc-eaLsfz eUweZY row-action-menu\"><button data-testid=\":menu-button:\" tabindex=\"-1\" id=\"_eowwpx2jv\" aria-expanded=\"false\" aria-haspopup=\"menu\" type=\"button\" aria-label=\"Actions - Slavia\" class=\"sc-dPaNSN jnYJHI sc-bqGHjH nmaHv\" data-popover-target=\"\"><span class=\"sc-bBjRzc cykSxr sc-eCApGN fGEyeG\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z\"></path></svg></span></button></div></span></div></header><div class=\"sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent\"><ul class=\"sc-bJqgKO fuTtkF\"><li><span class=\"sc-dwgyss jgoxJL cell-content\">Slavia</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">Sedan</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">Red</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">730150f3-1d79-4d8f-8705-37c4a0c1082e</span></li></ul></div></article></div><div data-key=\"\" class=\"sc-jjtVRN hMaPCw tile\" data-index=\"3\"><article role=\"none\" class=\"sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu\"><header class=\"sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader\"><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Octavia</span></h4><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Blue</span></h4><div class=\"cardRowAction\"><span class=\"sc-dwgyss jgoxJL cell-content\"><div class=\"sc-eaLsfz eUweZY row-action-menu\"><button data-testid=\":menu-button:\" tabindex=\"-1\" id=\"_pul2sp8vu\" aria-expanded=\"false\" aria-haspopup=\"menu\" type=\"button\" aria-label=\"Actions - Octavia\" class=\"sc-dPaNSN jnYJHI sc-bqGHjH nmaHv\" data-popover-target=\"\"><span class=\"sc-bBjRzc cykSxr sc-eCApGN fGEyeG\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z\"></path></svg></span></button></div></span></div></header><div class=\"sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent\"><ul class=\"sc-bJqgKO fuTtkF\"><li><span class=\"sc-dwgyss jgoxJL cell-content\">Octavia</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">SUV</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">Blue</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">a207de37-08ab-4713-b6c5-9105a7c24145</span></li></ul></div></article></div><div data-key=\"\" class=\"sc-jjtVRN hMaPCw tile\" data-index=\"4\"><article role=\"none\" class=\"sc-hGwdws kgCqDP sc-eCApGN fBSTzb sc-dGzUNk QCwsu\"><header class=\"sc-dwxYxt eGAfOL sc-eCApGN hOizZD sc-fKTzBO iUJquN cardHeader\"><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Kushaq</span></h4><h4 class=\"sc-hKFyIo himqoU sc-hGEFff fDSzKM\"><span class=\"sc-dwgyss jgoxJL cell-content\">Grey</span></h4><div class=\"cardRowAction\"><span class=\"sc-dwgyss jgoxJL cell-content\"><div class=\"sc-eaLsfz eUweZY row-action-menu\"><button data-testid=\":menu-button:\" tabindex=\"-1\" id=\"_tout3gs6r\" aria-expanded=\"false\" aria-haspopup=\"menu\" type=\"button\" aria-label=\"Actions - Kushaq\" class=\"sc-dPaNSN jnYJHI sc-bqGHjH nmaHv\" data-popover-target=\"\"><span class=\"sc-bBjRzc cykSxr sc-eCApGN fGEyeG\"><svg role=\"presentation\" viewBox=\"0 0 25 25\" class=\"sc-crzoUp jgPGeN\"><path d=\"M13.914 6.41c-.39.39-.877.586-1.414.586a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.537.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.876.586 1.413 0 .536-.195 1.023-.586 1.413Zm0 7.503c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585A1.95 1.95 0 0 1 10.5 12.5c0-.536.195-1.022.586-1.413.39-.389.877-.584 1.414-.584a1.95 1.95 0 0 1 1.414.584c.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Zm0 7.502c-.39.39-.877.585-1.414.585a1.953 1.953 0 0 1-1.414-.585 1.95 1.95 0 0 1-.586-1.413c0-.536.195-1.023.586-1.413.39-.39.877-.585 1.414-.585.537 0 1.024.195 1.414.585.39.39.586.877.586 1.413 0 .537-.195 1.023-.586 1.413Z\"></path></svg></span></button></div></span></div></header><div class=\"sc-EhVdS jdaToo sc-eCApGN fBSTzb sc-jDOthB iVzQtp cardContent\"><ul class=\"sc-bJqgKO fuTtkF\"><li><span class=\"sc-dwgyss jgoxJL cell-content\">Kushaq</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">SUV</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">Grey</span></li><li><span class=\"sc-dwgyss jgoxJL cell-content\">d470b095-d497-482d-8010-00bc381d75a4</span></li></ul></div></article></div></div></div></div></div><input class=\"sc-jftIyx QkTco bottom\" type=\"text\" aria-hidden=\"true\"></div></div>`;\n\n  document.body.appendChild(galleryElement);\n\n  return galleryElement.querySelector(`.${containerName}`);\n}\n"]}

package/lib/Core/Views/Gallery/index.d.ts

@@ -1,13 +1,9 @@
-export default Gallery;
+import { type RsCoreTypes } from 'pega-repeating-structures-core';
 declare function Gallery({ view }: {
-    view: any;
+    view: RsCoreTypes.View;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace Gallery {
-    namespace propTypes {
-        let view: PropTypes.Validator<{
-            [x: string]: any;
-        }>;
-    }
+    var displayName: string;
 }
-import PropTypes from 'prop-types';
+export default Gallery;
 //# sourceMappingURL=index.d.ts.map

package/lib/Core/Views/Gallery/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Gallery/index.jsx"],"names":[],"mappings":";AA6BA;;4CA0GC;;;;;;;;sBAvIqB,YAAY"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Gallery/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAa7E,iBAAS,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,WAAW,CAAC,IAAI,CAAA;CAAE,2CA2DpD;kBA3DQ,OAAO;;;AA+DhB,eAAe,OAAO,CAAC"}