@itcenteratunihelsinki/huds-lib 0.8.73 → 0.8.74

package/dist/collection/components/hy-site-header/site-search/site-search.js

@@ -2,440 +2,441 @@ import { h } from "@stencil/core";
 import { ColorVariant } from "../../../utils/utils";
 import { jsonParserWorker } from "../../../global/globalScript";
 export class SiteSearch {
-  constructor() {
-    this.color = ColorVariant.black;
-    this.isAlternative = false;
-    this.isGroup = false;
-    this.isLuomusGroup = false;
-    this.isBetaGroup = false;
-    this.searchLanguage = undefined;
-    this.labels = undefined;
-    this.searchLabels = undefined;
-    this.searchTools = undefined;
-    this.showLabel = false;
-    this.size = undefined;
-    this.dataSearchSpecialTools = undefined;
-    this.isSearchPanelOpen = false;
-  }
-  async componentWillLoad() {
-    this._labels = await jsonParserWorker(this.labels);
-    // Special search tools.
-    if (this.searchTools) {
-      this._searchTools = await jsonParserWorker(this.searchTools);
+    constructor() {
+        this.color = ColorVariant.black;
+        this.isAlternative = false;
+        this.isGroup = false;
+        this.isLuomusGroup = false;
+        this.isBetaGroup = false;
+        this.searchLanguage = undefined;
+        this.labels = undefined;
+        this.searchLabels = undefined;
+        this.searchTools = undefined;
+        this.showLabel = false;
+        this.size = undefined;
+        this.dataSearchSpecialTools = undefined;
+        this.isSearchPanelOpen = false;
     }
-    if (this.searchLabels) {
-      this._searchLabels = await jsonParserWorker(this.searchLabels);
-      this.searchTitleLabel = this._searchLabels["search_label"];
-      this.searchCloseLabel = this._searchLabels["search_close_label"];
-      this.searchToolsLabel = this._searchLabels["search_tools_label"];
-      this.searchDescriptionLabel = this._searchLabels["search_description"];
+    async componentWillLoad() {
+        this._labels = await jsonParserWorker(this.labels);
+        // Special search tools.
+        if (this.searchTools) {
+            this._searchTools = await jsonParserWorker(this.searchTools);
+        }
+        if (this.searchLabels) {
+            this._searchLabels = await jsonParserWorker(this.searchLabels);
+            this.searchTitleLabel = this._searchLabels["search_label"];
+            this.searchCloseLabel = this._searchLabels["search_close_label"];
+            this.searchToolsLabel = this._searchLabels["search_tools_label"];
+            this.searchDescriptionLabel = this._searchLabels["search_description"];
+        }
     }
-  }
-  // CLose the search panel if user opens the any other dropdown in header.
-  // Do same if user scrolls up or down;
-  closePanelWhenOtherDropdownsTriggered() {
-    this.closeSearchPanel();
-  }
-  handleWindowClick(event) {
-    // Check if event is being fired during pressing a key (event.detail==0 in this case)
-    if (event.detail == 0)
-      return;
-    if (this.isSearchPanelOpen) {
-      const path = event.path || (event.composedPath && event.composedPath());
-      if (path[0].classList.contains("hy-backdrop")) {
+    // CLose the search panel if user opens the any other dropdown in header.
+    // Do same if user scrolls up or down;
+    closePanelWhenOtherDropdownsTriggered() {
         this.closeSearchPanel();
-        event.stopPropagation();
-      }
     }
-  }
-  closeSearchPanel() {
-    this.isSearchPanelOpen = false;
-    let cludoSayt = document.querySelectorAll("stencil-cludo-sayt")[0];
-    if (cludoSayt) {
-      let CludoSayt = window.CludoSayt;
-      if (typeof CludoSayt !== "undefined") {
-        CludoSayt.hide();
-      }
-    }
-    //this.showBackdropShadow();
-  }
-  handleSearchPanelToggle(event) {
-    // What is this??
-    // TODO: Cleanup
-    if (this.isLuomusGroup) {
-      let beta = this.isBetaGroup ? "/beta" : "";
-      let luomus_search_url = "/" + this.searchLanguage + beta + "/luomus/search-results";
-      if (this.searchLanguage == "fi") {
-        luomus_search_url = "/" + this.searchLanguage + beta + "/luomus/hakutulokset";
-      }
-      else if (this.searchLanguage == "sv") {
-        luomus_search_url = "/" + this.searchLanguage + beta + "/luomus/sokresultat";
-      }
-      else if (this.searchLanguage == "ru") {
-        luomus_search_url = "/" + this.searchLanguage + beta + "/luomus/rezultaty-poiska";
-      }
-      location.href = luomus_search_url;
+    handleWindowClick(event) {
+        // Check if event is being fired during pressing a key (event.detail==0 in this case)
+        if (event.detail == 0)
+            return;
+        if (this.isSearchPanelOpen) {
+            const path = event.path || (event.composedPath && event.composedPath());
+            if (path[0].classList.contains("hy-backdrop")) {
+                this.closeSearchPanel();
+                event.stopPropagation();
+            }
+        }
     }
-    else {
-      this.isSearchPanelOpen = !this.isSearchPanelOpen;
-      if (this.isSearchPanelOpen) {
-        // Close desktop menu panel and lang menu panel if they are open.
-        this.searchPanelToggled.emit();
-        //this.adjustPosition(this.el);
-        // Remove hidden class from cludo suggestions
+    closeSearchPanel() {
+        this.isSearchPanelOpen = false;
         let cludoSayt = document.querySelectorAll("stencil-cludo-sayt")[0];
         if (cludoSayt) {
-          const cludoSearchContentFormElement = this.el.shadowRoot.querySelector("#cludo-search-content-form");
-          cludoSayt.classList.remove("hidden");
-          cludoSearchContentFormElement === null || cludoSearchContentFormElement === void 0 ? void 0 : cludoSearchContentFormElement.append(cludoSayt);
-          cludoSayt.shadowRoot.querySelector("#cludo-reli-flexi-wrapper").style.position = "relative";
-          cludoSayt.shadowRoot.querySelector("#cludo-reli-flexi").style.position = "relative";
-          cludoSayt.shadowRoot.querySelector("#cludo-reli-flexi").style.maxWidth = "none";
+            let CludoSayt = window.CludoSayt;
+            if (typeof CludoSayt !== "undefined") {
+                CludoSayt.hide();
+            }
         }
-        // Without setTimeout it will not focus the input because it hasn't rendered yet.
-        setTimeout(() => {
-          const searchInput = this.el.shadowRoot.querySelector("input#search");
-          searchInput === null || searchInput === void 0 ? void 0 : searchInput.focus();
-        });
-      }
-      else {
-        this.closeSearchPanel();
-      }
+        //this.showBackdropShadow();
     }
-    event.stopPropagation();
-  }
-  render() {
-    const currentPageUrlPathName = window.location.pathname;
-    const searchPagePathNames = ["/fi/haku", "/en/search", "/sv/sök"];
-    return (h("div", { class: {
-        "site-search": true,
-        "site-search__is-open": this.isSearchPanelOpen,
-        "is-group": this.isGroup,
-      } }, h("button", { "aria-label": this.showLabel ? this._labels["open"] : "", "aria-expanded": `${this.isSearchPanelOpen}`, class: {
-        "button--search": true,
-        "is-open--menu": this.isAlternative,
-        "is-open": this.isSearchPanelOpen,
-        "is-active": searchPagePathNames.some((item) => item === currentPageUrlPathName),
-      }, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (h("span", { class: { "button--search__label": true, "button--search__label__group": this.isGroup } }, this._labels["label"])) : (""), h("hy-icon", { icon: "hy-icon-search", size: this.size, fill: this.color })), (!this.isLuomusGroup && this.isSearchPanelOpen) && (h("div", { class: {
-        "site-search__panel": true,
-        "site-search__panel__is-open": this.isSearchPanelOpen,
-      }, "aria-hidden": `${!this.isSearchPanelOpen}` }, h("div", { class: "site-search__panel__content" }, h("div", { class: "site-search__panel__wrapper" }, h("div", { class: "site-search__panel__title" }, h("div", { class: "site-search__panel__title__group" }, h("span", { class: "panel-title" }, this.searchTitleLabel), h("div", { class: "description" }, this.searchDescriptionLabel))), h("div", { id: "cludo-search-results", class: "container_12" }, h("div", { class: "search-banner" }), h("div", { class: "search-filters search-filters-mobile" }), h("div", { class: "col-md-12" }, h("div", { style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, h("hy-search-field", { "input-id": "search", label: "" }))), h("div", { class: "col-md-3" }, h("div", { class: "search-filters", "aria-controls": "search-results" })), h("div", { class: "col-md-9" }, h("div", { class: "search-results-container" }, h("hy-paragraph-text", null, h("div", { class: "search-result-count" })), h("div", { class: "search-did-you-mean", role: "Complementary" }), h("div", { class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (h("div", { class: "site-search__panel__tools" }, h("div", { class: "title" }, this.searchToolsLabel), h("div", { class: "list" }, this._searchTools.map((i) => {
-      let searchToolTarget = i.isExternal ? "_blank" : "_self";
-      return (h("a", { class: "search-special-tool", href: i.url, target: searchToolTarget }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 14, fill: ColorVariant.black }), h("span", { class: "label" }, i.label), h("span", { class: "description" }, i.description)));
-    })))), h("button", { onClick: () => this.closeSearchPanel(), class: {
-        "site-search__panel__panel-toggle": true,
-      }, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, h("span", { class: "site-search__panel__panel-toggle__label" }, h("span", { class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), h("hy-icon", { icon: "hy-icon-remove", size: 16, fill: ColorVariant.black })))), h("div", { class: "site-search__panel__space-box", onClick: () => this.closeSearchPanel() }))))));
-  }
-  static get is() { return "hy-site-search"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["site-search.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["site-search.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "color": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "ColorVariant",
-          "resolved": "ColorVariant.black | ColorVariant.grey_dark | ColorVariant.white",
-          "references": {
-            "ColorVariant": {
-              "location": "import",
-              "path": "../../../utils/utils"
+    handleSearchPanelToggle(event) {
+        // What is this??
+        // TODO: Cleanup
+        if (this.isLuomusGroup) {
+            let beta = this.isBetaGroup ? "/beta" : "";
+            let luomus_search_url = "/" + this.searchLanguage + beta + "/luomus/search-results";
+            if (this.searchLanguage == "fi") {
+                luomus_search_url = "/" + this.searchLanguage + beta + "/luomus/hakutulokset";
+            }
+            else if (this.searchLanguage == "sv") {
+                luomus_search_url = "/" + this.searchLanguage + beta + "/luomus/sokresultat";
+            }
+            else if (this.searchLanguage == "ru") {
+                luomus_search_url = "/" + this.searchLanguage + beta + "/luomus/rezultaty-poiska";
+            }
+            location.href = luomus_search_url;
+        }
+        else {
+            this.isSearchPanelOpen = !this.isSearchPanelOpen;
+            if (this.isSearchPanelOpen) {
+                // Close desktop menu panel and lang menu panel if they are open.
+                this.searchPanelToggled.emit();
+                //this.adjustPosition(this.el);
+                // Remove hidden class from cludo suggestions
+                let cludoSayt = document.querySelectorAll("stencil-cludo-sayt")[0];
+                if (cludoSayt) {
+                    const cludoSearchContentFormElement = this.el.shadowRoot.querySelector("#cludo-search-content-form");
+                    cludoSayt.classList.remove("hidden");
+                    cludoSearchContentFormElement === null || cludoSearchContentFormElement === void 0 ? void 0 : cludoSearchContentFormElement.append(cludoSayt);
+                    cludoSayt.shadowRoot.querySelector("#cludo-reli-flexi-wrapper").style.position = "relative";
+                    cludoSayt.shadowRoot.querySelector("#cludo-reli-flexi").style.position = "relative";
+                    cludoSayt.shadowRoot.querySelector("#cludo-reli-flexi").style.maxWidth = "none";
+                }
+                // Without setTimeout it will not focus the input because it hasn't rendered yet.
+                setTimeout(() => {
+                    const searchInput = this.el.shadowRoot.querySelector("input#search");
+                    searchInput === null || searchInput === void 0 ? void 0 : searchInput.focus();
+                });
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "color",
-        "reflect": false,
-        "defaultValue": "ColorVariant.black"
-      },
-      "isAlternative": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-alternative",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "isGroup": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-group",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "isLuomusGroup": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-luomus-group",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "isBetaGroup": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-beta-group",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "searchLanguage": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "search-language",
-        "reflect": false
-      },
-      "labels": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "ComponentLabels[] | string",
-          "resolved": "ComponentLabels[] | string",
-          "references": {
-            "ComponentLabels": {
-              "location": "import",
-              "path": "../site-header"
+            else {
+                this.closeSearchPanel();
             }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "labels",
-        "reflect": false
-      },
-      "searchLabels": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "search-labels",
-        "reflect": false
-      },
-      "searchTools": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "search-tools",
-        "reflect": false
-      },
-      "showLabel": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "show-label",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "size": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "size",
-        "reflect": false
-      },
-      "dataSearchSpecialTools": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "data-search-special-tools",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "isSearchPanelOpen": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "searchPanelToggled",
-        "name": "searchPanelToggled",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
         }
-      }];
-  }
-  static get elementRef() { return "el"; }
-  static get listeners() {
-    return [{
-        "name": "menuMobileToggled",
-        "method": "closePanelWhenOtherDropdownsTriggered",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "menuDesktopToggled",
-        "method": "closePanelWhenOtherDropdownsTriggered",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "menuLanguageToggled",
-        "method": "closePanelWhenOtherDropdownsTriggered",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "universityMainMenuToggled",
-        "method": "closePanelWhenOtherDropdownsTriggered",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "menuToggled",
-        "method": "closePanelWhenOtherDropdownsTriggered",
-        "target": "window",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "headerScrollUp",
-        "method": "closePanelWhenOtherDropdownsTriggered",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "headerScrollDown",
-        "method": "closePanelWhenOtherDropdownsTriggered",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "click",
-        "method": "handleWindowClick",
-        "target": "window",
-        "capture": false,
-        "passive": false
-      }];
-  }
+        event.stopPropagation();
+    }
+    render() {
+        const currentPageUrlPathName = window.location.pathname;
+        const searchPagePathNames = ["/fi/haku", "/en/search", "/sv/sök"];
+        return (h("div", { key: '9f437c37797c7e5bd5854734877af5f5ebf27379', class: {
+                "site-search": true,
+                "site-search__is-open": this.isSearchPanelOpen,
+                "is-group": this.isGroup,
+            } }, h("button", { key: '0711bef406e2961d25b5db2b13168da7ff17e69e', "aria-label": this.showLabel ? this._labels["open"] : "", "aria-expanded": `${this.isSearchPanelOpen}`, class: {
+                "button--search": true,
+                "is-open--menu": this.isAlternative,
+                "is-open": this.isSearchPanelOpen,
+                "is-active": searchPagePathNames.some((item) => item === currentPageUrlPathName),
+            }, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (h("span", { class: { "button--search__label": true, "button--search__label__group": this.isGroup } }, this._labels["label"])) : (""), h("hy-icon", { key: '92daa35b3d0e58eaffc80affcddfbfa257b1cc36', icon: "hy-icon-search", size: this.size, fill: this.color })), (!this.isLuomusGroup && this.isSearchPanelOpen) && (h("div", { key: 'af7013ad82abe5f83a1efabb14c2f441de81c419', class: {
+                "site-search__panel": true,
+                "site-search__panel__is-open": this.isSearchPanelOpen,
+            }, "aria-hidden": `${!this.isSearchPanelOpen}` }, h("div", { key: '6ed52de939989022bf7b75989d26f5513fe2e2b2', class: "site-search__panel__content" }, h("div", { key: '73d114aacb85183187ab53abea184f911cf35345', class: "site-search__panel__wrapper" }, h("div", { key: 'e3404b8aa3910b5e4f79878f5dd042da1ef66dfa', class: "site-search__panel__title" }, h("div", { key: 'aaf3c4cb2c1bb44f7b7c44db208d7c242bbf8db0', class: "site-search__panel__title__group" }, h("span", { key: 'c2301ba1440dd4291591f28d9fa6653b2116a6cc', class: "panel-title" }, this.searchTitleLabel), h("div", { key: 'e289c8398b713fdda0c77278dc300530a9abc16a', class: "description" }, this.searchDescriptionLabel))), h("div", { key: '34bcd7ac864fd13988d31ef2dcde7fe240482757', id: "cludo-search-results", class: "container_12" }, h("div", { key: 'd3a23a35379be079b4842e8be0389521a994a2bc', class: "search-banner" }), h("div", { key: 'c901c907fe8d99e74feef6a0aafa5187361b4832', class: "search-filters search-filters-mobile" }), h("div", { key: '3ffd97dd72c268285875afdda497db6ac88c7677', class: "col-md-12" }, h("div", { key: 'da1ce482ea6f6a3bfa6c86e735a8b1c7a70dd146', style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, h("hy-search-field", { key: 'd342ede5f9c546d04ca4734a24cad6a07e7a391b', "input-id": "search", label: "" }))), h("div", { key: 'd685c958c2929351730465e708339faddb4b1864', class: "col-md-3" }, h("div", { key: 'c48085307368025d5769c4fafb1cf2c06ed728e3', class: "search-filters", "aria-controls": "search-results" })), h("div", { key: 'f9d93ef835ea12c5cad682447ee4c8bc75c475c0', class: "col-md-9" }, h("div", { key: 'fd04d8274e9a0b2f7e23cdf37d696bc889fd74bc', class: "search-results-container" }, h("hy-paragraph-text", { key: '38e86a92828084826ae50f77428f064634bd342f' }, h("div", { key: 'f68102417dee83ad19c3539ae5b76cfeb8da26a2', class: "search-result-count" })), h("div", { key: '4c13e758cef6c77ae4aae2f8d6059461cadbd640', class: "search-did-you-mean", role: "Complementary" }), h("div", { key: 'aca5ed57e5051c1b6d7c894c72ea63e7905b7f5b', class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (h("div", { key: 'e38b26dadcac5fa6e6a630bf031b9ed0510980a4', class: "site-search__panel__tools" }, h("div", { key: '3f285cc5ba6439f80d27707a44f37c697560b09d', class: "title" }, this.searchToolsLabel), h("div", { key: 'a73845acae85f2ced5d0bf2d2a098603d134b3ee', class: "list" }, this._searchTools.map((i) => {
+            let searchToolTarget = i.isExternal ? "_blank" : "_self";
+            return (h("a", { class: "search-special-tool", href: i.url, target: searchToolTarget }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 14, fill: ColorVariant.black }), h("span", { class: "label" }, i.label), h("span", { class: "description" }, i.description)));
+        })))), h("button", { key: '53010753be2d1bf888806172866cfab1651954fe', onClick: () => this.closeSearchPanel(), class: {
+                "site-search__panel__panel-toggle": true,
+            }, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, h("span", { key: '4f0aa66d5136788dca11bddf47c569651db43f46', class: "site-search__panel__panel-toggle__label" }, h("span", { key: 'b9e7af6ad56dd5bccca194ab906b7337b5aad0b0', class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), h("hy-icon", { key: 'd8baf375ca28cf9126c5a69b1c0b9a47b07e4522', icon: "hy-icon-remove", size: 16, fill: ColorVariant.black })))), h("div", { key: 'f580d8f64b162aa847c4de699257a11b21debf53', class: "site-search__panel__space-box", onClick: () => this.closeSearchPanel() }))))));
+    }
+    static get is() { return "hy-site-search"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["site-search.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["site-search.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ColorVariant",
+                    "resolved": "ColorVariant.black | ColorVariant.grey_dark | ColorVariant.white",
+                    "references": {
+                        "ColorVariant": {
+                            "location": "import",
+                            "path": "../../../utils/utils",
+                            "id": "src/utils/utils.ts::ColorVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "color",
+                "reflect": false,
+                "defaultValue": "ColorVariant.black"
+            },
+            "isAlternative": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-alternative",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "isGroup": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-group",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "isLuomusGroup": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-luomus-group",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "isBetaGroup": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-beta-group",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "searchLanguage": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "search-language",
+                "reflect": false
+            },
+            "labels": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ComponentLabels[] | string",
+                    "resolved": "ComponentLabels[] | string",
+                    "references": {
+                        "ComponentLabels": {
+                            "location": "import",
+                            "path": "../site-header",
+                            "id": "src/components/hy-site-header/site-header.tsx::ComponentLabels"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "labels",
+                "reflect": false
+            },
+            "searchLabels": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "search-labels",
+                "reflect": false
+            },
+            "searchTools": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "search-tools",
+                "reflect": false
+            },
+            "showLabel": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-label",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "size": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "size",
+                "reflect": false
+            },
+            "dataSearchSpecialTools": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "data-search-special-tools",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isSearchPanelOpen": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "searchPanelToggled",
+                "name": "searchPanelToggled",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "menuMobileToggled",
+                "method": "closePanelWhenOtherDropdownsTriggered",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "menuDesktopToggled",
+                "method": "closePanelWhenOtherDropdownsTriggered",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "menuLanguageToggled",
+                "method": "closePanelWhenOtherDropdownsTriggered",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "universityMainMenuToggled",
+                "method": "closePanelWhenOtherDropdownsTriggered",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "menuToggled",
+                "method": "closePanelWhenOtherDropdownsTriggered",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "headerScrollUp",
+                "method": "closePanelWhenOtherDropdownsTriggered",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "headerScrollDown",
+                "method": "closePanelWhenOtherDropdownsTriggered",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "click",
+                "method": "handleWindowClick",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
-//# sourceMappingURL=site-search.js.map