https://www.thomann.ro/static/script/wrapper_fx_tsx.hash-892d01e586579764ec44.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];if(null!=i)for(var n in i)i.hasOwnProperty(n)&&(e[n]=i[n])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:thomann-sentry":!0});var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="a6691a1a-1819-45d8-9c78-3cc0327f216a",e._sentryDebugIdIdentifier="sentry-dbid-a6691a1a-1819-45d8-9c78-3cc0327f216a")}catch(e){}}(),(globalThis.webpackChunk||=[]).push([["wrapper_fx_tsx"],{"./lib/components/fx/Inputs/Switch/index.tsx"(e,t,i){i.d(t,{d:()=>s});var n=i("../../../node_modules/clsx/dist/clsx.mjs"),a=i("../../../node_modules/react/index.js"),r=i("../../../node_modules/react/jsx-runtime.js");class s extends a.Component{constructor(e){super(e),this.id=Math.random().toString(36).substring(2,7),this.inputName=this.props.name??"",this.inputName||(this.inputName=`switch-${this.id}`),this.state={selected:e.checked??!1}}onChange(e){return this.setState({selected:e.currentTarget.checked}),this.props.onChange?this.props.onChange(e):null}get classes(){const{className:e,disabled:t=!1}=this.props;return(0,n.$)("fx-input-switch",e,{"fx-input-switch--disabled":t})}get sliderClasses(){const{disabled:e=!1}=this.props;return(0,n.$)("fx-input-switch__slider",{"fx-loader":e})}renderInputElement(){return(0,r.jsx)("input",{type:"radio"===this.props.type?"radio":"checkbox",className:"fx-input-switch__field",name:this.inputName,id:this.id,onChange:e=>this.onChange(e),disabled:this.props.disabled??!1,checked:this.state.selected})}render(){return(0,r.jsxs)("div",{className:this.classes,children:[this.renderInputElement(),(0,r.jsxs)("label",{htmlFor:this.id,className:"fx-input-switch__label",children:[(0,r.jsx)("span",{className:this.sliderClasses,children:(0,r.jsx)("span",{className:"fx-input-switch__knob"})}),this.props.children]})]})}}},"./lib/components/fx/Inputs/Text/Extensions/InputInfo.tsx"(e,t,i){var n=i("../../../node_modules/react/index.js"),a=i("./lib/components/fx/Atoms/Icon/index.tsx"),r=i("./lib/components/fx/Components/Tooltip/Tooltip.tsx"),s=i("../../../node_modules/react/jsx-runtime.js");i.d(t,["A",0,({children:e,contentClassName:t})=>{const i=(0,n.useMemo)(()=>()=>(0,s.jsx)(a.A,{className:"fx-size--md",iconName:a.A.ICON_NAME.INFO}),[a.A.ICON_NAME.INFO]),o=(0,n.useMemo)(()=>()=>(0,s.jsx)(n.Fragment,{children:e}),[e]);return(0,s.jsx)(r.m,{type:r.I.WITH_ICON,className:"fx-input-info fx-tooltip--allow-hover-no",position:r.m.POSITION.INPUT,iconName:a.A.ICON_NAME.INFO,Trigger:i,Content:o,contentProps:{className:t}})}])},"./wrapper/fx.tsx"(e,t,i){i.d(t,{default:()=>wt}),i("../../../node_modules/core-js/modules/es.iterator.constructor.js"),i("../../../node_modules/core-js/modules/es.iterator.for-each.js");var n=i("./lib/components/fx/Components/Notification/index.tsx"),a=i("./lib/NotificationDispatcher/index.tsx"),r=i("../../../node_modules/react/index.js"),s=i("../../../node_modules/react-dom/client.js"),o=i("./lib/components/fx/Atoms/Buttons/index.tsx"),l=i("./lib/components/fx/Components/Accordion/index.tsx"),c=i("./lib/components/fx/Inputs/Select/InputSelect.tsx"),d=i("./lib/components/fx/Inputs/Select/useInputSelect.ts");const m=(e,t)=>null!==t.querySelector(`#${e}`);var u=i("../../../node_modules/react/jsx-runtime.js");const p=()=>{const{inputOptions:e,selectedOption:t,onChange:i}=(0,d.S)([{value:1,label:"Option one"},{value:2,label:"Option two"},{value:3,label:"Option three"}],{value:1,label:"Option one"},"Placeholder");return(0,u.jsx)(c.$,{options:e,selectedOption:t,onChange:i})};var g=i("./lib/AppFactory.ts"),h=i("./lib/components/fx/Components/AudioPlayer/AudioPlayer.tsx");const x=[{id:2112,label:"Ballad Female",formats:[{format:"aac-128",duration:19.06},{format:"aac-256",duration:19.06},{format:"mp3-128",duration:19.08},{format:"mp3-256",duration:19.08}],details:{involvedArticles:[{name:"Software PlugIn",key:"software.plugin",articles:[{id:96722,number:"120062",fileName:"apple_logic_studio_8",dispositionKey:"LP",isDownload:!1,isVoucher:!1,relativeLink:"apple_logic_studio_8.htm",manufacturer:"Apple",categoryRelations:[],energyEfficiency:null,model:"Logic Studio 8",price:{primary:{rawPrice:"399.0000",vatRate:"0.0",includesVat:!0,currency:{id:2,key:"EUR",symbol:"€",nameLocal:"Euro",nameInternational:"Euro",exchangeRate:"1",billable:!0}},secondary:null,retail:null,basePrice:null},availability:{code:1,stockQuantity:1,isAvailable:!0,label:"IN_STOCK"},rating:{rating:null,count:0},ranks:{salesRank:0,globalRank:0,categorySalesRank:null},mainImage:{id:0,articleId:0,type:"PRODBILD",fileName:"120062.jpg",width:0,height:0},bdbImages:[],zoomImages:[],videos:[],audios:[],hasFsiSpinData:!1,texts:null,isArchived:!0,addedValues:[],aStockArticleId:null,isBstock:!1,childArticles:[],voltageFrom

1:null,voltageTo:null,softwareDeliveryVariants:null,alternativePercentage:null,salesUnit:null,salesUnitCode:null,dangerousGoodsInformation:null},{id:93961,number:"117244",fileName:"waves_api_bundle_native",dispositionKey:"LP",isDownload:!1,isVoucher:!1,relativeLink:"waves_api_bundle_native.htm",manufacturer:"Waves",categoryRelations:[],energyEfficiency:null,model:"API Collection",price:{primary:{rawPrice:"249.0000",vatRate:"0.0",includesVat:!0,currency:{id:2,key:"EUR",symbol:"€",nameLocal:"Euro",nameInternational:"Euro",exchangeRate:"1",billable:!0}},secondary:null,retail:null,basePrice:null},availability:{code:1,stockQuantity:1,isAvailable:!0,label:"IN_STOCK"},rating:{rating:null,count:0},ranks:{salesRank:0,globalRank:0,categorySalesRank:null},mainImage:{id:0,articleId:0,type:"PRODBILD",fileName:"117244.jpg",width:0,height:0},bdbImages:[],zoomImages:[],videos:[],audios:[],hasFsiSpinData:!1,texts:null,isArchived:!0,addedValues:[],aStockArticleId:null,isBstock:!1,childArticles:[],voltageFrom:null,voltageTo:null,softwareDeliveryVariants:null,alternativePercentage:null,salesUnit:null,salesUnitCode:null,dangerousGoodsInformation:null}]},{name:"Wandler/Interface",key:"wandler.interface",articles:[{id:104400,number:"204159",fileName:"focusrite_isa_828",dispositionKey:"LP",isDownload:!1,isVoucher:!1,relativeLink:"focusrite_isa_828.htm",manufacturer:"Focusrite",categoryRelations:[],energyEfficiency:null,model:"ISA 828",price:{primary:{rawPrice:"2499.0000",vatRate:"0.0",includesVat:!0,currency:{id:2,key:"EUR",symbol:"€",nameLocal:"Euro",nameInternational:"Euro",exchangeRate:"1",billable:!0}},secondary:null,retail:null,basePrice:null},availability:{code:1,stockQuantity:1,isAvailable:!0,label:"IN_STOCK"},rating:{rating:null,count:0},ranks:{salesRank:0,globalRank:0,categorySalesRank:null},mainImage:{id:0,articleId:0,type:"PRODBILD",fileName:"204159.jpg",width:0,height:0},bdbImages:[],zoomImages:[],videos:[],audios:[],hasFsiSpinData:!1,texts:null,isArchived:!0,addedValues:[],aStockArticleId:null,isBstock:!1,childArticles:[],voltageFrom:null,voltageTo:null,softwareDeliveryVariants:null,alternativePercentage:null,salesUnit:null,salesUnitCode:null,dangerousGoodsInformation:null}]}],reamped:!1}},{id:2113,label:"Soul Female",formats:[{format:"aac-128",duration:18.26},{format:"aac-256",duration:18.26},{format:"mp3-128",duration:18.26},{format:"mp3-256",duration:18.26}],details:{involvedArticles:[{name:"Software PlugIn",key:"software.plugin",articles:[{id:37065,number:"152584",fileName:"waves_platinum_native_bundle",dispositionKey:"LP",isDownload:!1,isVoucher:!1,relativeLink:"waves_platinum_native_bundle.htm",manufacturer:"Waves",categoryRelations:[],energyEfficiency:null,model:"Platinum",price:{primary:{rawPrice:"399.0000",vatRate:"0.0",includesVat:!0,currency:{id:2,key:"EUR",symbol:"€",nameLocal:"Euro",nameInternational:"Euro",exchangeRate:"1",billable:!0}},secondary:null,retail:null,basePrice:null},availability:{code:1,stockQuantity:1,isAvailable:!0,label:"IN_STOCK"},rating:{rating:null,count:0},ranks:{salesRank:0,globalRank:0,categorySalesRank:null},mainImage:{id:0,articleId:0,type:"PRODBILD",fileName:"152584.jpg",width:0,height:0},bdbImages:[],zoomImages:[],videos:[],audios:[],hasFsiSpinData:!1,texts:null,isArchived:!0,addedValues:[],aStockArticleId:null,isBstock:!1,childArticles:[],voltageFrom:null,voltageTo:null,softwareDeliveryVariants:null,alternativePercentage:null,salesUnit:null,salesUnitCode:null,dangerousGoodsInformation:null},{id:96722,number:"120062",fileName:"apple_logic_studio_8",dispositionKey:"LP",isDownload:!1,isVoucher:!1,relativeLink:"apple_logic_studio_8.htm",manufacturer:"Apple",categoryRelations:[],energyEfficiency:null,model:"Logic Studio 8",price:{primary:{rawPrice:"399.0000",vatRate:"0.0",includesVat:!0,currency:{id:2,key:"EUR",symbol:"€",nameLocal:"Euro",nameInternational:"Euro",exchangeRate:"1",billable:!0}},secondary:null,retail:null,basePrice:null},availability:{code:1,stockQuantity:1,isAvailable:!0,label:"IN_STOCK"},rating:{rating:null,count:0},ranks:{salesRank:0,globalRank:0,categorySalesRank:null},mainImage:{id:0,articleId:0,type:"PRODBILD",fileName:"120062.jpg",width:0,height:0},bdbImages:[],zoomImages:[],videos:[],audios:[],hasFsiSpinData:!1,texts:null,isArchived:!0,addedValues:[],aStockArticleId:null,isBstock:!1,childArticles:[],voltageFrom

1:null,voltageTo:null,softwareDeliveryVariants:null,alternativePercentage:null,salesUnit:null,salesUnitCode:null,dangerousGoodsInformation:null}]},{name:"Wandler/Interface",key:"wandler.interface",articles:[{id:55823,number:"171210",fileName:"rme_fireface_800",dispositionKey:"LP",isDownload:!1,isVoucher:!1,relativeLink:"rme_fireface_800.htm",manufacturer:"RME",categoryRelations:[],energyEfficiency:null,model:"Fireface 800",price:{primary:{rawPrice:"1095.0000",vatRate:"0.0",includesVat:!0,currency:{id:2,key:"EUR",symbol:"€",nameLocal:"Euro",nameInternational:"Euro",exchangeRate:"1",billable:!0}},secondary:null,retail:null,basePrice:null},availability:{code:1,stockQuantity:1,isAvailable:!0,label:"IN_STOCK"},rating:{rating:null,count:0},ranks:{salesRank:0,globalRank:0,categorySalesRank:null},mainImage:{id:0,articleId:0,type:"PRODBILD",fileName:"171210.jpg",width:0,height:0},bdbImages:[],zoomImages:[],videos:[],audios:[],hasFsiSpinData:!1,texts:null,isArchived:!0,addedValues:[],aStockArticleId:null,isBstock:!1,childArticles:[],voltageFrom:null,voltageTo:null,softwareDeliveryVariants:null,alternativePercentage:null,salesUnit:null,salesUnitCode:null,dangerousGoodsInformation:null}]}],reamped:!1}},{id:3222,label:"Ballad Male",formats:[{format:"aac-128",duration:19},{format:"aac-256",duration:19},{format:"mp3-128",duration:19.01},{format:"mp3-256",duration:19.01}],details:{involvedArticles:[{name:"Software PlugIn",key:"software.plugin",articles:[{id:37065,number:"152584",fileName:"waves_platinum_native_bundle",dispositionKey:"LP",isDownload:!1,isVoucher:!1,relativeLink:"waves_platinum_native_bundle.htm",manufacturer:"Waves",categoryRelations:[],energyEfficiency:null,model:"Platinum",price:{primary:{rawPrice:"399.0000",vatRate:"0.0",includesVat:!0,currency:{id:2,key:"EUR",symbol:"€",nameLocal:"Euro",nameInternational:"Euro",exchangeRate:"1",billable:!0}},secondary:null,retail:null,basePrice:null},availability:{code:1,stockQuantity:1,isAvailable:!0,label:"IN_STOCK"},rating:{rating:null,count:0},ranks:{salesRank:0,globalRank:0,categorySalesRank:null},mainImage:{id:0,articleId:0,type:"PRODBILD",fileName:"152584.jpg",width:0,height:0},bdbImages:[],zoomImages:[],videos:[],audios:[],hasFsiSpinData:!1,texts:null,isArchived:!0,addedValues:[],aStockArticleId:null,isBstock:!1,childArticles:[],voltageFrom:null,voltageTo:null,softwareDeliveryVariants:null,alternativePercentage:null,salesUnit:null,salesUnitCode:null,dangerousGoodsInformation:null},{id:96725,number:"120083",fileName:"apple_logic_studio_8_engl",dispositionKey:"LP",isDownload:!1,isVoucher:!1,relativeLink:"apple_logic_studio_8_engl.htm",manufacturer:"Apple",categoryRelations:[],energyEfficiency:null,model:"Logic Studio 8 ENGL.",price:{primary:{rawPrice:"389.0000",vatRate:"0.0",includesVat:!0,currency:{id:2,key:"EUR",symbol:"€",nameLocal:"Euro",nameInternational:"Euro",exchangeRate:"1",billable:!0}},secondary:null,retail:null,basePrice:null},availability:{code:1,stockQuantity:1,isAvailable:!0,label:"IN_STOCK"},rating:{rating:null,count:0},ranks:{salesRank:0,globalRank:0,categorySalesRank:null},mainImage:{id:0,articleId:0,type:"PRODBILD",fileName:"120062.jpg",width:0,height:0},bdbImages:[],zoomImages:[],videos:[],audios:[],hasFsiSpinData:!1,texts:null,isArchived:!0,addedValues:[],aStockArticleId:null,isBstock:!1,childArticles:[],voltageFrom:null,voltageTo:null,softwareDeliveryVariants:null,alternativePercentage:null,salesUnit:null,salesUnitCode:null,dangerousGoodsInformation:null}]},{name:"Wandler/Interface",key:"wandler.interface",articles:[{id:104400,number:"204159",fileName:"focusrite_isa_828",dispositionKey:"LP",isDownload:!1,isVoucher:!1,relativeLink:"focusrite_isa_828.htm",manufacturer:"Focusrite",categoryRelations:[],energyEfficiency:null,model:"ISA 828",price:{primary:{rawPrice:"2499.0000",vatRate:"0.0",includesVat:!0,currency:{id:2,key:"EUR",symbol:"€",nameLocal:"Euro",nameInternational:"Euro",exchangeRate:"1",billable:!0}},secondary:null,retail:null,basePrice:null},availability:{code:1,stockQuantity:1,isAvailable:!0,label:"IN_STOCK"},rating:{rating:null,count:0},ranks:{salesRank:0,globalRank:0,categorySalesRank:null},mainImage:{id:0,articleId:0,type:"PRODBILD",fileName:"204159.jpg",width:0,height:0},bdbImages:[],zoomImages:[],videos:[],audios:[],hasFsiSpinData:!1,texts:null,isArchived:!0,addedValues:[],aStockArticleId:null,isBstock:!1,childArticles:[],voltageFrom

1:null,voltageTo:null,softwareDeliveryVariants:null,alternativePercentage:null,salesUnit:null,salesUnitCode:null,dangerousGoodsInformation:null}]}],reamped:!1}},{id:3223,label:"Soul Male",formats:[{format:"aac-128",duration:22.82},{format:"aac-256",duration:22.82},{format:"mp3-128",duration:22.82},{format:"mp3-256",duration:22.82}],details:{involvedArticles:[{name:"Software PlugIn",key:"software.plugin",articles:[{id:96725,number:"120083",fileName:"apple_logic_studio_8_engl",dispositionKey:"LP",isDownload:!1,isVoucher:!1,relativeLink:"apple_logic_studio_8_engl.htm",manufacturer:"Apple",categoryRelations:[],energyEfficiency:null,model:"Logic Studio 8 ENGL.",price:{primary:{rawPrice:"389.0000",vatRate:"0.0",includesVat:!0,currency:{id:2,key:"EUR",symbol:"€",nameLocal:"Euro",nameInternational:"Euro",exchangeRate:"1",billable:!0}},secondary:null,retail:null,basePrice:null},availability:{code:1,stockQuantity:1,isAvailable:!0,label:"IN_STOCK"},rating:{rating:null,count:0},ranks:{salesRank:0,globalRank:0,categorySalesRank:null},mainImage:{id:0,articleId:0,type:"PRODBILD",fileName:"120062.jpg",width:0,height:0},bdbImages:[],zoomImages:[],videos:[],audios:[],hasFsiSpinData:!1,texts:null,isArchived:!0,addedValues:[],aStockArticleId:null,isBstock:!1,childArticles:[],voltageFrom:null,voltageTo:null,softwareDeliveryVariants:null,alternativePercentage:null,salesUnit:null,salesUnitCode:null,dangerousGoodsInformation:null},{id:93961,number:"117244",fileName:"waves_api_bundle_native",dispositionKey:"LP",isDownload:!1,isVoucher:!1,relativeLink:"waves_api_bundle_native.htm",manufacturer:"Waves",categoryRelations:[],energyEfficiency:null,model:"API Collection",price:{primary:{rawPrice:"249.0000",vatRate:"0.0",includesVat:!0,currency:{id:2,key:"EUR",symbol:"€",nameLocal:"Euro",nameInternational:"Euro",exchangeRate:"1",billable:!0}},secondary:null,retail:null,basePrice:null},availability:{code:1,stockQuantity:1,isAvailable:!0,label:"IN_STOCK"},rating:{rating:null,count:0},ranks:{salesRank:0,globalRank:0,categorySalesRank:null},mainImage:{id:0,articleId:0,type:"PRODBILD",fileName:"117244.jpg",width:0,height:0},bdbImages:[],zoomImages:[],videos:[],audios:[],hasFsiSpinData:!1,texts:null,isArchived:!0,addedValues:[],aStockArticleId:null,isBstock:!1,childArticles:[],voltageFrom:null,voltageTo:null,softwareDeliveryVariants:null,alternativePercentage:null,salesUnit:null,salesUnitCode:null,dangerousGoodsInformation:null}]},{name:"Wandler/Interface",key:"wandler.interface",articles:[{id:104400,number:"204159",fileName:"focusrite_isa_828",dispositionKey:"LP",isDownload:!1,isVoucher:!1,relativeLink:"focusrite_isa_828.htm",manufacturer:"Focusrite",categoryRelations:[],energyEfficiency:null,model:"ISA 828",price:{primary:{rawPrice:"2499.0000",vatRate:"0.0",includesVat:!0,currency:{id:2,key:"EUR",symbol:"€",nameLocal:"Euro",nameInternational:"Euro",exchangeRate:"1",billable:!0}},secondary:null,retail:null,basePrice:null},availability:{code:1,stockQuantity:1,isAvailable:!0,label:"IN_STOCK"},rating:{rating:null,count:0},ranks:{salesRank:0,globalRank:0,categorySalesRank:null},mainImage:{id:0,articleId:0,type:"PRODBILD",fileName:"204159.jpg",width:0,height:0},bdbImages:[],zoomImages:[],videos:[],audios:[],hasFsiSpinData:!1,texts:null,isArchived:!0,addedValues:[],aStockArticleId:null,isBstock:!1,childArticles:[],voltageFrom:null,voltageTo:null,softwareDeliveryVariants:null,alternativePercentage:null,salesUnit:null,salesUnitCode:null,dangerousGoodsInformation:null}]}],reamped:!1}}];var b=i("./lib/components/fx/Components/BrandTeaser/index.tsx"),f=i("./lib/components/fx/Atoms/Buttons/HelpdeskButton.tsx"),y=i("./lib/components/fx/Atoms/Buttons/TextButton.tsx"),v=i("./lib/components/fx/Components/Collapsible/index.tsx");const j=(0,g.S)().getLanguageResources(),I=({triggerPosition:e=v.vT.TRIGGER.TOP})=>{const[t,i]=(0,v.uW)(!1);return(0,u.jsx)(v.vT,{isOpen:t,onTrigger:i,triggerPosition:e,children:(0,u.jsx)("div",{style:{background:"darkviolet",height:100,color:"white"},children:"Content"})})},k=()=>{const[e,t]=(0,v.uW)(!1),[i,n]=function(){const e={margin:10,width:100,textAlign:"center"};return[{...e,background:"blue"},{...e,background:"blue"}]}();return(0,u.jsxs)(v.Nt,{isOpen:e,children:[(0,u.jsx)(v.R6,{onTrigger:t,children:e?(0,u.jsx)("div",{style:n,children:"Zu"}):(0,u.jsx)("div",{style:i,children:"Auf"})}),(0,u.jsx)(v.Ke,{children:(0,u.jsx)("div",{style:{background:"darkviolet",height:100,color:"white"},children:"Content"})})]})};i("../../../node_modules/core-js/modules/es.array.push.js");var _=i("./lib/components/fx/Components/ContactContent/index.tsx"),w=i("./lib/components/fx/Components/ContactContent/Contact.tsx");(0,g.S)().getLanguageResources().addResources({"general.service.whatsapp.availability.qrcode.alttext":"QR Code","general.service.whatsapp.availability.cta":"Click to chat"});const E=[{value:0,id:1,label:"Kundencenter",phone:"432123",mailto:"[email protected]",assistants:[{image:"https://thumbs.static-thomann.de/thumb/thumb72x72/pics/sbpics/200r/1602.png",alt:"assistant"},{image:"https://thumbs.static-thomann.de/thumb/thumb72x72/pics/sbpics/200r/811.png",alt:"assistant"},{image:"https://thumbs.static-thomann.de/thumb/thumb72x72/pics/sbpics/200r/1180.png",alt:"assistant"}]},{value:1,id:2,label:"Marketing",phone:"123456",mailto:"[email protected]",assistants:[{image:"https://thumbs.static-thomann.de/thumb/thumb72x72/pics/sbpics/200r/10.png",alt:"assistant"},{image:"https://thumbs.static-thomann.de/thumb/thumb72x72/pics/sbpics/200r/20.png",alt:"assistant"},{image:"https://thumbs.static-thomann.de/thumb/thumb72x72/pics/sbpics/200r/26.png",alt:"assistant"}]},{value:2,id:3,label:"WebTeam",phone:"424242",mailto:"[email protected]",assistants:[{image:"https://thumbs.static-thomann.de/thumb/thumb72x72/pics/sbpics/200r/8.png",alt:"Hans"},{image:"https://thumbs.static-thomann.de/thumb/thumb72x72/pics/sbpics/200r/42.png",alt:"Sven"},{image:"https://thumbs.static-thomann.de/thumb/thumb72x72/pics/sbpics/200r/2098.png",alt:"FrannyOne"}]}],S={imagePath:"images/comp/contact/contact-whatsapp-qrcode.png",whatsAppLink:"https://google.com",infoText:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr...",phoneNumber:"09546-9223-66"},A=()=>{const[e,t]=(0,r.useState)(E[0]);return(0,u.jsx)(_.O,{department:e,pageRelatedDepartmentId:1,changeDepartment:t,departmentList:E,speechBubbleContent:"Jetzt mit unseren Beratern chatten",informationText:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam",className:"fx-grid",classNamesContact:"fx-grid__col fx-col--12 fx-col--md-6",classNamesInformation:"fx-grid__col fx-col--12 fx-col--md-6",whatsAppInfo:S,children:(0,u.jsxs)(l.nD,{className:"fx-accordion--no-margin",children:[(0,u.jsxs)(l.gV,{value:1,children:[(0,u.jsx)(l.kY,{children:"Kundennummer bereithalten"}),(0,u.jsx)(l.G_,{children:"Lorem Ipsum"})]}),(0,u.jsxs)(l.gV,{value:2,children:[(0,u.jsx)(l.kY,{children:"Öffnungszeiten"}),(0,u.jsx)(l.G_,{children:"Lorem Ipsum"})]}),(0,u.jsxs)(l.gV,{value:3,children:[(0,u.jsx)(l.kY,{children:"Anschrift"}),(0,u.jsx)(l.G_,{children:"Lorem Ipsum"})]}),(0,u.jsx)(l.bP,{link:"#",children:"Alle Ansprechpartner"}),(0,u.jsx)(l.bP,{link:"#",children:"Produkt zurücksenden"})]})})};var L=i("./lib/components/fx/Components/ContentGrid/index.tsx");

1const C={onlineexpert:{mediatype:"onlineexpert",mediaitems:[{id:1601,urlIdentifier:"podcasting",title:"Podcasting",shortText:"Podcasts im Homestudio aufzuzeichnen, ist gar nicht so schwer. So richtig Spaß macht es, wenn das richtige Setup das Recording vereinfacht.",indexImageUri:"pics/cms/image/guide/de/podcasting/podcast_ratgeber_index.jpg",headerImageUri:"pics/cms/image/guide/de/podcasting/podcast_ratgeber_titel.jpg",url:"onlineexpert_topic_podcasting.html",mediatype:"onlineexpert"},{id:1576,urlIdentifier:"home_recording",title:"Home-Recording",shortText:"Computerrecording im Heimstudio – ein Cocktail, der es in sich hat!",indexImageUri:"pics/cms/image/guide/de/home_recording/00_indexbild_neu.jpg",headerImageUri:"pics/cms/image/guide/de/home_recording/01_titelbild_neu.jpg",url:"onlineexpert_topic_home_recording.html",mediatype:"onlineexpert"},{id:1479,urlIdentifier:"digitalpianos",title:"Digitalpianos",shortText:"Inzwischen sind Digitalpianos mit ausgezeichneten Klangeigenschaften erschwinglich geworden. Sind sie eine Alternative zum Klavier?",indexImageUri:"pics/cms/image/guide/de/digitalpianos/056_digitalpianos_crop_index.jpg",headerImageUri:"pics/cms/image/guide/de/digitalpianos/056_digitalpianos_crop_pt.jpg",url:"onlineexpert_topic_digitalpianos.html",mediatype:"onlineexpert"},{id:1571,urlIdentifier:"gitarrensetups",title:"Gitarrensetups",shortText:"Auf das Setup kommt es an! Denn wenn Gitarre, Amp und Effekte nicht zueinander passen, gibt's Klangsalat!",indexImageUri:"pics/cms/image/guide/de/gitarrensetups/005_gitarrensetups_crop_index.jpg",headerImageUri:"pics/cms/image/guide/de/gitarrensetups/005_gitarrensetups_crop_pt.jpg",url:"onlineexpert_topic_gitarrensetups.html",mediatype:"onlineexpert"},{id:1412,urlIdentifier:"instrumente_fuer_einsteiger",title:"Instrumente für Einsteiger",shortText:"Welches Instrument wähle ich nach der musikalischen Grundausbildung für mein Kind? Hier finden Sie Hilfe.",indexImageUri:"pics/cms/image/guide/de/instrumente_fuer_einsteiger/003_instrumentefuereinsteiger_crop_index.jpg",headerImageUri:"pics/cms/image/guide/de/instrumente_fuer_einsteiger/003_instrumentefuereinsteiger_pt.jpg",url:"onlineexpert_topic_instrumente_fuer_einsteiger.html",mediatype:"onlineexpert"},{id:1407,urlIdentifier:"e_gitarren_recording",title:"E-Gitarren Recording",shortText:"Keine Rockproduktion ohne krachende Gitarrensounds. Grund genug für einen Recording-Workshop.",indexImageUri:"pics/cms/image/guide/de/e_gitarren_recording/014_egitarrenrecording_crop_index.jpg",headerImageUri:"pics/cms/image/guide/de/e_gitarren_recording/014_egitarrenrecording_crop_pt.jpg",url:"onlineexpert_topic_e_gitarren_recording.html",mediatype:"onlineexpert"},{id:1324,urlIdentifier:"masterkeyboards",title:"Masterkeyboards",shortText:"Der Markt bietet eine verwirrende Vielzahl an Modellen von Masterkeyboards. Unsere Übersicht verschafft Ihnen den Überblick.",indexImageUri:"pics/cms/image/guide/de/masterkeyboards/054_masterkeyboards_crop_index.jpg",headerImageUri:"pics/cms/image/guide/de/masterkeyboards/054_masterkeyboards_crop_pt.jpg",url:"onlineexpert_topic_masterkeyboards.html",mediatype:"onlineexpert"},{id:1403,urlIdentifier:"audiointerfaces",title:"Audiointerfaces",shortText:"Audiointerfaces ebnen den Weg für Audiosignale in den Computer hinein und wieder heraus - oder gibt es darüber mehr zu sagen?",indexImageUri:"pics/cms/image/guide/de/audiointerfaces/070_audiointerfaces_crop_index.jpg",headerImageUri:"pics/cms/image/guide/de/audiointerfaces/070_audiointerfaces_crop_pt.jpg",url:"onlineexpert_topic_audiointerfaces.html",mediatype:"onlineexpert"},{id:1524,urlIdentifier:"e_gitarren",title:"E-Gitarren",shortText:"E-Gitarren gibt es wie Sand am Meer – und mindestens genau so viele Typen und Hersteller!",indexImageUri:"pics/cms/image/guide/de/e_gitarren/004_egitarren_crop_index.jpg",headerImageUri:"pics/cms/image/guide/de/e_gitarren/004_egitarren_crop_pt.jpg",url:"onlineexpert_topic_e_gitarren.html",mediatype:"onlineexpert"},{id:1473,urlIdentifier:"synthesizer",title:"Synthesizer",shortText:"Tauchen Sie in die Welt der synthetischen Klangerzeugung ein! Hier wird der Einstieg leicht gemacht.",indexImageUri:"pics/cms/image/guide/de/synthesizer/049_synthesizer_crop_index.jpg",headerImageUri:"pics/cms/image/guide/de/synthesizer/049_synthesizer_crop_pt.jpg",url:"onlineexpert_topic_synthesizer.html",mediatype:"onlineexpert"},{id:1435,urlIdentifier:"studiomonitore",title:"Studiomonitore",shortText:"Studiomonitore sind die entscheidende Referenz, ob der Mix am Ende passt. Monitor gut, Ende gut!",indexImageUri:"pics/cms/image/guide/de/studiomonitore/061_studiomonitore_crop_index.jpg",headerImageUri:"pics/cms/image/guide/de/studiomonitore/061_studiomonitore_crop_pt.jpg",url:"onlineexpert_topic_studiomonitore.html",mediatype:"onlineexpert"},{id:1503,urlIdentifier:"kopfhoerer",title:"Kopfhörer",shortText:"Kopfhörer gehören zur Grundausstattung jedes Studios, jedes DJs usw. Doch Kopfhörer ist nicht gleich Kopfhörer.",indexImageUri:"pics/cms/image/guide/de/kopfhoerer/080_kopfhoerer_crop_index.jpg",headerImageUri:"pics/cms/image/guide/de/kopfhoerer/080_kopfhoerer_crop_pt.jpg",url:"onlineexpert_topic_kopfhoerer.html",mediatype:"onlineexpert"},{id:1382,urlIdentifier:"grossmembranmikrofone",title:"Großmembranmikrofone",shortText:"Sie sind die universellen Mikrofone im Studioalltag. Großmembranmikrofone sind aus dem Studio nicht mehr wegzudenken.",indexImageUri:"pics/cms/image/guide/de/grossmembranmikrofone/093_grossmembranmikrofone_crop_index.jpg",headerImageUri:"pics/cms/image/guide/de/grossmembranmikrofone/093_grossmembranmikrofone_crop_pt.jpg",url:"onlineexpert_topic_grossmembranmikrofone.html",mediatype:"onlineexpert"},{id:1511,urlIdentifier:"klaviere",title:"Klaviere",shortText:"Bei der Fülle von Informationen, die ein Klavierkauf mit sich bringen kann, möchten wir Ihnen den besten Überblick verschaffen.",indexImageUri:"pics/cms/image/guide/de/klaviere/002_klaviere_crop_index.jpg",headerImageUri:"pics/cms/image/guide/de/klaviere/002_klaviere_crop_pt.jpg",url:"onlineexpert_topic_klaviere.html",mediatype:"onlineexpert"},{id:1413,urlIdentifier:"pa_anlagen",title:"PA-Anlagen",shortText:"Wie kommt der Sound von der Bühne zum Publikum?",indexImageUri:"pics/cms/image/guide/de/pa_anlagen/075_paanlagen_crop_index.jpg",headerImageUri:"pics/cms/image/guide/de/pa_anlagen/075_paanlagen_crop_pt.jpg",url:"onlineexpert_topic_pa_anlagen.html",mediatype:"onlineexpert"}],count:15,placeholderImage:"pics/cms/image/guide/de/podcasting/podcast_ratgeber_titel.jpg"},testreport:{mediatype:"testreport",mediaitems:[{title:"Novation Launchkey 49",url:"prod_review_75378_AR_495546.html",image:{fname:"73047_663082.jpg",fname_webp:"73047_663082.webp",alt:"",exists:!1},month:"05",year:2020,publisher:"Sound & Recording",pdfLink:"prod_pdfreview_75378-",type:"musikmedia",mediatype:"testreport"},{title:"Cranborne Audio Camden EC2",url:"prod_review_75010_AR_501432.html",image:{fname:"73742_680529.jpg",fname_webp:"73742_680529.webp",alt:"",exists:!1},month:"02",year:2020,publisher:"Sound & Recording",pdfLink:"prod_pdfreview_75010-",type:"musikmedia",mediatype:"testreport"},{title:"Numark M6 USB",url:null,image:{fname:"75107_698480.jpg",fname_webp:"75107_698480.webp",alt:"",exists:!1},month:"02",year:2021,publisher:"DJLAB",pdfLink:"prod_pdfreview_75107-",type:"djlab",linkTarget:"blank",mediatype:"testreport"},{title:"Soldano SLO 30 & 2x12 Slant Cabinet",url:"prod_review_75057_AR_485757.html",image:{fname:"75057_697553.jpg",fname_webp:"75057_697553.webp",alt:"",exists:!1},month:"11",year:2020,publisher:"Gitarre & Bass",pdfLink:"prod_pdfreview_75057-",type:"musikmedia",mediatype:"testreport"},{title:"Adam Audio T8V",url:"prod_review_75377_AR_492263.html",image:{fname:"72625_638321.jpg",fname_webp:"72625_638321.webp",alt:"",exists:!1},month:"05",year:2020,publisher:"Sound & Recording",pdfLink:"prod_pdfreview_75377-",type:"musikmedia",mediatype:"testreport"},{title:"Avantone CV-12BLA - Großmembran-Röhrenkondensatormikrofon",url:"prod_review_75011_AR_474935.html",image:{fname:"74523_690194.jpg",fname_webp:"74523_690194.webp",alt:"",exists:!1},month:"02",year:2020,publisher:"Sound & Recording",pdfLink:"prod_pdfreview_75011-",type:"musikmedia",mediatype:"testreport"},{title:"Spaceman Sputnik III",url:"prod_review_75368_AR_513576.html",image:{fname:"75368_705357.jpg",fname_webp:"75368_705357.webp",alt:"",exists:!1},month:"12",year:2020,publisher:"Gitarre & Bass",pdfLink:"prod_pdfreview_75368-",type:"musikmedia",mediatype:"testreport"},{title:"Ibanez AE325-LGS",url:"prod_review_75052_AR_481768.html",image:{fname:"75052_697539.jpg",fname_webp:"75052_697539.webp",alt:"",exists:!1},month:"11",year:2020,publisher:"Gitarre & Bass",pdfLink:"prod_pdfreview_75052-",type:"musikmedia",mediatype:"testreport"}],count:8,placeholderImage:{fname:"73047_663082.jpg",fname_webp:"73047_663082.webp",alt:"",exists:!1}},download:{mediatype:"download",mediaitems:[],count:0,placeholderImage:""},video:{mediatype:"video",mediaitems:[],count:0,placeholderImage:""}}

1,B=(0,g.S)().getLanguageResources();var R=i("./lib/components/fx/Components/ContentLayer/index.tsx");const P=({content:e,title:t})=>{const[i,n]=(0,r.useState)(!1);return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.jn,{onClick:()=>n(!0),children:t}),(0,u.jsxs)(R.J,{isActive:i,setActive:n,children:[(0,u.jsx)("h2",{className:"fx-headline fx-headline--2 fx-space-bottom--s",children:"SampleText"}),(0,u.jsx)("div",{children:e})]})]})};var T=i("./lib/components/fx/Components/ContentList/index.tsx"),N=i("./lib/components/fx/Components/CountdownTimer/index.tsx");const z=(0,g.S)().getLanguageResources();var O=i("./lib/components/fx/Components/EnergyEfficiency/EnergyEfficiency.tsx"),D=i("../../../node_modules/clsx/dist/clsx.mjs"),F=i("../../../packages/platform/globals/src/static-urls.ts");const V=({className:e,country:t})=>(0,u.jsx)("img",{className:(0,D.$)("fx-flag",e),src:(0,F.Tt)()+`/images/common/flags/${t}.svg`,alt:t}),G=(0,r.memo)(V);var M=i("./lib/components/fx/Components/FlyIn/index.ts"),U=i("./lib/components/fx/Components/FlyInTrigger/index.tsx"),W=i("./lib/components/Notification/FlyInBottom.ts"),q=i("./lib/components/fx/Components/FlyInNav/index.ts"),K=i("./lib/components/fx/Core/Grid/index.tsx"),H=i("./lib/components/fx/Components/HorizontalPicker/index.tsx");const Y=(e=!1)=>{const[t,i]=(0,r.useState)();return(0,u.jsx)(H.D,{rounded:e,buttons:[{value:0,label:"€"},{value:1,label:"€€"},{value:2,label:"€€€"}],selectedValue:t,onSelect:e=>{i(e)}})};var Q=i("./lib/components/fx/Components/Image/ResponsiveImage.tsx"),$=i("./lib/components/fx/Components/InfoBox/index.tsx");i("../../../node_modules/core-js/modules/es.array.includes.js");var J=i("./lib/components/fx/Atoms/Icon/index.tsx"),X=i("./lib/components/fx/Hooks/useForm.ts"),Z=i("./lib/components/fx/Inputs/Checkbox/index.tsx"),ee=i("./lib/components/fx/Inputs/PhoneNumber/index.tsx"),te=i("./lib/components/fx/Inputs/PhoneNumber/usePhoneNumber.tsx"),ie=i("./lib/components/fx/Inputs/Quantity/index.tsx"),ne=i("./lib/components/fx/Inputs/Radio/index.tsx"),ae=i("./lib/components/fx/Inputs/Range/index.tsx"),re=i("./lib/components/fx/Inputs/Select/CountrySelect.tsx"),se=i("./lib/components/fx/Inputs/Select/InputSelectSimple.tsx"),oe=i("./lib/components/fx/Inputs/Select/InputSelectSimpleWithBackArrow.tsx"),le=i("./lib/components/fx/Inputs/Select/useInputSelectSimple.ts"),ce=i("./lib/components/fx/Inputs/Switch/index.tsx"),de=i("./lib/components/fx/Inputs/Text/ControlledInputIcon.tsx"),me=i("./lib/components/fx/Inputs/Text/ControlledInputPassword.tsx"),ue=i("./lib/components/fx/Inputs/Text/ControlledInputSearch.tsx"),pe=i("./lib/components/fx/Inputs/Text/ControlledInputText.tsx"),ge=i("./lib/components/fx/Inputs/Text/Extensions/InputBadge.tsx"),he=i("./lib/components/fx/Inputs/Text/Extensions/InputExtensionCollection.tsx"),xe=i("./lib/components/fx/Components/SafeHTMLRenderer/index.tsx");const be=({className:e,text:t})=>(0,u.jsx)(xe.A,{tag:"div",className:(0,D.$)("fx-input-extension-text fx-size--sm-md2",e),children:t}),fe=({className:e,iconName:t})=>(0,u.jsx)(J.A,{className:(0,D.$)("fx-size--md",e),iconName:t});var ye=i("./lib/components/fx/Inputs/Text/Extensions/InputInfo.tsx"),ve=i("./lib/components/fx/Inputs/Text/TextArea.tsx"),je=i("./lib/components/fx/Inputs/Validation/index.ts");const Ie=(0,g.S)().getLanguageResources(),ke=()=>{const e=(0,je.ds)({email:(0,je.Eq)().isEmail("Enter a valid email!").isRequired("Email is required!"),password:(0,je.Eq)().isMin(8,"Password should be of minimum 8 characters length!").isRequired("Password is required!"),headline:(0,je.Eq)().isMin(3,"Headline shouldn't have at min 3 characters!").isMax(5,"Headline shouldn't have more than 5 characters!").custom(e=>!e||-1===e.indexOf("word"),"The word >word< shouldn't be included!")}),t=je.Vv.default().setValidateOn([je.ll.CHANGE,je.ll.BLUR]).setClearErrorOn(je.ll.FOCUS),{values:i,errors:n,handleChange:a,handleSubmit:r,handleBlur:s,handleFocus:l}=(0,X.A)(e,()=>new Promise(function(e){setTimeout(()=>e({errors:{headline:["I'm a backend error :-)"],email:["Maybe choose another, please!"]}}),2e3)}),{headline:"default initial headline text"},t);return(0,u.jsxs)("div",{children:[(0,u.jsx)(pe.a,{name:"headline",placeholder:"Headline",errorMessages:n.headline,value:i.headline,onFocus:l,onBlur:s,onChange:a}),(0,u.jsx)(pe.a,{name:"email",placeholder:"E-Mail",errorMessages:n.email,value:i.email,onFocus:l,onBlur:s,onChange:a}),(0,u.jsx)(pe.a,{name:"password",placeholder:"Password",errorMessages:n.password,value:i.password,onFocus:l,onBlur:s,onChange:a}),(0,u.jsx)(o.jn,{onClick:r,children:"Submit me"})]})},_e=()=>{const[e,t]=(0,r.useState)([0,100]);return(0,u.jsxs)(r.Fragment,{children:[(0,u.jsxs)("div",{style:{margin:"16px 0px"},children:["Selection: ",e[0]," - ",e[1]]}),(0,u.jsx)("div",{style:{width:400},children:(0,u.jsx)(ae.tV,{range:[0,100],values:e,unit:"€",onChange:t})})]})},we=()=>{const[e,t]=(0,r.useState)([0,100]);return(0,u.jsxs)(r.Fragment,{children:[(0,u.jsxs)("div",{style:{margin:"16px 0px"},children:["Selection: ",e[0]," - ",e[1]]}),(0,u.jsx)("div",{style:{width:400},children:(0,u.jsx)(ae.F1,{range:[0,100],values:e,onChange:t})})]})},Ee=()=>{const[e,t]=(0,r.useState)([0,100]);return(0,u.jsxs)(r.Fragment,{children:[(0,u.jsxs)("div",{style:{margin:"16px 0px"},children:["Selection: ",e[0]," - ",e[1]]}),(0,u.jsx)("div",{style:{width:400},children:(0,u.jsx)(ae.CR,{maxNumber:5e3,values:[{count:1e3,first:0,last:15},{count:700,first:15,last:30},{count:1300,first:30,last:45},{count:600,first:45,last:60},{count:200,first:60,last:70},{count:500,first:70,last:80},{count:400,first:80,last:90},{count:300,first:90,last:100}],onSelect:e=>t([e.first,e.last]),children:(0,u.jsx)(ae.F1,{range:[0,100],values:e,onChange:t})})})]})},Se=({options:e,initialOption:t,placeholder:i,...n})=>{const{inputOptions:a,selectedOption:r,onChange:s}=(0,d.S)(e,t,i);return(0,u.jsx)(c.$,{options:a,selectedOption:r,onChange:s,...n})},Ae=({options:e,initialOption:t,placeholder:i,...n})=>{const{inputOptions:a,selectedOption:r,onChange:s}=(0,d.S)(e,t,i);return(0,u.jsx)(re.b,{options:a,selectedOption:r,onChange:s,...n})},Le=({border:e,isDisabled:t})=>{const i=[{value:1,label:"Option one"},{value:2,label:"Option two"},{value:3,label:"Option three"}],[n,a]=(0,le.s)(i,i[0]);return(0,u.jsx)(se.Z,{options:i,border:e,selectedOption:n,isDisabled:t,onChange:a})},Ce=()=>

1{const e=[{value:1,label:"Option one",visualLabel:"Option one visual"},{value:2,label:"Option two",visualLabel:"Option two visual"},{value:3,label:"Option three",visualLabel:"Option three visual"}],[t,i]=(0,le.s)(e,e[0]);return(0,u.jsx)(se.Z,{options:e,border:!0,selectedOption:t,onChange:i})},Be=({onClickBack:e,selectDisabled:t=!1,forceTwoElements:i=!1,className:n=""})=>{const a=[{value:1,label:"Option one"},{value:2,label:"Option two"},{value:3,label:"Option three"}],[r,s]=(0,le.s)(a,a[0]);return(0,u.jsx)(oe.f,{className:n,options:a,selectDisabled:t,forceTwoElements:i,selectedOption:r,onChange:s,onClickBack:e})},Re=({onClickBack:e,selectDisabled:t=!1,forceTwoElements:i=!1,className:n=""})=>{const a=[{value:1,label:"A very, very, very, very, very, very, very, very long option label"},{value:2,label:"Option two"},{value:3,label:"Option three"}],[r,s]=(0,le.s)(a,a[0]);return(0,u.jsx)(oe.f,{className:n,options:a,selectDisabled:t,forceTwoElements:i,selectedOption:r,onChange:s,onClickBack:e})},Pe=e=>{const[t,i]=(0,r.useState)("");return(0,u.jsx)(pe.a,{value:t,onChange:e=>i(e.target.value),...e})},Te=e=>{const[t,i]=(0,r.useState)(e.defaultText||"");return(0,u.jsx)(de.o,{iconName:e.icon,value:t,name:"input-social-"+e.placeholder.toLowerCase(),onChange:e=>i(e.target.value),...e})},Ne=e=>{const[t,i]=(0,r.useState)("Prefilled text"),[n,a]=(0,r.useState)(["Remove 'text' from input"]);return(0,u.jsx)(pe.a,{...e,value:t,errorMessages:n,onChange:e=>{const t=e.target.value;i(t),t.includes("text")?a(["Remove 'text' from input"]):a([])}})},ze=e=>{const[t,i]=(0,r.useState)("Burger King"),[n,a]=(0,r.useState)(["Better not use spaces"]);return(0,u.jsx)(pe.a,{...e,value:t,warningMessages:n,onChange:e=>{const t=e.target.value;i(t),t.includes(" ")?a(["Better not use spaces"]):a([])}})},Oe=()=>{const[e,t]=(0,r.useState)(""),i=(0,u.jsx)(be,{text:"<b>Information</b> - In this input, you have to insert your feelings, when you are super hungry and see the burgerking logo on the horizon."});return(0,u.jsx)(pe.a,{topExtensions:i,name:"test",placeholder:"Give me some information",value:e,onChange:e=>t(e.target.value)})},De=()=>{const[e,t]=(0,r.useState)("");return(0,u.jsx)(pe.a,{placeholder:"Place multiple badges and icons",name:"badge-test",value:e,onChange:e=>t(e.target.value),children:(0,u.jsxs)(he.A,{children:[(0,u.jsx)(ye.A,{children:(0,u.jsx)("div",{children:"content"})}),(0,u.jsx)(fe,{iconName:J.A.ICON_NAME.CHECK}),(0,u.jsx)(ge.A,{inputName:"badge-test",label:"optional"})]})})},Fe=({initialValue:e="",...t})=>{const[i,n]=(0,r.useState)(e);return(0,u.jsx)(me.u,{...t,value:i,onChange:e=>n(e.target.value)})},Ve=e=>{const[t,i]=(0,r.useState)("");return(0,u.jsx)(ue.p,{...e,value:t,onChange:e=>i(e.target.value),onClear:()=>i("")})},Ge=e=>{const[t,i]=(0,r.useState)([]),{inputState:n,isPhoneNumberMandatory:a,selectInputOptions:s,selectedOption:o,onCountryChange:l,onInputChange:c,inputLabel:d,setIsPhoneNumberMandatory:m}=(0,te.$)("",{de:{call:"+49",example:"+49 160 1231232",iso:"de",name:"Germany"},ad:{call:"+376",example:"312 345",iso:"ad",name:"Andorra"},ae:{call:"+971",example:"050 123 4567",iso:"ae",name:"United Arab Emirates"},ag:{call:"+1",example:"(268) 464-1234",iso:"ag",name:"Antigua & Barbuda"}},"de",!1,!1);return(0,u.jsx)(ee.g,{phoneNumber:n.phoneNumber,isMandatory:a,countrySelectName:"telephonenumbercountry",selectInputOptions:s,inputName:"telephonenumber",selectedOption:o,inputPlaceholder:n.inputPlaceholder,inputLabel:d,errorMessages:t,onCountryChange:l,onInputChange:e=>{""===e.target.value?i(["Bro, insert something here"]):i([]),c(e)}})};var Me=i("./lib/components/fx/Components/MediaOverlay/MediaOverlayManager.tsx"),Ue=i("./lib/components/fx/Atoms/OverlayLoading/OverlayLoading.tsx"),We=i("./common/overlayLoadingVanilla.ts");const qe=()=>{const[e,t]=(0,r.useState)(!1),[i,n]=(0,r.useState)(!1);return(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(o.jn,{onClick:()=>t(!e),children:"Trigger Loading"}),(0,u.jsx)("div",{style:{display:"inline-block",marginLeft:"20px"},children:(0,u.jsx)(Z.G,{value:i,onChange:()=>n(!i),children:"Hide Indicator"})}),(0,u.jsx)("div",{style:{height:30}}),(0,u.jsx)(Ue.$V,{isLoading:e,hideIndicator:i,position:Ue.$V.POSITION.CENTER,color:Ue.$V.

1COLOR.BLACK,theme:Ue.$V.THEME.DARK,children:(0,u.jsxs)("div",{style:{height:400},children:[(0,u.jsxs)("h1",{className:"fx-headline fx-headline--1 fx-space-bottom--xs",children:[" ","Content der überblendet wird"]}),(0,u.jsxs)("div",{className:"fx-text",children:["Lorem ipsum dolor sit amet, consetetur sadipscing elitr,","sed diam nonumy eirmod tempor invidunt ut labore et","dolore magna aliquyam erat, sed diam voluptua."]}),(0,u.jsx)(o.tA,{children:"Toller Knopf"})]})})]})};var Ke=i("./lib/components/fx/Components/Pagination/index.tsx"),He=i("./lib/components/fx/Components/Pagination/Pages.tsx"),Ye=i("./lib/components/fx/Components/PriceDisclaimer/PriceDisclaimer.tsx"),Qe=i("./lib/components/fx/Components/Skeleton/ProductBoxSkeleton.tsx"),$e=i("./lib/components/fx/Components/ProductGrid/Components/ProductBox.tsx");let Je=1;const Xe=()=>({id:Je++,relativeLink:"foobar",mainImage:{fileName:"417799.jpg"},manufacturer:"Fender",model:"Monterey BLK BT Speaker",rating:{rating:3,count:25},price:{primary:{rawPrice:149,currency:{symbol:"€"}},secondary:{rawPrice:100,currency:{symbol:"€"}},retail:null},tags:{position:"TOP",tagCollection:[{label:"TOP SELLER",variant:"secondary"}]},availability:{code:1}}),Ze=()=>(0,u.jsx)(Qe.i,{className:"fx-grid__col"});var et=i("./lib/components/fx/Atoms/Tag/Tag.tsx"),tt=i("./lib/components/fx/Components/ProductGrid/index.tsx");function it(){const e=[];e.push({relativeLink:"foobar",mainImage:{fileName:"417799.jpg"},manufacturer:"Fender",model:"Monterey BLK BT Speaker",rating:{rating:3,count:25},price:{primary:{rawPrice:"149",currency:{symbol:"€"}},secondary:{rawPrice:"100",currency:{symbol:"€"}},retail:null}});e.push({relativeLink:"foobar",mainImage:{fileName:"417799.jpg"},manufacturer:"Fender",model:"Monterey BLK BT Speaker",rating:{rating:3,count:25},price:{primary:{rawPrice:"149",currency:{symbol:"€"}},secondary:{rawPrice:"100",currency:{symbol:"€"}},retail:null},visualRank:1});let t={relativeLink:"foobar",mainImage:{fileName:"417799.jpg"},manufacturer:"Fender",model:"Monterey BLK BT Speaker",rating:{rating:3,count:25},price:{primary:{rawPrice:"149",currency:{symbol:"€"}},secondary:{rawPrice:"100",currency:{symbol:"€"}},retail:null},tag:"HotDeals"};t.tagVariant=et.v.VARIANT.HOT,e.push(t);let i={relativeLink:"foobar",mainImage:{fileName:"417799.jpg"},manufacturer:"Fender",model:"Monterey BLK BT Speaker",rating:{rating:3,count:25},price:{primary:{rawPrice:"149",currency:{symbol:"€"}},secondary:{rawPrice:"100",currency:{symbol:"€"}},retail:null},tag:"Hall Of Fame"};i.tagVariant=et.v.VARIANT.HALL,i.useAlternativeTagPosition=!0,e.push(i);let n={relativeLink:"foobar",mainImage:{fileName:"417799.jpg"},manufacturer:"Fender",model:"Monterey BLK BT Speaker",rating:{rating:3,count:25},price:{primary:{rawPrice:"149",currency:{symbol:"€"}},secondary:{rawPrice:"100",currency:{symbol:"€"}},retail:null}};n.price.secondary=null,n.price.retail={rawPrice:"200",currency:{symbol:"€"}},e.push(n);let a={relativeLink:"foobar",mainImage:{fileName:"417799.jpg"},manufacturer:"Fender",model:"Monterey BLK BT Speaker",rating:{rating:3,count:25},price:{primary:{rawPrice:"149",currency:{symbol:"€"}},secondary:{rawPrice:"100",currency:{symbol:"€"}},retail:null}};a.price.primary.rawPrice="20000",a.price.secondary.rawPrice="30000",e.push(a);let r={relativeLink:"foobar",mainImage:{fileName:"417799.jpg"},manufacturer:"Fender",model:"Monterey BLK BT Speaker",rating:{rating:3,count:25},price:{primary:{rawPrice:"149",currency:{symbol:"€"}},secondary:{rawPrice:"100",currency:{symbol:"€"}},retail:null}};r.price.primary.rawPrice="200000",r.price.secondary.rawPrice="300000",e.push(r);let s={relativeLink:"foobar",mainImage:{fileName:"417799.jpg"},manufacturer:"Fender",model:"Monterey BLK BT Speaker",rating:{rating:3,count:25},price:{primary:{rawPrice:"149",currency:{symbol:"€"}},secondary:{rawPrice:"100",currency:{symbol:"€"}},retail:null}};s.price.primary.rawPrice="200000",s.price.secondary=null,s.price.retail={rawPrice:"300000",currency:{symbol:"€"}},e.push(s);let o={relativeLink:"foobar",mainImage:{fileName:"417799.jpg"},manufacturer:"Fender",model:"Monterey BLK BT Speaker",rating:{rating:3,count:25}

1,price:{primary:{rawPrice:"149",currency:{symbol:"€"}},secondary:{rawPrice:"100",currency:{symbol:"€"}},retail:null}};return o.price.primary.rawPrice="200.3423445324234",o.price.secondary.rawPrice="1234",o.price.secondary.currency.symbol="kr",e.push(o),e}var nt=i("./lib/components/fx/Components/Skeleton/ProductListEntrySkeleton.tsx"),at=i("./lib/components/fx/Components/ProductListEntry/index.tsx"),rt=i("./lib/components/fx/Components/ProductListEntry/hooks/useProductActions.ts"),st=i("./lib/components/fx/Components/ProductListEntry/services/ProductActions.tsx");const ot=()=>(0,u.jsx)(at.Ay,{article:{link:"foo/bar.html",mainImage:{fileName:"417799.jpg"},manufacturer:"Fender",model:"Monterey BLK BT Speaker",rating:{rating:7,count:68},texts:{features:["klassisches Fender Design","kompatibel mit Bluetooth V4.2, aptX, AAC,SBC","Leistung: 120 Watt"]},availability:{code:1,textShort:"Sofort lieferbar"},price:{primary:{rawPrice:"149",currency:{symbol:"€"}},secondary:{rawPrice:"100",currency:{symbol:"€"}}},isCoupon:!1,number:"417799",wishlistUrl:"",wishlistEntryId:1,isOnWishlist:!1,basketLink:"",energyEfficiency:"A++"}}),lt=()=>{const e={link:"foo/bar.html",mainImage:{fileName:"417799.jpg"},manufacturer:"Fender",model:"Monterey BLK BT Speaker",rating:{rating:7,count:68},texts:{features:["klassisches Fender Design","kompatibel mit Bluetooth V4.2, aptX, AAC,SBC","Leistung: 120 Watt"]},availability:{code:1,textShort:"Sofort lieferbar"},price:{primary:{rawPrice:"149",currency:{symbol:"€"}},secondary:{rawPrice:"100",currency:{symbol:"€"}}},isCoupon:!1,number:"417799",wishlistUrl:"",wishlistEntryId:1,isOnWishlist:!1,basketLink:"",tag:"Hot Deals"};return e.tagVariant=et.v.VARIANT.HOT,(0,u.jsx)(at.Ay,{article:e})},ct=()=>(0,u.jsx)(at.Ay,{article:{link:"foo/bar.html",mainImage:{fileName:"417799.jpg"},manufacturer:"Fender",model:"Monterey BLK BT Speaker",rating:{rating:7,count:68},texts:{features:["klassisches Fender Design","kompatibel mit Bluetooth V4.2, aptX, AAC,SBC","Leistung: 120 Watt"]},availability:{code:1,textShort:"Sofort lieferbar"},price:{primary:{rawPrice:"149",currency:{symbol:"€"}},secondary:{rawPrice:"100",currency:{symbol:"€"}}},isCoupon:!1,number:"417799",wishlistUrl:"",wishlistEntryId:1,isOnWishlist:!1,basketLink:""},children:(0,u.jsxs)(at.Rx,{children:["das ist ein actions override test",(0,u.jsx)("button",{children:"hello world"})]})}),dt=()=>(0,u.jsx)(at.Ay,{article:{link:"foo/bar.html",mainImage:{fileName:"417799.jpg"},manufacturer:"Fender",model:"Monterey BLK BT Speaker",rating:{rating:7,count:68},texts:{features:["klassisches Fender Design","kompatibel mit Bluetooth V4.2, aptX, AAC,SBC","Leistung: 120 Watt"]},availability:{code:1,textShort:"Sofort lieferbar"},price:{primary:{rawPrice:"149",currency:{symbol:"€"}},secondary:{rawPrice:"100",currency:{symbol:"€"}}},isCoupon:!1,number:"417799",wishlistUrl:"",wishlistEntryId:1,isOnWishlist:!1,basketLink:""},children:(0,u.jsx)(at.k6,{children:"ich werde unterhalb des Produkts angehängt"})}),mt=()=>(0,u.jsxs)(at.Ay,{article:{link:"foo/bar.html",mainImage:{fileName:"417799.jpg"},manufacturer:"Fender",model:"Monterey BLK BT Speaker",rating:{rating:7,count:68},texts:{features:["klassisches Fender Design","kompatibel mit Bluetooth V4.2, aptX, AAC,SBC","Leistung: 120 Watt"]},availability:{code:1,textShort:"Sofort lieferbar"},price:{primary:{rawPrice:"149",currency:{symbol:"€"}},secondary:{rawPrice:"100",currency:{symbol:"€"}}},isCoupon:!1,number:"417799",wishlistUrl:"",wishlistEntryId:1,isOnWishlist:!1,basketLink:""},children:[(0,u.jsx)(at.X$,{children:"custom image"}),(0,u.jsx)(at.BO,{children:"custom content"}),(0,u.jsx)(at.Rx,{children:"custom actions"}),(0,u.jsx)(at.k6,{children:"custom addon"})]}),ut=()=>{const{products:e,onCompare:t,onWishlist:i,onBasket:n}=(0,rt.A)([{link:"foo/bar.html",mainImage:{fileName:"417799.jpg"},manufacturer:"Fender",model:"Monterey BLK BT Speaker",rating:{rating:7,count:68},texts:{features:["klassisches Fender Design","kompatibel mit Bluetooth V4.2, aptX, AAC,SBC","Leistung: 120 Watt"]},availability:{code:1,textShort:"Sofort lieferbar"}

1,price:{primary:{rawPrice:"149",currency:{symbol:"€"}},secondary:{rawPrice:"100",currency:{symbol:"€"}}},isCoupon:!1,number:"417799",wishlistUrl:"",wishlistEntryId:1,isOnWishlist:!1,basketLink:""}]);return(0,u.jsx)(at.Ay,{article:e[0],onCompare:t,onBasket:n,onWishlist:i})},pt=()=>(0,u.jsx)(nt.D,{});var gt=i("./lib/components/fx/Components/RatingStars/RatingStars.tsx"),ht=i("./lib/components/fx/Components/RatingStars/RatingStarsInteractive.tsx"),xt=i("../../../packages/platform/globals/src/event-bus.ts"),bt=i("./lib/components/fx/Components/ServiceFlyIn/ServiceFlyInContent.tsx"),ft=i("./lib/components/fx/Components/SpeechBubble/index.tsx"),yt=i("./lib/components/fx/Components/Stickybar/index.tsx"),vt=i("./lib/components/fx/Components/Tabs/index.tsx"),jt=i("./lib/components/fx/Components/Tooltip/Tooltip.tsx"),It=i("./lib/components/fx/Components/VoucherConfigurator/VoucherConfigurator.tsx");const kt=(0,g.S)().getLanguageResources(),_t=e=>(0,u.jsx)(It.a,{maxValue:250,initialValue:42,onValidSubmit:e=>{alert("submitted voucher with amount: "+e)},...e}),wt={bootstrap:()=>{window.addEventListener("load",()=>{Array.from(document.querySelectorAll("#wrapper-fx-guide section code")).forEach(e=>e.addEventListener("click",t=>{var i;i=e.innerText,navigator.clipboard&&navigator.clipboard.writeText(i).then(function(){a.A.dispatch((0,u.jsx)(n.Eg,{style:n.Eg.STYLE.SUCCESS,children:(0,u.jsx)("div",{children:"Code 

1copied :-)"})}))},function(e){a.A.dispatch((0,u.jsx)(n.Eg,{style:n.Eg.STYLE.FAIL,children:(0,u.jsx)("div",{children:"Copy failure :-("})}))})}))}),((e=document)=>{(e=>{if(m("buttons-cta",e)&&(0,s.createRoot)(e.getElementById("buttons-cta")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(o.F0,{children:"Call To Action"}),(0,u.jsx)(o.F0,{disabled:!0,children:"Call To Action"})]})),m("buttons-primary",e)&&(0,s.createRoot)(e.getElementById("buttons-primary")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(o.jn,{children:"Primary Button"}),(0,u.jsx)(o.jn,{disabled:!0,children:"Primary Button"}),(0,u.jsx)(o.jn,{isLoading:!0,children:"Primary Button"})]})),m("buttons-secondary",e)&&(0,s.createRoot)(e.getElementById("buttons-secondary")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(o.tA,{children:"Secondary"}),(0,u.jsx)(o.tA,{disabled:!0,children:"Secondary"}),(0,u.jsx)(o.tA,{isLoading:!0,children:"Secondary"})]})),m("buttons-ghost",e)&&(0,s.createRoot)(e.getElementById("buttons-ghost")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(o.a6,{children:"Ghost"}),(0,u.jsx)(o.a6,{border:!0,children:"Ghost"}),(0,u.jsx)(o.a6,{selected:!0,children:"Ghost Selected"}),(0,u.jsx)("div",{style:{marginTop:10,padding:15,backgroundColor:"black"},children:(0,u.jsx)(o.a6,{border:!0,inverted:!0,children:"Ghost Border Inverted"})})]})),m("buttons-text-button",e)&&(0,s.createRoot)(e.getElementById("buttons-text-button")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(y.Q,{children:"Text Button"}),(0,u.jsx)(y.Q,{primary:!0,children:"Text Button Primary"}),(0,u.jsx)(y.Q,{active:!0,children:"Selected"}),(0,u.jsx)(y.Q,{disabled:!0,children:"Disabled"}),(0,u.jsx)(y.Q,{primary:!0,active:!0,children:"Selected Primary"}),(0,u.jsx)(y.Q,{icon:"circle-check",iconPosition:"left",children:"With Icon"}),(0,u.jsx)(y.Q,{icon:"circle-check",iconPosition:"right",children:"With Icon"}),(0,u.jsx)(y.Q,{icon:"circle-check",iconPosition:"right",iconColorVariant:"primary",children:"With Primary Icon"}),(0,u.jsx)(y.Q,{icon:"circle-check",iconPosition:"left",className:"fx-button--text-button-warning",children:"As Warning Color"}),(0,u.jsxs)("div",{style:{marginTop:10,marginBottom:10,padding:10,backgroundColor:"black"},children:[(0,u.jsx)(y.Q,{className:"fx-button--text-button-dark",children:"On Dark Background"}),(0,u.jsx)(y.Q,{icon:"circle-check",iconPosition:"left",className:"fx-button--text-button-dark",children:"On Dark Background With Icon"}),(0,u.jsx)(y.Q,{className:"fx-button--text-button-dark fx-button--text-button-body",children:"On Dark Background Body"}),(0,u.jsx)(y.Q,{className:"fx-button--text-button-dark fx-button--text-button-body",icon:"circle-check",iconPosition:"right",children:"On Dark Background Body With Icon"})]})]})),m("buttons-text-button-body",e)&&(0,s.createRoot)(e.getElementById("buttons-text-button-body")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(y.Q,{className:"fx-button--text-button-body",children:"Body"}),(0,u.jsx)(y.Q,{className:"fx-button--text-button-body",primary:!0,children:"Body Primary"}),(0,u.jsx)(y.Q,{className:"fx-button--text-button-body",active:!0,children:"Body Selected"}),(0,u.jsx)(y.Q,{className:"fx-button--text-button-body",primary:!0,active:!0,children:"Body Primary Selected"}),(0,u.jsx)(y.Q,{className:"fx-button--text-button-body",icon:"circle-check",iconPosition:"left",children:"Body With Icon"}),(0,u.jsx)(y.Q,{className:"fx-button--text-button-body",icon:"circle-check",iconPosition:"right",children:"Body With Icon"}),(0,u.jsx)(y.Q,{className:"fx-button--text-button-body",icon:"circle-check",iconPosition:"right",iconColorVariant:"primary",children:"Body With Primary Icon"})]})),m("buttons-text-with-icon",e)&&(0,s.createRoot)(e.getElementById("buttons-text-with-icon")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(o.jn,{iconPosition:"left",icon:"lightning",children:"Mehr Anzeigen"}),(0,u.jsx)(o.tA,{icon:"lightning",iconPosition:"right",children:"Mehr Anzeigen"}),(0,u.jsx)(o.a6,{border:!0,icon:"lightning",iconPosition:"left",children:"Mehr Anzeigen"}),(0,u.jsx)(o.jn,{icon:"lightning",disabled:!0,children:"Mehr Anzeigen"})]})),m("buttons-icon",e)&&(0,s.createRoot)(e.getElementById("buttons-icon")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(o.jn,{circle:!0,icon:"circle-check"}),(0,u.jsx)(o.tA,{circle:!0,icon:"circle-check"}),(0,u.jsx)(o.a6,{circle:!0,border:!0,icon:"circle-check"}),(0,u.jsx)(o.jn,{circle:!0,disabled:!0,icon:"circle-check"}),(0,u.jsx)(o.Qe,{circle:!0,icon:"phone"}),(0,u.jsx)(o.Qe,{circle:!0,icon:"chat",className:"fx-button--notify"})]})),m("buttons-circle",e)&&(0,s.createRoot)(e.getElementById("buttons-circle")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(o.jn,{circle:!0,children:"1"}),(0,u.jsx)(o.jn,{circle:!0,children:"99"}),(0,u.jsx)(o.tA,{circle:!0,children:"87"}),(0,u.jsx)(o.a6,{border:!0,circle:!0,children:"42"})]})),m("button-helpdesk",e)){const t=[{image:"https://thumbs.static-thomann.de/thumb/thumb72x72/pics/sbpics/200r/8.png",alt:"Hans"},{image:"https://thumbs.static-thomann.de/thumb/thumb72x72/pics/sbpics/200r/42.png",alt:"Sven"},{image:"https://thumbs.static-thomann.de/thumb/thumb72x72/pics/sbpics/200r/2098.png",alt:"FrannyOne"}];(0,s.createRoot)(e.getElementById("button-helpdesk")).render((0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(f.F,{title:"Beratung",notification:!0,assistants:t}),(0,u.jsx)(f.F,{title:"SmallVariant",notification:!0,assistants:t,smallVariant:!0}),(0,u.jsx)(f.F,{title:"Variante",notification:!0,assistants:t,className:"fx-size--md2-lg"})]}))}})(e),(e=>

1{Ie.addResources({"general.form.optional":"optional","general.textarea.maxlength.indicator":"Zeichen verbleibend","general.textarea.maxlength.indicator.words":"Wörter verbleibend","general.form.forexample":"e.g.","general.form.telephoneNumber":"Phonenumber"}),m("switch",e)&&(0,s.createRoot)(e.getElementById("switch")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(ce.d,{children:"Switch Label"}),(0,u.jsx)(ce.d,{disabled:!0,children:"Switch Label"}),(0,u.jsx)(ce.d,{disabled:!0,checked:!0,children:"Switch Label"}),(0,u.jsx)(ce.d,{disabled:!1,checked:!0,children:"Switch Label"})]})),m("textinput",e)&&(0,s.createRoot)(e.getElementById("textinput")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(Pe,{name:"test-input",placeholder:"Placeholder"}),(0,u.jsx)(Pe,{name:"test-input-2",label:"Label",placeholder:"Placeholder different from static label"}),(0,u.jsx)(Pe,{name:"test-input-3",placeholder:"Placeholder",optional:!0}),(0,u.jsx)(Pe,{name:"disabled-input",placeholder:"Ich bin disabled",disabled:!0}),(0,u.jsx)(Pe,{name:"text-input-loading",placeholder:"Loading",isLoading:!0}),(0,u.jsx)(Ne,{placeholder:"Invalid if value contains 'text'"}),(0,u.jsx)(ze,{placeholder:"Don't use spaces"}),(0,u.jsx)(Pe,{type:"textarea",textAreaRows:5,name:"test-input-textarea",placeholder:"Placeholder"}),(0,u.jsx)(Pe,{type:"textarea",textAreaRows:5,name:"test-input-textarea",placeholder:"Textarea with maximum length of 64 characters",maxLength:64,maxLengthType:ve.f.MAXLENGTH_TYPE.CHARACTERS}),(0,u.jsx)(Pe,{type:"textarea",textAreaRows:5,name:"test-input-textarea",placeholder:"Textarea with maximum length of 20 words",maxLength:20,maxLengthType:ve.f.MAXLENGTH_TYPE.WORDS})]})),m("textinput-extensions",e)&&(0,s.createRoot)(e.getElementById("textinput-extensions")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(Oe,{}),(0,u.jsx)(De,{})]})),m("inputwithicon",e)&&(0,s.createRoot)(e.getElementById("inputwithicon")).render((0,u.jsx)("div",{children:(0,u.jsx)(Te,{icon:J.A.ICON_NAME.FACEBOOK,placeholder:"Facebook",defaultText:"https://www.facebook.com/musikhausthomann"})})),m("selectbox",e)&&(0,s.createRoot)(e.getElementById("selectbox")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(Se,{placeholder:"Placeholder",options:[{value:1,label:"Option one"},{value:2,label:"Option two"},{value:3,label:"Option three"}]}),(0,u.jsx)(Se,{placeholder:"Placeholder And Initial",options:[{value:1,label:"Option one"},{value:2,label:"Option two"},{value:3,label:"Option three"}],initialOption:{value:1,label:"Option one"}}),(0,u.jsx)(Se,{options:[{value:1,label:"Option one"},{value:2,label:"Option two"},{value:3,label:"Option three"}]}),(0,u.jsx)(Se,{placeholder:"Placeholder disabled",disabled:!0,options:[{value:1,label:"Option one"},{value:2,label:"Option two"},{value:3,label:"Option three"}]}),(0,u.jsx)(Se,{placeholder:"Placeholder Error",options:[{value:1,label:"Option one"},{value:2,label:"Option two"},{value:3,label:"Option three"}],errorMessages:["Alles kaput","Error: Caboom"]}

1)]})),m("input-select-simple",e)&&(0,s.createRoot)(e.getElementById("input-select-simple")).render((0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(Le,{border:!1}),(0,u.jsx)(Le,{border:!0}),(0,u.jsx)(Le,{isDisabled:!0,border:!1}),(0,u.jsx)(Le,{isDisabled:!0,border:!0}),(0,u.jsx)(Ce,{})]})),m("input-select-simple-with-back-arrow",e)&&(0,s.createRoot)(e.getElementById("input-select-simple-with-back-arrow")).render((0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(Be,{onClickBack:()=>alert("cool")}),(0,u.jsx)("br",{}),(0,u.jsx)(Be,{selectDisabled:!0,forceTwoElements:!0,onClickBack:()=>alert("cool")}),(0,u.jsx)("br",{}),(0,u.jsx)(Re,{className:"fx-input-select-simple--single-line-truncated some-class-with-max-width",forceTwoElements:!0,onClickBack:()=>alert("cool")})]})),m("selectbox-country",e)&&(0,s.createRoot)(e.getElementById("selectbox-country")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(Ae,{placeholder:"Country",options:[{value:"de",label:"Germany",image:"https://im.static-thomann.de/pics/images/common/flags/de.svg"},{value:"fr",label:"France",image:"https://im.static-thomann.de/pics/images/common/flags/fr.svg"},{value:"it",label:"Italian",image:"https://im.static-thomann.de/pics/images/common/flags/it.svg"}]}),(0,u.jsx)(Ae,{placeholder:"Placeholder And Initial",options:[{value:"it",label:"Italian",image:"https://im.static-thomann.de/pics/images/common/flags/it.svg"},{value:"de",label:"Germany",image:"https://im.static-thomann.de/pics/images/common/flags/de.svg"},{value:"fr",label:"France",image:"https://im.static-thomann.de/pics/images/common/flags/fr.svg"}],initialOption:{value:"fr",label:"France",image:"https://im.static-thomann.de/pics/images/common/flags/fr.svg"}}),(0,u.jsx)(Ae,{options:[{value:"fr",label:"France",image:"https://im.static-thomann.de/pics/images/common/flags/fr.svg"},{value:"it",label:"Italian",image:"https://im.static-thomann.de/pics/images/common/flags/it.svg"},{value:"de",label:"Germany",image:"https://im.static-thomann.de/pics/images/common/flags/de.svg"}],initialOption:{value:"de",label:"Germany",image:"https://im.static-thomann.de/pics/images/common/flags/de.svg"}}),(0,u.jsx)(Ae,{placeholder:"Placeholder disabled",disabled:!0,options:[{value:"fr",label:"France",image:"https://im.static-thomann.de/pics/images/common/flags/fr.svg"},{value:"it",label:"Italian",image:"https://im.static-thomann.de/pics/images/common/flags/it.svg"},{value:"de",label:"Germany",image:"https://im.static-thomann.de/pics/images/common/flags/de.svg"}]}),(0,u.jsx)(Ae,{placeholder:"Placeholder Error",options:[{value:"fr",label:"France",image:"https://im.static-thomann.de/pics/images/common/flags/fr.svg"},{value:"it",label:"Italian",image:"https://im.static-thomann.de/pics/images/common/flags/it.svg"},{value:"de",label:"Germany",image:"https://im.static-thomann.de/pics/images/common/flags/de.svg"}],errorMessages:["Alles kaput","Error: Caboom"]}

1),(0,u.jsx)(Ae,{placeholder:"Country with Presentation Label",options:[{value:"de",label:"Germany",presentationLabel:"Germany-DE",image:"https://im.static-thomann.de/pics/images/common/flags/de.svg"},{value:"fr",label:"France",presentationLabel:"France-FR",image:"https://im.static-thomann.de/pics/images/common/flags/fr.svg"},{value:"it",label:"Italian",presentationLabel:"Italian-IT",image:"https://im.static-thomann.de/pics/images/common/flags/it.svg"}]})]})),m("passwordinput",e)&&(0,s.createRoot)(e.getElementById("passwordinput")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(Fe,{placeholder:"Empty password field"}),(0,u.jsx)(Fe,{initialValue:"password"}),(0,u.jsx)(Fe,{initialValue:"1234!abcd",placeholder:"Your favorite Password"}),(0,u.jsx)(Fe,{initialValue:"Th3B3sTpa$$word!",placeholder:"The best password"}),(0,u.jsx)(Fe,{placeholder:"Empty password field disabled",disabled:!0}),(0,u.jsx)(Fe,{placeholder:"With Strength Indicator",initialValue:"week",showPasswordStrengthIndicator:!0})]})),m("searchinput",e)&&(0,s.createRoot)(e.getElementById("searchinput")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(Ve,{name:"text-search-input",placeholder:"Search Input"}),(0,u.jsx)(Ve,{name:"text-search-input",placeholder:"Search Input",disabled:!0})]})),m("phoneNumberInput",e)&&(0,s.createRoot)(e.getElementById("phoneNumberInput")).render((0,u.jsx)("div",{children:(0,u.jsx)(Ge,{})})),m("quantityinput",e)&&(0,s.createRoot)(e.getElementById("quantityinput")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(ie.C,{name:"quantity"}),(0,u.jsx)(ie.C,{name:"quantitydisabled",isDisabled:!0})]})),m("checkinput",e)&&(0,s.createRoot)(e.getElementById("checkinput")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(Z.G,{children:"Checkbox Label"}),(0,u.jsx)(Z.G,{primary:!0,children:"Primary Checkbox"}),(0,u.jsx)(Z.G,{value:!0,errorMessages:["This Checkbox needs to be activated"],children:"Checkbox Label"})]})),m("radioinput",e)&&(0,s.createRoot)(e.getElementById("radioinput")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(ne.U,{name:"test",value:1,children:"InputRadio Label"}),(0,u.jsx)(ne.U,{defaultChecked:!0,name:"test",value:2,children:"InputRadio Label"})]})),m("rangeInputs",e)&&(0,s.createRoot)(e.getElementById("rangeInputs")).render((0,u.jsx)(_e,{})),m("rangeSlider",e)&&(0,s.createRoot)(e.getElementById("rangeSlider")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(we,{}),(0,u.jsx)(Ee,{})]})),m("formValidation",e)&&(0,s.createRoot)(e.getElementById("formValidation")).render((0,u.jsx)(ke,{}))})(e),(e=>{m("accordion",e)&&(0,s.createRoot)(e.getElementById("accordion")).render((0,u.jsxs)(l.nD,{children:[(0,u.jsxs)(l.gV,{value:1,children:[(0,u.jsx)(l.kY,{children:"Header 1"}),(0,u.jsx)(l.G_,{children:(0,u.jsx)("p",{className:"fx-text fx-text--no-margin",children:"BodyContent1"})})]}),(0,u.jsxs)(l.gV,{value:2,children:[(0,u.jsx)(l.kY,{children:"Header 2"}),(0,u.jsx)(l.G_,{children:(0,u.jsx)(p,{})})]}),(0,u.jsxs)(l.gV,{value:3,children:[(0,u.jsx)(l.kY,{children:"Header 3"}),(0,u.jsx)(l.G_,{children:(0,u.jsx)(o.jn,{children:"Hallo, ich bin n Button"})})]})]})),m("accordion-links",e)&&(0,s.createRoot)(e.getElementById("accordion-links")).render((0,u.jsxs)(l.nD,{children:[(0,u.jsxs)(l.gV,{value:1,children:[(0,u.jsx)(l.kY,{children:"Header 1"}),(0,u.jsx)(l.G_,{children:(0,u.jsx)("p",{className:"fx-text fx-text--no-margin",children:"BodyContent1"})})]}),(0,u.jsxs)(l.gV,{value:2,children:[(0,u.jsx)(l.kY,{children:"Header 2"}),(0,u.jsx)(l.G_,{children:(0,u.jsx)(p,{})})]}),(0,u.jsx)(l.bP,{link:"#",children:"Link 1"}),(0,u.jsx)(l.bP,{link:"#",children:"Link 2"})]})),m("accordion-default-open",e)&&(0,s.createRoot)(e.getElementById("accordion-default-open")).render((0,u.jsxs)(l.nD,{value:2,children:[(0,u.jsxs)(l.gV,{value:1,children:[(0,u.jsx)(l.kY,{children:"Header 1"}),(0,u.jsx)(l.G_,{children:(0,u.jsx)("p",{className:"fx-text fx-text--no-margin",children:"I am closed by default"})})]}),(0,u.jsxs)(l.gV,{value:2,children:[(0,u.jsx)(l.kY,{children:"Header 2"}),(0,u.jsx)(l.G_,{children:(0,u.jsx)("p",{className:"fx-text fx-text--no-margin",children:"I am open by default"})})]})]})),m("accordion-with-subtext",e)&&(0,s.createRoot)(e.getElementById("accordion-with-subtext")).render((0,u.jsxs)(l.nD,{children:[(0,u.jsxs)(l.gV,{value:1,children:[(0,u.jsx)(l.kY,{children:"Filter 1"}),(0,u.jsx)(l.G_,{children:(0,u.jsx)("p",{className:"fx-text fx-text--no-margin",children:"Filter"})})]}),(0,u.jsxs)(l.gV,{value:2,children:[(0,u.jsx)(l.kY,{subText:"Selected Item, Selected Item, Selected Item",children:"Filter 2"}),(0,u.jsx)(l.G_,{children:(0,u.jsx)("p",{className:"fx-text fx-text--no-margin",children:"Filter"})})]}),(0,u.jsxs)(l.gV,{value:3,children:[(0,u.jsx)(l.kY,{subText:"Selected Item, Selected Item, Selected Item, Selected Item, Selected Item, Selected Item, Selected Item, Selected Item, Selected Item, Selected Item, Selected Item, Selected Item, More, More, Mooooooore",children:"Filter 3"}),(0,u.jsx)(l.G_,{children:(0,u.jsx)("p",{className:"fx-text fx-text--no-margin",children:"Filter"})})]})]})),m("accordion-icon-text",e)&&(0,s.createRoot)(e.getElementById("accordion-icon-text")).render((0,u.jsxs)(l.nD,{children:[(0,u.jsx)(l.bm,{children:"this is text"}),(0,u.jsx)(l.bm,{icon:"heart",children:"love is in the air"})]}))})(e),(e=>{if(m("pagination",e)){const t={pages:[{type:He.b.TYPE.PAGE,page:1,active:!1,link:"ur.l?pg=1&ls=25"},{type:He.b.TYPE.SEPARATOR},{type:He.b.TYPE.PAGE,page:20,active:!1,link:"ur.l?pg=6&ls=25"},{type:He.b.TYPE.PAGE,page:21,active:!0,link:"ur.l?pg=6&ls=25"},{type:He.b.TYPE.PAGE,page:22,active:!1,link:"ur.l?pg=6&ls=25"},{type:He.b.TYPE.SEPARATOR},{type:He.b.TYPE.PAGE,page:69,active:!1,link:"ur.l?pg=69&ls=25"}]};(0,s.createRoot)(e.getElementById("pagination")).render((0,u.jsx)(Ke.d,{buttonText:"Mehr Anzeigen",settings:t}))}if(m("pagination-arrows",e)){const t={pages:[{type:He.b.TYPE.PAGE,page:1,active:!1,link:"ur.l?pg=1&ls=25"},{type:He.b.TYPE.PAGE,page:2,active:!0,link:"ur.l?pg=69&ls=25"},{type:He.b.TYPE.PAGE,page:3,active:!1,link:"ur.l?pg=69&ls=25"}],prev:{type:He.b.TYPE.PAGE,page:1,active:!1,link:"ur.l?pg=1&ls=25"},next:{type:He.b.TYPE.PAGE,page:3,active:!1,link:"ur.l?pg=2&ls=25"}};(0,s.createRoot)(e.getElementById("pagination-arrows")).render((0,u.jsx)(Ke.d,{settings:t}))}if(m("pagination-arrows-variant",e)){const t={pages:[{type:He.b.TYPE.PAGE,page:1,active:!0,link:"ur.l?pg=1&ls=25"},{type:He.b.TYPE.PAGE,page:2,active:!1,link:"ur.l?pg=69&ls=25"},{type:He.b.TYPE.PAGE,page:3,active:!1,link:"ur.l?pg=69&ls=25"}],prev:!1,next:{type:He.b.TYPE.PAGE,page:3,active:!1,link:"ur.l?pg=2&ls=25"}};(0,s.createRoot)(e.getElementById("pagination-arrows-variant")).render((0,u.jsx)(Ke.d,{settings:t}))}})(e),(e=>{const t=[];m("contact-content",e)&&t.push(new Promise(t=>{(0,s.createRoot)(e.getElementById("contact-content")).render((0,u.jsx)(A,{}))})),m("contact",e)&&t.push(new Promise(t=>{(0,s.createRoot)(e.getElementById("contact")).render((0,u.jsx)(w.B,{department:E[0],speechBubbleContent:"Jetzt mit unseren Beratern chatten",departmentList:E,value:1,selectedValue:1,whatsAppInfo:S}))}))})(e),(e=>{const t="flyin-nav-drilldown",i="flyin-nav-accordion";m(t,e)&&q.J_.bySelector(`#${t}`,q.Yi,e),m(i,e)&&q.J_.bySelector(`#${i}`,q.lq,e)})(e),(e=>{m("grid",e)&&(0,s.createRoot)(e.getElementById("grid")).render((0,u.jsxs)("div",{children:[(0,u.jsxs)(K.l,{children:[(0,u.jsx)(K.h,{small:12,medium:6,offsetMedium:2,large:4,offsetLarge:4,children:"Column1"}),(0,u.jsx)(K.h,{small:6,medium:12,large:4,largeEx:3,children:"Column2"})]}),(0,u.jsxs)(K.l,{columns:10,textCentered:!0,children:[(0,u.jsx)(K.h,{children:"Column"}),(0,u.jsx)(K.h,{children:"Column"}),(0,u.jsx)(K.h,{children:"Column"})]})]}))})(e),(e=>{m("ratingStars",e)&&(0,s.createRoot)(e.getElementById("ratingStars")).render((0,u.jsx)(gt.z,{ratingPercentage:50,ratingDescription:"(20)"})),m("ratingStarsInteractive",e)&&(0,s.createRoot)(e.getElementById("ratingStarsInteractive")).render((0,u.jsx)(ht.n0,{ratingPercentage:50}))})(e),(e=>{let t=[];const i=()=>(0,u.jsxs)("p",{className:"fx-text",children:["Damit Ihr indess erkennt, woher dieser ganze Irrthum gekommen ist,","und weshalb man die Lust anklagt und den Schmerz lobet, so will ich","Euch Alles eröffnen und auseinander setzen, was jener Begründer der","Wahrheit und gleichsam Baumeister des glücklichen Lebens selbst","darüber gesagt hat. Niemand, sagt er, verschmähe, oder hasse, oder","fliehe die Lust als solche, sondern weil grosse Schmerzen ihr","folgen, wenn man nicht mit Vernunft ihr nachzugehen verstehe. Ebenso","werde der Schmerz als solcher von Niemand geliebt, gesucht und","verlangt, sondern weil mitunter solche Zeiten eintreten, dass man","mittelst Arbeiten und Schmerzen eine grosse Lust sich zu verschaften","suchen müsse. Um hier gleich bei dem Einfachsten stehen zu bleiben,","so würde Niemand von uns anstrengende körperliche Übungen vornehmen,","wenn er nicht einen Vortheil davon erwartete. Wer dürfte aber wohl","Den tadeln, der nach einer Lust verlangt, welcher keine","Unannehmlichkeit folgt, oder der einem Schmerze ausweicht, aus dem","keine Lust hervorgeht?"]}),n=()=>(0,u.jsxs)("p",{className:"fx-text",children:["Dagegen tadelt und hasst man mit Recht Den, welcher sich durch die","Lockungen einer gegenwärtigen Lust erweichen und verführen lässt,","ohne in seiner blinden Begierde zu sehen, welche Schmerzen und","Unannehmlichkeiten seiner deshalb warten. Gleiche Schuld treffe Die,","welche aus geistiger Schwäche, d.h. um der Arbeit und dem Schmerze","zu entgehen, ihre Pflichten verabsäumen. Man kann hier leicht und","schnell den richtigen Unterschied treffen; zu einer ruhigen Zeit, wo","die Wahl der Entscheidung völlig frei ist und nichts hindert, das zu","thun, was den Meisten gefällt, hat man jede Lust zu erfassen und","jeden Schmerz abzuhalten; aber zu Zeiten trifft es sich in Folge von","schuldigen Pflichten oder von sachlicher Noth, dass man die Lust","zurückweisen und Beschwerden nicht von sich weisen darf. Deshalb","trifft der Weise dann eine Auswahl, damit er durch Zurückweisung","einer Lust dafür eine grössere erlange oder durch Übernahme gewisser","Schmerzen sich grössere erspare."]}),a=()=>(0,u.jsxs)("p",{className:"fx-text",children:["At vero eos et accusamus et iusto odio dignissimos ducimus qui","blanditiis praesentium voluptatum deleniti atque corrupti quos","dolores et quas molestias excepturi sint occaecati cupiditate non","provident, similique sunt in culpa qui officia deserunt mollitia","animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis","est et expedita distinctio. Nam libero tempore, cum soluta nobis est","eligendi optio cumque nihil impedit quo minus id quod maxime placeat","facere possimus, omnis voluptas assumenda est, omnis dolor","repellendus. Temporibus autem quibusdam et aut officiis debitis aut","rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint","et molestiae non recusandae. Itaque earum rerum hic tenetur a","sapiente delectus, ut aut reiciendis voluptatibus maiores alias","consequatur aut perferendis doloribus asperiores repellat."]});m("tabs-example",e)&&t.push(new Promise(t=>{(0,s.createRoot)(e.getElementById("tabs-example")).render((0,u.jsxs)(vt.tU,{openTab:0,noMargin:!0,children:[(0,u.jsx)(vt.Kp,{label:"Alle",component:i}),(0,u.jsx)(vt.Kp,{label:"Irgendwas langes",component:n}),(0,u.jsx)(vt.Kp,{label:"Etwas noch viiiiiiiiiel längeres",component:a})]}))})),m("tabs-example-2",e)&&t.push(new Promise(t=>{(0,s.createRoot)(e.getElementById("tabs-example-2")).render((0,u.jsxs)(vt.tU,{className:"fx-tabs--tabs-as-headline",openTab:0,noMargin:!0,children:[(0,u.jsx)(vt.Kp,{label:"All",component:i}),(0,u.jsx)(vt.Kp,{label:"title 1",component:n}),(0,u.jsx)(vt.Kp,{label:"title 2",component:a})]}))}))})(e),(e=>{m("productListEntry",e)&&(st.ni.initProductActionsForTwig(),(0,s.createRoot)(e.getElementById("productListEntry")).render((0,u.jsx)(ut,{}))),m("productListEntryOverride",e)&&(0,s.createRoot)(e.getElementById("productListEntryOverride")).render((0,u.jsx)(ct,{})),m("productListEntryWithAddon",e)&&(0,s.createRoot)(e.getElementById("productListEntryWithAddon")).render((0,u.jsx)(dt,{})),m("productListEntryWithCustomChildren",e)&&(0,s.createRoot)(e.getElementById("productListEntryWithCustomChildren")).render((0,u.jsx)(mt,{})),m("productListWithTag",e)&&(0,s.createRoot)(e.getElementById("productListWithTag")).render((0,u.jsx)(lt,{})),m("productListWithEnergyEfficiency",e)&&(0,s.createRoot)(e.getElementById("productListWithEnergyEfficiency")).render((0,u.jsx)(ot,{})),m("productListSkeleton",e)&&(0,s.createRoot)(e.getElementById("productListSkeleton")).render((0,u.jsx)(pt,{}))})(e),(e=>{m("responsive-buttons-fixed-size",e)&&(0,s.createRoot)(e.getElementById("responsive-buttons-fixed-size")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(o.jn,{className:"fx-size--small",children:"Small Button"}),(0,u.jsx)(o.jn,{className:"fx-size--medium",children:"Medium Button"}),(0,u.jsx)(o.jn,{className:"fx-size--large",children:"Large Button"})]})),m("responsive-buttons",e)&&(0,s.createRoot)(e.getElementById("responsive-buttons")).render((0,u.jsxs)("div",{children:[(0,u.jsx)(o.jn,{className:"fx-size--sm-md2",children:"Ich werde nicht large"}),(0,u.jsx)(o.jn,{className:"fx-size--md2-lg",children:"Ich werde nicht small"})]}))})(e),(e=>{j.addResources({"nc_suchmaschine.feature.showLess":"Weniger Anzeigen","nc_suchmaschine.feature.showMore":"Mehr Anzeigen"}),m("simpleCollapsibleDefault",e)&&(0,s.createRoot)(e.getElementById("simpleCollapsibleDefault")).render((0,u.jsx)(I,{})),m("simpleCollapsibleBottom",e)&&(0,s.createRoot)(e.getElementById("simpleCollapsibleBottom")).render((0,u.jsx)(I,{triggerPosition:v.vT.TRIGGER.BOTTOM})),m("customCollapsible",e)&&(0,s.createRoot)(e.getElementById("customCollapsible")).render((0,u.jsx)(k,{}))})(e),(e=>{if(B.addResources({"general.showMore":"Mehr anzeigen"}),m("content-grid",e)){const t={testreport:"Testbericht",onlineexpert

1:"Ratgeber",video:"Video",download:"Download"},i={all:"Alle",testreport:"Testberichte",onlineexpert:"Ratgeber",video:"Videos",download:"Downloads"};(0,s.createRoot)(e.getElementById("content-grid")).render((0,u.jsx)(L.G,{headline:"Wissen",headlines:i,labels:t,mediagridData:C}))}})(e),(e=>{m("fx-flyin-trigger-test",e)&&(0,s.createRoot)(e.getElementById("fx-flyin-trigger-test")).render((0,u.jsx)(U.P,{title:"Trigger",flyInId:"main"})),m("fx-flyin-trigger-test-link",e)&&(0,s.createRoot)(e.getElementById("fx-flyin-trigger-test-link")).render((0,u.jsx)(U.P,{title:"Link-title",linkUrl:"https://www.thomann.de/de/index.html"}))})(e),(e=>{if(m("fx-flyin-navi",e)){const t=M.Hz.createById("navi",e),i=e.querySelector(`#fx-flyin-navi .${M.Qr.CLASS.HEADERBAR} .close-button`);M.Hz.addCloseListenerOnElement(i,t.id),M.Hz.addCloseListenerOnElement(t.backdropElement,t.id),(0,s.createRoot)(e.getElementById("fx-flyin-trigger-test")).render((0,u.jsx)(U.P,{title:"Open it!",flyInId:"navi"}))}if(m("fx-flyin-class-example",e)){const t=M.Hz.createById("class-example",e),i=e.querySelector(`#fx-flyin-class-example .${M.Qr.CLASS.HEADERBAR} .close-button`);M.Hz.addCloseListenerOnElement(i,t.id),(0,s.createRoot)(e.getElementById("fx-flyin-trigger-class-example")).render((0,u.jsx)(U.P,{title:"Default content structure",flyInId:"class-example"}))}m("fx-flyin-nested-class-example",e)&&(M.Hz.createById("nested-class-example",e),(0,s.createRoot)(e.getElementById("fx-flyin-trigger-nested-class-example")).render((0,u.jsx)(U.P,{title:"Nested content structure ->setWithNestedContentBody()",flyInId:"nested-class-example"})))})(e),(e=>{m("infobox-custom",e)&&(0,s.createRoot)(e.getElementById("infobox-custom")).render((0,u.jsx)($.w,{className:"your-class-bem fx-infobox--bg-white",icon:"heart",iconTitle:"a heart for children",iconClassName:"your-class-bem__icon",children:(0,u.jsx)("div",{children:"Lorem ipsum dolor sit amet, consectetur adipisici elit Lorem ipsum dolor sit amet"})})),m("infobox-simple",e)&&(0,s.createRoot)(e.getElementById("infobox-simple")).render((0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)($.w,{title:"simple title",text:"Lorem ipsum dolor sit amet, consectetur adipisici elit Lorem ipsum dolor sit amet",className:"your-class-bem",icon:"heart",iconTitle:"a heart for children",iconClassName:"your-class-bem__icon"}),(0,u.jsx)("br",{}),(0,u.jsx)($.w,{title:"simple title with small space",titleClassName:"fx-space-bottom--xs",text:"Lorem ipsum dolor sit amet, consectetur adipisici elit Lorem ipsum dolor sit amet",className:"your-class-bem",icon:"heart-filled",iconTitle:"more heart for children",iconClassName:"your-class-bem__icon"})]})),m("infobox-simple-title-less",e)&&(0,s.createRoot)(e.getElementById("infobox-simple-title-less")).render((0,u.jsx)($.w,{text:"Lorem ipsum dolor sit amet, consectetur adipisici elit Lorem ipsum dolor sit amet",className:"your-class-bem fx-infobox--bg-white",icon:"heart",iconTitle:"a heart for children",iconClassName:"your-class-bem__icon"})),m("infobox-icon-image",e)&&(0,s.createRoot)(e.getElementById("infobox-icon-image")).render((0,u.jsx)($.w,{text:"Lorem ipsum dolor sit amet, consectetur adipisici elit Lorem ipsum dolor sit amet",className:"your-class-bem fx-infobox--warning",iconImagePath:"common/emoji/emoji-heart",iconTitle:"a heart for children",iconClassName:"your-class-bem__icon"}))})(e),(e=>{m("speechbubble",e)&&(0,s.createRoot)(e.getElementById("speechbubble")).render((0,u.jsx)("div",{className:"fx-text-align--center",style:{backgroundColor:"gray",padding:"20px"},children:(0,u.jsx)(ft.h,{position:"relative",trianglePositon:"middle",children:"Lorem ipsum dolor"})}))})(e),(e=>{const t=[{image:"https://thumbs.static-thomann.de/thumb/thumb72x72/pics/sbpics/200r/8.png",alt:"Hans"},{image:"https://thumbs.static-thomann.de/thumb/thumb72x72/pics/sbpics/200r/42.png",alt:"Sven"},{image:"https://thumbs.static-thomann.de/thumb/thumb72x72/pics/sbpics/200r/2098.png",alt:"FrannyOne"}];if(m("serviceFlyInGuideTrigger",e)){const i="service";M.Hz.createById(i,e);const n=e.querySelector(`#${M.Hz.prefixFlyInId(i)} .${M.Qr.CLASS.HEADERBAR} .close-button`);M.Hz.addCloseListenerOnElement(n,i);const a=()=>{(0,xt.J)().emit(M.Qr.EVENTBUS.OPEN,"service")};(0,s.createRoot)(e.getElementById("serviceFlyInGuideTrigger")).render((0,u.jsx)(f.F,{title:"Beratung",assistants:t,onClick:a}))}m("serviceFlyInContentWithArticleId",e)&&(0,s.createRoot)(e.getElementById("serviceFlyInContentWithArticleId")).render((0,u.jsx)(bt.f,{articleNumber:"12345",departments:[{id:1,phone:"09546-9223-8399",fax:"09546-9223-8399",label:"foo_Dep",assistants:t}],businessHours:{actual:{isOpen:!1},showHolidayTeaser:!1,showRouteDescription:!0,showShopIsClosedTeaser:!1,days:[],shopIsClosedInfoText:"Ist zu Heute",urlRouteDescription:"https://www.thomann.de/de/compinfo_route.html"},mediaUrls:{imageServerUrl:""},callbackData:{show:!1,allSupportedDepartments:[{id:1}],endpoint:"",shopContext:{}},departmentId:1,linkContact:"",customerNumber:"123",linkService:"",feedbackFormUrl:"",whatsAppInfo:{imagePath:"images/comp/contact/contact-whatsapp-qrcode.png",whatsAppLink:"https://google.com",infoText:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr...",phoneNumber:"09546-9223-66"},location:"category",isNewContactFlowFlyIn:!1}))})(e),(e=>{if(m("overlayLoadingContainer",e)&&(0,s.createRoot)(e.getElementById("overlayLoadingContainer")).render((0,u.jsx)(qe,{})),m("overlay_loading_vanilla_test1_example1",e)){const t=new We.u(e.getElementById("overlay_loading_vanilla_test1_example1")),i=e.getElementById("overlay_loading_vanilla_test1");e.querySelector("#overlay_loading_vanilla_test1_example1 .click").addEventListener("click",()=>{alert("Hello, i'm still there if you can see this alert :-)")});let n=null;i.addEventListener("click",e=>{e.preventDefault(),t.show(),n&&clearTimeout(n),n=setTimeout(()=>{t.hide()},3e3)});const a=new We.u(e.getElementById("overlay_loading_vanilla_test2_example2"),{position:We.u.CONST.POSITION.TOP}),r=e.getElementById("overlay_loading_vanilla_test2");let s=null;r.addEventListener("click",e=>{e.preventDefault(),a.show(),s&&clearTimeout(s),s=setTimeout(()=>{a.hide()},3e3)});const o=new We.u(e.getElementById("overlay_loading_vanilla_test3_example3"),{position:We.u.CONST.POSITION.BOTTOM}),l=e.getElementById("overlay_loading_vanilla_test3");let c=null;l.addEventListener("click",e=>{e.preventDefault(),o.show(),c&&clearTimeout(c),c=setTimeout(()=>{o.hide()},3e3)});const d=new We.u(e.getElementById("overlay_loading_vanilla_test4_example4"),{customIcon:"//cdn.domestika.org/c_limit,dpr_auto,f_auto,q_auto,w_820/v1468572185/content-items/001/666/898/Ident-Burger-King_1-original.gif",customClass:"fx-wrapper-custom-class"}),m=e.getElementById("overlay_loading_vanilla_test4");let u=null;m.addEventListener("click",e=>{e.preventDefault(),d.show(),u&&clearTimeout(u),u=setTimeout(()=>{d.hide()},9500)})}})(e),(e=>{m("flyinbottom-example",e)&&[].push(new Promise(()=>new W.e("flyinbottomExample","a.flyInBottomTrigger")))})(e),(e=>{if(m("media-overlay-sample-top-bottom",e)){const t=(e,t)=>{t({imageUrl:"https://images.static-thomann.de/pics/bdb/wallpapers/bl_003/im/1280x720.jpg",title:"Johannes Scherzer 8218-L Bb-Trumpet",withBarBottom:!0,withDownload:!1,resolutions:[{label:"320 x 200 / CGA",value:"bl_003/im/320x2

100.jpg"},{label:"320 x 240 / QVGA",value:"bl_003/im/320x240.jpg"},{label:"640 x 480 / VGA",value:"bl_003/im/640x480.jpg"},{label:"720 x 480 / NTSC",value:"bl_003/im/720x480.jpg"}],resolutionValue:3})};(0,s.createRoot)(e.getElementById("media-overlay-sample-top-bottom")).render((0,u.jsx)(Me.O,{selector:".js-top-bottom-bar",listener:t}))}if(m("media-overlay-sample-top-bar-only",e)){const t=(e,t)=>{t({imageUrl:"https://images.static-thomann.de/pics/bdb/wallpapers/bl_003/im/1280x720.jpg",title:"Johannes Scherzer 8218-L Bb-Trumpet",withBarBottom:!1,withDownload:!1,resolutions:[{label:"320 x 200 / CGA",value:"bl_003/im/320x200.jpg"},{label:"320 x 240 / QVGA",value:"bl_003/im/320x240.jpg"},{label:"640 x 480 / VGA",value:"bl_003/im/640x480.jpg"},{label:"720 x 480 / NTSC",value:"bl_003/im/720x480.jpg"}],resolutionValue:3})};(0,s.createRoot)(e.getElementById("media-overlay-sample-top-bar-only")).render((0,u.jsx)(Me.O,{selector:".js-top-bar-only",listener:t}))}})(e),(e=>{m("priceDisclaimer",e)&&(0,s.createRoot)(e.getElementById("priceDisclaimer")).render((0,u.jsx)(Ye.A,{disclaimerText:"use Mod\\Common\\Contexts\\PriceDisclaimerContext to resolve legal text in php"}))})(e),(e=>{if(m("productBox",e)){const t=Xe();t.energyEfficiency="A++";const i=Xe();i.action="wishlist",i.isOnWishlist=!1,i.availability.textShort="Sofort Lieferbar";const n=Xe();n.mainImage.fileName="514573.jpg",n.model="Live 11 Suite",n.manufacturer="Ableton",n.action="wishlist",n.isOnWishlist=!0,n.isDownload=!0,n.downloadInfo="Download Lizenz",(0,s.createRoot)(e.getElementById("productBox")).render([Xe(),t,i,n].map(e=>(0,u.jsx)($e.$,{article:e,className:"fx-grid__col",shouldLazyLoadImage:!1},e.id)))}m("productBoxSkeleton",e)&&(0,s.createRoot)(e.getElementById("productBoxSkeleton")).render((0,u.jsx)(Ze,{}))})(e),(e=>{m("productGrid",e)&&(0,s.createRoot)(e.getElementById("productGrid")).render((0,u.jsx)(tt.q,{articles:it()}))})(e),(e=>{m("tags",e)&&(0,s.createRoot)(e.getElementById("tags")).render((0,u.jsx)(r.Fragment,{children:(0,u.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,u.jsx)(et.v,{label:"Aktuell beliebt"}),(0,u.jsx)(et.v,{label:"Top-Seller"}),(0,u.jsx)(et.v,{label:"Deal der Woche",variant:et.v.VARIANT.HOT}),(0,u.jsx)(et.v,{label:"Hot Deal",variant:et.v.VARIANT.HOT}),(0,u.jsx)(et.v,{label:"Brandneu",variant:et.v.VARIANT.SECONDARY}),(0,u.jsx)(et.v,{label:"Hall of Fame",variant:et.v.VARIANT.HALL}),(0,u.jsx)(et.v,{label:"Passendes Zubehör",variant:et.v.VARIANT.BLACK}),(0,u.jsx)(et.v,{label:"With Icon",variant:et.v.VARIANT.CYBERWEEK,icon:"gift"}),(0,u.jsx)(et.v,{label:"OPTIONAL",variant:et.v.VARIANT.OPTIONAL})]})}))})(e),(e=>{if(m("responsiveImage",e)){const t={url:"https://thumbs.static-thomann.de/thumb/thumb248x248/pics/prod/417799.jpg",webpUrl:"https://thumbs.static-thomann.de/thumb/thumb248x248/pics/prod/417799.webp",alt:"alternative",width:248,height:248};(0,s.createRoot)(e.getElementById("responsiveImage")).render((0,u.jsx)(Q.w,{image:t,lazyLoad:!1}))}})(e),(e=>{kt.addResources({"general.voucherConfigurator.maxValue.error.message":"Maximaler Gutscheinwert: {maxValue} Euro","general.voucherConfigurator.emptyValue.error.message":"Bitte geben Sie einen Gutscheinwert ein","general.voucherConfigurator.submit.label":"Gutschein kaufen","general.voucherConfigurator.customValue.placeholder":"Wunschbetrag","general.voucherConfigurator.maxValue.hint":"max. {value}","general.or":"oder"}),m("voucherConfigurator",e)&&(0,s.createRoot)(e.getElementById("voucherConfigurator")).render((0,u.jsx)(_t,{})),m("voucherConfiguratorLarge",e)&&(0,s.createRoot)(e.getElementById("voucherConfiguratorLarge")).render((0,u.jsx)(_t,{variant:It.a.VARIANT.LARGE_PREVIEW}))})(e),(e=>{m("flag",e)&&(0,s.createRoot)(e.getElementById("flag")).render((0,u.jsx)(G,{country:"de",className:"my-class"}))})(e),(e=>{(0,g.S)().getLanguageResources().addResources({"nc_produktinfo.priceBox.addToBasket.success":"Das Produkt Beyerdynamic DT-990 Pro ist jetzt im Warenkorb.","general.basket.notifications.article.removed":"Produkt wurde von Ihrer Wunschliste entfernt.","nc_produktinfo.priceBox.addToWishlist.success":"Das Produkt Beyerdynamic DT-990 Pro ist jetzt auf Ihrer Wunschliste.","general.wishlist.notifications.article.removed":"Das Produkt Beyerdynamic DT-990 Pro wurde aus dem Warenkorb entfernt."}),m("fx-notification-normal-trigger",e)&&e.querySelector("#fx-notification-normal-trigger").addEventListener("click",()=>{a.A.dispatch((0,u.jsx)(n.Eg,{children:(0,u.jsx)("div",{children:"Default Notification"})}))}),m("fx-notification-props-trigger",e)&&e.querySelector("#fx-notification-props-trigger").addEventListener("click",()=>{a.A.dispatch((0,u.jsx)(n.Eg,{icon:J.A.ICON_NAME.LIGHTBULB,style:n.Eg.STYLE.DEFAULT,timeout:3e3,permanent:!1,children:(0,u.jsx)("div",{children:"Notification with options"})}))}),m("fx-notification-trigger-default",e)&&(e.querySelector("#fx-notification-trigger-default").addEventListener("click",()=>{a.A.dispatch((0,u.jsx)(n.Eg,{style:n.Eg.STYLE.DEFAULT,children:(0,u.jsx)("div",{children:"DEFAULT"})}))}),e.querySelector("#fx-notification-trigger-success").addEventListener("click",()=>{a.A.dispatch((0,u.jsx)(n.Eg,{style:n.Eg.STYLE.SUCCESS,children:(0,u.jsx)("div",{children:"SUCCESS"})}))}),e.querySelector("#fx-notification-trigger-fail").addEventListener("click",()=>{a.A.dispatch((0,u.jsx)(n.Eg,{style:n.Eg.STYLE.FAIL,children:(0,u.jsx)("div",{children:"FAIL"})}))}),e.querySelector("#fx-notification-trigger-warning").addEventListener("click",()=>{a.A.dispatch((0,u.jsx)(n.Eg,{style:n.Eg.STYLE.WARNING,children:(0,u.jsx)("div",{children:"WARNING"})}))})),m("fx-notification-trigger-wishlist-added",e)&&(e.querySelector("#fx-notification-trigger-wishlist-added").addEventListener("click",()=>{a.A.dispatch((0,u.jsx)(n.vK,{articleName:"beyerdynamic DT-990 Pro",articleNr:"106865",wishlistList:[{80831927:"Meine Wunschliste vom 30.11.2021"}],articleWishlistEntryId:"79954559",initialWishlistId:"80831927",customCaseArticleId:null}))}),e.querySelector("#fx-notification-trigger-wishlist-failed").addEventListener("click",()=>{a.A.dispatch((0,u.jsx)(n.Fn,{message:"Fehler beim Hinzufügen zur Wunschliste"}))}),e.querySelector("#fx-notification-trigger-wishlist-removed").addEventListener("click",()=>{a.A.dispatch((0,u.jsx)(n.nx,{wishlistUrl:"https://tbe-ncwork.thomann.de/de/wishlist.html"}))})),m("fx-notification-trigger-basket-added",e)&&(e.querySelector("#fx-notification-trigger-basket-added").addEventListener("click",()=>{a.A.dispatch((0,u.jsx)(n.eg,{articleName:"shure SM58",articleAmountInsideBasket:1}))}),e.querySelector("#fx-notification-trigger-basket-removed").addEventListener("click",()=>{a.A.dispatch((0,u.jsx)(n.iP,{articleName:"shure SM58"}))}))})(e),(e=>{if(m("brandTeaser",e)){const t={name:"Fender",articleCount:"123",url:"fender.html",image:{fname:"fender.gif",fname_webp:"fender.webp"}};(0,s.createRoot)(e.getElementById("brandTeaser")).render((0,u.jsx)(b.I,{manufacturer:t,lazyLoad:!1,withCounter:!0,className:"added-class"}))}})(e),(e=>{m("stickybar",e)&&(0,s.createRoot)(e.getElementById("stickybar")).render((0,u.jsxs)(yt.V,{debug:!0,target:"#main",position:yt.V.POSITION.TOP,trigger:[yt.V.TRIGGER.TOP],visibility:[yt.V.VISIBILITY.MEDIUM,yt.V.VISIBILITY.LARGE],children:["Lorizzle ipsizzle dolizzle sit amizzle, own yo' adipiscing","elizzle. Nullam sapien velizzle, crazy volutpizzle, suscipit","quis, gravida vizzle, shizznit. Pellentesque its fo rizzle","tortor. Ass erizzle. Mofo at boom shackalack crazy turpizzle","tempus shit. Maurizzle pellentesque shiznit et turpizzle.","Shizzlin dizzle in fo 

1shizzle. Pellentesque funky fresh","rhoncizzle nisi. In pot habitasse platea dictumst. Owned","dapibizzle. Curabitizzle tellizzle urna, pretium gangster,","mattizzle funky fresh, rizzle boofron, nunc. Fo shizzle","suscipizzle. Integizzle sempizzle velizzle sizzle brizzle."]}))})(e),(e=>{(0,g.S)().getLanguageResources().addResources({"general.compare.media.audios.label":"Soundbeispiele","nc_produktinfo.audio.details":"Details zu","nc_produktinfo.audio.tracklaenge":"Länge","nc_produktinfo.audio.sekunden":"Sekunden","nc_produktinfo.audio.formate":"Formate","nc_produktinfo.audio.player.format.aac-128":"AAC (128kBit)","nc_produktinfo.audio.player.format.aac-256":"AAC (256kBit)","nc_produktinfo.audio.player.format.mp3-128":"MP3 (128kBit)","nc_produktinfo.audio.player.format.mp3-256":"MP3 (256kBit)","nc_produktinfo.audio.effektgeraet":"Effektgerät","nc_produktinfo.audio.mikrofon":"Mikrofon","nc_produktinfo.audio.mikrofon.preamp":"Mikrofon Preamp","nc_produktinfo.audio.mundstueck":"Mundstück","nc_produktinfo.audio.software.plugin":"Software Plug-in","nc_produktinfo.audio.verstaerker.bass.gitarre":"Verstärker Bass/Gitarre","nc_produktinfo.audio.wandler.interface":"Wandler/Interface","nc_produktinfo.audio.reamping.hinweis":"Die Audiobeispiele wurden im Reamping-Verfahren produziert, bei dem ein standardisiertes cleanes Signal über das Gerät eingespielt und anschließend abgenommen wird. So hören Sie keinen Unterschied in Spiel und Performance der Soundbeispiele und können den authentischen Sound aller Geräte der Produktgrupppe optimal miteinander vergleichen. Das Reamping-Verfahren ist anerkannter Studiostandard."}),m("audio-player",e)&&(0,s.createRoot)(e.getElementById("audio-player")).render((0,u.jsx)(h.Y,{audioFiles:x,audioFormat:"mp3-256",articleNumber:"105767",audioHost:"audio1.thomann.de",withTracklist:!1})),m("audio-player-with-tracklist",e)&&(0,s.createRoot)(e.getElementById("audio-player-with-tracklist")).render((0,u.jsx)(h.Y,{audioFiles:x,audioFormat:"mp3-256",articleNumber:"105767",audioHost:"audio1.thomann.de",withTracklist:!0}))})(e),(e=>{m("horizontal-picker-guide",e)&&(0,s.createRoot)(e.getElementById("horizontal-picker-guide")).render((0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(Y,{}),(0,u.jsx)(Y,{rounded:!0})]}))})(e),(e=>{if(m("content-layer-sample",e)){const t="Das ist ein Beispiel für einen Fließtext der mit dem ContentLayer dargestellt werden kann.";(0,s.createRoot)(e.getElementById("content-layer-sample")).render((0,u.jsx)(P,{content:t,title:"Open ContentLayer"}))}if(m("content-layer-sample-long",e)){const t="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\nDuis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.\nUt wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.\nNam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.\nUt wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.\nNam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer";

1(0,s.createRoot)(e.getElementById("content-layer-sample-long")).render((0,u.jsx)(P,{content:t,title:"Open ContentLayer long text"}))}})(e),(e=>{m("tooltip",e)&&(0,s.createRoot)(e.getElementById("tooltip")).render((0,u.jsx)(jt.m,{Trigger:()=>(0,u.jsx)(r.Fragment,{children:"Trigger tooltip"}),Content:()=>(0,u.jsx)("div",{children:"Content"})})),m("tooltip-with-icon",e)&&(0,s.createRoot)(e.getElementById("tooltip-with-icon")).render((0,u.jsx)(jt.m,{type:jt.I.WITH_ICON,iconName:J.A.ICON_NAME.INFO,Trigger:()=>(0,u.jsx)(r.Fragment,{children:"Trigger tooltip with icon"}),Content:()=>(0,u.jsx)("div",{children:"Content"})})),m("simple-tooltip",e)&&(0,s.createRoot)(e.getElementById("simple-tooltip")).render((0,u.jsx)(jt.m,{type:jt.I.SIMPLE,position:jt.m.POSITION.RIGHT,Trigger:()=>(0,u.jsx)(u.Fragment,{children:"Trigger simple tooltip"}),contentText:"Simple tooltip content text"}))})(e),(e=>{if(m("contentList",e)){const t=["Lorem ipsum dolor sit amet.. Lorem ipsum dolor sit amet.. Lorem ipsum dolor sit amet.. Lorem ipsum dolor sit amet.. Lorem ipsum dolor sit amet..","Lorem ipsum dolor sit amet..","Lorem ipsum dolor sit amet.. Lorem ipsum dolor sit amet.. Lorem ipsum dolor sit amet.."];(0,s.createRoot)(e.getElementById("contentList")).render((0,u.jsx)(T.u,{items:t}))}})(e),(e=>{if(z.addResources({"general.timer.days":"Days","general.timer.hours":"Hours","general.timer.minutes":"Minutes","general.timer.seconds":"Seconds"}),m("countdown-timer-demo",e)){const t=1e4,i=(new Date).getTime();(0,s.createRoot)(e.getElementById("countdown-timer-demo")).render((0,u.jsx)(N.A,{targetDate:new Date(i+t),onTimeout:()=>console.log("time Out DONE")}))}})(e),(e=>{const t=["A","B","C","D","E","F","G"];m("energy-efficiency-right",e)&&(0,s.createRoot)(e.getElementById("energy-efficiency-right")).render((0,u.jsx)(r.Fragment,{children:t.map((e,t)=>(0,u.jsx)(O.u,{article:{energyEfficiency:e,number:"123456"}},t))})),m("energy-efficiency-left",e)&&(0,s.createRoot)(e.getElementById("energy-efficiency-left")).render((0,u.jsx)(r.Fragment,{children:t.map((e,t)=>(0,u.jsx)(O.u,{article:{energyEfficiency:e,number:"1234567"},orientation:"left"},t))})),m("energy-efficiency-xl",e)&&(0,s.createRoot)(e.getElementById("energy-efficiency-xl")).render((0,u.jsx)(r.Fragment,{children:t.map((e,t)=>(0,u.jsx)(O.u,{article:{energyEfficiency:e,number:"1234568"},additionalClasses:"fx-energy-efficiency--large-xl fx-size--large"},t))}))})(e)})(document),function(){const e=document.querySelector("#wrapper-fx-guide-legend"),t=document.querySelector("#wrapper-fx-guide-menu"),i=(e=!1)=>{Array.from(t.children).forEach(t=>t.style.display=e||t.classList.contains("guide")?"inline-flex":"none")};Array.from(e.children).forEach(n=>n.addEventListener("click",a=>{if(n.classList.contains("active"))return n.classList.remove("active"),void i(!0);Array.from(e.children).forEach(e=>e.classList.remove("active")),n.classList.add("active"),i(),Array.from(t.querySelectorAll(`.${n.className.split(" ")[0]}`)).forEach(e=>e.style.display="inline-flex")}))}()}}}}]);