|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[3470],{"./stories/atoms/labelFormCentric/LabelFormCentricComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>createLabelFormCentric});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),labelFormCentric=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/labelFormCentric/labelFormCentric.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(labelFormCentric.Z,options);labelFormCentric.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createLabelFormCentric=function createLabelFormCentric(_ref){var label,_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$labelType=(_ref.isHidden,_ref.labelType),labelType=void 0===_ref$labelType?"not-set":_ref$labelType;"text"===labelType?((label=(0,helpers.az)("label",["mwf-textinput__label"],text)).htmlFor=forAttribute,isRequired&&((0,helpers.az)("span",["mwf-textinput__required","mwf-required"],"*",label).title="Pflichtfeld")):"checkbox"===labelType?((label=(0,helpers.az)("label",["mwf-textinput__label"])).htmlFor=forAttribute,(0,helpers.az)("span",["mwf-checkbox__text"],text,label)):(label=(0,helpers.az)("label",["mwf-textinput__label"],text)).htmlFor=forAttribute;return label}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/labelFormCentric/labelFormCentric.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 span{vertical-align:top;margin-left:.1em}","",{version:3,sources:["webpack://./stories/atoms/labelFormCentric/labelFormCentric.scss"],names:[],mappings:"AAAA,MACE,aAAA,CACA,gCAAA,CACA,eAAA,CACA,QAAA,CAEA,cACE,mCAAA,CAGF,WACE,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 span {\n vertical-align: top;\n margin-left: 0.1em;\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/form-element-form-centric/form-element-form-centric.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,".mwf-textinput{display:flex;flex-direction:column;margin-bottom:20px;margin-left:-15px;margin-right:-15px}.mwf-textinput input{order:2}.mwf-textinput label{order:1}.mwf-textinput p{margin:0}.mwf-textinput .mwf-textinput__hint{order:3}.mwf-textinput .mwf-textinput__error{order:4}.mwf-checkboxgroup__legend,.mwf-radiogroup__legend{display:none}.mwf-checkboxgroup,.mwf-radiogroup{border:none;padding:0;display:flex;flex-direction:column}.mwf-checkbox input,.mwf-radio input{margin-top:2px !important}.mwf-checkboxgroup__options,.mwf-radioroup__options{order:1}.mwf-checkboxgroup__error,.mwf-radiogroup__error{order:2}","",{version:3,sources:["webpack://./stories/components/form-element-form-centric/form-element-form-centric.scss"],names:[],mappings:"AAAA,eACE,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,iBAAA,CACA,kBAAA,CACA,qBACE,OAAA,CAEF,qBACE,OAAA,CAEF,iBACE,QAAA,CAEF,oCACE,OAAA,CAEF,qCACE,OAAA,CAIJ,mDAEE,YAAA,CAEF,mCAEE,WAAA,CACA,SAAA,CACA,YAAA,CACA,qBAAA,CAIA,qCACE,yBAAA,CAGJ,oDAEE,OAAA,CAEF,iDAEE,OAAA",sourcesContent:[".mwf-textinput {\n display: flex;\n flex-direction: column;\n margin-bottom: 20px;\n margin-left: -15px;\n margin-right: -15px;\n input {\n order: 2;\n }\n label {\n order: 1;\n }\n p {\n margin: 0;\n }\n .mwf-textinput__hint {\n order: 3;\n }\n .mwf-textinput__error {\n order: 4;\n }\n}\n\n.mwf-checkboxgroup__legend,\n.mwf-radiogroup__legend{\n display: none;\n}\n.mwf-checkboxgroup,\n.mwf-radiogroup {\n border: none;\n padding: 0;\n display: flex;\n flex-direction: column;\n}\n.mwf-checkbox,\n.mwf-radio {\n input {\n margin-top: 2px !important;\n }\n}\n.mwf-checkboxgroup__options,\n.mwf-radioroup__options {\n order: 1;\n}\n.mwf-checkboxgroup__error,\n.mwf-radiogroup__error {\n order: 2;\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/components/form-element-form-centric/FormElementFormCentric.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CheckboxFormCentricElement:()=>CheckboxFormCentricElement,RadioFormCentricElement:()=>RadioFormCentricElement,TextFormCentricElement:()=>TextFormCentricElement,__namedExportsOrder:()=>__namedExportsOrder,default:()=>FormElementFormCentric_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.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");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),form_element_form_centric=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/form-element-form-centric/form-element-form-centric.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(form_element_form_centric.Z,options);form_element_form_centric.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),LabelFormCentricComponent=__webpack_require__("./stories/atoms/labelFormCentric/LabelFormCentricComponent.js"),InputCheckboxRadioComponent=__webpack_require__("./stories/atoms/input-checkbox-radio/InputCheckboxRadioComponent.js"),InputTextComponent=__webpack_require__("./stories/atoms/input-text/InputTextComponent.js"),InputSelectComponent=__webpack_require__("./stories/atoms/input-select/InputSelectComponent.js"),InputSelectData=__webpack_require__("./stories/atoms/input-select/InputSelectData.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 FormElementFormCentric_stories={title:"Components/Form Element Form Centric",args:{inputType:"text"},argTypes:{inputType:{control:"select",options:["text","checkbox","radio","select","password","textarea"]}}};var Template=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return function createFormCentricElement(_ref){var _ref$wrapperClasses=_ref.wrapperClasses,wrapperClasses=void 0===_ref$wrapperClasses?"form-element-form-centric":_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$id2=_ref.id2,id2=void 0===_ref$id2?null:_ref$id2,_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$label2=_ref.label2,label2=void 0===_ref$label2?"Benutzername":_ref$label2,_ref$selectOptions=_ref.selectOptions,selectOptions=void 0===_ref$selectOptions?[]:_ref$selectOptions,wrapper=(0,helpers.az)("div",wrapperClasses.split(" "));if(id&&0!==id.length||(id=name),"text"===inputType){var textInput=(0,helpers.az)("div",["mwf-textinput"],null,wrapper);textInput.appendChild((0,InputTextComponent.$)({placeholder,isRequired,name,id,type:inputType,classes:"mwf-textinput__input"})),textInput.appendChild((0,LabelFormCentricComponent.O)({forAttribute:id,isRequired,text:label,labelType:"text"}));var hint=(0,helpers.az)("div",["mwf-textinput__hint"],null,textInput);(0,helpers.az)("p",[],"Bitte tragen Sie hier ihren Vornamen ein.",hint),(0,helpers.az)("div",["mwf-textinput__error"],"Dieses Feld darf nicht leer sein.",textInput)}if("checkbox"===inputType){var checkboxFieldset=(0,helpers.az)("fieldset",["mwf-checkboxgroup"],null,wrapper);(0,helpers.az)("legend",["mwf-checkboxgroup__legend"],"Legend Header",checkboxFieldset),(0,helpers.az)("div",["mwf-checkboxgroup__error"],"Dieses Feld darf nicht leer sein.",checkboxFieldset);var checkboxGroup=(0,helpers.az)("div",["mwf-checkboxgroup__options"],null,checkboxFieldset),checkbox=(0,helpers.az)("div",["mwf-checkbox"],null,checkboxGroup);checkbox.appendChild((0,InputCheckboxRadioComponent.a)({type:inputType,isRequired,name,id,classes:"mwf-checkbox__input"})),checkbox.appendChild((0,LabelFormCentricComponent.O)({forAttribute:id,isRequired,text:label,labelType:"checkbox"}))}if("radio"===inputType){var _checkboxFieldset=(0,helpers.az)("fieldset",["mwf-radiogroup"],null,wrapper);(0,helpers.az)("legend",["mwf-radiogroup__legend"],"Legend Header",_checkboxFieldset),(0,helpers.az)("div",["mwf-radiogroup__error"],"Dieses Feld darf nicht leer sein.",_checkboxFieldset);var _checkboxGroup=(0,helpers.az)("div",["mwf-radiogroup__options"],null,_checkboxFieldset),_checkbox=(0,helpers.az)("div",["mwf-radio"],null,_checkboxGroup);_checkbox.appendChild((0,InputCheckboxRadioComponent.a)({type:inputType,isRequired,name,id,classes:"mwf-radio__input"})),_checkbox.appendChild((0,LabelFormCentricComponent.O)({forAttribute:id,isRequired,text:label,labelType:"radio"}));var checkbox2=(0,helpers.az)("div",["mwf-radio"],null,_checkboxGroup);checkbox2.appendChild((0,InputCheckboxRadioComponent.a)({type:inputType,isRequired,name,id:id2,classes:"mwf-radio__input"})),checkbox2.appendChild((0,LabelFormCentricComponent.O)({forAttribute:id2,isRequired,text:label2,labelType:"radio"}))}return"select"===inputType&&wrapper.appendChild((0,InputSelectComponent.E)({placeholder,isRequired,name,id,options:selectOptions.length>0?selectOptions:InputSelectData.A})),wrapper}(Object.assign({},args))},TextFormCentricElement=Template.bind({});TextFormCentricElement.args={labelType:"text",isRequired:!0,placeholder:"Platzhalter"};var CheckboxFormCentricElement=Template.bind({});CheckboxFormCentricElement.args={inputType:"checkbox",labelType:"checkbox",isRequired:!0,label:'Ich akzeptiere die <a href="#">Datenschutzbestimmungen</a>.'};var RadioFormCentricElement=Template.bind({});RadioFormCentricElement.args={inputType:"radio",labelType:"radio",isRequired:!0,label:"Mann",id:"man",label2:"Frau",id2:"woman"};var __namedExportsOrder=["TextFormCentricElement","CheckboxFormCentricElement","RadioFormCentricElement"];TextFormCentricElement.parameters={...TextFormCentricElement.parameters,docs:{...TextFormCentricElement.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createFormCentricElement({\n ...args\n });\n}",...TextFormCentricElement.parameters?.docs?.source}}},CheckboxFormCentricElement.parameters={...CheckboxFormCentricElement.parameters,docs:{...CheckboxFormCentricElement.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createFormCentricElement({\n ...args\n });\n}",...CheckboxFormCentricElement.parameters?.docs?.source}}},RadioFormCentricElement.parameters={...RadioFormCentricElement.parameters,docs:{...RadioFormCentricElement.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createFormCentricElement({\n ...args\n });\n}",...RadioFormCentricElement.parameters?.docs?.source}}}}}]);
|
