@itcenteratunihelsinki/huds-lib 0.6.5 → 0.6.7

package/dist/collection/components/navigation/menu/menu.js

@@ -1,431 +0,0 @@
-import { Component, Element, Event, h, Listen, Prop, State } from '@stencil/core';
-import { MenuType } from '../../../utils/utils';
-import { jsonParserWorker } from '../../../global/globalScript';
-let breadcrumbTimeout = null;
-let addbreadTimeout = null;
-export class Menu {
-  constructor() {
-    this.isGroup = false;
-    this.isDemo = false;
-    this.menuIsOpen = true;
-    this.menuType = null;
-  }
-  // Listener for removing a breadcrumb from mobile menu breadcrumbs.
-  async removeBreadcrumb(data) {
-    clearTimeout(breadcrumbTimeout);
-    let breadcrumbs = await jsonParserWorker(this.breadcrumbs);
-    breadcrumbTimeout = setTimeout(() => {
-      let currentBreadcrumb = breadcrumbs
-        .map(function (e) {
-        return e.bid;
-      })
-        .indexOf(data.detail.bid);
-      for (let i = currentBreadcrumb, l = this.breadcrumbs.length; i < l; i++) {
-        this.menuContainerToggled.emit({
-          triggerItem: this.breadcrumbs[i].bid,
-          triggerType: 'remove',
-        });
-      }
-      this.breadcrumbs = [];
-      this.breadcrumbs = breadcrumbs.slice(0, -1);
-      // Reset if home breadcrumb link has been clicked.
-      if (currentBreadcrumb === 0) {
-        this.breadcrumbs = [];
-        // Notify menu-level-container toggle listener about closing all levels.
-        let elements = this.el.querySelectorAll('.hy-menu-level-container--mobile');
-        elements.forEach((element) => {
-          if (!element.classList.contains('hy-menu-level-container--level-0')) {
-            this.menuContainerToggled.emit({
-              triggerItem: element.getAttribute('trigger-item'),
-              triggerType: 'remove',
-            });
-          }
-        });
-      }
-    }, 100);
-  }
-  // Listener for adding a breadcrumb to mobile menu breadcrumbs.
-  addBreadcrumb(event) {
-    clearTimeout(addbreadTimeout);
-    addbreadTimeout = setTimeout(() => {
-      this.breadcrumbs = [
-        ...this.breadcrumbs,
-        {
-          label: event.detail.label,
-          bid: event.detail.bid,
-          url: event.detail.url,
-        },
-      ];
-    }, 100);
-  }
-  async componentWillLoad() {
-    this.breadcrumbs = [];
-  }
-  disconnectedCallback() {
-    clearTimeout(breadcrumbTimeout);
-    clearTimeout(addbreadTimeout);
-  }
-  componentWillUpdate() {
-    // Pass the menu type and menu-button-submenu-expand attributes to
-    // the child menu-level-container component.
-    this.el.children[0].setAttribute('menu-type', this.menuType);
-    this.el.children[0].setAttribute('menu-button-submenu-expand', this.menuButtonSubmenuExpand);
-  }
-  componentWillRender() {
-    // Set the donate link data.
-    if (this.dataMenuDonate) {
-      this.donateLink = JSON.parse(this.dataMenuDonate);
-    }
-    // Set demo value to all children to provide better UI for DS users.
-    if (this.isDemo) {
-      const items = Array.from(this.el.children);
-      items.forEach((item) => {
-        item.setAttribute('is-demo', 'true');
-      });
-    }
-  }
-  render() {
-    if (this.menuType === null)
-      return;
-    switch (this.menuType) {
-      case MenuType.desktop:
-        return (h("div", { class: 'hy-wrapper' },
-          h("nav", { role: 'navigation', class: {
-              'hy-menu-wrapper--desktop': true,
-              'is-open': this.menuIsOpen,
-            } },
-            h("div", { class: 'hy-menu hy-menu--desktop' },
-              h("slot", null)))));
-      case MenuType.mobile:
-        return (h("nav", { "data-is-group": this.isGroup, role: 'navigation', class: "hy-mobile-menu" },
-          h("section", { class: "hy-mobile-menu__header" },
-            h("div", { id: 'menu-bc-container', class: {
-                'hy-mobile-menu__breadcrumbs': true,
-                'is-empty': this.breadcrumbs.length === 0,
-              } }, this.breadcrumbs.length ? (h("hy-menu-mobile-breadcrumb", { "label-back": this.menuButtonBreadcrumbReturn, "label-front-page": this.labelFrontPage, label: this.breadcrumbs[this.breadcrumbs.length - 1].label, bid: this.breadcrumbs[this.breadcrumbs.length - 1].bid })) : (h("hy-menu-mobile-breadcrumb", { "label-back": this.menuButtonBreadcrumbReturn, "label-front-page": this.menuButtonBreadcrumbHome, label: this.menuButtonBreadcrumbHome, "is-first": true, "logo-url": this.logoUrl }))),
-            h("button", { class: `hy-mobile-menu__menu-close-button`, "aria-label": "Close menu", disabled: true, "aria-hidden": "true" },
-              h("span", null, "Close"),
-              h("hy-icon", { icon: 'hy-icon-remove', size: 16 }))),
-          h("section", { class: "hy-mobile-menu__menu-container" },
-            h("div", { "aria-hidden": `${!this.menuIsOpen}`, class: {
-                'hy-menu': true,
-                'hy-menu--mobile': true,
-                'is-open': this.menuIsOpen,
-                'is-demo': this.isDemo,
-              } },
-              h("slot", null))),
-          !this.isGroup && (h("div", { class: 'hy-mobile-menu__donate' }, this.donateLink
-            ? this.donateLink.map((i) => (h("a", { href: i.url },
-              h("hy-icon", { icon: 'hy-icon-heart-support', fill: 'currentColor', size: 16 }),
-              i.label)))
-            : ''))));
-    }
-  }
-  static get is() { return "hy-menu"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["menu.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["menu.css"]
-  }; }
-  static get properties() { return {
-    "dataMenuDonate": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-menu-donate",
-      "reflect": false
-    },
-    "dataMenuLanguage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-menu-language",
-      "reflect": 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"
-    },
-    "isDemo": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-demo",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "labelFrontPage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "label-front-page",
-      "reflect": false
-    },
-    "logoUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "logo-url",
-      "reflect": false
-    },
-    "logoLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "logo-label",
-      "reflect": false
-    },
-    "menuIsOpen": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "menu-is-open",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "menuType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "MenuType",
-        "resolved": "MenuType.desktop | MenuType.mobile | MenuType.tablet",
-        "references": {
-          "MenuType": {
-            "location": "import",
-            "path": "../../../utils/utils"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "menu-type",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "menuButtonSubmenuExpand": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "menu-button-submenu-expand",
-      "reflect": false
-    },
-    "menuButtonBreadcrumbReturn": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "menu-button-breadcrumb-return",
-      "reflect": false
-    },
-    "menuButtonBreadcrumbHome": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "menu-button-breadcrumb-home",
-      "reflect": false
-    },
-    "menuButtonBreadcrumbMain": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "menu-button-breadcrumb-main",
-      "reflect": false
-    },
-    "menuButtonBreadcrumbLogourl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "menu-button-breadcrumb-logourl",
-      "reflect": false
-    },
-    "dataSiteHeaderLabels": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-site-header-labels",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "breadcrumbs": {}
-  }; }
-  static get events() { return [{
-      "method": "menuContainerToggled",
-      "name": "menuContainerToggled",
-      "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": "removeBreadcrumb",
-      "method": "removeBreadcrumb",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "addBreadcrumb",
-      "method": "addBreadcrumb",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
-}