https://www.easy-reisen.ch/assets/js/raccoon-core-objects-rqnTable.bundle.js?v=89ef5bb3cf374c84be96

1(self.webpackChunkrqn_cms_easyreisen=self.webpackChunkrqn_cms_easyreisen||[]).push([[6711],{17556(e,t,r){"use strict";var i=r(74848);r(96540),r.d(t,["U",0,e=>(0,i.jsx)("div",{className:"cmsNewContent",children:(0,i.jsx)("div",{className:"cmsNewContent__button",children:e.children})})])},56517(e,t,r){"use strict";r.r(t);var i=r(74848),a=r(96540),n=r(34164),d=r(17556),l=r(8670),s=r(76623),c=r(87268);r.d(t,["default",0,e=>{const t=e.node.cmsObjectData,r=(0,a.useRef)(null),o=(0,a.useRef)(null),[b,g]=(0,a.useState)(!1),u=e.cmsMode===c.cmsModes.EDIT;let h=(0,n.A)((0,l.u)("rqnTable.container",t,"flex flex-col relative shadow-md rounded-t-lg"),{"overflow-x-auto":t.isScrollable},{"overflow-hidden":!t.isScrollable},{"pb-24":u},(0,s.Jv)(e));const f=(0,n.A)((0,l.u)("rqnTable.table",t,"text-left group font-base font-normal"),{stickySidebar:t.isSticky}),p=(0,n.A)((0,l.u)("rqnTable.head",t,"text-white"),{"bg-brand-1":"brand-1"===t.headBackground},{"bg-brand-2":"brand-2"===t.headBackground},{"bg-brand-3":"brand-3"===t.headBackground},{"bg-brand-4":"brand-4"===t.headBackground},{"bg-brand-5":"brand-5"===t.headBackground}),y=(0,n.A)((0,l.u)("rqnTable.headColumn",t,"w-1/2 sm:w-1/3 md:w-1/4 leading-snug text-lg"),"px-6 py-4 border-r border-solid border-white border-opacity-50 [&.last-child]:border-none","group-[&.stickySidebar]:[&:first-child]:sticky group-[&.stickySidebar]:[&:first-child]:left-0 group-[&.stickySidebar]:[&:first-child]:z-10","group-[&.stickySidebar]:[&:first-child]:before:w-px group-[&.stickySidebar]:[&:first-child]:before:h-full group-[&.stickySidebar]:[&:first-child]:before:absolute group-[&.stickySidebar]:[&:first-child]:before:bg-white/50 group-[&.stickySidebar]:[&:first-child]:before:top-0  group-[&.stickySidebar]:[&:first-child]:before:-right-px",{"min-w-table-xs":t.isMinWidth},{"group-[&.stickySidebar]:[&:first-child]:bg-brand-1":"brand-1"===t.headBackground},{"group-[&.stickySidebar]:[&:first-child]:bg-brand-2":"brand-2"===t.headBackground},{"group-[&.stickySidebar]:[&:first-child]:bg-brand-3":"brand-3"===t.headBackground},{"group-[&.stickySidebar]:[&:first-child]:bg-brand-4":"brand-4"===t.headBackground},{"group-[&.stickySidebar]:[&:first-child]:bg-brand-5":"brand-5"===t.headBackground},{"text-left":"align-left"===t.headAlignment},{"text-center":"align-center"===t.headAlignment},{"text-right":"align-right"===t.headAlignment},{"text-justify":"align-justify"===t.headAlignment},{"group-[&.stickySidebar]:[&:first-child]:text-left":"align-left"===t.headFirstAlignment},{"group-[&.stickySidebar]:[&:first-child]:text-center":"align-center"===t.headFirstAlignment},{"group-[&.stickySidebar]:[&:first-child]:text-right":"align-right"===t.headFirstAlignment},{"group-[&.stickySidebar]:[&:first-child]:text-justify":"align-justify"===t.headFirstAlignment}),k=(0,n.A)("bg-white border-b border-white odd:bg-white even:bg-stone-50 relative"),m=(0,n.A)({"align-top":"top"===t.align},{"align-center":"center"===t.align},{"align-bottom":"bottom"===t.align},{"group-[&.stickySidebar]:[&:first-child]:align-top":"top"===t.stickyAlign&&t.isSticky},{"group-[&.stickySidebar]:[&:first-child]:align-center":"center"===t.stickyAlign&&t.isSticky},{"group-[&.stickySidebar]:[&:first-child]:align-bottom":"bottom"===t.stickyAlign&&t.isSticky},"px-6 py-3 font-base font-normal border-r border-r-white","group-[&.stickySidebar]:[&:first-child]:bg-stone-100 group-[&.stickySidebar]:[&:first-child]:border-b group-[&.stickySidebar]:[&:first-child]:border-solid group-[&.stickySidebar]:[&:first-child]:border-white group-[&.stickySidebar]:[&:first-child]:border-r","group-[&.stickySidebar]:[&:first-child]:sticky group-[&.stickySidebar]:[&:first-child]:left-0 group-[&.stickySidebar]:[&:first-child]:z-10 group-[&.stickySidebar]:[&:first-child]:hover:z-50"),S=(0,n.A)((0,l.u)("rqnTable.button.container",t,"flex items-end justify-end mb-2")),x=(0,n.A)((0,l.u)("rqnTable.button.prev.container",t,"w-8 h-8 cursor-pointer text-3xl mr-2"),(0,l.u)("rqnTable.button.prev.icon",t,"ed-arrow-previous")),w=(0,n.A)((0,l.u)("rqnTable.button.next.container",t,"w-8 h-8 cursor-pointer text-3xl mr-2"),(0,l.u)("rqnTable.button.next.icon",t,"ed-arrow-next"));(0,a.useEffect)(()=>(v(),window.addEventListener("resize",v),()=>{window.removeEventListener("resize",v)}),[o.current]);const v=()=>{g(o?.current?.clientWidth<r?.current?.clientWidth)},j=e=>{const t=o?.current?.getElementsByClassName("td-1")[0].clientWidth;"prev"!==e?"next"!==e||(o.current.scrollLeft+=t+2):o.current.scrollLeft-=t+2};return(0,i.jsxs)("div",{className:"w-full",children:[t.isSwipeable&&b&&(0,i.jsxs)("div",{className:S,children:[(0,i.jsx)("div",{className:x,onClick:()=>j("prev")}),(0,i.jsx)("div",{className:w,onClick:()=>j("next")})]}),(0,i.jsx)("div",{className:h,ref:o,children:(0,i.jsxs)("table",{className:f,children:[(0,i.jsx)("thead",{className:p,children:(0,i.jsx)("tr",{children:t.table.columns?.map((e,t)=>{if(e.active)return(0,i.jsx)("th",{scope:"col",className:y,children:(0,i.jsx)("span",{children:e.label})},e.id)})})}),(0,i.jsx)("tbody",{ref:r,children:t.table.rows?.map((r,a)=>r.active&&(0,i.jsx)("tr",{className:k,children:t.table.columns?.map((r,l)=>r.active&&(0,i.jsx)("td",{scope:"col",className:(0,n.A)(m,"td-"+l),children:"-1"!==e.node._id?e.children[l*t.table.rows.length+a]:(0,i.jsx)(d.U,{})},r.id))},r.id))})]})})]})}])},85629(e,t,r){e.exports=new class{constructor(e){}getMetaData(){return{name:"rqnTable",label:"Tabelle",category:"Tabellen"}}initOnInsert(e){if(e.children.length){const t=e.children[0];e.cmsObjectData.activeTab="number"==typeof t?t:t._id}}getDataSchema(){return{spaceModel:{type:"Object",default:{}},selectedMargins:{type:"String",default:"top,bot"},isMinWidth:{type:Boolean,default:!1},isScrollable:{type:Boolean,default:!0},isSwipeable:{type:Boolean,default:!1},isSticky:{type:Boolean,default:!1},table:{type:Object,default:{}},align:{type:"String",default:"center"},stickyAlign:{type:"String",default:"center"},headFirstAlignment:{type:"String",default:"align-left"},headAlignment:{type:"String",default:"align-left"},headTextColor:{type:"String",default:""}

1,headBackground:{type:"String",default:"brand-1"}}}getRenderComponent(){return r(56517)}}}}]);