|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[6459],{"./stories/components/participation-teaser/ParticipationTeaserComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{V:()=>createParticipationTeaser});__webpack_require__("./node_modules/core-js/modules/es.string.link.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),participation_teaser=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/participation-teaser/participation-teaser.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(participation_teaser.Z,options);participation_teaser.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ProgressBarComponent=__webpack_require__("./stories/atoms/progress-bar/ProgressBarComponent.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),createParticipationTeaser=function createParticipationTeaser(_ref){var _ref$isListItem=_ref.isListItem,isListItem=void 0!==_ref$isListItem&&_ref$isListItem,_ref$kicker=_ref.kicker,kicker=void 0===_ref$kicker?"Noch 6 Tage offen":_ref$kicker,_ref$progress=_ref.progress,progress=void 0===_ref$progress?65:_ref$progress,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"Ideen zur Stärkung der Innenstädte und Ortskerne":_ref$headline,_ref$copy=_ref.copy,copy=void 0===_ref$copy?"Die Auswirkungen der Corona-Pandemie treffen die Innenstädte und Ortskerne. Wir sammeln Ideen, um den neuen Herausforderungen zu begegnen.":_ref$copy,_ref$moreCta=_ref.moreCta,moreCta=void 0===_ref$moreCta?{label:"Mehr Infos",link:"#",target:"_self"}:_ref$moreCta,_ref$participateCta=_ref.participateCta,participateCta=void 0===_ref$participateCta?{label:"Jetzt beteiligen",link:"#",target:"_self"}:_ref$participateCta,teaser=(0,helpers.az)("div",["participation-teaser","tile"]),tb=(0,helpers.az)("div",["text-box"],null,teaser),kickerSpan=(0,helpers.az)("p",["kicker"],kicker,tb),progressBar=(0,ProgressBarComponent.i)({progress});tb.appendChild(progressBar),(0,helpers.az)("h3",["like-h4"],headline,tb),(0,helpers.az)("p",[],copy,tb),isListItem&&tb.insertBefore(progressBar,kickerSpan);var buttons=(0,helpers.az)("div",["buttons"],null,teaser);return moreCta&&buttons.appendChild((0,ButtonComponent.a)({label:moreCta.label,link:moreCta.link,color:"primary-light",size:"small"})),participateCta&&buttons.appendChild((0,ButtonComponent.a)({label:participateCta.label,link:participateCta.link,size:"small"})),teaser}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/participation-teaser/participation-teaser.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"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/runtime/getUrl.js"),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__),_topic_meinung_svg__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./stories/components/participation-teaser/topic-meinung.svg"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()),___CSS_LOADER_URL_REPLACEMENT_0___=_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(_topic_meinung_svg__WEBPACK_IMPORTED_MODULE_3__);___CSS_LOADER_EXPORT___.push([module.id,'.participation-teaser{position:relative;display:flex;flex-direction:column;background-color:#fff;overflow:hidden;width:100%;border-radius:var(--border-radius-lg);padding:24px;transition:.25s ease;text-decoration:none;font-size:var(--font-size-small)}@media(max-width: 999px){.participation-teaser{padding:14px}}@media(max-width: 767px){.participation-teaser{font-size:16px;min-height:84px;border-radius:8px}}.participation-teaser::before{content:"";position:relative;display:block;height:80px;background-color:var(--theme-color-primary);margin:-24px -24px 10px;background-image:url('+___CSS_LOADER_URL_REPLACEMENT_0___+");background-repeat:no-repeat;background-position:center 65%;background-size:60px}@media(max-width: 567px){.participation-teaser::before{font-size:50px;margin-top:-14px}}.participation-teaser .like-h4,.participation-teaser p,.participation-teaser .buttons{margin:.5em 0}.participation-teaser .buttons{display:flex;justify-content:space-between;padding-top:.4em}.participation-teaser .buttons .btn:last-child{margin-left:auto}","",{version:3,sources:["webpack://./stories/components/participation-teaser/participation-teaser.scss"],names:[],mappings:"AAGA,sBACE,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,qBAAA,CACA,eAAA,CACA,UAAA,CACA,qCAAA,CACA,YAAA,CACA,oBAAA,CACA,oBAAA,CACA,gCAAA,CAEA,yBAbF,sBAcI,YAAA,CAAA,CAGF,yBAjBF,sBAkBI,cAAA,CACA,eAAA,CACA,iBAAA,CAAA,CAGF,8BACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,WAAA,CACA,2CAAA,CACA,uBAAA,CACA,wDAAA,CACA,2BAAA,CACA,8BAAA,CACA,oBAAA,CAEA,yBAZF,8BAaI,cAAA,CACA,gBAAA,CAAA,CAIJ,sFACE,aAAA,CAGF,+BACE,YAAA,CACA,6BAAA,CACA,gBAAA,CAGE,+CACE,gBAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.participation-teaser {\n position: relative;\n display: flex;\n flex-direction: column;\n background-color: white;\n overflow: hidden;\n width: 100%;\n border-radius: var(--border-radius-lg);\n padding: 24px;\n transition: 0.25s ease;\n text-decoration: none;\n font-size: var(--font-size-small);\n\n @media(max-width: 999px) {\n padding: 14px;\n }\n\n @media(max-width: 767px) {\n font-size: 16px;\n min-height: 84px;\n border-radius: 8px;\n }\n\n &::before {\n content: \"\";\n position: relative;\n display: block;\n height: 80px;\n background-color: var(--theme-color-primary);\n margin: -24px -24px 10px;\n background-image: url('./topic-meinung.svg');\n background-repeat: no-repeat;\n background-position: center 65%;\n background-size: 60px;\n\n @media(max-width: 567px) {\n font-size: 50px;\n margin-top: -14px;\n }\n }\n\n .like-h4, p, .buttons {\n margin: 0.5em 0;\n }\n\n .buttons {\n display: flex;\n justify-content: space-between;\n padding-top: 0.4em;\n\n .btn {\n &:last-child {\n margin-left: auto;\n }\n }\n }\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/components/participation-teaser/ParticipationTeaser.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ParticipationTeaser:()=>ParticipationTeaser,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__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 _ParticipationTeaserComponent__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/components/participation-teaser/ParticipationTeaserComponent.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 __WEBPACK_DEFAULT_EXPORT__={title:"Components/ParticipationTeaser",parameters:{backgrounds:{default:"lightblue"}},args:{kicker:"Noch 6 Tage offen",progress:65,headline:"Ideen zur Stärkung der Innenstädte und Ortskerne",copy:"Die Auswirkungen der Corona-Pandemie treffen die Innenstädte und Ortskerne. Wir sammeln Ideen, um den neuen Herausforderungen zu begegnen.",moreCta:{label:"Mehr Infos",link:"#",target:"_self"},participateCta:{label:"Jetzt beteiligen",link:"#",target:"_self"}},argTypes:{}};var ParticipationTeaser=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return(0,_ParticipationTeaserComponent__WEBPACK_IMPORTED_MODULE_4__.V)(Object.assign({},args))}.bind({});ParticipationTeaser.args={};var __namedExportsOrder=["ParticipationTeaser"];ParticipationTeaser.parameters={...ParticipationTeaser.parameters,docs:{...ParticipationTeaser.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createParticipationTeaser({\n ...args\n });\n}",...ParticipationTeaser.parameters?.docs?.source}}}},"./stories/components/participation-teaser/topic-meinung.svg":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"static/media/topic-meinung.b844fa77.svg"}}]);
|
