@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

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

@@ -1,4 +1,4 @@
-import { Component, Prop, h, State, Listen, Event, Element } from '@stencil/core';
+import { h } from '@stencil/core';
 import { ColorVariant } from '../../../utils/utils';
 import { jsonParserWorker } from '../../../global/globalScript';
 export class SiteSearch {
@@ -8,7 +8,13 @@ export class SiteSearch {
     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() {
@@ -169,333 +175,312 @@ export class SiteSearch {
         '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 && (h("div", { class: {
-          'site-search__panel': true,
-          'site-search__panel__is-open': this.isSearchPanelOpen,
-        }, "aria-hidden": `${!this.isSearchPanelOpen}` },
-        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("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 && (h("div", { class: {
+        'site-search__panel': true,
+        'site-search__panel__is-open': this.isSearchPanelOpen,
+      }, "aria-hidden": `${!this.isSearchPanelOpen}` }, 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 }))))))));
   }
   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"
+  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"
+            }
           }
-        }
-      },
-      "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": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "ColorVariant.black"
       },
-      "attribute": "is-alternative",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "isGroup": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "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"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "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"
       },
-      "attribute": "is-group",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "isLuomusGroup": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "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"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "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"
       },
-      "attribute": "is-luomus-group",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "isBetaGroup": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "searchLanguage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "search-language",
+        "reflect": false
       },
-      "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"
+      "labels": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ComponentLabels[] | string",
+          "resolved": "ComponentLabels[] | string",
+          "references": {
+            "ComponentLabels": {
+              "location": "import",
+              "path": "../site-header"
+            }
           }
-        }
-      },
-      "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": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "labels",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "searchLabels": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "search-labels",
+        "reflect": false
       },
-      "attribute": "search-labels",
-      "reflect": false
-    },
-    "searchTools": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "searchTools": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "search-tools",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "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"
       },
-      "attribute": "search-tools",
-      "reflect": false
-    },
-    "showLabel": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false
       },
-      "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": {}
+      "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": "menuDesktopToggled",
-      "method": "desktopMenuToggled",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "menuMobileToggled",
-      "method": "mobileMenuToggled",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "menuLanguageToggled",
-      "method": "menuLanguageToggled",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "universityMainMenuToggled",
-      "method": "universityMainMenuPanelToggled",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "click",
-      "method": "handleWindowClick",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "menuDesktopToggled",
+        "method": "desktopMenuToggled",
+        "target": "document",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "menuMobileToggled",
+        "method": "mobileMenuToggled",
+        "target": "document",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "menuLanguageToggled",
+        "method": "menuLanguageToggled",
+        "target": "document",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "universityMainMenuToggled",
+        "method": "universityMainMenuPanelToggled",
+        "target": "document",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "click",
+        "method": "handleWindowClick",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }