|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[7046],{"./stories/components/participation-list-item/ParticipationListItemComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{W:()=>createParticipationListItem});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),participation_list_item=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/participation-list-item/participation-list-item.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(participation_list_item.Z,options);participation_list_item.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ParticipationTeaserComponent=__webpack_require__("./stories/components/participation-teaser/ParticipationTeaserComponent.js"),createParticipationListItem=function createParticipationListItem(_ref){var _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,div=(0,helpers.az)("div",["participation-list-item"]);return div.appendChild((0,ParticipationTeaserComponent.V)({isListItem:!0,kicker,progress,headline,copy,moreCta,participateCta})),div}},"./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-list-item/participation-list-item.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,".participation-list{margin:calc(20px + 2%) 0}.participation-list-item+.participation-list-item{padding-top:30px}@media(max-width: 999px){.participation-list-item+.participation-list-item{padding-top:20px}}@media(max-width: 767px){.participation-list-item+.participation-list-item{padding-top:15px}}.participation-list-item .tile{position:relative;padding:20px 20px 12px;border-radius:var(--border-radius-md);background-color:var(--theme-color-primary-dimmed-04)}@media(min-width: 768px){.participation-list-item .tile{display:flex;align-items:flex-end;flex-wrap:nowrap;flex-direction:row}}.participation-list-item .tile::before{display:none}@media(max-width: 767px){.participation-list-item .tile .buttons{padding-top:0}}@media(min-width: 768px){.participation-list-item .tile .buttons{display:block;text-align:right;min-width:240px;padding-left:40px}.participation-list-item .tile .buttons .btn{margin:8px 0 4px}}.participation-list-item .tile .like-h4{margin-top:.2em;margin-bottom:.5em}.participation-list-item .tile .text-box{padding-top:0}.participation-list-item .progress{display:inline-block;vertical-align:top;margin:0}@media(max-width: 370px){.participation-list-item .progress{max-width:calc(100% - 150px)}}.participation-list-item .progress+.kicker{display:inline-block;vertical-align:top;margin:0 0 0 10px;line-height:1}","",{version:3,sources:["webpack://./stories/components/participation-list-item/participation-list-item.scss"],names:[],mappings:"AAGA,oBACE,wBAAA,CAGF,kDACE,gBAAA,CAEA,yBAHF,kDAII,gBAAA,CAAA,CAEF,yBANF,kDAOI,gBAAA,CAAA,CAKF,+BACE,iBAAA,CACA,sBAAA,CACA,qCAAA,CACA,qDAAA,CAEA,yBANF,+BAOI,YAAA,CACA,oBAAA,CACA,gBAAA,CACA,kBAAA,CAAA,CAGF,uCACE,YAAA,CAIA,yBADF,wCAEI,aAAA,CAAA,CAGF,yBALF,wCAMI,aAAA,CACA,gBAAA,CACA,eAAA,CACA,iBAAA,CAEA,6CACE,gBAAA,CAAA,CAKN,wCACE,eAAA,CACA,kBAAA,CAGF,yCACE,aAAA,CAIJ,mCACE,oBAAA,CACA,kBAAA,CACA,QAAA,CAEA,yBALF,mCAMI,4BAAA,CAAA,CAGF,2CACE,oBAAA,CACA,kBAAA,CACA,iBAAA,CACA,aAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.participation-list {\n margin: calc(20px + 2%) 0;\n}\n\n.participation-list-item +.participation-list-item {\n padding-top: 30px;\n\n @media(max-width: 999px) {\n padding-top: 20px;\n }\n @media(max-width: 767px) {\n padding-top: 15px;\n }\n}\n\n.participation-list-item {\n .tile {\n position: relative;\n padding: 20px 20px 12px;\n border-radius: var(--border-radius-md);\n background-color: var(--theme-color-primary-dimmed-04);\n\n @media(min-width: 768px) {\n display: flex;\n align-items: flex-end;\n flex-wrap: nowrap;\n flex-direction: row;\n }\n\n &::before {\n display: none;\n }\n\n .buttons {\n @media(max-width: 767px) {\n padding-top: 0;\n }\n\n @media(min-width: 768px) {\n display: block;\n text-align: right;\n min-width: 240px;\n padding-left: 40px;\n\n .btn {\n margin: 8px 0 4px;\n }\n }\n }\n\n .like-h4 {\n margin-top: 0.2em;\n margin-bottom: 0.5em;\n }\n\n .text-box {\n padding-top: 0;\n }\n }\n\n .progress {\n display: inline-block;\n vertical-align: top;\n margin: 0;\n\n @media(max-width: 370px) {\n max-width: calc(100% - 150px);\n }\n\n + .kicker {\n display: inline-block;\n vertical-align: top;\n margin: 0 0 0 10px;\n line-height: 1;\n }\n }\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./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);flex-flow:column;justify-content:space-between}@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:absolute;display:block;height:70px;background-color:var(--theme-color-primary);margin:0 -24px 10px;background-image:url('+___CSS_LOADER_URL_REPLACEMENT_0___+");background-repeat:no-repeat;background-position:center 65%;background-size:60px;top:0;left:0;right:0}@media(max-width: 567px){.participation-teaser::before{font-size:50px;margin-top:0px}}.participation-teaser .text-box{padding-top:66px}.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}@media screen and (max-width: 1200px){.participation-teaser .buttons{flex-wrap:wrap}}@media screen and (max-width: 1200px){.participation-teaser .buttons .btn{margin-bottom:6px}}.participation-teaser .buttons .btn:last-child{margin-left:auto;margin-left:12px}@media screen and (max-width: 1200px){.participation-teaser .buttons .btn:last-child{margin-left:0}}","",{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,CACA,gBAAA,CACA,6BAAA,CACA,yBAdF,sBAeI,YAAA,CAAA,CAGF,yBAlBF,sBAmBI,cAAA,CACA,eAAA,CACA,iBAAA,CAAA,CAGF,8BACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,WAAA,CACA,2CAAA,CACA,mBAAA,CACA,wDAAA,CACA,2BAAA,CACA,8BAAA,CACA,oBAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,yBAdF,8BAeI,cAAA,CACA,cAAA,CAAA,CAGJ,gCACE,gBAAA,CAEF,sFACE,aAAA,CAGF,+BACE,YAAA,CACA,6BAAA,CACA,gBAAA,CACA,sCAJF,+BAKI,cAAA,CAAA,CAGA,sCADF,oCAEI,iBAAA,CAAA,CAEF,+CACE,gBAAA,CACA,gBAAA,CACA,sCAHF,+CAII,aAAA,CAAA",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 flex-flow: column;\n justify-content: space-between;\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: absolute;\n display: block;\n height: 70px;\n background-color: var(--theme-color-primary);\n margin: 0 -24px 10px;\n background-image: url('./topic-meinung.svg');\n background-repeat: no-repeat;\n background-position: center 65%;\n background-size: 60px;\n top: 0;\n left: 0;\n right: 0;\n @media(max-width: 567px) {\n font-size: 50px;\n margin-top: 0px;\n }\n }\n .text-box {\n padding-top: 66px;\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 @media screen and (max-width:1200px){\n flex-wrap:wrap;\n }\n .btn {\n @media screen and (max-width:1200px){\n margin-bottom:6px;\n }\n &:last-child {\n margin-left: auto;\n margin-left:12px;\n @media screen and (max-width:1200px){\n margin-left: 0;\n }\n }\n }\n }\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/components/participation-list-item/ParticipationListItem.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ParticipationListItem:()=>ParticipationListItem,__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 _ParticipationListItemComponent__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/components/participation-list-item/ParticipationListItemComponent.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/Participation List Item",args:{kicker:"Noch 5 Tage offen",progress:60,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"}}};var ParticipationListItem=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return(0,_ParticipationListItemComponent__WEBPACK_IMPORTED_MODULE_4__.W)(Object.assign({},args))}.bind({});ParticipationListItem.args={};var __namedExportsOrder=["ParticipationListItem"];ParticipationListItem.parameters={...ParticipationListItem.parameters,docs:{...ParticipationListItem.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createParticipationListItem({\n ...args\n });\n}",...ParticipationListItem.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"}}]);
|
