@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

package/dist/collection/components/hy-tabs/hy-tabs.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop, State, Listen, Element } from '@stencil/core';
+import { h } from '@stencil/core';
 // For easy reference
 let keys = {
   end: 35,
@@ -21,8 +21,13 @@ let focusTimeout;
 let scrollTimeout;
 export class HyTabs {
   constructor() {
+    this.tabId = undefined;
     this.tabListLabel = '';
     this.focusTimeoutCleared = true;
+    this.tabButtonTitles = undefined;
+    this.tabPanelsState = undefined;
+    this.tabButtons = undefined;
+    this.tabList = undefined;
     this.headerstyle = 'common';
   }
   componentWillLoad() {
@@ -284,121 +289,120 @@ export class HyTabs {
     }
     return [
       h("hy-box", { pt: "1.25, 1.25, 1.5, 2.5" }),
-      h("div", { id: id, class: classComponentAttributes },
-        h("div", { class: "hy-tablist-container" },
-          h("button", { tabindex: "-1", class: "hy-tab-scroll hy-tab-scroll__left is-hidden", "aria-hidden": "true" },
-            h("span", null,
-              h("hy-icon", { icon: 'hy-icon-caret-left', size: 16 }))),
-          h("div", { role: "tablist", "aria-label": this.tabListLabel }, this.tabButtonTitles &&
-            this.tabButtonTitles.map((item) => {
-              const title = Object.values(item)[0];
-              const id = title.toLowerCase().replace(/\W/g, '-');
-              const titleAsId = title.toLowerCase().replace(/\W/g, '-');
-              const tabItemHref = '#' + titleAsId;
-              return (h("a", { href: tabItemHref, tabindex: "-1" },
-                h("button", { "aria-selected": "false", "aria-controls": `${id}-tab`, class: this.headerstyle, role: "tab", id: id },
-                  h("span", null, title))));
-            })),
-          h("button", { tabindex: "-1", class: "hy-tab-scroll hy-tab-scroll__right", "aria-hidden": "true" },
-            h("span", null,
-              h("hy-icon", { icon: 'hy-icon-caret-right', size: 16 })))),
-        h("slot", null)),
+      h("div", { id: id, class: classComponentAttributes }, h("div", { class: "hy-tablist-container" }, h("button", { tabindex: "-1", class: "hy-tab-scroll hy-tab-scroll__left is-hidden", "aria-hidden": "true" }, h("span", null, h("hy-icon", { icon: 'hy-icon-caret-left', size: 16 }))), h("div", { role: "tablist", "aria-label": this.tabListLabel }, this.tabButtonTitles &&
+        this.tabButtonTitles.map((item) => {
+          const title = Object.values(item)[0];
+          const id = title.toLowerCase().replace(/\W/g, '-');
+          const titleAsId = title.toLowerCase().replace(/\W/g, '-');
+          const tabItemHref = '#' + titleAsId;
+          return (h("a", { href: tabItemHref, tabindex: "-1" }, h("button", { "aria-selected": "false", "aria-controls": `${id}-tab`, class: this.headerstyle, role: "tab", id: id }, h("span", null, title))));
+        })), h("button", { tabindex: "-1", class: "hy-tab-scroll hy-tab-scroll__right", "aria-hidden": "true" }, h("span", null, h("hy-icon", { icon: 'hy-icon-caret-right', size: 16 })))), h("slot", null)),
       h("hy-box", { mb: "1.75, 1.75, 2, 2.5" }),
     ];
   }
   static get is() { return "hy-tabs"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-tabs.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-tabs.css"]
-  }; }
-  static get properties() { return {
-    "tabId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "tab-id",
-      "reflect": false
-    },
-    "tabListLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "tab-list-label",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "headerstyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-tabs.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-tabs.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "tabId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tab-id",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "tabListLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tab-list-label",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'common'"
-    }
-  }; }
-  static get states() { return {
-    "focusTimeoutCleared": {},
-    "tabButtonTitles": {},
-    "tabPanelsState": {},
-    "tabButtons": {},
-    "tabList": {}
-  }; }
+      "headerstyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "headerstyle",
+        "reflect": false,
+        "defaultValue": "'common'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "focusTimeoutCleared": {},
+      "tabButtonTitles": {},
+      "tabPanelsState": {},
+      "tabButtons": {},
+      "tabList": {}
+    };
+  }
   static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "clickEventListener",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "keydown",
-      "method": "keydownEventListener",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "keydown",
-      "method": "keyupEventListener",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "focus",
-      "method": "focusEventHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "clickEventListener",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "keydown",
+        "method": "keydownEventListener",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "keydown",
+        "method": "keyupEventListener",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "focus",
+        "method": "focusEventHandler",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/hy-tabs-item/hy-tabs-item.js

@@ -1,34 +1,42 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 export class HyTabsItem {
+  constructor() {
+    this.tabTitle = undefined;
+  }
   render() {
     const id = this.tabTitle.toLowerCase().replace(/\W/g, '-');
-    return (h("div", { tabindex: "0", role: "tabpanel", id: `${id}-tab`, "aria-labelledby": id, hidden: true },
-      h("slot", null)));
+    return (h("div", { tabindex: "0", role: "tabpanel", id: `${id}-tab`, "aria-labelledby": id, hidden: true }, h("slot", null)));
   }
   static get is() { return "hy-tabs-item"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-tabs-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-tabs-item.css"]
-  }; }
-  static get properties() { return {
-    "tabTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "tab-title",
-      "reflect": false
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-tabs-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-tabs-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "tabTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tab-title",
+        "reflect": false
+      }
+    };
+  }
 }

package/dist/collection/components/hy-tag/hy-tag.js

@@ -1,18 +1,19 @@
-import { Component, Host, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class HyTag {
   render() {
     const classAttributes = ['hy-tag'].join(' ');
-    return (h(Host, null,
-      h("div", { class: classAttributes },
-        h("span", null,
-          h("slot", null)))));
+    return (h(Host, null, h("div", { class: classAttributes }, h("span", null, h("slot", null)))));
   }
   static get is() { return "hy-tag"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-tag.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-tag.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-tag.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-tag.css"]
+    };
+  }
 }

package/dist/collection/components/hy-twitter-feed/hy-twitter-feed.js

@@ -1,142 +1,121 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 export class HyTwitterFeed {
+  constructor() {
+    this.headingVariant = undefined;
+    this.paragraphTitle = undefined;
+    this.twitterFeedKeyword = undefined;
+    this.tweetType = undefined;
+    this.tweets = undefined;
+  }
   render() {
     const parsedTweets = JSON.parse(this.tweets);
     const HeadingVariant = this.headingVariant.toLowerCase();
     if (this.tweetType === 'Hashtag' && this.twitterFeedKeyword.charAt(0) === '#') {
       this.twitterFeedKeyword = this.twitterFeedKeyword.substring(1);
     }
-    return (h("section", { class: "hy-twitter-feed" },
-      h("div", { class: "hy-twitter-feed__header" },
-        h(HeadingVariant, { class: "hy-twitter-feed__title" }, this.paragraphTitle || 'Twitter'),
-        h("p", { class: "hy-twitter-feed__keyword" },
-          h("hy-icon", { icon: `hy-icon-some-twitter`, size: 20 }),
-          this.tweetType === 'Hashtag' ? `#${this.twitterFeedKeyword}` : `@${this.twitterFeedKeyword}`),
-        this.tweetType === 'Username' && (h("a", { href: `https://twitter.com/${this.twitterFeedKeyword}`, target: "_blank" },
-          h("hy-icon", { icon: `hy-icon-plus`, size: 12 }),
-          "Follow"))),
-      h("ul", { class: "hy-twitter-feed__tweets" }, parsedTweets.map(({ tweet_text, tweet_created, tweet_absolute_url, tweet_like_count, tweet_retweet_count, user_name, user_username, user_profile_image_url, }) => {
-        const dateFormatted = new Intl.DateTimeFormat('fi-FI').format(new Date(tweet_created));
-        return (h("li", { class: "hy-twitter-feed__item" },
-          h("article", { class: "hy-twitter-tweet" },
-            h("header", { class: "hy-twitter-tweet__header" },
-              h("figure", { class: "hy-twitter-tweet__profile-image", role: "complementary" },
-                h("img", { src: user_profile_image_url, alt: "" })),
-              h("div", { class: "hy-twitter-tweet__header-content" },
-                h("time", { dateTime: tweet_created }, dateFormatted),
-                h("p", null, user_name),
-                h("a", { class: "hy-twitter-tweet__user-link", href: `https://twitter.com/${user_username}`, target: "_blank" },
-                  "@",
-                  user_username))),
-            h("div", { class: "hy-twitter-tweet__content-wrapper" },
-              h("div", { class: "hy-twitter-tweet__content" },
-                h("p", null, tweet_text.length > 113 ? `${tweet_text.substr(0, 113)}...` : tweet_text),
-                h("a", { class: "hy-twitter-tweet__tweet-link", href: tweet_absolute_url, target: "_blank" },
-                  h("span", { "aria-hidden": "true" }),
-                  `${tweet_absolute_url.substr(0, 24)}...`)),
-              h("div", { class: "hy-twitter-tweet__statistics", role: "complementary" },
-                h("p", null,
-                  h("span", { class: "visually-hidden" }, "Tweet like count: "),
-                  h("hy-icon", { icon: `hy-icon-some-twitter-like`, size: 16 }),
-                  tweet_like_count),
-                h("p", null,
-                  h("span", { class: "visually-hidden" }, "Tweet retweet count: "),
-                  h("hy-icon", { icon: `hy-icon-some-twitter-retweet`, size: 16 }),
-                  tweet_retweet_count))))));
-      }))));
+    return (h("section", { class: "hy-twitter-feed" }, h("div", { class: "hy-twitter-feed__header" }, h(HeadingVariant, { class: "hy-twitter-feed__title" }, this.paragraphTitle || 'Twitter'), h("p", { class: "hy-twitter-feed__keyword" }, h("hy-icon", { icon: `hy-icon-some-twitter`, size: 20 }), this.tweetType === 'Hashtag' ? `#${this.twitterFeedKeyword}` : `@${this.twitterFeedKeyword}`), this.tweetType === 'Username' && (h("a", { href: `https://twitter.com/${this.twitterFeedKeyword}`, target: "_blank" }, h("hy-icon", { icon: `hy-icon-plus`, size: 12 }), "Follow"))), h("ul", { class: "hy-twitter-feed__tweets" }, parsedTweets.map(({ tweet_text, tweet_created, tweet_absolute_url, tweet_like_count, tweet_retweet_count, user_name, user_username, user_profile_image_url, }) => {
+      const dateFormatted = new Intl.DateTimeFormat('fi-FI').format(new Date(tweet_created));
+      return (h("li", { class: "hy-twitter-feed__item" }, h("article", { class: "hy-twitter-tweet" }, h("header", { class: "hy-twitter-tweet__header" }, h("figure", { class: "hy-twitter-tweet__profile-image", role: "complementary" }, h("img", { src: user_profile_image_url, alt: "" })), h("div", { class: "hy-twitter-tweet__header-content" }, h("time", { dateTime: tweet_created }, dateFormatted), h("p", null, user_name), h("a", { class: "hy-twitter-tweet__user-link", href: `https://twitter.com/${user_username}`, target: "_blank" }, "@", user_username))), h("div", { class: "hy-twitter-tweet__content-wrapper" }, h("div", { class: "hy-twitter-tweet__content" }, h("p", null, tweet_text.length > 113 ? `${tweet_text.substr(0, 113)}...` : tweet_text), h("a", { class: "hy-twitter-tweet__tweet-link", href: tweet_absolute_url, target: "_blank" }, h("span", { "aria-hidden": "true" }), `${tweet_absolute_url.substr(0, 24)}...`)), h("div", { class: "hy-twitter-tweet__statistics", role: "complementary" }, h("p", null, h("span", { class: "visually-hidden" }, "Tweet like count: "), h("hy-icon", { icon: `hy-icon-some-twitter-like`, size: 16 }), tweet_like_count), h("p", null, h("span", { class: "visually-hidden" }, "Tweet retweet count: "), h("hy-icon", { icon: `hy-icon-some-twitter-retweet`, size: 16 }), tweet_retweet_count))))));
+    }))));
   }
   static get is() { return "hy-twitter-feed"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-twitter-feed.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-twitter-feed.css"]
-  }; }
-  static get properties() { return {
-    "headingVariant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "heading-variant",
-      "reflect": false
-    },
-    "paragraphTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "paragraph-title",
-      "reflect": false
-    },
-    "twitterFeedKeyword": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "twitter-feed-keyword",
-      "reflect": false
-    },
-    "tweetType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-twitter-feed.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-twitter-feed.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "headingVariant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "heading-variant",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "paragraphTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "paragraph-title",
+        "reflect": false
       },
-      "attribute": "tweet-type",
-      "reflect": false
-    },
-    "tweets": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "twitterFeedKeyword": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "twitter-feed-keyword",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "tweetType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tweet-type",
+        "reflect": false
       },
-      "attribute": "tweets",
-      "reflect": false
-    }
-  }; }
+      "tweets": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tweets",
+        "reflect": false
+      }
+    };
+  }
 }