@total_onion/onion-library 1.0.3 → 1.0.5

package/components/block-map-container/map-container.js

@@ -1,230 +0,0 @@
-// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
-export default function mapcontainerJs(options = {}) {
-	try {
-		const {block} = options;
-		const data = block.dataset;
-		
-        const location = { lat: Number(data.latitude), lng: Number(data.longitude) };
-
-		let decodedmapcontent = data.mapcontent.replace(/\\u([0-9A-Fa-f]{4})/g, (match, p1) => String.fromCharCode(parseInt(p1, 16)));
-
-		decodedmapcontent = decodedmapcontent.replace(/\\\//g, '/').replace(/\\n/g, '');
-		
-        const mapStyle = [
-            {
-                "featureType": "water",
-                "elementType": "geometry",
-                "stylers": [
-                    {
-                        "color": "#e9e9e9"
-                    },
-                    {
-                        "lightness": 17
-                    }
-                ]
-            },
-            {
-                "featureType": "landscape",
-                "elementType": "geometry",
-                "stylers": [
-                    {
-                        "color": "#f5f5f5"
-                    },
-                    {
-                        "lightness": 20
-                    }
-                ]
-            },
-            {
-                "featureType": "road.highway",
-                "elementType": "geometry.fill",
-                "stylers": [
-                    {
-                        "color": "#ffffff"
-                    },
-                    {
-                        "lightness": 17
-                    }
-                ]
-            },
-            {
-                "featureType": "road.highway",
-                "elementType": "geometry.stroke",
-                "stylers": [
-                    {
-                        "color": "#ffffff"
-                    },
-                    {
-                        "lightness": 29
-                    },
-                    {
-                        "weight": 0.2
-                    }
-                ]
-            },
-            {
-                "featureType": "road.arterial",
-                "elementType": "geometry",
-                "stylers": [
-                    {
-                        "color": "#ffffff"
-                    },
-                    {
-                        "lightness": 18
-                    }
-                ]
-            },
-            {
-                "featureType": "road.local",
-                "elementType": "geometry",
-                "stylers": [
-                    {
-                        "color": "#ffffff"
-                    },
-                    {
-                        "lightness": 16
-                    }
-                ]
-            },
-            {
-                "featureType": "poi",
-                "elementType": "geometry",
-                "stylers": [
-                    {
-                        "color": "#f5f5f5"
-                    },
-                    {
-                        "lightness": 21
-                    }
-                ]
-            },
-            {
-                "featureType": "poi.park",
-                "elementType": "geometry",
-                "stylers": [
-                    {
-                        "color": "#dedede"
-                    },
-                    {
-                        "lightness": 21
-                    }
-                ]
-            },
-            {
-                "elementType": "labels.text.stroke",
-                "stylers": [
-                    {
-                        "visibility": "on"
-                    },
-                    {
-                        "color": "#ffffff"
-                    },
-                    {
-                        "lightness": 16
-                    }
-                ]
-            },
-            {
-                "elementType": "labels.text.fill",
-                "stylers": [
-                    {
-                        "saturation": 36
-                    },
-                    {
-                        "color": "#333333"
-                    },
-                    {
-                        "lightness": 40
-                    }
-                ]
-            },
-            {
-                "elementType": "labels.icon",
-                "stylers": [
-                    {
-                        "visibility": "off"
-                    }
-                ]
-            },
-            {
-                "featureType": "transit",
-                "elementType": "geometry",
-                "stylers": [
-                    {
-                        "color": "#f2f2f2"
-                    },
-                    {
-                        "lightness": 19
-                    }
-                ]
-            },
-            {
-                "featureType": "administrative",
-                "elementType": "geometry.fill",
-                "stylers": [
-                    {
-                        "color": "#fefefe"
-                    },
-                    {
-                        "lightness": 20
-                    }
-                ]
-            },
-            {
-                "featureType": "administrative",
-                "elementType": "geometry.stroke",
-                "stylers": [
-                    {
-                        "color": "#fefefe"
-                    },
-                    {
-                        "lightness": 17
-                    },
-                    {
-                        "weight": 1.2
-                    }
-                ]
-            }
-        ];
-
-        const map = new google.maps.Map(block.querySelector("#map"), {
-          zoom: 15,
-          center: location,
-          styles: mapStyle,
-          disableDefaultUI: true,
-          zoomControl: false,
-          draggable: false
-        });
-
-        const customIcon = {
-          url: `${data.mapicon}`,
-          scaledSize: new google.maps.Size(71, 71),
-        };
-
-        const marker = new google.maps.Marker({
-          position: location,
-          map: map,
-          icon: customIcon, 
-        });
-
-        const infoContent = `
-          <div>
-            ${decodedmapcontent}
-          </div>
-        `;
-
-		const infoWindow = new google.maps.InfoWindow({
-          content: infoContent,
-          pixelOffset: new google.maps.Size(170, 110)
-        });
-
-        infoWindow.open(map, marker);
-
-        google.maps.event.addListener(infoWindow, 'closeclick', function() {
-          infoWindow.open(map, marker);
-        });
-		
-	} catch (error) {
-		console.error(error);
-	}
-}

package/components/block-map-container/map-container.php

@@ -1,14 +0,0 @@
-<?php
-
-acf_register_block_type(
-	array(
-		'name'            => 'map-container',
-		'title'           => __('Map container', 'Global-theme Admin'),
-		'render_callback' => 'athena_block_render_post_object',
-		'category'        => 'common',
-		'icon'            => get_svg_icon_content('brick.svg'),
-		'keywords'        => array('content', 'text'),
-		'mode'            => 'preview',
-		'supports'        => array('align' => false, 'anchor' => true),
-	)
-);

package/components/block-map-container/map-container.scss

@@ -1,70 +0,0 @@
-// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
-@use 'Assets/scss/modules/library-modules/core-mixins/core-mixins';
-@use 'Assets/scss/modules/library-modules/core-functions/core-functions';
-@use 'Assets/scss/theme/breakpoints';
-@use 'Assets/scss/blocks/map-container/map-container-extra';
-
-.map-container {
-	background: var(--background-colour);
-	&__map{
-		width: 100%;
-		height: core-functions.fluidSize(var(--map-height-mobile), 'mobile');
-		@include core-mixins.device(breakpoints.$tabPortrait) {
-			height: core-functions.fluidSize(var(--map-height-tablet), 'portrait');
-		}
-		@include core-mixins.device(breakpoints.$tabLandscape) {
-			height: core-functions.fluidSize(var(--map-height), 'desktop');
-		}
-		pointer-events: all;
-	}
-
-	.gm-style img{
-		cursor: default !important;
-	}
-
-	.gm-style-iw-chr button{
-		display: none !important;
-	}
-
-	.gm-style .gm-style-iw-c{
-		box-shadow: unset;
-		border: core-functions.fluidSize(1, 'static') solid #946A4F;
-		font-size: core-functions.fluidSize(14, 'static');
-		overflow: visible;
-	}
-
-	.gm-style-iw-d p{
-		padding: core-functions.fluidSize(6, 'static') core-functions.fluidSize(12, 'static');
-		&:before{
-			background: white;
-			border-bottom: core-functions.fluidSize(1, 'static') solid #946a4f;
-			border-left: core-functions.fluidSize(1, 'static') solid #946a4f;
-			border-bottom-left-radius: core-functions.fluidSize(8, 'static');
-			content:'';
-			display: block;
-			height: core-functions.fluidSize(30, 'static');
-			margin: core-functions.fluidSize(25, 'static') 0 0 core-functions.fluidSize(-40, 'static');
-			position: absolute;
-			transform: rotate(45deg);
-			width: core-functions.fluidSize(30, 'static');
-		}
-	}
-
-	.gm-style .gm-style-iw-tc{
-		display: none;
-		filter: unset;
-		width: 0; 
-		height: 0; 
-		border-top: core-functions.fluidSize(10, 'static') solid transparent;
-		border-bottom: core-functions.fluidSize(10, 'static') solid transparent; 
-		border-right: core-functions.fluidSize(10, 'static') solid #946a4f;
-		position: fixed;
-		left: core-functions.fluidSize(48, 'static');
-		top: core-functions.fluidSize(-50, 'static');
-		&:after{
-			display: none;
-		}
-	}
-	
-	@include map-container-extra.additionalStyles();
-}

package/components/block-map-container/map-container.twig

@@ -1,35 +0,0 @@
-{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
-{% set blockClassName = "map-container" %}
-{% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields, block }, with_context = false) %}
-{% set htmlEntryPoint = include('entry-points/entry-point-html.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus }, with_context = false) %}
-{% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields, block }, with_context = false) %}
-{% set styleEntryPoint = include('entry-points/entry-point-style.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
-{% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
-
-{% set mapHeight = '--map-height:' ~ fields.map_height ~ ';' %}
-{% set mapHeightTablet = '--map-height-tablet:' ~ fields.map_height_tablet ~ ';' %}
-{% set mapHeightMobile = '--map-height-mobile:' ~ fields.map_height_mobile ~ ';' %}
-
-{% set backgroundColour = '--background-colour:' ~ fields.background_colour ~ ';' %}
-
-{% set sectionStyles =  styleEntryPoint ~ mapHeight ~ mapHeightTablet ~ mapHeightMobile ~ backgroundColour %}
-
-{% set dataLatitude = 'data-latitude="' ~ fields.latitude ~ '"' %}
-{% set dataLongitude = 'data-longitude="' ~ fields.longitude ~ '"' %}
-{% set dataMapIcon = 'data-mapicon="' ~ fields.map_icon ~ '"' %}
-{% set dataMapContent = 'data-mapcontent=' ~ fields.map_content|e('js') ~ '' %}
-
-{% set sectionAttributes = dataLatitude ~ dataLongitude ~ dataMapIcon ~ dataMapContent %}
-
-<style>
-	.{{blockClassName}}.{{block.id}}{
-		{{sectionStyles}}
-	}
-</style>
-
-<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="map-container {{blockClassName}} {{block.className}} {{classNameEntryPoint}} lazy-fade {{block.id}}" {{dataAttributeEntryPoint}} {{sectionAttributes}} data-assetkey="{{blockClassName}}">
-
-<script src="https://maps.googleapis.com/maps/api/js?key={{ fields.api_key }}"></script>
-	<div id="map" class="{{blockClassName}}__map"></div>
-	{{htmlEntryPoint}}
-</section>