{"version":3,"names":["SearchResultItemArticle","render","pictureClass","this","item","showVideoIcon","newFlag","isNew","h","class","Translate","translate","Host","key","href","url","srcSet","teaserImage","media","src","thumbnail","loading","decoding","alt","title","width","height","newUntil","Date","SearchResultItemCompany","innerHTML","content","SearchResultItemProduct","itemScope","itemType","itemprop","teaserContent","renderSpecial","renderSubtitle","renderTeaserContent","renderPrice","subtitle","isSpecial","price","specialPrice","SliderTeaserS","componentDidLoad","window","innerWidth","initializeSlider","import","swiper","el","slidesPerView","slidesPerGroup","spaceBetween","slideClass","pagination","clickable","disconnectedCallback","destroy"],"sources":["source/script/component/search-result-item-article/search-result-item-article.tsx","source/script/component/search-result-item-company/search-result-item-company.tsx","source/script/component/search-result-item-product/search-result-item-product.tsx","source/script/component/slider-teaser-s/slider-teaser-s.tsx"],"sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { SearchResultItem } from '~model/search-result-item';\nimport { Translate } from '~service/translation-service';\n\n@Component({\n  tag: 'staedtler-search-result-item-article',\n})\nexport class SearchResultItemArticle {\n  @Prop() item: SearchResultItem;\n\n  render() {\n    const pictureClass = {\n      'has-play': this.item.showVideoIcon,\n    };\n    const newFlag = this.isNew ? <span class=\"teaser-tag\">{Translate.translate('search.result.new')}</span> : '';\n    return (\n      <Host class={'staedtler-search-result-item teaser teaser-s'}>\n        <a href={this.item.url}>\n          <picture class={pictureClass}>\n            <source srcSet={this.item.teaserImage[1200]} media=\"(min-width: 1200px)\" />\n            <source srcSet={this.item.teaserImage[992]} media=\"(min-width: 992px)\" />\n            <source srcSet={this.item.teaserImage[768]} media=\"(min-width: 768px)\" />\n            <source srcSet={this.item.teaserImage[576]} media=\"(min-width: 576px)\" />\n            <source srcSet={this.item.teaserImage[1]} />\n            <img src={this.item.teaserImage.thumbnail} loading=\"lazy\" decoding=\"async\" alt={this.item.title} title={this.item.title} width=\"360\" height=\"240\" class=\"img-fluid\" />\n          </picture>\n          <span class=\"teaser-content\">\n            {newFlag}\n            {this.item.title}\n          </span>\n        </a>\n      </Host>\n    );\n  }\n\n  get isNew() {\n    if (!this.item) {\n      return false;\n    }\n    if (!this.item.newUntil) {\n      return false;\n    }\n\n    return new Date(this.item.newUntil) > new Date();\n  }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { SearchResultItem } from '~model/search-result-item';\nimport { Translate } from '~service/translation-service';\n\n@Component({\n  tag: 'staedtler-search-result-item-company',\n})\nexport class SearchResultItemCompany {\n  @Prop() item: SearchResultItem;\n\n  render() {\n    return (\n      <Host class={'staedtler-search-result-item'}>\n        <div class=\"search-result-company\">\n          <h5>{this.item.title}</h5>\n          <p>\n            <span innerHTML={this.item.content} /> <a href={this.item.url}>{Translate.translate('search.result.readMore')}</a>\n          </p>\n        </div>\n      </Host>\n    );\n  }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { SearchResultItem } from '~model/search-result-item';\n\n@Component({\n  tag: 'staedtler-search-result-item-product',\n})\nexport class SearchResultItemProduct {\n  @Prop() item: SearchResultItem;\n\n  render() {\n    return (\n      <Host itemScope={'itemScope'} itemType={'http://schema.org/Product'} class=\"product\">\n        <picture>\n          <source srcSet={this.item.teaserImage[1]} />\n          <img\n            itemprop=\"image\"\n            src={this.item.teaserImage[1]}\n            alt={this.item.teaserContent ? this.item.teaserContent : this.item.title}\n            title={this.item.title}\n            class=\"img-fluid\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          />\n          {this.renderSpecial()}\n        </picture>\n\n        <span class=\"name\" itemprop=\"name\">\n          {this.item.title}\n        </span>\n        <meta itemprop=\"brand\" content=\"STAEDTLER\" />\n        {this.renderSubtitle()}\n        {this.renderTeaserContent()}\n        {this.renderPrice()}\n        <a href={this.item.url} class=\"link-full\" itemprop=\"url\" title={this.item.title} />\n      </Host>\n    );\n  }\n\n  protected renderSubtitle() {\n    return this.item.subtitle ? (\n      <span class=\"category\" itemprop=\"category\">\n        {this.item.subtitle}\n      </span>\n    ) : (\n      ''\n    );\n  }\n\n  protected renderTeaserContent() {\n    return this.item.teaserContent ? (\n      <span class=\"description\" itemprop=\"description\">\n        {this.item.teaserContent}\n      </span>\n    ) : (\n      ''\n    );\n  }\n\n  protected renderSpecial() {\n    return this.item.isSpecial ? <span class=\"icon-special\">%</span> : '';\n  }\n\n  protected renderPrice() {\n    return this.item.price ? (\n      <span class=\"prices\">\n        <span class={this.item.isSpecial ? 'price has-special' : 'price'}>{this.item.price}</span>\n        {this.item.isSpecial ? <span class=\"price-special\">{this.item.specialPrice}</span> : ''}\n      </span>\n    ) : (\n      ''\n    );\n  }\n}\n","import { Build, Component, Element, h } from '@stencil/core';\n\n@Component({\n  tag: 'staedtler-slider-teaser-s',\n})\nexport class SliderTeaserS {\n  @Element() el: HTMLElement;\n  swiper;\n\n  async componentDidLoad() {\n    if (!Build.isBrowser) {\n      return;\n    }\n    if (window.innerWidth < 768) {\n      const { initializeSlider } = await import('~service/swiper');\n      this.swiper = initializeSlider(this.el, {\n        slidesPerView: 1,\n        slidesPerGroup: 1,\n        spaceBetween: 0,\n        slideClass: 'teaser-s',\n\n        pagination: {\n          el: '.swiper-pagination',\n          clickable: true,\n        },\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.swiper) {\n      this.swiper.destroy();\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"swiper-container\">\n        <div class=\"swiper-wrapper\">\n          <slot />\n        </div>\n        <div class=\"swiper-pagination\"></div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}