@pega/lists-react 9.0.0-build.9.8 → 9.0.0

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

@@ -1,13 +1,15 @@
 import { BaseA11y } from 'pega-repeating-structures-core';
+import type { useLiveLog } from '@pega/cosmos-react-core';
 export type Selectors = {
     focusElementSelector: string;
-    parentElementSelector?: string;
+    belowLoader: string;
 };
+type AnnounceMethod = ReturnType<typeof useLiveLog>['announceAssertive'];
 declare class GalleryA11y extends BaseA11y {
-    constructor(selectors: Selectors, focusableSelectors: string[], container: HTMLElement, customKeys?: Record<string, number>);
-    doesCardContainFocusableElement(element: HTMLElement): boolean;
-    galleryContainerEventHandlers(event: KeyboardEvent, currentCol: HTMLElement): void;
-    a11yHandler(event: KeyboardEvent): void;
+    #private;
+    constructor(selectors: Selectors, focusableSelectors: string[], container: HTMLElement, announceAssertive: AnnounceMethod, announcePolite: AnnounceMethod, translate: (key: string) => string);
+    onFocusHandler(event?: Event): void;
+    itemsLoadedCallback(): void;
 }
 export default GalleryA11y;
 //# sourceMappingURL=GalleryA11y.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryA11y.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Gallery/GalleryA11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,MAAM,MAAM,SAAS,GAAG;IACtB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAQF,cAAM,WAAY,SAAQ,QAAQ;gBAE9B,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,MAAM,EAAE,EAC5B,SAAS,EAAE,WAAW,EACtB,UAAU,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM;IAKzC,+BAA+B,CAAC,OAAO,EAAE,WAAW;IAMpD,6BAA6B,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW;IA6BlE,WAAW,CAAC,KAAK,EAAE,aAAa;CAe1C;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"GalleryA11y.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Gallery/GalleryA11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAI1D,MAAM,MAAM,SAAS,GAAG;IACtB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,mBAAmB,CAAC,CAAC;AAEzE,cAAM,WAAY,SAAQ,QAAQ;;gBAI9B,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,MAAM,EAAE,EAC5B,SAAS,EAAE,WAAW,EACtB,iBAAiB,EAAE,cAAc,EACjC,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM;IAY3B,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK;IAIrC,mBAAmB;CAGpB;AAED,eAAe,WAAW,CAAC"}

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

@@ -1,59 +1,16 @@
 import { BaseA11y } from 'pega-repeating-structures-core';
-function gainFocus(element) {
-    if (!element)
-        return;
-    element.tabIndex = 0;
-    element.focus();
-}
+import createLoadingAnnouncementBehavior from '../../a11y/loadingAnnouncementBehavior';
 class GalleryA11y extends BaseA11y {
-    constructor(selectors, focusableSelectors, container, customKeys = {}) {
-        super(selectors, focusableSelectors, customKeys, container);
-    }
-    doesCardContainFocusableElement(element) {
-        const colItem = element.closest(this.selectors.focusElementSelector);
-        if (!colItem)
-            return false;
-        return element.matches(this.focusableSelectors.join(','));
+    #loadingAnnouncement;
+    constructor(selectors, focusableSelectors, container, announceAssertive, announcePolite, translate) {
+        super(selectors, focusableSelectors, {}, container);
+        this.#loadingAnnouncement = createLoadingAnnouncementBehavior(selectors, container, announceAssertive, announcePolite, translate);
     }
-    galleryContainerEventHandlers(event, currentCol) {
-        const { keyCode, shiftKey } = event;
-        if (this.stopEventHandler(event)) {
-            return;
-        }
-        let nextItem;
-        const sortedColumns = this.getSortedColumns(currentCol.closest(this.selectors.parentElementSelector));
-        if (keyCode === this.keys.UP || keyCode === this.keys.LEFT) {
-            nextItem = sortedColumns[sortedColumns.indexOf(currentCol) - 1];
-        }
-        else if (keyCode === this.keys.RIGHT || keyCode === this.keys.DOWN) {
-            nextItem = sortedColumns[sortedColumns.indexOf(currentCol) + 1];
-        }
-        else if (keyCode === this.keys.TAB) {
-            this.containerTabHandler(event, currentCol, shiftKey);
-        }
-        if (nextItem && currentCol) {
-            event.preventDefault();
-            const focusableElements = this.getFocusableElementsInCell(nextItem);
-            currentCol.tabIndex = -1;
-            if (focusableElements.length === 1) {
-                gainFocus(focusableElements[0]);
-            }
-            else {
-                gainFocus(nextItem);
-            }
-        }
+    onFocusHandler(event) {
+        this.#loadingAnnouncement.onFocus(event);
     }
-    a11yHandler(event) {
-        const rootNode = this.container.getRootNode();
-        if (!(rootNode instanceof Document || rootNode instanceof ShadowRoot))
-            return;
-        const currentCol = rootNode.activeElement?.closest(this.selectors.focusElementSelector);
-        if (rootNode.activeElement instanceof HTMLElement &&
-            currentCol instanceof HTMLElement &&
-            (currentCol === rootNode.activeElement ||
-                this.doesCardContainFocusableElement(rootNode.activeElement))) {
-            this.galleryContainerEventHandlers(event, currentCol);
-        }
+    itemsLoadedCallback() {
+        this.#loadingAnnouncement.onItemsLoaded();
     }
 }
 export default GalleryA11y;

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryA11y.js","sourceRoot":"","sources":["../../../../Core/Views/Gallery/GalleryA11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAO1D,SAAS,SAAS,CAAC,OAAgC;IACjD,IAAI,CAAC,OAAO;QAAE,OAAO;IACrB,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;IACrB,OAAO,CAAC,KAAK,EAAE,CAAC;AAClB,CAAC;AAED,MAAM,WAAY,SAAQ,QAAQ;IAChC,YACE,SAAoB,EACpB,kBAA4B,EAC5B,SAAsB,EACtB,aAAqC,EAAE;QAEvC,KAAK,CAAC,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;IAC9D,CAAC;IAED,+BAA+B,CAAC,OAAoB;QAClD,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;QACrE,IAAI,CAAC,OAAO;YAAE,OAAO,KAAK,CAAC;QAC3B,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5D,CAAC;IAED,6BAA6B,CAAC,KAAoB,EAAE,UAAuB;QACzE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QACpC,IAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QACD,IAAI,QAAoC,CAAC;QACzC,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,CACzC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,qBAAsB,CAAC,CAC1D,CAAC;QAEF,IAAI,OAAO,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,OAAO,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YAC3D,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;QAClE,CAAC;aAAM,IAAI,OAAO,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACrE,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;QAClE,CAAC;aAAM,IAAI,OAAO,KAAK,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YACrC,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;QACxD,CAAC;QACD,IAAI,QAAQ,IAAI,UAAU,EAAE,CAAC;YAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,iBAAiB,GAAG,IAAI,CAAC,0BAA0B,CAAC,QAAQ,CAAC,CAAC;YACpE,UAAU,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YACzB,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACnC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;YAClC,CAAC;iBAAM,CAAC;gBACN,SAAS,CAAC,QAAuB,CAAC,CAAC;YACrC,CAAC;QACH,CAAC;IACH,CAAC;IAEQ,WAAW,CAAC,KAAoB;QACvC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;QAE9C,IAAI,CAAC,CAAC,QAAQ,YAAY,QAAQ,IAAI,QAAQ,YAAY,UAAU,CAAC;YAAE,OAAO;QAE9E,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;QACxF,IACE,QAAQ,CAAC,aAAa,YAAY,WAAW;YAC7C,UAAU,YAAY,WAAW;YACjC,CAAC,UAAU,KAAK,QAAQ,CAAC,aAAa;gBACpC,IAAI,CAAC,+BAA+B,CAAC,QAAQ,CAAC,aAA4B,CAAC,CAAC,EAC9E,CAAC;YACD,IAAI,CAAC,6BAA6B,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;CACF;AAED,eAAe,WAAW,CAAC","sourcesContent":["import { BaseA11y } from 'pega-repeating-structures-core';\n\nexport type Selectors = {\n  focusElementSelector: string;\n  parentElementSelector?: string;\n};\n\nfunction gainFocus(element: HTMLElement | undefined): void {\n  if (!element) return;\n  element.tabIndex = 0;\n  element.focus();\n}\n\nclass GalleryA11y extends BaseA11y {\n  constructor(\n    selectors: Selectors,\n    focusableSelectors: string[],\n    container: HTMLElement,\n    customKeys: Record<string, number> = {}\n  ) {\n    super(selectors, focusableSelectors, customKeys, container);\n  }\n\n  doesCardContainFocusableElement(element: HTMLElement) {\n    const colItem = element.closest(this.selectors.focusElementSelector);\n    if (!colItem) return false;\n    return element.matches(this.focusableSelectors.join(','));\n  }\n\n  galleryContainerEventHandlers(event: KeyboardEvent, currentCol: HTMLElement) {\n    const { keyCode, shiftKey } = event;\n    if (this.stopEventHandler(event)) {\n      return;\n    }\n    let nextItem: Element | undefined | null;\n    const sortedColumns = this.getSortedColumns(\n      currentCol.closest(this.selectors.parentElementSelector!)\n    );\n\n    if (keyCode === this.keys.UP || keyCode === this.keys.LEFT) {\n      nextItem = sortedColumns[sortedColumns.indexOf(currentCol) - 1];\n    } else if (keyCode === this.keys.RIGHT || keyCode === this.keys.DOWN) {\n      nextItem = sortedColumns[sortedColumns.indexOf(currentCol) + 1];\n    } else if (keyCode === this.keys.TAB) {\n      this.containerTabHandler(event, currentCol, shiftKey);\n    }\n    if (nextItem && currentCol) {\n      event.preventDefault();\n      const focusableElements = this.getFocusableElementsInCell(nextItem);\n      currentCol.tabIndex = -1;\n      if (focusableElements.length === 1) {\n        gainFocus(focusableElements[0]);\n      } else {\n        gainFocus(nextItem as HTMLElement);\n      }\n    }\n  }\n\n  override a11yHandler(event: KeyboardEvent) {\n    const rootNode = this.container.getRootNode();\n\n    if (!(rootNode instanceof Document || rootNode instanceof ShadowRoot)) return;\n\n    const currentCol = rootNode.activeElement?.closest(this.selectors.focusElementSelector);\n    if (\n      rootNode.activeElement instanceof HTMLElement &&\n      currentCol instanceof HTMLElement &&\n      (currentCol === rootNode.activeElement ||\n        this.doesCardContainFocusableElement(rootNode.activeElement as HTMLElement))\n    ) {\n      this.galleryContainerEventHandlers(event, currentCol);\n    }\n  }\n}\n\nexport default GalleryA11y;\n"]}
+{"version":3,"file":"GalleryA11y.js","sourceRoot":"","sources":["../../../../Core/Views/Gallery/GalleryA11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG1D,OAAO,iCAAiC,MAAM,wCAAwC,CAAC;AASvF,MAAM,WAAY,SAAQ,QAAQ;IAChC,oBAAoB,CAAuD;IAE3E,YACE,SAAoB,EACpB,kBAA4B,EAC5B,SAAsB,EACtB,iBAAiC,EACjC,cAA8B,EAC9B,SAAkC;QAElC,KAAK,CAAC,SAAS,EAAE,kBAAkB,EAAE,EAAE,EAAE,SAAS,CAAC,CAAC;QACpD,IAAI,CAAC,oBAAoB,GAAG,iCAAiC,CAC3D,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,cAAc,EACd,SAAS,CACV,CAAC;IACJ,CAAC;IAEQ,cAAc,CAAC,KAAa;QACnC,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC;IAED,mBAAmB;QACjB,IAAI,CAAC,oBAAoB,CAAC,aAAa,EAAE,CAAC;IAC5C,CAAC;CACF;AAED,eAAe,WAAW,CAAC","sourcesContent":["import { BaseA11y } from 'pega-repeating-structures-core';\nimport type { useLiveLog } from '@pega/cosmos-react-core';\n\nimport createLoadingAnnouncementBehavior from '../../a11y/loadingAnnouncementBehavior';\n\nexport type Selectors = {\n  focusElementSelector: string;\n  belowLoader: string;\n};\n\ntype AnnounceMethod = ReturnType<typeof useLiveLog>['announceAssertive'];\n\nclass GalleryA11y extends BaseA11y {\n  #loadingAnnouncement: ReturnType<typeof createLoadingAnnouncementBehavior>;\n\n  constructor(\n    selectors: Selectors,\n    focusableSelectors: string[],\n    container: HTMLElement,\n    announceAssertive: AnnounceMethod,\n    announcePolite: AnnounceMethod,\n    translate: (key: string) => string\n  ) {\n    super(selectors, focusableSelectors, {}, container);\n    this.#loadingAnnouncement = createLoadingAnnouncementBehavior(\n      selectors,\n      container,\n      announceAssertive,\n      announcePolite,\n      translate\n    );\n  }\n\n  override onFocusHandler(event?: Event) {\n    this.#loadingAnnouncement.onFocus(event);\n  }\n\n  itemsLoadedCallback() {\n    this.#loadingAnnouncement.onItemsLoaded();\n  }\n}\n\nexport default GalleryA11y;\n"]}

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

@@ -0,0 +1,23 @@
+import { type ReactNode } from 'react';
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+import type { ImageSize, WithAttributes } from '@pega/cosmos-react-core';
+interface GalleryContainerProps {
+    children?: ReactNode;
+    view: RsCoreTypes.View;
+    isFullscreen: boolean;
+    className?: string;
+    image?: {
+        placement?: RsCoreTypes.HeroImagePlacement;
+        size?: ImageSize;
+    };
+    tile?: {
+        placement?: RsCoreTypes.HeroImagePlacement;
+        size?: ImageSize;
+    };
+    isStackLayout?: boolean;
+}
+declare const GalleryContainer: import("react").ForwardRefExoticComponent<Omit<WithAttributes<"div", GalleryContainerProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export default GalleryContainer;
+declare const StyledVirtualizeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { StyledVirtualizeContainer };
+//# sourceMappingURL=GalleryContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Gallery/GalleryContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAYzE,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,WAAW,CAAC,kBAAkB,CAAC;QAC3C,IAAI,CAAC,EAAE,SAAS,CAAC;KAClB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,WAAW,CAAC,kBAAkB,CAAC;QAC3C,IAAI,CAAC,EAAE,SAAS,CAAC;KAClB,CAAC;IACF,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AA6DD,QAAA,MAAM,gBAAgB,sJAoBrB,CAAC;AAIF,eAAe,gBAAgB,CAAC;AAEhC,QAAA,MAAM,yBAAyB,6NAG9B,CAAC;AAGF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

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

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+import { getBaseCardContainerStyles, getInlineImageCardContainerStyles, StyledHeader, StyledSelectionCard } from '@pega/cosmos-react-core/lib/components/SelectionCard/SelectionCard.styles';
+import { defaultThemeProp } from '@pega/cosmos-react-core';
+import { generateRSDataContainerHeightStyles, generateRSHeightStyles } from '../../Utils/styles';
+import { DEFAULT_IMAGE_PLACEMENT, DEFAULT_IMAGE_SIZE, GALLERY_IMAGE_PLACEMENT_MAP, isInlinePlacement } from './utils';
+const StyledGalleryContainer = styled.div(({ view, isFullscreen, isStackLayout, theme }) => {
+    return css `
+      ${generateRSHeightStyles({ view, isFullscreen })}
+
+      .grid-container {
+        position: absolute;
+        width: 100%;
+        padding: 0.2rem;
+        ${getBaseCardContainerStyles(theme)}
+        ${isStackLayout &&
+        css `
+          grid-template-columns: 1fr;
+        `}
+        ${StyledSelectionCard} ${StyledHeader} {
+          min-height: auto;
+        }
+      }
+    `;
+});
+StyledGalleryContainer.defaultProps = defaultThemeProp;
+const StyledInlineImageGalleryContainer = styled(StyledGalleryContainer)(({ theme, imageSize, imagePlacement, isStackLayout }) => {
+    return css `
+    *:has(> .grid-container) {
+      container-type: inline-size;
+    }
+
+    .grid-container {
+      ${!isStackLayout &&
+        getInlineImageCardContainerStyles(theme, {
+            placement: GALLERY_IMAGE_PLACEMENT_MAP[imagePlacement],
+            size: imageSize
+        })}
+
+      ${StyledSelectionCard} ${StyledHeader} {
+        min-height: auto;
+      }
+    }
+  `;
+});
+StyledInlineImageGalleryContainer.defaultProps = defaultThemeProp;
+const GalleryContainer = forwardRef(({ image, tile, isStackLayout, ...props }, ref) => {
+    const layoutSource = image ?? tile;
+    if (layoutSource) {
+        const { placement = DEFAULT_IMAGE_PLACEMENT, size = DEFAULT_IMAGE_SIZE } = layoutSource;
+        if (isInlinePlacement(placement)) {
+            return (_jsx(StyledInlineImageGalleryContainer, { ref: ref, isStackLayout: isStackLayout, imageSize: size, imagePlacement: placement, ...props }));
+        }
+    }
+    return _jsx(StyledGalleryContainer, { ref: ref, isStackLayout: isStackLayout, ...props });
+});
+GalleryContainer.displayName = 'GalleryContainer';
+export default GalleryContainer;
+const StyledVirtualizeContainer = styled.div `
+  ${generateRSDataContainerHeightStyles};
+  position: relative;
+`;
+StyledVirtualizeContainer.defaultProps = defaultThemeProp;
+export { StyledVirtualizeContainer };
+//# sourceMappingURL=GalleryContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryContainer.js","sourceRoot":"","sources":["../../../../Core/Views/Gallery/GalleryContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,0BAA0B,EAC1B,iCAAiC,EACjC,YAAY,EACZ,mBAAmB,EACpB,MAAM,2EAA2E,CAAC;AAGnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAAE,mCAAmC,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjG,OAAO,EACL,uBAAuB,EACvB,kBAAkB,EAClB,2BAA2B,EAC3B,iBAAiB,EAClB,MAAM,SAAS,CAAC;AA6BjB,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CACvC,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE;IAC/C,OAAO,GAAG,CAAA;QACN,sBAAsB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;;;;;;UAM5C,0BAA0B,CAAC,KAAK,CAAC;UACjC,aAAa;QACf,GAAG,CAAA;;SAEF;UACC,mBAAmB,IAAI,YAAY;;;;KAIxC,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEvD,MAAM,iCAAiC,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAEtE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,EAAE,EAAE;IACxD,OAAO,GAAG,CAAA;;;;;;QAMJ,CAAC,aAAa;QAChB,iCAAiC,CAAC,KAAK,EAAE;YACvC,SAAS,EAAE,2BAA2B,CAAC,cAAc,CAAC;YACtD,IAAI,EAAE,SAAS;SAChB,CAAC;;QAEA,mBAAmB,IAAI,YAAY;;;;GAIxC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,iCAAiC,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAElE,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChD,MAAM,YAAY,GAAG,KAAK,IAAI,IAAI,CAAC;IACnC,IAAI,YAAY,EAAE,CAAC;QACjB,MAAM,EAAE,SAAS,GAAG,uBAAuB,EAAE,IAAI,GAAG,kBAAkB,EAAE,GAAG,YAAY,CAAC;QACxF,IAAI,iBAAiB,CAAC,SAAS,CAAC,EAAE,CAAC;YACjC,OAAO,CACL,KAAC,iCAAiC,IAChC,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,IAAI,EACf,cAAc,EAAE,SAAS,KACrB,KAAK,GACT,CACH,CAAC;QACJ,CAAC;IACH,CAAC;IAED,OAAO,KAAC,sBAAsB,IAAC,GAAG,EAAE,GAAG,EAAE,aAAa,EAAE,aAAa,KAAM,KAAK,GAAI,CAAC;AACvF,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,eAAe,gBAAgB,CAAC;AAEhC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAA;IACxC,mCAAmC;;CAEtC,CAAC;AAEF,yBAAyB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,CAAC","sourcesContent":["import { forwardRef, type ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  getBaseCardContainerStyles,\n  getInlineImageCardContainerStyles,\n  StyledHeader,\n  StyledSelectionCard\n} from '@pega/cosmos-react-core/lib/components/SelectionCard/SelectionCard.styles';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\nimport type { ImageSize, WithAttributes } from '@pega/cosmos-react-core';\nimport { defaultThemeProp } from '@pega/cosmos-react-core';\n\nimport { generateRSDataContainerHeightStyles, generateRSHeightStyles } from '../../Utils/styles';\n\nimport {\n  DEFAULT_IMAGE_PLACEMENT,\n  DEFAULT_IMAGE_SIZE,\n  GALLERY_IMAGE_PLACEMENT_MAP,\n  isInlinePlacement\n} from './utils';\n\ninterface GalleryContainerProps {\n  children?: ReactNode;\n  view: RsCoreTypes.View;\n  isFullscreen: boolean;\n  className?: string;\n  image?: {\n    placement?: RsCoreTypes.HeroImagePlacement;\n    size?: ImageSize;\n  };\n  tile?: {\n    placement?: RsCoreTypes.HeroImagePlacement;\n    size?: ImageSize;\n  };\n  isStackLayout?: boolean;\n}\n\ninterface StyledGalleryContainerProps {\n  view: RsCoreTypes.View;\n  isFullscreen: boolean;\n  isStackLayout?: boolean;\n}\n\ninterface StyledInlineImageGalleryContainerProps extends StyledGalleryContainerProps {\n  imagePlacement: Extract<RsCoreTypes.HeroImagePlacement, 'left' | 'right'>;\n  imageSize: ImageSize;\n}\n\nconst StyledGalleryContainer = styled.div<StyledGalleryContainerProps>(\n  ({ view, isFullscreen, isStackLayout, theme }) => {\n    return css`\n      ${generateRSHeightStyles({ view, isFullscreen })}\n\n      .grid-container {\n        position: absolute;\n        width: 100%;\n        padding: 0.2rem;\n        ${getBaseCardContainerStyles(theme)}\n        ${isStackLayout &&\n        css`\n          grid-template-columns: 1fr;\n        `}\n        ${StyledSelectionCard} ${StyledHeader} {\n          min-height: auto;\n        }\n      }\n    `;\n  }\n);\n\nStyledGalleryContainer.defaultProps = defaultThemeProp;\n\nconst StyledInlineImageGalleryContainer = styled(StyledGalleryContainer)<\n  Pick<StyledInlineImageGalleryContainerProps, 'imageSize' | 'imagePlacement'>\n>(({ theme, imageSize, imagePlacement, isStackLayout }) => {\n  return css`\n    *:has(> .grid-container) {\n      container-type: inline-size;\n    }\n\n    .grid-container {\n      ${!isStackLayout &&\n      getInlineImageCardContainerStyles(theme, {\n        placement: GALLERY_IMAGE_PLACEMENT_MAP[imagePlacement],\n        size: imageSize\n      })}\n\n      ${StyledSelectionCard} ${StyledHeader} {\n        min-height: auto;\n      }\n    }\n  `;\n});\n\nStyledInlineImageGalleryContainer.defaultProps = defaultThemeProp;\n\nconst GalleryContainer = forwardRef<HTMLDivElement, WithAttributes<'div', GalleryContainerProps>>(\n  ({ image, tile, isStackLayout, ...props }, ref) => {\n    const layoutSource = image ?? tile;\n    if (layoutSource) {\n      const { placement = DEFAULT_IMAGE_PLACEMENT, size = DEFAULT_IMAGE_SIZE } = layoutSource;\n      if (isInlinePlacement(placement)) {\n        return (\n          <StyledInlineImageGalleryContainer\n            ref={ref}\n            isStackLayout={isStackLayout}\n            imageSize={size}\n            imagePlacement={placement}\n            {...props}\n          />\n        );\n      }\n    }\n\n    return <StyledGalleryContainer ref={ref} isStackLayout={isStackLayout} {...props} />;\n  }\n);\n\nGalleryContainer.displayName = 'GalleryContainer';\n\nexport default GalleryContainer;\n\nconst StyledVirtualizeContainer = styled.div`\n  ${generateRSDataContainerHeightStyles};\n  position: relative;\n`;\n\nStyledVirtualizeContainer.defaultProps = defaultThemeProp;\nexport { StyledVirtualizeContainer };\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/hooks/useRowActions.d.ts

@@ -0,0 +1,9 @@
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+import type { Action } from '@pega/cosmos-react-core';
+interface UseRowActionsProps {
+    row: RsCoreTypes.Row;
+    meta: RsCoreTypes.Meta;
+}
+declare const useRowActions: ({ row, meta }: UseRowActionsProps) => (() => Promise<Action[]>) | undefined;
+export default useRowActions;
+//# sourceMappingURL=useRowActions.d.ts.map

package/lib/Core/Views/Gallery/hooks/useRowActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowActions.d.ts","sourceRoot":"","sources":["../../../../../Core/Views/Gallery/hooks/useRowActions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEtD,UAAU,kBAAkB;IAC1B,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC;CACxB;AAED,QAAA,MAAM,aAAa,GAAI,eAGpB,kBAAkB,KAAG,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,SAuBnD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/Core/Views/Gallery/hooks/useRowActions.js

@@ -0,0 +1,25 @@
+import { useCallback } from 'react';
+const useRowActions = ({ row, meta }) => {
+    const fetchActions = useCallback(async () => {
+        const rowContext = row.getContext();
+        let allActions = meta.rowActions ?? [];
+        try {
+            const dynamicActions = await rowContext.getRowActionDetails(rowContext.getValue());
+            if (Array.isArray(dynamicActions)) {
+                allActions = [...dynamicActions, ...allActions];
+            }
+        }
+        catch (error) {
+            // On error, fall back to static actions only
+        }
+        return allActions.map(action => ({
+            ...action,
+            onClick: () => {
+                action.onClick(rowContext.getValue(), rowContext.refreshRow);
+            }
+        }));
+    }, [row, meta.rowActions]);
+    return meta.editing || meta.deleting ? fetchActions : undefined;
+};
+export default useRowActions;
+//# sourceMappingURL=useRowActions.js.map

package/lib/Core/Views/Gallery/hooks/useRowActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowActions.js","sourceRoot":"","sources":["../../../../../Core/Views/Gallery/hooks/useRowActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAUpC,MAAM,aAAa,GAAG,CAAC,EACrB,GAAG,EACH,IAAI,EACe,EAAyC,EAAE;IAC9D,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,IAAuB,EAAE;QAC7D,MAAM,UAAU,GAAG,GAAG,CAAC,UAAU,EAAE,CAAC;QACpC,IAAI,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC;QAEvC,IAAI,CAAC;YACH,MAAM,cAAc,GAAG,MAAM,UAAU,CAAC,mBAAmB,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC;YACnF,IAAI,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;gBAClC,UAAU,GAAG,CAAC,GAAG,cAAc,EAAE,GAAG,UAAU,CAAC,CAAC;YAClD,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,6CAA6C;QAC/C,CAAC;QAED,OAAO,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAC/B,GAAG,MAAM;YACT,OAAO,EAAE,GAAG,EAAE;gBACZ,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;YAC/D,CAAC;SACF,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IAE3B,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC;AAClE,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { useCallback } from 'react';\n\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\nimport type { Action } from '@pega/cosmos-react-core';\n\ninterface UseRowActionsProps {\n  row: RsCoreTypes.Row;\n  meta: RsCoreTypes.Meta;\n}\n\nconst useRowActions = ({\n  row,\n  meta\n}: UseRowActionsProps): (() => Promise<Action[]>) | undefined => {\n  const fetchActions = useCallback(async (): Promise<Action[]> => {\n    const rowContext = row.getContext();\n    let allActions = meta.rowActions ?? [];\n\n    try {\n      const dynamicActions = await rowContext.getRowActionDetails(rowContext.getValue());\n      if (Array.isArray(dynamicActions)) {\n        allActions = [...dynamicActions, ...allActions];\n      }\n    } catch (error) {\n      // On error, fall back to static actions only\n    }\n\n    return allActions.map(action => ({\n      ...action,\n      onClick: () => {\n        action.onClick(rowContext.getValue(), rowContext.refreshRow);\n      }\n    }));\n  }, [row, meta.rowActions]);\n\n  return meta.editing || meta.deleting ? fetchActions : undefined;\n};\n\nexport default useRowActions;\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;AAkB7E,iBAAS,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,WAAW,CAAC,IAAI,CAAA;CAAE,2CA0GpD;kBA1GQ,OAAO;;;AA8GhB,eAAe,OAAO,CAAC"}