{"version":3,"file":"oraergcl.js","sources":["../../../../../common/components/Page/Content/AwStandard.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"componentAttrs.is\"\n    :class=\"[\n      $style.component,\n      {\n        [$style.componentBackgroundFill]: addBackground && content.backgroundRepeat === 'fill',\n        [$style.componentBackgroundRepeat]: addBackground && content.backgroundRepeat === 'repeat',\n        [$style.componentBackgroundFixed]: addBackground && content.backgroundRepeat === 'fix',\n        [$style.componentRoundedBorder]: content.horizontalLayout || content.layoutTemplate === 'cms_card',\n      }\n    ]\"\n    :style=\"{\n      backgroundColor: backgroundColorWrapper,\n      ...imageStyle,\n    }\"\n    v-bind=\"componentAttrs.attrs\"\n    v-on=\"componentAttrs.handlers\"\n  >\n    <picture v-if=\"backgroundImages\" :key=\"imageKey\" :class=\"$style.backgroundImage\">\n      <template v-for=\"(img, idx) in backgroundImages\" :key=\"idx\">\n        <template v-if=\"img?.url\">\n          <source\n            v-for=\"url in [`${img.url}.webp`, img.url]\"\n            :key=\"url\"\n            :srcset=\"url\"\n            :type=\"url.endsWith('.webp') ? 'image/webp' : null\"\n            :media=\"!imageRemoved ? img.media : null\"\n          >\n        </template>\n      </template>\n      <img\n        ref=\"imgElement\"\n        src=\"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=\"\n        :alt=\"altTag\"\n        loading=\"lazy\"\n        :class=\"$style.backgroundImageTag\"\n        data-background-image\n        @load=\"onImageLoad\"\n        @error=\"onImageError\"\n      >\n    </picture>\n    <div v-if=\"isShadeVisible\" :class=\"$style.shadeEffect\" />\n    <component\n      :is=\"currentComponent?.component\"\n      :key=\"`${content.layoutTemplate}-${content.id}`\"\n      :content=\"content\"\n      :precalculated-image-on-parent=\"imageStyleOverwriteOnChild\"\n      :class=\"$style.currentComponent\"\n      :has-sidebar=\"hasSidebar\"\n      :has-section-title=\"hasSectionTitle\"\n      :analytics-banner-interaction=\"standardInteraction\"\n      :analytics-measurable=\"analyticsMeasurable\"\n      :row-id=\"rowId\"\n    />\n  </component>\n</template>\n\n<script>\n  import { mapState } from 'pinia';\n  import AwStandardTypeConfig, {\n    SCT_DIVIDED_TITLE_AND_TEXT,\n    SCT_BAR_FOR_TEXT_AND_IMAGE,\n    SCT_LARGE_BANNER,\n    SCT_CMS_CARD,\n    SCT_IMAGE_TEXT_LINK_COLUMNS,\n  } from '~~/common/config/AwStandardTypeConfig';\n  import { CONTENT_PAGE_ANALYTICS_STANDARD } from '~~/common/config/ContentPageTypeConfig';\n  import { LvButton, LvImage } from '~~/common/components/loginet-vue-shop/index.mjs';\n  import { colorModelToHex } from '~~/common/utils';\n  import analyticsBannerInteractionMixin from '~~/common/mixins/analyticsBannerInteractionMixin.js';\n  import { useUserInterfaceStore } from '~~/common/stores/userInterface';\n  import { AnalyticsBannerInteraction } from '~~/common/utils/AnalyticsBannerInteraction';\n  import { getBackgroundImages, onImageComplete, removeImageSourceTagOnError } from '~~/common/utils/imageHelper.js';\n\n  export default {\n    name: 'AwStandard',\n    components: {\n      LvButton,\n      LvImage,\n    },\n    mixins: [analyticsBannerInteractionMixin],\n    props: {\n      content: {\n        type: Object,\n        required: true,\n      },\n      isAnalyticsRunByStandard: {\n        type: Boolean,\n        default: null,\n      },\n      addBackground: {\n        type: Boolean,\n        default: true,\n      },\n      rowId: {\n        type: Number,\n        default: null,\n      },\n      hasSidebar: {\n        type: Boolean,\n        default: false,\n      },\n      hasSectionTitle: {\n        type: Boolean,\n        default: false,\n      },\n    },\n    data () {\n      return {\n        AnalyticsBannerInteraction,\n        imageData: null,\n        imageRemoved: false,\n      };\n    },\n    computed: {\n      ...mapState(useUserInterfaceStore, {\n        smMax: state => state.mediaQueries['mobile-max'],\n        screenRange: state => state.mediaQueries,\n      }),\n      imageKey () {\n        return `standard-${this.content.id}`;\n      },\n      contentMedia () {\n        return this.content?.media || {};\n      },\n      largeBackgroundImage () {\n        return this.contentMedia.largeBackgroundImage;\n      },\n      smallBackgroundImage () {\n        return this.contentMedia.smallBackgroundImage;\n      },\n      backgroundImages () {\n        const images = [\n          {\n            ...this.largeBackgroundImage,\n            media: this.largeBackgroundImage && this.smallBackgroundImage ? `(min-width: ${this.$styleVariables.breakpointTablet})` : undefined,\n          },\n          this.smallBackgroundImage,\n        ];\n\n        return getBackgroundImages(images);\n      },\n      altTag () {\n        return this.largeBackgroundImage?.alt || this.smallBackgroundImage?.alt || '';\n      },\n      currentComponent () {\n        return AwStandardTypeConfig[this.content?.layoutTemplate] || this.$logger.error(`${this.content?.layoutTemplate} is not a valid AwStandard type.`);\n      },\n      componentAttrs () {\n        return this.content.link\n          ? {\n            is: LvButton,\n            attrs: {\n              ...this.$hyperlinkComputeBindFromUrl(this.content.link),\n              stretch: true,\n              styling: 'link-simple',\n            },\n            handlers: this.genBannerInteractionClickEventHandlers({ title: this.content.title }),\n          }\n          : {\n            is: 'div',\n            attrs: null,\n            handlers: {},\n          }\n        ;\n      },\n      isShadeVisible () {\n        if (this.addBackground) {\n          const {\n            layoutTemplate,\n            title,\n            infoText,\n            contentText,\n          } = this.content || {};\n          const showFade = layoutTemplate === SCT_LARGE_BANNER && (title || infoText || contentText);\n          return showFade;\n        } else {\n          return false;\n        }\n      },\n      backgroundColorWrapper () {\n        const bgColor = (this.content?.backgroundColor?.hex && this.content?.backgroundColor?.alpha) ? colorModelToHex(this.content.backgroundColor) : 'transparent';\n        return bgColor && ![SCT_DIVIDED_TITLE_AND_TEXT, SCT_BAR_FOR_TEXT_AND_IMAGE, SCT_LARGE_BANNER].includes(this.content?.layoutTemplate) ? bgColor : 'transparent';\n      },\n      isBgEffectApplied () {\n        return this.imageData && this.addBackground;\n      },\n      imageStyle () {\n        return (this.isBgEffectApplied\n          ? {\n            'background-image': `url(\"${this.imageData?.currentSrc}\")`,\n          }\n          : null\n        );\n      },\n      imageStyleOverwriteOnChild () {\n        const isImageNotReady = (this.largeBackgroundImage || this.smallBackgroundImage) && !this.imageData;\n        if (isImageNotReady) {\n          return true;\n        }\n        return (this.imageData && !this.isBgEffectApplied && [SCT_CMS_CARD, SCT_IMAGE_TEXT_LINK_COLUMNS].includes(this.content?.layoutTemplate)\n          ? `url(\"${this.imageData.currentSrc}\")`\n          : null\n        );\n      },\n      standardInteraction () {\n        const promotionComponentId = this.analyticsBannerInteraction?.promotionComponentId;\n        return AnalyticsBannerInteraction.create({\n          ...this.analyticsBannerInteraction,\n          ...((!promotionComponentId || promotionComponentId === CONTENT_PAGE_ANALYTICS_STANDARD)\n            ? {\n              promotionComponentId: this.currentComponent?.analytics,\n            }\n            : null\n          ),\n        });\n      },\n    },\n    mounted () {\n      if (\n        this.isAnalyticsRunByStandard === true || (\n          this.isAnalyticsRunByStandard !== false &&\n          this.currentComponent?.isAnalyticsRunByStandard !== false\n        )\n      ) {\n        this.sendBannerViewInteraction(this.standardInteraction);\n      }\n      onImageComplete(this.$refs?.imgElement, { onImageLoad: this.onImageLoad, onImageError: this.onImageError });\n    },\n    methods: {\n      onImageError ({ target }) {\n        if (target) {\n          removeImageSourceTagOnError(target);\n          this.imageRemoved = true;\n        }\n      },\n      onImageLoad ({ target }) {\n        const { currentSrc } = target;\n        if (!this.imageData || this.imageData?.currentSrc === 'data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=') {\n          this.imageData = { currentSrc };\n        }\n      },\n    },\n  };\n</script>\n\n<style module lang=\"scss\" rel=\"stylesheet/scss\">\n.backgroundImage,\n.shadeEffect,\n.currentComponent {\n  grid-column: 1 / -1;\n  grid-row: 1 / -1;\n}\n\n.component {\n  display: grid;\n  height: 100%;\n  text-align: initial;\n\n  //!important is important to override lv-button/.link-simple:hover {background: transparent;} css rule\n  background-position: top center !important;\n  background-size: auto !important;\n  object-position: top center !important;\n\n  &BackgroundFill,\n  &BackgroundFixed {\n    background-repeat: no-repeat !important;\n  }\n\n  &BackgroundFill {\n    background-size: cover !important;\n  }\n\n  &BackgroundRepeat {\n    background-repeat: repeat !important;\n  }\n\n  &BackgroundFixed {\n    background-position: center !important;\n    background-size: cover !important;\n    object-position: center !important;\n  }\n\n  &RoundedBorder {\n    overflow: hidden;\n    border-radius: 16px;\n  }\n}\n\n.backgroundImageTag {\n  opacity: 0.01;\n}\n\n.backgroundImage + .shadeEffect {\n  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .32), rgba(0, 0, 0, .32));\n}\n\n.currentComponent {\n  width: 100%;\n}\n</style>\n"],"names":["_sfc_main","LvButton","LvImage","analyticsBannerInteractionMixin","AnalyticsBannerInteraction","mapState","useUserInterfaceStore","state","_a","images","getBackgroundImages","_b","AwStandardTypeConfig","layoutTemplate","title","infoText","contentText","SCT_LARGE_BANNER","bgColor","_d","_c","colorModelToHex","SCT_DIVIDED_TITLE_AND_TEXT","SCT_BAR_FOR_TEXT_AND_IMAGE","_e","SCT_CMS_CARD","SCT_IMAGE_TEXT_LINK_COLUMNS","promotionComponentId","CONTENT_PAGE_ANALYTICS_STANDARD","onImageComplete","target","removeImageSourceTagOnError","currentSrc","_hoisted_1","_hoisted_2","_openBlock","_createBlock","_resolveDynamicComponent","$options","_mergeProps","_ctx","$props","_toHandlers","_withCtx","_createElementBlock","_normalizeClass","_Fragment","_renderList","img","idx","url","$data","_createCommentVNode","_createElementVNode","args"],"mappings":"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"}