@itcenteratunihelsinki/huds-lib 0.8.43 → 0.8.45

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

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 // For easy reference
 let keys = {
   end: 35,
@@ -22,76 +22,76 @@ let scrollTimeout;
 export class HyTabs {
   constructor() {
     this.tabId = undefined;
-    this.tabListLabel = '';
+    this.tabListLabel = "";
     this.focusTimeoutCleared = true;
     this.tabButtonTitles = undefined;
     this.tabPanelsState = undefined;
     this.tabButtons = undefined;
     this.tabList = undefined;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
   }
   componentWillLoad() {
-    const tabItems = this.el.querySelectorAll('hy-tabs-item');
+    const tabItems = this.el.querySelectorAll("hy-tabs-item");
     if (tabItems) {
       this.tabButtonTitles = Array.from(tabItems).map((panel) => {
         return {
-          title: panel.getAttribute('tab-title'),
-          id: panel.getAttribute('tab-title').toLowerCase().replace(/\W/g, '-'),
+          title: panel.getAttribute("tab-title"),
+          id: panel.getAttribute("tab-title").toLowerCase().replace(/\W/g, "-"),
         };
       });
     }
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
-    const tabContainer = this.el.querySelector('.hy-tabs__container');
+    const tabContainer = this.el.querySelector(".hy-tabs__container");
     if (tabContainer) {
       this.generateArrays(tabContainer);
-      const leftButton = this.el.querySelectorAll('.hy-tab-scroll__left')[0];
-      const rightButton = this.el.querySelectorAll('.hy-tab-scroll__right')[0];
+      const leftButton = this.el.querySelectorAll(".hy-tab-scroll__left")[0];
+      const rightButton = this.el.querySelectorAll(".hy-tab-scroll__right")[0];
       const tabList = this.tabList;
       this.checkScrollHidden(tabList, leftButton, rightButton);
-      tabList.addEventListener('scroll', () => {
+      tabList.addEventListener("scroll", () => {
         scrollTimeout = setTimeout(() => {
           window.clearTimeout(scrollTimeout);
           this.checkScrollHidden(tabList, leftButton, rightButton);
         }, 250);
       }, false);
       if (tabList.offSetWidth <= document.body.scrollWidth) {
-        leftButton.classList.add('is-hidden');
-        rightButton.classList.add('is-hidden');
+        leftButton.classList.add("is-hidden");
+        rightButton.classList.add("is-hidden");
       }
       const oneTabWidth = 250;
-      rightButton.addEventListener('click', (e) => {
+      rightButton.addEventListener("click", (e) => {
         e.preventDefault();
-        rightButton.classList.add('is-disabled');
+        rightButton.classList.add("is-disabled");
         tabList.scrollBy({
           top: 0,
           left: +oneTabWidth,
-          behavior: 'smooth',
+          behavior: "smooth",
         });
         checkTimeout = window.setTimeout(() => {
           window.clearTimeout(checkTimeout);
           this.checkScrollHidden(tabList, leftButton, rightButton);
-          rightButton.classList.remove('is-disabled');
+          rightButton.classList.remove("is-disabled");
         }, 250);
       });
-      leftButton.addEventListener('click', (e) => {
+      leftButton.addEventListener("click", (e) => {
         e.preventDefault();
-        leftButton.classList.add('is-disabled');
+        leftButton.classList.add("is-disabled");
         tabList.scrollBy({
           top: 0,
           left: -oneTabWidth,
-          behavior: 'smooth',
+          behavior: "smooth",
         });
         checkTimeout = window.setTimeout(() => {
           window.clearTimeout(checkTimeout);
           this.checkScrollHidden(tabList, leftButton, rightButton);
-          leftButton.classList.remove('is-disabled');
+          leftButton.classList.remove("is-disabled");
         }, 250);
       });
     }
@@ -108,8 +108,8 @@ export class HyTabs {
   addListeners(tabs, index) {
     if (tabs.length > 1) {
       for (let i = 0; i < tabs.length; ++i) {
-        tabs[index].addEventListener('click', this.clickEventListener);
-        tabs[index].addEventListener('keydown', this.keydownEventListener);
+        tabs[index].addEventListener("click", this.clickEventListener);
+        tabs[index].addEventListener("keydown", this.keydownEventListener);
         //tabs[index].addEventListener('keyup', this.keyupEventListener);
         tabs[index].index = index;
       }
@@ -117,16 +117,16 @@ export class HyTabs {
   }
   checkScrollHidden(tablist, leftButton, rightButton) {
     if (tablist.scrollLeft === 0) {
-      leftButton.classList.add('is-hidden');
+      leftButton.classList.add("is-hidden");
     }
     else {
-      leftButton.classList.remove('is-hidden');
+      leftButton.classList.remove("is-hidden");
     }
     if (tablist.scrollLeft + tablist.clientWidth >= tablist.scrollWidth - 1) {
-      rightButton.classList.add('is-hidden');
+      rightButton.classList.add("is-hidden");
     }
     else {
-      rightButton.classList.remove('is-hidden');
+      rightButton.classList.remove("is-hidden");
     }
   }
   // When a tab is clicked, activateTab is fired to activate it
@@ -175,7 +175,7 @@ export class HyTabs {
     switch (key) {
       case keys.left:
       case keys.right:
-        if (event.target.role === 'tab') {
+        if (event.target.role === "tab") {
           event.preventDefault();
           if (this.focusTimeoutCleared) {
             this.determineOrientation(event);
@@ -187,12 +187,12 @@ export class HyTabs {
     event.stopImmediatePropagation();
   }
   determineOrientation(event) {
-    const leftButton = this.el.querySelectorAll('.hy-tab-scroll__left')[0];
-    const rightButton = this.el.querySelectorAll('.hy-tab-scroll__right')[0];
+    const leftButton = this.el.querySelectorAll(".hy-tab-scroll__left")[0];
+    const rightButton = this.el.querySelectorAll(".hy-tab-scroll__right")[0];
     const tabList = this.tabList;
     this.checkScrollHidden(tabList, leftButton, rightButton);
     const key = event.keyCode;
-    const vertical = tabList.getAttribute('aria-orientation') == 'vertical';
+    const vertical = tabList.getAttribute("aria-orientation") == "vertical";
     let proceed = false;
     if (vertical) {
       if (key === keys.up || key === keys.down) {
@@ -240,10 +240,10 @@ export class HyTabs {
     // Deactivate all other tabs
     this.deactivateTabs(this.tabButtons);
     // Remove tabindex attribute
-    tab.removeAttribute('tabindex');
-    tab.setAttribute('aria-selected', 'true');
-    const controls = tab.getAttribute('aria-controls');
-    this.el.querySelector(`#${controls}`).removeAttribute('hidden');
+    tab.removeAttribute("tabindex");
+    tab.setAttribute("aria-selected", "true");
+    const controls = tab.getAttribute("aria-controls");
+    this.el.querySelector(`#${controls}`).removeAttribute("hidden");
     if (setFocus) {
       tab.focus();
     }
@@ -251,13 +251,13 @@ export class HyTabs {
   // Deactivate all tabs and tab panels
   deactivateTabs(tabs) {
     for (let t = 0; t < tabs.length; t++) {
-      tabs[t].setAttribute('tabindex', '-1');
-      tabs[t].setAttribute('aria-selected', 'false');
-      tabs[t].removeEventListener('focus', this.focusEventHandler);
+      tabs[t].setAttribute("tabindex", "-1");
+      tabs[t].setAttribute("aria-selected", "false");
+      tabs[t].removeEventListener("focus", this.focusEventHandler);
     }
     const panels = this.tabPanelsState[0];
     for (let p = 0; p < panels.length; p++) {
-      panels[p].setAttribute('hidden', 'hidden');
+      panels[p].setAttribute("hidden", "hidden");
     }
   }
   focusEventHandler(tab) {
@@ -273,30 +273,30 @@ export class HyTabs {
     }, 250);
   }
   render() {
-    const classComponentAttributes = ['hy-tabs__container', `hy-tabs__container__${this.headerstyle}`].join(' ');
-    const id = this.tabId.toLowerCase().replace(/\W/g, '-');
+    const classComponentAttributes = ["hy-tabs__container", `hy-tabs__container__${this.headerstyle}`].join(" ");
+    const id = this.tabId.toLowerCase().replace(/\W/g, "-");
     if (window.location.hash) {
       const tabHash = window.location.hash.substring(1);
-      const isUrlHashed = this.tabButtonTitles.some((tab) => tab['id'] === tabHash);
+      const isUrlHashed = this.tabButtonTitles.some((tab) => tab["id"] === tabHash);
       if (isUrlHashed) {
         const hashElement = document.getElementById(tabHash);
         if (hashElement) {
           this.activateTab(hashElement, true);
           const hashElementRect = hashElement.getBoundingClientRect();
-          window.scrollTo({ top: window.scrollY + hashElementRect.top - 200, behavior: 'smooth' });
+          window.scrollTo({ top: window.scrollY + hashElementRect.top - 200, behavior: "smooth" });
         }
       }
     }
     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 &&
+      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;
+          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("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" }),
     ];
   }
@@ -346,7 +346,7 @@ export class HyTabs {
         },
         "attribute": "tab-list-label",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "headerstyle": {
         "type": "string",
@@ -364,7 +364,7 @@ export class HyTabs {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       }
     };
   }

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

@@ -1,10 +1,10 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class HyTabsItem {
   constructor() {
     this.tabTitle = undefined;
   }
   render() {
-    const id = this.tabTitle.toLowerCase().replace(/\W/g, '-');
+    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)));
   }
   static get is() { return "hy-tabs-item"; }

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

@@ -1,7 +1,7 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class HyTag {
   render() {
-    const classAttributes = ['hy-tag'].join(' ');
+    const classAttributes = ["hy-tag"].join(" ");
     return (h(Host, null, h("div", { class: classAttributes }, h("span", null, h("slot", null)))));
   }
   static get is() { return "hy-tag"; }

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

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class HyTwitterFeed {
   constructor() {
     this.headingVariant = undefined;
@@ -10,11 +10,11 @@ export class HyTwitterFeed {
   render() {
     const parsedTweets = JSON.parse(this.tweets);
     const HeadingVariant = this.headingVariant.toLowerCase();
-    if (this.tweetType === 'Hashtag' && this.twitterFeedKeyword.charAt(0) === '#') {
+    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("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))))));
     }))));
   }

package/dist/collection/components/hy-two-columns/hy-two-columns.js

@@ -1,10 +1,10 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class HyTwoColumns {
   constructor() {
     this.reversed = false;
   }
   render() {
-    const classAttributes = ['hy-two-columns', this.reversed ? 'hy-two-columns--reversed' : ''].join(' ');
+    const classAttributes = ["hy-two-columns", this.reversed ? "hy-two-columns--reversed" : ""].join(" ");
     return (h(Host, null, h("div", { class: classAttributes }, h("div", { class: "hy-two-columns__item hy-two-columns__item--main" }, h("slot", { name: "main" })), h("div", { class: "hy-two-columns__item hy-two-columns__item--side" }, h("slot", { name: "side" })))));
   }
   static get is() { return "hy-two-columns"; }

package/dist/collection/components/hy-user-login-form/hy-user-login-form.js

@@ -1,15 +1,15 @@
-import { h } from '@stencil/core';
-import { ColorVariant, SiteLogoSize } from '../../utils/utils';
+import { h } from "@stencil/core";
+import { ColorVariant, SiteLogoSize } from "../../utils/utils";
 export class HyUserLoginForm {
   constructor() {
     this.logoUrl = undefined;
     this.logoLabel = undefined;
   }
   render() {
-    const classAttributes = 'hy-user-login-form';
+    const classAttributes = "hy-user-login-form";
     const logoSize = SiteLogoSize.large;
     const logoColor = ColorVariant.black;
-    return (h("div", { class: classAttributes }, h("div", { class: 'hy-site-header__logo-container' }, h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel })), h("slot", null)));
+    return (h("div", { class: classAttributes }, h("div", { class: "hy-site-header__logo-container" }, h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel })), h("slot", null)));
   }
   static get is() { return "hy-user-login-form"; }
   static get originalStyleUrls() {

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

@@ -1,20 +1,20 @@
-import { h } from '@stencil/core';
-import { HeadingVarians } from '../../utils/utils';
+import { h } from "@stencil/core";
+import { HeadingVarians } from "../../utils/utils";
 export class HyVideo {
   constructor() {
     this.renderPreviewWithLink = () => {
-      return this.linkToVideo ? (h("a", { title: this.videoTitle, href: this.linkToVideo, class: "hy-video__link-to-video" }, h("img", { loading: this.disableLazy ? 'eager' : 'lazy', class: "hy-video__preview-image", src: this.previewImageUrl, alt: this.videoTitle }))) : (h("img", { loading: this.disableLazy ? 'eager' : 'lazy', class: "hy-video__preview-image", src: this.previewImageUrl, alt: this.videoTitle }));
+      return this.linkToVideo ? (h("a", { title: this.videoTitle, href: this.linkToVideo, class: "hy-video__link-to-video" }, h("img", { loading: this.disableLazy ? "eager" : "lazy", class: "hy-video__preview-image", src: this.previewImageUrl, alt: this.videoTitle }))) : (h("img", { loading: this.disableLazy ? "eager" : "lazy", class: "hy-video__preview-image", src: this.previewImageUrl, alt: this.videoTitle }));
     };
     this.renderPlayButton = () => {
       if (this.simplePlayButton) {
-        return (h("span", { class: "hy-video__play__simple" }, h("button", { type: "button" }, h("hy-icon", { icon: 'hy-icon-video', class: 'hy-video__play-icon', size: 20 }))));
+        return (h("span", { class: "hy-video__play__simple" }, h("button", { type: "button" }, h("hy-icon", { icon: "hy-icon-video", class: "hy-video__play-icon", size: 20 }))));
       }
       else {
-        return (h("span", { class: "hy-video__play" }, h("button", { type: "button" }, h("hy-icon", { icon: 'hy-icon-video', class: 'hy-video__play-icon', size: 20 }), h("span", { class: "hy-video__button-label" }, this.playButtonLabel))));
+        return (h("span", { class: "hy-video__play" }, h("button", { type: "button" }, h("hy-icon", { icon: "hy-icon-video", class: "hy-video__play-icon", size: 20 }), h("span", { class: "hy-video__button-label" }, this.playButtonLabel))));
       }
     };
     this.truncate = (str, n) => {
-      return str.length > n ? str.substr(0, n - 1) + '...' : str;
+      return str.length > n ? str.substr(0, n - 1) + "..." : str;
     };
     this.videoTitle = undefined;
     this.videoDescription = undefined;
@@ -24,7 +24,7 @@ export class HyVideo {
     this.linkToVideo = undefined;
     this.playButtonLabel = undefined;
     this.playButtonVisible = false;
-    this.seriesLabel = 'In this series';
+    this.seriesLabel = "In this series";
     this.seriesCount = null;
     this.views = undefined;
     this.viewsLabel = undefined;
@@ -34,18 +34,18 @@ export class HyVideo {
     this.dateAddedLabel = undefined;
     this.horizontal = false;
     this.disableLazy = false;
-    this.headerstyle = 'default';
-    this.showMoreLabel = 'Show more';
-    this.showLessLabel = 'Show less';
+    this.headerstyle = "default";
+    this.showMoreLabel = "Show more";
+    this.showLessLabel = "Show less";
     this.simplePlayButton = false;
     this.styleList = false;
     this.descCollapsed = false;
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
     if (this.videoDescription && this.videoDescription.match(/\S/g).length > 255) {
@@ -54,18 +54,18 @@ export class HyVideo {
   }
   render() {
     const classAttributes = [
-      'hy-video',
-      this.horizontal ? 'hy-video--horizontal' : '',
-      !this.styleList ? `hy-video__${this.headerstyle}` : '',
-      this.styleList ? 'hy-video--list' : '',
-    ].join(' ');
+      "hy-video",
+      this.horizontal ? "hy-video--horizontal" : "",
+      !this.styleList ? `hy-video__${this.headerstyle}` : "",
+      this.styleList ? "hy-video--list" : "",
+    ].join(" ");
     const maxChars = 255;
     const charCount = this.videoDescription ? this.videoDescription.match(/\S/g).length : 0;
     if (this.linkToVideo && this.styleList) {
       return [
         h("a", { href: this.linkToVideo, class: classAttributes }, this.videoTitle && !this.horizontal && !this.styleList && (h("hy-heading", { class: "hy-video__meta__title", heading: HeadingVarians.h2 }, this.videoTitle)), h("div", { class: "hy-video__video-container" }, this.previewImageUrl ? (h("div", null, this.renderPreviewWithLink(), h("slot", { name: "video" }))) : (h("slot", { name: "video" })), this.playButtonVisible && this.renderPlayButton()), h("div", { class: "hy-video__meta" }, (this.videoTitle && this.horizontal) ||
-          (this.styleList && (h("hy-heading", { class: "hy-video__meta__title", heading: HeadingVarians.h3 }, this.videoTitle))), this.contextLabelVisible && h("span", { class: "hy-video__label" }, this.contextLabel), (this.duration || this.views || this.dateAdded || this.seriesCount) && (h("div", { class: "hy-video__meta__details" }, this.duration && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.durationLabel), h("span", { class: "hy-video__meta__content" }, this.duration))), this.views && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.viewsLabel), h("span", { class: "hy-video__meta__content" }, this.views))), this.dateAdded && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.dateAddedLabel), h("span", { class: "hy-video__meta__content" }, this.dateAdded))), !this.views && this.seriesCount && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.seriesLabel), h("span", { class: "hy-video__meta__content" }, this.seriesCount))))), this.videoDescription && (h("div", { class: "hy-video__meta__description", "aria-expanded": this.descCollapsed ? 'false' : 'true' }, h("div", { class: "hy-video__meta__description__content" }, this.descCollapsed ? this.truncate(this.videoDescription, 255) : this.videoDescription), charCount > maxChars && (h("span", { class: "hy-video__meta__description__more-button", role: "button", tabindex: "0", "aria-expanded": this.descCollapsed ? 'false' : 'true', onClick: () => (this.descCollapsed = !this.descCollapsed), onKeyDown: (e) => {
-            if (e.key != ' ')
+          (this.styleList && (h("hy-heading", { class: "hy-video__meta__title", heading: HeadingVarians.h3 }, this.videoTitle))), this.contextLabelVisible && h("span", { class: "hy-video__label" }, this.contextLabel), (this.duration || this.views || this.dateAdded || this.seriesCount) && (h("div", { class: "hy-video__meta__details" }, this.duration && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.durationLabel), h("span", { class: "hy-video__meta__content" }, this.duration))), this.views && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.viewsLabel), h("span", { class: "hy-video__meta__content" }, this.views))), this.dateAdded && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.dateAddedLabel), h("span", { class: "hy-video__meta__content" }, this.dateAdded))), !this.views && this.seriesCount && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.seriesLabel), h("span", { class: "hy-video__meta__content" }, this.seriesCount))))), this.videoDescription && (h("div", { class: "hy-video__meta__description", "aria-expanded": this.descCollapsed ? "false" : "true" }, h("div", { class: "hy-video__meta__description__content" }, this.descCollapsed ? this.truncate(this.videoDescription, 255) : this.videoDescription), charCount > maxChars && (h("span", { class: "hy-video__meta__description__more-button", role: "button", tabindex: "0", "aria-expanded": this.descCollapsed ? "false" : "true", onClick: () => (this.descCollapsed = !this.descCollapsed), onKeyDown: (e) => {
+            if (e.key != " ")
               return;
             e.preventDefault();
             this.descCollapsed = !this.descCollapsed;
@@ -75,8 +75,8 @@ export class HyVideo {
     else {
       return [
         h("div", { class: classAttributes }, this.videoTitle && !this.horizontal && !this.styleList && (h("hy-heading", { class: "hy-video__meta__title", heading: HeadingVarians.h2 }, this.videoTitle)), h("div", { class: "hy-video__video-container" }, this.previewImageUrl ? (h("div", null, this.renderPreviewWithLink(), h("slot", { name: "video" }))) : (h("slot", { name: "video" })), this.playButtonVisible && this.renderPlayButton()), h("div", { class: "hy-video__meta" }, (this.videoTitle && this.horizontal) ||
-          (this.styleList && (h("hy-heading", { class: "hy-video__meta__title", heading: HeadingVarians.h2 }, this.videoTitle))), this.contextLabelVisible && h("span", { class: "hy-video__label" }, this.contextLabel), (this.duration || this.views || this.dateAdded) && (h("div", { class: "hy-video__meta__details" }, this.duration && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.durationLabel), h("span", { class: "hy-video__meta__content" }, this.duration))), this.views && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.viewsLabel), h("span", { class: "hy-video__meta__content" }, this.views))), this.dateAdded && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.dateAddedLabel), h("span", { class: "hy-video__meta__content" }, this.dateAdded))))), this.videoDescription && (h("div", { class: "hy-video__meta__description", "aria-expanded": this.descCollapsed ? 'false' : 'true' }, h("div", { class: "hy-video__meta__description__content" }, this.descCollapsed ? this.truncate(this.videoDescription, 255) : this.videoDescription), charCount > maxChars && (h("span", { class: "hy-video__meta__description__more-button", role: "button", tabindex: "0", "aria-expanded": this.descCollapsed ? 'false' : 'true', onClick: () => (this.descCollapsed = !this.descCollapsed), onKeyDown: (e) => {
-            if (e.key != ' ')
+          (this.styleList && (h("hy-heading", { class: "hy-video__meta__title", heading: HeadingVarians.h2 }, this.videoTitle))), this.contextLabelVisible && h("span", { class: "hy-video__label" }, this.contextLabel), (this.duration || this.views || this.dateAdded) && (h("div", { class: "hy-video__meta__details" }, this.duration && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.durationLabel), h("span", { class: "hy-video__meta__content" }, this.duration))), this.views && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.viewsLabel), h("span", { class: "hy-video__meta__content" }, this.views))), this.dateAdded && (h("div", { class: "hy-video__meta__details--item" }, h("span", { class: "hy-video__meta__label" }, this.dateAddedLabel), h("span", { class: "hy-video__meta__content" }, this.dateAdded))))), this.videoDescription && (h("div", { class: "hy-video__meta__description", "aria-expanded": this.descCollapsed ? "false" : "true" }, h("div", { class: "hy-video__meta__description__content" }, this.descCollapsed ? this.truncate(this.videoDescription, 255) : this.videoDescription), charCount > maxChars && (h("span", { class: "hy-video__meta__description__more-button", role: "button", tabindex: "0", "aria-expanded": this.descCollapsed ? "false" : "true", onClick: () => (this.descCollapsed = !this.descCollapsed), onKeyDown: (e) => {
+            if (e.key != " ")
               return;
             e.preventDefault();
             this.descCollapsed = !this.descCollapsed;
@@ -252,7 +252,7 @@ export class HyVideo {
         },
         "attribute": "series-label",
         "reflect": false,
-        "defaultValue": "'In this series'"
+        "defaultValue": "\"In this series\""
       },
       "seriesCount": {
         "type": "string",
@@ -426,7 +426,7 @@ export class HyVideo {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'default'"
+        "defaultValue": "\"default\""
       },
       "showMoreLabel": {
         "type": "string",
@@ -444,7 +444,7 @@ export class HyVideo {
         },
         "attribute": "show-more-label",
         "reflect": false,
-        "defaultValue": "'Show more'"
+        "defaultValue": "\"Show more\""
       },
       "showLessLabel": {
         "type": "string",
@@ -462,7 +462,7 @@ export class HyVideo {
         },
         "attribute": "show-less-label",
         "reflect": false,
-        "defaultValue": "'Show less'"
+        "defaultValue": "\"Show less\""
       },
       "simplePlayButton": {
         "type": "boolean",

package/dist/collection/components/icon/Alert.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 function SvgAlert(props) {
   return (h("svg", Object.assign({ viewBox: "0 0 32 32" }, props), h("circle", { cx: "16", cy: "16", r: "16" }), h("path", { d: "M17.6,18.79H15l-.55-10.5h3.72Zm-3.21,3.67a1.8,1.8,0,0,1,.48-1.36,2,2,0,0,1,1.41-.46,1.94,1.94,0,0,1,1.38.47,1.83,1.83,0,0,1,.49,1.35,1.79,1.79,0,0,1-.5,1.34,1.84,1.84,0,0,1-1.37.49,1.93,1.93,0,0,1-1.4-.48A1.79,1.79,0,0,1,14.39,22.46Z" })));
 }

package/dist/collection/components/icon/Archive.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 function SvgArchive(props) {
   return (h("svg", Object.assign({ viewBox: "0 0 28 34" }, props), h("path", { id: "Shape", d: "M28,8.9H0V34H28ZM24.71,30.76H3.29V12.14H24.71Z" }), h("polygon", { id: "Shape-2", points: "20.3 15.66 17.01 15.66 17.01 17.53 10.99 17.53 10.99 15.66 7.7 15.66 7.7 20.76 20.3 20.76 20.3 15.66" }), h("rect", { x: "3.71", y: "4.45", width: "20.59", height: "3.24" }), h("rect", { x: "5.76", width: "16.47", height: "3.24" })));
 }

package/dist/collection/components/icon/ArrowRight.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 function SvgArrowRight(props) {
   return (h("svg", Object.assign({ width: "109px", height: "111px", viewBox: "0 0 109 111", version: "1.1" }, props), h("g", { id: "Page-1", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd", "stroke-linejoin": "round" }, h("g", { filter: "url(#filter-1)", id: "Icon/arrow/to_right" }, h("g", { transform: "translate(10.000000, 9.000000)" }, h("g", { id: "Path" }, h("use", { fill: "#FFFFFF", "fill-opacity": "1", filter: "url(#filter-3)" }), h("use", { stroke: "#000222", "stroke-width": "4", fill: "#FFFFFF", "fill-rule": "evenodd" })))))));
 }

package/dist/collection/components/icon/CaretRight.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 function SvgCaretRight(props) {
   return (h("svg", Object.assign({ viewBox: "0 0 1000 1000" }, props), h("path", { d: "M291,35L181,158l394,345L181,842l110,123l532-462L291,35z" })));
 }

package/dist/collection/components/icon/DotArrowRight.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 function SvgArrowDown(props) {
   return (h("svg", Object.assign({ viewBox: "0 0 26 18" }, props), h("circle", { id: "Oval", fill: "#107EAB", cx: "8.5", cy: "9", r: "2" }), h("g", { id: "Icon/arrow/to_right", transform: "translate(10.000000, 0.000000)" }, h("g", { transform: "translate(9.000000, 9.000000) rotate(270.000000) translate(-9.000000, -9.000000) " }, h("path", { d: "M15.3739539,2.58885408 L9.05563628,10.0114192 L2.62512723,2.58778423 C2.5650068,2.51838293 2.45894051,2.51196471 2.39075562,2.57360208 L0.0533953737,4.68651506 C-0.0121083665,4.74572874 -0.0181566661,4.84589323 0.039753545,4.91243423 L8.93312424,15.1312497 C8.99867166,15.2065661 9.11651053,15.2061936 9.18157232,15.1304643 L17.9609254,4.91164883 C18.018144,4.84504869 18.011809,4.74545823 17.9466045,4.68651506 L15.6092442,2.57360208 C15.5406475,2.51159238 15.4338255,2.5185168 15.3739539,2.58885408 Z", id: "Path", transform: "translate(9.000000, 8.859375) rotate(-360.000000) translate(-9.000000, -8.859375) " }))), h("circle", { id: "Oval-Copy", fill: "#107EAB", cx: "2", cy: "9", r: "2" })));
 }

package/dist/collection/components/icon/Euro.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 function SvgEuro(props) {
   return (h("svg", Object.assign({ viewBox: "0 0 1000 1000" }, props), h("path", { d: "M825.1,752.3c-9.5-8.4-24.2-8.4-32.7,1.1c-49.5,49.5-112.7,75.9-176,75.9 c-92.7,0-181.2-56.9-231.8-150.7h240.2c13.7,0,24.2-10.5,24.2-24.2v-82.2c0-13.7-10.5-24.2-24.2-24.2H342.5 c-2.1-15.8-2.1-31.6-2.1-46.3s1.1-30.5,3.2-47.4h281.3c13.7,0,24.2-10.5,24.2-24.2v-82.2c0-13.7-10.5-24.2-24.2-24.2l-240.2,0 c50.6-92.7,138.1-150.7,231.8-150.7c64.3,0,126.4,27.4,176,76.9c9.5,9.5,24.2,9.5,32.7,1.1l91.7-84.3c5.3-4.2,7.4-10.5,8.4-17.9 c0-6.3-2.1-12.6-6.3-17.9C835.6,46.3,729.2,0,617.5,0C433.1,0,265.6,129.6,199.2,322.4H98c-13.7,0-24.2,10.5-24.2,24.2v82.2 c0,13.7,10.5,24.2,24.2,24.2h73.8c-1.1,16.9-2.1,32.7-2.1,47.4c0,14.7,1.1,30.5,2.1,46.3H98c-13.7,0-24.2,10.5-24.2,24.2v82.2 c0,13.7,10.5,24.2,24.2,24.2h101.2C265.6,870.4,433.1,1000,617.5,1000c111.7,0,219.2-46.3,301.4-130.6c4.2-4.2,7.4-10.5,7.4-17.9 c0-6.3-3.2-12.6-8.4-17.9L825.1,752.3z" })));
 }

package/dist/collection/components/icon/Globe.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 function SvgGlobe(props) {
   return (h("svg", Object.assign({ viewBox: "0 0 1000 1000" }, props), h("path", { d: "M500,0C223.9,0,0,223.9,0,500s223.9,500,500,500s500-223.9,500-500S776.1,0,500,0z M833.3,291.7H684.1 C670.4,227.7,650,171.2,625,125C712.9,158,786.1,217,833.3,291.7L833.3,291.7z M875,497c0,36-4.5,70.8-12.2,104.2H708.3 c2.8-33.6,4.2-68.5,4.2-104.2c0-35.7-1.4-70.5-4.2-104.2h154.4C870.5,426.2,875,461,875,497L875,497z M392.9,708.3h208.3 C571.6,844,518.9,916.7,497,916.7C475.1,916.7,422.5,844,392.9,708.3z M380.1,601.2c-3.2-32.4-5.1-67-5.1-104.2 c0-37.2,1.9-71.7,5.1-104.2h239.8c3.2,32.4,5.1,67,5.1,104.2c0,37.2-1.9,71.7-5.1,104.2H380.1z M137.2,392.9h154.4 c-2.8,33.6-4.2,68.5-4.2,104.2c0,35.7,1.4,70.5,4.2,104.2H137.2C129.5,567.8,125,533.1,125,497C125,461,129.5,426.2,137.2,392.9z  M601.2,291.7l-208.3,0C422.5,156,475.1,83.3,497,83.3C518.9,83.3,571.6,156,601.2,291.7z M375,125c-25,46.2-45.4,102.7-59.1,166.7 H166.7C213.9,217.1,287.1,158,375,125L375,125z M315.9,708.3c13.7,63.9,34,120.5,59.1,166.7c-87.9-33-161.1-92-208.3-166.7H315.9z  M625,875c25-46.2,45.4-102.7,59.1-166.7h149.3C786.1,782.9,712.9,842,625,875L625,875z" })));
 }

package/dist/collection/components/icon/HeartSupport.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 function SvgHeartSupport(props) {
   return (h("svg", Object.assign({ viewBox: "0 0 16 16" }, props), h("path", { d: "M1.26234059,1.47444321 C-0.421989103,3.44260781 -0.419570856,6.56432454 1.26234059,8.53342384 L7.39772074,15.7174761 C7.55302345,15.8974257 7.76996687,16 7.99652384,16 C8.22388007,16 8.44082554,15.897419 8.59532694,15.7174761 C10.641492,13.3259819 12.6907721,10.931817 14.7370601,8.5403228 C16.4213898,6.57215821 16.4205701,3.44955129 14.7370601,1.48134218 C13.0535502,-0.486866922 10.2157575,-0.486822413 8.53138685,1.48134218 L7.99982331,2.10029098 L7.46825978,1.47437645 C6.62609494,0.490294152 5.49814655,0 4.36859966,0 C3.23880685,0 2.10442346,0.490360916 1.26234059,1.47444321 Z M6.35964437,3.16815532 L7.43710533,4.37841446 C7.58389377,4.54236759 7.78894356,4.63582365 8.00307984,4.63582365 C8.21797156,4.63582365 8.42302328,4.5423615 8.56905435,4.37841446 L9.64045249,3.18084837 C10.6672219,2.02367291 12.2031147,2.02367291 13.2299229,3.18084837 C14.2566924,4.33802382 14.2566924,6.24360205 13.2299229,7.40077751 C11.4835935,9.3682191 9.74020842,11.3325787 7.99399527,13.3 L2.77007709,7.39449182 C1.74330764,6.23492374 1.74330764,4.32524968 2.77007709,3.16807422 C3.28382985,2.58908096 3.92699415,2.3 4.56785341,2.3 C5.20879014,2.3 5.84589161,2.58918234 6.35964437,3.16815532 Z" })));
 }

package/dist/collection/components/icon/Home.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 function SvgHome(props) {
   return (h("svg", Object.assign({ viewBox: "0 0 56 65" }, props, { stroke: "black", "stroke-width": "1" }), h("path", { d: "M29.3106262,0.81816473 L55.3106262,23.6051927 C55.7484916,23.9889485 56,24.5457471 56,25.1313539 L56,62.3034274 C56,63.4192907 55.1045695,64.3238767 54,64.3238767 L2,64.3238767 C0.8954305,64.3238767 0,63.4192907 0,62.3034274 L0,25.1313539 C0,24.5457471 0.251508395,23.9889485 0.6893738,23.6051927 L26.6893738,0.81816473 C27.4413507,0.159114007 28.5586493,0.159114007 29.3106262,0.81816473 Z M28,10.3657587 L8,27.8911356 L8,56.2420796 L48,56.2420796 L48,27.8951765 L28,10.3657587 Z" })));
 }

package/dist/collection/components/icon/Info.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 function SvgInfo(props) {
   return (h("svg", Object.assign({ viewBox: "0 0 1000 1000" }, props), h("path", { d: "M500 65q-119 0-220 59-99 57-156 156-59 101-59 220t59 220q57 99 156 156 101 59 220 59t220-59q99-57 156-156 59-101 59-220t-59-220q-57-99-156-156-101-59-220-59zm48 612h-96V419h96v258zm0-290h-96v-97h96v97z" })));
 }

package/dist/collection/components/icon/ListStyleGrid.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 function SvgListStyleGrid(props) {
   return (h("svg", Object.assign({ viewBox: "0 0 64 64" }, props), h("rect", { x: "-1.77365678e-11", y: "-2.74269496e-13", width: "15.2380952", height: "15.2380952" }), h("rect", { x: "-1.77365678e-11", y: "24.3809524", width: "15.2380952", height: "15.2380952" }), h("rect", { x: "-1.77365678e-11", y: "48.7619048", width: "15.2380952", height: "15.2380952" }), h("rect", { x: "24.3809524", y: "-2.74269496e-13", width: "15.2380952", height: "15.2380952" }), h("rect", { x: "24.3809524", y: "24.3809524", width: "15.2380952", height: "15.2380952" }), h("rect", { x: "24.3809524", y: "48.7619048", width: "15.2380952", height: "15.2380952" }), h("rect", { x: "48.7619048", y: "-2.74269496e-13", width: "15.2380952", height: "15.2380952" }), h("rect", { x: "48.7619048", y: "24.3809524", width: "15.2380952", height: "15.2380952" }), h("rect", { x: "48.7619048", y: "48.7619048", width: "15.2380952", height: "15.2380952" })));
 }

package/dist/collection/components/icon/ListStyleList.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 function SvgListStyleList(props) {
   return (h("svg", Object.assign({ viewBox: "0 0 64 64" }, props), h("rect", { x: "0", y: "0", width: "64", height: "9.14285714" }), h("rect", { x: "0", y: "18.2857143", width: "64", height: "9.14285714" }), h("rect", { x: "0", y: "36.5714286", width: "64", height: "9.14285714" }), h("rect", { x: "0", y: "54.8571429", width: "64", height: "9.14285714" })));
 }

package/dist/collection/components/icon/Search.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 function SvgSearch(props) {
   return (h("svg", Object.assign({ viewBox: "0 0 1000 1000" }, props), h("path", { d: "M964.9,864.4l19.5,23.4L871.6,1000L636.9,766.6c-31.4,17.7-64.9,31.3-100.5,40.8s-71.4,14.3-107.6,14.3 c-74.5,0-143.9-18.7-208.1-56.1c-62.2-36-111.7-84.9-148.6-146.8c-37.6-63.9-56.4-133-56.4-207.4S34.4,267.8,72,203.9 C108.9,142,158.5,92.8,220.7,56.1C284.9,18.7,354.4,0,429.3,0s144.4,18.7,208.6,56.1c62.2,36.7,111.4,86,147.6,147.8 c37.6,63.9,56.4,132.9,56.4,206.9c0,44.2-7,87.2-21,129c-14,41.8-34.3,81-61,117.7L964.9,864.4z M421.9,656.2 c44.8,0,86.4-11.2,125-33.6s69-52.9,91.4-91.4s33.6-80.2,33.6-125s-11.2-86.3-33.6-124.5s-52.9-68.7-91.4-91.4s-80.2-34.1-125-34.1 s-86.3,11.4-124.5,34.1s-68.7,53.2-91.4,91.4s-34.1,79.7-34.1,124.5s11.4,86.4,34.1,125s53.2,69,91.4,91.4S377.1,656.2,421.9,656.2 z" })));
 }

package/dist/collection/components/icon/SlimHamburgerMenu.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 function SvgSlimHamburgerMenu(props) {
   return (h("svg", Object.assign({ viewBox: "0 0 13 64" }, props), h("path", { d: "M12.8,38.4 L12.8,25.6 L0,25.6 L0,38.4 L12.32608,38.4 L12.8,38.4 Z M0,64 L12.8,64 L12.8,51.2 L0,51.2 L0,61.44 L0,64 Z M12.8,12.8 L12.8,0 L0,0 L0,12.8 L12.32608,12.8 L12.8,12.8 Z" })));
 }

package/dist/collection/components/icon/SomeFacebook.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 function SomeFacebook(props) {
   return (h("svg", Object.assign({}, props, { "data-name": "Layer 1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 56 56" }), h("path", { class: "cls-1", d: "M56,28A28,28,0,1,0,23.62,55.66V36.09h-7.1V28h7.1V21.83c0-7,4.19-10.89,10.58-10.89a43.71,43.71,0,0,1,6.27.54v6.9H36.94c-3.48,0-4.56,2.15-4.56,4.37V28h7.76L38.9,36.09H32.38V55.66A28,28,0,0,0,56,28Z" })));
 }