|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[8015],{"./stories/components/magazine-cover/MagazineCoverComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{E:()=>createMagazineCover});__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),magazine_cover=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/magazine-cover/magazine-cover.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(magazine_cover.Z,options);magazine_cover.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ReadingTimeComponent=__webpack_require__("./stories/atoms/reading-time/ReadingTimeComponent.js"),createMagazineCover=function createMagazineCover(_ref){var _ref$imageSrc=_ref.imageSrc,imageSrc=void 0===_ref$imageSrc?"./dummy/placeholder-4-3.svg":_ref$imageSrc,_ref$showReadingTime=_ref.showReadingTime,showReadingTime=void 0===_ref$showReadingTime||_ref$showReadingTime,section=(0,helpers.az)("section",["magazine-cover"]),container=(0,helpers.az)("div",["container"],null,section),row=(0,helpers.az)("div",["row"],null,container),col=(0,helpers.az)("div",["col"],null,row);showReadingTime&&col.appendChild((0,ReadingTimeComponent.g)({}));var imageBox=(0,helpers.az)("div",["image-box"],null,col),picture=(0,helpers.az)("picture",[],null,imageBox),src=(0,helpers.az)("source",[],null,picture);return(0,helpers.Bi)(imageSrc,1110,440,"",[],picture),src.media="(max-width: 567px)",src.srcset=imageSrc.replace("1110x440","600x400"),section}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/magazine-cover/magazine-cover.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'@media(min-width: 768px){.magazine-cover{margin:40px 0 0}}@media(max-width: 767px){.magazine-cover{margin:-6px 0 0}.magazine-cover .image-box{margin:0 calc(var(--container-padding)*-1)}.magazine-cover .reading-time{display:none}}.magazine-cover .row{justify-content:center}.magazine-cover .reading-time{position:relative;float:right;right:0;margin:0 2px 10px}.magazine-cover:after{content:"";display:block;clear:both}.magazine-cover .col{padding-top:0;padding-bottom:0;margin-bottom:-35px}@media(min-width: 768px){.magazine-cover .col{margin-bottom:-45px}}@media(min-width: 1200px){.magazine-cover .col{margin-bottom:-50px}}@media(min-width: 1400px){.magazine-cover .col{max-width:83.33334%}}.magazine-cover img{display:block;max-width:100%;width:100%;height:auto;aspect-ratio:1110/440;object-fit:cover;opacity:1;transition:.4s ease}.magazine-cover img.loading{opacity:0}@media(max-width: 567px){.magazine-cover img{aspect-ratio:3/2}}',"",{version:3,sources:["webpack://./stories/components/magazine-cover/magazine-cover.scss"],names:[],mappings:"AAIE,yBADF,gBAEI,eAAA,CAAA,CAEF,yBAJF,gBAKI,eAAA,CAEA,2BACE,0CAAA,CAGF,8BACE,YAAA,CAAA,CAIJ,qBACE,sBAAA,CAGF,8BACE,iBAAA,CACA,WAAA,CACA,OAAA,CACA,iBAAA,CAGF,sBACE,UAAA,CACA,aAAA,CACA,UAAA,CAGF,qBACE,aAAA,CACA,gBAAA,CACA,mBAAA,CAEA,yBALF,qBAMI,mBAAA,CAAA,CAGF,0BATF,qBAUI,mBAAA,CAAA,CAGF,0BAbF,qBAcI,mBAAA,CAAA,CAIJ,oBACE,aAAA,CACA,cAAA,CACA,UAAA,CACA,WAAA,CACA,qBAAA,CACA,gBAAA,CACA,SAAA,CACA,mBAAA,CAEA,4BACE,SAAA,CAGF,yBAdF,oBAeI,gBAAA,CAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.magazine-cover {\n @media(min-width: 768px) {\n margin: 40px 0 0;\n }\n @media(max-width: 767px) {\n margin: -6px 0 0;\n\n .image-box {\n margin: 0 calc(var(--container-padding) * -1);\n }\n\n .reading-time {\n display: none;\n }\n }\n\n .row {\n justify-content: center;\n }\n\n .reading-time {\n position: relative;\n float: right;\n right: 0;\n margin: 0 2px 10px;\n }\n\n &:after {\n content: \"\";\n display: block;\n clear: both;\n }\n\n .col {\n padding-top: 0;\n padding-bottom: 0;\n margin-bottom: -35px;\n\n @media(min-width: 768px) {\n margin-bottom: -45px;\n }\n\n @media(min-width: 1200px) {\n margin-bottom: -50px;\n }\n\n @media(min-width: 1400px) {\n max-width: 83.33334%;\n }\n }\n\n img {\n display: block;\n max-width: 100%;\n width: 100%;\n height: auto;\n aspect-ratio: 1110/440;\n object-fit: cover;\n opacity: 1;\n transition: 0.4s ease;\n\n &.loading {\n opacity: 0;\n }\n\n @media(max-width: 567px) {\n aspect-ratio: 3/2;\n }\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/pages/magazine-article/MagazineArticle.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MagazineArticlePage:()=>MagazineArticlePage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>MagazineArticle_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js");var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),HeaderComponent=__webpack_require__("./stories/components/header/HeaderComponent.js"),MagazineHeaderComponent=__webpack_require__("./stories/components/magazine-header/MagazineHeaderComponent.js"),PageDetailsComponent=__webpack_require__("./stories/components/page-details/PageDetailsComponent.js"),MagazineCoverComponent=__webpack_require__("./stories/components/magazine-cover/MagazineCoverComponent.js"),TeasersComponent=__webpack_require__("./stories/sections/teasers/TeasersComponent.js"),FooterComponent=__webpack_require__("./stories/components/footer/FooterComponent.js"),MagazineArticleComponent=__webpack_require__("./stories/components/magazine-article/MagazineArticleComponent.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const MagazineArticle_stories={title:"Pages/Magazine Article Page",parameters:{layout:"fullscreen"},argTypes:{}};var MagazineArticlePage=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return function createMagazineArticlePage(_ref){_ref.kicker,_ref.headline;var page=(0,helpers.az)("div",["page","magazine-article"]),header=(0,HeaderComponent.d)({}),magazineHeader=(0,MagazineHeaderComponent.m)({size:"narrow"});page.appendChild(header),page.appendChild(magazineHeader);var wrapper=(0,helpers.az)("div",["page-wrapper"],null,page);wrapper.appendChild((0,PageDetailsComponent.v)({}));var pageContent=(0,helpers.az)("main",["page-content"],null,wrapper);pageContent.appendChild((0,MagazineCoverComponent.E)({}));var container=(0,helpers.az)("div",["container"],null,pageContent),row=(0,helpers.az)("div",["row"],null,container),article=(0,MagazineArticleComponent.o)({});return row.appendChild(article),pageContent.appendChild((0,TeasersComponent.z)({type:"magazine",showReadingTime:!0,headline:"Mehr interessante Artikel"})),page.appendChild((0,FooterComponent.v)({})),page}(Object.assign({},args))}.bind({});MagazineArticlePage.args={};var __namedExportsOrder=["MagazineArticlePage"];MagazineArticlePage.parameters={...MagazineArticlePage.parameters,docs:{...MagazineArticlePage.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createMagazineArticlePage({\n ...args\n });\n}",...MagazineArticlePage.parameters?.docs?.source}}}}}]);
|
