@itcenteratunihelsinki/huds-lib 0.8.40 → 0.8.42

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

@@ -0,0 +1 @@
+{"version":3,"file":"hy-person-card.js","sourceRoot":"","sources":["../../../src/components/hy-person-card/hy-person-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, h, Prop, State} from '@stencil/core';\nimport {PersonCardVariants} from '../../utils/utils';\nimport ResizeObserver from 'resize-observer-polyfill';\n\n@Component({\n  tag: 'hy-person-card',\n  styleUrl: 'hy-person-card.scss',\n  shadow: false,\n})\nexport class HyPersonCard {\n  @Prop() variant: PersonCardVariants = PersonCardVariants.default;\n  @Prop() categoryTitle?: string;\n  @Prop() imageUrl: string = null;\n  @Prop() imageAlt: string = null;\n  @Prop() disableLazy: boolean = false;\n  @Prop() firstName?: string;\n  @Prop() lastName?: string;\n  @Prop() url: string = null;\n  @Prop() isExternal: boolean = false;\n  @Prop() scLabel?: string;\n  @Prop() positionTitle?: string;\n  @Prop() department: string = null;\n  @Prop() field: string = null;\n  @Prop() email: string = null;\n  @Prop() phone: string = null;\n  @Prop() aboutInfo: string = null;\n  @Prop() researchNetworks?: string;\n  @Prop() studyProgramme?: string;\n  @Prop() aboutInfoLabel?: string;\n  @Prop() researchNetworksLabel?: string;\n  @Prop() studyProgrammeLabel?: string;\n\n  private _fullName: string;\n  private _initials: string;\n\n  @State() isMobile: boolean;\n\n  private ro: ResizeObserver;\n  componentDidLoad() {\n    this.ro = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        this.checkForMobile(entry.contentRect.width);\n      }\n    });\n    this.ro.observe(document.body);\n  }\n\n  disconnectedCallback() {\n    this.ro.disconnect();\n  }\n\n  checkForMobile(size: number) {\n    this.isMobile = size <= 479 ? true : false;\n  }\n\n  componentWillRender() {\n    this._fullName = this.firstName && this.lastName ? `${this.firstName} ${this.lastName}` : '';\n    this._initials =\n      this.imageUrl && this.firstName && this.lastName ? '' : `${this.firstName.charAt(0)}${this.lastName.charAt(0)}`;\n    if (!this.imageAlt) {\n      this.imageAlt = this._fullName;\n    }\n    if (!this.scLabel) {\n      this.scLabel = 'Link to the person profile';\n    }\n  }\n\n  render() {\n    let classLinkAttributes = ['hy-person-card-container__link', this.variant].join(' ');\n    let classIsActive = this.url && this.url.length > 0 ? '' : ' inactive';\n    classLinkAttributes = classLinkAttributes.concat(classIsActive);\n\n    const classAttributes = ['hy-person-card', this.variant].join(' ');\n    const classPositionTitle = [\n      'hy-person-card__info-container__position-title',\n      `hy-person-card__info-container__position-title__${this.variant}`,\n    ].join(' ');\n    const target = this.isExternal ? '_blank' : '_self';\n\n    return (\n      <article class=\"hy-person-card-container\">\n        <div class={classLinkAttributes}>\n          {this.categoryTitle && this.variant == PersonCardVariants.default && (\n            <div class=\"hy-person-card-container__category-title\">{this.categoryTitle}</div>\n          )}\n          <div class={classAttributes}>\n            <div class=\"hy-person-card__image-container\">\n              {this.imageUrl ? (\n                <a class=\"hy-person-card__image-container__image\" href={this.url} target={target}>\n                  <img\n                    loading={this.disableLazy ? 'eager' : 'lazy'}\n                    aria-hidden=\"true\"\n                    src={this.imageUrl}\n                    alt={this.imageAlt}\n                  />\n                </a>\n              ) : (\n                <div class=\"hy-person-card__image-container__no-image\">\n                  <div class=\"hy-person-card__image-container__no-image__initials\" aria-hidden=\"true\">\n                    {this._initials}\n                  </div>\n                </div>\n              )}\n            </div>\n            <div class=\"hy-person-card__info-container\">\n              <a class=\"hy-person-card__info-container__full-name\" href={this.url} target={target}>\n                {this._fullName}\n              </a>\n              {this.positionTitle && <div class={classPositionTitle}>{this.positionTitle}</div>}\n              {this.department &&\n                (this.variant == PersonCardVariants.default ||\n                  (this.variant == PersonCardVariants.extended && !this.isMobile)) && (\n                  <div class=\"hy-person-card__info-container__department\">{this.department}</div>\n                )}\n              {this.field &&\n                (this.variant == PersonCardVariants.default ||\n                  (this.variant == PersonCardVariants.extended && !this.isMobile)) && (\n                  <div class=\"hy-person-card__info-container__field\">{this.field}</div>\n                )}\n              {this.email &&\n                (this.variant == PersonCardVariants.default ||\n                  (this.variant == PersonCardVariants.extended && !this.isMobile)) && [\n                  <div class=\"hy-person-card__info-container__email-container\">\n                    <span class=\"hy-person-card__info-container__email__icon\">\n                      <hy-icon icon={'hy-icon-email'} size={16} />\n                    </span>\n                    <span class=\"hy-person-card__info-container__email\">{this.email}</span>\n                  </div>,\n                ]}\n              {this.phone &&\n                (this.variant == PersonCardVariants.default ||\n                  (this.variant == PersonCardVariants.extended && !this.isMobile)) && [\n                  <div class=\"hy-person-card__info-container__phone-container\">\n                    <span class=\"hy-person-card__info-container__phone__icon\">\n                      <hy-icon icon={'hy-icon-phone'} size={14} />\n                    </span>\n                    <span class=\"hy-person-card__info-container__phone\">{this.phone}</span>\n                  </div>,\n                ]}\n            </div>\n          </div>\n          {this.variant == PersonCardVariants.extended && (\n            <div class=\"hy-person-card hy-person-card__extended-info-container\">\n              {this.department && this.isMobile && (\n                <div class=\"hy-person-card__info-container__department\">{this.department}</div>\n              )}\n              {this.field && this.isMobile && <div class=\"hy-person-card__info-container__field\">{this.field}</div>}\n              {this.email &&\n                this.isMobile && [\n                  <div class=\"hy-person-card__info-container__email-container\">\n                    <span class=\"hy-person-card__info-container__email__icon\">\n                      <hy-icon icon={'hy-icon-email'} size={16} />\n                    </span>\n                    <span class=\"hy-person-card__info-container__email\">{this.email}</span>\n                  </div>,\n                ]}\n              {this.phone &&\n                this.isMobile && [\n                  <div class=\"hy-person-card__info-container__phone-container\">\n                    <span class=\"hy-person-card__info-container__phone__icon\">\n                      <hy-icon icon={'hy-icon-phone'} size={14} />\n                    </span>\n                    <span class=\"hy-person-card__info-container__phone\">{this.phone}</span>\n                  </div>,\n                ]}\n              {this.aboutInfo && (\n                <div class=\"hy-person-card__extended-info-container__about\">\n                  <span class=\"label\">{this.aboutInfoLabel}:</span>\n                  <span>{this.aboutInfo}</span>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </article>\n    );\n  }\n}\n"]}

package/dist/collection/components/hy-prominent-image/hy-prominent-image.js

@@ -1,8 +1,11 @@
-import { Component, Element, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class HyProminentImage {
   constructor() {
+    this.textTitle = undefined;
+    this.imageUrl = undefined;
     this.imageAlt = '';
     this.headerstyle = 'common';
+    this.sourceSet = undefined;
   }
   componentDidLoad() {
     let hyMainDiv = this.el.closest('.hy-main');
@@ -19,112 +22,116 @@ export class HyProminentImage {
       `hy-prominent-image__${this.headerstyle}`,
     ].join(' ');
     const prominentImageText = ['hy-prominent-image__text', `hy-prominent-image__text__${this.headerstyle}`].join(' ');
-    return (h(Host, null,
-      h("div", { class: prominentImageClass },
-        h("div", { class: "hy-prominent-image__image" },
-          h("hy-image", { "source-set": this.sourceSet, "image-url": this.imageUrl, "image-alt": this.imageAlt, aspectRatioWidth: 2, aspectRatioHeight: 1 })),
-        this.textTitle && h("div", { class: prominentImageText }, this.textTitle))));
+    return (h(Host, null, h("div", { class: prominentImageClass }, h("div", { class: "hy-prominent-image__image" }, h("hy-image", { "source-set": this.sourceSet, "image-url": this.imageUrl, "image-alt": this.imageAlt, aspectRatioWidth: 2, aspectRatioHeight: 1 })), this.textTitle && h("div", { class: prominentImageText }, this.textTitle))));
   }
   static get is() { return "hy-prominent-image"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-prominent-image.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-prominent-image.css"]
-  }; }
-  static get properties() { return {
-    "textTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "text-title",
-      "reflect": false
-    },
-    "imageUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "image-url",
-      "reflect": false
-    },
-    "imageAlt": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-prominent-image.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-prominent-image.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "textTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "text-title",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "imageUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "image-url",
+        "reflect": false
       },
-      "attribute": "image-alt",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "headerstyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "imageAlt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "image-alt",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "headerstyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "headerstyle",
+        "reflect": false,
+        "defaultValue": "'common'"
       },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'common'"
-    },
-    "sourceSet": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ImageSrcSet[] | string",
-        "resolved": "ImageSrcSet[] | string",
-        "references": {
-          "ImageSrcSet": {
-            "location": "local"
+      "sourceSet": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ImageSrcSet[] | string",
+          "resolved": "ImageSrcSet[] | string",
+          "references": {
+            "ImageSrcSet": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-prominent-image/hy-prominent-image.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "source-set",
-      "reflect": false
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "source-set",
+        "reflect": false
+      }
+    };
+  }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=hy-prominent-image.js.map

package/dist/collection/components/hy-prominent-image/hy-prominent-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-prominent-image.js","sourceRoot":"","sources":["../../../src/components/hy-prominent-image/hy-prominent-image.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAOhE,MAAM,OAAO,gBAAgB;;;;oBAGA,EAAE;uBACC,QAAQ;;;EAItC,gBAAgB;IACd,IAAI,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC5C,IAAI,SAAS,EAAE;MACb,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;QACjD,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;OAC5B;KACF;EACH,CAAC;EAED,MAAM;IACJ,MAAM,mBAAmB,GAAG;MAC1B,oBAAoB;MACpB,IAAI,CAAC,WAAW;MAChB,uBAAuB,IAAI,CAAC,WAAW,EAAE;KAC1C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,MAAM,kBAAkB,GAAG,CAAC,0BAA0B,EAAE,6BAA6B,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEnH,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAE,mBAAmB;QAC7B,WAAK,KAAK,EAAC,2BAA2B;UACpC,8BACc,IAAI,CAAC,SAAS,eACf,IAAI,CAAC,QAAQ,eACb,IAAI,CAAC,QAAQ,EACxB,gBAAgB,EAAE,CAAC,EACnB,iBAAiB,EAAE,CAAC,GACpB,CACE;QACL,IAAI,CAAC,SAAS,IAAI,WAAK,KAAK,EAAE,kBAAkB,IAAG,IAAI,CAAC,SAAS,CAAO,CACrE,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["export interface ImageSrcSet {\n  src: any;\n  media: string;\n  type: string;\n  sizes: string | null;\n}\n\nimport {Component, Element, Host, h, Prop} from '@stencil/core';\n\n@Component({\n  tag: 'hy-prominent-image',\n  styleUrl: 'hy-prominent-image.scss',\n  shadow: true,\n})\nexport class HyProminentImage {\n  @Prop() textTitle?: string;\n  @Prop() imageUrl?: string;\n  @Prop() imageAlt: string = '';\n  @Prop() headerstyle: string = 'common';\n  @Prop() sourceSet: ImageSrcSet[] | string;\n  @Element() el: HTMLElement;\n\n  componentDidLoad() {\n    let hyMainDiv = this.el.closest('.hy-main');\n    if (hyMainDiv) {\n      if (!hyMainDiv.classList.contains('with-sidebar')) {\n        this.headerstyle = 'large';\n      }\n    }\n  }\n\n  render() {\n    const prominentImageClass = [\n      'hy-prominent-image',\n      this.headerstyle,\n      `hy-prominent-image__${this.headerstyle}`,\n    ].join(' ');\n\n    const prominentImageText = ['hy-prominent-image__text', `hy-prominent-image__text__${this.headerstyle}`].join(' ');\n\n    return (\n      <Host>\n        <div class={prominentImageClass}>\n          <div class=\"hy-prominent-image__image\">\n            <hy-image\n              source-set={this.sourceSet}\n              image-url={this.imageUrl}\n              image-alt={this.imageAlt}\n              aspectRatioWidth={2}\n              aspectRatioHeight={1}\n            />\n          </div>\n          {this.textTitle && <div class={prominentImageText}>{this.textTitle}</div>}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,6 +1,7 @@
-import { Component, Element, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 export class HyQuote {
   constructor() {
+    this.quoteSignature = undefined;
     this.headerstyle = 'common';
   }
   componentDidLoad() {
@@ -13,59 +14,59 @@ export class HyQuote {
   }
   render() {
     const quoteClass = ['hy-quote', this.headerstyle, `hy-quote__${this.headerstyle}`].join(' ');
-    return (h("div", { class: quoteClass },
-      h("span", { class: "hy-quote__icon-wrapper" },
-        h("div", { class: "hy-quote__icon" },
-          h("hy-icon", { icon: 'hy-icon-quote', size: 48 }))),
-      h("div", { class: "hy-quote-text-wrapper" },
-        h("div", { class: "hy-quote__text" },
-          h("slot", null)),
-        this.quoteSignature && h("div", { class: "hy-quote__signature" }, this.quoteSignature))));
+    return (h("div", { class: quoteClass }, h("span", { class: "hy-quote__icon-wrapper" }, h("div", { class: "hy-quote__icon" }, h("hy-icon", { icon: 'hy-icon-quote', size: 48 }))), h("div", { class: "hy-quote-text-wrapper" }, h("div", { class: "hy-quote__text" }, h("slot", null)), this.quoteSignature && h("div", { class: "hy-quote__signature" }, this.quoteSignature))));
   }
   static get is() { return "hy-quote"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-quote.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-quote.css"]
-  }; }
-  static get properties() { return {
-    "quoteSignature": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "quote-signature",
-      "reflect": false
-    },
-    "headerstyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-quote.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-quote.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "quoteSignature": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "quote-signature",
+        "reflect": false
       },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'common'"
-    }
-  }; }
+      "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 elementRef() { return "el"; }
 }
+//# sourceMappingURL=hy-quote.js.map

package/dist/collection/components/hy-quote/hy-quote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-quote.js","sourceRoot":"","sources":["../../../src/components/hy-quote/hy-quote.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAO1D,MAAM,OAAO,OAAO;;;uBAEY,QAAQ;;EAGtC,gBAAgB;IACd,IAAI,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC5C,IAAI,SAAS,EAAE;MACb,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;QACjD,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;OAC5B;KACF;EACH,CAAC;EAED,MAAM;IACJ,MAAM,UAAU,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,EAAE,aAAa,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7F,OAAO,CACL,WAAK,KAAK,EAAE,UAAU;MACpB,YAAM,KAAK,EAAC,wBAAwB;QAClC,WAAK,KAAK,EAAC,gBAAgB;UACzB,eAAS,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,GAAI,CACxC,CACD;MACP,WAAK,KAAK,EAAC,uBAAuB;QAChC,WAAK,KAAK,EAAC,gBAAgB;UACzB,eAAa,CACT;QACL,IAAI,CAAC,cAAc,IAAI,WAAK,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,cAAc,CAAO,CAChF,CACF,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, h, Prop} from '@stencil/core';\n\n@Component({\n  tag: 'hy-quote',\n  styleUrl: 'hy-quote.scss',\n  shadow: true,\n})\nexport class HyQuote {\n  @Prop() quoteSignature?: string;\n  @Prop() headerstyle: string = 'common';\n  @Element() el: HTMLElement;\n\n  componentDidLoad() {\n    let hyMainDiv = this.el.closest('.hy-main');\n    if (hyMainDiv) {\n      if (!hyMainDiv.classList.contains('with-sidebar')) {\n        this.headerstyle = 'large';\n      }\n    }\n  }\n\n  render() {\n    const quoteClass = ['hy-quote', this.headerstyle, `hy-quote__${this.headerstyle}`].join(' ');\n    return (\n      <div class={quoteClass}>\n        <span class=\"hy-quote__icon-wrapper\">\n          <div class=\"hy-quote__icon\">\n            <hy-icon icon={'hy-icon-quote'} size={48} />\n          </div>\n        </span>\n        <div class=\"hy-quote-text-wrapper\">\n          <div class=\"hy-quote__text\">\n            <slot></slot>\n          </div>\n          {this.quoteSignature && <div class=\"hy-quote__signature\">{this.quoteSignature}</div>}\n        </div>\n      </div>\n    );\n  }\n}\n"]}