@bigz-app/booking-widget 1.1.4 → 1.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/booking-widget.js +80 -148
- package/dist/booking-widget.js.map +1 -1
- package/dist/components/PromoDialog.d.ts.map +1 -1
- package/dist/index.cjs +80 -148
- package/dist/index.cjs.map +1 -1
- package/dist/index.esm.js +80 -148
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/booking-widget.js
CHANGED
|
@@ -13390,52 +13390,24 @@
|
|
|
13390
13390
|
backgroundImage: "https://images.unsplash.com/photo-1502680390469-be75c86b636f?w=600&q=80",
|
|
13391
13391
|
primaryColor: "#0c4a6e",
|
|
13392
13392
|
secondaryColor: "#0891b2",
|
|
13393
|
-
icon: "🏄♂️",
|
|
13394
|
-
decorations: ["🎄", "⭐"],
|
|
13395
|
-
animation: {
|
|
13396
|
-
floatDuration: 3,
|
|
13397
|
-
sparkleEnabled: true,
|
|
13398
|
-
snowfallEnabled: true,
|
|
13399
|
-
},
|
|
13400
13393
|
};
|
|
13401
13394
|
case "summer":
|
|
13402
13395
|
return {
|
|
13403
13396
|
backgroundImage: "https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=600&q=80",
|
|
13404
13397
|
primaryColor: "#059669",
|
|
13405
13398
|
secondaryColor: "#10b981",
|
|
13406
|
-
icon: "☀️",
|
|
13407
|
-
decorations: ["🌴", "🏖️"],
|
|
13408
|
-
animation: {
|
|
13409
|
-
floatDuration: 2.5,
|
|
13410
|
-
sparkleEnabled: true,
|
|
13411
|
-
snowfallEnabled: false,
|
|
13412
|
-
},
|
|
13413
13399
|
};
|
|
13414
13400
|
case "beach":
|
|
13415
13401
|
return {
|
|
13416
13402
|
backgroundImage: "https://images.unsplash.com/photo-1502680390469-be75c86b636f?w=600&q=80",
|
|
13417
13403
|
primaryColor: "#0891b2",
|
|
13418
13404
|
secondaryColor: "#06b6d4",
|
|
13419
|
-
icon: "🏄♀️",
|
|
13420
|
-
decorations: ["🌊", "🏄"],
|
|
13421
|
-
animation: {
|
|
13422
|
-
floatDuration: 3,
|
|
13423
|
-
sparkleEnabled: false,
|
|
13424
|
-
snowfallEnabled: false,
|
|
13425
|
-
},
|
|
13426
13405
|
};
|
|
13427
13406
|
default:
|
|
13428
13407
|
return {
|
|
13429
13408
|
backgroundImage: undefined,
|
|
13430
13409
|
primaryColor: "#0c4a6e",
|
|
13431
13410
|
secondaryColor: "#0891b2",
|
|
13432
|
-
icon: "🎁",
|
|
13433
|
-
decorations: [],
|
|
13434
|
-
animation: {
|
|
13435
|
-
floatDuration: 3,
|
|
13436
|
-
sparkleEnabled: false,
|
|
13437
|
-
snowfallEnabled: false,
|
|
13438
|
-
},
|
|
13439
13411
|
};
|
|
13440
13412
|
}
|
|
13441
13413
|
};
|
|
@@ -13493,192 +13465,152 @@
|
|
|
13493
13465
|
position: "fixed",
|
|
13494
13466
|
inset: 0,
|
|
13495
13467
|
zIndex: 60,
|
|
13496
|
-
backgroundColor: "rgba(0, 20, 40, 0.
|
|
13497
|
-
backdropFilter: "blur(
|
|
13468
|
+
backgroundColor: "rgba(0, 20, 40, 0.8)",
|
|
13469
|
+
backdropFilter: "blur(6px)",
|
|
13498
13470
|
transition: "opacity 0.3s ease-out",
|
|
13499
13471
|
opacity: isVisible ? 1 : 0,
|
|
13500
13472
|
} }), u$2("div", { style: {
|
|
13501
13473
|
position: "fixed",
|
|
13502
13474
|
zIndex: 61,
|
|
13503
|
-
width: "
|
|
13504
|
-
maxWidth: "
|
|
13475
|
+
width: "90%",
|
|
13476
|
+
maxWidth: "400px",
|
|
13505
13477
|
transition: "all 0.3s",
|
|
13506
13478
|
top: "50%",
|
|
13507
13479
|
left: "50%",
|
|
13508
|
-
transform: `translate(-50%, -50%) scale(${isVisible ? 1 : 0.
|
|
13480
|
+
transform: `translate(-50%, -50%) scale(${isVisible ? 1 : 0.95})`,
|
|
13509
13481
|
opacity: isVisible ? 1 : 0,
|
|
13510
|
-
transitionTimingFunction: "cubic-bezier(0.
|
|
13482
|
+
transitionTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
|
|
13511
13483
|
}, children: u$2("div", { style: {
|
|
13512
13484
|
position: "relative",
|
|
13513
13485
|
overflow: "hidden",
|
|
13514
|
-
borderRadius: "
|
|
13515
|
-
boxShadow: "0 25px
|
|
13486
|
+
borderRadius: "20px",
|
|
13487
|
+
boxShadow: "0 25px 50px -12px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.08)",
|
|
13516
13488
|
background: `linear-gradient(165deg, ${themeConfig.primaryColor} 0%, ${themeConfig.primaryColor} 40%, ${themeConfig.secondaryColor} 100%)`,
|
|
13517
|
-
}, children: [themeConfig.
|
|
13518
|
-
Array.from({ length: 15 }).map((_, i) => (u$2("div", { style: {
|
|
13519
|
-
position: "absolute",
|
|
13520
|
-
pointerEvents: "none",
|
|
13521
|
-
zIndex: 1,
|
|
13522
|
-
color: "white",
|
|
13523
|
-
opacity: 0,
|
|
13524
|
-
left: `${5 + Math.random() * 90}%`,
|
|
13525
|
-
top: "-10px",
|
|
13526
|
-
fontSize: `${10 + Math.random() * 14}px`,
|
|
13527
|
-
animation: `promo-snow ${4 + Math.random() * 3}s linear infinite`,
|
|
13528
|
-
animationDelay: `${Math.random() * 4}s`,
|
|
13529
|
-
}, children: "\u2744" }, i))), u$2("div", { style: {
|
|
13489
|
+
}, children: [themeConfig.backgroundImage && (u$2("div", { style: {
|
|
13530
13490
|
position: "relative",
|
|
13531
|
-
|
|
13532
|
-
alignItems: "center",
|
|
13533
|
-
justifyContent: "center",
|
|
13491
|
+
height: "120px",
|
|
13534
13492
|
overflow: "hidden",
|
|
13535
|
-
|
|
13536
|
-
background: `linear-gradient(180deg, rgba(0,0,0,0) 0%, ${themeConfig.primaryColor}cc 100%)`,
|
|
13537
|
-
}, children: [themeConfig.backgroundImage && (u$2("img", { src: themeConfig.backgroundImage, alt: "Background", style: {
|
|
13493
|
+
}, children: [u$2("img", { src: themeConfig.backgroundImage, alt: "", style: {
|
|
13538
13494
|
position: "absolute",
|
|
13539
13495
|
inset: 0,
|
|
13540
13496
|
width: "100%",
|
|
13541
13497
|
height: "100%",
|
|
13542
13498
|
objectFit: "cover",
|
|
13543
|
-
opacity: 0.
|
|
13544
|
-
} })
|
|
13499
|
+
opacity: 0.5,
|
|
13500
|
+
} }), u$2("div", { style: {
|
|
13545
13501
|
position: "absolute",
|
|
13546
13502
|
inset: 0,
|
|
13547
|
-
background: `linear-gradient(180deg, ${themeConfig.primaryColor}
|
|
13548
|
-
} }), u$2("
|
|
13549
|
-
position: "relative",
|
|
13550
|
-
zIndex: 2,
|
|
13551
|
-
fontSize: "64px",
|
|
13552
|
-
filter: "drop-shadow(0 8px 16px rgba(0,0,0,0.4))",
|
|
13553
|
-
animation: `promo-float ${themeConfig.animation?.floatDuration || 3}s ease-in-out infinite`,
|
|
13554
|
-
}, children: themeConfig.icon }), themeConfig.decorations &&
|
|
13555
|
-
themeConfig.decorations.map((decoration, i) => (u$2("div", { style: {
|
|
13556
|
-
position: "absolute",
|
|
13557
|
-
top: i === 0 ? "16px" : "20px",
|
|
13558
|
-
left: i === 0 ? "20px" : "auto",
|
|
13559
|
-
right: i === 1 ? "20px" : "auto",
|
|
13560
|
-
fontSize: i === 0 ? "28px" : "24px",
|
|
13561
|
-
animation: themeConfig.animation?.sparkleEnabled
|
|
13562
|
-
? `promo-sparkle 2s ease-in-out infinite ${i * 0.5}s`
|
|
13563
|
-
: undefined,
|
|
13564
|
-
}, children: decoration }, i)))] }), u$2("button", { onClick: handleClose, style: {
|
|
13503
|
+
background: `linear-gradient(180deg, ${themeConfig.primaryColor}33 0%, ${themeConfig.primaryColor}ee 100%)`,
|
|
13504
|
+
} })] })), u$2("button", { onClick: handleClose, style: {
|
|
13565
13505
|
position: "absolute",
|
|
13566
|
-
top: "
|
|
13567
|
-
right: "
|
|
13506
|
+
top: "12px",
|
|
13507
|
+
right: "12px",
|
|
13568
13508
|
display: "flex",
|
|
13569
13509
|
alignItems: "center",
|
|
13570
13510
|
justifyContent: "center",
|
|
13571
13511
|
cursor: "pointer",
|
|
13572
13512
|
zIndex: 10,
|
|
13573
|
-
width: "
|
|
13574
|
-
height: "
|
|
13513
|
+
width: "32px",
|
|
13514
|
+
height: "32px",
|
|
13575
13515
|
borderRadius: "50%",
|
|
13576
13516
|
border: "none",
|
|
13577
|
-
backgroundColor: "rgba(0, 0, 0, 0.
|
|
13517
|
+
backgroundColor: "rgba(0, 0, 0, 0.25)",
|
|
13578
13518
|
backdropFilter: "blur(4px)",
|
|
13579
|
-
color: "
|
|
13580
|
-
fontSize: "
|
|
13519
|
+
color: "rgba(255,255,255,0.8)",
|
|
13520
|
+
fontSize: "18px",
|
|
13581
13521
|
lineHeight: 1,
|
|
13582
|
-
transition: "
|
|
13522
|
+
transition: "background-color 0.15s ease",
|
|
13583
13523
|
}, children: "\u00D7" }), u$2("div", { style: {
|
|
13584
13524
|
position: "relative",
|
|
13585
13525
|
textAlign: "center",
|
|
13586
13526
|
zIndex: 2,
|
|
13587
|
-
padding: "
|
|
13527
|
+
padding: "20px 24px 24px",
|
|
13588
13528
|
}, children: [u$2("h2", { style: {
|
|
13589
|
-
fontWeight:
|
|
13590
|
-
fontSize: "
|
|
13529
|
+
fontWeight: 700,
|
|
13530
|
+
fontSize: "20px",
|
|
13591
13531
|
color: "white",
|
|
13592
|
-
|
|
13593
|
-
|
|
13594
|
-
filter: "drop-shadow(0 2px 8px rgba(0,0,0,0.3))",
|
|
13532
|
+
letterSpacing: "-0.02em",
|
|
13533
|
+
lineHeight: 1.25,
|
|
13595
13534
|
margin: "0 0 6px 0",
|
|
13596
13535
|
}, children: config.title }), u$2("p", { style: {
|
|
13597
|
-
fontSize: "
|
|
13598
|
-
color: "rgba(255, 255, 255, 0.
|
|
13599
|
-
marginBottom: "20px",
|
|
13536
|
+
fontSize: "14px",
|
|
13537
|
+
color: "rgba(255, 255, 255, 0.85)",
|
|
13600
13538
|
lineHeight: 1.5,
|
|
13601
|
-
margin: "0 0
|
|
13602
|
-
}, children: [config.subtitle, config.discountAmount && (u$2(k$3, { children: [
|
|
13603
|
-
marginBottom: "
|
|
13604
|
-
backgroundColor: "
|
|
13605
|
-
borderRadius: "
|
|
13606
|
-
padding: "
|
|
13607
|
-
|
|
13539
|
+
margin: "0 0 16px 0",
|
|
13540
|
+
}, children: [config.subtitle, config.discountAmount && (u$2(k$3, { children: [" — ", u$2("strong", { style: { color: "white" }, children: [config.discountAmount, " ", t("promo.discount")] })] }))] }), config.discountCode && (u$2("div", { style: {
|
|
13541
|
+
marginBottom: "16px",
|
|
13542
|
+
backgroundColor: "rgba(255,255,255,0.12)",
|
|
13543
|
+
borderRadius: "12px",
|
|
13544
|
+
padding: "12px 16px",
|
|
13545
|
+
border: "1px solid rgba(255,255,255,0.1)",
|
|
13608
13546
|
}, children: [u$2("p", { style: {
|
|
13609
13547
|
textTransform: "uppercase",
|
|
13610
|
-
fontWeight:
|
|
13611
|
-
fontSize: "
|
|
13548
|
+
fontWeight: 500,
|
|
13549
|
+
fontSize: "10px",
|
|
13612
13550
|
letterSpacing: "1.5px",
|
|
13613
|
-
color: "
|
|
13614
|
-
|
|
13615
|
-
margin: "0 0 10px 0",
|
|
13551
|
+
color: "rgba(255,255,255,0.6)",
|
|
13552
|
+
margin: "0 0 8px 0",
|
|
13616
13553
|
}, children: t("promo.giftCode") }), u$2("div", { style: {
|
|
13617
13554
|
display: "flex",
|
|
13618
13555
|
alignItems: "center",
|
|
13619
13556
|
justifyContent: "center",
|
|
13620
|
-
gap: "
|
|
13621
|
-
}, children: [u$2("
|
|
13622
|
-
|
|
13623
|
-
|
|
13624
|
-
|
|
13625
|
-
|
|
13626
|
-
|
|
13627
|
-
|
|
13628
|
-
fontSize: "28px",
|
|
13629
|
-
color: "white",
|
|
13630
|
-
letterSpacing: "6px",
|
|
13631
|
-
filter: "drop-shadow(0 2px 4px rgba(0,0,0,0.2))",
|
|
13632
|
-
}, children: discountCode }) }), u$2("button", { onClick: handleCopyCode, style: {
|
|
13557
|
+
gap: "10px",
|
|
13558
|
+
}, children: [u$2("span", { style: {
|
|
13559
|
+
fontWeight: 800,
|
|
13560
|
+
fontSize: "22px",
|
|
13561
|
+
color: "white",
|
|
13562
|
+
letterSpacing: "4px",
|
|
13563
|
+
fontFamily: "monospace, monospace",
|
|
13564
|
+
}, children: discountCode }), u$2("button", { onClick: handleCopyCode, style: {
|
|
13633
13565
|
display: "flex",
|
|
13634
13566
|
alignItems: "center",
|
|
13635
13567
|
cursor: "pointer",
|
|
13636
13568
|
whiteSpace: "nowrap",
|
|
13637
|
-
padding: "12px
|
|
13638
|
-
borderRadius: "
|
|
13639
|
-
border: "
|
|
13640
|
-
|
|
13641
|
-
|
|
13642
|
-
|
|
13643
|
-
|
|
13569
|
+
padding: "6px 12px",
|
|
13570
|
+
borderRadius: "8px",
|
|
13571
|
+
border: "1px solid rgba(255,255,255,0.2)",
|
|
13572
|
+
backgroundColor: copied
|
|
13573
|
+
? "rgba(34, 197, 94, 0.2)"
|
|
13574
|
+
: "rgba(255,255,255,0.1)",
|
|
13575
|
+
color: copied ? "#86efac" : "rgba(255,255,255,0.8)",
|
|
13576
|
+
fontSize: "12px",
|
|
13644
13577
|
fontWeight: 600,
|
|
13645
13578
|
transition: "all 0.15s ease",
|
|
13646
|
-
gap: "
|
|
13647
|
-
}, children: copied ? (u$2(k$3, { children: ["\u2713 ", t("promo.copied")] })) : (u$2(k$3, { children: [u$2("svg", { width: "
|
|
13579
|
+
gap: "4px",
|
|
13580
|
+
}, children: copied ? (u$2(k$3, { children: ["\u2713 ", t("promo.copied")] })) : (u$2(k$3, { children: [u$2("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: [u$2("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), u$2("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] }), t("promo.copy")] })) })] })] })), config.activities && config.activities.length > 0 && (u$2("div", { style: {
|
|
13648
13581
|
display: "flex",
|
|
13649
13582
|
justifyContent: "center",
|
|
13650
|
-
gap: "
|
|
13651
|
-
marginBottom: "
|
|
13583
|
+
gap: "6px",
|
|
13584
|
+
marginBottom: "16px",
|
|
13652
13585
|
flexWrap: "wrap",
|
|
13653
13586
|
}, children: config.activities.map((activity) => (u$2("span", { style: {
|
|
13654
13587
|
fontWeight: 500,
|
|
13655
|
-
backgroundColor: "rgba(255, 255, 255, 0.
|
|
13656
|
-
|
|
13657
|
-
|
|
13658
|
-
|
|
13659
|
-
|
|
13660
|
-
|
|
13588
|
+
backgroundColor: "rgba(255, 255, 255, 0.1)",
|
|
13589
|
+
padding: "4px 10px",
|
|
13590
|
+
borderRadius: "16px",
|
|
13591
|
+
fontSize: "12px",
|
|
13592
|
+
color: "rgba(255,255,255,0.85)",
|
|
13593
|
+
border: "1px solid rgba(255,255,255,0.08)",
|
|
13661
13594
|
}, children: activity }, activity))) })), u$2("button", { onClick: handleCtaClick, style: {
|
|
13662
13595
|
width: "100%",
|
|
13663
13596
|
display: "flex",
|
|
13664
13597
|
alignItems: "center",
|
|
13665
13598
|
justifyContent: "center",
|
|
13666
13599
|
cursor: "pointer",
|
|
13667
|
-
fontWeight:
|
|
13668
|
-
padding: "
|
|
13669
|
-
borderRadius: "
|
|
13600
|
+
fontWeight: 600,
|
|
13601
|
+
padding: "14px 20px",
|
|
13602
|
+
borderRadius: "12px",
|
|
13670
13603
|
border: "none",
|
|
13671
|
-
color:
|
|
13672
|
-
fontSize: "
|
|
13604
|
+
color: themeConfig.primaryColor,
|
|
13605
|
+
fontSize: "15px",
|
|
13673
13606
|
transition: "all 0.15s ease",
|
|
13674
|
-
gap: "
|
|
13675
|
-
background:
|
|
13676
|
-
boxShadow:
|
|
13677
|
-
}, children: [config.ctaText, u$2("span", { children: "\u2192" })] }), config.validityText && (u$2("p", { style: {
|
|
13678
|
-
|
|
13679
|
-
|
|
13680
|
-
|
|
13681
|
-
margin: "16px 0 0 0",
|
|
13607
|
+
gap: "8px",
|
|
13608
|
+
background: "white",
|
|
13609
|
+
boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
|
|
13610
|
+
}, children: [config.ctaText, u$2("span", { style: { fontSize: "14px" }, children: "\u2192" })] }), config.validityText && (u$2("p", { style: {
|
|
13611
|
+
fontSize: "11px",
|
|
13612
|
+
color: "rgba(255, 255, 255, 0.5)",
|
|
13613
|
+
margin: "12px 0 0 0",
|
|
13682
13614
|
}, children: config.validityText }))] })] }) })] }));
|
|
13683
13615
|
return $$1(dialogContent, portalContainer);
|
|
13684
13616
|
}
|
|
@@ -14724,7 +14656,7 @@
|
|
|
14724
14656
|
}
|
|
14725
14657
|
}
|
|
14726
14658
|
|
|
14727
|
-
var css_248z = ".booking-widget-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;color:var(--bw-text-color,#1e293b);direction:ltr;display:block;font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);isolation:isolate;line-height:1.5;position:relative;text-align:left}.booking-widget-container *,.booking-widget-container :after,.booking-widget-container :before{box-sizing:border-box;margin:0;padding:0}.booking-widget-container input,.booking-widget-container select,.booking-widget-container textarea{font-family:inherit;font-size:inherit;line-height:inherit}.booking-widget-container button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.booking-widget-container a{color:inherit;text-decoration:none}.booking-widget-container img{display:block;height:auto;max-width:100%;vertical-align:middle}.booking-widget-container ol,.booking-widget-container ul{list-style:none}.booking-widget-container h1,.booking-widget-container h2,.booking-widget-container h3,.booking-widget-container h4,.booking-widget-container h5,.booking-widget-container h6{font-size:inherit;font-weight:inherit}#booking-widget-portal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--bw-text-color,#1e293b);direction:ltr;font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);isolation:isolate;line-height:1.5;text-align:left}#booking-widget-portal *,#booking-widget-portal :after,#booking-widget-portal :before{box-sizing:border-box}#booking-widget-portal-root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--bw-text-color,#1e293b);font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);line-height:1.5}:root{--bw-highlight-color:#00b1aa;--bw-highlight-color-rgb:0,177,170;--bw-background-color:#f8fdfe;--bw-surface-color:#fff;--bw-text-color:#0e7490;--bw-text-muted:rgba(14,116,144,.7);--bw-border-color:#bae6fd;--bw-success-color:#38bdf8;--bw-warning-color:#fbbf24;--bw-error-color:#f43f5e;--bw-border-radius:18px;--bw-border-radius-small:calc(var(--bw-border-radius)*0.8);--bw-spacing:16px;--bw-spacing-large:24px;--bw-font-family:\"Inter\",system-ui,sans-serif;--bw-font-size:14px;--bw-font-size-large:18px;--bw-font-size-small:12px;--bw-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--bw-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--bw-highlight-muted:rgba(0,177,170,.1);--bw-highlight-subtle:rgba(0,177,170,.05);--bw-text-subtle:rgba(14,116,144,.4)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes
|
|
14659
|
+
var css_248z = ".booking-widget-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;color:var(--bw-text-color,#1e293b);direction:ltr;display:block;font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);isolation:isolate;line-height:1.5;position:relative;text-align:left}.booking-widget-container *,.booking-widget-container :after,.booking-widget-container :before{box-sizing:border-box;margin:0;padding:0}.booking-widget-container input,.booking-widget-container select,.booking-widget-container textarea{font-family:inherit;font-size:inherit;line-height:inherit}.booking-widget-container button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.booking-widget-container a{color:inherit;text-decoration:none}.booking-widget-container img{display:block;height:auto;max-width:100%;vertical-align:middle}.booking-widget-container ol,.booking-widget-container ul{list-style:none}.booking-widget-container h1,.booking-widget-container h2,.booking-widget-container h3,.booking-widget-container h4,.booking-widget-container h5,.booking-widget-container h6{font-size:inherit;font-weight:inherit}#booking-widget-portal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--bw-text-color,#1e293b);direction:ltr;font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);isolation:isolate;line-height:1.5;text-align:left}#booking-widget-portal *,#booking-widget-portal :after,#booking-widget-portal :before{box-sizing:border-box}#booking-widget-portal-root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--bw-text-color,#1e293b);font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);line-height:1.5}:root{--bw-highlight-color:#00b1aa;--bw-highlight-color-rgb:0,177,170;--bw-background-color:#f8fdfe;--bw-surface-color:#fff;--bw-text-color:#0e7490;--bw-text-muted:rgba(14,116,144,.7);--bw-border-color:#bae6fd;--bw-success-color:#38bdf8;--bw-warning-color:#fbbf24;--bw-error-color:#f43f5e;--bw-border-radius:18px;--bw-border-radius-small:calc(var(--bw-border-radius)*0.8);--bw-spacing:16px;--bw-spacing-large:24px;--bw-font-family:\"Inter\",system-ui,sans-serif;--bw-font-size:14px;--bw-font-size-large:18px;--bw-font-size-small:12px;--bw-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--bw-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--bw-highlight-muted:rgba(0,177,170,.1);--bw-highlight-subtle:rgba(0,177,170,.05);--bw-text-subtle:rgba(14,116,144,.4)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:spin 1s linear infinite}.animate-shimmer{animation:shimmer 2s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fade-in{animation:fade-in .2s ease-out}.animate-slide-in-up{animation:slide-in-up .3s ease-out}.animate-scale-in{animation:scale-in .2s ease-out}.skeleton-shimmer{overflow:hidden;position:relative}.skeleton-shimmer:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.sidebar-mobile{border-radius:0!important;max-width:100%!important;width:100%!important}}@media (max-width:600px){.event-type-list{gap:12px!important;padding:8px!important}.event-type-card{flex:1 1 100%!important;max-width:100%!important;padding:0!important}.event-type-img{height:160px!important}.event-type-title{font-size:1.1rem!important}.event-type-desc{font-size:.8rem!important;max-height:100px!important;min-height:100px!important}.event-type-content{padding:16px 24px!important}}.event-type-markdown{overflow:visible!important}.event-type-markdown p{color:var(--bw-text-muted);font-family:var(--bw-font-family);line-height:1.6;margin:0 0 8px}.event-type-markdown p:last-child{margin-bottom:0}.event-type-markdown h2{font-size:18px!important;font-weight:700!important;margin:12px 0 6px!important}.event-type-markdown h2,.event-type-markdown h3{color:var(--bw-text-color)!important;line-height:1.3!important}.event-type-markdown h3{font-size:16px!important;font-weight:600!important;margin:10px 0 4px!important}.event-type-markdown strong{color:var(--bw-text-color);font-weight:600}.event-type-markdown em{font-style:italic}.event-type-markdown u{text-decoration:underline}.event-type-markdown ul{list-style:none!important;margin:6px 0!important;padding:0 0 0 24px!important;position:relative!important}.event-type-markdown ul li{color:var(--bw-text-muted)!important;font-family:var(--bw-font-family)!important;margin-bottom:2px!important;padding-left:0!important;position:relative!important}.event-type-markdown ul li:before{color:var(--bw-text-color)!important;content:\"•\"!important;font-weight:700!important;left:-16px!important;position:absolute!important;top:0!important}.event-type-markdown ol{counter-reset:list-counter!important;list-style:none!important;margin:6px 0!important;padding:0 0 0 24px!important;position:relative!important}.event-type-markdown ol li{color:var(--bw-text-muted)!important;counter-increment:list-counter!important;font-family:var(--bw-font-family)!important;margin-bottom:2px!important;padding-left:0!important;position:relative!important}.event-type-markdown ol li:before{color:var(--bw-text-color)!important;content:counter(list-counter) \".\"!important;font-weight:700!important;left:-20px!important;position:absolute!important;top:0!important}.event-type-markdown blockquote{border-left:2px solid var(--bw-border-color);color:var(--bw-text-muted);font-style:italic;margin:4px 0;padding-left:12px}.event-type-markdown a{color:var(--bw-highlight-color);text-decoration:underline}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--bw-text-color);font-weight:600;margin-bottom:.5em}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.25em}.markdown-content h3{font-size:1.1em}.markdown-content p{line-height:1.6;margin-bottom:1em}.markdown-content ol,.markdown-content ul{margin-bottom:1em;padding-left:1.5em}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content li{margin-bottom:.25em}.markdown-content a{color:var(--bw-highlight-color);text-decoration:underline}.markdown-content a:hover{opacity:.8}.markdown-content strong{font-weight:600}.markdown-content em{font-style:italic}.markdown-content code{background:var(--bw-highlight-subtle);border-radius:4px;font-family:monospace;font-size:.9em;padding:.125em .25em}.markdown-content blockquote{border-left:3px solid var(--bw-highlight-color);color:var(--bw-text-muted);margin:1em 0;padding-left:1em}.print-only{display:none}.print-hidden{display:block}@media print{.print-only{display:block}.print-hidden{display:none!important}.print-booking-header{border-bottom:2px solid #000;display:block;margin-bottom:24px;padding-bottom:16px;text-align:center}.print-booking-header h1{font-size:24px;margin:0 0 8px}.print-booking-header .subtitle{color:#666;font-size:14px}.print-booking-card{border:1px solid #ccc;border-radius:8px;margin-bottom:16px;padding:16px;page-break-inside:avoid}.print-section-title{border-bottom:1px solid #ddd;display:block;font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.print-detail-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.print-detail-item{margin-bottom:8px}.print-detail-label{color:#666;font-size:12px;margin-bottom:4px}.print-detail-value{font-size:14px;font-weight:600}.print-status-badge{border-radius:9999px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.print-status-paid{background-color:#dcfce7;color:#166534;display:inline-block}.print-participant{align-items:center;background-color:#f9fafb;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px}.print-participant-name{font-weight:600}.print-participant-age{color:#666;font-size:12px}.print-payment-summary{display:block}.print-payment-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:4px 0}.print-payment-row:last-child{border-bottom:none;font-weight:600}.print-footer{border-top:1px solid #ddd;color:#666;display:block;font-size:12px;margin-top:24px;padding-top:16px;text-align:center}.print-footer p{margin:4px 0}}";
|
|
14728
14660
|
styleInject(css_248z);
|
|
14729
14661
|
|
|
14730
14662
|
// Export init function for vanilla JS usage with Preact
|