|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[8039],{"./stories/atoms/tabs/TabsComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>createTabs});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__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),tabs=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/tabs/tabs.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(tabs.Z,options);tabs.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),createTabs=function createTabs(_ref){var _ref$size=_ref.size,size=void 0===_ref$size?"small":_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"primary-extra-light":_ref$color,_ref$data=_ref.data,data=void 0===_ref$data?[{label:"Alle <strong>(24)</strong>",link:"#"},{label:"Veranstaltungen <strong>(4)</strong>",link:"#"},{label:"Downloads <strong>(12)</strong>",link:"#"}]:_ref$data,tabs=(0,helpers.az)("div",["tabs"]);return data.map((function(item,i){var button=(0,ButtonComponent.a)({size,label:item.label,link:item.link,color});tabs.appendChild(button),0===i&&button.classList.add("active")})),tabs}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/tabs/tabs.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,".tabs{margin:calc(10px + 1%) -0.25em}.tabs .btn{margin:.25em;display:inline-flex}.tabs .btn::after{display:none}.tabs .btn.active,.tabs .btn:hover{background-color:var(--theme-color-primary);color:var(--theme-color-white)}.tabs .btn strong{margin-left:.2em}","",{version:3,sources:["webpack://./stories/atoms/tabs/tabs.scss"],names:[],mappings:"AAGA,MACE,8BAAA,CAEA,WACE,YAAA,CACA,mBAAA,CAEA,kBACE,YAAA,CAGF,mCACE,2CAAA,CACA,8BAAA,CAGF,kBACE,gBAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.tabs {\n margin: calc(10px + 1%) -0.25em;\n\n .btn {\n margin: 0.25em;\n display: inline-flex;\n\n &::after {\n display: none;\n }\n\n &.active, &:hover {\n background-color: var(--theme-color-primary);\n color: var(--theme-color-white);\n }\n\n strong {\n margin-left: 0.2em;\n }\n }\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/atoms/tabs/Tabs.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Tabs:()=>Tabs,__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 _TabsComponent__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/atoms/tabs/TabsComponent.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:"Atoms/Tabs",args:{size:"small"}};var Tabs=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return(0,_TabsComponent__WEBPACK_IMPORTED_MODULE_4__.M)(Object.assign({},args))}.bind({});Tabs.args={};var __namedExportsOrder=["Tabs"];Tabs.parameters={...Tabs.parameters,docs:{...Tabs.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createTabs({\n ...args\n });\n}",...Tabs.parameters?.docs?.source}}}}}]);
|
