From 247e6e5798e11571b78bf6d83ae4566672b89d77 Mon Sep 17 00:00:00 2001 From: Tony Air Date: Fri, 31 Jan 2020 22:50:22 +0700 Subject: [PATCH] FIX: _ui.map.google markers positions --- ..._SilverShop.Page.CheckoutPageController.css | 8 ++++---- ...verShop.Page.CheckoutPageController.css.map | 2 +- ...p_Site.Controllers.MapElementController.css | 8 ++++---- ...te.Controllers.MapElementController.css.map | 2 +- dist/js/app.js | 2 +- dist/js/app.js.map | 2 +- ...p_SilverShop.Page.CheckoutPageController.js | 2 +- ...lverShop.Page.CheckoutPageController.js.map | 2 +- ...pp_Site.Controllers.MapElementController.js | 2 +- ...ite.Controllers.MapElementController.js.map | 2 +- package.json | 2 +- src/js/_components/drivers/_map.google.js | 18 +++++++++--------- .../_components/drivers/_map.google.marker.js | 14 +++++++------- 13 files changed, 33 insertions(+), 33 deletions(-) diff --git a/dist/css/app_SilverShop.Page.CheckoutPageController.css b/dist/css/app_SilverShop.Page.CheckoutPageController.css index 34cfcf6..8e81933 100644 --- a/dist/css/app_SilverShop.Page.CheckoutPageController.css +++ b/dist/css/app_SilverShop.Page.CheckoutPageController.css @@ -50,7 +50,7 @@ display: -ms-flexbox; display: flex; pointer-events: none; - font-size: .8rem; + font-size: 0.8rem; z-index: 4; line-height: 20px; } @@ -70,8 +70,8 @@ padding: 10px 10px 15px; border-radius: 3px; background: #fff; - min-width: 240px; - min-height: 5rem; + width: 240px; + height: 5rem; -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4); } @@ -81,7 +81,7 @@ right: 0; top: 0; font-size: 2rem; - padding: .5rem; + padding: 0.5rem; border-top-right-radius: 3px; } diff --git a/dist/css/app_SilverShop.Page.CheckoutPageController.css.map b/dist/css/app_SilverShop.Page.CheckoutPageController.css.map index daece4b..cd82387 100644 --- a/dist/css/app_SilverShop.Page.CheckoutPageController.css.map +++ b/dist/css/app_SilverShop.Page.CheckoutPageController.css.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AAyCA;;;ECtCE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEhCA;EACI;EACA;AFmCJ;;AE/BI;EACI;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;EACA;EACA;AFoCR;;AEjCI;;;EAGI;EAAA;MAAA;UAAA;AFuCR;;AEpCI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AFwCR;;AErCI;EACI;EACA;EACA;EACA;EACA;EACA;AFwCR;;AE9CK;;EAUO;EACA;AFyCZ;;AErCI;EACI;EACA;EACA;EACA;AFwCR;;AErCI;EACI;MAAA;EACA;EACA;AFyCR;;AEtCI;EACI;EACA;EACA;EACA;EACA;EACA;AFyCR;;AE/CK;;;;EAYO;UAAA;AF2CZ","file":"css/app_SilverShop.Page.CheckoutPageController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1200px,\n\txxl: 1390px,\n\txxxl: 1590px\n) !default;\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1140px,\n\txxl: 1330px,\n\txxxl: 1560px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n font-size: .8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: .5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n -ms-flex-item-align: center;\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n -webkit-animation: pulse 0.8s linear infinite;\n animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n pointer-events: none;\n font-size: .8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: .5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AAyCA;;;ECtCE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEhCA;EACI;EACA;AFmCJ;;AE/BI;EACI;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;EACA;EACA;AFoCR;;AEjCI;;;EAGI;EAAA;MAAA;UAAA;AFuCR;;AEpCI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AFwCR;;AErCI;EACI;EACA;EACA;EACA;EACA;EACA;AFwCR;;AE9CK;;EAUO;EACA;AFyCZ;;AErCI;EACI;EACA;EACA;EACA;AFwCR;;AErCI;EACI;MAAA;EACA;EACA;AFyCR;;AEtCI;EACI;EACA;EACA;EACA;EACA;EACA;AFyCR;;AE/CK;;;;EAYO;UAAA;AF2CZ","file":"css/app_SilverShop.Page.CheckoutPageController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1200px,\n\txxl: 1390px,\n\txxxl: 1590px\n) !default;\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1140px,\n\txxl: 1330px,\n\txxxl: 1560px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n font-size: 0.8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n width: 240px;\n height: 5rem;\n -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n -ms-flex-item-align: center;\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n -webkit-animation: pulse 0.8s linear infinite;\n animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n pointer-events: none;\n font-size: 0.8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n width: 240px;\n height: 5rem;\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""} \ No newline at end of file diff --git a/dist/css/app_Site.Controllers.MapElementController.css b/dist/css/app_Site.Controllers.MapElementController.css index cc397ff..fdce60b 100644 --- a/dist/css/app_Site.Controllers.MapElementController.css +++ b/dist/css/app_Site.Controllers.MapElementController.css @@ -50,7 +50,7 @@ display: -ms-flexbox; display: flex; pointer-events: none; - font-size: .8rem; + font-size: 0.8rem; z-index: 4; line-height: 20px; } @@ -70,8 +70,8 @@ padding: 10px 10px 15px; border-radius: 3px; background: #fff; - min-width: 240px; - min-height: 5rem; + width: 240px; + height: 5rem; -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4); } @@ -81,7 +81,7 @@ right: 0; top: 0; font-size: 2rem; - padding: .5rem; + padding: 0.5rem; border-top-right-radius: 3px; } diff --git a/dist/css/app_Site.Controllers.MapElementController.css.map b/dist/css/app_Site.Controllers.MapElementController.css.map index 8f3a5b7..039c2ea 100644 --- a/dist/css/app_Site.Controllers.MapElementController.css.map +++ b/dist/css/app_Site.Controllers.MapElementController.css.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AAyCA;;;ECtCE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEhCA;EACI;EACA;AFmCJ;;AE/BI;EACI;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;EACA;EACA;AFoCR;;AEjCI;;;EAGI;EAAA;MAAA;UAAA;AFuCR;;AEpCI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AFwCR;;AErCI;EACI;EACA;EACA;EACA;EACA;EACA;AFwCR;;AE9CK;;EAUO;EACA;AFyCZ;;AErCI;EACI;EACA;EACA;EACA;AFwCR;;AErCI;EACI;MAAA;EACA;EACA;AFyCR;;AEtCI;EACI;EACA;EACA;EACA;EACA;EACA;AFyCR;;AE/CK;;;;EAYO;UAAA;AF2CZ","file":"css/app_Site.Controllers.MapElementController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1200px,\n\txxl: 1390px,\n\txxxl: 1590px\n) !default;\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1140px,\n\txxl: 1330px,\n\txxxl: 1560px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n font-size: .8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: .5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n -ms-flex-item-align: center;\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n -webkit-animation: pulse 0.8s linear infinite;\n animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n pointer-events: none;\n font-size: .8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: .5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AAyCA;;;ECtCE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEhCA;EACI;EACA;AFmCJ;;AE/BI;EACI;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;EACA;EACA;AFoCR;;AEjCI;;;EAGI;EAAA;MAAA;UAAA;AFuCR;;AEpCI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AFwCR;;AErCI;EACI;EACA;EACA;EACA;EACA;EACA;AFwCR;;AE9CK;;EAUO;EACA;AFyCZ;;AErCI;EACI;EACA;EACA;EACA;AFwCR;;AErCI;EACI;MAAA;EACA;EACA;AFyCR;;AEtCI;EACI;EACA;EACA;EACA;EACA;EACA;AFyCR;;AE/CK;;;;EAYO;UAAA;AF2CZ","file":"css/app_Site.Controllers.MapElementController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1200px,\n\txxl: 1390px,\n\txxxl: 1590px\n) !default;\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1140px,\n\txxl: 1330px,\n\txxxl: 1560px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n font-size: 0.8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n width: 240px;\n height: 5rem;\n -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n -ms-flex-item-align: center;\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n -webkit-animation: pulse 0.8s linear infinite;\n animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n pointer-events: none;\n font-size: 0.8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n width: 240px;\n height: 5rem;\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""} \ No newline at end of file diff --git a/dist/js/app.js b/dist/js/app.js index 68d8dd6..9824771 100644 --- a/dist/js/app.js +++ b/dist/js/app.js @@ -1,3 +1,3 @@ /*! For license information please see app.js.LICENSE */ -!function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/srv/dist/repositories/webpack-bootstrap-ui-kit/dist",n(n.s="./src/js/app.js")}({"./node_modules/@a2nt/meta-lightbox/src/js/meta-lightbox.js":function(e,t){!function(e,t,n){var i="metaLightbox",r={effect:"fade",theme:"default",keyboardNav:!0,clickOverlayToClose:!0,onInit:function(){},beforeShowLightbox:function(){},afterShowLightbox:function(e){},beforeHideLightbox:function(){},afterHideLightbox:function(){},onPrev:function(e){},onNext:function(e){},errorMessage:"The requested content cannot be loaded. Please try again later."};function o(t,n){this.options=e.extend({},r,n),this._defaults=r,this._name=i,this.init()}o.prototype={init:function(){var t=this,i=e("html");this.ajaxLoaded=!1,n.MetaLightbox=this,i.hasClass("meta-lightbox-notouch")||i.addClass("meta-lightbox-notouch"),"ontouchstart"in n&&i.removeClass("meta-lightbox-notouch"),e(n).on("click",'[data-toggle="lightbox"],[data-lightbox-gallery]',(function(e){return e.preventDefault(),e.stopPropagation(),t.showLightbox(this),!1})),this.options.keyboardNav&&e("body").off("keyup").on("keyup",n=>{var i=n.keyCode?n.keyCode:n.which;27===i&&t.destructLightbox(),37===i&&e(".meta-lightbox-prev").trigger("click"),39===i&&e(".meta-lightbox-next").trigger("click")}),this.options.onInit.call(this)},showLightbox:function(t){this.el=t,this.$el=e(this.el);var n,i,r,o,a=this;this.options.beforeShowLightbox.call(this),(n=this.constructLightbox())&&(i=n.find(".meta-lightbox-content"))&&(r=this.$el,e("body").addClass(`meta-lightbox-body-effect-${this.options.effect}`),this.processContent(i,r),this.$el.data("lightbox-gallery")&&(1===(o=e(`[data-lightbox-gallery="${this.$el.data("lightbox-gallery")}"]`)).length?e(".meta-lightbox-nav").hide():e(".meta-lightbox-nav").show(),e(".meta-lightbox-prev").off("click").on("click",(function(t){t.preventDefault();var n=o.index(r);r=o.eq(n-1),e(r).length||(r=o.last()),a.processContent(i,r),a.options.onPrev.call(this,[r])})),e(".meta-lightbox-next").off("click").on("click",(function(t){t.preventDefault();var n=o.index(r);r=o.eq(n+1),e(r).length||(r=o.first()),a.processContent(i,r),a.options.onNext.call(this,[r])}))),setTimeout((function(){n.addClass("meta-lightbox-open"),a.options.afterShowLightbox.call(this,[n])}),1))},processContent:function(i,r){var o,a,s,l,c,u,d=this;href=r.attr("href"),href||(href=r.data("href")),i.html("").addClass("meta-lightbox-loading"),this.isHidpi()&&r.data("lightbox-hidpi")&&(href=r.data("lightbox-hidpi")),null!=href.match(/\.(jpeg|jpg|gif|png)$/i)?((o=e("",{src:href})).on("load",()=>{var n=e('
'),r=e(".meta-lightbox-content"),a=e('');a.append(o),n.append(a),n.css({"line-height":`${r.height()}px`,height:`${r.height()}px`}),e(t).resize(()=>{n.css({"line-height":`${r.height()}px`,height:`${r.height()}px`})}),void 0!==a.zoom&&a.zoom(),i.html(n).removeClass("meta-lightbox-loading"),d.contentLoaded()}),o.on("error",()=>{var t=e(`

${d.options.errorMessage}

`);i.html(t).removeClass("meta-lightbox-loading"),d.contentLoaded()}),r.data("title")?d.setTitle(r.data("title")):r.attr("title")?d.setTitle(r.attr("title")):e(".meta-lightbox-title-wrap").html(""),"function"==typeof ga&&ga("send","event","meta","Image Click",href)):(a=href.match(/(youtube|youtube-nocookie|youtu|vimeo)\.(com|be)\/(watch\?v=([\w-]+)|([\w-]+))/))?(s="",l="meta-lightbox-video","youtube"==a[1]&&(s=`https://www.youtube.com/embed/${a[4]}`,l="meta-lightbox-youtube"),"youtu"==a[1]&&(s=`https://www.youtube.com/embed/${a[3]}`,l="meta-lightbox-youtube"),"youtube-nocookie"==a[1]&&(s=`https://www.youtube-nocookie.com/embed/${a[4]}`,l="nivo-lightbox-youtube"),"vimeo"==a[1]&&(s=`https://player.vimeo.com/video/${a[3]}`,l="meta-lightbox-vimeo"),s&&(c=e("