{
  "timestamp": "2025-07-03T06:31:31",
  "compiler": {
    "name": "@stencil/core",
    "version": "4.4.0",
    "typescriptVersion": "5.2.2"
  },
  "components": [
    {
      "filePath": "src/components/klevu-accordion/klevu-accordion.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-accordion",
      "docs": "Component that wrap two slots to create accordion element.",
      "docsTags": [
        {
          "name": "slot",
          "text": "header - Element that has title that can be clicked"
        },
        {
          "name": "slot",
          "text": "content - Element containing content of the accordion"
        },
        {
          "name": "slot",
          "text": "icon - Icon element"
        },
        {
          "name": "csspart",
          "text": "accordion-base The container element for the accordion"
        },
        {
          "name": "csspart",
          "text": "accordion-header The label of the accordion"
        },
        {
          "name": "csspart",
          "text": "accordion-content The content of the accordion"
        },
        {
          "name": "csspart",
          "text": "accordion-icon The icon of the accordion"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "open",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "open",
          "reflectToAttr": true,
          "docs": "is accordion open",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "startOpen",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "start-open",
          "reflectToAttr": false,
          "docs": "Should it initially be open",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-accordion-background transparent",
          "annotation": "prop",
          "docs": "Header background"
        },
        {
          "name": "--klevu-accordion-content-height 600px",
          "annotation": "prop",
          "docs": "Maxium height for content"
        }
      ],
      "slots": [
        {
          "name": "content",
          "docs": "Element containing content of the accordion"
        },
        {
          "name": "header",
          "docs": "Element that has title that can be clicked"
        },
        {
          "name": "icon",
          "docs": "Icon element"
        }
      ],
      "parts": [
        {
          "name": "accordion-base",
          "docs": ""
        },
        {
          "name": "accordion-content",
          "docs": ""
        },
        {
          "name": "accordion-header",
          "docs": ""
        },
        {
          "name": "accordion-icon",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-facet"
      ],
      "dependencies": [
        "klevu-typography",
        "klevu-icon"
      ],
      "dependencyGraph": {
        "klevu-accordion": [
          "klevu-typography",
          "klevu-icon"
        ],
        "klevu-facet": [
          "klevu-accordion"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-badge/klevu-badge.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-badge",
      "docs": "Basic badge component. Can be used to display small information on top of other elements. Typically\nused to display things on top of product.",
      "docsTags": [
        {
          "name": "slot",
          "text": "default - Badge content"
        },
        {
          "name": "csspart",
          "text": "badge-content The content of the badge"
        },
        {
          "name": "csspart",
          "text": "badge-base The container of the badge"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "accent",
          "type": "number | undefined",
          "complexType": {
            "original": "number",
            "resolved": "number | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "accent",
          "reflectToAttr": false,
          "docs": "Setting a accent color to badge (1-4)",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "neutral",
          "type": "number | undefined",
          "complexType": {
            "original": "number",
            "resolved": "number | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "neutral",
          "reflectToAttr": false,
          "docs": "Setting a neutral color to badge (1-8)",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-badge-background",
          "annotation": "prop",
          "docs": "Background color of the badge, if accent or neutral is not set"
        },
        {
          "name": "--klevu-badge-border-radius var(--klevu-border-radius-xxl)",
          "annotation": "prop",
          "docs": "Border radius of the badge"
        }
      ],
      "slots": [
        {
          "name": "default",
          "docs": "Badge content"
        }
      ],
      "parts": [
        {
          "name": "badge-base",
          "docs": ""
        },
        {
          "name": "badge-content",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "klevu-typography"
      ],
      "dependencyGraph": {
        "klevu-badge": [
          "klevu-typography"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-banner/klevu-banner.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-banner",
      "docs": "Component that displays a typical klevu banner",
      "docsTags": [
        {
          "name": "slot",
          "text": "default The banner slot"
        },
        {
          "name": "csspart",
          "text": "banner-image The image element"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "altText",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "alt-text",
          "reflectToAttr": false,
          "docs": "The alt text to display for iamge",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "imageUrl",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "image-url",
          "reflectToAttr": false,
          "docs": "The image url to display",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "linkUrl",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "link-url",
          "reflectToAttr": false,
          "docs": "The link url to navigate to",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "target",
          "type": "\"_blank\" | \"_self\"",
          "complexType": {
            "original": "\"_blank\" | \"_self\"",
            "resolved": "\"_blank\" | \"_self\"",
            "references": {}
          },
          "mutable": false,
          "attr": "target",
          "reflectToAttr": false,
          "docs": "The target to open the link in",
          "docsTags": [],
          "default": "\"_blank\"",
          "values": [
            {
              "value": "_blank",
              "type": "string"
            },
            {
              "value": "_self",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuBannerClick",
          "detail": "string",
          "bubbles": true,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted when the banner is clicked. Sends the link url as the event detail\n\nIf defaultPrevented is called on the event, the link will not be followed",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "default The banner slot",
          "docs": ""
        }
      ],
      "parts": [
        {
          "name": "banner-image",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-merchandising",
        "klevu-quicksearch",
        "klevu-recommendations",
        "klevu-search-landing-page"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "klevu-merchandising": [
          "klevu-banner"
        ],
        "klevu-quicksearch": [
          "klevu-banner"
        ],
        "klevu-recommendations": [
          "klevu-banner"
        ],
        "klevu-search-landing-page": [
          "klevu-banner"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-button/klevu-button.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-button",
      "docs": "Basic button component",
      "docsTags": [
        {
          "name": "slot",
          "text": "default - Button text"
        },
        {
          "name": "csspart",
          "text": "button-base The button element"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "disabled",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": true,
          "docs": "Is button disabled",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "fullWidth",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "full-width",
          "reflectToAttr": false,
          "docs": "Make button display block",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "icon",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "icon",
          "reflectToAttr": false,
          "docs": "Instead of content have an icon. So basically icon-button",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "isSecondary",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "is-secondary",
          "reflectToAttr": false,
          "docs": "Toned down secondary button",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "isTertiary",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "is-tertiary",
          "reflectToAttr": false,
          "docs": "Toned down tertiary button",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "originElement",
          "type": "HTMLElement | undefined",
          "complexType": {
            "original": "HTMLElement",
            "resolved": "HTMLElement | undefined",
            "references": {
              "HTMLElement": {
                "location": "global",
                "id": "global::HTMLElement"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "To be set to portal trigger element\nwhen component is being used in a portal",
          "docsTags": [],
          "values": [
            {
              "type": "HTMLElement"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "size",
          "type": "\"large\" | \"normal\" | \"small\" | \"tiny\"",
          "complexType": {
            "original": "\"tiny\" | \"small\" | \"normal\" | \"large\"",
            "resolved": "\"large\" | \"normal\" | \"small\" | \"tiny\"",
            "references": {}
          },
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "default": "\"normal\"",
          "values": [
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "normal",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            },
            {
              "value": "tiny",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-button-background-color var(--klevu-color-primary)",
          "annotation": "prop",
          "docs": "Background color of button"
        },
        {
          "name": "--klevu-button-cursor-hover auto",
          "annotation": "prop",
          "docs": "type of cursor on hover"
        },
        {
          "name": "--klevu-button-font-size var(--klevu-body-s-size)",
          "annotation": "prop",
          "docs": "Size of button text"
        },
        {
          "name": "--klevu-button-padding calc(var(--klevu-size-m) - (var(--klevu-body-s-size) / 2))",
          "annotation": "prop",
          "docs": "Override buttom padding with custom value"
        },
        {
          "name": "--klevu-button-text-align center",
          "annotation": "prop",
          "docs": "Align text on button"
        },
        {
          "name": "--klevu-button-text-color var(--klevu-color-neutral-1)",
          "annotation": "prop",
          "docs": "Button text color"
        }
      ],
      "slots": [
        {
          "name": "default",
          "docs": "Button text"
        }
      ],
      "parts": [
        {
          "name": "button-base",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-chat-bubble",
        "klevu-chat-layout",
        "klevu-chat-messages",
        "klevu-facet",
        "klevu-facet-list",
        "klevu-layout-results",
        "klevu-merchandising",
        "klevu-moi",
        "klevu-product",
        "klevu-product-query",
        "klevu-product-query-popup",
        "klevu-search-field",
        "klevu-search-landing-page",
        "klevu-slides"
      ],
      "dependencies": [
        "klevu-icon",
        "klevu-typography"
      ],
      "dependencyGraph": {
        "klevu-button": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-chat-bubble": [
          "klevu-button"
        ],
        "klevu-chat-layout": [
          "klevu-button"
        ],
        "klevu-chat-messages": [
          "klevu-button"
        ],
        "klevu-facet": [
          "klevu-button"
        ],
        "klevu-facet-list": [
          "klevu-button"
        ],
        "klevu-layout-results": [
          "klevu-button"
        ],
        "klevu-merchandising": [
          "klevu-button"
        ],
        "klevu-moi": [
          "klevu-button"
        ],
        "klevu-product": [
          "klevu-button"
        ],
        "klevu-product-query": [
          "klevu-button"
        ],
        "klevu-product-query-popup": [
          "klevu-button"
        ],
        "klevu-search-field": [
          "klevu-button"
        ],
        "klevu-search-landing-page": [
          "klevu-button"
        ],
        "klevu-slides": [
          "klevu-button"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-chat-bubble/klevu-chat-bubble.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-chat-bubble",
      "docs": "Container for chat items. Very simple component, just a wrapper.",
      "docsTags": [
        {
          "name": "slot",
          "text": "default - The content of the chat bubble"
        },
        {
          "name": "csspart",
          "text": "chat-bubble-base The container for the chat bubble"
        },
        {
          "name": "csspart",
          "text": "chat-bubble-positive-feedback The positive feedback section"
        },
        {
          "name": "csspart",
          "text": "chat-bubble-negative-feedback The negative feedback section"
        },
        {
          "name": "csspart",
          "text": "chat-bubble-feedback-reasons The feedback reasons section"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "feedback",
          "type": "undefined | { id: string; thumbs: \"up\" | \"down\"; reason?: string | undefined; }",
          "complexType": {
            "original": "MoiSavedFeedback",
            "resolved": "undefined | { id: string; thumbs: \"up\" | \"down\"; reason?: string | undefined; }",
            "references": {
              "MoiSavedFeedback": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::MoiSavedFeedback"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Has user given feedback to this message",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ id: string; thumbs: \"up\""
            },
            {
              "type": "\"down\"; reason?: string"
            },
            {
              "type": "undefined; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "feedbackReasons",
          "type": "string[] | undefined",
          "complexType": {
            "original": "string[]",
            "resolved": "string[] | undefined",
            "references": {}
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "List of feedback reasons to show after the message",
          "docsTags": [],
          "values": [
            {
              "type": "string[]"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "remote",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "remote",
          "reflectToAttr": false,
          "docs": "Is the message from the user or from the bot",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "tRatingReason",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-rating-reason",
          "reflectToAttr": false,
          "docs": "Text for rating reason title",
          "docsTags": [],
          "default": "getTranslation(\"chatBubble.tRatingReason\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuMessageFeedbackReason",
          "detail": "{ reason: string; feedback: MoiSavedFeedback; }",
          "bubbles": true,
          "complexType": {
            "original": "KlevuMessageFeedbackReasonDetails",
            "resolved": "{ reason: string; feedback: MoiSavedFeedback; }",
            "references": {
              "KlevuMessageFeedbackReasonDetails": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-chat-bubble/klevu-chat-bubble.tsx",
                "id": "src/components/klevu-chat-bubble/klevu-chat-bubble.tsx::KlevuMessageFeedbackReasonDetails"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-chat-bubble-background var(--klevu-color-neutral-2)",
          "annotation": "prop",
          "docs": "Background color of the bubble"
        },
        {
          "name": "--klevu-chat-bubble-background-remote var(--klevu-color-primary)",
          "annotation": "prop",
          "docs": "Background color of the bubble when remote"
        },
        {
          "name": "--klevu-chat-bubble-text-color inherit",
          "annotation": "prop",
          "docs": "Text color of the bubble"
        },
        {
          "name": "--klevu-chat-bubble-text-color-remote var(--klevu-color-neutral-1)",
          "annotation": "prop",
          "docs": "Text color of the bubble when remote"
        }
      ],
      "slots": [
        {
          "name": "default",
          "docs": "The content of the chat bubble"
        }
      ],
      "parts": [
        {
          "name": "chat-bubble-base",
          "docs": ""
        },
        {
          "name": "chat-bubble-feedback-reasons",
          "docs": ""
        },
        {
          "name": "chat-bubble-negative-feedback",
          "docs": ""
        },
        {
          "name": "chat-bubble-positive-feedback",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-chat-messages"
      ],
      "dependencies": [
        "klevu-typography",
        "klevu-icon",
        "klevu-button"
      ],
      "dependencyGraph": {
        "klevu-chat-bubble": [
          "klevu-typography",
          "klevu-icon",
          "klevu-button"
        ],
        "klevu-button": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-chat-messages": [
          "klevu-chat-bubble"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-chat-layout/klevu-chat-layout.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-chat-layout",
      "docs": "Component that wraps chat elements into a layout.",
      "docsTags": [
        {
          "name": "slot",
          "text": "header - Header of the chat layout"
        },
        {
          "name": "slot",
          "text": "footer - Footer of the chat layout"
        },
        {
          "name": "slot",
          "text": "default - Main content of the chat layout. Only one element should be used for this slot to make layout calculatios right."
        },
        {
          "name": "slot",
          "text": "actions - Actions to be placed in the footer"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "originElement",
          "type": "HTMLElement | undefined",
          "complexType": {
            "original": "HTMLElement",
            "resolved": "HTMLElement | undefined",
            "references": {
              "HTMLElement": {
                "location": "global",
                "id": "global::HTMLElement"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "To be set to portal trigger element\nwhen component is being used in a portal",
          "docsTags": [],
          "values": [
            {
              "type": "HTMLElement"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "useNativeScrollbars",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-native-scrollbars",
          "reflectToAttr": false,
          "docs": "Use native scrollbars instead of custom ones in content",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "closePopup",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "closePopup() => Promise<void>",
          "parameters": [],
          "docs": "Close the popup menu",
          "docsTags": []
        },
        {
          "name": "scrollMainToBottom",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "(behavior?: \"smooth\" | \"instant\") => Promise<void>",
            "parameters": [
              {
                "tags": [],
                "text": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "scrollMainToBottom(behavior?: \"smooth\" | \"instant\") => Promise<void>",
          "parameters": [],
          "docs": "Scroll current chat to bottom of page",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "klevuChatLayoutMessageSent",
          "detail": "string",
          "bubbles": true,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted when user sends a message",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-chat-layout-max-height 100vh",
          "annotation": "prop",
          "docs": "The maxium height for the chat layout."
        }
      ],
      "slots": [
        {
          "name": "actions",
          "docs": "Actions to be placed in the footer"
        },
        {
          "name": "default",
          "docs": "Main content of the chat layout. Only one element should be used for this slot to make layout calculatios right."
        },
        {
          "name": "footer",
          "docs": "Footer of the chat layout"
        },
        {
          "name": "header",
          "docs": "Header of the chat layout"
        }
      ],
      "parts": [],
      "dependents": [
        "klevu-moi",
        "klevu-product-query-popup"
      ],
      "dependencies": [
        "klevu-util-scrollbars",
        "klevu-popup",
        "klevu-button",
        "klevu-textfield"
      ],
      "dependencyGraph": {
        "klevu-chat-layout": [
          "klevu-util-scrollbars",
          "klevu-popup",
          "klevu-button",
          "klevu-textfield"
        ],
        "klevu-button": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-textfield": [
          "klevu-icon"
        ],
        "klevu-moi": [
          "klevu-chat-layout"
        ],
        "klevu-product-query-popup": [
          "klevu-chat-layout"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-chat-messages/klevu-chat-messages.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-chat-messages",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "chat-messages-after - Things to place in the after all messages"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "centerNextPrev",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "center-next-prev",
          "reflectToAttr": false,
          "docs": "Should display the product slider navigation buttons centered in relating to product list",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "enableMessageFeedback",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "enable-message-feedback",
          "reflectToAttr": false,
          "docs": "Should display a feedback button after each message",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "feedbacks",
          "type": "MoiSavedFeedback[] | undefined",
          "complexType": {
            "original": "MoiSavedFeedback[]",
            "resolved": "MoiSavedFeedback[] | undefined",
            "references": {
              "MoiSavedFeedback": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::MoiSavedFeedback"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Feedbacks given by user",
          "docsTags": [],
          "values": [
            {
              "type": "MoiSavedFeedback[]"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "handleTypeWriterEffectEnds",
          "type": "((showQuestions: boolean) => void) | undefined",
          "complexType": {
            "original": "(showQuestions: boolean) => void",
            "resolved": "((showQuestions: boolean) => void) | undefined",
            "references": {}
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Optional action to perform when type writer effect completes",
          "docsTags": [],
          "values": [
            {
              "type": "((showQuestions: boolean) => void)"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "messages",
          "type": "(MoiResponseText | MoiResponseFilter | MoiProducts | MoiLocalMessage)[]",
          "complexType": {
            "original": "MoiMessages",
            "resolved": "(MoiResponseText | MoiResponseFilter | MoiProducts | MoiLocalMessage)[]",
            "references": {
              "MoiMessages": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::MoiMessages"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Messages received from Moi backend",
          "docsTags": [],
          "default": "[]",
          "values": [
            {
              "type": "(MoiResponseText"
            },
            {
              "type": "MoiResponseFilter"
            },
            {
              "type": "MoiProducts"
            },
            {
              "type": "MoiLocalMessage)[]"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "scrollBottom",
          "type": "(() => void) | undefined",
          "complexType": {
            "original": "() => void",
            "resolved": "(() => void) | undefined",
            "references": {}
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Scroll to bottom of the chat",
          "docsTags": [],
          "values": [
            {
              "type": "(() => void)"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showFeedbackFor",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-feedback-for",
          "reflectToAttr": false,
          "docs": "What message should we",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "speed",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "speed",
          "reflectToAttr": false,
          "docs": "type animation speed, if 0, no animation",
          "docsTags": [],
          "default": "10",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuChatProductClick",
          "detail": "{ product: MoiProduct; }",
          "bubbles": true,
          "complexType": {
            "original": "{ product: MoiProduct }",
            "resolved": "{ product: MoiProduct; }",
            "references": {
              "MoiProduct": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::MoiProduct"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "When product is clicked",
          "docsTags": []
        },
        {
          "event": "klevuMessageFeedback",
          "detail": "{ message: { id: string; note: string | null; type: \"text\"; value: string; collectFeedback?: boolean | undefined; }; feedback: \"up\" | \"down\"; }",
          "bubbles": true,
          "complexType": {
            "original": "onKlevuMessageFeedbackDetails",
            "resolved": "{ message: { id: string; note: string | null; type: \"text\"; value: string; collectFeedback?: boolean | undefined; }; feedback: \"up\" | \"down\"; }",
            "references": {
              "onKlevuMessageFeedbackDetails": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-chat-messages/klevu-chat-messages.tsx",
                "id": "src/components/klevu-chat-messages/klevu-chat-messages.tsx::onKlevuMessageFeedbackDetails"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "When feedback is given",
          "docsTags": []
        },
        {
          "event": "klevuSelectFilter",
          "detail": "{ message: MoiResponseFilter; filter: { count: string; name: string; selected: boolean | null; value: string; }; }",
          "bubbles": true,
          "complexType": {
            "original": "{ message: MoiResponseFilter; filter: MoiResponseFilter[\"filter\"][\"options\"][0] }",
            "resolved": "{ message: MoiResponseFilter; filter: { count: string; name: string; selected: boolean | null; value: string; }; }",
            "references": {
              "MoiResponseFilter": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::MoiResponseFilter"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "When product filter is clicked",
          "docsTags": []
        },
        {
          "event": "klevuSelectProductOption",
          "detail": "{ product: MoiProduct; option: { chat: string; intent: string; name: string; }; }",
          "bubbles": true,
          "complexType": {
            "original": "{ product: MoiProduct; option: MoiProduct[\"options\"][0] }",
            "resolved": "{ product: MoiProduct; option: { chat: string; intent: string; name: string; }; }",
            "references": {
              "MoiProduct": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::MoiProduct"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "When product option is clicked",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "chat-messages-after",
          "docs": "Things to place in the after all messages"
        }
      ],
      "parts": [],
      "dependents": [
        "klevu-moi",
        "klevu-product-query-popup"
      ],
      "dependencies": [
        "klevu-chat-bubble",
        "klevu-icon",
        "klevu-typography",
        "klevu-button",
        "klevu-slides",
        "klevu-product"
      ],
      "dependencyGraph": {
        "klevu-chat-messages": [
          "klevu-chat-bubble",
          "klevu-icon",
          "klevu-typography",
          "klevu-button",
          "klevu-slides",
          "klevu-product"
        ],
        "klevu-chat-bubble": [
          "klevu-typography",
          "klevu-icon",
          "klevu-button"
        ],
        "klevu-button": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-slides": [
          "klevu-typography",
          "klevu-button",
          "klevu-util-scrollbars"
        ],
        "klevu-product": [
          "klevu-icon",
          "klevu-typography",
          "klevu-button",
          "klevu-rating"
        ],
        "klevu-moi": [
          "klevu-chat-messages"
        ],
        "klevu-product-query-popup": [
          "klevu-chat-messages"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-checkbox/klevu-checkbox.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-checkbox",
      "docs": "Checkbox component",
      "docsTags": [
        {
          "name": "slot",
          "text": "default - Checkbox text"
        },
        {
          "name": "csspart",
          "text": "checkbox-base The container element of the checkbox"
        },
        {
          "name": "csspart",
          "text": "checkbox-box The checkbox element"
        },
        {
          "name": "csspart",
          "text": "checkbox-content The label of the checkbox"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "checked",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "checked",
          "reflectToAttr": false,
          "docs": "Is checkbox checked",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Is disabled",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "name",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "Name of the checkbox",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuCheckboxChange",
          "detail": "boolean",
          "bubbles": true,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-checkbox-color var(--klevu-color-primary)",
          "annotation": "prop",
          "docs": "Color of the checkbox background and border"
        },
        {
          "name": "--klevu-checkbox-size 20px",
          "annotation": "prop",
          "docs": "Size of the checkbox"
        }
      ],
      "slots": [
        {
          "name": "default",
          "docs": "Checkbox text"
        }
      ],
      "parts": [
        {
          "name": "checkbox-base",
          "docs": ""
        },
        {
          "name": "checkbox-box",
          "docs": ""
        },
        {
          "name": "checkbox-content",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-facet"
      ],
      "dependencies": [
        "klevu-icon",
        "klevu-typography"
      ],
      "dependencyGraph": {
        "klevu-checkbox": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-facet": [
          "klevu-checkbox"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-chip/klevu-chip.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-chip",
      "docs": "Chip component that is used to display selected value in a listing. Gives also ability to remove the chip.\n\nHas selected and removable attributes that can be used to display the chip in selected state and also to remove the chip.",
      "docsTags": [
        {
          "name": "slot",
          "text": "default - Chip content"
        },
        {
          "name": "csspart",
          "text": "chip-base The container for the chip"
        },
        {
          "name": "csspart",
          "text": "chip-icon The icon for the close button"
        },
        {
          "name": "csspart",
          "text": "chip-content The content for the chip"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "removable",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "removable",
          "reflectToAttr": false,
          "docs": "Removable state of the chip",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "selected",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "selected",
          "reflectToAttr": false,
          "docs": "Selected state of the chip",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuChipRemove",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event that is fired when chip is removed",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-chip-border var(--klevu-color-neutral-5",
          "annotation": "prop",
          "docs": "Border color of the chip"
        },
        {
          "name": "--klevu-chip-radius var(--klevu-border-radius-xxl",
          "annotation": "prop",
          "docs": "Border radius of the chip"
        },
        {
          "name": "--klevu-chip-selected-background klevu-color-primary-with-opacity",
          "annotation": "prop",
          "docs": "Selected background color of the chip"
        },
        {
          "name": "--klevu-chip-selected-border var(--klevu-color-primary)",
          "annotation": "prop",
          "docs": "Selected border color of the chip"
        }
      ],
      "slots": [
        {
          "name": "default",
          "docs": "Chip content"
        }
      ],
      "parts": [
        {
          "name": "chip-base",
          "docs": ""
        },
        {
          "name": "chip-content",
          "docs": ""
        },
        {
          "name": "chip-icon",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "klevu-icon",
        "klevu-typography"
      ],
      "dependencyGraph": {
        "klevu-chip": [
          "klevu-icon",
          "klevu-typography"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-cms-list/klevu-cms-list.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-cms-list",
      "docs": "Component to display list of CMS page results",
      "docsTags": [
        {
          "name": "csspart",
          "text": "cms-list-caption The caption for the cms list"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "link",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "link",
          "reflectToAttr": false,
          "docs": "Should use url parameter from link to create anchor",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "pages",
          "type": "Partial<KlevuRecord>[]",
          "complexType": {
            "original": "Array<Partial<KlevuRecord>>",
            "resolved": "Partial<KlevuRecord>[]",
            "references": {
              "Array": {
                "location": "global",
                "id": "global::Array"
              },
              "Partial": {
                "location": "global",
                "id": "global::Partial"
              },
              "KlevuRecord": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuRecord"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "List of Klevu results records with type of Page",
          "docsTags": [],
          "values": [
            {
              "type": "Partial<KlevuRecord>[]"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "tCaption",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-caption",
          "reflectToAttr": false,
          "docs": "Caption of the listing",
          "docsTags": [],
          "default": "getTranslation(\"cmsList.tCaption\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuCmsPageClick",
          "detail": "{ [x: string]: any; brand?: string | undefined; category?: string | undefined; currency?: string | undefined; deliveryInfo?: string | undefined; discount?: string | undefined; freeShipping?: string | undefined; groupPrices?: string | undefined; hideAddToCart?: string | undefined; hideGroupPrices?: string | undefined; id?: string | undefined; image?: string | undefined; imageHover?: string | undefined; imageUrl?: string | undefined; inStock?: string | undefined; itemGroupId?: string | undefined; klevu_category?: string | undefined; klevu_manual_boosting?: number | undefined; klevu_bulk_boosting?: number | undefined; klevu_selflearning_boosting?: number | undefined; name?: string | undefined; price?: string | undefined; rating?: number | undefined; salePrice?: string | undefined; shortDesc?: string | undefined; sku?: string | undefined; score?: number | undefined; startPrice?: string | undefined; storeBaseCurrency?: string | undefined; swatchesInfo?: string | undefined; tags?: string | undefined; toPrice?: string | undefined; totalVariants?: number | undefined; type?: string | undefined; typeOfRecord?: KlevuAnyTypeOfRecord | undefined; url?: string | undefined; weight?: string | undefined; variantId?: string | undefined; swatches?: { id: string; color: string; swatchImage: string; image: string; numberOfAdditionalVariants: string; }[] | undefined; }",
          "bubbles": true,
          "complexType": {
            "original": "Partial<KlevuRecord>",
            "resolved": "{ [x: string]: any; brand?: string | undefined; category?: string | undefined; currency?: string | undefined; deliveryInfo?: string | undefined; discount?: string | undefined; freeShipping?: string | undefined; groupPrices?: string | undefined; hideAddToCart?: string | undefined; hideGroupPrices?: string | undefined; id?: string | undefined; image?: string | undefined; imageHover?: string | undefined; imageUrl?: string | undefined; inStock?: string | undefined; itemGroupId?: string | undefined; klevu_category?: string | undefined; klevu_manual_boosting?: number | undefined; klevu_bulk_boosting?: number | undefined; klevu_selflearning_boosting?: number | undefined; name?: string | undefined; price?: string | undefined; rating?: number | undefined; salePrice?: string | undefined; shortDesc?: string | undefined; sku?: string | undefined; score?: number | undefined; startPrice?: string | undefined; storeBaseCurrency?: string | undefined; swatchesInfo?: string | undefined; tags?: string | undefined; toPrice?: string | undefined; totalVariants?: number | undefined; type?: string | undefined; typeOfRecord?: KlevuAnyTypeOfRecord | undefined; url?: string | undefined; weight?: string | undefined; variantId?: string | undefined; swatches?: { id: string; color: string; swatchImage: string; image: string; numberOfAdditionalVariants: string; }[] | undefined; }",
            "references": {
              "Partial": {
                "location": "global",
                "id": "global::Partial"
              },
              "KlevuRecord": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuRecord"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "cms-list-caption",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-quicksearch"
      ],
      "dependencies": [
        "klevu-typography",
        "klevu-list"
      ],
      "dependencyGraph": {
        "klevu-cms-list": [
          "klevu-typography",
          "klevu-list"
        ],
        "klevu-list": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-quicksearch": [
          "klevu-cms-list"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-color-swatch/klevu-color-swatch.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-color-swatch",
      "docs": "Color Swatch component",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "borderColor",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "border-color",
          "reflectToAttr": false,
          "docs": "Specify border color for the swatch",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "color",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "color",
          "reflectToAttr": false,
          "docs": "Color to apply",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "imageUrl",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "image-url",
          "reflectToAttr": false,
          "docs": "ImageUrl to load in swatch",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "This field will be sent in the click callback",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "selected",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "selected",
          "reflectToAttr": false,
          "docs": "If selected",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": true
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuSwatchClick",
          "detail": "{ name: string; }",
          "bubbles": true,
          "complexType": {
            "original": "KlevuOnSwatchClick",
            "resolved": "{ name: string; }",
            "references": {
              "KlevuOnSwatchClick": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-color-swatch/klevu-color-swatch.tsx",
                "id": "src/components/klevu-color-swatch/klevu-color-swatch.tsx::KlevuOnSwatchClick"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "When swatch has been clicked",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-color-swatch-border #8c8c8c",
          "annotation": "prop",
          "docs": "Border on swatch"
        },
        {
          "name": "--klevu-color-swatch-border-radius var(--klevu-border-radius-xxl)",
          "annotation": "prop",
          "docs": "To change the shape of swatch"
        },
        {
          "name": "--klevu-color-swatch-default-background #000",
          "annotation": "prop",
          "docs": "Shown when color not found in css"
        },
        {
          "name": "--klevu-color-swatch-selected-color var(--klevu-color-primary)",
          "annotation": "prop",
          "docs": "Ring color when selected"
        },
        {
          "name": "--klevu-color-swatch-size var(--klevu-size-l)",
          "annotation": "prop",
          "docs": "Size of swatch"
        }
      ],
      "slots": [],
      "parts": [],
      "dependents": [
        "klevu-facet"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "klevu-facet": [
          "klevu-color-swatch"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-drawer/klevu-drawer.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-drawer",
      "docs": "Component to create offscreen drawer on left or right side of the screen",
      "docsTags": [
        {
          "name": "slot",
          "text": "origin - When origin element is clicked then content is shown"
        },
        {
          "name": "slot",
          "text": "content - Content to display in drawer"
        },
        {
          "name": "csspart",
          "text": "drawer-base The container of the drawer"
        },
        {
          "name": "csspart",
          "text": "drawer-origin The button that controls open of the drawer"
        },
        {
          "name": "csspart",
          "text": "drawer-content The content inside the drawer"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "anchor",
          "type": "\"left\" | \"right\"",
          "complexType": {
            "original": "\"right\" | \"left\"",
            "resolved": "\"left\" | \"right\"",
            "references": {}
          },
          "mutable": false,
          "attr": "anchor",
          "reflectToAttr": false,
          "docs": "Anchor to right or left side of the page",
          "docsTags": [],
          "default": "\"right\"",
          "values": [
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "background",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "background",
          "reflectToAttr": false,
          "docs": "Display dim background on top of other content",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "closeAtOutsideClick",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "close-at-outside-click",
          "reflectToAttr": false,
          "docs": "Close by clicking outside of drawer",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "insertYPadding",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "insert-y-padding",
          "reflectToAttr": false,
          "docs": "Add little bit of padding to content of drawer",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "startOpen",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "start-open",
          "reflectToAttr": false,
          "docs": "Start side drawer open",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "closeModal",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "closeModal() => Promise<void>",
          "parameters": [],
          "docs": "",
          "docsTags": []
        },
        {
          "name": "openModal",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "openModal() => Promise<void>",
          "parameters": [],
          "docs": "",
          "docsTags": []
        }
      ],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-drawer-background-color rgba(0,0,0,0.2)",
          "annotation": "prop",
          "docs": "color of backround overlay"
        },
        {
          "name": "--klevu-drawer-max-width max-content",
          "annotation": "prop",
          "docs": "maxium width of drawer content"
        },
        {
          "name": "--klevu-drawer-width 400px",
          "annotation": "prop",
          "docs": "width of drawer"
        },
        {
          "name": "--klevu-drawer-y-padding var(--klevu-spacing-04)",
          "annotation": "prop",
          "docs": "padding on top and bottom of drawer"
        }
      ],
      "slots": [
        {
          "name": "content",
          "docs": "Content to display in drawer"
        },
        {
          "name": "origin",
          "docs": "When origin element is clicked then content is shown"
        }
      ],
      "parts": [
        {
          "name": "drawer-base",
          "docs": ""
        },
        {
          "name": "drawer-content",
          "docs": ""
        },
        {
          "name": "drawer-origin",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-layout-results"
      ],
      "dependencies": [
        "klevu-util-scrollbars"
      ],
      "dependencyGraph": {
        "klevu-drawer": [
          "klevu-util-scrollbars"
        ],
        "klevu-layout-results": [
          "klevu-drawer"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-dropdown/klevu-dropdown.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-dropdown",
      "docs": "Simple native dropdown component for dropdown",
      "docsTags": [
        {
          "name": "csspart",
          "text": "dropdown-base The container for the dropdown"
        },
        {
          "name": "csspart",
          "text": "dropdown-select The select box"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "disabled",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Is element disabled",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "Form name",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "options",
          "type": "{ value: string; text: string; }[]",
          "complexType": {
            "original": "Array<{ value: string; text: string }>",
            "resolved": "{ value: string; text: string; }[]",
            "references": {
              "Array": {
                "location": "global",
                "id": "global::Array"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Options to display in dropdown",
          "docsTags": [],
          "values": [
            {
              "type": "{ value: string; text: string; }[]"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "selected",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "selected",
          "reflectToAttr": false,
          "docs": "Which element value is selected",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "variant",
          "type": "\"default\" | \"inline\"",
          "complexType": {
            "original": "KlevuDropdownVariant",
            "resolved": "\"default\" | \"inline\"",
            "references": {
              "KlevuDropdownVariant": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-dropdown/klevu-dropdown.tsx",
                "id": "src/components/klevu-dropdown/klevu-dropdown.tsx::KlevuDropdownVariant"
              }
            }
          },
          "mutable": false,
          "attr": "variant",
          "reflectToAttr": false,
          "docs": "Variant of dropdown",
          "docsTags": [],
          "default": "\"default\"",
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "inline",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuDropdownChanged",
          "detail": "string",
          "bubbles": true,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "When dropdown item has been changed",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-dropdown-padding calc(var(--klevu-size-m) - (var(--klevu-body-s-size) / 2))",
          "annotation": "prop",
          "docs": "Padding around dropdown"
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "dropdown-base",
          "docs": ""
        },
        {
          "name": "dropdown-select",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-sort"
      ],
      "dependencies": [
        "klevu-icon"
      ],
      "dependencyGraph": {
        "klevu-dropdown": [
          "klevu-icon"
        ],
        "klevu-sort": [
          "klevu-dropdown"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-facet/klevu-facet.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-facet",
      "docs": "Rendering items of single facet with all its options or a slider.\n\nManager property must be set for this component to work.",
      "docsTags": [
        {
          "name": "csspart",
          "text": "facet-heading Heading of the facet"
        },
        {
          "name": "csspart",
          "text": "facet-radio The radio button for selection of facet"
        },
        {
          "name": "csspart",
          "text": "facet-more-button The button to show more results"
        },
        {
          "name": "csspart",
          "text": "facet-option-count The count of results per option"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "accordion",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "accordion",
          "reflectToAttr": false,
          "docs": "Should the facet be in accordion",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "accordionStartOpen",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "accordion-start-open",
          "reflectToAttr": false,
          "docs": "Start accordion open",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "colorSwatchOverrides",
          "type": "undefined | { [key: string]: { color?: string | undefined; imageUrl?: string | undefined; borderColor?: string | undefined; }; }",
          "complexType": {
            "original": "KlevuColorSwatchOverride",
            "resolved": "undefined | { [key: string]: { color?: string | undefined; imageUrl?: string | undefined; borderColor?: string | undefined; }; }",
            "references": {
              "KlevuColorSwatchOverride": {
                "location": "import",
                "path": "../klevu-facet-list/klevu-facet-list",
                "id": "src/components/klevu-facet-list/klevu-facet-list.tsx::KlevuColorSwatchOverride"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Specific overrides for individual color swatch.\nThe overrides can be colors (hex or valid css colors) or a valid url to load.\nImageUrl takes precedence over color when both are specified.",
          "docsTags": [],
          "default": "{}",
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ [key: string]: { color?: string"
            },
            {
              "type": "undefined; imageUrl?: string"
            },
            {
              "type": "undefined; borderColor?: string"
            },
            {
              "type": "undefined; }; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "customOrder",
          "type": "string[] | undefined",
          "complexType": {
            "original": "string[]",
            "resolved": "string[] | undefined",
            "references": {}
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Set predefined order for options. Unfound values are in original order in end",
          "docsTags": [],
          "values": [
            {
              "type": "string[]"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "labelOverride",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "label-override",
          "reflectToAttr": false,
          "docs": "Override label text with custom value",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "manager",
          "type": "FilterManager",
          "complexType": {
            "original": "FilterManager",
            "resolved": "FilterManager",
            "references": {
              "FilterManager": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::FilterManager"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Originating filter manager which to modify. This is the most important property of the component.\nIt will be used to modify the filter state for queries.",
          "docsTags": [],
          "values": [
            {
              "type": "FilterManager"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "mode",
          "type": "\"checkbox\" | \"radio\"",
          "complexType": {
            "original": "KlevuFacetMode",
            "resolved": "\"checkbox\" | \"radio\"",
            "references": {
              "KlevuFacetMode": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-facet/klevu-facet.tsx",
                "id": "src/components/klevu-facet/klevu-facet.tsx::KlevuFacetMode"
              }
            }
          },
          "mutable": false,
          "attr": "mode",
          "reflectToAttr": false,
          "docs": "Which mode should facets be in",
          "docsTags": [],
          "default": "\"checkbox\"",
          "values": [
            {
              "value": "checkbox",
              "type": "string"
            },
            {
              "value": "radio",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "option",
          "type": "KlevuFilterResult & { type: KlevuFilterType.Options | KlevuFilterType.Rating; options: { name: string; value: string; count: number; selected: boolean; }[]; } | undefined",
          "complexType": {
            "original": "KlevuFilterResultOptions",
            "resolved": "KlevuFilterResult & { type: KlevuFilterType.Options | KlevuFilterType.Rating; options: { name: string; value: string; count: number; selected: boolean; }[]; } | undefined",
            "references": {
              "KlevuFilterResultOptions": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuFilterResultOptions"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "From which options to build facet. Single option value from Klevu SDK FilterManager. Either this or slider must be set.",
          "docsTags": [],
          "values": [
            {
              "type": "KlevuFilterResult & { type: KlevuFilterType.Options"
            },
            {
              "type": "KlevuFilterType.Rating; options: { name: string; value: string; count: number; selected: boolean; }[]; }"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "priceSliderCurrency",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "price-slider-currency",
          "reflectToAttr": false,
          "docs": "The currency to show in the price slider",
          "docsTags": [],
          "default": "\"EUR\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "slider",
          "type": "KlevuFilterResult & { type: KlevuFilterType.Slider; min: string; max: string; start: string | null; end: string | null; } | undefined",
          "complexType": {
            "original": "KlevuFilterResultSlider",
            "resolved": "KlevuFilterResult & { type: KlevuFilterType.Slider; min: string; max: string; start: string | null; end: string | null; } | undefined",
            "references": {
              "KlevuFilterResultSlider": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuFilterResultSlider"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "From which slider to build facet.",
          "docsTags": [],
          "values": [
            {
              "type": "KlevuFilterResult & { type: KlevuFilterType.Slider; min: string; max: string; start: string"
            },
            {
              "type": "null; end: string"
            },
            {
              "type": "null; }"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "tAll",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-all",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "default": "getTranslation(\"facet.tAll\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tMore",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-more",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "default": "getTranslation(\"facet.tMore\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "useColorSwatch",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-color-swatch",
          "reflectToAttr": false,
          "docs": "Converts the color filters to swatches",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuFilterSelectionUpdate",
          "detail": "{ manager: FilterManager; filter?: { key: string; name: string; selected?: boolean | undefined; start?: string | undefined; end?: string | undefined; } | undefined; }",
          "bubbles": true,
          "complexType": {
            "original": "KlevuSelectionUpdatedEventDetail",
            "resolved": "{ manager: FilterManager; filter?: { key: string; name: string; selected?: boolean | undefined; start?: string | undefined; end?: string | undefined; } | undefined; }",
            "references": {
              "KlevuSelectionUpdatedEventDetail": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-facet/klevu-facet.tsx",
                "id": "src/components/klevu-facet/klevu-facet.tsx::KlevuSelectionUpdatedEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "When filter selection is updated",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "klevu-filter-selection-updates",
          "target": "document",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "klevu-facet-list"
      ],
      "dependencies": [
        "klevu-accordion",
        "klevu-rating",
        "klevu-typography",
        "klevu-slider",
        "klevu-color-swatch",
        "klevu-checkbox",
        "klevu-button"
      ],
      "dependencyGraph": {
        "klevu-facet": [
          "klevu-accordion",
          "klevu-rating",
          "klevu-typography",
          "klevu-slider",
          "klevu-color-swatch",
          "klevu-checkbox",
          "klevu-button"
        ],
        "klevu-accordion": [
          "klevu-typography",
          "klevu-icon"
        ],
        "klevu-checkbox": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-button": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-facet-list": [
          "klevu-facet"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-facet-list/klevu-facet-list.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-facet-list",
      "docs": "Render all facets of filter manager",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "accordion",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "accordion",
          "reflectToAttr": false,
          "docs": "Should use accordions to for facets",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "applyButtonText",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "apply-button-text",
          "reflectToAttr": false,
          "docs": "Button text for Apply button when using `useApplyButton`",
          "docsTags": [],
          "default": "\"Apply\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "clearButtonText",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "clear-button-text",
          "reflectToAttr": false,
          "docs": "Button text for Clear button when using `useApplyButton`",
          "docsTags": [],
          "default": "\"Clear\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "colorSwatchOverrides",
          "type": "undefined | { [key: string]: KlevuColorSwatchOverride; }",
          "complexType": {
            "original": "{\n    [key: string]: KlevuColorSwatchOverride\n  }",
            "resolved": "undefined | { [key: string]: KlevuColorSwatchOverride; }",
            "references": {
              "KlevuColorSwatchOverride": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-facet-list/klevu-facet-list.tsx",
                "id": "src/components/klevu-facet-list/klevu-facet-list.tsx::KlevuColorSwatchOverride"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Specific overrides for individual color swatch.\nThe overrides can be colors (hex or valid css colors) or a valid url to load.\nImageUrl takes precedence over color when both are specified.",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ [key: string]: KlevuColorSwatchOverride; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "colorSwatches",
          "type": "string[] | undefined",
          "complexType": {
            "original": "string[]",
            "resolved": "string[] | undefined",
            "references": {}
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Specify which facet keys should be rendered as color swatches",
          "docsTags": [],
          "default": "[]",
          "values": [
            {
              "type": "string[]"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "customOrder",
          "type": "undefined | { [key: string]: string[]; }",
          "complexType": {
            "original": "{ [key: string]: string[] }",
            "resolved": "undefined | { [key: string]: string[]; }",
            "references": {}
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Custom order keys for every facet",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ [key: string]: string[]; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "defaultPriceLabel",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "default-price-label",
          "reflectToAttr": false,
          "docs": "Default price label for sliders",
          "docsTags": [],
          "default": "\"Price\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "manager",
          "type": "FilterManager",
          "complexType": {
            "original": "FilterManager",
            "resolved": "FilterManager",
            "references": {
              "FilterManager": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::FilterManager"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Filter managet from which the list is built from",
          "docsTags": [],
          "values": [
            {
              "type": "FilterManager"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "mode",
          "type": "\"checkbox\" | \"radio\" | undefined | { [key: string]: KlevuFacetMode; }",
          "complexType": {
            "original": "KlevuFacetMode | { [key: string]: KlevuFacetMode }",
            "resolved": "\"checkbox\" | \"radio\" | undefined | { [key: string]: KlevuFacetMode; }",
            "references": {
              "KlevuFacetMode": {
                "location": "import",
                "path": "../klevu-facet/klevu-facet",
                "id": "src/components/klevu-facet/klevu-facet.tsx::KlevuFacetMode"
              }
            }
          },
          "mutable": false,
          "attr": "mode",
          "reflectToAttr": false,
          "docs": "Set mode for facets or if object is passed then define per key",
          "docsTags": [],
          "values": [
            {
              "value": "checkbox",
              "type": "string"
            },
            {
              "value": "radio",
              "type": "string"
            },
            {
              "type": "undefined"
            },
            {
              "type": "{ [key: string]: KlevuFacetMode; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "priceSliderCurrency",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "price-slider-currency",
          "reflectToAttr": false,
          "docs": "The currency to show in the price slider",
          "docsTags": [],
          "default": "\"EUR\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "shouldUpdateUrlForFacets",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "should-update-url-for-facets",
          "reflectToAttr": false,
          "docs": "To set the facet selection value in the url",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "useApplyButton",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-apply-button",
          "reflectToAttr": false,
          "docs": "Display \"apply filters\" button in the end. And do not apply filters until this button is pressed",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "updateApplyFilterState",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "updateApplyFilterState() => Promise<void>",
          "parameters": [],
          "docs": "When using `useApplyButton` then this method can be used to update current state filterManager\ninto to local state of that is displayed in the UI",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "klevuApplyFilters",
          "detail": "{ manager: FilterManager; }",
          "bubbles": true,
          "complexType": {
            "original": "KlevuFiltersAppliedEventDetail",
            "resolved": "{ manager: FilterManager; }",
            "references": {
              "KlevuFiltersAppliedEventDetail": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-facet-list/klevu-facet-list.tsx",
                "id": "src/components/klevu-facet-list/klevu-facet-list.tsx::KlevuFiltersAppliedEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "When filters are applied",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "klevu-filters-applied",
          "target": "document",
          "capture": false,
          "passive": false
        },
        {
          "event": "klevu-filter-selection-updates",
          "target": "document",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [
        {
          "name": "--klevu-face-list-width 200px",
          "annotation": "prop",
          "docs": "Width of the facet listing"
        }
      ],
      "slots": [],
      "parts": [],
      "dependents": [
        "klevu-merchandising",
        "klevu-search-landing-page"
      ],
      "dependencies": [
        "klevu-facet",
        "klevu-button"
      ],
      "dependencyGraph": {
        "klevu-facet-list": [
          "klevu-facet",
          "klevu-button"
        ],
        "klevu-facet": [
          "klevu-accordion",
          "klevu-rating",
          "klevu-typography",
          "klevu-slider",
          "klevu-color-swatch",
          "klevu-checkbox",
          "klevu-button"
        ],
        "klevu-accordion": [
          "klevu-typography",
          "klevu-icon"
        ],
        "klevu-checkbox": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-button": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-merchandising": [
          "klevu-facet-list"
        ],
        "klevu-search-landing-page": [
          "klevu-facet-list"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-icon/klevu-icon.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-icon",
      "docs": "Klevu icon component. Uses Google Material Icons.",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "name",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "Name of the icon. Please use tokens of material icons",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "originElement",
          "type": "HTMLElement | undefined",
          "complexType": {
            "original": "HTMLElement",
            "resolved": "HTMLElement | undefined",
            "references": {
              "HTMLElement": {
                "location": "global",
                "id": "global::HTMLElement"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "To be set to portal trigger element\nwhen component is being used in a portal",
          "docsTags": [],
          "values": [
            {
              "type": "HTMLElement"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "klevu-accordion",
        "klevu-button",
        "klevu-chat-bubble",
        "klevu-chat-messages",
        "klevu-checkbox",
        "klevu-chip",
        "klevu-dropdown",
        "klevu-list",
        "klevu-modal",
        "klevu-pagination",
        "klevu-product",
        "klevu-product-query-popup",
        "klevu-textfield"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "klevu-accordion": [
          "klevu-icon"
        ],
        "klevu-button": [
          "klevu-icon"
        ],
        "klevu-chat-bubble": [
          "klevu-icon"
        ],
        "klevu-chat-messages": [
          "klevu-icon"
        ],
        "klevu-checkbox": [
          "klevu-icon"
        ],
        "klevu-chip": [
          "klevu-icon"
        ],
        "klevu-dropdown": [
          "klevu-icon"
        ],
        "klevu-list": [
          "klevu-icon"
        ],
        "klevu-modal": [
          "klevu-icon"
        ],
        "klevu-pagination": [
          "klevu-icon"
        ],
        "klevu-product": [
          "klevu-icon"
        ],
        "klevu-product-query-popup": [
          "klevu-icon"
        ],
        "klevu-textfield": [
          "klevu-icon"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-init/klevu-init.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-init",
      "docs": "\n`klevu-init` is the most important component of the whole library. Place one in your document. It should be\none of the first ones in the `<body>` tag. Currently only one `klevu-init` per page is supported. It is used to define\nconfiguration for all components on the page and provide few global settings for all components:\n\n- **onItemClick:** what happens when product is clicked. Typically this places default action of\n  _klevu-product_ click. For example you can make your own frontend router to act in this function. Is\n  provided with product and click event as attributes. Remember to preventDefault and return false to prevent anchor\n  link following.\n- **generateProductUrl:** what kind of URL's should be generated for products. If _onItemClick_\n  is not used this can be used for it. Has product as attribute.\n- **renderPrice:** generic function for price rendering. If you wish to have your own formatting for price\n  rendering then this is the place. Has two attribute amount and currency of item.\nInitializes components to fetch data from correct Klevu backend\n\n\n**Note: All global CSS variables are documented in `klevu-init` even thought they are not defined in it.**",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "apiKey",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "api-key",
          "reflectToAttr": false,
          "docs": "Read only API key to Klevu",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "assetsPath",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "assets-path",
          "reflectToAttr": false,
          "docs": "Override the default assets path. Will use format of `${assetsPath}/assets/${resource}`",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "consentGiven",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "consent-given",
          "reflectToAttr": false,
          "docs": "Data read consent given",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disableUserSession",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "disable-user-session",
          "reflectToAttr": false,
          "docs": "disableUserSession and stop making calls to visitor service when this is true, defaults to false.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "enableKlaviyoConnector",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "enable-klaviyo-connector",
          "reflectToAttr": false,
          "docs": "Enable Klaviyo integration",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "eventsV1Url",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "events-v-1-url",
          "reflectToAttr": false,
          "docs": "Override the default events v1 URL",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "eventsV2Url",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "events-v-2-url",
          "reflectToAttr": false,
          "docs": "Override the default events v2 URL",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "ipv4ServiceUrl",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "ipv-4-service-url",
          "reflectToAttr": false,
          "docs": "Ipv4 ServiceUrl for ipv4 retrieval used in analytics",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "ipv6ServiceUrl",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "ipv-6-service-url",
          "reflectToAttr": false,
          "docs": "Ipv6 ServiceUrl for ipv6 retrieval used in analytics",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "kmcLoadDefaults",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "kmc-load-defaults",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "language",
          "type": "\"en\" | \"fi\"",
          "complexType": {
            "original": "Translations",
            "resolved": "\"en\" | \"fi\"",
            "references": {
              "Translations": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-init/klevu-init.tsx",
                "id": "src/components/klevu-init/klevu-init.tsx::Translations"
              }
            }
          },
          "mutable": false,
          "attr": "language",
          "reflectToAttr": false,
          "docs": "Which language to load",
          "docsTags": [],
          "default": "\"en\"",
          "values": [
            {
              "value": "en",
              "type": "string"
            },
            {
              "value": "fi",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "moiApiUrl",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "moi-api-url",
          "reflectToAttr": false,
          "docs": "Override the default moi API URL",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "recommendationsApiUrl",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "recommendations-api-url",
          "reflectToAttr": false,
          "docs": "Override the default recommendations API URL",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "settings",
          "type": "{ onItemClick?: ((item: Partial<KlevuRecord>, event: MouseEvent) => boolean) | undefined; generateProductUrl?: ((product: Partial<KlevuRecord>) => string) | undefined; renderPrice?: ((amount: string | number, currency: string) => string) | undefined; icons?: { [key: string]: string; } | undefined; useNativeScrollbars?: boolean | undefined; }",
          "complexType": {
            "original": "KlevuUIGlobalSettings",
            "resolved": "{ onItemClick?: ((item: Partial<KlevuRecord>, event: MouseEvent) => boolean) | undefined; generateProductUrl?: ((product: Partial<KlevuRecord>) => string) | undefined; renderPrice?: ((amount: string | number, currency: string) => string) | undefined; icons?: { [key: string]: string; } | undefined; useNativeScrollbars?: boolean | undefined; }",
            "references": {
              "KlevuUIGlobalSettings": {
                "location": "import",
                "path": "../../utils/utils",
                "id": "src/utils/utils.ts::KlevuUIGlobalSettings"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Global settings",
          "docsTags": [],
          "default": "{\n    renderPrice,\n  }",
          "values": [
            {
              "type": "{ onItemClick?: ((item: Partial<KlevuRecord>, event: MouseEvent) => boolean)"
            },
            {
              "type": "undefined; generateProductUrl?: ((product: Partial<KlevuRecord>) => string)"
            },
            {
              "type": "undefined; renderPrice?: ((amount: string"
            },
            {
              "type": "number, currency: string) => string)"
            },
            {
              "type": "undefined; icons?: { [key: string]: string; }"
            },
            {
              "type": "undefined; useNativeScrollbars?: boolean"
            },
            {
              "type": "undefined; }"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "settingsUrl",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "settings-url",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "translation",
          "type": "undefined | { chatBubble: { tRatingReason: string; }; cmsList: { tCaption: string; }; facet: { tMore: string; tAll: string; }; latestSearches: { tCaption: string; }; merchandising: { tLoadMore: string; }; popularSearches: { tCaption: string; }; product: { tAddToCart: string; }; productQueryPopup: { tTextFieldPlaceholder: string; tAnswerError: string; tPopuptitle: string; tButtonText: string; tFinePrint: string; disclaimer: string; tLoadingSorry: string; tRateExperienceTitle: string; tRateExperienceText: string; tDataProtectionNotice: string; }; quicksearch: { tSearchResults: string; tStartChat: string; tCategoriesCaption: string; tTrendingCaption: string; tPopularProductsTitle: string; tLastClickedProductsCaption: string; tNoResultsFound: string; }; searchField: { tPlaceholder: string; tSearchText: string; }; searchLandingPage: { tSearchTitle: string; tLoadMore: string; tNoResultsFound: string; }; sort: { tRelevance: string; tNameAsc: string; tNameDesc: string; tNewArrivalsAsc: string; tNewArrivalsDesc: string; tPriceAsc: string; tPriceDesc: string; tRatingAsc: string; tRatingDesc: string; }; }",
          "complexType": {
            "original": "Translation",
            "resolved": "undefined | { chatBubble: { tRatingReason: string; }; cmsList: { tCaption: string; }; facet: { tMore: string; tAll: string; }; latestSearches: { tCaption: string; }; merchandising: { tLoadMore: string; }; popularSearches: { tCaption: string; }; product: { tAddToCart: string; }; productQueryPopup: { tTextFieldPlaceholder: string; tAnswerError: string; tPopuptitle: string; tButtonText: string; tFinePrint: string; disclaimer: string; tLoadingSorry: string; tRateExperienceTitle: string; tRateExperienceText: string; tDataProtectionNotice: string; }; quicksearch: { tSearchResults: string; tStartChat: string; tCategoriesCaption: string; tTrendingCaption: string; tPopularProductsTitle: string; tLastClickedProductsCaption: string; tNoResultsFound: string; }; searchField: { tPlaceholder: string; tSearchText: string; }; searchLandingPage: { tSearchTitle: string; tLoadMore: string; tNoResultsFound: string; }; sort: { tRelevance: string; tNameAsc: string; tNameDesc: string; tNewArrivalsAsc: string; tNewArrivalsDesc: string; tPriceAsc: string; tPriceDesc: string; tRatingAsc: string; tRatingDesc: string; }; }",
            "references": {
              "Translation": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-init/klevu-init.tsx",
                "id": "src/components/klevu-init/klevu-init.tsx::Translation"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Provide your own translations",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ chatBubble: { tRatingReason: string; }; cmsList: { tCaption: string; }; facet: { tMore: string; tAll: string; }; latestSearches: { tCaption: string; }; merchandising: { tLoadMore: string; }; popularSearches: { tCaption: string; }; product: { tAddToCart: string; }; productQueryPopup: { tTextFieldPlaceholder: string; tAnswerError: string; tPopuptitle: string; tButtonText: string; tFinePrint: string; disclaimer: string; tLoadingSorry: string; tRateExperienceTitle: string; tRateExperienceText: string; tDataProtectionNotice: string; }; quicksearch: { tSearchResults: string; tStartChat: string; tCategoriesCaption: string; tTrendingCaption: string; tPopularProductsTitle: string; tLastClickedProductsCaption: string; tNoResultsFound: string; }; searchField: { tPlaceholder: string; tSearchText: string; }; searchLandingPage: { tSearchTitle: string; tLoadMore: string; tNoResultsFound: string; }; sort: { tRelevance: string; tNameAsc: string; tNameDesc: string; tNewArrivalsAsc: string; tNewArrivalsDesc: string; tPriceAsc: string; tPriceDesc: string; tRatingAsc: string; tRatingDesc: string; }; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "translationUrlPrefix",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "translation-url-prefix",
          "reflectToAttr": false,
          "docs": "Override the default translation URL prefix. Will use format of\n`${translationUrlPrefix}/translations/${lang}.json`",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "url",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "url",
          "reflectToAttr": false,
          "docs": "Klevu Server URL",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "useConsent",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-consent",
          "reflectToAttr": false,
          "docs": "Enable Data Protection",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "visitorServiceUrl",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "visitor-service-url",
          "reflectToAttr": false,
          "docs": "Override the default session API URL",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "getAssetsPath",
          "returns": {
            "type": "Promise<string>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<string>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<string>"
          },
          "signature": "getAssetsPath() => Promise<string>",
          "parameters": [],
          "docs": "",
          "docsTags": []
        },
        {
          "name": "getConfig",
          "returns": {
            "type": "Promise<any>",
            "docs": "KlevuConfig, but due to typescript problems it is any"
          },
          "complexType": {
            "signature": "() => Promise<any>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<any>"
          },
          "signature": "getConfig() => Promise<any>",
          "parameters": [],
          "docs": "",
          "docsTags": [
            {
              "name": "returns",
              "text": "KlevuConfig, but due to typescript problems it is any"
            }
          ]
        },
        {
          "name": "getSettings",
          "returns": {
            "type": "Promise<KlevuUIGlobalSettings | undefined>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<KlevuUIGlobalSettings | undefined>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "KlevuUIGlobalSettings": {
                "location": "import",
                "path": "../../utils/utils",
                "id": "src/utils/utils.ts::KlevuUIGlobalSettings"
              }
            },
            "return": "Promise<KlevuUIGlobalSettings | undefined>"
          },
          "signature": "getSettings() => Promise<KlevuUIGlobalSettings | undefined>",
          "parameters": [],
          "docs": "Get settings defined in klevu-init",
          "docsTags": [
            {
              "name": "returns"
            }
          ]
        },
        {
          "name": "isSettingsDefined",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<boolean>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<boolean>"
          },
          "signature": "isSettingsDefined() => Promise<boolean>",
          "parameters": [],
          "docs": "Get settings defined in klevu-init",
          "docsTags": [
            {
              "name": "returns"
            }
          ]
        },
        {
          "name": "setConsentGiven",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "(val: boolean) => Promise<void>",
            "parameters": [
              {
                "tags": [],
                "text": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "setConsentGiven(val: boolean) => Promise<void>",
          "parameters": [],
          "docs": "",
          "docsTags": []
        },
        {
          "name": "setUseConsent",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "(val: boolean) => Promise<void>",
            "parameters": [
              {
                "tags": [],
                "text": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "setUseConsent(val: boolean) => Promise<void>",
          "parameters": [],
          "docs": "",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "klevuInitSettingsUpdated",
          "detail": "{ onItemClick?: ((item: Partial<KlevuRecord>, event: MouseEvent) => boolean) | undefined; generateProductUrl?: ((product: Partial<KlevuRecord>) => string) | undefined; renderPrice?: ((amount: string | number, currency: string) => string) | undefined; icons?: { [key: string]: string; } | undefined; useNativeScrollbars?: boolean | undefined; }",
          "bubbles": true,
          "complexType": {
            "original": "KlevuUIGlobalSettings",
            "resolved": "{ onItemClick?: ((item: Partial<KlevuRecord>, event: MouseEvent) => boolean) | undefined; generateProductUrl?: ((product: Partial<KlevuRecord>) => string) | undefined; renderPrice?: ((amount: string | number, currency: string) => string) | undefined; icons?: { [key: string]: string; } | undefined; useNativeScrollbars?: boolean | undefined; }",
            "references": {
              "KlevuUIGlobalSettings": {
                "location": "import",
                "path": "../../utils/utils",
                "id": "src/utils/utils.ts::KlevuUIGlobalSettings"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-animation-duration-fast 0.1s",
          "annotation": "prop",
          "docs": "Animation speed fast"
        },
        {
          "name": "--klevu-animation-duration-normal 0.2s",
          "annotation": "prop",
          "docs": "Animation speed normal"
        },
        {
          "name": "--klevu-animation-duration-slow 0.3s",
          "annotation": "prop",
          "docs": "Animation speed slow"
        },
        {
          "name": "--klevu-animation-timing-function ease-in-out",
          "annotation": "prop",
          "docs": "Animation easing function"
        },
        {
          "name": "--klevu-border-radius-l 12px",
          "annotation": "prop",
          "docs": "Border radius"
        },
        {
          "name": "--klevu-border-radius-m 8px",
          "annotation": "prop",
          "docs": "Border radius"
        },
        {
          "name": "--klevu-border-radius-s 4px",
          "annotation": "prop",
          "docs": "Border radius"
        },
        {
          "name": "--klevu-border-radius-xl 16px",
          "annotation": "prop",
          "docs": "Border radius"
        },
        {
          "name": "--klevu-border-radius-xs 2px",
          "annotation": "prop",
          "docs": "Border radius"
        },
        {
          "name": "--klevu-border-radius-xxl 24px",
          "annotation": "prop",
          "docs": "Border radius"
        },
        {
          "name": "--klevu-color-accent-1 #8eedd3",
          "annotation": "prop",
          "docs": "Accent color"
        },
        {
          "name": "--klevu-color-accent-2 #ffcb9f",
          "annotation": "prop",
          "docs": "Accent color"
        },
        {
          "name": "--klevu-color-accent-3 #ffb8d6",
          "annotation": "prop",
          "docs": "Accent color"
        },
        {
          "name": "--klevu-color-accent-4 #c3d7ff",
          "annotation": "prop",
          "docs": "Accent color"
        },
        {
          "name": "--klevu-color-negative #ad2d2d",
          "annotation": "prop",
          "docs": "Negative color"
        },
        {
          "name": "--klevu-color-neutral-1 #ffffff",
          "annotation": "prop",
          "docs": "Background color"
        },
        {
          "name": "--klevu-color-neutral-2 #f6f6f6",
          "annotation": "prop",
          "docs": "Neutral color between background and text"
        },
        {
          "name": "--klevu-color-neutral-3 #ededed",
          "annotation": "prop",
          "docs": "Neutral color between background and text"
        },
        {
          "name": "--klevu-color-neutral-4 #e3e3e3",
          "annotation": "prop",
          "docs": "Neutral color between background and text"
        },
        {
          "name": "--klevu-color-neutral-5 #d6d6d6",
          "annotation": "prop",
          "docs": "Neutral color between background and text"
        },
        {
          "name": "--klevu-color-neutral-6 #919191",
          "annotation": "prop",
          "docs": "Neutral color between background and text"
        },
        {
          "name": "--klevu-color-neutral-7 #757575",
          "annotation": "prop",
          "docs": "Neutral color between background and text"
        },
        {
          "name": "--klevu-color-neutral-8 #191919",
          "annotation": "prop",
          "docs": "Text color"
        },
        {
          "name": "--klevu-color-positive #2e9c40",
          "annotation": "prop",
          "docs": "Positive color"
        },
        {
          "name": "--klevu-color-primary #2b4af7",
          "annotation": "prop",
          "docs": "The primary color"
        },
        {
          "name": "--klevu-color-primary-darker color-mix(in srgb, var(--klevu-color-primary), black 20%)",
          "annotation": "prop",
          "docs": "Darker variant of primary color"
        },
        {
          "name": "--klevu-elevation-1 0 0.5px 2px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.08)",
          "annotation": "prop",
          "docs": "Elevation level 1 used in components"
        },
        {
          "name": "--klevu-elevation-2 0px 0.5px 3px rgba(0, 0, 0, 0.05), 2px 6px 12px rgba(0, 0, 0, 0.08)",
          "annotation": "prop",
          "docs": "Elevation level 2 used in components"
        },
        {
          "name": "--klevu-elevation-3 0px 2px 3px rgba(0, 0, 0, 0.04), 6px 10px 24px rgba(0, 0, 0, 0.08)",
          "annotation": "prop",
          "docs": "Elevation level 3 used in components"
        },
        {
          "name": "--klevu-opacity-disabled 0.35",
          "annotation": "prop",
          "docs": "Disabled opacity"
        },
        {
          "name": "--klevu-opacity-subtle 0.25",
          "annotation": "prop",
          "docs": "Subtle opacity"
        },
        {
          "name": "--klevu-size-l 24px",
          "annotation": "prop",
          "docs": "Basic large sizing to calculate component sizes"
        },
        {
          "name": "--klevu-size-m 20px",
          "annotation": "prop",
          "docs": "Basic medium sizing to calculate component sizes"
        },
        {
          "name": "--klevu-size-s 16px",
          "annotation": "prop",
          "docs": "Basic small sizing to calculate component sizes"
        },
        {
          "name": "--klevu-size-xl 36px",
          "annotation": "prop",
          "docs": "Basic extra large sizing to calculate component sizes"
        },
        {
          "name": "--klevu-spacing-01 1px",
          "annotation": "prop",
          "docs": "Spacing 01"
        },
        {
          "name": "--klevu-spacing-02 4px",
          "annotation": "prop",
          "docs": "Spacing 02"
        },
        {
          "name": "--klevu-spacing-03 8px",
          "annotation": "prop",
          "docs": "Spacing 03"
        },
        {
          "name": "--klevu-spacing-04 12px",
          "annotation": "prop",
          "docs": "Spacing 04"
        },
        {
          "name": "--klevu-spacing-05 16px",
          "annotation": "prop",
          "docs": "Spacing 05"
        },
        {
          "name": "--klevu-spacing-06 24px",
          "annotation": "prop",
          "docs": "Spacing 06"
        },
        {
          "name": "--klevu-spacing-07 32px",
          "annotation": "prop",
          "docs": "Spacing 07"
        },
        {
          "name": "--klevu-spacing-08 40px",
          "annotation": "prop",
          "docs": "Spacing 08"
        },
        {
          "name": "--klevu-spacing-09 48px",
          "annotation": "prop",
          "docs": "Spacing 09"
        },
        {
          "name": "--klevu-spacing-10 64px",
          "annotation": "prop",
          "docs": "Spacing 10"
        }
      ],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/klevu-latest-searches/klevu-latest-searches.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-latest-searches",
      "docs": "Lists latest searches user has made on the site",
      "docsTags": [
        {
          "name": "csspart",
          "text": "latest-searches-caption The caption for the latest search list"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "tCaption",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-caption",
          "reflectToAttr": false,
          "docs": "Caption of the list",
          "docsTags": [],
          "default": "getTranslation(\"latestSearches.tCaption\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuLastSearchClicked",
          "detail": "string",
          "bubbles": true,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event that is emitted when a popular search is clicked",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "latest-searches-caption",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-quicksearch"
      ],
      "dependencies": [
        "klevu-typography",
        "klevu-list"
      ],
      "dependencyGraph": {
        "klevu-latest-searches": [
          "klevu-typography",
          "klevu-list"
        ],
        "klevu-list": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-quicksearch": [
          "klevu-latest-searches"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-layout-results/klevu-layout-results.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-layout-results",
      "docs": "Generic layout used in merchansiding and search landing page",
      "docsTags": [
        {
          "name": "slot",
          "text": "sidebar - Sidebar"
        },
        {
          "name": "slot",
          "text": "header - Header area above the content"
        },
        {
          "name": "slot",
          "text": "content - Main content"
        },
        {
          "name": "slot",
          "text": "footer - Footer are below the content"
        }
      ],
      "usage": {},
      "props": [],
      "methods": [
        {
          "name": "closeDrawer",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "closeDrawer() => Promise<void>",
          "parameters": [],
          "docs": "Can be used to close the drawer programmatically",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "klevuDrawerOpened",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "content",
          "docs": "Main content"
        },
        {
          "name": "footer",
          "docs": "Footer are below the content"
        },
        {
          "name": "header",
          "docs": "Header area above the content"
        },
        {
          "name": "sidebar",
          "docs": "Sidebar"
        }
      ],
      "parts": [],
      "dependents": [
        "klevu-merchandising",
        "klevu-search-landing-page"
      ],
      "dependencies": [
        "klevu-util-viewport",
        "klevu-button",
        "klevu-drawer"
      ],
      "dependencyGraph": {
        "klevu-layout-results": [
          "klevu-util-viewport",
          "klevu-button",
          "klevu-drawer"
        ],
        "klevu-button": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-drawer": [
          "klevu-util-scrollbars"
        ],
        "klevu-merchandising": [
          "klevu-layout-results"
        ],
        "klevu-search-landing-page": [
          "klevu-layout-results"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-list/klevu-list.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-list",
      "docs": "Single list item for listing things.",
      "docsTags": [
        {
          "name": "slot",
          "text": "primary - Primary text"
        },
        {
          "name": "slot",
          "text": "secondary - Secondary text"
        },
        {
          "name": "csspart",
          "text": "list-base The container for the list"
        },
        {
          "name": "csspart",
          "text": "list-icon The icon element of the list"
        },
        {
          "name": "csspart",
          "text": "list-image The image element of the list"
        },
        {
          "name": "csspart",
          "text": "list-content The content of the list"
        },
        {
          "name": "csspart",
          "text": "list-button The button element in the list"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "condensed",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "condensed",
          "reflectToAttr": false,
          "docs": "Condensed version of the list item.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "icon",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "icon",
          "reflectToAttr": false,
          "docs": "Icon to be displayed in the list item. Cannot be used with image.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "image",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "image",
          "reflectToAttr": false,
          "docs": "Image to be displayed in the list item. Cannot be used with icon.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "noXPadding",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "no-x-padding",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "primaryText",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "primary-text",
          "reflectToAttr": false,
          "docs": "To render primary text with default styling",
          "docsTags": [],
          "default": "\"\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "secondaryText",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "secondary-text",
          "reflectToAttr": false,
          "docs": "To render secondary text with default styling",
          "docsTags": [],
          "default": "\"\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "url",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "url",
          "reflectToAttr": false,
          "docs": "Make the whole thing clickable and navigate to this url.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "primary",
          "docs": "Primary text"
        },
        {
          "name": "secondary",
          "docs": "Secondary text"
        }
      ],
      "parts": [
        {
          "name": "list-base",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-cms-list",
        "klevu-latest-searches",
        "klevu-popular-searches",
        "klevu-suggestions-list"
      ],
      "dependencies": [
        "klevu-icon",
        "klevu-typography"
      ],
      "dependencyGraph": {
        "klevu-list": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-cms-list": [
          "klevu-list"
        ],
        "klevu-latest-searches": [
          "klevu-list"
        ],
        "klevu-popular-searches": [
          "klevu-list"
        ],
        "klevu-suggestions-list": [
          "klevu-list"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-loading-indicator/klevu-loading-indicator.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-loading-indicator",
      "docs": "Simple loading indicator",
      "docsTags": [
        {
          "name": "csspart",
          "text": "loading-indicator-base The container for the loading indicator"
        }
      ],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-loading-indicator-color var(--klevu-color-primary)",
          "annotation": "prop",
          "docs": "Color of the loading indicator"
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "loading-indicator-base",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-merchandising",
        "klevu-moi",
        "klevu-product-query-popup",
        "klevu-search-field",
        "klevu-search-landing-page"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "klevu-merchandising": [
          "klevu-loading-indicator"
        ],
        "klevu-moi": [
          "klevu-loading-indicator"
        ],
        "klevu-product-query-popup": [
          "klevu-loading-indicator"
        ],
        "klevu-search-field": [
          "klevu-loading-indicator"
        ],
        "klevu-search-landing-page": [
          "klevu-loading-indicator"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-merchandising/klevu-merchandising.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-merchandising",
      "docs": "Full merchandising app to power up your product grid pages",
      "docsTags": [
        {
          "name": "slot",
          "text": "header - Header container"
        },
        {
          "name": "slot",
          "text": "footer - Footer container"
        },
        {
          "name": "slot",
          "text": "content - Product grid items including the grid container"
        },
        {
          "name": "slot",
          "text": "facets - Sidebar of facets content"
        },
        {
          "name": "slot",
          "text": "topbanners - Top banner content"
        },
        {
          "name": "slot",
          "text": "bottombanners - Bottom banner content"
        },
        {
          "name": "csspart",
          "text": "merchandising-sidebar - Sidebar container"
        },
        {
          "name": "csspart",
          "text": "merchandising-header - Header container"
        },
        {
          "name": "csspart",
          "text": "merchandising-content - Content container"
        },
        {
          "name": "csspart",
          "text": "merchandising-footer - Footer container"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "autoUpdateUrl",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "auto-update-url",
          "reflectToAttr": false,
          "docs": "To update the pagination and filters to the url automatically",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "category",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "category",
          "reflectToAttr": false,
          "docs": "Which category products",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "categoryTitle",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "category-title",
          "reflectToAttr": false,
          "docs": "Category title",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "filterCount",
          "type": "number | undefined",
          "complexType": {
            "original": "number",
            "resolved": "number | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "filter-count",
          "reflectToAttr": false,
          "docs": "How many filters per facet to show",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "filterCustomOrder",
          "type": "undefined | { [key: string]: string[]; }",
          "complexType": {
            "original": "{ [key: string]: string[] }",
            "resolved": "undefined | { [key: string]: string[]; }",
            "references": {}
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Order filters in given order",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ [key: string]: string[]; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideBrand",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-brand",
          "reflectToAttr": false,
          "docs": "Hides brand from merchandising",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideDescription",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-description",
          "reflectToAttr": false,
          "docs": "Hides description from merchandising",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideHoverImage",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-hover-image",
          "reflectToAttr": false,
          "docs": "Hides hover image from merchandising",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideImage",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-image",
          "reflectToAttr": false,
          "docs": "Hides image from merchandising",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideName",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-name",
          "reflectToAttr": false,
          "docs": "Hides name from merchandising",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hidePrice",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-price",
          "reflectToAttr": false,
          "docs": "Hides price from merchandising",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideSwatches",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-swatches",
          "reflectToAttr": false,
          "docs": "Do not show swatches in products in merchandising",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "limit",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "limit",
          "reflectToAttr": false,
          "docs": "Count of products for page",
          "docsTags": [],
          "default": "24",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "options",
          "type": "undefined | { id: string; searchTerm: string; } & Omit<KlevuBaseQuerySettings, \"query\">",
          "complexType": {
            "original": "KlevuMerchandisingOptions",
            "resolved": "undefined | { id: string; searchTerm: string; } & Omit<KlevuBaseQuerySettings, \"query\">",
            "references": {
              "KlevuMerchandisingOptions": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuMerchandisingOptions"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Object to override and settings on search options",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ id: string; searchTerm: string; } & Omit<KlevuBaseQuerySettings, \"query\">"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "outOfStockCaption",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "out-of-stock-caption",
          "reflectToAttr": false,
          "docs": "Caption to show if product is out of stock in products in merchandising",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showAddToCart",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-add-to-cart",
          "reflectToAttr": false,
          "docs": "Show add to cart button in products in merchandising",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showProductCode",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-product-code",
          "reflectToAttr": false,
          "docs": "To show the product code next to product name in merchandising",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showRatings",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-ratings",
          "reflectToAttr": false,
          "docs": "Show ratings",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showRatingsCount",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-ratings-count",
          "reflectToAttr": false,
          "docs": "Show ratings count",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showVariantsCount",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "show-variants-count",
          "reflectToAttr": false,
          "docs": "Show variants count in merchandising",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "sort",
          "type": "KlevuSearchSorting.AdvancedSorting | KlevuSearchSorting.NameAsc | KlevuSearchSorting.NameDesc | KlevuSearchSorting.NewArrivalAsc | KlevuSearchSorting.NewArrivalDesc | KlevuSearchSorting.PriceAsc | KlevuSearchSorting.PriceDesc | KlevuSearchSorting.RatingAsc | KlevuSearchSorting.RatingDesc | KlevuSearchSorting.Relevance | undefined",
          "complexType": {
            "original": "KlevuSearchSorting",
            "resolved": "KlevuSearchSorting.AdvancedSorting | KlevuSearchSorting.NameAsc | KlevuSearchSorting.NameDesc | KlevuSearchSorting.NewArrivalAsc | KlevuSearchSorting.NewArrivalDesc | KlevuSearchSorting.PriceAsc | KlevuSearchSorting.PriceDesc | KlevuSearchSorting.RatingAsc | KlevuSearchSorting.RatingDesc | KlevuSearchSorting.Relevance | undefined",
            "references": {
              "KlevuSearchSorting": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuSearchSorting"
              }
            }
          },
          "mutable": false,
          "attr": "sort",
          "reflectToAttr": false,
          "docs": "Order of results",
          "docsTags": [],
          "values": [
            {
              "type": "KlevuSearchSorting.AdvancedSorting"
            },
            {
              "type": "KlevuSearchSorting.NameAsc"
            },
            {
              "type": "KlevuSearchSorting.NameDesc"
            },
            {
              "type": "KlevuSearchSorting.NewArrivalAsc"
            },
            {
              "type": "KlevuSearchSorting.NewArrivalDesc"
            },
            {
              "type": "KlevuSearchSorting.PriceAsc"
            },
            {
              "type": "KlevuSearchSorting.PriceDesc"
            },
            {
              "type": "KlevuSearchSorting.RatingAsc"
            },
            {
              "type": "KlevuSearchSorting.RatingDesc"
            },
            {
              "type": "KlevuSearchSorting.Relevance"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "sortOptions",
          "type": "undefined | { value: KlevuSearchSorting; text: string; }[]",
          "complexType": {
            "original": "Array<{ value: KlevuSearchSorting; text: string }>",
            "resolved": "undefined | { value: KlevuSearchSorting; text: string; }[]",
            "references": {
              "Array": {
                "location": "global",
                "id": "global::Array"
              },
              "KlevuSearchSorting": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuSearchSorting"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Pass custom options for the sort dropdown",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ value: KlevuSearchSorting; text: string; }[]"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "tAddToCart",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "t-add-to-cart",
          "reflectToAttr": false,
          "docs": "Text for add to cart button in merchandising",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "tLoadMore",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-load-more",
          "reflectToAttr": false,
          "docs": "Text for load more button",
          "docsTags": [],
          "default": "getTranslation(\"merchandising.tLoadMore\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "useABTest",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-a-b-test",
          "reflectToAttr": false,
          "docs": "Overrides KMC setting to use ABtest for results",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "useInfiniteScroll",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-infinite-scroll",
          "reflectToAttr": false,
          "docs": "Should use infinite scroll component to trigger load next",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "useLoadingIndicator",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "use-loading-indicator",
          "reflectToAttr": false,
          "docs": "Used to enable loading indicator",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "usePagination",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-pagination",
          "reflectToAttr": false,
          "docs": "Should display pagination instead of load next",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "usePersonalisation",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-personalisation",
          "reflectToAttr": false,
          "docs": "Enable personalisation",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "vatCaption",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "vat-caption",
          "reflectToAttr": false,
          "docs": "Text to be added after the price. Usually used to indicate that does the price include VAT or not in merchandising.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuData",
          "detail": "{ resultObject: KlevuResponseQueryObject; records: KlevuRecord[]; manager: FilterManager; }",
          "bubbles": true,
          "complexType": {
            "original": "{ resultObject: KlevuResponseQueryObject; records: KlevuRecord[]; manager: FilterManager }",
            "resolved": "{ resultObject: KlevuResponseQueryObject; records: KlevuRecord[]; manager: FilterManager; }",
            "references": {
              "KlevuResponseQueryObject": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuResponseQueryObject"
              },
              "KlevuRecord": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuRecord"
              },
              "FilterManager": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::FilterManager"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "klevuLoadMore",
          "capture": false,
          "passive": false
        },
        {
          "event": "klevuInfiniteScrollingPaused",
          "capture": false,
          "passive": false
        },
        {
          "event": "klevuProductClick",
          "capture": false,
          "passive": false
        },
        {
          "event": "klevu-filter-selection-updates",
          "target": "document",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [
        {
          "name": "bottombanners",
          "docs": "Bottom banner content"
        },
        {
          "name": "content",
          "docs": "Product grid items including the grid container"
        },
        {
          "name": "facets",
          "docs": "Sidebar of facets content"
        },
        {
          "name": "footer",
          "docs": "Footer container"
        },
        {
          "name": "header",
          "docs": "Header container"
        },
        {
          "name": "topbanners",
          "docs": "Top banner content"
        }
      ],
      "parts": [
        {
          "name": "merchandising-content",
          "docs": ""
        },
        {
          "name": "merchandising-footer",
          "docs": ""
        },
        {
          "name": "merchandising-header",
          "docs": ""
        },
        {
          "name": "merchandising-sidebar",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "klevu-util-viewport",
        "klevu-layout-results",
        "klevu-facet-list",
        "klevu-typography",
        "klevu-sort",
        "klevu-banner",
        "klevu-product-grid",
        "klevu-product",
        "klevu-loading-indicator",
        "klevu-util-infinite-scroll",
        "klevu-pagination",
        "klevu-button"
      ],
      "dependencyGraph": {
        "klevu-merchandising": [
          "klevu-util-viewport",
          "klevu-layout-results",
          "klevu-facet-list",
          "klevu-typography",
          "klevu-sort",
          "klevu-banner",
          "klevu-product-grid",
          "klevu-product",
          "klevu-loading-indicator",
          "klevu-util-infinite-scroll",
          "klevu-pagination",
          "klevu-button"
        ],
        "klevu-layout-results": [
          "klevu-util-viewport",
          "klevu-button",
          "klevu-drawer"
        ],
        "klevu-button": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-drawer": [
          "klevu-util-scrollbars"
        ],
        "klevu-facet-list": [
          "klevu-facet",
          "klevu-button"
        ],
        "klevu-facet": [
          "klevu-accordion",
          "klevu-rating",
          "klevu-typography",
          "klevu-slider",
          "klevu-color-swatch",
          "klevu-checkbox",
          "klevu-button"
        ],
        "klevu-accordion": [
          "klevu-typography",
          "klevu-icon"
        ],
        "klevu-checkbox": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-sort": [
          "klevu-dropdown"
        ],
        "klevu-dropdown": [
          "klevu-icon"
        ],
        "klevu-product": [
          "klevu-icon",
          "klevu-typography",
          "klevu-button",
          "klevu-rating"
        ],
        "klevu-pagination": [
          "klevu-icon"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-modal/klevu-modal.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-modal",
      "docs": "Stylized modal dialog.",
      "docsTags": [
        {
          "name": "slot",
          "text": "header - The title of the modal"
        },
        {
          "name": "slot",
          "text": "default - The content of the modal"
        },
        {
          "name": "csspart",
          "text": "modal-base The container for modal dialog"
        },
        {
          "name": "csspart",
          "text": "modal-header The header for modal dialog"
        },
        {
          "name": "csspart",
          "text": "modal-dialog The dialog component"
        },
        {
          "name": "csspart",
          "text": "modal-body The body for modal dialog"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "startOpen",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "start-open",
          "reflectToAttr": false,
          "docs": "Should show the modal on load.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "closeModal",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "closeModal() => Promise<void>",
          "parameters": [],
          "docs": "Closes the modal.",
          "docsTags": []
        },
        {
          "name": "openModal",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "openModal() => Promise<void>",
          "parameters": [],
          "docs": "Opens the modal.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "klevuCloseModal",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the modal is closed.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "default",
          "docs": "The content of the modal"
        },
        {
          "name": "header",
          "docs": "The title of the modal"
        }
      ],
      "parts": [
        {
          "name": "modal-base",
          "docs": ""
        },
        {
          "name": "modal-body",
          "docs": ""
        },
        {
          "name": "modal-dialog",
          "docs": ""
        },
        {
          "name": "modal-header",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-moi"
      ],
      "dependencies": [
        "klevu-icon"
      ],
      "dependencyGraph": {
        "klevu-modal": [
          "klevu-icon"
        ],
        "klevu-moi": [
          "klevu-modal"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-moi/klevu-moi.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-moi",
      "docs": "Klevu MOI Application",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "apiKey",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "api-key",
          "reflectToAttr": false,
          "docs": "Override default API key",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "startOpen",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "start-open",
          "reflectToAttr": false,
          "docs": "Start the MOI window open",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "close",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "close() => Promise<void>",
          "parameters": [],
          "docs": "",
          "docsTags": []
        },
        {
          "name": "open",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "KlevuConfig": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuConfig"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "open() => Promise<void>",
          "parameters": [],
          "docs": "Initialize the MOI session and open window",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "klevuMoiProductClick",
          "detail": "{ id: string; currency: string; image: string; itemGroupId: string; name: string; noOfVariants: number; options: { chat: string; intent: string; name: string; }[]; originalContent: string | null; price: string; salePrice: string; shortDesc: string; url: string; }",
          "bubbles": true,
          "complexType": {
            "original": "MoiProduct",
            "resolved": "{ id: string; currency: string; image: string; itemGroupId: string; name: string; noOfVariants: number; options: { chat: string; intent: string; name: string; }[]; originalContent: string | null; price: string; salePrice: string; shortDesc: string; url: string; }",
            "references": {
              "MoiProduct": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::MoiProduct"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "When a product is clicked. By default does a full page redirect to product url if event is not cancelled.\n\nUse `event.preventDefault()` to cancel the redirect.",
          "docsTags": [
            {
              "name": "param",
              "text": "product"
            }
          ]
        },
        {
          "event": "klevuMoiVisibilityChange",
          "detail": "\"close\" | \"open\"",
          "bubbles": true,
          "complexType": {
            "original": "\"open\" | \"close\"",
            "resolved": "\"close\" | \"open\"",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "When the visibility of Moi window changes",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "klevuMoiProductClick",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [
        {
          "name": "--klevu-moi-height 550px",
          "annotation": "prop",
          "docs": "Height of the popup"
        },
        {
          "name": "--klevu-moi-slides-width 200px",
          "annotation": "prop",
          "docs": "Width of each product slide"
        },
        {
          "name": "--klevu-moi-width 640px",
          "annotation": "prop",
          "docs": "Width of the popup"
        }
      ],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [
        "klevu-chat-layout",
        "klevu-typography",
        "klevu-button",
        "klevu-chat-messages",
        "klevu-loading-indicator",
        "klevu-modal",
        "klevu-product"
      ],
      "dependencyGraph": {
        "klevu-moi": [
          "klevu-chat-layout",
          "klevu-typography",
          "klevu-button",
          "klevu-chat-messages",
          "klevu-loading-indicator",
          "klevu-modal",
          "klevu-product"
        ],
        "klevu-chat-layout": [
          "klevu-util-scrollbars",
          "klevu-popup",
          "klevu-button",
          "klevu-textfield"
        ],
        "klevu-button": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-textfield": [
          "klevu-icon"
        ],
        "klevu-chat-messages": [
          "klevu-chat-bubble",
          "klevu-icon",
          "klevu-typography",
          "klevu-button",
          "klevu-slides",
          "klevu-product"
        ],
        "klevu-chat-bubble": [
          "klevu-typography",
          "klevu-icon",
          "klevu-button"
        ],
        "klevu-slides": [
          "klevu-typography",
          "klevu-button",
          "klevu-util-scrollbars"
        ],
        "klevu-product": [
          "klevu-icon",
          "klevu-typography",
          "klevu-button",
          "klevu-rating"
        ],
        "klevu-modal": [
          "klevu-icon"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-pagination/klevu-pagination.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-pagination",
      "docs": "Pagination component. Either provide numbers or query result to display the component.",
      "docsTags": [
        {
          "name": "csspart",
          "text": "pagination-base The container for pagination"
        },
        {
          "name": "csspart",
          "text": "pagination-navigation-previous The previous page button"
        },
        {
          "name": "csspart",
          "text": "pagination-navigation-next The next page button"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "current",
          "type": "number | undefined",
          "complexType": {
            "original": "number",
            "resolved": "number | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "current",
          "reflectToAttr": false,
          "docs": "Current page",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "max",
          "type": "number | undefined",
          "complexType": {
            "original": "number",
            "resolved": "number | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "max",
          "reflectToAttr": false,
          "docs": "Max page",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "min",
          "type": "number | undefined",
          "complexType": {
            "original": "number",
            "resolved": "number | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "min",
          "reflectToAttr": false,
          "docs": "Min page",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "queryResult",
          "type": "undefined | { id: string; filters?: (KlevuFilterResultOptions | KlevuFilterResultSlider | KlevuFilterResultRating)[] | undefined; meta: { apiKey: string; isPersonalised: boolean; qTime: number; noOfResults: number; totalResultsFound: number; offset: number; typeOfSearch: KlevuTypeOfSearch; debuggingInformation: unknown; notificationCode: number; searchedTerm: string; klevuImageData?: { processed: { urls: string[]; }[]; } | undefined; tags: string[]; }; records: ({ id: string; } & KlevuRecord)[]; }",
          "complexType": {
            "original": "KlevuQueryResult",
            "resolved": "undefined | { id: string; filters?: (KlevuFilterResultOptions | KlevuFilterResultSlider | KlevuFilterResultRating)[] | undefined; meta: { apiKey: string; isPersonalised: boolean; qTime: number; noOfResults: number; totalResultsFound: number; offset: number; typeOfSearch: KlevuTypeOfSearch; debuggingInformation: unknown; notificationCode: number; searchedTerm: string; klevuImageData?: { processed: { urls: string[]; }[]; } | undefined; tags: string[]; }; records: ({ id: string; } & KlevuRecord)[]; }",
            "references": {
              "KlevuQueryResult": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuQueryResult"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Query results used to build min, max and current",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ id: string; filters?: (KlevuFilterResultOptions"
            },
            {
              "type": "KlevuFilterResultSlider"
            },
            {
              "type": "KlevuFilterResultRating)[]"
            },
            {
              "type": "undefined; meta: { apiKey: string; isPersonalised: boolean; qTime: number; noOfResults: number; totalResultsFound: number; offset: number; typeOfSearch: KlevuTypeOfSearch; debuggingInformation: unknown; notificationCode: number; searchedTerm: string; klevuImageData?: { processed: { urls: string[]; }[]; }"
            },
            {
              "type": "undefined; tags: string[]; }; records: ({ id: string; } & KlevuRecord)[]; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "shouldUpdateUrlForPage",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "should-update-url-for-page",
          "reflectToAttr": false,
          "docs": "To set the page selection value in the url",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuPaginationChange",
          "detail": "number",
          "bubbles": true,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Page that was changed into",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-pagination-selected-text-color var(--klevu-color-primary-text)",
          "annotation": "prop",
          "docs": "text color of selected item"
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "pagination-base",
          "docs": ""
        },
        {
          "name": "pagination-navigation-next",
          "docs": ""
        },
        {
          "name": "pagination-navigation-previous",
          "docs": ""
        },
        {
          "name": "pagination-page-number",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-merchandising",
        "klevu-quicksearch",
        "klevu-search-landing-page"
      ],
      "dependencies": [
        "klevu-icon"
      ],
      "dependencyGraph": {
        "klevu-pagination": [
          "klevu-icon"
        ],
        "klevu-merchandising": [
          "klevu-pagination"
        ],
        "klevu-quicksearch": [
          "klevu-pagination"
        ],
        "klevu-search-landing-page": [
          "klevu-pagination"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-popular-searches/klevu-popular-searches.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-popular-searches",
      "docs": "Fetches and displays most popular searches from Klevu Merchant center",
      "docsTags": [
        {
          "name": "csspart",
          "text": "popular-searches-base The container for the popular searches"
        },
        {
          "name": "csspart",
          "text": "popular-searches-caption The caption for the search"
        },
        {
          "name": "csspart",
          "text": "popular-searches-list-item The list item in search"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "tCaption",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-caption",
          "reflectToAttr": false,
          "docs": "Caption of the list",
          "docsTags": [],
          "default": "getTranslation(\"popularSearches.tCaption\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuPopularSearchClicked",
          "detail": "string",
          "bubbles": true,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event that is emitted when a popular search is clicked",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "popular-searches-base",
          "docs": ""
        },
        {
          "name": "popular-searches-caption",
          "docs": ""
        },
        {
          "name": "popular-searches-list-item",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-quicksearch",
        "klevu-search-landing-page"
      ],
      "dependencies": [
        "klevu-typography",
        "klevu-list"
      ],
      "dependencyGraph": {
        "klevu-popular-searches": [
          "klevu-typography",
          "klevu-list"
        ],
        "klevu-list": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-quicksearch": [
          "klevu-popular-searches"
        ],
        "klevu-search-landing-page": [
          "klevu-popular-searches"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-popup/klevu-popup.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-popup",
      "docs": "Popup component where clicking origin component popups the the content",
      "docsTags": [
        {
          "name": "slot",
          "text": "origin - Popoup origin that opens content of popup"
        },
        {
          "name": "slot",
          "text": "content - Content of the popup"
        },
        {
          "name": "csspart",
          "text": "popup-base The container for the popup"
        },
        {
          "name": "csspart",
          "text": "popup-content Content component"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "anchor",
          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
          "complexType": {
            "original": "Placement",
            "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
            "references": {
              "Placement": {
                "location": "import",
                "path": "@floating-ui/dom",
                "id": ""
              }
            }
          },
          "mutable": false,
          "attr": "anchor",
          "reflectToAttr": false,
          "docs": "Anchor popup to left or right of page",
          "docsTags": [],
          "default": "\"left-end\"",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "bottom-end",
              "type": "string"
            },
            {
              "value": "bottom-start",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "left-end",
              "type": "string"
            },
            {
              "value": "left-start",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            },
            {
              "value": "right-end",
              "type": "string"
            },
            {
              "value": "right-start",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            },
            {
              "value": "top-end",
              "type": "string"
            },
            {
              "value": "top-start",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "closeAtOutsideClick",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "close-at-outside-click",
          "reflectToAttr": false,
          "docs": "Close popup when clicking outside content area",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "elevation",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "elevation",
          "reflectToAttr": false,
          "docs": "Elevation of the popup. 0-3.",
          "docsTags": [],
          "default": "1",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "fullWidthOrigin",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "full-width-origin",
          "reflectToAttr": false,
          "docs": "Sets origin element to full width of the container",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "fullscreenOnMobileSize",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "fullscreen-on-mobile-size",
          "reflectToAttr": false,
          "docs": "Expand popup to full size of the screen when popup is smaller that requested width",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "offset",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "offset",
          "reflectToAttr": false,
          "docs": "How many pixels to offset the popup from origin",
          "docsTags": [],
          "default": "16",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "openAtFocus",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "open-at-focus",
          "reflectToAttr": false,
          "docs": "Open content when origin component is focused",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "originElement",
          "type": "HTMLElement | undefined",
          "complexType": {
            "original": "HTMLElement",
            "resolved": "HTMLElement | undefined",
            "references": {
              "HTMLElement": {
                "location": "global",
                "id": "global::HTMLElement"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Element to anchor popup to. If not set popup is anchored to origin slot",
          "docsTags": [],
          "values": [
            {
              "type": "HTMLElement"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "startOpen",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "start-open",
          "reflectToAttr": false,
          "docs": "Initially show the popup",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "toggle",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "toggle",
          "reflectToAttr": false,
          "docs": "Clicking origin again will close the popup",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "useBackground",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "use-background",
          "reflectToAttr": false,
          "docs": "Darken background when popup is open",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "closeModal",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "closeModal() => Promise<void>",
          "parameters": [],
          "docs": "Closes the popup",
          "docsTags": []
        },
        {
          "name": "openModal",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "openModal() => Promise<void>",
          "parameters": [],
          "docs": "Opens the popup",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "klevuPopupClose",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        },
        {
          "event": "klevuPopupOpen",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "When popup is opened this event is emitted",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-popup-height unset",
          "annotation": "prop",
          "docs": "Height of popup"
        },
        {
          "name": "--klevu-popup-spacing 0",
          "annotation": "prop",
          "docs": "Spacing around popup"
        },
        {
          "name": "--klevu-popup-width unset",
          "annotation": "prop",
          "docs": "Width of popup"
        }
      ],
      "slots": [
        {
          "name": "content",
          "docs": "Content of the popup"
        },
        {
          "name": "origin",
          "docs": "Popoup origin that opens content of popup"
        }
      ],
      "parts": [
        {
          "name": "popup-base",
          "docs": ""
        },
        {
          "name": "popup-content",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-chat-layout",
        "klevu-product-query-popup",
        "klevu-quicksearch"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "klevu-chat-layout": [
          "klevu-popup"
        ],
        "klevu-product-query-popup": [
          "klevu-popup"
        ],
        "klevu-quicksearch": [
          "klevu-popup"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-product/klevu-product.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-product",
      "docs": "Generic product component that renders product based on KlevuRecord of klevu/core\nAll parts of the component can be replaced with slots.\n\nBy default the products fill the whole space, but it can be limited\nwith --klevu-product-width and --klevu-product-small-width css variables.",
      "docsTags": [
        {
          "name": "slot",
          "text": "top - Empty are before any product content"
        },
        {
          "name": "slot",
          "text": "image - Image region of component"
        },
        {
          "name": "slot",
          "text": "info - Swatches, titles, brands and prices slot"
        },
        {
          "name": "slot",
          "text": "bottom - Empty are after product content"
        },
        {
          "name": "slot",
          "text": "addtocart - Add to cart button slot at the end of the component"
        },
        {
          "name": "csspart",
          "text": "product-image The image element of component"
        },
        {
          "name": "csspart",
          "text": "product-base The container element of whole"
        },
        {
          "name": "csspart",
          "text": "product-swatch Single swatch element under the image"
        },
        {
          "name": "csspart",
          "text": "product-brandname The brand name of the product"
        },
        {
          "name": "csspart",
          "text": "product-name The name of the product"
        },
        {
          "name": "csspart",
          "text": "product-description The description of the product"
        },
        {
          "name": "csspart",
          "text": "product-price The price of the product"
        },
        {
          "name": "csspart",
          "text": "product-vatcaption The vat caption of the product"
        },
        {
          "name": "csspart",
          "text": "product-ooscaption The out of stock caption of the product"
        },
        {
          "name": "csspart",
          "text": "product-variants-count The number of variants"
        },
        {
          "name": "csspart",
          "text": "product-addtocart The add to cart button"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "fallbackProductImageUrl",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "fallback-product-image-url",
          "reflectToAttr": false,
          "docs": "Fallback image url to be used when the product image fails to load.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "fixedWidth",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "fixed-width",
          "reflectToAttr": false,
          "docs": "Force certain width for product. Do not use max-width",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideBrand",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-brand",
          "reflectToAttr": false,
          "docs": "Hides brand information",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideDescription",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-description",
          "reflectToAttr": false,
          "docs": "Hides description from info",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideHoverImage",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-hover-image",
          "reflectToAttr": false,
          "docs": "When mousing over product, show hover image if available",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideImage",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-image",
          "reflectToAttr": false,
          "docs": "Hides image",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideName",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-name",
          "reflectToAttr": false,
          "docs": "Hides name from info",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hidePrice",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-price",
          "reflectToAttr": false,
          "docs": "Hides price from info",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideSwatches",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-swatches",
          "reflectToAttr": false,
          "docs": "Do not show swatches in products",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "isWrapper",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "is-wrapper",
          "reflectToAttr": false,
          "docs": "Turns the component into a product wrapper that handles events\nautomatically. It assumes that whole product is clickable.\n\nComponent has only one main slot that can contain any content.\n\nTo prevent product clicking use `event.stopPropagation()` in your\nevents.\n\nComponent still requires the product parameter as it's data is used\nsend correct data to Klevu analytics",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "keyBrand",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "key-brand",
          "reflectToAttr": false,
          "docs": "What key to use for brand value",
          "docsTags": [],
          "default": "\"brand\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "keyDescription",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "key-description",
          "reflectToAttr": false,
          "docs": "What key to use for description value",
          "docsTags": [],
          "default": "\"shortDesc\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "keyName",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "key-name",
          "reflectToAttr": false,
          "docs": "What key to use for name value",
          "docsTags": [],
          "default": "\"name\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "outOfStockCaption",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "out-of-stock-caption",
          "reflectToAttr": false,
          "docs": "Caption to show if product is out of stock",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "product",
          "type": "undefined | { [x: string]: any; brand?: string | undefined; category?: string | undefined; currency?: string | undefined; deliveryInfo?: string | undefined; discount?: string | undefined; freeShipping?: string | undefined; groupPrices?: string | undefined; hideAddToCart?: string | undefined; hideGroupPrices?: string | undefined; id?: string | undefined; image?: string | undefined; imageHover?: string | undefined; imageUrl?: string | undefined; inStock?: string | undefined; itemGroupId?: string | undefined; klevu_category?: string | undefined; klevu_manual_boosting?: number | undefined; klevu_bulk_boosting?: number | undefined; klevu_selflearning_boosting?: number | undefined; name?: string | undefined; price?: string | undefined; rating?: number | undefined; salePrice?: string | undefined; shortDesc?: string | undefined; sku?: string | undefined; score?: number | undefined; startPrice?: string | undefined; storeBaseCurrency?: string | undefined; swatchesInfo?: string | undefined; tags?: string | undefined; toPrice?: string | undefined; totalVariants?: number | undefined; type?: string | undefined; typeOfRecord?: KlevuAnyTypeOfRecord | undefined; url?: string | undefined; weight?: string | undefined; variantId?: string | undefined; swatches?: { id: string; color: string; swatchImage: string; image: string; numberOfAdditionalVariants: string; }[] | undefined; }",
          "complexType": {
            "original": "Partial<KlevuRecord>",
            "resolved": "undefined | { [x: string]: any; brand?: string | undefined; category?: string | undefined; currency?: string | undefined; deliveryInfo?: string | undefined; discount?: string | undefined; freeShipping?: string | undefined; groupPrices?: string | undefined; hideAddToCart?: string | undefined; hideGroupPrices?: string | undefined; id?: string | undefined; image?: string | undefined; imageHover?: string | undefined; imageUrl?: string | undefined; inStock?: string | undefined; itemGroupId?: string | undefined; klevu_category?: string | undefined; klevu_manual_boosting?: number | undefined; klevu_bulk_boosting?: number | undefined; klevu_selflearning_boosting?: number | undefined; name?: string | undefined; price?: string | undefined; rating?: number | undefined; salePrice?: string | undefined; shortDesc?: string | undefined; sku?: string | undefined; score?: number | undefined; startPrice?: string | undefined; storeBaseCurrency?: string | undefined; swatchesInfo?: string | undefined; tags?: string | undefined; toPrice?: string | undefined; totalVariants?: number | undefined; type?: string | undefined; typeOfRecord?: KlevuAnyTypeOfRecord | undefined; url?: string | undefined; weight?: string | undefined; variantId?: string | undefined; swatches?: { id: string; color: string; swatchImage: string; image: string; numberOfAdditionalVariants: string; }[] | undefined; }",
            "references": {
              "Partial": {
                "location": "global",
                "id": "global::Partial"
              },
              "KlevuRecord": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuRecord"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Product data",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ [x: string]: any; brand?: string"
            },
            {
              "type": "undefined; category?: string"
            },
            {
              "type": "undefined; currency?: string"
            },
            {
              "type": "undefined; deliveryInfo?: string"
            },
            {
              "type": "undefined; discount?: string"
            },
            {
              "type": "undefined; freeShipping?: string"
            },
            {
              "type": "undefined; groupPrices?: string"
            },
            {
              "type": "undefined; hideAddToCart?: string"
            },
            {
              "type": "undefined; hideGroupPrices?: string"
            },
            {
              "type": "undefined; id?: string"
            },
            {
              "type": "undefined; image?: string"
            },
            {
              "type": "undefined; imageHover?: string"
            },
            {
              "type": "undefined; imageUrl?: string"
            },
            {
              "type": "undefined; inStock?: string"
            },
            {
              "type": "undefined; itemGroupId?: string"
            },
            {
              "type": "undefined; klevu_category?: string"
            },
            {
              "type": "undefined; klevu_manual_boosting?: number"
            },
            {
              "type": "undefined; klevu_bulk_boosting?: number"
            },
            {
              "type": "undefined; klevu_selflearning_boosting?: number"
            },
            {
              "type": "undefined; name?: string"
            },
            {
              "type": "undefined; price?: string"
            },
            {
              "type": "undefined; rating?: number"
            },
            {
              "type": "undefined; salePrice?: string"
            },
            {
              "type": "undefined; shortDesc?: string"
            },
            {
              "type": "undefined; sku?: string"
            },
            {
              "type": "undefined; score?: number"
            },
            {
              "type": "undefined; startPrice?: string"
            },
            {
              "type": "undefined; storeBaseCurrency?: string"
            },
            {
              "type": "undefined; swatchesInfo?: string"
            },
            {
              "type": "undefined; tags?: string"
            },
            {
              "type": "undefined; toPrice?: string"
            },
            {
              "type": "undefined; totalVariants?: number"
            },
            {
              "type": "undefined; type?: string"
            },
            {
              "type": "undefined; typeOfRecord?: KlevuAnyTypeOfRecord"
            },
            {
              "type": "undefined; url?: string"
            },
            {
              "type": "undefined; weight?: string"
            },
            {
              "type": "undefined; variantId?: string"
            },
            {
              "type": "undefined; swatches?: { id: string; color: string; swatchImage: string; image: string; numberOfAdditionalVariants: string; }[]"
            },
            {
              "type": "undefined; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showAddToCart",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-add-to-cart",
          "reflectToAttr": false,
          "docs": "Show add to cart button",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showProductCode",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-product-code",
          "reflectToAttr": false,
          "docs": "To show the product code next to product name.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showRatings",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-ratings",
          "reflectToAttr": false,
          "docs": "Show ratings",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showRatingsCount",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-ratings-count",
          "reflectToAttr": false,
          "docs": "Show ratings",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showVariantsCount",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "show-variants-count",
          "reflectToAttr": false,
          "docs": "Show variants count",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tAddToCart",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "t-add-to-cart",
          "reflectToAttr": false,
          "docs": "Text for add to cart button",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "variant",
          "type": "\"default\" | \"line\" | \"small\"",
          "complexType": {
            "original": "KlevuProductVariant",
            "resolved": "\"default\" | \"line\" | \"small\"",
            "references": {
              "KlevuProductVariant": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-product/klevu-product.tsx",
                "id": "src/components/klevu-product/klevu-product.tsx::KlevuProductVariant"
              }
            }
          },
          "mutable": false,
          "attr": "variant",
          "reflectToAttr": false,
          "docs": "What variant of product to render",
          "docsTags": [],
          "default": "\"default\"",
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "line",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "vatCaption",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "vat-caption",
          "reflectToAttr": false,
          "docs": "Text to be added after the price. Usually used to indicate that does the price include VAT or not.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuAddToCart",
          "detail": "{ product: Partial<KlevuRecord>; }",
          "bubbles": true,
          "complexType": {
            "original": "KlevuProductAddToCart",
            "resolved": "{ product: Partial<KlevuRecord>; }",
            "references": {
              "KlevuProductAddToCart": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-product/klevu-product.tsx",
                "id": "src/components/klevu-product/klevu-product.tsx::KlevuProductAddToCart"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "When the product add to cart is clicked",
          "docsTags": []
        },
        {
          "event": "klevuProductClick",
          "detail": "{ product: Partial<KlevuRecord>; originalEvent: MouseEvent; }",
          "bubbles": true,
          "complexType": {
            "original": "KlevuProductOnProductClick",
            "resolved": "{ product: Partial<KlevuRecord>; originalEvent: MouseEvent; }",
            "references": {
              "KlevuProductOnProductClick": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-product/klevu-product.tsx",
                "id": "src/components/klevu-product/klevu-product.tsx::KlevuProductOnProductClick"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "When products has been clicked",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-product-border none",
          "annotation": "prop",
          "docs": "Border style of the product"
        },
        {
          "name": "--klevu-product-border-radius --klevu-border-radius-s",
          "annotation": "prop",
          "docs": "Border radius style of the product"
        },
        {
          "name": "--klevu-product-details-spacing",
          "annotation": "prop",
          "docs": "gap of the flex grid for product details"
        },
        {
          "name": "--klevu-product-image-aspect-ratio 1",
          "annotation": "prop",
          "docs": "On what aspect the background image will be"
        },
        {
          "name": "--klevu-product-image-fill cover",
          "annotation": "prop",
          "docs": "How to fill image to it's space."
        },
        {
          "name": "--klevu-product-small-width",
          "annotation": "prop",
          "docs": "Width of the product when small variant is used"
        },
        {
          "name": "--klevu-product-width",
          "annotation": "prop",
          "docs": "Width of the product"
        }
      ],
      "slots": [
        {
          "name": "addtocart",
          "docs": "Add to cart button slot at the end of the component"
        },
        {
          "name": "bottom",
          "docs": "Empty are after product content"
        },
        {
          "name": "image",
          "docs": "Image region of component"
        },
        {
          "name": "info",
          "docs": "Swatches, titles, brands and prices slot"
        },
        {
          "name": "top",
          "docs": "Empty are before any product content"
        }
      ],
      "parts": [
        {
          "name": "product-addtocart",
          "docs": ""
        },
        {
          "name": "product-base",
          "docs": ""
        },
        {
          "name": "product-brandname",
          "docs": ""
        },
        {
          "name": "product-description",
          "docs": ""
        },
        {
          "name": "product-image",
          "docs": ""
        },
        {
          "name": "product-name",
          "docs": ""
        },
        {
          "name": "product-ooscaption",
          "docs": ""
        },
        {
          "name": "product-price",
          "docs": ""
        },
        {
          "name": "product-variants-count",
          "docs": ""
        },
        {
          "name": "product-vatcaption",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-chat-messages",
        "klevu-merchandising",
        "klevu-moi",
        "klevu-quicksearch",
        "klevu-recommendations",
        "klevu-search-landing-page"
      ],
      "dependencies": [
        "klevu-icon",
        "klevu-typography",
        "klevu-button",
        "klevu-rating"
      ],
      "dependencyGraph": {
        "klevu-product": [
          "klevu-icon",
          "klevu-typography",
          "klevu-button",
          "klevu-rating"
        ],
        "klevu-button": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-chat-messages": [
          "klevu-product"
        ],
        "klevu-merchandising": [
          "klevu-product"
        ],
        "klevu-moi": [
          "klevu-product"
        ],
        "klevu-quicksearch": [
          "klevu-product"
        ],
        "klevu-recommendations": [
          "klevu-product"
        ],
        "klevu-search-landing-page": [
          "klevu-product"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-product-grid/klevu-product-grid.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-product-grid",
      "docs": "Component to place products on grid. Very simple container for products.",
      "docsTags": [
        {
          "name": "csspart",
          "text": "product-grid-base The container for the grid"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "itemsPerRow",
          "type": "number | undefined",
          "complexType": {
            "original": "number",
            "resolved": "number | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "items-per-row",
          "reflectToAttr": false,
          "docs": "Force to place products in grid with given number of columns.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-product-grid-product-width 250px",
          "annotation": "prop",
          "docs": "width of each product"
        },
        {
          "name": "--klevu-product-grid-spacing var(--klevu-spacing-05)",
          "annotation": "prop",
          "docs": "spacing between grid items"
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "product-grid-base",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-merchandising",
        "klevu-quicksearch",
        "klevu-search-landing-page"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "klevu-merchandising": [
          "klevu-product-grid"
        ],
        "klevu-quicksearch": [
          "klevu-product-grid"
        ],
        "klevu-search-landing-page": [
          "klevu-product-grid"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-product-query/klevu-product-query.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-product-query",
      "docs": "Button that is placed on the site to start a product query session",
      "docsTags": [
        {
          "name": "csspart",
          "text": "product-query-open-button Button that opens the popup"
        },
        {
          "name": "slot",
          "text": "before-button-text - Before origin button text"
        },
        {
          "name": "slot",
          "text": "after-button-text - After origin button text"
        },
        {
          "name": "slot",
          "text": "after-fineprint - After fineprint in the popup"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "additionaldata",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "additionaldata",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "default": "\"\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "askButtonText",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "ask-button-text",
          "reflectToAttr": false,
          "docs": "Text of the button for asking a question",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "buttonText",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "button-text",
          "reflectToAttr": false,
          "docs": "Text of the button to open the popup",
          "docsTags": [],
          "default": "\"Ask Product AI\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "channelId",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "channel-id",
          "reflectToAttr": false,
          "docs": "Channel Id to be used in analytics\neg: Shopify, BigCommerce",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disableCloseOutsideClick",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "disable-close-outside-click",
          "reflectToAttr": false,
          "docs": "Disable closing the popup when clicking outside of it",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "finePrint",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "fine-print",
          "reflectToAttr": false,
          "docs": "Fine print of the popup under the title",
          "docsTags": [],
          "default": "\"\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "hideEmbeddedTitle",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-embedded-title",
          "reflectToAttr": false,
          "docs": "Set to true if you want to hide the embedded title",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "itemGroupId",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "item-group-id",
          "reflectToAttr": false,
          "docs": "Product Group Id to be used in analytics, in case of multiple variants",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "itemId",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "item-id",
          "reflectToAttr": false,
          "docs": "Product Id to be used in analytics",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "itemVariantId",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "item-variant-id",
          "reflectToAttr": false,
          "docs": "Optional Product Variant Id to be used in analytics",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "locale",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "locale",
          "reflectToAttr": false,
          "docs": "Locale to be used in analytics\neg: en_US",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "popupAnchor",
          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
          "complexType": {
            "original": "Placement",
            "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
            "references": {
              "Placement": {
                "location": "import",
                "path": "@floating-ui/dom",
                "id": ""
              }
            }
          },
          "mutable": false,
          "attr": "popup-anchor",
          "reflectToAttr": false,
          "docs": "Anchor popup to which side of the origin",
          "docsTags": [],
          "default": "\"bottom-start\"",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "bottom-end",
              "type": "string"
            },
            {
              "value": "bottom-start",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "left-end",
              "type": "string"
            },
            {
              "value": "left-start",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            },
            {
              "value": "right-end",
              "type": "string"
            },
            {
              "value": "right-start",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            },
            {
              "value": "top-end",
              "type": "string"
            },
            {
              "value": "top-start",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "popupOffset",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "popup-offset",
          "reflectToAttr": false,
          "docs": "How many pixels to offset the popup from origin",
          "docsTags": [],
          "default": "5",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "popupTitle",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "popup-title",
          "reflectToAttr": false,
          "docs": "Title of the popup",
          "docsTags": [],
          "default": "this.pqaWidgetLayout === \"popup\" ? \"Ask a Question\" : \"Live FAQs\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "pqaWidgetId",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "pqa-widget-id",
          "reflectToAttr": false,
          "docs": "Instead of Klevu API-key use a widget id to start a session",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "pqaWidgetLayout",
          "type": "\"embedded\" | \"popup\"",
          "complexType": {
            "original": "WidgetLayout",
            "resolved": "\"embedded\" | \"popup\"",
            "references": {
              "WidgetLayout": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-product-query/klevu-product-query.tsx",
                "id": "src/components/klevu-product-query/klevu-product-query.tsx::WidgetLayout"
              }
            }
          },
          "mutable": false,
          "attr": "pqa-widget-layout",
          "reflectToAttr": false,
          "docs": "Set to false if you want to show the popup in place instead of dialog box",
          "docsTags": [],
          "default": "\"popup\"",
          "values": [
            {
              "value": "embedded",
              "type": "string"
            },
            {
              "value": "popup",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "productId",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "product-id",
          "reflectToAttr": false,
          "docs": "Alternative to url, productId can be used to start a session",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "productInfoGenerator",
          "type": "(() => ProductInfo) | string | undefined",
          "complexType": {
            "original": "string | (() => ProductInfo)",
            "resolved": "(() => ProductInfo) | string | undefined",
            "references": {
              "ProductInfo": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::ProductInfo"
              }
            }
          },
          "mutable": false,
          "attr": "product-info-generator",
          "reflectToAttr": false,
          "docs": "Pass function to call that will return the product info\neg: pass function call as string - \"getProductInfo()\" or function itself",
          "docsTags": [
            {
              "name": "returns",
              "text": "ProductInfo object"
            }
          ],
          "values": [
            {
              "type": "(() => ProductInfo)"
            },
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "settings",
          "type": "undefined | { offset?: number | undefined; excludeIds?: { key: string; value: string; }[] | undefined; typeOfSearch?: KlevuTypeOfSearch | undefined; advancedSorting?: { type: \"FIELD\"; key: string; order: AdvancedSortingDiretion; }[] | undefined; personalisation?: { enablePersonalisation: true; fields?: KlevuRecordFields[] | undefined; } | undefined; groupBy?: \"name\" | \"id\" | undefined; typeOfRecords?: KlevuAnyTypeOfRecord[] | undefined; fields?: KlevuRecordFields[] | undefined; sort?: KlevuSearchSorting | undefined; limit?: number | undefined; searchPrefs?: KlevuSearchPreference[] | undefined; fallbackQueryId?: string | undefined; fallbackWhenCountLessThan?: number | undefined; topIds?: { key: string; value: string; }[] | undefined; includeIds?: { key: string; value: string; }[] | undefined; customANDQuery?: string | undefined; context?: { recentObjects?: { typeOfRecord: KlevuAnyTypeOfRecord; records: { id: string; }[]; }[] | undefined; sourceObjects?: { typeOfRecord: KlevuAnyTypeOfRecord; records: ({ itemGroupId: string; } | { id: string; } | { url: string; })[]; }[] | undefined; } | undefined; priceFieldSuffix?: string | undefined; visibilityGroupID?: string | undefined; campaignForCatNav?: string | undefined; groupCondition?: KlevuGroupConditions | undefined; }",
          "complexType": {
            "original": "MoiRequest[\"klevuSettings\"]",
            "resolved": "undefined | { offset?: number | undefined; excludeIds?: { key: string; value: string; }[] | undefined; typeOfSearch?: KlevuTypeOfSearch | undefined; advancedSorting?: { type: \"FIELD\"; key: string; order: AdvancedSortingDiretion; }[] | undefined; personalisation?: { enablePersonalisation: true; fields?: KlevuRecordFields[] | undefined; } | undefined; groupBy?: \"name\" | \"id\" | undefined; typeOfRecords?: KlevuAnyTypeOfRecord[] | undefined; fields?: KlevuRecordFields[] | undefined; sort?: KlevuSearchSorting | undefined; limit?: number | undefined; searchPrefs?: KlevuSearchPreference[] | undefined; fallbackQueryId?: string | undefined; fallbackWhenCountLessThan?: number | undefined; topIds?: { key: string; value: string; }[] | undefined; includeIds?: { key: string; value: string; }[] | undefined; customANDQuery?: string | undefined; context?: { recentObjects?: { typeOfRecord: KlevuAnyTypeOfRecord; records: { id: string; }[]; }[] | undefined; sourceObjects?: { typeOfRecord: KlevuAnyTypeOfRecord; records: ({ itemGroupId: string; } | { id: string; } | { url: string; })[]; }[] | undefined; } | undefined; priceFieldSuffix?: string | undefined; visibilityGroupID?: string | undefined; campaignForCatNav?: string | undefined; groupCondition?: KlevuGroupConditions | undefined; }",
            "references": {
              "MoiRequest": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::MoiRequest"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Settings for requests to Klevu. Deeper modification on how the product query works.",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ offset?: number"
            },
            {
              "type": "undefined; excludeIds?: { key: string; value: string; }[]"
            },
            {
              "type": "undefined; typeOfSearch?: KlevuTypeOfSearch"
            },
            {
              "type": "undefined; advancedSorting?: { type: \"FIELD\"; key: string; order: AdvancedSortingDiretion; }[]"
            },
            {
              "type": "undefined; personalisation?: { enablePersonalisation: true; fields?: KlevuRecordFields[]"
            },
            {
              "type": "undefined; }"
            },
            {
              "type": "undefined; groupBy?: \"name\""
            },
            {
              "value": "id",
              "type": "string"
            },
            {
              "type": "undefined; typeOfRecords?: KlevuAnyTypeOfRecord[]"
            },
            {
              "type": "undefined; fields?: KlevuRecordFields[]"
            },
            {
              "type": "undefined; sort?: KlevuSearchSorting"
            },
            {
              "type": "undefined; limit?: number"
            },
            {
              "type": "undefined; searchPrefs?: KlevuSearchPreference[]"
            },
            {
              "type": "undefined; fallbackQueryId?: string"
            },
            {
              "type": "undefined; fallbackWhenCountLessThan?: number"
            },
            {
              "type": "undefined; topIds?: { key: string; value: string; }[]"
            },
            {
              "type": "undefined; includeIds?: { key: string; value: string; }[]"
            },
            {
              "type": "undefined; customANDQuery?: string"
            },
            {
              "type": "undefined; context?: { recentObjects?: { typeOfRecord: KlevuAnyTypeOfRecord; records: { id: string; }[]; }[]"
            },
            {
              "type": "undefined; sourceObjects?: { typeOfRecord: KlevuAnyTypeOfRecord; records: ({ itemGroupId: string; }"
            },
            {
              "type": "{ id: string; }"
            },
            {
              "type": "{ url: string; })[]; }[]"
            },
            {
              "type": "undefined; }"
            },
            {
              "type": "undefined; priceFieldSuffix?: string"
            },
            {
              "type": "undefined; visibilityGroupID?: string"
            },
            {
              "type": "undefined; campaignForCatNav?: string"
            },
            {
              "type": "undefined; groupCondition?: KlevuGroupConditions"
            },
            {
              "type": "undefined; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "textFieldPlaceholder",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "text-field-placeholder",
          "reflectToAttr": false,
          "docs": "Placeholder of the textfield",
          "docsTags": [],
          "default": "\"Enter your question here...\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "textFieldVariant",
          "type": "\"default\" | \"pill\"",
          "complexType": {
            "original": "KlevuTextfieldVariant",
            "resolved": "\"default\" | \"pill\"",
            "references": {
              "KlevuTextfieldVariant": {
                "location": "import",
                "path": "../klevu-textfield/klevu-textfield",
                "id": "src/components/klevu-textfield/klevu-textfield.tsx::KlevuTextfieldVariant"
              }
            }
          },
          "mutable": false,
          "attr": "text-field-variant",
          "reflectToAttr": false,
          "docs": "Variant of the textfield how does it look like",
          "docsTags": [],
          "default": "\"pill\"",
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "pill",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "url",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "url",
          "reflectToAttr": false,
          "docs": "Url of the page where the product is",
          "docsTags": [],
          "default": "\"\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "useBackground",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-background",
          "reflectToAttr": false,
          "docs": "Use dark background with the popup",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "useNativeScrollbars",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-native-scrollbars",
          "reflectToAttr": false,
          "docs": "Use native scrollbars instead of custom ones",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "after-button-text",
          "docs": "After origin button text"
        },
        {
          "name": "after-fineprint",
          "docs": "After fineprint in the popup"
        },
        {
          "name": "before-button-text",
          "docs": "Before origin button text"
        }
      ],
      "parts": [
        {
          "name": "klevu-query-open-button",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "klevu-button",
        "klevu-util-portal",
        "klevu-product-query-popup"
      ],
      "dependencyGraph": {
        "klevu-product-query": [
          "klevu-button",
          "klevu-util-portal",
          "klevu-product-query-popup"
        ],
        "klevu-button": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-product-query-popup": [
          "klevu-popup",
          "klevu-chat-layout",
          "klevu-typography",
          "klevu-icon",
          "klevu-chat-messages",
          "klevu-loading-indicator",
          "klevu-textfield",
          "klevu-button"
        ],
        "klevu-chat-layout": [
          "klevu-util-scrollbars",
          "klevu-popup",
          "klevu-button",
          "klevu-textfield"
        ],
        "klevu-textfield": [
          "klevu-icon"
        ],
        "klevu-chat-messages": [
          "klevu-chat-bubble",
          "klevu-icon",
          "klevu-typography",
          "klevu-button",
          "klevu-slides",
          "klevu-product"
        ],
        "klevu-chat-bubble": [
          "klevu-typography",
          "klevu-icon",
          "klevu-button"
        ],
        "klevu-slides": [
          "klevu-typography",
          "klevu-button",
          "klevu-util-scrollbars"
        ],
        "klevu-product": [
          "klevu-icon",
          "klevu-typography",
          "klevu-button",
          "klevu-rating"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-product-query-popup/klevu-product-query-popup.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-product-query-popup",
      "docs": "Klevu Product Query popup application that shows a popup for asking questions about a product",
      "docsTags": [
        {
          "name": "csspart",
          "text": "product-query-popup-header Header of the popup"
        },
        {
          "name": "csspart",
          "text": "product-query-popup-footer Footer of the popup where input is"
        },
        {
          "name": "csspart",
          "text": "product-query-popup-feedback Feedback section of the popup when it is being closed"
        },
        {
          "name": "csspart",
          "text": "product-query-popup-question-container Help questions container"
        },
        {
          "name": "csspart",
          "text": "product-query-popup-question Question bubble"
        },
        {
          "name": "csspart",
          "text": "product-query-popup-sendmessage Send message section"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "additionaldata",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "additionaldata",
          "reflectToAttr": false,
          "docs": "Pass any additional data you would want the AI to use for context",
          "docsTags": [],
          "default": "\"\"",
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "askButtonText",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "ask-button-text",
          "reflectToAttr": false,
          "docs": "Text of the button for asking a question",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "channelId",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "channel-id",
          "reflectToAttr": false,
          "docs": "Channel Id to be used in analytics\neg: Shopify, Bigcommerce",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "config",
          "type": "KlevuConfig | undefined",
          "complexType": {
            "original": "KlevuConfig",
            "resolved": "KlevuConfig | undefined",
            "references": {
              "KlevuConfig": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuConfig"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Config for Klevu",
          "docsTags": [],
          "values": [
            {
              "type": "KlevuConfig"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disableCloseOutsideClick",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "disable-close-outside-click",
          "reflectToAttr": false,
          "docs": "Disable closing the popup when clicking outside of it",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideEmbeddedTitle",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-embedded-title",
          "reflectToAttr": false,
          "docs": "Set to true if you want to hide the embedded title",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "itemGroupId",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "item-group-id",
          "reflectToAttr": false,
          "docs": "Product Group Id to be used in analytics, in case of multiple variants",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "itemId",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "item-id",
          "reflectToAttr": false,
          "docs": "Product Id to be used in analytics",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "itemVariantId",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "item-variant-id",
          "reflectToAttr": false,
          "docs": "Optional Product Variant Id to be used in analytics",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "locale",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "locale",
          "reflectToAttr": false,
          "docs": "Locale to be used in analytics\neg: en_US",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "originElement",
          "type": "HTMLElement | undefined",
          "complexType": {
            "original": "HTMLElement",
            "resolved": "HTMLElement | undefined",
            "references": {
              "HTMLElement": {
                "location": "global",
                "id": "global::HTMLElement"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Element to anchor the product query popup to",
          "docsTags": [],
          "values": [
            {
              "type": "HTMLElement"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "popupAnchor",
          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
          "complexType": {
            "original": "Placement",
            "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
            "references": {
              "Placement": {
                "location": "import",
                "path": "@floating-ui/dom",
                "id": ""
              }
            }
          },
          "mutable": false,
          "attr": "popup-anchor",
          "reflectToAttr": false,
          "docs": "Anchor popup to which side of the origin",
          "docsTags": [],
          "default": "\"bottom-start\"",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "bottom-end",
              "type": "string"
            },
            {
              "value": "bottom-start",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "left-end",
              "type": "string"
            },
            {
              "value": "left-start",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            },
            {
              "value": "right-end",
              "type": "string"
            },
            {
              "value": "right-start",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            },
            {
              "value": "top-end",
              "type": "string"
            },
            {
              "value": "top-start",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "popupOffset",
          "type": "number | undefined",
          "complexType": {
            "original": "number",
            "resolved": "number | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "popup-offset",
          "reflectToAttr": false,
          "docs": "How many pixels to offset the popup from origin",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "pqaWidgetId",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "pqa-widget-id",
          "reflectToAttr": false,
          "docs": "Instead of Klevu API-key use a widget id to start a session",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "pqaWidgetLayout",
          "type": "\"embedded\" | \"popup\"",
          "complexType": {
            "original": "WidgetLayout",
            "resolved": "\"embedded\" | \"popup\"",
            "references": {
              "WidgetLayout": {
                "location": "import",
                "path": "../klevu-product-query/klevu-product-query",
                "id": "src/components/klevu-product-query/klevu-product-query.tsx::WidgetLayout"
              }
            }
          },
          "mutable": false,
          "attr": "pqa-widget-layout",
          "reflectToAttr": false,
          "docs": "Set to false if you want to show this in place instead of dialog box",
          "docsTags": [],
          "default": "\"popup\"",
          "values": [
            {
              "value": "embedded",
              "type": "string"
            },
            {
              "value": "popup",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "productId",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "product-id",
          "reflectToAttr": false,
          "docs": "Alternative to url, productId can be used to start a session",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "productInfoGenerator",
          "type": "(() => ProductInfo) | string | undefined",
          "complexType": {
            "original": "string | (() => ProductInfo)",
            "resolved": "(() => ProductInfo) | string | undefined",
            "references": {
              "ProductInfo": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::ProductInfo"
              }
            }
          },
          "mutable": false,
          "attr": "product-info-generator",
          "reflectToAttr": false,
          "docs": "Pass function to call that will return the product info\neg: pass function call as string - \"getProductInfo()\" or function",
          "docsTags": [
            {
              "name": "returns",
              "text": "ProductInfo object"
            }
          ],
          "values": [
            {
              "type": "(() => ProductInfo)"
            },
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "removeAskloBranding",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "remove-asklo-branding",
          "reflectToAttr": false,
          "docs": "Set to true if you want to remove the powered by ribbon",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "settings",
          "type": "undefined | { offset?: number | undefined; excludeIds?: { key: string; value: string; }[] | undefined; typeOfSearch?: KlevuTypeOfSearch | undefined; advancedSorting?: { type: \"FIELD\"; key: string; order: AdvancedSortingDiretion; }[] | undefined; personalisation?: { enablePersonalisation: true; fields?: KlevuRecordFields[] | undefined; } | undefined; groupBy?: \"name\" | \"id\" | undefined; typeOfRecords?: KlevuAnyTypeOfRecord[] | undefined; fields?: KlevuRecordFields[] | undefined; sort?: KlevuSearchSorting | undefined; limit?: number | undefined; searchPrefs?: KlevuSearchPreference[] | undefined; fallbackQueryId?: string | undefined; fallbackWhenCountLessThan?: number | undefined; topIds?: { key: string; value: string; }[] | undefined; includeIds?: { key: string; value: string; }[] | undefined; customANDQuery?: string | undefined; context?: { recentObjects?: { typeOfRecord: KlevuAnyTypeOfRecord; records: { id: string; }[]; }[] | undefined; sourceObjects?: { typeOfRecord: KlevuAnyTypeOfRecord; records: ({ itemGroupId: string; } | { id: string; } | { url: string; })[]; }[] | undefined; } | undefined; priceFieldSuffix?: string | undefined; visibilityGroupID?: string | undefined; campaignForCatNav?: string | undefined; groupCondition?: KlevuGroupConditions | undefined; }",
          "complexType": {
            "original": "MoiRequest[\"klevuSettings\"]",
            "resolved": "undefined | { offset?: number | undefined; excludeIds?: { key: string; value: string; }[] | undefined; typeOfSearch?: KlevuTypeOfSearch | undefined; advancedSorting?: { type: \"FIELD\"; key: string; order: AdvancedSortingDiretion; }[] | undefined; personalisation?: { enablePersonalisation: true; fields?: KlevuRecordFields[] | undefined; } | undefined; groupBy?: \"name\" | \"id\" | undefined; typeOfRecords?: KlevuAnyTypeOfRecord[] | undefined; fields?: KlevuRecordFields[] | undefined; sort?: KlevuSearchSorting | undefined; limit?: number | undefined; searchPrefs?: KlevuSearchPreference[] | undefined; fallbackQueryId?: string | undefined; fallbackWhenCountLessThan?: number | undefined; topIds?: { key: string; value: string; }[] | undefined; includeIds?: { key: string; value: string; }[] | undefined; customANDQuery?: string | undefined; context?: { recentObjects?: { typeOfRecord: KlevuAnyTypeOfRecord; records: { id: string; }[]; }[] | undefined; sourceObjects?: { typeOfRecord: KlevuAnyTypeOfRecord; records: ({ itemGroupId: string; } | { id: string; } | { url: string; })[]; }[] | undefined; } | undefined; priceFieldSuffix?: string | undefined; visibilityGroupID?: string | undefined; campaignForCatNav?: string | undefined; groupCondition?: KlevuGroupConditions | undefined; }",
            "references": {
              "MoiRequest": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::MoiRequest"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Settings for requests to Klevu. Deeper modification on how the product query works.",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ offset?: number"
            },
            {
              "type": "undefined; excludeIds?: { key: string; value: string; }[]"
            },
            {
              "type": "undefined; typeOfSearch?: KlevuTypeOfSearch"
            },
            {
              "type": "undefined; advancedSorting?: { type: \"FIELD\"; key: string; order: AdvancedSortingDiretion; }[]"
            },
            {
              "type": "undefined; personalisation?: { enablePersonalisation: true; fields?: KlevuRecordFields[]"
            },
            {
              "type": "undefined; }"
            },
            {
              "type": "undefined; groupBy?: \"name\""
            },
            {
              "value": "id",
              "type": "string"
            },
            {
              "type": "undefined; typeOfRecords?: KlevuAnyTypeOfRecord[]"
            },
            {
              "type": "undefined; fields?: KlevuRecordFields[]"
            },
            {
              "type": "undefined; sort?: KlevuSearchSorting"
            },
            {
              "type": "undefined; limit?: number"
            },
            {
              "type": "undefined; searchPrefs?: KlevuSearchPreference[]"
            },
            {
              "type": "undefined; fallbackQueryId?: string"
            },
            {
              "type": "undefined; fallbackWhenCountLessThan?: number"
            },
            {
              "type": "undefined; topIds?: { key: string; value: string; }[]"
            },
            {
              "type": "undefined; includeIds?: { key: string; value: string; }[]"
            },
            {
              "type": "undefined; customANDQuery?: string"
            },
            {
              "type": "undefined; context?: { recentObjects?: { typeOfRecord: KlevuAnyTypeOfRecord; records: { id: string; }[]; }[]"
            },
            {
              "type": "undefined; sourceObjects?: { typeOfRecord: KlevuAnyTypeOfRecord; records: ({ itemGroupId: string; }"
            },
            {
              "type": "{ id: string; }"
            },
            {
              "type": "{ url: string; })[]; }[]"
            },
            {
              "type": "undefined; }"
            },
            {
              "type": "undefined; priceFieldSuffix?: string"
            },
            {
              "type": "undefined; visibilityGroupID?: string"
            },
            {
              "type": "undefined; campaignForCatNav?: string"
            },
            {
              "type": "undefined; groupCondition?: KlevuGroupConditions"
            },
            {
              "type": "undefined; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "tAnswerError",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-answer-error",
          "reflectToAttr": false,
          "docs": "When sending a message fails, show this text",
          "docsTags": [],
          "default": "getTranslation(\"productQueryPopup.tAnswerError\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tButtonText",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-button-text",
          "reflectToAttr": false,
          "docs": "Text of the button to open the popup",
          "docsTags": [],
          "default": "getTranslation(\"productQueryPopup.tButtonText\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tDataProtectionNotice",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-data-protection-notice",
          "reflectToAttr": false,
          "docs": "Data protection notice when user registering is enabled",
          "docsTags": [],
          "default": "getTranslation(\"productQueryPopup.tDataProtectionNotice\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tFinePrint",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-fine-print",
          "reflectToAttr": false,
          "docs": "Fine print of the popup under the title",
          "docsTags": [],
          "default": "\"\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tLoadingSorry",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-loading-sorry",
          "reflectToAttr": false,
          "docs": "When loading takes a bit longer, show this text",
          "docsTags": [],
          "default": "getTranslation(\"productQueryPopup.tLoadingSorry\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tPopupTitle",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-popup-title",
          "reflectToAttr": false,
          "docs": "Title of the popup",
          "docsTags": [],
          "default": "getTranslation(\"productQueryPopup.tPopuptitle\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tRateExperienceText",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-rate-experience-text",
          "reflectToAttr": false,
          "docs": "Description of the feedback section when closing the popup",
          "docsTags": [],
          "default": "getTranslation(\"productQueryPopup.tRateExperienceText\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tRateExperienceTitle",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-rate-experience-title",
          "reflectToAttr": false,
          "docs": "Title of the feedback section when closing the popup",
          "docsTags": [],
          "default": "getTranslation(\"productQueryPopup.tRateExperienceTitle\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tTextFieldPlaceholder",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-text-field-placeholder",
          "reflectToAttr": false,
          "docs": "Placeholder of the textfield",
          "docsTags": [],
          "default": "getTranslation(\"productQueryPopup.tTextFieldPlaceholder\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "textFieldVariant",
          "type": "\"default\" | \"pill\"",
          "complexType": {
            "original": "KlevuTextfieldVariant",
            "resolved": "\"default\" | \"pill\"",
            "references": {
              "KlevuTextfieldVariant": {
                "location": "import",
                "path": "../klevu-textfield/klevu-textfield",
                "id": "src/components/klevu-textfield/klevu-textfield.tsx::KlevuTextfieldVariant"
              }
            }
          },
          "mutable": false,
          "attr": "text-field-variant",
          "reflectToAttr": false,
          "docs": "Variant of the textfield how does it look like",
          "docsTags": [],
          "default": "\"pill\"",
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "pill",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "url",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "url",
          "reflectToAttr": false,
          "docs": "Url of the page where the product is",
          "docsTags": [],
          "default": "\"\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "useBackground",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-background",
          "reflectToAttr": false,
          "docs": "Use dark background with the popup",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "useNativeScrollbars",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-native-scrollbars",
          "reflectToAttr": false,
          "docs": "Use native scrollbars instead of custom ones",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuMoiProductClick",
          "detail": "{ id: string; currency: string; image: string; itemGroupId: string; name: string; noOfVariants: number; options: { chat: string; intent: string; name: string; }[]; originalContent: string | null; price: string; salePrice: string; shortDesc: string; url: string; }",
          "bubbles": true,
          "complexType": {
            "original": "MoiProduct",
            "resolved": "{ id: string; currency: string; image: string; itemGroupId: string; name: string; noOfVariants: number; options: { chat: string; intent: string; name: string; }[]; originalContent: string | null; price: string; salePrice: string; shortDesc: string; url: string; }",
            "references": {
              "MoiProduct": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::MoiProduct"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "klevuMessageFeedbackReason",
          "capture": false,
          "passive": false
        },
        {
          "event": "klevuMoiProductClick",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "klevu-product-query"
      ],
      "dependencies": [
        "klevu-popup",
        "klevu-chat-layout",
        "klevu-typography",
        "klevu-icon",
        "klevu-chat-messages",
        "klevu-loading-indicator",
        "klevu-textfield",
        "klevu-button"
      ],
      "dependencyGraph": {
        "klevu-product-query-popup": [
          "klevu-popup",
          "klevu-chat-layout",
          "klevu-typography",
          "klevu-icon",
          "klevu-chat-messages",
          "klevu-loading-indicator",
          "klevu-textfield",
          "klevu-button"
        ],
        "klevu-chat-layout": [
          "klevu-util-scrollbars",
          "klevu-popup",
          "klevu-button",
          "klevu-textfield"
        ],
        "klevu-button": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-textfield": [
          "klevu-icon"
        ],
        "klevu-chat-messages": [
          "klevu-chat-bubble",
          "klevu-icon",
          "klevu-typography",
          "klevu-button",
          "klevu-slides",
          "klevu-product"
        ],
        "klevu-chat-bubble": [
          "klevu-typography",
          "klevu-icon",
          "klevu-button"
        ],
        "klevu-slides": [
          "klevu-typography",
          "klevu-button",
          "klevu-util-scrollbars"
        ],
        "klevu-product": [
          "klevu-icon",
          "klevu-typography",
          "klevu-button",
          "klevu-rating"
        ],
        "klevu-product-query": [
          "klevu-product-query-popup"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-query/klevu-query.tsx",
      "encapsulation": "none",
      "tag": "klevu-query",
      "docs": "__klevu-query__ component is a special kind of component that makes queries to Klevu defined by the\n__type__ parameter. It also listens to clicks to __klevu-product__ -component and sends analytical data to Klevu\nbased on that. This components gives you ability to create any kind of UI with Klevu components or by using your own\ncomponents! Just use __klevu-query__ to fetch the data and __klevu-product__ to render the product\ncards. Whole content of __klevu-product__ can be replaced with your content.",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "category",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "category",
          "reflectToAttr": false,
          "docs": "Which category to do merchandising. Required for \"merchandising\" type",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "categoryTitle",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "category-title",
          "reflectToAttr": false,
          "docs": "Which category title to have on page. Required for \"merchandising\" type",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disableInitialFetch",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "disable-initial-fetch",
          "reflectToAttr": false,
          "docs": "By default component will fetch results on init or on property change. This can be disabled with this prop.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "filterCount",
          "type": "number | undefined",
          "complexType": {
            "original": "number",
            "resolved": "number | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "filter-count",
          "reflectToAttr": false,
          "docs": "To how many filters limit results to",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "filterGet",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "filter-get",
          "reflectToAttr": false,
          "docs": "Fetch filters on the request",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "filterWithPrices",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "filter-with-prices",
          "reflectToAttr": false,
          "docs": "Should get price filters",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "limit",
          "type": "number | undefined",
          "complexType": {
            "original": "number",
            "resolved": "number | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "limit",
          "reflectToAttr": false,
          "docs": "What's the limit on page",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "manager",
          "type": "FilterManager",
          "complexType": {
            "original": "FilterManager",
            "resolved": "FilterManager",
            "references": {
              "FilterManager": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::FilterManager"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [
            {
              "name": "klevu",
              "text": "/core FilterManager used for filters. If none is set, new one is created"
            }
          ],
          "default": "new FilterManager()",
          "values": [
            {
              "type": "FilterManager"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "offset",
          "type": "number | undefined",
          "complexType": {
            "original": "number",
            "resolved": "number | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "offset",
          "reflectToAttr": false,
          "docs": "Offset of results",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "options",
          "type": "undefined | { id: string; categoryPath?: string | undefined; currentProductId?: string | undefined; itemGroupId?: string | undefined; cartProductIds?: string[] | undefined; } | { id: string; searchTerm: string; } & Omit<KlevuBaseQuerySettings, \"query\"> | { id: string; typeOfRecords: KlevuAnyTypeOfRecord[]; } & Omit<KlevuBaseQuerySettings, \"query\">",
          "complexType": {
            "original": "AllQueryOptions",
            "resolved": "undefined | { id: string; categoryPath?: string | undefined; currentProductId?: string | undefined; itemGroupId?: string | undefined; cartProductIds?: string[] | undefined; } | { id: string; searchTerm: string; } & Omit<KlevuBaseQuerySettings, \"query\"> | { id: string; typeOfRecords: KlevuAnyTypeOfRecord[]; } & Omit<KlevuBaseQuerySettings, \"query\">",
            "references": {
              "AllQueryOptions": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-query/klevu-query.tsx",
                "id": "src/components/klevu-query/klevu-query.tsx::AllQueryOptions"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Object to override and settings on search options",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ id: string; categoryPath?: string"
            },
            {
              "type": "undefined; currentProductId?: string"
            },
            {
              "type": "undefined; itemGroupId?: string"
            },
            {
              "type": "undefined; cartProductIds?: string[]"
            },
            {
              "type": "undefined; }"
            },
            {
              "type": "{ id: string; searchTerm: string; } & Omit<KlevuBaseQuerySettings, \"query\">"
            },
            {
              "type": "{ id: string; typeOfRecords: KlevuAnyTypeOfRecord[]; } & Omit<KlevuBaseQuerySettings, \"query\">"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "overrideModifiers",
          "type": "KlevuFetchModifer[] | undefined",
          "complexType": {
            "original": "KlevuFetchModifer[]",
            "resolved": "KlevuFetchModifer[] | undefined",
            "references": {
              "KlevuFetchModifer": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuFetchModifer"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Override default modifiers. This will disable default modifiers and ones set by filter props",
          "docsTags": [],
          "values": [
            {
              "type": "KlevuFetchModifer[]"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "recommendationCartProductIds",
          "type": "string[] | undefined",
          "complexType": {
            "original": "string[]",
            "resolved": "string[] | undefined",
            "references": {}
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Which products are in cart. Required for some recommendation types",
          "docsTags": [],
          "values": [
            {
              "type": "string[]"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "recommendationCategoryPath",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "recommendation-category-path",
          "reflectToAttr": false,
          "docs": "Which category path to use for recommendation. Required for some recommendation types",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "recommendationCurrentProductId",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "recommendation-current-product-id",
          "reflectToAttr": false,
          "docs": "Which product is currently being viewed. Required for some recommendation types",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "recommendationId",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "recommendation-id",
          "reflectToAttr": false,
          "docs": "Which recommendation to fetch from Klevu Merchant Center. Required for \"recommendation\" type",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "recommendationItemGroupId",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "recommendation-item-group-id",
          "reflectToAttr": false,
          "docs": "What is the item group id of the product being viewed. Required for some recommendation types",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "searchSuggestions",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "search-suggestions",
          "reflectToAttr": false,
          "docs": "When searching should search suggestions be fetched",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "searchTerm",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "search-term",
          "reflectToAttr": false,
          "docs": "What to search. Required for \"search\" type.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "sendSearchViewEvent",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "send-search-view-event",
          "reflectToAttr": false,
          "docs": "Should search view event be sent. View event is important for analytical cases.\nIn case of a search this should be used only when creating a landing page for search.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "sort",
          "type": "KlevuSearchSorting.AdvancedSorting | KlevuSearchSorting.NameAsc | KlevuSearchSorting.NameDesc | KlevuSearchSorting.NewArrivalAsc | KlevuSearchSorting.NewArrivalDesc | KlevuSearchSorting.PriceAsc | KlevuSearchSorting.PriceDesc | KlevuSearchSorting.RatingAsc | KlevuSearchSorting.RatingDesc | KlevuSearchSorting.Relevance | undefined",
          "complexType": {
            "original": "KlevuSearchSorting",
            "resolved": "KlevuSearchSorting.AdvancedSorting | KlevuSearchSorting.NameAsc | KlevuSearchSorting.NameDesc | KlevuSearchSorting.NewArrivalAsc | KlevuSearchSorting.NewArrivalDesc | KlevuSearchSorting.PriceAsc | KlevuSearchSorting.PriceDesc | KlevuSearchSorting.RatingAsc | KlevuSearchSorting.RatingDesc | KlevuSearchSorting.Relevance | undefined",
            "references": {
              "KlevuSearchSorting": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuSearchSorting"
              }
            }
          },
          "mutable": false,
          "attr": "sort",
          "reflectToAttr": false,
          "docs": "How to sort",
          "docsTags": [],
          "values": [
            {
              "type": "KlevuSearchSorting.AdvancedSorting"
            },
            {
              "type": "KlevuSearchSorting.NameAsc"
            },
            {
              "type": "KlevuSearchSorting.NameDesc"
            },
            {
              "type": "KlevuSearchSorting.NewArrivalAsc"
            },
            {
              "type": "KlevuSearchSorting.NewArrivalDesc"
            },
            {
              "type": "KlevuSearchSorting.PriceAsc"
            },
            {
              "type": "KlevuSearchSorting.PriceDesc"
            },
            {
              "type": "KlevuSearchSorting.RatingAsc"
            },
            {
              "type": "KlevuSearchSorting.RatingDesc"
            },
            {
              "type": "KlevuSearchSorting.Relevance"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "type",
          "type": "\"merchandising\" | \"recommendation\" | \"search\"",
          "complexType": {
            "original": "\"search\" | \"merchandising\" | \"recommendation\"",
            "resolved": "\"merchandising\" | \"recommendation\" | \"search\"",
            "references": {}
          },
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "What kind of query",
          "docsTags": [],
          "values": [
            {
              "value": "merchandising",
              "type": "string"
            },
            {
              "value": "recommendation",
              "type": "string"
            },
            {
              "value": "search",
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "updateOnFilterChange",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "update-on-filter-change",
          "reflectToAttr": false,
          "docs": "Should component listen to changes to filters",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "fetch",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "fetch() => Promise<void>",
          "parameters": [],
          "docs": "Force component to fetch results. This is called automatically when properties change.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "klevuQueryResult",
          "detail": "{ result: KlevuQueryResult; suggestions?: KlevuSuggestionResult | undefined; manager: FilterManager; }",
          "bubbles": true,
          "complexType": {
            "original": "{\n    result: KlevuQueryResult\n    suggestions?: KlevuSuggestionResult\n    manager: FilterManager\n  }",
            "resolved": "{ result: KlevuQueryResult; suggestions?: KlevuSuggestionResult | undefined; manager: FilterManager; }",
            "references": {
              "KlevuQueryResult": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuQueryResult"
              },
              "KlevuSuggestionResult": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuSuggestionResult"
              },
              "FilterManager": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::FilterManager"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "klevuProductClick",
          "target": "body",
          "capture": true,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/klevu-quicksearch/klevu-quicksearch.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-quicksearch",
      "docs": "Full app to create search bar that popups trending products and search results.",
      "docsTags": [
        {
          "name": "slot",
          "text": "content - Popup content"
        },
        {
          "name": "slot",
          "text": "search-products - Slot to replace search results listings"
        },
        {
          "name": "slot",
          "text": "trending-products - Slot to replace trending products listings"
        },
        {
          "name": "slot",
          "text": "last-clicked-products - Slot to replace last clicked products"
        },
        {
          "name": "slot",
          "text": "noResults - Show message when no results found"
        },
        {
          "name": "slot",
          "text": "topbanners - Top banner content"
        },
        {
          "name": "slot",
          "text": "bottombanners - Bottom banner content"
        },
        {
          "name": "csspart",
          "text": "quicksearch-content - The popup container"
        },
        {
          "name": "csspart",
          "text": "quicksearch-sidepanel - Sidepanel container sidepanel"
        },
        {
          "name": "csspart",
          "text": "quicksearch-main-area - Main content area container"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "fallbackTerm",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "fallback-term",
          "reflectToAttr": false,
          "docs": "What term should be used if there isn't enough results",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "fullResultCount",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "full-result-count",
          "reflectToAttr": false,
          "docs": "How many products to show in full variant",
          "docsTags": [],
          "default": "9",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "hidePopularKeywordsOnNoResultsPage",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-popular-keywords-on-no-results-page",
          "reflectToAttr": false,
          "docs": "Hide popular keywords on no results page",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hidePopularSearches",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-popular-searches",
          "reflectToAttr": false,
          "docs": "Hide popular keywords",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideRecentSearches",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-recent-searches",
          "reflectToAttr": false,
          "docs": "Hide recent searches",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideRecentlyViewedProducts",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-recently-viewed-products",
          "reflectToAttr": false,
          "docs": "Hide recently viewed products",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideTrendingProducts",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-trending-products",
          "reflectToAttr": false,
          "docs": "Hide trending products",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideTrendingProductsOnNoResultsPage",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-trending-products-on-no-results-page",
          "reflectToAttr": false,
          "docs": "HHide trending products on no results page",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "options",
          "type": "undefined | { id: string; typeOfRecords: KlevuAnyTypeOfRecord[]; } & Omit<KlevuBaseQuerySettings, \"query\">",
          "complexType": {
            "original": "KlevuSearchOptions",
            "resolved": "undefined | { id: string; typeOfRecords: KlevuAnyTypeOfRecord[]; } & Omit<KlevuBaseQuerySettings, \"query\">",
            "references": {
              "KlevuSearchOptions": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuSearchOptions"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Object to override and settings on search options",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ id: string; typeOfRecords: KlevuAnyTypeOfRecord[]; } & Omit<KlevuBaseQuerySettings, \"query\">"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "placeholder",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "placeholder",
          "reflectToAttr": false,
          "docs": "Placeholder for input text",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "popularProductsCount",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "popular-products-count",
          "reflectToAttr": false,
          "docs": "How many products to show in Popular products section",
          "docsTags": [],
          "default": "10",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "popupAnchor",
          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\" | undefined",
          "complexType": {
            "original": "Placement",
            "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\" | undefined",
            "references": {
              "Placement": {
                "location": "import",
                "path": "@floating-ui/dom",
                "id": ""
              }
            }
          },
          "mutable": false,
          "attr": "popup-anchor",
          "reflectToAttr": false,
          "docs": "Anchor popup to witch side",
          "docsTags": [],
          "default": "\"bottom-end\"",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "bottom-end",
              "type": "string"
            },
            {
              "value": "bottom-start",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "left-end",
              "type": "string"
            },
            {
              "value": "left-start",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            },
            {
              "value": "right-end",
              "type": "string"
            },
            {
              "value": "right-start",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            },
            {
              "value": "top-end",
              "type": "string"
            },
            {
              "value": "top-start",
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "resultVariant",
          "type": "\"full\" | \"simple\"",
          "complexType": {
            "original": "KlevuQuicksearchResultVarint",
            "resolved": "\"full\" | \"simple\"",
            "references": {
              "KlevuQuicksearchResultVarint": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-quicksearch/klevu-quicksearch.tsx",
                "id": "src/components/klevu-quicksearch/klevu-quicksearch.tsx::KlevuQuicksearchResultVarint"
              }
            }
          },
          "mutable": false,
          "attr": "result-variant",
          "reflectToAttr": false,
          "docs": "Change variant of the search results",
          "docsTags": [],
          "default": "\"simple\"",
          "values": [
            {
              "value": "full",
              "type": "string"
            },
            {
              "value": "simple",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "searchCategories",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "search-categories",
          "reflectToAttr": false,
          "docs": "Should component search for categories too",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "searchCmsPages",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "search-cms-pages",
          "reflectToAttr": false,
          "docs": "Should component search for CMS pages too",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "searchFieldVariant",
          "type": "\"default\" | \"default-no-button\" | \"pill\"",
          "complexType": {
            "original": "SearchFieldVariant",
            "resolved": "\"default\" | \"default-no-button\" | \"pill\"",
            "references": {
              "SearchFieldVariant": {
                "location": "import",
                "path": "../klevu-search-field/klevu-search-field",
                "id": "src/components/klevu-search-field/klevu-search-field.tsx::SearchFieldVariant"
              }
            }
          },
          "mutable": false,
          "attr": "search-field-variant",
          "reflectToAttr": false,
          "docs": "Change variant of the search field",
          "docsTags": [],
          "default": "\"pill\"",
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "default-no-button",
              "type": "string"
            },
            {
              "value": "pill",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "searchText",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "search-text",
          "reflectToAttr": false,
          "docs": "Text of search button",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showRatings",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-ratings",
          "reflectToAttr": false,
          "docs": "Show ratings",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showRatingsCount",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-ratings-count",
          "reflectToAttr": false,
          "docs": "Show ratings count",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showVariantsCount",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "show-variants-count",
          "reflectToAttr": false,
          "docs": "Show variants count",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "simpleResultCount",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "simple-result-count",
          "reflectToAttr": false,
          "docs": "How many products to show in simple variant",
          "docsTags": [],
          "default": "3",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tCategoriesCaption",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-categories-caption",
          "reflectToAttr": false,
          "docs": "Title of categories section",
          "docsTags": [],
          "default": "getTranslation(\"quicksearch.tCategoriesCaption\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tLastClickedProductsCaption",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "t-last-clicked-products-caption",
          "reflectToAttr": false,
          "docs": "Recently clicked tab caption\nSupports showing the count in place of %s in the value\neg: `Recently Searched (%s)` with count of 2 will lead to `Recently Searched (2)`.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "tNoResultsMessage",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-no-results-message",
          "reflectToAttr": false,
          "docs": "Message to show when no results found",
          "docsTags": [],
          "default": "getTranslation(\"quicksearch.tNoResultsFound\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tPopularProductsTitle",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "t-popular-products-title",
          "reflectToAttr": false,
          "docs": "Popular products section heading",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "tPopularProductsTitleOnNoResultsPage",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "t-popular-products-title-on-no-results-page",
          "reflectToAttr": false,
          "docs": "Popular products section heading shown on no results page",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "tSearchResults",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-search-results",
          "reflectToAttr": false,
          "docs": "Title of search results",
          "docsTags": [],
          "default": "getTranslation(\"quicksearch.tSearchResults\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tTrendingCaption",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "t-trending-caption",
          "reflectToAttr": false,
          "docs": "Trending tab caption\nSupports showing the count in place of %s in the value\neg: `Trending (%s)` with count of 2 will lead to `Trending (2)`.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "term",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "term",
          "reflectToAttr": false,
          "docs": "Load with default term",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "urlRedirects",
          "type": "KlevuKeywordUrlMap[] | undefined",
          "complexType": {
            "original": "KMCMapsRootObject[\"klevu_keywordUrlMap\"]",
            "resolved": "KlevuKeywordUrlMap[] | undefined",
            "references": {
              "KMCMapsRootObject": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KMCMapsRootObject"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Pass your own redirect urls for a keyword",
          "docsTags": [],
          "values": [
            {
              "type": "KlevuKeywordUrlMap[]"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "useKlaviyo",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-klaviyo",
          "reflectToAttr": false,
          "docs": "Enables Klaviyo click tracking",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "useLoadingIndicator",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "use-loading-indicator",
          "reflectToAttr": false,
          "docs": "Used to enable loading indicator",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "usePersonalisation",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-personalisation",
          "reflectToAttr": false,
          "docs": "Enable personalisation",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuData",
          "detail": "{ trendingProducts?: KlevuRecord[] | undefined; lastClickedProducts?: KlevuRecord[] | undefined; searchResult?: KlevuQueryResult | undefined; }",
          "bubbles": true,
          "complexType": {
            "original": "KlevuQuicksearchDataEvent",
            "resolved": "{ trendingProducts?: KlevuRecord[] | undefined; lastClickedProducts?: KlevuRecord[] | undefined; searchResult?: KlevuQueryResult | undefined; }",
            "references": {
              "KlevuQuicksearchDataEvent": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-quicksearch/klevu-quicksearch.tsx",
                "id": "src/components/klevu-quicksearch/klevu-quicksearch.tsx::KlevuQuicksearchDataEvent"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "When the data in the component changes. This event can be used to replace\nwhole rendering of products when used with slots properly.",
          "docsTags": []
        },
        {
          "event": "klevuRedirect",
          "detail": "KlevuKeywordUrlMap",
          "bubbles": true,
          "complexType": {
            "original": "KMCMapsRootObject[\"klevu_keywordUrlMap\"][0]",
            "resolved": "KlevuKeywordUrlMap",
            "references": {
              "KMCMapsRootObject": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KMCMapsRootObject"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Will be emitted when there is a url match for redirects.\nYou can override the default behaviour of redirects by\npreventing default of this event",
          "docsTags": []
        },
        {
          "event": "klevuSearch",
          "detail": "string",
          "bubbles": true,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "When user clicks search button. Returns the search term.\nThis event is emitted when there is no url matched for redirects",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "klevuTextChanged",
          "capture": false,
          "passive": false
        },
        {
          "event": "klevuSearchResults",
          "capture": false,
          "passive": false
        },
        {
          "event": "klevuSearchSuggestions",
          "capture": false,
          "passive": false
        },
        {
          "event": "klevuProductClick",
          "capture": false,
          "passive": false
        },
        {
          "event": "klevuSearchClick",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [
        {
          "name": "bottombanners",
          "docs": "Bottom banner content"
        },
        {
          "name": "content",
          "docs": "Popup content"
        },
        {
          "name": "last-clicked-products",
          "docs": "Slot to replace last clicked products"
        },
        {
          "name": "noResults",
          "docs": "Show message when no results found"
        },
        {
          "name": "search-products",
          "docs": "Slot to replace search results listings"
        },
        {
          "name": "topbanners",
          "docs": "Top banner content"
        },
        {
          "name": "trending-products",
          "docs": "Slot to replace trending products listings"
        }
      ],
      "parts": [
        {
          "name": "quicksearch-content",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-search-landing-page"
      ],
      "dependencies": [
        "klevu-util-viewport",
        "klevu-popup",
        "klevu-search-field",
        "klevu-suggestions-list",
        "klevu-cms-list",
        "klevu-typography",
        "klevu-sort",
        "klevu-banner",
        "klevu-product-grid",
        "klevu-product",
        "klevu-pagination",
        "klevu-popular-searches",
        "klevu-latest-searches",
        "klevu-tab"
      ],
      "dependencyGraph": {
        "klevu-quicksearch": [
          "klevu-util-viewport",
          "klevu-popup",
          "klevu-search-field",
          "klevu-suggestions-list",
          "klevu-cms-list",
          "klevu-typography",
          "klevu-sort",
          "klevu-banner",
          "klevu-product-grid",
          "klevu-product",
          "klevu-pagination",
          "klevu-popular-searches",
          "klevu-latest-searches",
          "klevu-tab"
        ],
        "klevu-search-field": [
          "klevu-textfield",
          "klevu-loading-indicator",
          "klevu-button"
        ],
        "klevu-textfield": [
          "klevu-icon"
        ],
        "klevu-button": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-suggestions-list": [
          "klevu-typography",
          "klevu-list"
        ],
        "klevu-list": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-cms-list": [
          "klevu-typography",
          "klevu-list"
        ],
        "klevu-sort": [
          "klevu-dropdown"
        ],
        "klevu-dropdown": [
          "klevu-icon"
        ],
        "klevu-product": [
          "klevu-icon",
          "klevu-typography",
          "klevu-button",
          "klevu-rating"
        ],
        "klevu-pagination": [
          "klevu-icon"
        ],
        "klevu-popular-searches": [
          "klevu-typography",
          "klevu-list"
        ],
        "klevu-latest-searches": [
          "klevu-typography",
          "klevu-list"
        ],
        "klevu-tab": [
          "klevu-typography"
        ],
        "klevu-search-landing-page": [
          "klevu-quicksearch"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-rating/klevu-rating.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-rating",
      "docs": "Klevu ratings component",
      "docsTags": [
        {
          "name": "prop",
          "text": "rating - The rating value as a number to show"
        },
        {
          "name": "prop",
          "text": "ratingRange - The number of stars to show"
        },
        {
          "name": "csspart",
          "text": "rating-base The container for rating component"
        },
        {
          "name": "csspart",
          "text": "rating-star The star component"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "rating",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "rating",
          "reflectToAttr": false,
          "docs": "Rating value",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "ratingRange",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "rating-range",
          "reflectToAttr": false,
          "docs": "Number of stars to show",
          "docsTags": [],
          "default": "5",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "rating-base",
          "docs": ""
        },
        {
          "name": "rating-star",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-facet",
        "klevu-product"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "klevu-facet": [
          "klevu-rating"
        ],
        "klevu-product": [
          "klevu-rating"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-recommendations/klevu-recommendations.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-recommendations",
      "docs": "Full recommendation banner solution",
      "docsTags": [
        {
          "name": "slot",
          "text": "default - The content of the banner"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "cartProductIds",
          "type": "string[] | undefined",
          "complexType": {
            "original": "string[]",
            "resolved": "string[] | undefined",
            "references": {}
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "For cart recommendation you need to provide product id's in cart",
          "docsTags": [],
          "values": [
            {
              "type": "string[]"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "categoryPath",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "category-path",
          "reflectToAttr": false,
          "docs": "For category product recommendation you need to provide categery path",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "currentProductId",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "current-product-id",
          "reflectToAttr": false,
          "docs": "For similiar products recommendation you need to provide productId and itemGroupId",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "itemGroupId",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "item-group-id",
          "reflectToAttr": false,
          "docs": "For similiar products recommendation you need to provide productId and itemGroupId",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "options",
          "type": "undefined | { id: string; typeOfRecords: KlevuAnyTypeOfRecord[]; } & Omit<KlevuBaseQuerySettings, \"query\">",
          "complexType": {
            "original": "KlevuSearchOptions",
            "resolved": "undefined | { id: string; typeOfRecords: KlevuAnyTypeOfRecord[]; } & Omit<KlevuBaseQuerySettings, \"query\">",
            "references": {
              "KlevuSearchOptions": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuSearchOptions"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Object to override and settings on search options",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ id: string; typeOfRecords: KlevuAnyTypeOfRecord[]; } & Omit<KlevuBaseQuerySettings, \"query\">"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "recommendationId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "recommendation-id",
          "reflectToAttr": false,
          "docs": "The ID of the recommendation",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "recommendationTitle",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "recommendation-title",
          "reflectToAttr": false,
          "docs": "Title of the recommendation",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuData",
          "detail": "KlevuResponseQueryObject",
          "bubbles": true,
          "complexType": {
            "original": "KlevuResponseQueryObject",
            "resolved": "KlevuResponseQueryObject",
            "references": {
              "KlevuResponseQueryObject": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuResponseQueryObject"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "When Recommndations data is available or updated",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "klevuProductClick",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [
        {
          "name": "default",
          "docs": "The content of the banner"
        }
      ],
      "parts": [],
      "dependents": [],
      "dependencies": [
        "klevu-util-viewport",
        "klevu-banner",
        "klevu-slides",
        "klevu-product"
      ],
      "dependencyGraph": {
        "klevu-recommendations": [
          "klevu-util-viewport",
          "klevu-banner",
          "klevu-slides",
          "klevu-product"
        ],
        "klevu-slides": [
          "klevu-typography",
          "klevu-button",
          "klevu-util-scrollbars"
        ],
        "klevu-button": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-product": [
          "klevu-icon",
          "klevu-typography",
          "klevu-button",
          "klevu-rating"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-search-field/klevu-search-field.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-search-field",
      "docs": "Plain textfield that does the searching. It queries Klevu and returns the results\nin a custom event. Then you can decide what to do with the results.",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "fallbackTerm",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "fallback-term",
          "reflectToAttr": false,
          "docs": "Fallback term to use if there are no results",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "limit",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "limit",
          "reflectToAttr": false,
          "docs": "Maximum amount of results",
          "docsTags": [],
          "default": "10",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "options",
          "type": "undefined | { id: string; typeOfRecords: KlevuAnyTypeOfRecord[]; } & Omit<KlevuBaseQuerySettings, \"query\">",
          "complexType": {
            "original": "KlevuSearchOptions",
            "resolved": "undefined | { id: string; typeOfRecords: KlevuAnyTypeOfRecord[]; } & Omit<KlevuBaseQuerySettings, \"query\">",
            "references": {
              "KlevuSearchOptions": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuSearchOptions"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Object to override and settings on search options",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ id: string; typeOfRecords: KlevuAnyTypeOfRecord[]; } & Omit<KlevuBaseQuerySettings, \"query\">"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "searchCategories",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "search-categories",
          "reflectToAttr": false,
          "docs": "Should try to find categories as well",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "searchCmsPages",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "search-cms-pages",
          "reflectToAttr": false,
          "docs": "Should try to find cms pages as well",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "searchProducts",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "search-products",
          "reflectToAttr": false,
          "docs": "Should search products",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "searchSuggestions",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "search-suggestions",
          "reflectToAttr": false,
          "docs": "Should search suggestions",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "sendAnalytics",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "send-analytics",
          "reflectToAttr": false,
          "docs": "Sends analytics when making query",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "sort",
          "type": "KlevuSearchSorting.AdvancedSorting | KlevuSearchSorting.NameAsc | KlevuSearchSorting.NameDesc | KlevuSearchSorting.NewArrivalAsc | KlevuSearchSorting.NewArrivalDesc | KlevuSearchSorting.PriceAsc | KlevuSearchSorting.PriceDesc | KlevuSearchSorting.RatingAsc | KlevuSearchSorting.RatingDesc | KlevuSearchSorting.Relevance | undefined",
          "complexType": {
            "original": "KlevuSearchSorting",
            "resolved": "KlevuSearchSorting.AdvancedSorting | KlevuSearchSorting.NameAsc | KlevuSearchSorting.NameDesc | KlevuSearchSorting.NewArrivalAsc | KlevuSearchSorting.NewArrivalDesc | KlevuSearchSorting.PriceAsc | KlevuSearchSorting.PriceDesc | KlevuSearchSorting.RatingAsc | KlevuSearchSorting.RatingDesc | KlevuSearchSorting.Relevance | undefined",
            "references": {
              "KlevuSearchSorting": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuSearchSorting"
              }
            }
          },
          "mutable": false,
          "attr": "sort",
          "reflectToAttr": false,
          "docs": "In case you want to sort the results",
          "docsTags": [],
          "values": [
            {
              "type": "KlevuSearchSorting.AdvancedSorting"
            },
            {
              "type": "KlevuSearchSorting.NameAsc"
            },
            {
              "type": "KlevuSearchSorting.NameDesc"
            },
            {
              "type": "KlevuSearchSorting.NewArrivalAsc"
            },
            {
              "type": "KlevuSearchSorting.NewArrivalDesc"
            },
            {
              "type": "KlevuSearchSorting.PriceAsc"
            },
            {
              "type": "KlevuSearchSorting.PriceDesc"
            },
            {
              "type": "KlevuSearchSorting.RatingAsc"
            },
            {
              "type": "KlevuSearchSorting.RatingDesc"
            },
            {
              "type": "KlevuSearchSorting.Relevance"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "tPlaceholder",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-placeholder",
          "reflectToAttr": false,
          "docs": "The placeholder text to display in the search field.",
          "docsTags": [],
          "default": "getTranslation(\"searchField.tPlaceholder\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tSearchText",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-search-text",
          "reflectToAttr": false,
          "docs": "Button text",
          "docsTags": [],
          "default": "getTranslation(\"searchField.tSearchText\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "term",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "term",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "default": "\"\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "useKlaviyo",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-klaviyo",
          "reflectToAttr": false,
          "docs": "Enable Klaviyo integration for search terms and clicks",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "useLoadingIndicator",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "use-loading-indicator",
          "reflectToAttr": false,
          "docs": "Used to enable loading indicator",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "usePersonalisation",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-personalisation",
          "reflectToAttr": false,
          "docs": "Enable personalisation on the query",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "variant",
          "type": "\"default\" | \"default-no-button\" | \"pill\"",
          "complexType": {
            "original": "SearchFieldVariant",
            "resolved": "\"default\" | \"default-no-button\" | \"pill\"",
            "references": {
              "SearchFieldVariant": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-search-field/klevu-search-field.tsx",
                "id": "src/components/klevu-search-field/klevu-search-field.tsx::SearchFieldVariant"
              }
            }
          },
          "mutable": false,
          "attr": "variant",
          "reflectToAttr": false,
          "docs": "Variant of the search field",
          "docsTags": [],
          "default": "\"default\"",
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "default-no-button",
              "type": "string"
            },
            {
              "value": "pill",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "getPage",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "(type: \"search\" | \"category\" | \"cms\", pageIndex?: number) => Promise<void>",
            "parameters": [
              {
                "tags": [
                  {
                    "name": "param",
                    "text": "type what type of content to get page from"
                  }
                ],
                "text": "what type of content to get page from"
              },
              {
                "tags": [
                  {
                    "name": "param",
                    "text": "pageIndex from what page. If empty next page is fetched"
                  }
                ],
                "text": "from what page. If empty next page is fetched"
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "getPage(type: \"search\" | \"category\" | \"cms\", pageIndex?: number) => Promise<void>",
          "parameters": [],
          "docs": "Fetch next page of results from previous query",
          "docsTags": [
            {
              "name": "param",
              "text": "type what type of content to get page from"
            },
            {
              "name": "param",
              "text": "pageIndex from what page. If empty next page is fetched"
            }
          ]
        },
        {
          "name": "getQueryResult",
          "returns": {
            "type": "Promise<KlevuResponseQueryObject | undefined>",
            "docs": ""
          },
          "complexType": {
            "signature": "(type: \"search\" | \"category\" | \"cms\") => Promise<KlevuResponseQueryObject | undefined>",
            "parameters": [
              {
                "tags": [
                  {
                    "name": "param",
                    "text": "type type of query result"
                  }
                ],
                "text": "type of query result"
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "KlevuResponseQueryObject": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuResponseQueryObject"
              }
            },
            "return": "Promise<KlevuResponseQueryObject | undefined>"
          },
          "signature": "getQueryResult(type: \"search\" | \"category\" | \"cms\") => Promise<KlevuResponseQueryObject | undefined>",
          "parameters": [],
          "docs": "Fetches query result from last request",
          "docsTags": [
            {
              "name": "param",
              "text": "type type of query result"
            },
            {
              "name": "returns"
            }
          ]
        },
        {
          "name": "makeSearch",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "(term: string) => Promise<void>",
            "parameters": [
              {
                "tags": [
                  {
                    "name": "param",
                    "text": "term What to search"
                  }
                ],
                "text": "What to search"
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "makeSearch(term: string) => Promise<void>",
          "parameters": [],
          "docs": "Programmatically trigger search",
          "docsTags": [
            {
              "name": "param",
              "text": "term What to search"
            }
          ]
        }
      ],
      "events": [
        {
          "event": "klevuSearchClick",
          "detail": "string",
          "bubbles": true,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "When user clicks search button. Returns the search term.",
          "docsTags": []
        },
        {
          "event": "klevuSearchResults",
          "detail": "{ fallback?: KlevuResponseQueryObject | undefined; search?: KlevuResponseQueryObject | undefined; category?: KlevuResponseQueryObject | undefined; cms?: KlevuResponseQueryObject | undefined; }",
          "bubbles": true,
          "complexType": {
            "original": "SearchResultsEventData",
            "resolved": "{ fallback?: KlevuResponseQueryObject | undefined; search?: KlevuResponseQueryObject | undefined; category?: KlevuResponseQueryObject | undefined; cms?: KlevuResponseQueryObject | undefined; }",
            "references": {
              "SearchResultsEventData": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-search-field/klevu-search-field.tsx",
                "id": "src/components/klevu-search-field/klevu-search-field.tsx::SearchResultsEventData"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "When results come from after typing in the search field. This is debounced to avoid excessive requests.",
          "docsTags": []
        },
        {
          "event": "klevuSearchSuggestions",
          "detail": "string[]",
          "bubbles": true,
          "complexType": {
            "original": "SuggestionsEventData",
            "resolved": "string[]",
            "references": {
              "SuggestionsEventData": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-search-field/klevu-search-field.tsx",
                "id": "src/components/klevu-search-field/klevu-search-field.tsx::SuggestionsEventData"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "When searchfield gives some suggestions",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "klevu-quicksearch"
      ],
      "dependencies": [
        "klevu-textfield",
        "klevu-loading-indicator",
        "klevu-button"
      ],
      "dependencyGraph": {
        "klevu-search-field": [
          "klevu-textfield",
          "klevu-loading-indicator",
          "klevu-button"
        ],
        "klevu-textfield": [
          "klevu-icon"
        ],
        "klevu-button": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-quicksearch": [
          "klevu-search-field"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-search-landing-page/klevu-search-landing-page.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-search-landing-page",
      "docs": "Full app component for search landing page",
      "docsTags": [
        {
          "name": "slot",
          "text": "header - Header container"
        },
        {
          "name": "slot",
          "text": "footer - Footer container"
        },
        {
          "name": "slot",
          "text": "content - Product grid items including the grid container"
        },
        {
          "name": "slot",
          "text": "facets - Sidebar of facets content"
        },
        {
          "name": "slot",
          "text": "noResults - Show message when no results found"
        },
        {
          "name": "slot",
          "text": "topbanners - Top banner content"
        },
        {
          "name": "slot",
          "text": "bottombanners - Bottom banner content"
        },
        {
          "name": "csspart",
          "text": "search-landing-page-header The header container"
        },
        {
          "name": "csspart",
          "text": "search-landing-page-content The content container"
        },
        {
          "name": "csspart",
          "text": "search-landing-page-sidebar The sidebar container"
        },
        {
          "name": "csspart",
          "text": "search-landing-page-footer The footer container"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "autoUpdateUrl",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "auto-update-url",
          "reflectToAttr": false,
          "docs": "To update the pagination and filters to the url automatically",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "filterCount",
          "type": "number | undefined",
          "complexType": {
            "original": "number",
            "resolved": "number | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "filter-count",
          "reflectToAttr": false,
          "docs": "How many products to display in filters",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "filterCustomOrder",
          "type": "undefined | { [key: string]: string[]; }",
          "complexType": {
            "original": "{ [key: string]: string[] }",
            "resolved": "undefined | { [key: string]: string[]; }",
            "references": {}
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Order filters in a customer order",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ [key: string]: string[]; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideBrand",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-brand",
          "reflectToAttr": false,
          "docs": "Hides brand from search results",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideDescription",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-description",
          "reflectToAttr": false,
          "docs": "Hides description from search results",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideFilters",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-filters",
          "reflectToAttr": false,
          "docs": "Hide filters on results page",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideHoverImage",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-hover-image",
          "reflectToAttr": false,
          "docs": "Hides hover image from search results",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideImage",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-image",
          "reflectToAttr": false,
          "docs": "Hides image from search results",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideName",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-name",
          "reflectToAttr": false,
          "docs": "Hides name from search results",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hidePrice",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-price",
          "reflectToAttr": false,
          "docs": "Hides price from search results",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideSwatches",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-swatches",
          "reflectToAttr": false,
          "docs": "Do not show swatches in products in search results",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "limit",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "limit",
          "reflectToAttr": false,
          "docs": "How many results to display on a page",
          "docsTags": [],
          "default": "24",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "options",
          "type": "undefined | { id: string; typeOfRecords: KlevuAnyTypeOfRecord[]; } & Omit<KlevuBaseQuerySettings, \"query\">",
          "complexType": {
            "original": "KlevuSearchOptions",
            "resolved": "undefined | { id: string; typeOfRecords: KlevuAnyTypeOfRecord[]; } & Omit<KlevuBaseQuerySettings, \"query\">",
            "references": {
              "KlevuSearchOptions": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuSearchOptions"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Object to override and settings on search options",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ id: string; typeOfRecords: KlevuAnyTypeOfRecord[]; } & Omit<KlevuBaseQuerySettings, \"query\">"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "outOfStockCaption",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "out-of-stock-caption",
          "reflectToAttr": false,
          "docs": "Caption to show if product is out of stock in products in search results",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "popularProductsResultCount",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "popular-products-result-count",
          "reflectToAttr": false,
          "docs": "How many products to show in popular products",
          "docsTags": [],
          "default": "3",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "priceInterval",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "price-interval",
          "reflectToAttr": false,
          "docs": "The factor to use to generate the ranges",
          "docsTags": [],
          "default": "500",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "showAddToCart",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-add-to-cart",
          "reflectToAttr": false,
          "docs": "Show add to cart button in products in search results",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showPriceAsSlider",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-price-as-slider",
          "reflectToAttr": false,
          "docs": "Show price as options",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showProductCode",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-product-code",
          "reflectToAttr": false,
          "docs": "To show the product code next to product name in search results",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showRatings",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-ratings",
          "reflectToAttr": false,
          "docs": "Show ratings",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showRatingsCount",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-ratings-count",
          "reflectToAttr": false,
          "docs": "Show ratings count",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showSearch",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-search",
          "reflectToAttr": false,
          "docs": "Show the quick search box at the top of the page",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showVariantsCount",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "show-variants-count",
          "reflectToAttr": false,
          "docs": "Show variants count",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "sort",
          "type": "KlevuSearchSorting.AdvancedSorting | KlevuSearchSorting.NameAsc | KlevuSearchSorting.NameDesc | KlevuSearchSorting.NewArrivalAsc | KlevuSearchSorting.NewArrivalDesc | KlevuSearchSorting.PriceAsc | KlevuSearchSorting.PriceDesc | KlevuSearchSorting.RatingAsc | KlevuSearchSorting.RatingDesc | KlevuSearchSorting.Relevance | undefined",
          "complexType": {
            "original": "KlevuSearchSorting",
            "resolved": "KlevuSearchSorting.AdvancedSorting | KlevuSearchSorting.NameAsc | KlevuSearchSorting.NameDesc | KlevuSearchSorting.NewArrivalAsc | KlevuSearchSorting.NewArrivalDesc | KlevuSearchSorting.PriceAsc | KlevuSearchSorting.PriceDesc | KlevuSearchSorting.RatingAsc | KlevuSearchSorting.RatingDesc | KlevuSearchSorting.Relevance | undefined",
            "references": {
              "KlevuSearchSorting": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuSearchSorting"
              }
            }
          },
          "mutable": false,
          "attr": "sort",
          "reflectToAttr": false,
          "docs": "In which order to set the products",
          "docsTags": [],
          "values": [
            {
              "type": "KlevuSearchSorting.AdvancedSorting"
            },
            {
              "type": "KlevuSearchSorting.NameAsc"
            },
            {
              "type": "KlevuSearchSorting.NameDesc"
            },
            {
              "type": "KlevuSearchSorting.NewArrivalAsc"
            },
            {
              "type": "KlevuSearchSorting.NewArrivalDesc"
            },
            {
              "type": "KlevuSearchSorting.PriceAsc"
            },
            {
              "type": "KlevuSearchSorting.PriceDesc"
            },
            {
              "type": "KlevuSearchSorting.RatingAsc"
            },
            {
              "type": "KlevuSearchSorting.RatingDesc"
            },
            {
              "type": "KlevuSearchSorting.Relevance"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "sortOptions",
          "type": "undefined | { value: KlevuSearchSorting; text: string; }[]",
          "complexType": {
            "original": "Array<{ value: KlevuSearchSorting; text: string }>",
            "resolved": "undefined | { value: KlevuSearchSorting; text: string; }[]",
            "references": {
              "Array": {
                "location": "global",
                "id": "global::Array"
              },
              "KlevuSearchSorting": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuSearchSorting"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Pass custom options for the sort dropdown",
          "docsTags": [],
          "values": [
            {
              "type": "undefined"
            },
            {
              "type": "{ value: KlevuSearchSorting; text: string; }[]"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "tAddToCart",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "t-add-to-cart",
          "reflectToAttr": false,
          "docs": "Text for add to cart button in search results",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "tLoadMore",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-load-more",
          "reflectToAttr": false,
          "docs": "Text of load more button",
          "docsTags": [],
          "default": "getTranslation(\"searchLandingPage.tLoadMore\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tSearchTitle",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "t-search-title",
          "reflectToAttr": false,
          "docs": "The title of the page",
          "docsTags": [],
          "default": "getTranslation(\"searchLandingPage.tSearchTitle\")",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "term",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "term",
          "reflectToAttr": false,
          "docs": "What term was used for search",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "useInfiniteScroll",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-infinite-scroll",
          "reflectToAttr": false,
          "docs": "Should use infinite scroll component to trigger load next",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "useKlaviyo",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-klaviyo",
          "reflectToAttr": false,
          "docs": "Enable Klaviyo integration",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "useLoadingIndicator",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "use-loading-indicator",
          "reflectToAttr": false,
          "docs": "Used to enable loading indicator",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "useMultiSelectFilters",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-multi-select-filters",
          "reflectToAttr": false,
          "docs": "Specify whether to show checkboxes or radio buttons for filters",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "usePagination",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-pagination",
          "reflectToAttr": false,
          "docs": "Use pagination instead of loading more",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "usePersonalisation",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-personalisation",
          "reflectToAttr": false,
          "docs": "Enable personalization",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "vatCaption",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "vat-caption",
          "reflectToAttr": false,
          "docs": "Text to be added after the price. Usually used to indicate that does the price include VAT or not in search results.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuData",
          "detail": "{ resultObject: KlevuResponseQueryObject; records: KlevuRecord[]; manager: FilterManager; }",
          "bubbles": true,
          "complexType": {
            "original": "{ resultObject: KlevuResponseQueryObject; records: KlevuRecord[]; manager: FilterManager }",
            "resolved": "{ resultObject: KlevuResponseQueryObject; records: KlevuRecord[]; manager: FilterManager; }",
            "references": {
              "KlevuResponseQueryObject": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuResponseQueryObject"
              },
              "KlevuRecord": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuRecord"
              },
              "FilterManager": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::FilterManager"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "klevuProductClick",
          "capture": false,
          "passive": false
        },
        {
          "event": "klevu-filter-selection-updates",
          "target": "document",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [
        {
          "name": "bottombanners",
          "docs": "Bottom banner content"
        },
        {
          "name": "content",
          "docs": "Product grid items including the grid container"
        },
        {
          "name": "facets",
          "docs": "Sidebar of facets content"
        },
        {
          "name": "footer",
          "docs": "Footer container"
        },
        {
          "name": "header",
          "docs": "Header container"
        },
        {
          "name": "noResults",
          "docs": "Show message when no results found"
        },
        {
          "name": "topbanners",
          "docs": "Top banner content"
        }
      ],
      "parts": [
        {
          "name": "search-landing-page-content",
          "docs": ""
        },
        {
          "name": "search-landing-page-footer",
          "docs": ""
        },
        {
          "name": "search-landing-page-header",
          "docs": ""
        },
        {
          "name": "search-landing-page-sidebar",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "klevu-util-viewport",
        "klevu-layout-results",
        "klevu-facet-list",
        "klevu-quicksearch",
        "klevu-typography",
        "klevu-sort",
        "klevu-banner",
        "klevu-product-grid",
        "klevu-product",
        "klevu-popular-searches",
        "klevu-loading-indicator",
        "klevu-util-infinite-scroll",
        "klevu-pagination",
        "klevu-button"
      ],
      "dependencyGraph": {
        "klevu-search-landing-page": [
          "klevu-util-viewport",
          "klevu-layout-results",
          "klevu-facet-list",
          "klevu-quicksearch",
          "klevu-typography",
          "klevu-sort",
          "klevu-banner",
          "klevu-product-grid",
          "klevu-product",
          "klevu-popular-searches",
          "klevu-loading-indicator",
          "klevu-util-infinite-scroll",
          "klevu-pagination",
          "klevu-button"
        ],
        "klevu-layout-results": [
          "klevu-util-viewport",
          "klevu-button",
          "klevu-drawer"
        ],
        "klevu-button": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-drawer": [
          "klevu-util-scrollbars"
        ],
        "klevu-facet-list": [
          "klevu-facet",
          "klevu-button"
        ],
        "klevu-facet": [
          "klevu-accordion",
          "klevu-rating",
          "klevu-typography",
          "klevu-slider",
          "klevu-color-swatch",
          "klevu-checkbox",
          "klevu-button"
        ],
        "klevu-accordion": [
          "klevu-typography",
          "klevu-icon"
        ],
        "klevu-checkbox": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-quicksearch": [
          "klevu-util-viewport",
          "klevu-popup",
          "klevu-search-field",
          "klevu-suggestions-list",
          "klevu-cms-list",
          "klevu-typography",
          "klevu-sort",
          "klevu-banner",
          "klevu-product-grid",
          "klevu-product",
          "klevu-pagination",
          "klevu-popular-searches",
          "klevu-latest-searches",
          "klevu-tab"
        ],
        "klevu-search-field": [
          "klevu-textfield",
          "klevu-loading-indicator",
          "klevu-button"
        ],
        "klevu-textfield": [
          "klevu-icon"
        ],
        "klevu-suggestions-list": [
          "klevu-typography",
          "klevu-list"
        ],
        "klevu-list": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-cms-list": [
          "klevu-typography",
          "klevu-list"
        ],
        "klevu-sort": [
          "klevu-dropdown"
        ],
        "klevu-dropdown": [
          "klevu-icon"
        ],
        "klevu-product": [
          "klevu-icon",
          "klevu-typography",
          "klevu-button",
          "klevu-rating"
        ],
        "klevu-pagination": [
          "klevu-icon"
        ],
        "klevu-popular-searches": [
          "klevu-typography",
          "klevu-list"
        ],
        "klevu-latest-searches": [
          "klevu-typography",
          "klevu-list"
        ],
        "klevu-tab": [
          "klevu-typography"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-slider/klevu-slider.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-slider",
      "docs": "Horizontal slider component. By default used for price range in this package. But can\nbe used for other purposes as well.",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "end",
          "type": "number | undefined",
          "complexType": {
            "original": "number",
            "resolved": "number | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "end",
          "reflectToAttr": false,
          "docs": "Current end value of the range",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "formatTooltip",
          "type": "((value: number) => string) | undefined",
          "complexType": {
            "original": "(value: number) => string",
            "resolved": "((value: number) => string) | undefined",
            "references": {}
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Format tooltip value with function",
          "docsTags": [],
          "values": [
            {
              "type": "((value: number) => string)"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "max",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "max",
          "reflectToAttr": false,
          "docs": "Max value of the range",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "min",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "min",
          "reflectToAttr": false,
          "docs": "Min value of the range",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "showTooltips",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "show-tooltips",
          "reflectToAttr": false,
          "docs": "Show tooltips on top of slider",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "start",
          "type": "number | undefined",
          "complexType": {
            "original": "number",
            "resolved": "number | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "start",
          "reflectToAttr": false,
          "docs": "Current start value of the range",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuSliderChange",
          "detail": "[number, number]",
          "bubbles": true,
          "complexType": {
            "original": "[number, number]",
            "resolved": "[number, number]",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "When values change",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "klevu-facet"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "klevu-facet": [
          "klevu-slider"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-slides/klevu-slides.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-slides",
      "docs": "Horizontal slides component. Can be used to display a list of items horizontally. Has optional title and next/prev buttons.",
      "docsTags": [
        {
          "name": "csspart",
          "text": "slides-base The container for the slides component"
        },
        {
          "name": "csspart",
          "text": "slides-heading The heading of the slides"
        },
        {
          "name": "csspart",
          "text": "slides-previous-button The previous button"
        },
        {
          "name": "csspart",
          "text": "slides-next-button The next button"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "centerNextPrev",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "center-next-prev",
          "reflectToAttr": false,
          "docs": "center position next and previous buttons",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "heading",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "heading",
          "reflectToAttr": false,
          "docs": "Heading for the slides component",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideNextPrev",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-next-prev",
          "reflectToAttr": false,
          "docs": "Hides next and previous buttons",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "slideFullWidth",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "slide-full-width",
          "reflectToAttr": false,
          "docs": "When clicking next/prev buttons should scroll full width of container",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-slides-item-width inherit",
          "annotation": "prop",
          "docs": "Force a width for each item in the slides"
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "slides-base",
          "docs": ""
        },
        {
          "name": "slides-heading",
          "docs": ""
        },
        {
          "name": "slides-next-button",
          "docs": ""
        },
        {
          "name": "slides-previous-button",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-chat-messages",
        "klevu-recommendations"
      ],
      "dependencies": [
        "klevu-typography",
        "klevu-button",
        "klevu-util-scrollbars"
      ],
      "dependencyGraph": {
        "klevu-slides": [
          "klevu-typography",
          "klevu-button",
          "klevu-util-scrollbars"
        ],
        "klevu-button": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-chat-messages": [
          "klevu-slides"
        ],
        "klevu-recommendations": [
          "klevu-slides"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-sort/klevu-sort.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-sort",
      "docs": "Sort dropdown. User can select what kind of sorting they want",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "options",
          "type": "{ value: KlevuSearchSorting; text: string; }[]",
          "complexType": {
            "original": "Array<{ value: KlevuSearchSorting; text: string }>",
            "resolved": "{ value: KlevuSearchSorting; text: string; }[]",
            "references": {
              "Array": {
                "location": "global",
                "id": "global::Array"
              },
              "KlevuSearchSorting": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuSearchSorting"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Pass custom options for the sort dropdown",
          "docsTags": [],
          "default": "[\n    { value: KlevuSearchSorting.Relevance, text: getTranslation(\"sort.tRelevance\") },\n    { value: KlevuSearchSorting.NameAsc, text: getTranslation(\"sort.tNameAsc\") },\n    { value: KlevuSearchSorting.NameDesc, text: getTranslation(\"sort.tNameDesc\") },\n    { value: KlevuSearchSorting.NewArrivalAsc, text: getTranslation(\"sort.tNewArrivalsAsc\") },\n    { value: KlevuSearchSorting.NewArrivalDesc, text: getTranslation(\"sort.tNewArrivalsDesc\") },\n    { value: KlevuSearchSorting.PriceAsc, text: getTranslation(\"sort.tPriceAsc\") },\n    { value: KlevuSearchSorting.PriceDesc, text: getTranslation(\"sort.tPriceDesc\") },\n    { value: KlevuSearchSorting.RatingAsc, text: getTranslation(\"sort.tRatingAsc\") },\n    { value: KlevuSearchSorting.RatingDesc, text: getTranslation(\"sort.tRatingDesc\") },\n  ]",
          "values": [
            {
              "type": "{ value: KlevuSearchSorting; text: string; }[]"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "variant",
          "type": "\"default\" | \"inline\"",
          "complexType": {
            "original": "KlevuDropdownVariant",
            "resolved": "\"default\" | \"inline\"",
            "references": {
              "KlevuDropdownVariant": {
                "location": "import",
                "path": "../../components",
                "id": "src/components.d.ts::KlevuDropdownVariant"
              }
            }
          },
          "mutable": false,
          "attr": "variant",
          "reflectToAttr": false,
          "docs": "Dropdown variant",
          "docsTags": [],
          "default": "\"default\"",
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "inline",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuSortChanged",
          "detail": "KlevuSearchSorting.AdvancedSorting | KlevuSearchSorting.NameAsc | KlevuSearchSorting.NameDesc | KlevuSearchSorting.NewArrivalAsc | KlevuSearchSorting.NewArrivalDesc | KlevuSearchSorting.PriceAsc | KlevuSearchSorting.PriceDesc | KlevuSearchSorting.RatingAsc | KlevuSearchSorting.RatingDesc | KlevuSearchSorting.Relevance",
          "bubbles": true,
          "complexType": {
            "original": "KlevuSearchSorting",
            "resolved": "KlevuSearchSorting.AdvancedSorting | KlevuSearchSorting.NameAsc | KlevuSearchSorting.NameDesc | KlevuSearchSorting.NewArrivalAsc | KlevuSearchSorting.NewArrivalDesc | KlevuSearchSorting.PriceAsc | KlevuSearchSorting.PriceDesc | KlevuSearchSorting.RatingAsc | KlevuSearchSorting.RatingDesc | KlevuSearchSorting.Relevance",
            "references": {
              "KlevuSearchSorting": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuSearchSorting"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "When the sorting changes",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "klevu-merchandising",
        "klevu-quicksearch",
        "klevu-search-landing-page"
      ],
      "dependencies": [
        "klevu-dropdown"
      ],
      "dependencyGraph": {
        "klevu-sort": [
          "klevu-dropdown"
        ],
        "klevu-dropdown": [
          "klevu-icon"
        ],
        "klevu-merchandising": [
          "klevu-sort"
        ],
        "klevu-quicksearch": [
          "klevu-sort"
        ],
        "klevu-search-landing-page": [
          "klevu-sort"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-suggestions-list/klevu-suggestions-list.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-suggestions-list",
      "docs": "Simple component to list suggestions. Takes in a parameter suggestions that will be rendered as a list",
      "docsTags": [
        {
          "name": "csspart",
          "text": "suggestions-list-caption The caption to the list of suggestions"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "caption",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "caption",
          "reflectToAttr": false,
          "docs": "Caption on the list",
          "docsTags": [],
          "default": "\"Search suggestions\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "suggestions",
          "type": "string[]",
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Suggestions to render in list",
          "docsTags": [],
          "default": "[]",
          "values": [
            {
              "type": "string[]"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuSuggestionClicked",
          "detail": "string",
          "bubbles": true,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event that is emitted when a suggestion is clicked",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "suggestions-list-caption",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-quicksearch"
      ],
      "dependencies": [
        "klevu-typography",
        "klevu-list"
      ],
      "dependencyGraph": {
        "klevu-suggestions-list": [
          "klevu-typography",
          "klevu-list"
        ],
        "klevu-list": [
          "klevu-icon",
          "klevu-typography"
        ],
        "klevu-quicksearch": [
          "klevu-suggestions-list"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-tab/klevu-tab.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-tab",
      "docs": "Very simple tab component. Use like a button, but with a caption.\nUse standard onClick event to handle click.",
      "docsTags": [
        {
          "name": "csspart",
          "text": "tab-base The tab container"
        },
        {
          "name": "csspart",
          "text": "tab-caption The caption for the tab"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "active",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "active",
          "reflectToAttr": false,
          "docs": "Whether the tab is active",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "caption",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "caption",
          "reflectToAttr": false,
          "docs": "Title of the tab",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "disabled",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Whether the tab is disabled",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-tab-color var(--klevu-color-primary)",
          "annotation": "prop",
          "docs": "Color of the tab"
        },
        {
          "name": "--klevu-tab-padding var(--klevu-spacing-04)",
          "annotation": "prop",
          "docs": "Padding of the tab"
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "tab-base",
          "docs": ""
        },
        {
          "name": "tab-caption",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-quicksearch"
      ],
      "dependencies": [
        "klevu-typography"
      ],
      "dependencyGraph": {
        "klevu-tab": [
          "klevu-typography"
        ],
        "klevu-quicksearch": [
          "klevu-tab"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-textfield/klevu-textfield.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-textfield",
      "docs": "Branded text field component",
      "docsTags": [
        {
          "name": "slot",
          "text": "end - Content to be shown at end of list before the clear button if shown"
        },
        {
          "name": "csspart",
          "text": "textfield-base The container for input box"
        },
        {
          "name": "csspart",
          "text": "textfield-icon The icon at beginning of input"
        },
        {
          "name": "csspart",
          "text": "textfield-input The input box"
        },
        {
          "name": "csspart",
          "text": "textfield-clearbutton The clear button at the end of input"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "clearButton",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "clear-button",
          "reflectToAttr": false,
          "docs": "Display a button to clear field value on the right side of the field",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": true,
          "docs": "Is field disabled",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "error",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "error",
          "reflectToAttr": false,
          "docs": "Is field in error state",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "icon",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "icon",
          "reflectToAttr": false,
          "docs": "Icon to display in textfield start of the field. Please use tokens of material icons",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "placeholder",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "placeholder",
          "reflectToAttr": true,
          "docs": "Placeholder value of the field",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "Current value of the field",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "variant",
          "type": "\"default\" | \"pill\"",
          "complexType": {
            "original": "KlevuTextfieldVariant",
            "resolved": "\"default\" | \"pill\"",
            "references": {
              "KlevuTextfieldVariant": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-textfield/klevu-textfield.tsx",
                "id": "src/components/klevu-textfield/klevu-textfield.tsx::KlevuTextfieldVariant"
              }
            }
          },
          "mutable": false,
          "attr": "variant",
          "reflectToAttr": false,
          "docs": "Variant of textfield",
          "docsTags": [],
          "default": "\"default\"",
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "pill",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuTextChanged",
          "detail": "string",
          "bubbles": true,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "When text changes in field",
          "docsTags": []
        },
        {
          "event": "klevuTextEnterPressed",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "When enter is pressed in textfield",
          "docsTags": []
        },
        {
          "event": "klevuTextFocused",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "When textfield is focused",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "end",
          "docs": "Content to be shown at end of list before the clear button if shown"
        }
      ],
      "parts": [
        {
          "name": "textfield-base",
          "docs": ""
        },
        {
          "name": "textfield-clearbutton",
          "docs": ""
        },
        {
          "name": "textfield-icon",
          "docs": ""
        },
        {
          "name": "textfield-input",
          "docs": ""
        }
      ],
      "dependents": [
        "klevu-chat-layout",
        "klevu-product-query-popup",
        "klevu-search-field"
      ],
      "dependencies": [
        "klevu-icon"
      ],
      "dependencyGraph": {
        "klevu-textfield": [
          "klevu-icon"
        ],
        "klevu-chat-layout": [
          "klevu-textfield"
        ],
        "klevu-product-query-popup": [
          "klevu-textfield"
        ],
        "klevu-search-field": [
          "klevu-textfield"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-typography/klevu-typography.tsx",
      "encapsulation": "none",
      "tag": "klevu-typography",
      "docs": "Klevu typography component. This component is used in most places to set correct font in component pieces.",
      "docsTags": [
        {
          "name": "slot",
          "text": "default - Typography text"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "fullWidth",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "full-width",
          "reflectToAttr": false,
          "docs": "Display the text in full width. Usefull when typography needs to be used as a block element.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "variant",
          "type": "\"body-l\" | \"body-l-bold\" | \"body-m\" | \"body-m-bold\" | \"body-s\" | \"body-s-bold\" | \"body-xs\" | \"body-xs-bold\" | \"h1\" | \"h2\" | \"h3\" | \"h4\"",
          "complexType": {
            "original": "KlevuTypographyVariant",
            "resolved": "\"body-l\" | \"body-l-bold\" | \"body-m\" | \"body-m-bold\" | \"body-s\" | \"body-s-bold\" | \"body-xs\" | \"body-xs-bold\" | \"h1\" | \"h2\" | \"h3\" | \"h4\"",
            "references": {
              "KlevuTypographyVariant": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-typography/klevu-typography.tsx",
                "id": "src/components/klevu-typography/klevu-typography.tsx::KlevuTypographyVariant"
              }
            }
          },
          "mutable": false,
          "attr": "variant",
          "reflectToAttr": false,
          "docs": "Variant of heading",
          "docsTags": [],
          "values": [
            {
              "value": "body-l",
              "type": "string"
            },
            {
              "value": "body-l-bold",
              "type": "string"
            },
            {
              "value": "body-m",
              "type": "string"
            },
            {
              "value": "body-m-bold",
              "type": "string"
            },
            {
              "value": "body-s",
              "type": "string"
            },
            {
              "value": "body-s-bold",
              "type": "string"
            },
            {
              "value": "body-xs",
              "type": "string"
            },
            {
              "value": "body-xs-bold",
              "type": "string"
            },
            {
              "value": "h1",
              "type": "string"
            },
            {
              "value": "h2",
              "type": "string"
            },
            {
              "value": "h3",
              "type": "string"
            },
            {
              "value": "h4",
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-body-l-line-height calc(28em / 20)",
          "annotation": "prop",
          "docs": "Body large line-height"
        },
        {
          "name": "--klevu-body-l-size 20px",
          "annotation": "prop",
          "docs": "Body large size"
        },
        {
          "name": "--klevu-body-m-line-height calc(24em / 16)",
          "annotation": "prop",
          "docs": "Body medium line-height"
        },
        {
          "name": "--klevu-body-m-size 16px",
          "annotation": "prop",
          "docs": "Body medium size"
        },
        {
          "name": "--klevu-body-s-line-height calc(20em / 14)",
          "annotation": "prop",
          "docs": "Body small line-height"
        },
        {
          "name": "--klevu-body-s-size 14px",
          "annotation": "prop",
          "docs": "Body small size"
        },
        {
          "name": "--klevu-body-xs-line-height calc(16em / 12)",
          "annotation": "prop",
          "docs": "Body extra small line-height"
        },
        {
          "name": "--klevu-body-xs-size 12px",
          "annotation": "prop",
          "docs": "Body extra small size"
        },
        {
          "name": "--klevu-h1-lineheight calc(28em / 24)",
          "annotation": "prop",
          "docs": "H1 line-height"
        },
        {
          "name": "--klevu-h1-size 24px",
          "annotation": "prop",
          "docs": "H1 size"
        },
        {
          "name": "--klevu-h1-weight 700",
          "annotation": "prop",
          "docs": "H1 weight"
        },
        {
          "name": "--klevu-h2-lineheight calc(24em / 20)",
          "annotation": "prop",
          "docs": "H2 line-height"
        },
        {
          "name": "--klevu-h2-size 20px",
          "annotation": "prop",
          "docs": "H2 size"
        },
        {
          "name": "--klevu-h2-weight 700",
          "annotation": "prop",
          "docs": "H2 weight"
        },
        {
          "name": "--klevu-h3-lineheight calc(20em / 16)",
          "annotation": "prop",
          "docs": "H3 line-height"
        },
        {
          "name": "--klevu-h3-size 16px",
          "annotation": "prop",
          "docs": "H3 size"
        },
        {
          "name": "--klevu-h3-weight 700",
          "annotation": "prop",
          "docs": "H3 weight"
        },
        {
          "name": "--klevu-h4-lineheight calc(18em / 14)",
          "annotation": "prop",
          "docs": "H4 line-height"
        },
        {
          "name": "--klevu-h4-size 14px",
          "annotation": "prop",
          "docs": "H4 size"
        },
        {
          "name": "--klevu-h4-weight 700",
          "annotation": "prop",
          "docs": "H4 weight"
        },
        {
          "name": "--klevu-typography-color",
          "annotation": "prop",
          "docs": "Color of the text that overrides the default"
        },
        {
          "name": "--klevu-typography-font-weight",
          "annotation": "prop",
          "docs": "Font weight that overrides the default"
        }
      ],
      "slots": [
        {
          "name": "default",
          "docs": "Typography text"
        }
      ],
      "parts": [],
      "dependents": [
        "klevu-accordion",
        "klevu-badge",
        "klevu-button",
        "klevu-chat-bubble",
        "klevu-chat-messages",
        "klevu-checkbox",
        "klevu-chip",
        "klevu-cms-list",
        "klevu-facet",
        "klevu-latest-searches",
        "klevu-list",
        "klevu-merchandising",
        "klevu-moi",
        "klevu-popular-searches",
        "klevu-product",
        "klevu-product-query-popup",
        "klevu-quicksearch",
        "klevu-search-landing-page",
        "klevu-slides",
        "klevu-suggestions-list",
        "klevu-tab"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "klevu-accordion": [
          "klevu-typography"
        ],
        "klevu-badge": [
          "klevu-typography"
        ],
        "klevu-button": [
          "klevu-typography"
        ],
        "klevu-chat-bubble": [
          "klevu-typography"
        ],
        "klevu-chat-messages": [
          "klevu-typography"
        ],
        "klevu-checkbox": [
          "klevu-typography"
        ],
        "klevu-chip": [
          "klevu-typography"
        ],
        "klevu-cms-list": [
          "klevu-typography"
        ],
        "klevu-facet": [
          "klevu-typography"
        ],
        "klevu-latest-searches": [
          "klevu-typography"
        ],
        "klevu-list": [
          "klevu-typography"
        ],
        "klevu-merchandising": [
          "klevu-typography"
        ],
        "klevu-moi": [
          "klevu-typography"
        ],
        "klevu-popular-searches": [
          "klevu-typography"
        ],
        "klevu-product": [
          "klevu-typography"
        ],
        "klevu-product-query-popup": [
          "klevu-typography"
        ],
        "klevu-quicksearch": [
          "klevu-typography"
        ],
        "klevu-search-landing-page": [
          "klevu-typography"
        ],
        "klevu-slides": [
          "klevu-typography"
        ],
        "klevu-suggestions-list": [
          "klevu-typography"
        ],
        "klevu-tab": [
          "klevu-typography"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-util-dom-events/klevu-util-dom-events.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-util-dom-events",
      "docs": "Utility compoenent that simplifies listening Klevu SDK Dom events\nhttps://docs.klevu.com/headless-sdk/events-analytics#dhk6Y",
      "docsTags": [],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [
        {
          "event": "klevuClickEventSent",
          "detail": "{ productId: string; product?: Partial<KlevuRecord> | undefined; }",
          "bubbles": true,
          "complexType": {
            "original": "{\n    productId: string\n    product?: Partial<KlevuRecord>\n  }",
            "resolved": "{ productId: string; product?: Partial<KlevuRecord> | undefined; }",
            "references": {
              "Partial": {
                "location": "global",
                "id": "global::Partial"
              },
              "KlevuRecord": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::KlevuRecord"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        },
        {
          "event": "klevuFiltersApplied",
          "detail": "{ filters: FilterManagerFilters[]; }",
          "bubbles": true,
          "complexType": {
            "original": "{\n    filters: FilterManagerFilters[]\n  }",
            "resolved": "{ filters: FilterManagerFilters[]; }",
            "references": {
              "FilterManagerFilters": {
                "location": "import",
                "path": "@klevu/core",
                "id": "../klevu-core/dist/cjs/index.d.ts::FilterManagerFilters"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        },
        {
          "event": "klevuFilterSelectionUpdate",
          "detail": "{ key: string; name: string; selected: boolean; }",
          "bubbles": true,
          "complexType": {
            "original": "{\n    key: string\n    name: string\n    selected: boolean\n  }",
            "resolved": "{ key: string; name: string; selected: boolean; }",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        },
        {
          "event": "klevuLastSearchUpdate",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/klevu-util-infinite-scroll/klevu-util-infinite-scroll.tsx",
      "encapsulation": "none",
      "tag": "klevu-util-infinite-scroll",
      "docs": "Component that triggers event when intercepted on scroll of page.",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "enabled",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "enabled",
          "reflectToAttr": false,
          "docs": "Whether infinite scrolling is enabled",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "infiniteScrollPauseThreshold",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "infinite-scroll-pause-threshold",
          "reflectToAttr": false,
          "docs": "The number of pages after which triggers infiniteScrollingPaused event.\nListen to this event to allow further loading on user input.",
          "docsTags": [],
          "default": "3",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "klevuInfiniteScrollingPaused",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted when infinite loading reaches a multiple of infiniteScrollPauseThreshold",
          "docsTags": []
        },
        {
          "event": "klevuLoadMore",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted when infinite scroll element is intercepted",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "klevu-merchandising",
        "klevu-search-landing-page"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "klevu-merchandising": [
          "klevu-util-infinite-scroll"
        ],
        "klevu-search-landing-page": [
          "klevu-util-infinite-scroll"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-util-portal/klevu-util-portal.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-util-portal",
      "docs": "Portal component to move content to end of body instead of normal DOM position. Typically used for popups\nto prevent problems with CSS stylings.\n\nDoes not move styles, so create a child component that has styles defined in shadow DOM.",
      "docsTags": [],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "klevu-product-query"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "klevu-product-query": [
          "klevu-util-portal"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-util-scrollbars/klevu-util-scrollbars.tsx",
      "encapsulation": "none",
      "tag": "klevu-util-scrollbars",
      "docs": "Utility that replaces the default browser scrollbar with a custom one.",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "overflowX",
          "type": "\"hidden\" | \"scroll\" | \"visible\" | \"visible-hidden\" | \"visible-scroll\" | undefined",
          "complexType": {
            "original": "OverflowBehavior",
            "resolved": "\"hidden\" | \"scroll\" | \"visible\" | \"visible-hidden\" | \"visible-scroll\" | undefined",
            "references": {
              "OverflowBehavior": {
                "location": "import",
                "path": "overlayscrollbars",
                "id": ""
              }
            }
          },
          "mutable": false,
          "attr": "overflow-x",
          "reflectToAttr": false,
          "docs": "The overflow behavior of the horizontal scrollbar.",
          "docsTags": [],
          "values": [
            {
              "value": "hidden",
              "type": "string"
            },
            {
              "value": "scroll",
              "type": "string"
            },
            {
              "value": "visible",
              "type": "string"
            },
            {
              "value": "visible-hidden",
              "type": "string"
            },
            {
              "value": "visible-scroll",
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "overflowY",
          "type": "\"hidden\" | \"scroll\" | \"visible\" | \"visible-hidden\" | \"visible-scroll\" | undefined",
          "complexType": {
            "original": "OverflowBehavior",
            "resolved": "\"hidden\" | \"scroll\" | \"visible\" | \"visible-hidden\" | \"visible-scroll\" | undefined",
            "references": {
              "OverflowBehavior": {
                "location": "import",
                "path": "overlayscrollbars",
                "id": ""
              }
            }
          },
          "mutable": false,
          "attr": "overflow-y",
          "reflectToAttr": false,
          "docs": "The overflow behavior of the vertical scrollbar.",
          "docsTags": [],
          "values": [
            {
              "value": "hidden",
              "type": "string"
            },
            {
              "value": "scroll",
              "type": "string"
            },
            {
              "value": "visible",
              "type": "string"
            },
            {
              "value": "visible-hidden",
              "type": "string"
            },
            {
              "value": "visible-scroll",
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "useNative",
          "type": "boolean | undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "use-native",
          "reflectToAttr": false,
          "docs": "Disables the custom scrollbar and use native scrollbars instead.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "getContainer",
          "returns": {
            "type": "Promise<HTMLDivElement | undefined>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<HTMLDivElement | undefined>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLDivElement": {
                "location": "global",
                "id": "global::HTMLDivElement"
              }
            },
            "return": "Promise<HTMLDivElement | undefined>"
          },
          "signature": "getContainer() => Promise<HTMLDivElement | undefined>",
          "parameters": [],
          "docs": "",
          "docsTags": []
        },
        {
          "name": "getInstance",
          "returns": {
            "type": "Promise<{ customInstance: OverlayScrollbars | undefined; nativeContainer: HTMLDivElement | undefined; }>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<{ customInstance: OverlayScrollbars | undefined; nativeContainer: HTMLDivElement | undefined; }>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "OverlayScrollbars": {
                "location": "import",
                "path": "overlayscrollbars",
                "id": ""
              },
              "HTMLDivElement": {
                "location": "global",
                "id": "global::HTMLDivElement"
              }
            },
            "return": "Promise<{ customInstance: OverlayScrollbars | undefined; nativeContainer: HTMLDivElement | undefined; }>"
          },
          "signature": "getInstance() => Promise<{ customInstance: OverlayScrollbars | undefined; nativeContainer: HTMLDivElement | undefined; }>",
          "parameters": [],
          "docs": "",
          "docsTags": []
        }
      ],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--klevu-util-scrollbar-handle-bg var(--klevu-color-neutral-5)",
          "annotation": "prop",
          "docs": "The background color of the scrollbar handle."
        },
        {
          "name": "--klevu-util-scrollbar-handle-bg-active var(--klevu-color-neutral-7)",
          "annotation": "prop",
          "docs": "The background color of the scrollbar handle when active."
        },
        {
          "name": "--klevu-util-scrollbar-handle-bg-hover var(--klevu-color-neutral-6)",
          "annotation": "prop",
          "docs": "The background color of the scrollbar handle when hovered."
        }
      ],
      "slots": [],
      "parts": [],
      "dependents": [
        "klevu-chat-layout",
        "klevu-drawer",
        "klevu-slides"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "klevu-chat-layout": [
          "klevu-util-scrollbars"
        ],
        "klevu-drawer": [
          "klevu-util-scrollbars"
        ],
        "klevu-slides": [
          "klevu-util-scrollbars"
        ]
      }
    },
    {
      "filePath": "src/components/klevu-util-ssr-provider/klevu-util-ssr-provider.tsx",
      "encapsulation": "shadow",
      "tag": "klevu-util-ssr-provider",
      "docs": "KlevuUtilSsrProvider component stores the Klevu SSR response as a string\nthat can be hydrated in the client side.",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "html",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "html",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "identifier",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": true,
          "attr": "identifier",
          "reflectToAttr": true,
          "docs": "",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "packed",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": true,
          "attr": "packed",
          "reflectToAttr": true,
          "docs": "",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "getPacked",
          "returns": {
            "type": "Promise<any>",
            "docs": "packed parameter returned by KlevuSSRFetch function for KlevuSSRHydrate function"
          },
          "complexType": {
            "signature": "() => Promise<any>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<any>"
          },
          "signature": "getPacked() => Promise<any>",
          "parameters": [],
          "docs": "",
          "docsTags": [
            {
              "name": "returns",
              "text": "packed parameter returned by KlevuSSRFetch function for KlevuSSRHydrate function"
            }
          ]
        },
        {
          "name": "setPacked",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "(packed: object) => Promise<void>",
            "parameters": [
              {
                "tags": [
                  {
                    "name": "param",
                    "text": "packed"
                  }
                ],
                "text": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "setPacked(packed: object) => Promise<void>",
          "parameters": [],
          "docs": "packed parameter returned by KlevuSSRFetch function",
          "docsTags": [
            {
              "name": "param",
              "text": "packed"
            }
          ]
        }
      ],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/klevu-util-viewport/klevu-util-viewport.tsx",
      "encapsulation": "none",
      "tag": "klevu-util-viewport",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "sizes",
          "type": "ViewportSize[]",
          "complexType": {
            "original": "ViewportSize[]",
            "resolved": "ViewportSize[]",
            "references": {
              "ViewportSize": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-util-viewport/klevu-util-viewport.tsx",
                "id": "src/components/klevu-util-viewport/klevu-util-viewport.tsx::ViewportSize"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "List of sizes to listen for",
          "docsTags": [],
          "default": "[\n    { name: \"xs\", minWidth: 0, maxWidth: 319 },\n    { name: \"sm\", minWidth: 320, maxWidth: 511 },\n    { name: \"md\", minWidth: 512, maxWidth: 991 },\n    { name: \"lg\", minWidth: 992, maxWidth: 1199 },\n    { name: \"xl\", minWidth: 1200, maxWidth: 9999 },\n  ]",
          "values": [
            {
              "type": "ViewportSize[]"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "getCurrentSize",
          "returns": {
            "type": "Promise<ViewportSize | undefined>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<ViewportSize | undefined>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "ViewportSize": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-util-viewport/klevu-util-viewport.tsx",
                "id": "src/components/klevu-util-viewport/klevu-util-viewport.tsx::ViewportSize"
              }
            },
            "return": "Promise<ViewportSize | undefined>"
          },
          "signature": "getCurrentSize() => Promise<ViewportSize | undefined>",
          "parameters": [],
          "docs": "",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "klevuSizeChanged",
          "detail": "{ name: ViewportSizeName; minWidth: number; maxWidth: number; }",
          "bubbles": true,
          "complexType": {
            "original": "ViewportSize",
            "resolved": "{ name: ViewportSizeName; minWidth: number; maxWidth: number; }",
            "references": {
              "ViewportSize": {
                "location": "local",
                "path": "/home/ubuntu/actions-runner/_work/frontend-sdk/frontend-sdk/packages/klevu-ui/src/components/klevu-util-viewport/klevu-util-viewport.tsx",
                "id": "src/components/klevu-util-viewport/klevu-util-viewport.tsx::ViewportSize"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "klevu-layout-results",
        "klevu-merchandising",
        "klevu-quicksearch",
        "klevu-recommendations",
        "klevu-search-landing-page"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "klevu-layout-results": [
          "klevu-util-viewport"
        ],
        "klevu-merchandising": [
          "klevu-util-viewport"
        ],
        "klevu-quicksearch": [
          "klevu-util-viewport"
        ],
        "klevu-recommendations": [
          "klevu-util-viewport"
        ],
        "klevu-search-landing-page": [
          "klevu-util-viewport"
        ]
      }
    }
  ],
  "typeLibrary": {
    "../klevu-core/dist/cjs/index.d.ts::MoiSavedFeedback": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "src/components/klevu-chat-bubble/klevu-chat-bubble.tsx::KlevuMessageFeedbackReasonDetails": {
      "declaration": "{\n  reason: string\n  feedback: MoiSavedFeedback\n}",
      "docstring": "",
      "path": "src/components/klevu-chat-bubble/klevu-chat-bubble.tsx"
    },
    "../klevu-core/dist/cjs/index.d.ts::MoiMessages": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "../klevu-core/dist/cjs/index.d.ts::MoiProduct": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "../klevu-core/dist/cjs/index.d.ts::MoiResponseFilter": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "src/components/klevu-chat-messages/klevu-chat-messages.tsx::onKlevuMessageFeedbackDetails": {
      "declaration": "{\n  message: MoiResponseText[\"message\"]\n  feedback: \"up\" | \"down\"\n}",
      "docstring": "",
      "path": "src/components/klevu-chat-messages/klevu-chat-messages.tsx"
    },
    "src/components/klevu-color-swatch/klevu-color-swatch.tsx::KlevuOnSwatchClick": {
      "declaration": "{\n  name: string\n}",
      "docstring": "",
      "path": "src/components/klevu-color-swatch/klevu-color-swatch.tsx"
    },
    "src/components/klevu-dropdown/klevu-dropdown.tsx::KlevuDropdownVariant": {
      "declaration": "export type KlevuDropdownVariant = \"default\" | \"inline\"",
      "docstring": "",
      "path": "src/components/klevu-dropdown/klevu-dropdown.tsx"
    },
    "../klevu-core/dist/cjs/index.d.ts::FilterManager": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "src/components/klevu-facet/klevu-facet.tsx::KlevuFacetMode": {
      "declaration": "export type KlevuFacetMode = \"checkbox\" | \"radio\"",
      "docstring": "",
      "path": "src/components/klevu-facet/klevu-facet.tsx"
    },
    "src/components/klevu-facet-list/klevu-facet-list.tsx::KlevuColorSwatchOverride": {
      "declaration": "{\n  [key: string]: {\n    color?: string\n    imageUrl?: string\n    borderColor?: string\n  }\n}",
      "docstring": "",
      "path": "src/components/klevu-facet-list/klevu-facet-list.tsx"
    },
    "src/components/klevu-facet-list/klevu-facet-list.tsx::KlevuFiltersAppliedEventDetail": {
      "declaration": "{\n  manager: FilterManager\n}",
      "docstring": "",
      "path": "src/components/klevu-facet-list/klevu-facet-list.tsx"
    },
    "src/utils/utils.ts::KlevuUIGlobalSettings": {
      "declaration": "{\n  /**\n   * When user clicks the product\n   *\n   * @param item Product that was clicked\n   * @param event Event that triggered the click\n   * @return false if the event should be prevented and stopped\n   */\n  onItemClick?: (item: Partial<KlevuRecord>, event: MouseEvent) => boolean\n\n  /**\n   * Function to generate url for product in case using default klevu-products\n   */\n  generateProductUrl?: (product: Partial<KlevuRecord>) => string\n\n  /**\n   * Generic way to render prices. By default browser currency renderer is used\n   */\n  renderPrice?: (amount: number | string, currency: string) => string\n\n  /**\n   * Replace icons with custom image based ones\n   */\n  icons?: {\n    [key: string]: string\n  }\n\n  /**\n   * Disables custom scrollbars and uses native browser ones instead.\n   */\n  useNativeScrollbars?: boolean\n}",
      "docstring": "",
      "path": "src/utils/utils.ts"
    },
    "src/components/klevu-init/klevu-init.tsx::Translations": {
      "declaration": "export type Translations = \"en\" | \"fi\"",
      "docstring": "",
      "path": "src/components/klevu-init/klevu-init.tsx"
    },
    "src/components/klevu-init/klevu-init.tsx::Translation": {
      "declaration": "{\n  \"chatBubble\": {\n    \"tRatingReason\": \"Rating reason:\"\n  },\n  \"cmsList\": {\n    \"tCaption\": \"CMS pages\"\n  },\n  \"facet\": {\n    \"tMore\": \"More\",\n    \"tAll\": \"All\"\n  },\n  \"latestSearches\": {\n    \"tCaption\": \"Last searches\"\n  },\n  \"merchandising\": {\n    \"tLoadMore\": \"Load more\"\n  },\n  \"popularSearches\": {\n    \"tCaption\": \"Popular searches\"\n  },\n  \"product\": {\n    \"tAddToCart\": \"Add to cart\"\n  },\n  \"productQueryPopup\": {\n    \"tTextFieldPlaceholder\": \"Enter your question here...\",\n    \"tAnswerError\": \"Uh O. There was a problem generating an answer. Please try again after some time.\",\n    \"tPopuptitle\": \"Ask a Question\",\n    \"tButtonText\": \"Ask Product AI\",\n    \"tFinePrint\": \"I'm an AI model. Sometimes, I may make mistakes. Please verify answers on the product page.\",\n    \"disclaimer\": \"This is an AI System. It can make mistakes. Do not share personal information.\",\n    \"tLoadingSorry\": \"I take a few extra seconds when answering the first question sometimes if I need to scan whole page.\",\n    \"tRateExperienceTitle\": \"Rate your experience\",\n    \"tRateExperienceText\": \"How was your experience using this Q&A tool?\",\n    \"tDataProtectionNotice\": \"We are compliant with data protection regulations. Visit our privacy policy to learn how we collect, keep, and process your private information in accordance with these laws.\"\n  },\n  \"quicksearch\": {\n    \"tSearchResults\": \"Search results\",\n    \"tStartChat\": \"Start chat\",\n    \"tCategoriesCaption\": \"Categories\",\n    \"tTrendingCaption\": \"Trending\",\n    \"tPopularProductsTitle\": \"You may like\",\n    \"tLastClickedProductsCaption\": \"Recently viewed (%s)\",\n    \"tNoResultsFound\": \"No results found\"\n  },\n  \"searchField\": {\n    \"tPlaceholder\": \"Search for products\",\n    \"tSearchText\": \"Search\"\n  },\n  \"searchLandingPage\": {\n    \"tSearchTitle\": \"Searching term \\\"%s\\\"\",\n    \"tLoadMore\": \"Load more\",\n    \"tNoResultsFound\": \"No results found\"\n  },\n  \"sort\": {\n    \"tRelevance\": \"Relevance\",\n    \"tNameAsc\": \"Name ▲\",\n    \"tNameDesc\": \"Name ▼\",\n    \"tNewArrivalsAsc\": \"New arrivals ▲\",\n    \"tNewArrivalsDesc\": \"New arrivals ▼\",\n    \"tPriceAsc\": \"Price ▲\",\n    \"tPriceDesc\": \"Price ▼\",\n    \"tRatingAsc\": \"Rating ▲\",\n    \"tRatingDesc\": \"Rating ▼\"\n  }\n}",
      "docstring": "",
      "path": "src/components/klevu-init/klevu-init.tsx"
    },
    "../klevu-core/dist/cjs/index.d.ts::KlevuFilterResultOptions": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "../klevu-core/dist/cjs/index.d.ts::KlevuFilterResultSlider": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "src/components/klevu-facet/klevu-facet.tsx::KlevuSelectionUpdatedEventDetail": {
      "declaration": "{\n  manager: FilterManager\n  filter?: {\n    key: string\n    name: string\n    selected?: boolean\n    start?: string\n    end?: string\n  }\n}",
      "docstring": "",
      "path": "src/components/klevu-facet/klevu-facet.tsx"
    },
    "src/components/klevu-product/klevu-product.tsx::KlevuProductVariant": {
      "declaration": "export type KlevuProductVariant = \"line\" | \"small\" | \"default\"",
      "docstring": "",
      "path": "src/components/klevu-product/klevu-product.tsx"
    },
    "../klevu-core/dist/cjs/index.d.ts::KlevuRecord": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "src/components/klevu-product/klevu-product.tsx::KlevuProductOnProductClick": {
      "declaration": "{ product: Partial<KlevuRecord>; originalEvent: MouseEvent }",
      "docstring": "",
      "path": "src/components/klevu-product/klevu-product.tsx"
    },
    "src/components/klevu-product/klevu-product.tsx::KlevuProductAddToCart": {
      "declaration": "{ product: Partial<KlevuRecord> }",
      "docstring": "",
      "path": "src/components/klevu-product/klevu-product.tsx"
    },
    "src/components/klevu-textfield/klevu-textfield.tsx::KlevuTextfieldVariant": {
      "declaration": "export type KlevuTextfieldVariant = \"default\" | \"pill\"",
      "docstring": "",
      "path": "src/components/klevu-textfield/klevu-textfield.tsx"
    },
    "src/components/klevu-product-query/klevu-product-query.tsx::WidgetLayout": {
      "declaration": "export type WidgetLayout = \"embedded\" | \"popup\"",
      "docstring": "",
      "path": "src/components/klevu-product-query/klevu-product-query.tsx"
    },
    "../klevu-core/dist/cjs/index.d.ts::MoiRequest": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "../klevu-core/dist/cjs/index.d.ts::ProductInfo": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "src/components/klevu-query/klevu-query.tsx::AllQueryOptions": {
      "declaration": "export type AllQueryOptions = KlevuMerchandisingOptions | KlevuKMCRecommendationOptions | KlevuSearchOptions",
      "docstring": "",
      "path": "src/components/klevu-query/klevu-query.tsx"
    },
    "../klevu-core/dist/cjs/index.d.ts::KlevuSearchSorting": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "../klevu-core/dist/cjs/index.d.ts::KlevuFetchModifer": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "../klevu-core/dist/cjs/index.d.ts::KlevuQueryResult": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "../klevu-core/dist/cjs/index.d.ts::KlevuSuggestionResult": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "src/components/klevu-search-field/klevu-search-field.tsx::SearchFieldVariant": {
      "declaration": "export type SearchFieldVariant = \"default\" | \"pill\" | \"default-no-button\"",
      "docstring": "",
      "path": "src/components/klevu-search-field/klevu-search-field.tsx"
    },
    "../klevu-core/dist/cjs/index.d.ts::KlevuSearchOptions": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "src/components/klevu-search-field/klevu-search-field.tsx::SearchResultsEventData": {
      "declaration": "{\n  fallback?: KlevuResponseQueryObject\n  search?: KlevuResponseQueryObject\n  category?: KlevuResponseQueryObject\n  cms?: KlevuResponseQueryObject\n}",
      "docstring": "",
      "path": "src/components/klevu-search-field/klevu-search-field.tsx"
    },
    "src/components/klevu-search-field/klevu-search-field.tsx::SuggestionsEventData": {
      "declaration": "interface Array<T> {\n    /**\n     * Gets or sets the length of the array. This is a number one higher than the highest index in the array.\n     */\n    length: number;\n    /**\n     * Returns a string representation of an array.\n     */\n    toString(): string;\n    /**\n     * Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.\n     */\n    toLocaleString(): string;\n    /**\n     * Removes the last element from an array and returns it.\n     * If the array is empty, undefined is returned and the array is not modified.\n     */\n    pop(): T | undefined;\n    /**\n     * Appends new elements to the end of an array, and returns the new length of the array.\n     * @param items New elements to add to the array.\n     */\n    push(...items: T[]): number;\n    /**\n     * Combines two or more arrays.\n     * This method returns a new array without modifying any existing arrays.\n     * @param items Additional arrays and/or items to add to the end of the array.\n     */\n    concat(...items: ConcatArray<T>[]): T[];\n    /**\n     * Combines two or more arrays.\n     * This method returns a new array without modifying any existing arrays.\n     * @param items Additional arrays and/or items to add to the end of the array.\n     */\n    concat(...items: (T | ConcatArray<T>)[]): T[];\n    /**\n     * Adds all the elements of an array into a string, separated by the specified separator string.\n     * @param separator A string used to separate one element of the array from the next in the resulting string. If omitted, the array elements are separated with a comma.\n     */\n    join(separator?: string): string;\n    /**\n     * Reverses the elements in an array in place.\n     * This method mutates the array and returns a reference to the same array.\n     */\n    reverse(): T[];\n    /**\n     * Removes the first element from an array and returns it.\n     * If the array is empty, undefined is returned and the array is not modified.\n     */\n    shift(): T | undefined;\n    /**\n     * Returns a copy of a section of an array.\n     * For both start and end, a negative index can be used to indicate an offset from the end of the array.\n     * For example, -2 refers to the second to last element of the array.\n     * @param start The beginning index of the specified portion of the array.\n     * If start is undefined, then the slice begins at index 0.\n     * @param end The end index of the specified portion of the array. This is exclusive of the element at the index 'end'.\n     * If end is undefined, then the slice extends to the end of the array.\n     */\n    slice(start?: number, end?: number): T[];\n    /**\n     * Sorts an array in place.\n     * This method mutates the array and returns a reference to the same array.\n     * @param compareFn Function used to determine the order of the elements. It is expected to return\n     * a negative value if the first argument is less than the second argument, zero if they're equal, and a positive\n     * value otherwise. If omitted, the elements are sorted in ascending, ASCII character order.\n     * ```ts\n     * [11,2,22,1].sort((a, b) => a - b)\n     * ```\n     */\n    sort(compareFn?: (a: T, b: T) => number): this;\n    /**\n     * Removes elements from an array and, if necessary, inserts new elements in their place, returning the deleted elements.\n     * @param start The zero-based location in the array from which to start removing elements.\n     * @param deleteCount The number of elements to remove.\n     * @returns An array containing the elements that were deleted.\n     */\n    splice(start: number, deleteCount?: number): T[];\n    /**\n     * Removes elements from an array and, if necessary, inserts new elements in their place, returning the deleted elements.\n     * @param start The zero-based location in the array from which to start removing elements.\n     * @param deleteCount The number of elements to remove.\n     * @param items Elements to insert into the array in place of the deleted elements.\n     * @returns An array containing the elements that were deleted.\n     */\n    splice(start: number, deleteCount: number, ...items: T[]): T[];\n    /**\n     * Inserts new elements at the start of an array, and returns the new length of the array.\n     * @param items Elements to insert at the start of the array.\n     */\n    unshift(...items: T[]): number;\n    /**\n     * Returns the index of the first occurrence of a value in an array, or -1 if it is not present.\n     * @param searchElement The value to locate in the array.\n     * @param fromIndex The array index at which to begin the search. If fromIndex is omitted, the search starts at index 0.\n     */\n    indexOf(searchElement: T, fromIndex?: number): number;\n    /**\n     * Returns the index of the last occurrence of a specified value in an array, or -1 if it is not present.\n     * @param searchElement The value to locate in the array.\n     * @param fromIndex The array index at which to begin searching backward. If fromIndex is omitted, the search starts at the last index in the array.\n     */\n    lastIndexOf(searchElement: T, fromIndex?: number): number;\n    /**\n     * Determines whether all the members of an array satisfy the specified test.\n     * @param predicate A function that accepts up to three arguments. The every method calls\n     * the predicate function for each element in the array until the predicate returns a value\n     * which is coercible to the Boolean value false, or until the end of the array.\n     * @param thisArg An object to which the this keyword can refer in the predicate function.\n     * If thisArg is omitted, undefined is used as the this value.\n     */\n    every<S extends T>(predicate: (value: T, index: number, array: T[]) => value is S, thisArg?: any): this is S[];\n    /**\n     * Determines whether all the members of an array satisfy the specified test.\n     * @param predicate A function that accepts up to three arguments. The every method calls\n     * the predicate function for each element in the array until the predicate returns a value\n     * which is coercible to the Boolean value false, or until the end of the array.\n     * @param thisArg An object to which the this keyword can refer in the predicate function.\n     * If thisArg is omitted, undefined is used as the this value.\n     */\n    every(predicate: (value: T, index: number, array: T[]) => unknown, thisArg?: any): boolean;\n    /**\n     * Determines whether the specified callback function returns true for any element of an array.\n     * @param predicate A function that accepts up to three arguments. The some method calls\n     * the predicate function for each element in the array until the predicate returns a value\n     * which is coercible to the Boolean value true, or until the end of the array.\n     * @param thisArg An object to which the this keyword can refer in the predicate function.\n     * If thisArg is omitted, undefined is used as the this value.\n     */\n    some(predicate: (value: T, index: number, array: T[]) => unknown, thisArg?: any): boolean;\n    /**\n     * Performs the specified action for each element in an array.\n     * @param callbackfn  A function that accepts up to three arguments. forEach calls the callbackfn function one time for each element in the array.\n     * @param thisArg  An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.\n     */\n    forEach(callbackfn: (value: T, index: number, array: T[]) => void, thisArg?: any): void;\n    /**\n     * Calls a defined callback function on each element of an array, and returns an array that contains the results.\n     * @param callbackfn A function that accepts up to three arguments. The map method calls the callbackfn function one time for each element in the array.\n     * @param thisArg An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.\n     */\n    map<U>(callbackfn: (value: T, index: number, array: T[]) => U, thisArg?: any): U[];\n    /**\n     * Returns the elements of an array that meet the condition specified in a callback function.\n     * @param predicate A function that accepts up to three arguments. The filter method calls the predicate function one time for each element in the array.\n     * @param thisArg An object to which the this keyword can refer in the predicate function. If thisArg is omitted, undefined is used as the this value.\n     */\n    filter<S extends T>(predicate: (value: T, index: number, array: T[]) => value is S, thisArg?: any): S[];\n    /**\n     * Returns the elements of an array that meet the condition specified in a callback function.\n     * @param predicate A function that accepts up to three arguments. The filter method calls the predicate function one time for each element in the array.\n     * @param thisArg An object to which the this keyword can refer in the predicate function. If thisArg is omitted, undefined is used as the this value.\n     */\n    filter(predicate: (value: T, index: number, array: T[]) => unknown, thisArg?: any): T[];\n    /**\n     * Calls the specified callback function for all the elements in an array. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n     * @param callbackfn A function that accepts up to four arguments. The reduce method calls the callbackfn function one time for each element in the array.\n     * @param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n     */\n    reduce(callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T): T;\n    reduce(callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T, initialValue: T): T;\n    /**\n     * Calls the specified callback function for all the elements in an array. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n     * @param callbackfn A function that accepts up to four arguments. The reduce method calls the callbackfn function one time for each element in the array.\n     * @param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n     */\n    reduce<U>(callbackfn: (previousValue: U, currentValue: T, currentIndex: number, array: T[]) => U, initialValue: U): U;\n    /**\n     * Calls the specified callback function for all the elements in an array, in descending order. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n     * @param callbackfn A function that accepts up to four arguments. The reduceRight method calls the callbackfn function one time for each element in the array.\n     * @param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n     */\n    reduceRight(callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T): T;\n    reduceRight(callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T, initialValue: T): T;\n    /**\n     * Calls the specified callback function for all the elements in an array, in descending order. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n     * @param callbackfn A function that accepts up to four arguments. The reduceRight method calls the callbackfn function one time for each element in the array.\n     * @param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n     */\n    reduceRight<U>(callbackfn: (previousValue: U, currentValue: T, currentIndex: number, array: T[]) => U, initialValue: U): U;\n\n    [n: number]: T;\n}",
      "docstring": "",
      "path": "src/components/klevu-search-field/klevu-search-field.tsx"
    },
    "../klevu-core/dist/cjs/index.d.ts::KlevuResponseQueryObject": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "src/components/klevu-quicksearch/klevu-quicksearch.tsx::KlevuQuicksearchResultVarint": {
      "declaration": "export type KlevuQuicksearchResultVarint = \"simple\" | \"full\"",
      "docstring": "",
      "path": "src/components/klevu-quicksearch/klevu-quicksearch.tsx"
    },
    "../klevu-core/dist/cjs/index.d.ts::KMCMapsRootObject": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "src/components/klevu-quicksearch/klevu-quicksearch.tsx::KlevuQuicksearchDataEvent": {
      "declaration": "{\n  trendingProducts?: KlevuRecord[]\n  lastClickedProducts?: KlevuRecord[]\n  searchResult?: KlevuQueryResult\n}",
      "docstring": "",
      "path": "src/components/klevu-quicksearch/klevu-quicksearch.tsx"
    },
    "src/components/klevu-typography/klevu-typography.tsx::KlevuTypographyVariant": {
      "declaration": "export type KlevuTypographyVariant =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"body-l\"\n  | \"body-m\"\n  | \"body-s\"\n  | \"body-xs\"\n  | \"body-l-bold\"\n  | \"body-m-bold\"\n  | \"body-s-bold\"\n  | \"body-xs-bold\"",
      "docstring": "",
      "path": "src/components/klevu-typography/klevu-typography.tsx"
    },
    "src/components/klevu-util-viewport/klevu-util-viewport.tsx::ViewportSize": {
      "declaration": "{ name: ViewportSizeName; minWidth: number; maxWidth: number }",
      "docstring": "",
      "path": "src/components/klevu-util-viewport/klevu-util-viewport.tsx"
    },
    "../klevu-core/dist/cjs/index.d.ts::KlevuMerchandisingOptions": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "../klevu-core/dist/cjs/index.d.ts::KlevuConfig": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    },
    "src/components.d.ts::KlevuDropdownVariant": {
      "declaration": "any",
      "docstring": "",
      "path": "src/components.d.ts"
    },
    "../klevu-core/dist/cjs/index.d.ts::FilterManagerFilters": {
      "declaration": "any",
      "docstring": "",
      "path": "../klevu-core/dist/cjs/index.d.ts"
    }
  }
}