@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.42

package/dist/collection/components/navigation/hy-menu-main-group/hy-menu-main-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-menu-main-group.js","sourceRoot":"","sources":["../../../../src/components/navigation/hy-menu-main-group/hy-menu-main-group.tsx"],"names":[],"mappings":"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","sourcesContent":["export interface MainMenu {\n  label: string;\n  url: string;\n  menuLinkId: string;\n}\n\nexport interface DonateLink {\n  url: string;\n  label: string;\n}\n\nimport {Component, Host, h, Element, Prop, State, Listen, Event, EventEmitter} from '@stencil/core';\nimport {ColorVariant, SiteLogoSize} from '../../../utils/utils';\nimport {jsonParserWorker} from '../../../global/globalScript';\n\nlet keys = {\n  enter: 'Enter',\n};\n\n@Component({\n  tag: 'hy-menu-main-group',\n  styleUrl: 'hy-menu-main-group.scss',\n  shadow: true,\n})\nexport class HyMenuMainGroup {\n  @Element() el: HTMLElement;\n  @Prop() menuLabel: string = 'University main menu';\n  @Prop() menuLabelClose: string = 'Close';\n  @Prop() dataMainMenu: MainMenu[] | string;\n  @Prop() isMobile: boolean = false;\n  @Prop() logoUrl?: string;\n  @Prop() logoLabel?: string;\n  @Prop() siteLabel?: string;\n  @Prop() siteUrl?: string;\n  @Prop() donate: DonateLink[];\n  @State() isMenuOpen: boolean = false;\n\n  @Event() universityMainMenuToggled: EventEmitter;\n  @Event() mobileMenuTopToggle: EventEmitter;\n\n  private _dataMainMenu: MainMenu[];\n\n  @Listen('click', {capture: true})\n  handleComponentClick(event) {\n    event.stopPropagation();\n    this.emitEvent();\n\n    this.isMenuOpen = !this.isMenuOpen;\n    if (this.isMenuOpen) {\n      this.adjustMainMenuPosition(event.target);\n    }\n  }\n\n  @Listen('keydown')\n  handleComponentKeyDown(event: KeyboardEvent) {\n    event.stopPropagation();\n    const key = event.code;\n    let target = event.target as HTMLButtonElement;\n\n    if (key === 'Escape' && this.isMenuOpen) {\n      this.isMenuOpen = false;\n      this.emitEvent();\n    }\n\n    if (target && [keys.enter].includes(key)) {\n      this.isMenuOpen = !this.isMenuOpen;\n\n      if (this.isMenuOpen) {\n        this.emitEvent();\n        this.adjustMainMenuPosition(target);\n      }\n    }\n  }\n\n  emitEvent() {\n    // Close other panels if they are open (lang menu, search, main menu, ..).\n    this.universityMainMenuToggled.emit();\n    this.mobileMenuTopToggle.emit();\n  }\n\n  adjustMainMenuPosition(target) {\n    let hyTopHeader = this.el.closest('.hy-site-header__content-top') as HTMLElement;\n\n    if (hyTopHeader && !hyTopHeader.hasAttribute('is-mobile')) {\n      let mainMenuToggle = target.shadowRoot.querySelector('.menu--main-group__toggle') as HTMLElement;\n      let mainMenuDropdown = target.shadowRoot.querySelector('.menu--main-group__dropdown') as HTMLElement;\n      let mainMenuList = target.shadowRoot.querySelector('.list') as HTMLElement;\n      if (mainMenuDropdown && mainMenuList && mainMenuToggle) {\n        let rectHeader = hyTopHeader.getBoundingClientRect();\n        let rectMenuToggle = mainMenuToggle.getBoundingClientRect();\n        mainMenuDropdown.style.top = `${rectHeader.height}px`;\n\n        mainMenuList.style.left = `${rectMenuToggle.left}px`;\n      }\n      let headerHeight = hyTopHeader.offsetHeight + 270;\n\n      this.showBackdropShadow('open', headerHeight);\n    }\n  }\n\n  showBackdropShadow(state = 'close', top = 0) {\n    let hyHeader = this.el.closest('.hy-site-header') as HTMLElement;\n    let hyBackdropDiv = hyHeader.children[0] as HTMLElement;\n\n    if (hyBackdropDiv) {\n      if (state === 'open') {\n        let me = window.outerHeight - top;\n        hyBackdropDiv.style.height = `${me}px`;\n        hyBackdropDiv.style.top = `${top}px`;\n        hyBackdropDiv.style.position = 'absolute';\n        hyBackdropDiv.classList.add('is-active');\n      } else {\n        hyBackdropDiv.removeAttribute('style');\n        hyBackdropDiv.classList.remove('is-active');\n      }\n    }\n  }\n\n  async componentWillLoad() {\n    this._dataMainMenu = await jsonParserWorker(this.dataMainMenu);\n  }\n\n  handleTopMenuClose(event) {\n    this.isMenuOpen = false;\n    this.mobileMenuTopToggle.emit();\n    this.showBackdropShadow();\n    event.stopPropagation();\n  }\n\n  // Close the University main menu if user clicks anywhere outside the component.\n  @Listen('click', {target: 'window'})\n  @Listen('headerScrollDown', {target: 'window'})\n  @Listen('headerScrollUp', {target: 'window'})\n  handleOutsideMenuClick(event) {\n    if (this.isMenuOpen) {\n      this.isMenuOpen = false;\n      this.handleTopMenuClose(event);\n    }\n    event.stopPropagation();\n  }\n\n  // CLose the University main menu if user opens the desktop menu panel.\n  @Listen('menuDesktopToggled', {target: 'document'})\n  desktopMenuToggled() {\n    this.isMenuOpen = false;\n  }\n\n  // CLose the University main menu if user opens the search panel\n  @Listen('searchPanelToggled', {target: 'document'})\n  searchPanelToggled() {\n    this.isMenuOpen = false;\n  }\n\n  // CLose the University main menu if user opens the language menu panel.\n  @Listen('menuLanguageToggled', {target: 'document'})\n  languageMenuToggled() {\n    this.isMenuOpen = false;\n  }\n\n  render() {\n    const white = 'var(--grayscale-white)';\n    const logoSizeGroup = this.isMobile ? SiteLogoSize.small : SiteLogoSize.small;\n    const logoColorGroup = ColorVariant.white;\n\n    return this.isMobile ? (\n      <Host\n        class={{\n          'menu--main-group--mobile': true,\n          'menu--main-group--mobile__is-open': this.isMenuOpen,\n        }}\n      >\n        <button\n          aria-label={this.menuLabel}\n          class={{\n            'menu--main-group__mobile-toggle': true,\n            'is-open': this.isMenuOpen,\n          }}\n        >\n          <hy-icon icon={'hy-icon-slim-hamburger-menu'} size={20} fill={white} />\n        </button>\n        <nav\n          role=\"navigation\"\n          aria-hidden={this.isMenuOpen ? 'false' : 'true'}\n          class={{\n            'menu--main-group__dropdown--mobile': true,\n            'is-open': this.isMenuOpen,\n          }}\n        >\n          <div class=\"menu--main-group__dropdown__top\">\n            <div class={'menu--main-group__logo-container'} id={'menu-logo'}>\n              <hy-site-logo\n                is-group={true}\n                size={logoSizeGroup}\n                color={logoColorGroup}\n                url={this.siteUrl}\n                label={this.siteLabel}\n              />\n            </div>\n            <button\n              aria-label={`Close ${this.menuLabel}`}\n              class=\"menu--main-group__dropdown__close\"\n              onClick={(e) => this.handleTopMenuClose(e)}\n            >\n              <hy-icon icon={'hy-icon-remove'} size={20} fill={white} />\n            </button>\n          </div>\n          <div class=\"menu--main-group__dropdown__items\">\n            {this._dataMainMenu.map((item) => {\n              return (\n                <a href={item.url} class={{'menu-main-link': true}}>\n                  <span class={'menu--main-group__label'}>{item.label}</span>\n                </a>\n              );\n            })}\n          </div>\n          <div class=\"menu--main-group__dropdown__donate\">\n            {this.donate &&\n              this.donate.map((i) => {\n                return (\n                  <a class={'menu--secondary__item hy-link__donate group'} href={i.url}>\n                    <hy-icon icon={'hy-icon-heart-support'} size={14} fill={logoColorGroup} />\n                    <span class={'hy-link__donate__label group'}>{i.label}</span>\n                  </a>\n                );\n              })}\n          </div>\n        </nav>\n      </Host>\n    ) : (\n      <Host\n        class={{\n          'menu--main-group': true,\n          'menu--main-group__is-open': this.isMenuOpen,\n        }}\n      >\n        <button\n          class={{\n            'menu--main-group__toggle': true,\n            'is-open': this.isMenuOpen,\n          }}\n          aria-expanded={this.isMenuOpen ? 'true' : 'false'}\n          aria-haspopup=\"menu\"\n          //aria-label={this.isMenuOpen ? this._labels['close'] : this._labels['open']}\n        >\n          {this.isMenuOpen ? (\n            <hy-icon class={'toggle__close'} icon={'hy-icon-remove'} size={8} fill={white} />\n          ) : (\n            <hy-icon class={'toggle__caret'} icon={'hy-icon-slim-hamburger-menu'} size={8} fill={white} />\n          )}\n          <span>{this.menuLabel}</span>\n        </button>\n        <div\n          class={{\n            'menu--main-group__dropdown': true,\n            'is-open': this.isMenuOpen,\n          }}\n        >\n          <div class=\"list\">\n            {this._dataMainMenu.map((item) => {\n              return (\n                <a href={item.url} class={{'menu-main-link': true}}>\n                  <span class=\"heading-icon\">\n                    <hy-icon icon={'hy-icon-caret-right'} size={10} fill={white} />\n                  </span>\n                  <span class={'menu--main-group__label'}>{item.label}</span>\n                </a>\n              );\n            })}\n          </div>\n          <button\n            onClick={(e) => this.handleComponentClick(e)}\n            class={{\n              'panel-toggle': true,\n            }}\n            aria-label=\"Close menu\"\n          >\n            <span class=\"panel-toggle__label\">\n              <span class=\"panel-toggle__label__title\">{this.menuLabelClose}</span>\n              <hy-icon icon={'hy-icon-remove'} size={20} fill={ColorVariant.white} />\n            </span>\n          </button>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,8 +1,10 @@
-import { Component, h, Prop, Element, Listen, State, Event } from '@stencil/core';
+import { h } from '@stencil/core';
 import { jsonParserWorker } from '../../../global/globalScript';
 export class MenuLanguage {
   constructor() {
+    this.dataMenuLanguage = undefined;
     this.isGroup = false;
+    this.labels = undefined;
     this.isMenuOpen = false;
   }
   // Close the language menu if user clicks anywhere outside the Menu language component.
@@ -63,150 +65,158 @@ export class MenuLanguage {
         'menu-language': true,
         'is-open': this.isMenuOpen,
         'is-group': this.isGroup,
-      } },
-      h("button", { class: {
-          'menu-language__toggle': true,
-        }, "aria-label": this.isMenuOpen ? this._labels['close'] : this._labels['open'] },
-        h("hy-icon", { icon: 'hy-icon-globe', size: globeIconSize, fill: svgColor }),
-        h("span", null, this._dataMenuLanguage.map(({ isActive, langCode }) => {
-          if (isActive) {
-            return langCode;
-          }
-        })),
-        h("hy-icon", { icon: 'hy-icon-caret-down', size: 8, fill: svgColor })),
-      h("div", { class: {
-          'menu-language__dropdown': true,
-        }, "aria-hidden": `${!this.isMenuOpen}` },
-        h("ul", { class: "menu-language__links" }, this._dataMenuLanguage.map((item) => {
-          return (h("hy-menu-language-item", { "lang-code": item.langCode, url: item.url, label: item.label, abbr: item.abbr, "is-active": item.isActive, "is-disabled": item.isDisabled }));
-        })))));
+      } }, h("button", { class: {
+        'menu-language__toggle': true,
+      }, "aria-label": this.isMenuOpen ? this._labels['close'] : this._labels['open'] }, h("hy-icon", { icon: 'hy-icon-globe', size: globeIconSize, fill: svgColor }), h("span", null, this._dataMenuLanguage.map(({ isActive, langCode }) => {
+      if (isActive) {
+        return langCode;
+      }
+    })), h("hy-icon", { icon: 'hy-icon-caret-down', size: 8, fill: svgColor })), h("div", { class: {
+        'menu-language__dropdown': true,
+      }, "aria-hidden": `${!this.isMenuOpen}` }, h("ul", { class: "menu-language__links" }, this._dataMenuLanguage.map((item) => {
+      return (h("hy-menu-language-item", { "lang-code": item.langCode, url: item.url, label: item.label, abbr: item.abbr, "is-active": item.isActive, "is-disabled": item.isDisabled }));
+    })))));
   }
   static get is() { return "hy-menu-language"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["menu-language.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["menu-language.css"]
-  }; }
-  static get properties() { return {
-    "dataMenuLanguage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "MenuLanguage[] | string",
-        "resolved": "MenuLanguage[] | string",
-        "references": {
-          "MenuLanguage": {
-            "location": "local"
+  static get originalStyleUrls() {
+    return {
+      "$": ["menu-language.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["menu-language.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "dataMenuLanguage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "MenuLanguage[] | string",
+          "resolved": "MenuLanguage[] | string",
+          "references": {
+            "MenuLanguage": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/navigation/menu-language/menu-language.tsx"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-menu-language",
+        "reflect": 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": "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"
-    },
-    "labels": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ComponentLabels[] | string",
-        "resolved": "ComponentLabels[] | string",
-        "references": {
-          "ComponentLabels": {
-            "location": "import",
-            "path": "../../site-header/site-header"
+      "labels": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ComponentLabels[] | string",
+          "resolved": "ComponentLabels[] | string",
+          "references": {
+            "ComponentLabels": {
+              "location": "import",
+              "path": "../../site-header/site-header"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "labels",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "isMenuOpen": {}
-  }; }
-  static get events() { return [{
-      "method": "menuLanguageToggled",
-      "name": "menuLanguageToggled",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "labels",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "isMenuOpen": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "menuLanguageToggled",
+        "name": "menuLanguageToggled",
+        "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": "click",
-      "method": "handleOutsideMenuClick",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "menuDesktopToggled",
-      "method": "desktopMenuToggled",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "searchPanelToggled",
-      "method": "searchPanelToggled",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "universityMainMenuToggled",
-      "method": "universityMainMenuPanelToggled",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "focus",
-      "method": "handleComponentFocus",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "click",
-      "method": "handleComponentClick",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "handleOutsideMenuClick",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "menuDesktopToggled",
+        "method": "desktopMenuToggled",
+        "target": "document",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "searchPanelToggled",
+        "method": "searchPanelToggled",
+        "target": "document",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "universityMainMenuToggled",
+        "method": "universityMainMenuPanelToggled",
+        "target": "document",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "focus",
+        "method": "handleComponentFocus",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "click",
+        "method": "handleComponentClick",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
+//# sourceMappingURL=menu-language.js.map

package/dist/collection/components/navigation/menu-language/menu-language.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-language.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-language/menu-language.tsx"],"names":[],"mappings":"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","sourcesContent":["import {ComponentLabels} from '../../site-header/site-header';\n\nexport interface MenuLanguage {\n  langCode: string;\n  url: string;\n  abbr: string;\n  label: string;\n  isActive?: boolean;\n  isDisabled?: boolean;\n}\n\nimport {Component, h, Prop, Element, Listen, State, Event, EventEmitter} from '@stencil/core';\nimport {jsonParserWorker} from '../../../global/globalScript';\n\n@Component({\n  tag: 'hy-menu-language',\n  styleUrl: 'menu-language.scss',\n  shadow: true,\n})\nexport class MenuLanguage {\n  @Element() el: HTMLElement;\n  @Prop() dataMenuLanguage: MenuLanguage[] | string;\n  @Prop() isGroup: boolean = false;\n  @Prop() labels?: ComponentLabels[] | string;\n  @State() isMenuOpen: boolean = false;\n\n  @Event() menuLanguageToggled: EventEmitter;\n\n  private _dataMenuLanguage: MenuLanguage[];\n  private _labels: ComponentLabels[];\n\n  // Close the language menu if user clicks anywhere outside the Menu language component.\n  @Listen('click', {target: 'window'})\n  handleOutsideMenuClick(event) {\n    this.isMenuOpen = false;\n    event.stopPropagation();\n  }\n\n  // CLose the language menu if user opens the desktop menu panel.\n  @Listen('menuDesktopToggled', {target: 'document'})\n  desktopMenuToggled() {\n    this.isMenuOpen = false;\n  }\n\n  // CLose the language menu if user opens the search panel\n  @Listen('searchPanelToggled', {target: 'document'})\n  searchPanelToggled() {\n    this.isMenuOpen = false;\n  }\n\n  // Close the language menu if user opens University main menu\n  @Listen('universityMainMenuToggled', {target: 'document'})\n  universityMainMenuPanelToggled() {\n    this.isMenuOpen = false;\n  }\n\n  @Listen('focus')\n  handleComponentFocus(event) {\n    // Close desktop menu panel if it's open.\n    this.menuLanguageToggled.emit();\n\n    event.stopPropagation();\n  }\n\n  @Listen('click')\n  handleComponentClick(event) {\n    this.isMenuOpen = !this.isMenuOpen;\n\n    if (this.isMenuOpen) {\n      // Close desktop menu panel if it's open.\n      this.menuLanguageToggled.emit();\n\n      const languageMenuSelector = event.target as HTMLElement;\n      this.adjustPosition(languageMenuSelector, this.el);\n    }\n\n    event.stopPropagation();\n  }\n\n  adjustPosition(languageMenuSelector, target) {\n    const languagePanel = languageMenuSelector.shadowRoot.querySelectorAll(\n      `.menu-language__dropdown`\n    )[0] as HTMLElement;\n    let headerHeight = '0';\n    let hyHeader = this.isGroup\n      ? (target.closest('.hy-site-header__content-top') as HTMLElement)\n      : (target.closest('.hy-site-header') as HTMLElement);\n\n    if (hyHeader) {\n      let rectHeader = hyHeader.getBoundingClientRect();\n      let rectLangMenu = languageMenuSelector.getBoundingClientRect();\n\n      headerHeight = `${languageMenuSelector.offsetHeight + rectHeader.bottom + 8 - rectLangMenu.bottom}px`;\n    }\n\n    languagePanel.style.top = headerHeight;\n  }\n\n  async componentWillLoad() {\n    this._dataMenuLanguage = await jsonParserWorker(this.dataMenuLanguage);\n    this._labels = await jsonParserWorker(this.labels);\n  }\n\n  render() {\n    const black = 'var(--brand-main-nearly-black)';\n    const white = 'var(--grayscale-white)';\n    const svgColor = this.isGroup ? white : black;\n    const globeIconSize = this.isGroup ? 16 : 14;\n\n    return (\n      <div\n        class={{\n          'menu-language': true,\n          'is-open': this.isMenuOpen,\n          'is-group': this.isGroup,\n        }}\n      >\n        <button\n          class={{\n            'menu-language__toggle': true,\n          }}\n          aria-label={this.isMenuOpen ? this._labels['close'] : this._labels['open']}\n        >\n          <hy-icon icon={'hy-icon-globe'} size={globeIconSize} fill={svgColor} />\n          <span>\n            {this._dataMenuLanguage.map(({isActive, langCode}) => {\n              if (isActive) {\n                return langCode;\n              }\n            })}\n          </span>\n          <hy-icon icon={'hy-icon-caret-down'} size={8} fill={svgColor} />\n        </button>\n        <div\n          class={{\n            'menu-language__dropdown': true,\n          }}\n          aria-hidden={`${!this.isMenuOpen}`}\n        >\n          <ul class=\"menu-language__links\">\n            {this._dataMenuLanguage.map((item) => {\n              return (\n                <hy-menu-language-item\n                  lang-code={item.langCode}\n                  url={item.url}\n                  label={item.label}\n                  abbr={item.abbr}\n                  is-active={item.isActive}\n                  is-disabled={item.isDisabled}\n                />\n              );\n            })}\n          </ul>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/navigation/menu-language-item/menu-language-item.js

@@ -1,129 +1,139 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 export class SiteLanguage {
   constructor() {
+    this.abbr = undefined;
     this.isActive = false;
     this.isDisabled = false;
+    this.label = undefined;
+    this.langCode = undefined;
+    this.url = undefined;
   }
   render() {
-    return (h("li", { class: `menu-language__links-item` },
-      h("a", { href: this.url, lang: this.langCode, class: {
-          'is-active': this.isActive,
-          'is-disabled': this.isDisabled,
-          'menu-language__link': true,
-        } }, this.label)));
+    return (h("li", { class: `menu-language__links-item` }, h("a", { href: this.url, lang: this.langCode, class: {
+        'is-active': this.isActive,
+        'is-disabled': this.isDisabled,
+        'menu-language__link': true,
+      } }, this.label)));
   }
   static get is() { return "hy-menu-language-item"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["menu-language-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["menu-language-item.css"]
-  }; }
-  static get properties() { return {
-    "abbr": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "abbr",
-      "reflect": false
-    },
-    "isActive": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-active",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "isDisabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["menu-language-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["menu-language-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "abbr": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "abbr",
+        "reflect": false
       },
-      "attribute": "label",
-      "reflect": false
-    },
-    "langCode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "isActive": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-active",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "isDisabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-disabled",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "lang-code",
-      "reflect": false
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "langCode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "lang-code",
+        "reflect": false
       },
-      "attribute": "url",
-      "reflect": false
-    }
-  }; }
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "url",
+        "reflect": false
+      }
+    };
+  }
 }
+//# sourceMappingURL=menu-language-item.js.map

package/dist/collection/components/navigation/menu-language-item/menu-language-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-language-item.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-language-item/menu-language-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAOjD,MAAM,OAAO,YAAY;;;oBAEK,KAAK;sBACH,KAAK;;;;;EAKnC,MAAM;IACJ,OAAO,CACL,UAAI,KAAK,EAAE,2BAA2B;MACpC,SACE,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,KAAK,EAAE;UACL,WAAW,EAAE,IAAI,CAAC,QAAQ;UAC1B,aAAa,EAAE,IAAI,CAAC,UAAU;UAC9B,qBAAqB,EAAE,IAAI;SAC5B,IAEA,IAAI,CAAC,KAAK,CACT,CACD,CACN,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Prop} from '@stencil/core';\n\n@Component({\n  tag: 'hy-menu-language-item',\n  styleUrl: 'menu-language-item.scss',\n  shadow: true,\n})\nexport class SiteLanguage {\n  @Prop() abbr: string;\n  @Prop() isActive: boolean = false;\n  @Prop() isDisabled: boolean = false;\n  @Prop() label: string;\n  @Prop() langCode: string;\n  @Prop() url: string;\n\n  render() {\n    return (\n      <li class={`menu-language__links-item`}>\n        <a\n          href={this.url}\n          lang={this.langCode}\n          class={{\n            'is-active': this.isActive,\n            'is-disabled': this.isDisabled,\n            'menu-language__link': true,\n          }}\n        >\n          {this.label}\n        </a>\n      </li>\n    );\n  }\n}\n"]}