Version 2.0.1

assets/css/scss/_maps.scss

@@ -0,0 +1,68 @@
+.lsx-map {
+	&.wp-block-group.hidden {
+		display: none;
+	}
+}
+
+.lsx-to-map-marker {
+	-webkit-box-align: start;
+	-ms-flex-align: start;
+	align-items: flex-start;
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-orient: horizontal;
+	-webkit-box-direction: normal;
+	-ms-flex-flow: row nowrap;
+	flex-flow: row nowrap;
+	height: auto;
+	-webkit-box-pack: start;
+	-ms-flex-pack: start;
+	justify-content: flex-start;
+	padding: 5px 0;
+	width: 100%;
+
+	.lsx-to-map-marker-content {
+		-webkit-box-flex: 1;
+		-ms-flex-positive: 1;
+		flex-grow: 1;
+		color: var(--wp--preset--color--contrast);
+
+		&.content-area {
+			margin: 0;
+		}
+
+		.entry-content {
+			margin-top: 10px;
+
+			p {
+				margin-bottom: 0;
+				margin-top: 1.2rem;
+
+				> a.moretag:after {
+					color: inherit;
+					content: '\f178';
+					display: inline-block;
+					font-family: 'FontAwesome';
+					font-size: inherit;
+					margin-right: 5px;
+					text-rendering: auto;
+					-webkit-font-smoothing: antialiased;
+					-moz-osx-font-smoothing: grayscale;
+				}
+			}
+		}
+	}
+
+	.lsx-to-map-marker-img {
+		margin-right: 15px;
+		max-width: 100px;
+		-ms-flex-negative: 0;
+		flex-shrink: 0;
+	}
+
+	.lsx-to-map-marker-title {
+		margin-bottom: 10px;
+		margin-top: 0;
+	}
+}

assets/css/scss/_modals.scss

@@ -0,0 +1,49 @@
+/* The Modal (background) */
+
+
+.lsx-modal {
+	display: none; /* Hidden by default */
+	position: fixed; /* Stay in place */
+	z-index: 1; /* Sit on top */
+	left: 0;
+	top: 0;
+	width: 100%; /* Full width */
+	height: 100%; /* Full height */
+	overflow: auto; /* Enable scroll if needed */
+	background-color: rgb(0,0,0); /* Fallback color */
+	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
+
+	&.open {
+		display: block;
+	}
+
+	/* Modal Content/Box */
+	.modal-content {
+		background-color: #fefefe;
+		margin: 15% auto; /* 15% from the top and centered */
+        padding: 10px 20px;
+        border: 3px solid var(--wp--preset--color--primary);
+        border-radius: 6px;
+		width: var(--wp--style--global--content-size); /* Could be more or less, depending on screen size */
+	}
+
+	/* The Close Button */
+	.close {
+		color: #aaa;
+		float: right;
+		font-size: 32px;
+		font-weight: bold;
+		line-height: 0;
+		height: auto;
+        padding-top: 10px;
+        margin-right: -8px;
+
+		&:hover,
+		&:focus {
+			color: black;
+			text-decoration: none;
+			cursor: pointer;
+		}
+	}
+}
+

assets/css/style.scss

@@ -6,6 +6,8 @@
 @import 'scss/additional';
 @import 'scss/slider';
 @import 'scss/collapse';
+@import 'scss/modals';
+@import 'scss/maps';
 
 .lsx-itinerary-wrapper,
 .lsx-units-wrapper {

assets/js/blocks/general.js

@@ -1,4 +1,3 @@
-// metadata.bindings not handle correctly
 
 wp.domReady(() => {
 
@@ -572,5 +571,73 @@ wp.domReady(() => {
 			renaming: false
 		}
     });
+
+	// Price Block
+	wp.blocks.registerBlockVariation("core/group", {
+		name: "lsx-tour-operator/price",
+		title: "Price",
+		category: 'lsx-tour-operator',
+		icon: 'money-alt',
+		attributes: {
+			metadata: {
+				name: "Price",
+			},
+			align: "wide",
+			layout: {
+				type: "flex",
+				flexWrap: "nowrap",
+			},
+			className: "lsx-price-wrapper",
+			style: {
+				spacing: {
+					blockGap: "5px",
+				},
+			},
+		},
+		innerBlocks: [
+			[
+				"core/paragraph",
+				{
+					padding: {
+						top: "2px",
+						bottom: "2px",
+					},
+					typography: {
+						fontSize: "x-small",
+					},
+					content: "<strong>From:</strong>",
+					className: "has-x-small-font-size",
+				},
+			],
+			[
+				"core/paragraph",
+				{
+					metadata: {
+						bindings: {
+							content: {
+								source: "lsx/post-meta",
+								args: {
+									key: "price"
+								},
+							},
+						},
+					},
+					className: "amount has-primary-color has-text-color has-link-color",
+					padding: {
+						top: "2px",
+						bottom: "2px",
+					},
+					color: {
+						link: "primary-700",
+						text: "primary-700",
+					},
+				},
+			],
+		],
+		isDefault: false,
+		supports: {
+			renaming: false
+		}
+	});
 });