|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[4918],{"./stories/atoms/label/LabelComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{_:()=>createLabel});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),label=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/label/label.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(label.Z,options);label.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createLabel=function createLabel(_ref){var _ref$text=_ref.text,text=void 0===_ref$text?"Benutzername":_ref$text,_ref$forAttribute=_ref.forAttribute,forAttribute=void 0===_ref$forAttribute?"name":_ref$forAttribute,_ref$isRequired=_ref.isRequired,isRequired=void 0!==_ref$isRequired&&_ref$isRequired,_ref$isHidden=_ref.isHidden,isHidden=void 0!==_ref$isHidden&&_ref$isHidden,label=(0,helpers.az)("label",isHidden?["visually-hidden"]:[],text);(label.htmlFor=forAttribute,isRequired)&&((0,helpers.az)("sup",[],"*",label).title="Pflichtfeld");return label}},"./stories/components/form-element/FormElementComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{_:()=>createFormElement});__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js");var _global_scripts_helpers__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/_global/scripts/helpers.js"),_atoms_label_LabelComponent__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./stories/atoms/label/LabelComponent.js"),_atoms_input_checkbox_radio_InputCheckboxRadioComponent__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./stories/atoms/input-checkbox-radio/InputCheckboxRadioComponent.js"),_atoms_input_text_InputTextComponent__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./stories/atoms/input-text/InputTextComponent.js"),_atoms_input_select_InputSelectComponent__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./stories/atoms/input-select/InputSelectComponent.js"),_atoms_input_select_InputSelectData__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./stories/atoms/input-select/InputSelectData.js"),createFormElement=function createFormElement(_ref){var _ref$wrapperClasses=_ref.wrapperClasses,wrapperClasses=void 0===_ref$wrapperClasses?"form-element":_ref$wrapperClasses,_ref$name=_ref.name,name=void 0===_ref$name?"name":_ref$name,_ref$id=_ref.id,id=void 0===_ref$id?null:_ref$id,_ref$inputType=_ref.inputType,inputType=void 0===_ref$inputType?"text":_ref$inputType,_ref$isRequired=_ref.isRequired,isRequired=void 0!==_ref$isRequired&&_ref$isRequired,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"":_ref$placeholder,_ref$label=_ref.label,label=void 0===_ref$label?"Benutzername":_ref$label,_ref$selectOptions=_ref.selectOptions,selectOptions=void 0===_ref$selectOptions?[]:_ref$selectOptions,wrapper=(0,_global_scripts_helpers__WEBPACK_IMPORTED_MODULE_4__.az)("div",wrapperClasses.split(" "));return id&&0!==id.length||(id=name),"checkbox"!==inputType&&"radio"!==inputType||wrapper.appendChild((0,_atoms_input_checkbox_radio_InputCheckboxRadioComponent__WEBPACK_IMPORTED_MODULE_6__.a)({type:inputType,isRequired,name,id})),wrapper.appendChild((0,_atoms_label_LabelComponent__WEBPACK_IMPORTED_MODULE_5__._)({forAttribute:id,isRequired,text:label})),"select"===inputType&&wrapper.appendChild((0,_atoms_input_select_InputSelectComponent__WEBPACK_IMPORTED_MODULE_8__.E)({placeholder,isRequired,name,id,options:selectOptions.length>0?selectOptions:_atoms_input_select_InputSelectData__WEBPACK_IMPORTED_MODULE_9__.A})),-1===["checkbox","radio","select"].indexOf(inputType)&&wrapper.appendChild((0,_atoms_input_text_InputTextComponent__WEBPACK_IMPORTED_MODULE_7__.$)({placeholder,isRequired,name,id,type:inputType})),wrapper}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/label/label.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,"label{display:block;font-size:var(--font-size-small);font-weight:400;margin:0}label a:hover{color:var(--theme-color-link-hover)}label sup{vertical-align:top;margin-left:.1em}","",{version:3,sources:["webpack://./stories/atoms/label/label.scss"],names:[],mappings:"AAAA,MACE,aAAA,CACA,gCAAA,CACA,eAAA,CACA,QAAA,CAEA,cACE,mCAAA,CAGF,UACE,kBAAA,CACA,gBAAA",sourcesContent:["label {\n display: block;\n font-size: var(--font-size-small);\n font-weight: 400;\n margin: 0;\n\n a:hover {\n color: var(--theme-color-link-hover);\n }\n\n sup {\n vertical-align: top;\n margin-left: 0.1em;\n }\n}\n\n//input[type='radio'], input[type='checkbox'] {\n// ~ label {\n// font-size: var(--font-size-copy);\n// line-height: 1.4;\n// display: inline-block;\n// vertical-align: top;\n// max-width: calc(100% - 40px);\n// margin-top: calc(10px - 0.6em);\n// margin-bottom: 1em;\n//\n// @media(max-width: 999px) {\n// margin-top: calc(10px - 0.65em);\n// }\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/newsletter-teaser/newsletter-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"),___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,".newsletter-teaser{--theme-color-link: var(--theme-color-white);--theme-color-link-hover: var(--theme-color-white);font-size:var(--font-size-small);background:linear-gradient(140deg, var(--theme-color-gradient-01) 30%, var(--theme-color-gradient-02) 75%, var(--theme-color-gradient-03) 108%);padding:var(--content-box-padding);border-radius:var(--border-radius-xs);color:var(--theme-color-white)}@media(max-width: 767px){.newsletter-teaser{padding:calc(var(--content-box-padding)*2) var(--content-box-padding)}}.newsletter-teaser h2{margin-top:var(--section-headline-margin);margin-bottom:.4em}.newsletter-teaser .input-wrapper{margin:1.5em 0;display:flex}.newsletter-teaser .input-wrapper input{margin:0 1em 0 0;min-width:40%;width:auto;flex-grow:1}.newsletter-teaser .input-wrapper .btn{display:block;white-space:nowrap}@media(max-width: 567px){.newsletter-teaser .input-wrapper{display:block}.newsletter-teaser .input-wrapper .btn{margin-top:.7em}.newsletter-teaser .input-wrapper input{min-width:100%}}.newsletter-teaser ul{margin:2em 0 -0.3em;padding:0;list-style:none}.newsletter-teaser li{margin:.4em 0 0;padding:0;display:flex;align-items:flex-start;line-height:1.3}.newsletter-teaser li .form-element{width:100%}.newsletter-teaser input[type=checkbox]{margin-right:.6em;margin-left:0;border-color:var(--theme-color-white)}.newsletter-teaser input[type=checkbox]+label{font-size:var(--font-size-small);margin-bottom:.3em}","",{version:3,sources:["webpack://./stories/components/newsletter-teaser/newsletter-teaser.scss"],names:[],mappings:"AAAA,mBACE,4CAAA,CACA,kDAAA,CACA,gCAAA,CACA,+IAAA,CACA,kCAAA,CACA,qCAAA,CACA,8BAAA,CAEA,yBATF,mBAUI,qEAAA,CAAA,CAGF,sBACE,yCAAA,CACA,kBAAA,CAGF,kCACE,cAAA,CACA,YAAA,CAEA,wCACE,gBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CAGF,uCACE,aAAA,CACA,kBAAA,CAGF,yBAhBF,kCAiBI,aAAA,CAEA,uCACE,eAAA,CAGF,wCACE,cAAA,CAAA,CAKN,sBACE,mBAAA,CACA,SAAA,CACA,eAAA,CAGF,sBACE,eAAA,CACA,SAAA,CACA,YAAA,CACA,sBAAA,CACA,eAAA,CAEA,oCACE,UAAA,CAIJ,wCACE,iBAAA,CACA,aAAA,CACA,qCAAA,CAEA,8CACE,gCAAA,CACA,kBAAA",sourcesContent:['.newsletter-teaser {\n --theme-color-link: var(--theme-color-white);\n --theme-color-link-hover: var(--theme-color-white);\n font-size: var(--font-size-small);\n background: linear-gradient(140deg, var(--theme-color-gradient-01) 30%, var(--theme-color-gradient-02) 75%, var(--theme-color-gradient-03) 108%);\n padding: var(--content-box-padding);\n border-radius: var(--border-radius-xs);\n color: var(--theme-color-white);\n\n @media(max-width: 767px) {\n padding: calc(var(--content-box-padding) * 2) var(--content-box-padding);\n }\n\n h2 {\n margin-top: var(--section-headline-margin);\n margin-bottom: 0.4em;\n }\n\n .input-wrapper {\n margin: 1.5em 0;\n display: flex;\n\n input {\n margin: 0 1em 0 0;\n min-width: 40%;\n width: auto;\n flex-grow: 1;\n }\n\n .btn {\n display: block;\n white-space: nowrap;\n }\n\n @media(max-width: 567px) {\n display: block;\n\n .btn {\n margin-top: 0.7em;\n }\n\n input {\n min-width: 100%;\n }\n }\n }\n\n ul {\n margin: 2em 0 -0.3em;\n padding: 0;\n list-style: none;\n }\n\n li {\n margin: 0.4em 0 0;\n padding: 0;\n display: flex;\n align-items: flex-start;\n line-height: 1.3;\n\n .form-element {\n width: 100%;\n }\n }\n\n input[type="checkbox"] {\n margin-right: 0.6em;\n margin-left: 0;\n border-color: var(--theme-color-white);\n\n + label {\n font-size: var(--font-size-small);\n margin-bottom: 0.3em;\n }\n }\n}'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/components/newsletter-teaser/NewsletterTeaser.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{NewsletterTeaser:()=>NewsletterTeaser,__namedExportsOrder:()=>__namedExportsOrder,default:()=>NewsletterTeaser_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"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),newsletter_teaser=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/newsletter-teaser/newsletter-teaser.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(newsletter_teaser.Z,options);newsletter_teaser.Z.locals;var InputTextComponent=__webpack_require__("./stories/atoms/input-text/InputTextComponent.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),FormElementComponent=__webpack_require__("./stories/components/form-element/FormElementComponent.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 NewsletterTeaser_stories={title:"Components/Newsletter Teaser",parameters:{layout:"padded"},argTypes:{title:{name:"Überschrift",control:"text",defaultValue:"IHK Musterstadt Corona-Newsletter"},introduction:{name:"Einleitungstext",control:"text",defaultValue:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}}};var NewsletterTeaser=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return function createNewsletterTeaser(_ref){var _ref$title=_ref.title,title=void 0===_ref$title?"Überschrift":_ref$title,_ref$introduction=_ref.introduction,introduction=void 0===_ref$introduction?"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.":_ref$introduction,_ref$checkboxes=_ref.checkboxes,checkboxes=void 0===_ref$checkboxes?[{label:'Ich stimme den <a href="#">Datenschutzbestimmungen</a> der IHK Musterstadt zu.',required:!0},{label:'Ich stimme der <a href="#">erweiterten Datenspeicherung</a> und der <a href="#">Datenschutzerklärung</a> IHK Musterstadt zu.',required:!0},{label:'Ich stimme den <a href="#">Allgemeinen Geschäftsbedingungen</a> der IHK Musterstadt zu.',required:!1}]:_ref$checkboxes,newsletterTeaser=(0,helpers.az)("div",["newsletter-teaser"],null);(0,helpers.az)("h2",[],title,newsletterTeaser),(0,helpers.az)("p",[],introduction,newsletterTeaser);var form=(0,helpers.az)("form",["newsletter-form"],null,newsletterTeaser),inputWrapper=(0,helpers.az)("div",["input-wrapper"],null,form);inputWrapper.appendChild((0,InputTextComponent.$)({placeholder:"Ihre E-Mail-Adresse",isRequired:!0,type:"email"}));var button=(0,ButtonComponent.a)({elementType:"button",icon:"pfeil-simple-rechts",color:"white",iconPosition:"icon-right",label:"Jetzt abonnieren"});button.type="submit",inputWrapper.appendChild(button);var checkboxList=(0,helpers.az)("ul",["checkboxes"],null,form);return checkboxes.map((function(cbDefinition,index){(0,helpers.az)("li",[],null,checkboxList).appendChild((0,FormElementComponent._)({inputType:"checkbox",name:"newsletter-checkbox-"+index,isRequired:cbDefinition.required,label:cbDefinition.label}))})),newsletterTeaser}(Object.assign({},args))}.bind({});NewsletterTeaser.args={};var __namedExportsOrder=["NewsletterTeaser"];NewsletterTeaser.parameters={...NewsletterTeaser.parameters,docs:{...NewsletterTeaser.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createNewsletterTeaser({\n ...args\n });\n}",...NewsletterTeaser.parameters?.docs?.source}}}}}]);
|
