@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

package/dist/collection/components/hy-person-card/hy-person-card.js

@@ -1,19 +1,30 @@
-import { Component, h, Prop, State } from '@stencil/core';
+import { h } from '@stencil/core';
 import { PersonCardVariants } from '../../utils/utils';
 import ResizeObserver from 'resize-observer-polyfill';
 export class HyPersonCard {
   constructor() {
     this.variant = PersonCardVariants.default;
+    this.categoryTitle = undefined;
     this.imageUrl = null;
     this.imageAlt = null;
     this.disableLazy = false;
+    this.firstName = undefined;
+    this.lastName = undefined;
     this.url = null;
     this.isExternal = false;
+    this.scLabel = undefined;
+    this.positionTitle = undefined;
     this.department = null;
     this.field = null;
     this.email = null;
     this.phone = null;
     this.aboutInfo = null;
+    this.researchNetworks = undefined;
+    this.studyProgramme = undefined;
+    this.aboutInfoLabel = undefined;
+    this.researchNetworksLabel = undefined;
+    this.studyProgrammeLabel = undefined;
+    this.isMobile = undefined;
   }
   componentDidLoad() {
     this.ro = new ResizeObserver((entries) => {
@@ -50,444 +61,417 @@ export class HyPersonCard {
       `hy-person-card__info-container__position-title__${this.variant}`,
     ].join(' ');
     const target = this.isExternal ? '_blank' : '_self';
-    return (h("article", { class: "hy-person-card-container" },
-      h("div", { class: classLinkAttributes },
-        this.categoryTitle && this.variant == PersonCardVariants.default && (h("div", { class: "hy-person-card-container__category-title" }, this.categoryTitle)),
-        h("div", { class: classAttributes },
-          h("div", { class: "hy-person-card__image-container" }, this.imageUrl ? (h("a", { class: "hy-person-card__image-container__image", href: this.url, target: target },
-            h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt }))) : (h("div", { class: "hy-person-card__image-container__no-image" },
-            h("div", { class: "hy-person-card__image-container__no-image__initials", "aria-hidden": "true" }, this._initials)))),
-          h("div", { class: "hy-person-card__info-container" },
-            h("a", { class: "hy-person-card__info-container__full-name", href: this.url, target: target }, this._fullName),
-            this.positionTitle && h("div", { class: classPositionTitle }, this.positionTitle),
-            this.department &&
-              (this.variant == PersonCardVariants.default ||
-                (this.variant == PersonCardVariants.extended && !this.isMobile)) && (h("div", { class: "hy-person-card__info-container__department" }, this.department)),
-            this.field &&
-              (this.variant == PersonCardVariants.default ||
-                (this.variant == PersonCardVariants.extended && !this.isMobile)) && (h("div", { class: "hy-person-card__info-container__field" }, this.field)),
-            this.email &&
-              (this.variant == PersonCardVariants.default ||
-                (this.variant == PersonCardVariants.extended && !this.isMobile)) && [
-              h("div", { class: "hy-person-card__info-container__email-container" },
-                h("span", { class: "hy-person-card__info-container__email__icon" },
-                  h("hy-icon", { icon: 'hy-icon-email', size: 16 })),
-                h("span", { class: "hy-person-card__info-container__email" }, this.email)),
-            ],
-            this.phone &&
-              (this.variant == PersonCardVariants.default ||
-                (this.variant == PersonCardVariants.extended && !this.isMobile)) && [
-              h("div", { class: "hy-person-card__info-container__phone-container" },
-                h("span", { class: "hy-person-card__info-container__phone__icon" },
-                  h("hy-icon", { icon: 'hy-icon-phone', size: 14 })),
-                h("span", { class: "hy-person-card__info-container__phone" }, this.phone)),
-            ])),
-        this.variant == PersonCardVariants.extended && (h("div", { class: "hy-person-card hy-person-card__extended-info-container" },
-          this.department && this.isMobile && (h("div", { class: "hy-person-card__info-container__department" }, this.department)),
-          this.field && this.isMobile && h("div", { class: "hy-person-card__info-container__field" }, this.field),
-          this.email &&
-            this.isMobile && [
-            h("div", { class: "hy-person-card__info-container__email-container" },
-              h("span", { class: "hy-person-card__info-container__email__icon" },
-                h("hy-icon", { icon: 'hy-icon-email', size: 16 })),
-              h("span", { class: "hy-person-card__info-container__email" }, this.email)),
-          ],
-          this.phone &&
-            this.isMobile && [
-            h("div", { class: "hy-person-card__info-container__phone-container" },
-              h("span", { class: "hy-person-card__info-container__phone__icon" },
-                h("hy-icon", { icon: 'hy-icon-phone', size: 14 })),
-              h("span", { class: "hy-person-card__info-container__phone" }, this.phone)),
-          ],
-          this.aboutInfo && (h("div", { class: "hy-person-card__extended-info-container__about" },
-            h("span", { class: "label" },
-              this.aboutInfoLabel,
-              ":"),
-            h("span", null, this.aboutInfo))))))));
+    return (h("article", { class: "hy-person-card-container" }, h("div", { class: classLinkAttributes }, this.categoryTitle && this.variant == PersonCardVariants.default && (h("div", { class: "hy-person-card-container__category-title" }, this.categoryTitle)), h("div", { class: classAttributes }, h("div", { class: "hy-person-card__image-container" }, this.imageUrl ? (h("a", { class: "hy-person-card__image-container__image", href: this.url, target: target }, h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt }))) : (h("div", { class: "hy-person-card__image-container__no-image" }, h("div", { class: "hy-person-card__image-container__no-image__initials", "aria-hidden": "true" }, this._initials)))), h("div", { class: "hy-person-card__info-container" }, h("a", { class: "hy-person-card__info-container__full-name", href: this.url, target: target }, this._fullName), this.positionTitle && h("div", { class: classPositionTitle }, this.positionTitle), this.department &&
+      (this.variant == PersonCardVariants.default ||
+        (this.variant == PersonCardVariants.extended && !this.isMobile)) && (h("div", { class: "hy-person-card__info-container__department" }, this.department)), this.field &&
+      (this.variant == PersonCardVariants.default ||
+        (this.variant == PersonCardVariants.extended && !this.isMobile)) && (h("div", { class: "hy-person-card__info-container__field" }, this.field)), this.email &&
+      (this.variant == PersonCardVariants.default ||
+        (this.variant == PersonCardVariants.extended && !this.isMobile)) && [
+      h("div", { class: "hy-person-card__info-container__email-container" }, h("span", { class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { icon: 'hy-icon-email', size: 16 })), h("span", { class: "hy-person-card__info-container__email" }, this.email)),
+    ], this.phone &&
+      (this.variant == PersonCardVariants.default ||
+        (this.variant == PersonCardVariants.extended && !this.isMobile)) && [
+      h("div", { class: "hy-person-card__info-container__phone-container" }, h("span", { class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { icon: 'hy-icon-phone', size: 14 })), h("span", { class: "hy-person-card__info-container__phone" }, this.phone)),
+    ])), this.variant == PersonCardVariants.extended && (h("div", { class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (h("div", { class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && h("div", { class: "hy-person-card__info-container__field" }, this.field), this.email &&
+      this.isMobile && [
+      h("div", { class: "hy-person-card__info-container__email-container" }, h("span", { class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { icon: 'hy-icon-email', size: 16 })), h("span", { class: "hy-person-card__info-container__email" }, this.email)),
+    ], this.phone &&
+      this.isMobile && [
+      h("div", { class: "hy-person-card__info-container__phone-container" }, h("span", { class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { icon: 'hy-icon-phone', size: 14 })), h("span", { class: "hy-person-card__info-container__phone" }, this.phone)),
+    ], this.aboutInfo && (h("div", { class: "hy-person-card__extended-info-container__about" }, h("span", { class: "label" }, this.aboutInfoLabel, ":"), h("span", null, this.aboutInfo))))))));
   }
   static get is() { return "hy-person-card"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-person-card.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-person-card.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "PersonCardVariants",
-        "resolved": "PersonCardVariants.default | PersonCardVariants.extended | PersonCardVariants.searchPanel",
-        "references": {
-          "PersonCardVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-person-card.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-person-card.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "PersonCardVariants",
+          "resolved": "PersonCardVariants.default | PersonCardVariants.extended | PersonCardVariants.searchPanel",
+          "references": {
+            "PersonCardVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "PersonCardVariants.default"
-    },
-    "categoryTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "category-title",
-      "reflect": false
-    },
-    "imageUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "image-url",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "imageAlt": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "image-alt",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "disableLazy": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disable-lazy",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "firstName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "first-name",
-      "reflect": false
-    },
-    "lastName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "last-name",
-      "reflect": false
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "url",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "isExternal": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-external",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "scLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "sc-label",
-      "reflect": false
-    },
-    "positionTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "position-title",
-      "reflect": false
-    },
-    "department": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "department",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "field": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "field",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "email": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "email",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "phone": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "phone",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "aboutInfo": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "about-info",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "researchNetworks": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "research-networks",
-      "reflect": false
-    },
-    "studyProgramme": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "study-programme",
-      "reflect": false
-    },
-    "aboutInfoLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "about-info-label",
-      "reflect": false
-    },
-    "researchNetworksLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "research-networks-label",
-      "reflect": false
-    },
-    "studyProgrammeLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "study-programme-label",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "isMobile": {}
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "PersonCardVariants.default"
+      },
+      "categoryTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "category-title",
+        "reflect": false
+      },
+      "imageUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "image-url",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "imageAlt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "image-alt",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "disableLazy": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disable-lazy",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "firstName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "first-name",
+        "reflect": false
+      },
+      "lastName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "last-name",
+        "reflect": false
+      },
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "url",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "isExternal": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-external",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "scLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "sc-label",
+        "reflect": false
+      },
+      "positionTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "position-title",
+        "reflect": false
+      },
+      "department": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "department",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "field": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "field",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "email": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "email",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "phone": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "phone",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "aboutInfo": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "about-info",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "researchNetworks": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "research-networks",
+        "reflect": false
+      },
+      "studyProgramme": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "study-programme",
+        "reflect": false
+      },
+      "aboutInfoLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "about-info-label",
+        "reflect": false
+      },
+      "researchNetworksLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "research-networks-label",
+        "reflect": false
+      },
+      "studyProgrammeLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "study-programme-label",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isMobile": {}
+    };
+  }
 }