Plugin Directory

Changeset 3408063


Ignore:
Timestamp:
12/02/2025 01:44:48 PM (4 months ago)
Author:
oyatek
Message:

Automated sync of project folder with SVN trunk, including deletions

Location:
mapsvg-lite-interactive-vector-maps/trunk
Files:
23 added
6 deleted
30 edited

Legend:

Unmodified
Added
Removed
  • mapsvg-lite-interactive-vector-maps/trunk/README.txt

    r3400143 r3408063  
    44Requires at least: 5.0
    55Tested up to: 6.8
    6 Stable tag: 8.7.23
     6Stable tag: 8.8.0
    77Requires PHP: 7.4
    88License: GPLv2 or later
     
    348348* Fixed: XSS vulnerability in shortcode attributes
    349349
     350= 8.8.0 =
     351* Feature: Isolate CSS to shadow root (optional)
     352* Fixed: blurred map on zoom in Safari
     353
     354
    350355== Upgrade Notice ==
    351356
  • mapsvg-lite-interactive-vector-maps/trunk/css/mapsvg-admin.css

    r3328024 r3408063  
    2727  color: #ddd !important;
    2828}
    29 #mapsvg-dashboard input[type="text"] {
     29#mapsvg-admin input[type="text"] {
    3030  padding: 6px 12px;
    3131  line-height: 24px;
     
    4444  border-radius: 0.2rem;
    4545} */
     46
     47.btn-group-xs > .btn,
     48.btn-xs {
     49  padding: 1px 5px;
     50  font-size: 12px;
     51  line-height: 1.5;
     52  border-radius: 3px;
     53}
    4654
    4755#mapsvg-admin-row {
     
    912920}
    913921
    914 input[type="number"]::-webkit-outer-spin-button,
    915 input[type="number"]::-webkit-inner-spin-button {
     922#mapsvg-admin input[type="number"]::-webkit-outer-spin-button,
     923#mapsvg-admin input[type="number"]::-webkit-inner-spin-button {
    916924  -webkit-appearance: none;
    917925  margin: 0;
    918926}
    919927
    920 input[type="number"] {
     928#mapsvg-admin input[type="number"] {
    921929  -moz-appearance: textfield;
    922930}
     
    954962}
    955963
    956 .select2-container--default.select2-container--focus .select2-selection--multiple {
     964#mapsvg-admin
     965  .mapsvg-panel-right
     966  .select2-container--default.select2-container--focus
     967  .select2-selection--multiple {
    957968  border-color: rgb(221, 221, 221) !important;
    958969}
    959970
    960 .select2-container--default .select2-selection--multiple {
     971#mapsvg-admin .select2-container--default .select2-selection--multiple {
    961972  border-color: rgb(221, 221, 221) !important;
    962973}
    963 .select2-container--disabled {
     974#mapsvg-admin .select2-container--disabled {
    964975  pointer-events: none;
    965976  cursor: not-allowed;
    966977}
    967978
    968 .select2-container .select2-selection--single {
    969   height: 35px !important;
     979#mapsvg-admin .select2-container .select2-selection--single {
     980  height: 35px;
    970981  /*padding: 3px 0;*/
    971982  outline: none;
    972   border-color: #ccc !important;
    973 }
    974 
    975 .select2-container--default .select2-selection--single .select2-selection__arrow {
     983  border: 1px solid #e5e5e5;
     984}
     985
     986#mapsvg-admin
     987  .mapsvg-panel-right
     988  .select2-container--default
     989  .select2-selection--single
     990  .select2-selection__arrow {
    976991  height: 32px !important;
    977992}
  • mapsvg-lite-interactive-vector-maps/trunk/dist/form-builder.html

    r3390133 r3408063  
    887887</script>
    888888<script type="text/x-handlebars-template" id="mapsvg-filters-tmpl-radio-view">
    889   <div class="form-group mb-3 ">
     889  <div class="form-group">
    890890         <label class="col-sm-3 col-form-label mapsvg-filter-label">{{label}}</label>
    891891
  • mapsvg-lite-interactive-vector-maps/trunk/dist/mapsvg-bundle.css

    r3400143 r3408063  
    1 .mapsvg-marker{transition:transform .4s}.no-transitions-bubbles .mapsvg-marker-bubble,.no-transitions-bubbles .mapsvg-region-bubble,.no-transitions-labels .mapsvg-marker-label,.no-transitions-labels .mapsvg-region-label,.no-transitions-markers .mapsvg-marker,.no-transitions-markers .mapsvg-marker-cluster{transition:none}.mapsvg-marker{cursor:pointer;left:0;max-width:none!important;position:absolute;top:0;z-index:1}.mapsvg-marker *{pointer-events:none}.mapsvg-marker-hidden{display:none!important;pointer-events:none}.mapsvg-marker-edit-mode .mapsvg-marker{opacity:1}.mapsvg-marker-edit-mode .mapsvg-marker-cluster{display:none}.mapsvg-marker-visible{display:block!important}.mapsvg-marker-label{bottom:100%;font-family:Helvetica,sans-serif;left:50%;margin-top:3px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:transform .4s}.mapsvg-user-location{pointer-events:none}.mapsvg-out-of-sight{display:none!important}.mapsvg-marker-label:empty{display:none}.mapsvg-filters-reset-container{display:flex;flex-grow:0!important}.mapsvg-filters-reset-container button{align-self:flex-end;transform:translateY(1px)}.mapsvg-filters-wrap{height:100%}.mapsvg-filters-wrap,.mapsvg-filters-wrap *{box-sizing:border-box}.mapsvg-details-container .mapsvg-form-builder{padding:0!important}.mapsvg-filters-wrap .mapsvg-controller-view-content{padding:0}.mapsvg-footer .mapsvg-filters-wrap,.mapsvg-header .mapsvg-filters-wrap,.mapsvg-sidebar .mapsvg-filters-wrap{width:100%}.mapsvg-directory-search-wrap .mapsvg-form-builder{padding:10px}.mapsvg-header .mapsvg-data-form-view{max-width:100%}.mapsvg-address-search{height:35px!important;width:100%!important}.mapsvg-filters-wrap,.mapsvg-filters-wrap input,.select2-results{color:#333!important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:14px!important;line-height:1.42857143!important}.select2-search,.select2-selection__choice{margin-bottom:0}.mapsvg-filters-wrap input[type=text],.select2-search__field{background-color:#fff!important;border-color:#ccc!important;border-radius:4px!important;border-width:1px;color:#333!important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:14px!important;height:35px!important;line-height:1.42857143!important;outline:none!important;padding:0 10px!important}.select2-selection--multiple .select2-search__field{border:0!important;height:auto!important;padding:0!important}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:32px!important}.form-switch .form-check-label{line-height:35px;padding-left:7px}.mapsvg-filters-wrap .form-group{margin-bottom:15px}.mapsvg-filters-wrap .form-group:last-child{margin-bottom:0}#mapsvg-admin-content-filters-structure .mapsvg-data-preview .mapsvg-filter-label,.mapsvg-filters-wrap .mapsvg-filter-label{color:#aaa;display:block;font-weight:400;line-height:12px;margin:0 0 4px;text-align:left;text-transform:none}.mapsvg-directory .mapsvg-filters-wrap label{margin-top:10px}.mapsvg-filters-wrap .form-group:first-child label{margin-top:0}.mapsvg-filters-wrap .select2-container .select2-selection--single{border-color:#ccc;height:35px}.mapsvg-filters-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:35px}.mapsvg-filters-wrap .select2-container--default .select2-selection--single .select2-selection__arrow{height:35px}.mapsvg-filters-wrap .mapsvg-show-filters{display:flex;flex-direction:column-reverse;text-align:center}.mapsvg-footer .mapsvg-filters-wrap .mapsvg-data-form-view,.mapsvg-header .mapsvg-filters-wrap .mapsvg-data-form-view{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:0}.mapsvg-footer .mapsvg-form-builder,.mapsvg-header .mapsvg-form-builder{margin:-5px}.mapsvg-footer .mapsvg-filters-wrap .mapsvg-data-form-view>.form-group,.mapsvg-header .mapsvg-filters-wrap .mapsvg-data-form-view>.form-group{align-self:flex-end;flex-grow:1;flex-shrink:1;margin:5px}.mapsvg-footer .mapsvg-show-filters,.mapsvg-header .mapsvg-show-filters{flex-grow:0!important}#mapsvg-admin-content-filters-structure .mapsvg-data-preview [class*=" col-"],#mapsvg-admin-content-filters-structure .mapsvg-data-preview [class^=col-],.mapsvg-filters-wrap [class*=" col-"],.mapsvg-filters-wrap [class^=col-]{float:none;padding:0;width:auto}.mapsvg-details-container.mapsvg-filters-wrap .mapsvg-data-form-view{background-color:transparent}.mapsvg-footer .mapsvg-distance-fields,.mapsvg-header .mapsvg-distance-fields{display:flex;flex-direction:row}.mapsvg-footer .mapsvg-distance-fields>div:first-child,.mapsvg-header .mapsvg-distance-fields>div:first-child{flex-grow:2;margin-right:5px}.mapsvg-distance-fields>.mapsvg-distance-field-2{margin-top:5px}.mapsvg-distance-fields.search-by-zip .tt-menu{display:none!important}.mapsvg-footer .mapsvg-distance-fields>.mapsvg-distance-field-2,.mapsvg-header .mapsvg-distance-fields>.mapsvg-distance-field-2{margin-top:0}.mapsvg-btn,.mapsvg-wrap-all .btn{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;height:35px;line-height:1.42857143;margin-bottom:0;padding:6px 12px;text-align:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;width:auto}.mapsvg-btn:hover,.mapsvg-wrap-all .btn:hover{background-color:#e6e6e6;border-color:#adadad;color:#333;text-decoration:none}.mapsvg-btn:active,.mapsvg-wrap-all .btn:active{background-color:#e6e6e6;background-image:none;border-color:#adadad;box-shadow:inset 0 3px 5px rgba(0,0,0,.125);color:#333;outline:0}.mapsvg-directory-search{border:1px solid #ccc;bottom:0;box-sizing:border-box;color:#333!important;display:block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:14px!important;font-weight:400;height:35px;left:0;line-height:1.42857143!important;padding:3px 15px;position:absolute;right:0;top:0;width:100%}.mapsvg-filter-btn-ok{display:none}.typeahead{background-color:#fff}.twitter-typeahead{display:block!important}input.typeahead.form-control.tt-input{background-color:#fff!important}.twitter-typeahead{width:100%}.tt-hint,.tt-input{outline:none;width:100%}.tt-hint{color:#999}.tt-menu{background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.2);margin-top:0;width:100%}.tt-suggestion{padding:3px 15px}.tt-suggestion.tt-cursor,.tt-suggestion.tt-selectable:hover{background-color:#0097cf;color:#fff;cursor:pointer}.tt-suggestion p{margin:0}.distance-search-wrap .spinner-border,.twitter-typeahead .spinner-border{position:absolute;right:10px;top:10px}.distance-search-wrap{position:relative}.distance-search-wrap.with-user-location-button .mapsvg-address-search{padding-right:30px!important}.distance-search-wrap .user-location-button{cursor:pointer;display:none;height:14px;opacity:.8;position:absolute;right:10px;top:11px;width:14px}.distance-search-wrap .user-location-button:hover{opacity:.6}.distance-search-wrap.with-user-location-button .user-location-button{display:block}.mapsvg.mapsvg-cursor-pointer .mapsvg-region{cursor:pointer}.mapsvg-disabled,.mapsvg.mapsvg-disabled-regions .mapsvg-region{-webkit-touch-callout:none;cursor:default;pointer-events:none;-webkit-user-select:none}.mapsvg-region-label{background:#ffffffbb;border-radius:15px;font-family:Helvetica,sans-serif;font-size:11px;left:0;padding:2px 12px;pointer-events:none;position:absolute;top:0;transition:transform .4s,opacity .4s}.mapsvg-region-label:empty{display:none}.mapsvg-tooltip{background-color:#fff;border:1px solid #eee;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-sizing:border-box;color:#000;font-family:Helvetica,Arial;font-size:12px;font-weight:400;max-width:600px;pointer-events:none;position:absolute;text-align:left;transition:opacity .1s ease-out;z-index:999999}.mapsvg-tooltip:empty{display:none}.mapsvg-tooltip .mapsvg-controller-view-content{padding:4px 7px}.mapsvg-tooltip *{box-sizing:border-box}.mapsvg-tooltip.mapsvg-tt-top{transform:translate(-50%,-100%) translateY(-10px)}.mapsvg-tooltip.mapsvg-tt-left{transform:translate(-100%,-50%) translateX(-10px)}.mapsvg-tooltip.mapsvg-tt-bottom{transform:translate(-50%,25px)}.mapsvg-tooltip.mapsvg-tt-right{transform:translate(15px,-50%)}.mapsvg-tooltip.mapsvg-tt-top-left{transform:translate(-100%,-100%) translate(10px,-10px)}.mapsvg-tooltip.mapsvg-tt-top-right{transform:translateY(-100%) translateY(-10px)}.mapsvg-tooltip.mapsvg-tt-bottom-left{transform:translate(-100%,25px) translateX(10px)}.mapsvg-tooltip.mapsvg-tt-bottom-right{transform:translateY(25px)}.mapsvg-tooltip img{max-width:100%}.mapsvg{height:100px;overflow:hidden;position:relative}.mapsvg-wrap-all{flex-grow:1;text-align:left}.mapsvg-wrap,.mapsvg-wrap-all,.mapsvg-wrap-all *{box-sizing:border-box}.mapsvg-wrap{margin:0!important;max-width:100%!important;position:relative}.mapsvg *,.mapsvg-wrap *{-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;outline:none!important;touch-action:manipulation}.mapsvg.mapsvg-responsive{height:auto;width:100%}.mapsvg text,.mapsvg tspan{pointer-events:none}.mapsvg svg{height:auto;max-height:none!important;max-width:none!important;position:relative;transform-origin:0 0;-webkit-transform-origin:0 0;transition:transform .4s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mapsvg svg:not([width]){min-width:-moz-min-content;min-width:min-content}.mapsvg svg:not([height]){min-height:-moz-min-content;min-height:min-content}.mapsvg-relative{position:relative!important}.mapsvg-absolute{position:absolute!important}.mapsvg-fixed{position:fixed!important}.mapsvg.no-transitions *,.no-transitions{transition:none!important}.mapsvg-bubble,.mapsvg-scrollpane{transition:transform .4s}.mapsvg-scrollpane{transform-origin:0 0}.mapsvg-scrollpane,.mapsvg-scrollpane-wrap{bottom:0;left:0;position:absolute;right:0;top:0}.mapsvg-with-google-map.mapsvg-google-map-loading .mapsvg-scrollpane,.mapsvg-with-google-map.mapsvg-google-map-loading svg{opacity:0}.mapsvg-google-map-loading.mapsvg-fade-in .mapsvg-scrollpane,.mapsvg-google-map-loading.mapsvg-fade-in svg{opacity:1;transition:opacity .3s ease-out!important}.mapsvg-with-google-map .mapsvg-marker,.mapsvg-with-google-map .mapsvg-marker-cluster,.mapsvg-with-google-map .mapsvg-popover,.mapsvg-with-google-map .mapsvg-scrollpane,.mapsvg-with-google-map svg{-webkit-animation:none!important;transition:none;transition-property:none!important}.mapsvg-with-google-map.scrolling *{
    2   /*!* These doesn't affect anything, but, just in case. *!*/animation:none!important;transition-property:none!important;transition:none}.mapsvg.scrolling .mapsvg-scrollpane{transition:none}.mapsvg.mapsvg-scrollable{cursor:move;cursor:grab;cursor:-webkit-grab}.mapsvg.scrolling{cursor:grabbing;cursor:-webkit-grabbing}.mapsvg-loading{background:#f5f5f2;border:1px solid #ccc;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.2);left:50%;line-height:11px;padding:7px 10px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:100}.mapsvg-loading-text{color:#999;display:inline-block;font-family:Helvetica,sans-serif;font-size:12px!important}.mapsvg-loading .spinner-border{color:#888;display:inline-block;margin:0 5px 0 auto}.mapsvg-buttons{margin:10px;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.mapsvg-buttons.right{right:0}.mapsvg-buttons.left{left:0}.mapsvg-btn,.mapsvg-btn-map{background-color:#fff;border-radius:2px;cursor:pointer;display:block;height:24px;line-height:24px;padding:0;position:relative;width:24px}.mapsvg-btn-map{box-shadow:0 0 5px #999;overflow:hidden}.mapsvg-btn-location{text-align:center;vertical-align:middle}.mapsvg-btn-location svg{display:block;margin:50% auto 0;opacity:.7;pointer-events:none;transform:translateY(-50%);width:12px}.mapsvg-btn-zoom-reset{text-align:center;vertical-align:middle}.mapsvg-btn-zoom-reset svg{display:block;margin:50% auto 0;opacity:.7;pointer-events:none;transform:translateY(-50%);width:12px}.mapsvg-btn-group{box-shadow:0 0 5px #999;margin-bottom:10px}.mapsvg-btn-group>.mapsvg-btn-map{box-shadow:none}.mapsvg-btn-map:hover,.mapsvg-btn:hover{background-color:#f2f2f2}.mapsvg-btn-map.mapsvg-in{border-bottom:1px solid #ddd;border-bottom-left-radius:0;border-bottom-right-radius:0}.mapsvg-btn-map.mapsvg-out{border-top-left-radius:0;border-top-right-radius:0}.mapsvg-btn-back:before{color:#999;content:"&lsaquo;";display:block;font-size:14px;height:24px;line-height:24px;pointer-events:none;position:absolute;width:24px}.mapsvg-btn-map.mapsvg-in:before,.mapsvg-btn-map.mapsvg-out:before{background-color:#999;content:"";display:block;height:1px;left:6px;pointer-events:none;position:absolute;top:11px;width:12px}.mapsvg-btn-map.mapsvg-in:after{background-color:#999;content:"";display:block;height:12px;left:11px;pointer-events:none;position:absolute;top:6px;width:1px}.mapsvg-choropleth-legend{background-color:#fff;border-radius:3px;bottom:50px;box-shadow:0 0 8px 0 rgba(0,0,0,.5);color:#666;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:15px!important;max-width:50%;min-width:10%;overflow:hidden;padding:0;position:absolute;right:10px;z-index:2}.mapsvg-wrap{display:flex;flex-flow:row}.mapsvg-top-container{position:relative}.mapsvg-sidebar{flex-basis:250px}.mapsvg-sidebar.mapsvg-sidebar-left .mapsvg-form-builder{padding-right:10px}.mapsvg-sidebar.mapsvg-sidebar-right .mapsvg-form-builder{padding-left:10px}.mapsvg-header .mapsvg-form-builder{padding-bottom:10px}.mapsvg-footer .mapsvg-form-builder{padding-top:10px}.mapsvg-controller-view{height:100%;pointer-events:auto;position:relative}.mapsvg-controller-view-wrap.nano{bottom:0;left:0;position:absolute;right:0;top:0}.mapsvg-controller-view-content{box-sizing:border-box;padding:15px}.mapsvg-controller-no-padding .mapsvg-controller-view-content{padding:0}.mapsvg-mobile-buttons{background-color:#eee;display:none;height:50px;position:relative}.mapsvg-button-menu{color:#222;left:50%;right:0}.mapsvg-button-map,.mapsvg-button-menu{border:1px solid #ddd;bottom:0;cursor:pointer;display:none;line-height:50px;position:absolute;text-align:center;top:0}.mapsvg-button-map{border-right:0;box-sizing:border-box;color:#444;left:0;right:50%}.mapsvg-button-map:hover,.mapsvg-button-menu:hover{background-color:#e2e2e2}.mapsvg-button-map.active,.mapsvg-button-menu.active{background-color:#ccc;border-color:#ccc;color:#fff}.mapsvg-wrap .mapsvg{flex:1 0;min-width:0}.mapsvg-filter-tags{padding:10px}.mapsvg>.mapsvg-filter-tags{position:absolute}.mapsvg-filter-tags:empty{display:none}.mapsvg-footer .mapsvg-filter-tags,.mapsvg-header .mapsvg-filter-tags{padding:0 0 10px}.mapsvg-filter-tag{background:#ddd;border-radius:5px;color:#666;display:inline-block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;line-height:27px;margin-right:4px;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mapsvg-filter-delete{color:#444;display:inline-block;font-size:16px;padding-left:3px}.mapsvg-filter-delete:hover{color:#999;cursor:pointer}.mapsvg-map-container{flex-grow:1;position:relative}.mapsvg-layers-wrap{z-index:2}.mapsvg-layer,.mapsvg-layers-wrap{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.mapsvg-layer>*{pointer-events:all}.mapsvg-layer-gm,.mapsvg-layer.mapsvg-layer-labels>*{pointer-events:none}.mapsvg-layer-gm img{max-width:none;opacity:1}.mapsvg-layer-markers{display:block;height:100%;position:absolute;width:100%}.mapsvg-pagination .pager{list-style:none;margin:20px 0;padding-left:0;text-align:center}.mapsvg-with-pagination .mapsvg-pagination .pager{display:block}.mapsvg-pagination .pager li{display:inline-block;margin:0 2px}.mapsvg-pagination .pager li>a,.mapsvg-pagination .pager li>span{background-color:#fff;border:1px solid #ddd;border-radius:15px;box-shadow:none;display:inline-block;font-family:Helvetica;font-size:13px;line-height:1.5;padding:5px 14px;text-decoration:none}.mapsvg-pagination .pager li>a:focus,.mapsvg-pagination .pager li>a:hover{background-color:#eee;text-decoration:none}.mapsvg-pagination .pager .next>a,.mapsvg-pagination .pager .next>span{float:right}.mapsvg-pagination .pager .previous>a,.mapsvg-pagination .pager .previous>span{float:left}.mapsvg-pagination .pager .disabled>a,.mapsvg-pagination .pager .disabled>a:focus,.mapsvg-pagination .pager .disabled>a:hover,.mapsvg-pagination .pager .disabled>span{background-color:#fff;color:#ccc;cursor:not-allowed}.mapsvg-pagination li.disabled{pointer-events:none}.mapsvg>.mapsvg-pagination{bottom:10px;left:7px;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.mapsvg>.mapsvg-pagination ul{margin:0}.mapsvg-filter-label:empty{display:none}.mapsvg-layers-control{font-size:12px;height:100%;max-width:200px;padding:10px;position:absolute;text-align:left;z-index:2}.mapsvg-layers-control.closed{pointer-events:none}.mapsvg-layers-control.closed .mapsvg-layers-label{pointer-events:all}.mapsvg-layers-control{pointer-events:none}.mapsvg-layers-control.mapsvg-top-left{left:0;top:0}.mapsvg-layers-control.mapsvg-top-right{right:0;top:0}.mapsvg-layers-control.mapsvg-bottom-right{bottom:0;right:0}.mapsvg-layers-control.mapsvg-bottom-left{bottom:0;left:0}.mapsvg-layers-control .mapsvg-layers-label{background:hsla(0,0%,100%,.7);cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;height:23px;line-height:23px;padding:0 7px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mapsvg-layers-label{pointer-events:all}.mapsvg-layers-label:after{border-bottom:4px dashed;border-bottom:4px solid\9;border-left:4px solid transparent;border-right:4px solid transparent;border-top:0;content:"";display:inline-block;height:0;margin-left:2px;vertical-align:middle;width:0}.mapsvg-layers-control.closed .mapsvg-layers-list-wrap{display:none}.mapsvg-layers-control.closed .mapsvg-layers-label:after{border-bottom:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px dashed;border-top:4px solid\9;content:"";display:inline-block;height:0;margin-left:2px;vertical-align:middle;width:0}.mapsvg-layers-list-wrap{bottom:10px;left:10px;position:absolute;right:10px;top:33px}.mapsvg-layers-list-wrap .nano{height:100%!important}.mapsvg-layers-list{pointer-events:none}.mapsvg-layers-item{background:hsla(0,0%,100%,.7);cursor:pointer;padding:3px 7px;pointer-events:all;text-align:left}.mapsvg-layers-item label{cursor:pointer}.mapsvg-floors-control{font-size:12px;height:100%;max-width:200px;padding:10px;pointer-events:none;position:absolute;text-align:left}.mapsvg-floors-control.mapsvg-top-left{left:0;top:0}.mapsvg-floors-control.mapsvg-top-right{right:0;top:0}.mapsvg-floors-control.mapsvg-bottom-right{bottom:0;right:0}.mapsvg-floors-control.mapsvg-bottom-left{bottom:0;left:0}.mapsvg-floors-control .mapsvg-floors-label{background:hsla(0,0%,100%,.7);cursor:pointer;height:23px;line-height:23px;padding:0 7px}.mapsvg-floors-label{pointer-events:all}.mapsvg-floors-label:after{border-bottom:4px dashed;border-bottom:4px solid\9;border-left:4px solid transparent;border-right:4px solid transparent;border-top:0;content:"";display:inline-block;height:0;margin-left:2px;vertical-align:middle;width:0}.mapsvg-floors-control.closed .mapsvg-floors-list-wrap{display:none}.mapsvg-floors-control.closed .mapsvg-floors-label:after{border-bottom:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px dashed;border-top:4px solid\9;content:"";display:inline-block;height:0;margin-left:2px;vertical-align:middle;width:0}.mapsvg-floors-list-wrap{bottom:10px;left:10px;position:absolute;right:10px;top:33px}.mapsvg-floors-list-wrap .nano{height:100%!important}.mapsvg-floors-item{background:hsla(0,0%,100%,.7);cursor:pointer;padding:3px 7px;pointer-events:all;text-align:left}.mapsvg-floors-item label{cursor:pointer}.mapsvg-no-results{color:#666;font-family:Helvetica,"sans-serif";font-size:14px;font-weight:400;padding:10px}.mapsvg-layers-item{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mapsvg-btn-previous-map svg{display:block;margin:1px auto;opacity:.7;pointer-events:none;width:22px}@media (max-width:812px){.select2-container{z-index:10000}.mapsvg-sidebar{flex-grow:1}.mapsvg-top-container{display:none}.mapsvg-layers-control{left:auto!important}.mapsvg-btn-map{height:32px;line-height:32px;width:32px}.mapsvg-btn-map.mapsvg-in:before,.mapsvg-btn-map.mapsvg-out:before{height:1px;left:6px;top:15px;width:20px}.mapsvg-btn-map.mapsvg-in:after{height:21px;left:15px;top:6px;width:1px}.mapsvg-btn-map svg{width:15px}.mapsvg-mobile-buttons{display:block;margin:0!important}.mapsvg-hide-map-list-buttons .mapsvg-mobile-buttons{display:none}.mapsvg-directory-visible .mapsvg-sidebar-left,.mapsvg-directory-visible .mapsvg-sidebar-right{flex-basis:0!important}.mapsvg-button-map,.mapsvg-button-menu{display:block}.mapsvg-wrap{padding-left:0!important;padding-right:0!important}.mapsvg-controller-view{width:100%!important}.mapsvg-btn-previous-map svg{margin:4px auto;width:25px}}@font-face{font-family:mapsvg-icons;font-style:normal;font-weight:400;src:url(../css/font/mapsvg-icons.eot?98971180);src:url(../css/font/mapsvg-icons.eot?98971180#iefix) format("embedded-opentype"),url(../css/font/mapsvg-icons.woff2?98971180) format("woff2"),url(../css/font/mapsvg-icons.woff?98971180) format("woff"),url(../css/font/mapsvg-icons.ttf?98971180) format("truetype"),url(../css/font/mapsvg-icons.svg?98971180#mapsvg-icons) format("svg")}[class*=" mapsvg-icon-"]:before,[class^=mapsvg-icon-]:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:mapsvg-icons;font-style:normal;font-variant:normal;font-weight:400;line-height:1em;margin-left:.2em;margin-right:.2em;text-align:center;text-decoration:inherit;text-transform:none;width:1em}.mapsvg-icon-menu:before{content:"\f0c9"}.mapsvg-icon-map:before{content:"\f278"}iframe.mapsvg-iframe-post,iframe.mapsvg-iframe-shortcode{border:0;overflow:hidden}.mapsvg-hidden{display:none}.mapsvg-invisible{opacity:0}.mapsvg-invisible,.mapsvg-invisible *{pointer-events:none}.mapsvg-bubble{background-color:transparent;border:1px solid #000;border-radius:50%;color:#000;line-height:23px;text-align:center;vertical-align:middle}.mapsvg:not(.bubbles-database-on) .mapsvg-marker-bubble,.mapsvg:not(.bubbles-regions-on) .mapsvg-region-bubble{display:none}.mapsvg.bubbles-database-on .mapsvg-marker{border-radius:50%}.mapsvg-bubble.mapsvg-empty{display:none}@keyframes spinner-border{to{transform:rotate(1turn)}}.spinner-border{animation:spinner-border .75s linear infinite;border:.25em solid;border-radius:50%;border-right:.25em solid transparent;display:inline-block;height:2rem;vertical-align:text-bottom;width:2rem}.spinner-border-sm{border-width:2px;height:1rem;width:1rem}.mapsvg-choropleth-source-field{background-color:#fff;border-radius:3px;bottom:10px;box-shadow:0 0 8px 0 rgba(0,0,0,.5);color:#666;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px!important;font-weight:400;line-height:15px!important;max-width:50%;min-width:167px;padding:0;position:absolute;right:10px;z-index:2}.mapsvg-choropleth-source-field select{width:100%}.mapsvg-coloring-subitem-label{font-weight:700;margin-bottom:0;padding-top:7px;text-align:right}.mapsvg-coloring-subitem-content{border-left:1px solid #999}.mapsvg-coloring-no-data,.mapsvg-coloring-palette-out-of-range,.mapsvg-coloring-pallete-color{margin-bottom:20px;padding:10px 0}.mapsvg-choropleth-segment-details{background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.5);padding:5px 10px;position:absolute}.bubbles-database-on .mapsvg-marker img{display:none!important}.mapsvg-choropleth-legend>*{font-size:12px;margin:10px}.mapsvg-choropleth-legend-vertical .mapsvg-choropleth-legend-gradient-colors{color:#000;display:flex;flex-flow:column;height:50%;justify-content:space-evenly;width:30%}.mapsvg-choropleth-legend-vertical .mapsvg-choropleth-legend-gradient-no-data{color:#000;display:flex;flex-flow:row;height:auto;justify-content:center;margin-bottom:10px;text-align:center;width:30%}.mapsvg-choropleth-legend-horizontal .mapsvg-choropleth-legend-gradient{color:#000;display:flex;flex-flow:row;height:30%;justify-content:space-between;width:auto}.mapsvg-choropleth-legend-horizontal .mapsvg-choropleth-legend-gradient-colors{color:#000;display:flex;flex-flow:row;justify-content:space-evenly;width:85%}.mapsvg-choropleth-legend-horizontal .mapsvg-choropleth-legend-gradient-no-data{color:#000;display:flex;flex-flow:column;height:auto;justify-content:center;text-align:center;width:12%}.mapsvg-choropleth-legend-title{font-weight:700}.mapsvg-choropleth-legend-container-top-right{bottom:unset;right:50px;top:10px}.mapsvg-choropleth-legend-container-top-left{bottom:unset;left:10px;right:unset;top:10px}.mapsvg-choropleth-legend-container-bottom-left{bottom:10px;left:10px;right:unset}.mapsvg-choropleth-legend-gradient-colors>div{align-items:center;display:flex;justify-content:center}.mapsvg-choropleth-legend-vertical .mapsvg-choropleth-legend-palette{display:flex;flex-flow:column-reverse}.mapsvg-choropleth-legend-vertical .mapsvg-choropleth-legend-palette-color-wrap[data-idx=no-data],.mapsvg-choropleth-legend-vertical .mapsvg-choropleth-legend-palette-color-wrap[data-idx=out-of-range]{margin-top:25px}.mapsvg.bubbles-database-on .mapsvg-choropleth-legend-palette-color-wrap[data-idx=no-data],.mapsvg.bubbles-regions-on .mapsvg-choropleth-legend-palette-color-wrap[data-idx=no-data]{display:none}.mapsvg-choropleth-legend-horizontal .mapsvg-choropleth-legend-palette{display:flex;flex-flow:row}.mapsvg-choropleth-legend-horizontal .mapsvg-choropleth-legend-palette-color-wrap{display:flex;flex-flow:column;margin-right:20px;width:60px}.mapsvg-choropleth-legend-vertical .mapsvg-choropleth-legend-palette-color-wrap{display:flex;flex-flow:row}.mapsvg-choropleth-legend-palette-color{display:block;height:45px;min-height:45px;min-width:45px;width:45px}.mapsvg-choropleth-legend-horizontal .mapsvg-choropleth-legend-palette-color{margin-bottom:10px}.mapsvg-choropleth-legend-vertical .mapsvg-choropleth-legend-palette-color{margin-right:10px}.mapsvg-choropleth-legend-palette-color-description{display:flex;flex-flow:column;justify-content:center}.mapsvg-gauge{background-color:#fff;border-radius:3px;bottom:10px;box-shadow:0 0 8px 0 rgba(0,0,0,.5);color:#666;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px!important;font-weight:400;line-height:15px!important;max-width:50%;min-width:10%;padding:0;position:absolute;right:10px;z-index:10}.mapsvg-gauge table{border:0;margin:0;padding:0;width:auto}.mapsvg-gauge .mapsvg-gauge-gradient{min-width:100px}.mapsvg-gauge table tr{border:0!important}.mapsvg-gauge table td{border:0!important;padding:2px 7px}.form-text:empty{display:none}.btn-group-xs>.btn,.btn-xs{border-radius:3px;font-size:12px;line-height:1.5;padding:1px 5px}input[type=checkbox].ios8-switch{display:none;margin:8px 0 0 16px;position:absolute}input[type=checkbox].ios8-switch+label{font-weight:400;line-height:2em;padding:5px 0 0 50px;position:relative}input[type=checkbox].ios8-switch+label:before{width:40px}input[type=checkbox].ios8-switch+label:after,input[type=checkbox].ios8-switch+label:before{background:#fff;border:1px solid #d9d9d9;border-radius:16px;content:"";display:block;height:24px;left:0;position:absolute;top:0;transition:all .3s}input[type=checkbox].ios8-switch+label:after{width:24px}input[type=checkbox].ios8-switch+label:hover:after{box-shadow:0 0 5px rgba(0,0,0,.3)}input[type=checkbox].ios8-switch:checked+label:after{margin-left:16px}input[type=checkbox].ios8-switch:checked+label:before{background:#55d069}input[type=checkbox].ios8-switch-sm{margin:5px 0 0 10px}input[type=checkbox].ios8-switch-sm+label{line-height:1.3em;padding:0 0 0 32px;position:relative}input[type=checkbox].ios8-switch-sm+label:before{border-radius:10px;height:15px;width:25px}input[type=checkbox].ios8-switch-sm+label:after{border-radius:10px;height:15px;width:15px}input[type=checkbox].ios8-switch-sm+label:hover:after{box-shadow:0 0 3px rgba(0,0,0,.3)}input[type=checkbox].ios8-switch-sm:checked+label:after{margin-left:10px}input[type=checkbox].ios8-switch-lg{margin:10px 0 0 20px}input[type=checkbox].ios8-switch-lg+label{line-height:2.3em;padding:7px 0 0 60px;position:relative}input[type=checkbox].ios8-switch-lg+label:before{border-radius:20px;height:30px;width:50px}input[type=checkbox].ios8-switch-lg+label:after{border-radius:20px;height:30px;width:30px}input[type=checkbox].ios8-switch-lg+label:hover:after{box-shadow:0 0 8px rgba(0,0,0,.3)}input[type=checkbox].ios8-switch-lg:checked+label:after{margin-left:20px}.radio .disabled{pointer-events:none}@media screen and (max-width:767px){.mapsvg-controller-container.mapsvg-fullscreen-sm{border:none!important;bottom:0;box-shadow:none!important;height:auto!important;left:0;margin:0!important;max-height:none!important;max-width:none!important;position:fixed!important;right:0;top:0;transform:none!important;width:100%!important;z-index:999999999}.mapsvg-controller-container.mapsvg-fullscreen-sm .mapsvg-popover-close{display:none}.mapsvg-controller-container.mapsvg-fullscreen-sm .mapsvg-mobile-modal-close{display:block}}@media screen and (min-width:768px) and (max-width:1024px){.mapsvg-controller-container.mapsvg-fullscreen-md{border:none!important;bottom:0;box-shadow:none!important;height:auto!important;left:0;margin:0!important;max-height:none!important;max-width:none!important;position:fixed!important;right:0;top:0;transform:none!important;width:100%!important;z-index:999999999}.mapsvg-controller-container.mapsvg-fullscreen-md .mapsvg-mobile-modal-close{display:none}.mapsvg-controller-container.mapsvg-fullscreen-md .mapsvg-popover-close{display:block}}@media screen and (min-width:1025px){.mapsvg-controller-view-content{padding-bottom:80px}.mapsvg-controller-container.mapsvg-fullscreen-lg{border:none!important;bottom:0;box-shadow:none!important;height:auto!important;left:0;margin:0!important;max-height:none!important;max-width:none!important;position:fixed!important;right:0;top:0;transform:none!important;width:100%!important;z-index:999999999}.mapsvg-controller-container.mapsvg-fullscreen-lg .mapsvg-mobile-modal-close{display:none}.mapsvg-controller-container.mapsvg-fullscreen-lg .mapsvg-popover-close{display:block}}body.mapsvg-modal-fullscreen{overflow:hidden}.mapsvg-popover-close{cursor:pointer;display:inline-block;height:50px;overflow:hidden;position:absolute;right:5px;top:5px;transform:scale(.45);transform-origin:100% 0;-webkit-transform-origin:100% 0;width:50px;z-index:1200}.mapsvg-popover-close:hover:after,.mapsvg-popover-close:hover:before{background:#666}.mapsvg-popover-close:after,.mapsvg-popover-close:before{background:#000;content:"";height:2px;left:0;margin-top:-1px;position:absolute;top:50%;width:100%}@-moz-document url-prefix(){.mapsvg-popover-close:after,.mapsvg-popover-close:before{height:3px}}.mapsvg-popover-close:before{transform:rotate(45deg)}.mapsvg-popover-close:after{transform:rotate(-45deg)}.mapsvg-popover-close.big{transform:scale(3)}.mapsvg-popover-close.hairline:after,.mapsvg-popover-close.hairline:before{height:2px}.mapsvg-popover-close.thick:after,.mapsvg-popover-close.thick:before{height:4px;margin-top:-2px}.mapsvg-popover-close.black:after,.mapsvg-popover-close.black:before{height:8px;margin-top:-4px}.mapsvg-popover-close.heavy:after,.mapsvg-popover-close.heavy:before{height:12px;margin-top:-6px}.mapsvg-popover-close.pointy:after,.mapsvg-popover-close.pointy:before{left:-50%;width:200%}.mapsvg-popover-close.rounded:after,.mapsvg-popover-close.rounded:before{border-radius:5px}.mapsvg-popover-close.blades:after,.mapsvg-popover-close.blades:before{border-radius:5px 0}.mapsvg-popover-close.warp:after,.mapsvg-popover-close.warp:before{border-radius:120% 0}.mapsvg-popover-close.fat:after,.mapsvg-popover-close.fat:before{border-radius:100%}.mapsvg-container-custom .mapsvg-popover-close{display:none}.mapsvg-controller-view-content img{max-width:100%}.mapsvg-imageTitle-content{align-items:center;display:flex}.mapsvg-imageTitle-image{flex-shrink:0;margin-right:10px;width:40px}.mapsvg-imageTitle-image img{border-radius:20px}.mapsvg-imageTitle-title{flex-grow:1}.mapsvg-details-flex{display:flex;flex-flow:column}.mapsvg-details-hero{text-align:center}.mapsvg-details-hero-image{margin:0 -30px}.mapsvg-details-list{display:flex;flex-flow:column;gap:10px;margin-top:30px}.mapsvg-details-list-item{display:flex;flex-flow:row}.mapsvg-details-list-item-image{border-radius:3px;flex-shrink:0;margin-right:15px;width:100px}.mapsvg-details-flex img{margin-bottom:20px}.mapsvg-details-address{color:#bbb;margin-bottom:5px}.mapsvg-details-category{color:#aaa}.tt-menu.tt-open{z-index:999999999}.mapsvg-details-container{-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;background-color:#fff;box-sizing:border-box;outline:none!important;touch-action:manipulation}.mapsvg-details-container *{box-sizing:border-box}body.admin-bar .mapsvg-details-container.mapsvg-container-fullscreen{top:32px}@media screen and (max-width:782px){body.admin-bar .mapsvg-details-container.mapsvg-container-fullscreen{top:46px}}.mapsvg-details-container.mapsvg-filters-wrap .mapsvg-controller-view-content{padding:10px 10px 80px}.mapsvg-details-container:after{content:" ";height:100%;position:absolute;right:-15px;top:0;width:15px}.mapsvg-details-container{bottom:0;left:0;max-height:100%;overflow:hidden;position:absolute;right:0;top:0;z-index:3}.mapsvg-details-container.mapsvg-absolute{position:absolute}.mapsvg-details-container .mapsvg-controller-view{bottom:0;left:0;position:absolute;right:0;top:0}.mapsvg-details-container.mapsvg-relative,.mapsvg-details-container.mapsvg-relative .mapsvg-controller-view{position:relative!important}.mapsvg-details-container.top{pointer-events:none;z-index:3}.mapsvg-details-container:empty{display:none}.mapsvg-details-container .mapsvg-controller-view-toolbar{height:28px;padding:0}.mapsvg-details-back{background:url(../img/left.png);background-size:cover;cursor:pointer;height:25px;left:0;right:auto;width:25px}.mapsvg-popover{-webkit-tap-highlight-color:transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:#fff;border:1px solid #fff;border-radius:5px;bottom:100%;box-shadow:0 4px 15px 1px rgba(0,0,0,.5);box-sizing:border-box;color:#000;font-family:Helvetica,sans-serif;font-size:12px;margin-bottom:6px;max-height:300px;max-width:100%;min-height:55px;min-width:100px;outline:none!important;position:absolute;touch-action:manipulation;transform:translate(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transition:transform .4s,opacity .2s;width:250px;z-index:2}body.mapsvg-modal-fullscreen .mapsvg-popover{border:none;bottom:0;box-shadow:none;height:100%;margin:0;max-height:none;max-width:none;min-height:none;min-width:none;transform:none;width:100%}.mapsvg-popover *{box-sizing:border-box}.mapsvg-popover .nano>.nano-content{overflow-x:auto!important}.mapsvg-popover img{max-width:100%}.mapsvg-popover .mapsvg-controller-view{bottom:0;left:0;position:absolute;right:0;top:0}.mapsvg-popover .mapsvg-controller-view-toolbar+.mapsvg-controller-view-wrap .mapsvg-controller-view-content{padding-top:0}.mapsvg-popover .mapsvg-controller-view-toolbar{height:20px}.mapsvg-popover .mapsvg-popover-content{overflow-y:auto}.mapsvg-popover:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #fff;border-top-color:inherit;bottom:-7px;content:"";display:block;left:50%;margin-left:-7px;position:absolute}.mapsvg-popover.mapsvg-popover-visible{display:block}.mapsvg-popover.mapsvg-popover-animate{animation:fade-in .2s linear 1}@media (max-width:812px){body.mapsvg-fullscreen-popovers .mapsvg-popover{border:1px solid #e5e5e5;border-radius:0;bottom:0!important;box-shadow:none;height:100%;left:0!important;max-height:100%!important;max-width:100%!important;min-height:100%;position:fixed;right:0!important;top:0!important;transform:none!important;width:100%!important;z-index:999999999}body.mapsvg-fullscreen-popovers .mapsvg-popover.mapsvg-popover-animate{transition:none!important}body>.mapsvg-popover{border:none;border-radius:0;box-shadow:none;font-family:inherit;font-size:inherit}body>.mapsvg-popover:before{display:none!important}body.mapsvg-fullscreen-popovers .mapsvg-popover .mapsvg-controller-view-content{padding-bottom:80px}.mapsvg-popover .mapsvg-controller-view-toolbar{height:38px;padding:0}.mapsvg-popover-close{right:3px!important;top:3px!important;transform:scale(.5);z-index:999}}.mapsvg-object-clusterized{display:none}.mapsvg-marker-cluster{background:#008ff7;-webkit-background-clip:padding-box;background-clip:padding-box;border:5px solid rgba(0,143,247,.55);border-radius:50%;box-sizing:border-box;color:#333;font-family:Helvetica,Arial;font-size:12px;font-weight:400;height:30px;left:0;line-height:20px;position:absolute;text-align:center;top:0;transition:transform .4s;width:30px}.mapsvg-marker-cluster:hover{background:#80b4ff;-webkit-background-clip:padding-box;background-clip:padding-box;cursor:pointer}.mapsvg-controller{display:block;opacity:1;pointer-events:auto}.mapsvg-auto-height{position:relative}.mapsvg-controller-view-toolbar{box-sizing:border-box}.mapsvg-controller-view-toolbar:empty{display:none}.mapsvg-controller-view-toolbar:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}.mapsvg-mobile-modal-close{background:#2196f3;border:1px solid #ccc;border-radius:21px;bottom:30px;color:#fff;display:none;font-size:16px;font-weight:700;left:50%;line-height:40px;outline:none;padding:0 20px;position:absolute;transform:translateX(-50%)}
     1.mapsvg-marker{transition:transform .4s}.no-transitions-bubbles .mapsvg-marker-bubble,.no-transitions-bubbles .mapsvg-region-bubble,.no-transitions-labels .mapsvg-marker-label,.no-transitions-labels .mapsvg-region-label,.no-transitions-markers .mapsvg-marker,.no-transitions-markers .mapsvg-marker-cluster{transition:none}.mapsvg-marker{cursor:pointer;left:0;max-width:none!important;position:absolute;top:0;z-index:1}.mapsvg-marker *{pointer-events:none}.mapsvg-marker-hidden{display:none!important;pointer-events:none}.mapsvg-marker-edit-mode .mapsvg-marker{opacity:1}.mapsvg-marker-edit-mode .mapsvg-marker-cluster{display:none}.mapsvg-marker-visible{display:block!important}.mapsvg-marker-label{bottom:100%;font-family:Helvetica,sans-serif;left:50%;margin-top:3px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:transform .4s}.mapsvg-user-location{pointer-events:none}.mapsvg-out-of-sight{display:none!important}.mapsvg-marker-label:empty{display:none}.mapsvg-filters-reset-container{display:flex;flex-grow:0!important}.mapsvg-filters-reset-container button{align-self:flex-end;transform:translateY(1px)}.mapsvg-address-search{height:35px!important;width:100%!important}.mapsvg-filters-wrap,.mapsvg-filters-wrap input,.select2-results{color:#333!important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:14px!important;line-height:1.42857143!important}.select2-search,.select2-selection__choice{margin-bottom:0}.mapsvg-filters-wrap input[type=text],.select2-search__field{background-color:#fff!important;border:1px solid #e5e5e5!important;border-radius:4px!important;color:#333!important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:14px!important;height:35px!important;line-height:1.42857143!important;outline:none!important;padding:0 10px!important}.select2-selection--multiple .select2-search__field{border:0!important;height:auto!important;padding:0!important}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:32px!important}.form-switch .form-check-label{line-height:35px;padding-left:7px}.mapsvg-filters-wrap .form-group{margin-bottom:15px}.mapsvg-filters-wrap .form-group:last-child{margin-bottom:0}#mapsvg-admin-content-filters-structure .mapsvg-data-preview .mapsvg-filter-label,.mapsvg-filters-wrap .mapsvg-filter-label{color:#aaa;display:block;font-weight:400;line-height:12px;margin:0 0 4px;text-align:left;text-transform:none}.mapsvg-directory .mapsvg-filters-wrap label{margin-top:10px}.mapsvg-filters-wrap .form-group:first-child label{margin-top:0}.mapsvg-filters-wrap .select2-container .select2-selection--single{border:1px solid #e5e5e5;height:35px}.mapsvg-filters-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:35px}.mapsvg-filters-wrap .select2-container--default .select2-selection--single .select2-selection__arrow{height:35px}.mapsvg-filters-wrap .mapsvg-show-filters{display:flex;flex-direction:column-reverse;text-align:center}.mapsvg-footer .mapsvg-filters-wrap .mapsvg-data-form-view,.mapsvg-header .mapsvg-filters-wrap .mapsvg-data-form-view{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:0}.mapsvg-footer .mapsvg-form-builder,.mapsvg-header .mapsvg-form-builder{margin:-5px}.mapsvg-footer .mapsvg-filters-wrap .mapsvg-data-form-view>.form-group,.mapsvg-header .mapsvg-filters-wrap .mapsvg-data-form-view>.form-group{align-self:flex-end;flex-grow:1;flex-shrink:1;margin:5px}.mapsvg-footer .mapsvg-show-filters,.mapsvg-header .mapsvg-show-filters{flex-grow:0!important}#mapsvg-admin-content-filters-structure .mapsvg-data-preview [class*=" col-"],#mapsvg-admin-content-filters-structure .mapsvg-data-preview [class^=col-],.mapsvg-filters-wrap [class*=" col-"],.mapsvg-filters-wrap [class^=col-]{float:none;padding:0;width:auto}.mapsvg-details-container.mapsvg-filters-wrap .mapsvg-data-form-view{background-color:transparent}.mapsvg-footer .mapsvg-distance-fields,.mapsvg-header .mapsvg-distance-fields{display:flex;flex-direction:row}.mapsvg-footer .mapsvg-distance-fields>div:first-child,.mapsvg-header .mapsvg-distance-fields>div:first-child{flex-grow:2;margin-right:5px}.mapsvg-distance-fields>.mapsvg-distance-field-2{margin-top:5px}.mapsvg-distance-fields.search-by-zip .tt-menu{display:none!important}.mapsvg-footer .mapsvg-distance-fields>.mapsvg-distance-field-2,.mapsvg-header .mapsvg-distance-fields>.mapsvg-distance-field-2{margin-top:0}.mapsvg-btn,.mapsvg-wrap-all .btn{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;height:35px;line-height:1.42857143;margin-bottom:0;padding:6px 12px;text-align:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;width:auto}.mapsvg-btn:hover,.mapsvg-wrap-all .btn:hover{background-color:#e6e6e6;border-color:#adadad;color:#333;text-decoration:none}.mapsvg-btn:active,.mapsvg-wrap-all .btn:active{background-color:#e6e6e6;background-image:none;border-color:#adadad;box-shadow:inset 0 3px 5px rgba(0,0,0,.125);color:#333;outline:0}.mapsvg-directory-search{border:1px solid #e5e5e5;border-radius:4px;bottom:0;box-sizing:border-box;color:#333!important;display:block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:14px!important;font-weight:400;height:35px;left:0;line-height:1.42857143!important;padding:3px 15px;position:absolute;right:0;top:0;width:100%}.mapsvg-directory-search:active,.mapsvg-directory-search:focus{-webkit-appearance:none!important;border:1px solid #e5e5e5!important;border:0;box-shadow:none;outline:0!important}.mapsvg-filter-btn-ok{display:none}.typeahead{background-color:#fff}.twitter-typeahead{display:block!important}input.typeahead.form-control.tt-input{background-color:#fff!important}.twitter-typeahead{width:100%}.tt-hint,.tt-input{outline:none;width:100%}.tt-hint{color:#999}.tt-menu{background-color:#fff;border:1px solid #e5e5e5;border:1px solid rgba(0,0,0,.2);border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.2);margin-top:0;width:100%}.tt-suggestion{padding:3px 15px}.tt-suggestion.tt-cursor,.tt-suggestion.tt-selectable:hover{background-color:#0097cf;color:#fff;cursor:pointer}.tt-suggestion p{margin:0}.distance-search-wrap .spinner-border,.twitter-typeahead .spinner-border{position:absolute;right:10px;top:10px}.distance-search-wrap{position:relative}.distance-search-wrap.with-user-location-button .mapsvg-address-search{padding-right:30px!important}.distance-search-wrap .user-location-button{cursor:pointer;display:none;height:14px;opacity:.8;position:absolute;right:10px;top:11px;width:14px}.distance-search-wrap .user-location-button:hover{opacity:.6}.distance-search-wrap.with-user-location-button .user-location-button{display:block}.select2-dropdown.select2-dropdown--below{border:1px solid #e5e5e5;border-top:0;box-shadow:0 15px 15px rgba(0,0,0,.2)}.mapsvg-directory-search-wrap-margin{height:34px;position:relative}.mapsvg.mapsvg-cursor-pointer .mapsvg-region{cursor:pointer}.mapsvg-disabled,.mapsvg.mapsvg-disabled-regions .mapsvg-region{-webkit-touch-callout:none;cursor:default;pointer-events:none;-webkit-user-select:none}.mapsvg-region-label{background:#ffffffbb;border-radius:15px;font-family:Helvetica,sans-serif;font-size:11px;left:0;padding:2px 12px;pointer-events:none;position:absolute;top:0;transition:transform .4s,opacity .4s}.mapsvg-region-label:empty{display:none}.mapsvg-details-container{-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;background-color:#fff;box-sizing:border-box;outline:none!important;touch-action:manipulation}.mapsvg-details-container *{box-sizing:border-box}.mapsvg-details-container.mapsvg-filters-wrap .mapsvg-controller-view-content{padding:10px 10px 80px}.mapsvg-details-container:after{content:" ";height:100%;position:absolute;right:-15px;top:0;width:15px}.mapsvg-details-container{bottom:0;left:0;max-height:100%;overflow:hidden;position:absolute;right:0;top:0;z-index:3}.mapsvg-details-container.mapsvg-absolute{position:absolute}.mapsvg-details-container .mapsvg-controller-view{bottom:0;left:0;position:absolute;right:0;top:0}.mapsvg-details-container.mapsvg-relative,.mapsvg-details-container.mapsvg-relative .mapsvg-controller-view{position:relative!important}.mapsvg-details-container.top{pointer-events:none;z-index:3}.mapsvg-details-container:empty{display:none}.mapsvg-details-container .mapsvg-controller-view-toolbar{height:28px;padding:0}.mapsvg-details-back{background:url(../img/left.png);background-size:cover;cursor:pointer;height:25px;left:0;right:auto;width:25px}.mapsvg-controller{display:block;opacity:1;pointer-events:auto}.mapsvg-popover-close{cursor:pointer;display:inline-block;height:50px;overflow:hidden;position:absolute;right:5px;top:5px;transform:scale(.45);transform-origin:100% 0;-webkit-transform-origin:100% 0;width:50px;z-index:1200}.mapsvg-popover-close:hover:after,.mapsvg-popover-close:hover:before{background:#666}.mapsvg-popover-close:after,.mapsvg-popover-close:before{background:#000;content:"";height:2px;left:0;margin-top:-1px;position:absolute;top:50%;width:100%}@-moz-document url-prefix(){.mapsvg-popover-close:after,.mapsvg-popover-close:before{height:3px}}.mapsvg-popover-close:before{transform:rotate(45deg)}.mapsvg-popover-close:after{transform:rotate(-45deg)}.mapsvg-popover-close.big{transform:scale(3)}.mapsvg-popover-close.hairline:after,.mapsvg-popover-close.hairline:before{height:2px}.mapsvg-popover-close.thick:after,.mapsvg-popover-close.thick:before{height:4px;margin-top:-2px}.mapsvg-popover-close.black:after,.mapsvg-popover-close.black:before{height:8px;margin-top:-4px}.mapsvg-popover-close.heavy:after,.mapsvg-popover-close.heavy:before{height:12px;margin-top:-6px}.mapsvg-popover-close.pointy:after,.mapsvg-popover-close.pointy:before{left:-50%;width:200%}.mapsvg-popover-close.rounded:after,.mapsvg-popover-close.rounded:before{border-radius:5px}.mapsvg-popover-close.blades:after,.mapsvg-popover-close.blades:before{border-radius:5px 0}.mapsvg-popover-close.warp:after,.mapsvg-popover-close.warp:before{border-radius:120% 0}.mapsvg-popover-close.fat:after,.mapsvg-popover-close.fat:before{border-radius:100%}.mapsvg-container-custom .mapsvg-popover-close{display:none}.mapsvg-controller-view-content img{max-width:100%}.mapsvg-controller-view-toolbar{box-sizing:border-box}.mapsvg-controller-view-toolbar:empty{display:none}.mapsvg-controller-view-toolbar:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}.mapsvg-mobile-modal-close{background:#2196f3;border:1px solid #ccc;border-radius:21px;bottom:30px;color:#fff;display:none;font-size:16px;font-weight:700;left:50%;line-height:40px;outline:none;padding:0 20px;position:absolute;transform:translateX(-50%)}body.admin-bar .mapsvg-controller-container.mapsvg-fullscreen{top:32px}@media screen and (max-width:782px){body.admin-bar .mapsvg-controller-container.mapsvg-fullscreen{top:46px}}.mapsvg-controller-container.mapsvg-fullscreen{border:none;box-shadow:none!important;height:100%!important;inset:0!important;margin:0!important;max-height:none!important;max-width:none!important;position:fixed!important;transform:none!important;transition:none!important;width:100%!important;z-index:2147483631!important}@media screen and (max-width:767px){.mapsvg-controller-container.mapsvg-fullscreen .mapsvg-mobile-modal-close{display:block}.mapsvg-controller-container.mapsvg-fullscreen .mapsvg-controller-view-toolbar,.mapsvg-controller-container.mapsvg-fullscreen .mapsvg-popover-close{display:none}}.mapsvg{height:100px;overflow:hidden;position:relative}.mapsvg-wrap-all{flex-grow:1;text-align:left}.mapsvg-wrap,.mapsvg-wrap-all,.mapsvg-wrap-all *{box-sizing:border-box}.mapsvg-wrap{margin:0!important;max-width:100%!important;position:relative}.mapsvg *,.mapsvg-wrap *{-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;outline:none!important;touch-action:manipulation}.mapsvg.mapsvg-responsive{height:auto;width:100%}.mapsvg text,.mapsvg tspan{pointer-events:none}.mapsvg svg{height:auto;max-height:none!important;max-width:none!important;position:relative;transform-origin:0 0;-webkit-transform-origin:0 0;transition:transform .4s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mapsvg svg:not([width]){min-width:-moz-min-content;min-width:min-content}.mapsvg svg:not([height]){min-height:-moz-min-content;min-height:min-content}.mapsvg-relative{position:relative!important}.mapsvg-absolute{position:absolute!important}.mapsvg-fixed{position:fixed!important}.mapsvg.no-transitions *,.no-transitions{transition:none!important}.mapsvg-bubble,.mapsvg-scrollpane{transition:transform .4s}.mapsvg-scrollpane{transform-origin:0 0}.mapsvg-scrollpane,.mapsvg-scrollpane-wrap{bottom:0;left:0;position:absolute;right:0;top:0}.mapsvg-with-google-map.mapsvg-google-map-loading .mapsvg-scrollpane,.mapsvg-with-google-map.mapsvg-google-map-loading svg{opacity:0}.mapsvg-google-map-loading.mapsvg-fade-in .mapsvg-scrollpane,.mapsvg-google-map-loading.mapsvg-fade-in svg{opacity:1;transition:opacity .3s ease-out!important}.mapsvg-with-google-map .mapsvg-marker,.mapsvg-with-google-map .mapsvg-marker-cluster,.mapsvg-with-google-map .mapsvg-popover,.mapsvg-with-google-map .mapsvg-scrollpane,.mapsvg-with-google-map svg{-webkit-animation:none!important;transition:none;transition-property:none!important}.mapsvg-with-google-map.scrolling *{
     2  /*!* These doesn't affect anything, but, just in case. *!*/animation:none!important;transition-property:none!important;transition:none}.mapsvg.scrolling .mapsvg-scrollpane{transition:none}.mapsvg.mapsvg-scrollable{cursor:move;cursor:grab;cursor:-webkit-grab}.mapsvg.scrolling{cursor:grabbing;cursor:-webkit-grabbing}.mapsvg-loading{background:#f5f5f2;border:1px solid #ccc;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.2);left:50%;line-height:11px;padding:7px 10px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:100}.mapsvg-loading-text{color:#999;display:inline-block;font-family:Helvetica,sans-serif;font-size:12px!important}.mapsvg-loading .spinner-border{color:#888;display:inline-block;margin:0 5px 0 auto}.mapsvg-buttons{margin:10px;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.mapsvg-buttons.right{right:0}.mapsvg-buttons.left{left:0}.mapsvg-btn,.mapsvg-btn-map{background-color:#fff;border-radius:2px;cursor:pointer;display:block;height:24px;line-height:24px;padding:0;position:relative;width:24px}.mapsvg-btn-map{box-shadow:0 0 5px #999;overflow:hidden}.mapsvg-btn-location{text-align:center;vertical-align:middle}.mapsvg-btn-location svg{display:block;margin:50% auto 0;opacity:.7;pointer-events:none;transform:translateY(-50%);width:12px}.mapsvg-btn-zoom-reset{text-align:center;vertical-align:middle}.mapsvg-btn-zoom-reset svg{display:block;margin:50% auto 0;opacity:.7;pointer-events:none;transform:translateY(-50%);width:12px}.mapsvg-btn-group{box-shadow:0 0 5px #999;margin-bottom:10px}.mapsvg-btn-group>.mapsvg-btn-map{box-shadow:none}.mapsvg-btn-map:hover,.mapsvg-btn:hover{background-color:#f2f2f2}.mapsvg-btn-map.mapsvg-in{border-bottom:1px solid #ddd;border-bottom-left-radius:0;border-bottom-right-radius:0}.mapsvg-btn-map.mapsvg-out{border-top-left-radius:0;border-top-right-radius:0}.mapsvg-btn-back:before{color:#999;content:"&lsaquo;";display:block;font-size:14px;height:24px;line-height:24px;pointer-events:none;position:absolute;width:24px}.mapsvg-btn-map.mapsvg-in:before,.mapsvg-btn-map.mapsvg-out:before{background-color:#999;content:"";display:block;height:1px;left:6px;pointer-events:none;position:absolute;top:11px;width:12px}.mapsvg-btn-map.mapsvg-in:after{background-color:#999;content:"";display:block;height:12px;left:11px;pointer-events:none;position:absolute;top:6px;width:1px}.mapsvg-choropleth-legend{background-color:#fff;border-radius:3px;bottom:50px;box-shadow:0 0 8px 0 rgba(0,0,0,.5);color:#666;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:15px!important;max-width:50%;min-width:10%;overflow:hidden;padding:0;position:absolute;right:10px;z-index:2}.mapsvg-wrap{display:flex;flex-flow:row}.mapsvg-top-container{position:relative}.mapsvg-sidebar{flex-basis:250px}.mapsvg-sidebar.mapsvg-sidebar-left .mapsvg-form-builder{padding-right:10px}.mapsvg-sidebar.mapsvg-sidebar-right .mapsvg-form-builder{padding-left:10px}.mapsvg-header .mapsvg-form-builder{padding-bottom:10px}.mapsvg-footer .mapsvg-form-builder{padding-top:10px}.mapsvg-controller-view{height:100%;pointer-events:auto;position:relative}.mapsvg-controller-view-wrap.nano{bottom:0;left:0;position:absolute;right:0;top:0}.mapsvg-controller-view-content{box-sizing:border-box;padding:15px}.mapsvg-controller-no-padding .mapsvg-controller-view-content{padding:0}.mapsvg-mobile-buttons{background-color:#eee;display:none;height:50px;position:relative}.mapsvg-button-menu{color:#222;left:50%;right:0}.mapsvg-button-map,.mapsvg-button-menu{border:1px solid #ddd;bottom:0;cursor:pointer;display:none;line-height:50px;position:absolute;text-align:center;top:0}.mapsvg-button-map{border-right:0;box-sizing:border-box;color:#444;left:0;right:50%}.mapsvg-button-map:hover,.mapsvg-button-menu:hover{background-color:#e2e2e2}.mapsvg-button-map.active,.mapsvg-button-menu.active{background-color:#ccc;border-color:#ccc;color:#fff}.mapsvg-wrap .mapsvg{flex:1 0;min-width:0}.mapsvg-filter-tags{padding:10px}.mapsvg>.mapsvg-filter-tags{position:absolute}.mapsvg-filter-tags:empty{display:none}.mapsvg-footer .mapsvg-filter-tags,.mapsvg-header .mapsvg-filter-tags{padding:0 0 10px}.mapsvg-filter-tag{background:#ddd;border-radius:5px;color:#666;display:inline-block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;line-height:27px;margin-right:4px;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mapsvg-filter-delete{color:#444;display:inline-block;font-size:16px;padding-left:3px}.mapsvg-filter-delete:hover{color:#999;cursor:pointer}.mapsvg-map-container{flex-grow:1;position:relative}.mapsvg-layers-wrap{z-index:2}.mapsvg-layer,.mapsvg-layers-wrap{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.mapsvg-layer>*{pointer-events:all}.mapsvg-layer-gm,.mapsvg-layer.mapsvg-layer-labels>*{pointer-events:none}.mapsvg-layer-gm img{max-width:none;opacity:1}.mapsvg-layer-markers{display:block;height:100%;position:absolute;width:100%}.mapsvg-pagination .pager{list-style:none;margin:20px 0;padding-left:0;text-align:center}.mapsvg-with-pagination .mapsvg-pagination .pager{display:block}.mapsvg-pagination .pager li{display:inline-block;margin:0 2px}.mapsvg-pagination .pager li>a,.mapsvg-pagination .pager li>span{background-color:#fff;border:1px solid #ddd;border-radius:15px;box-shadow:none;display:inline-block;font-family:Helvetica;font-size:13px;line-height:1.5;padding:5px 14px;text-decoration:none}.mapsvg-pagination .pager li>a:focus,.mapsvg-pagination .pager li>a:hover{background-color:#eee;text-decoration:none}.mapsvg-pagination .pager .next>a,.mapsvg-pagination .pager .next>span{float:right}.mapsvg-pagination .pager .previous>a,.mapsvg-pagination .pager .previous>span{float:left}.mapsvg-pagination .pager .disabled>a,.mapsvg-pagination .pager .disabled>a:focus,.mapsvg-pagination .pager .disabled>a:hover,.mapsvg-pagination .pager .disabled>span{background-color:#fff;color:#ccc;cursor:not-allowed}.mapsvg-pagination li.disabled{pointer-events:none}.mapsvg>.mapsvg-pagination{bottom:10px;left:7px;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.mapsvg>.mapsvg-pagination ul{margin:0}.mapsvg-filter-label:empty{display:none}.mapsvg-layers-control{font-size:12px;height:100%;max-width:200px;padding:10px;position:absolute;text-align:left;z-index:2}.mapsvg-layers-control.closed{pointer-events:none}.mapsvg-layers-control.closed .mapsvg-layers-label{pointer-events:all}.mapsvg-layers-control{pointer-events:none}.mapsvg-layers-control.mapsvg-top-left{left:0;top:0}.mapsvg-layers-control.mapsvg-top-right{right:0;top:0}.mapsvg-layers-control.mapsvg-bottom-right{bottom:0;right:0}.mapsvg-layers-control.mapsvg-bottom-left{bottom:0;left:0}.mapsvg-layers-control .mapsvg-layers-label{background:hsla(0,0%,100%,.7);cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;height:23px;line-height:23px;padding:0 7px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mapsvg-layers-label{pointer-events:all}.mapsvg-layers-label:after{border-bottom:4px dashed;border-bottom:4px solid\9;border-left:4px solid transparent;border-right:4px solid transparent;border-top:0;content:"";display:inline-block;height:0;margin-left:2px;vertical-align:middle;width:0}.mapsvg-layers-control.closed .mapsvg-layers-list-wrap{display:none}.mapsvg-layers-control.closed .mapsvg-layers-label:after{border-bottom:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px dashed;border-top:4px solid\9;content:"";display:inline-block;height:0;margin-left:2px;vertical-align:middle;width:0}.mapsvg-layers-list-wrap{bottom:10px;left:10px;position:absolute;right:10px;top:33px}.mapsvg-layers-list-wrap .nano{height:100%!important}.mapsvg-layers-list{pointer-events:none}.mapsvg-layers-item{background:hsla(0,0%,100%,.7);cursor:pointer;padding:3px 7px;pointer-events:all;text-align:left}.mapsvg-layers-item label{cursor:pointer}.mapsvg-floors-control{font-size:12px;height:100%;max-width:200px;padding:10px;pointer-events:none;position:absolute;text-align:left}.mapsvg-floors-control.mapsvg-top-left{left:0;top:0}.mapsvg-floors-control.mapsvg-top-right{right:0;top:0}.mapsvg-floors-control.mapsvg-bottom-right{bottom:0;right:0}.mapsvg-floors-control.mapsvg-bottom-left{bottom:0;left:0}.mapsvg-floors-control .mapsvg-floors-label{background:hsla(0,0%,100%,.7);cursor:pointer;height:23px;line-height:23px;padding:0 7px}.mapsvg-floors-label{pointer-events:all}.mapsvg-floors-label:after{border-bottom:4px dashed;border-bottom:4px solid\9;border-left:4px solid transparent;border-right:4px solid transparent;border-top:0;content:"";display:inline-block;height:0;margin-left:2px;vertical-align:middle;width:0}.mapsvg-floors-control.closed .mapsvg-floors-list-wrap{display:none}.mapsvg-floors-control.closed .mapsvg-floors-label:after{border-bottom:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px dashed;border-top:4px solid\9;content:"";display:inline-block;height:0;margin-left:2px;vertical-align:middle;width:0}.mapsvg-floors-list-wrap{bottom:10px;left:10px;position:absolute;right:10px;top:33px}.mapsvg-floors-list-wrap .nano{height:100%!important}.mapsvg-floors-item{background:hsla(0,0%,100%,.7);cursor:pointer;padding:3px 7px;pointer-events:all;text-align:left}.mapsvg-floors-item label{cursor:pointer}.mapsvg-no-results{color:#666;font-family:Helvetica,"sans-serif";font-size:14px;font-weight:400;padding:10px}.mapsvg-layers-item{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mapsvg-btn-previous-map svg{display:block;margin:1px auto;opacity:.7;pointer-events:none;width:22px}@media (max-width:812px){.select2-container{z-index:10000}.mapsvg-sidebar{flex-grow:1}.mapsvg-top-container{display:none}.mapsvg-layers-control{left:auto!important}.mapsvg-btn-map{height:32px;line-height:32px;width:32px}.mapsvg-btn-map.mapsvg-in:before,.mapsvg-btn-map.mapsvg-out:before{height:1px;left:6px;top:15px;width:20px}.mapsvg-btn-map.mapsvg-in:after{height:21px;left:15px;top:6px;width:1px}.mapsvg-btn-map svg{width:15px}.mapsvg-mobile-buttons{display:block;margin:0!important}.mapsvg-hide-map-list-buttons .mapsvg-mobile-buttons{display:none}.mapsvg-directory-visible .mapsvg-sidebar-left,.mapsvg-directory-visible .mapsvg-sidebar-right{flex-basis:0!important}.mapsvg-button-map,.mapsvg-button-menu{display:block}.mapsvg-wrap{padding-left:0!important;padding-right:0!important}.mapsvg-controller-view{width:100%!important}.mapsvg-btn-previous-map svg{margin:4px auto;width:25px}}@font-face{font-family:mapsvg-icons;font-style:normal;font-weight:400;src:url(../css/font/mapsvg-icons.eot?98971180);src:url(../css/font/mapsvg-icons.eot?98971180#iefix) format("embedded-opentype"),url(../css/font/mapsvg-icons.woff2?98971180) format("woff2"),url(../css/font/mapsvg-icons.woff?98971180) format("woff"),url(../css/font/mapsvg-icons.ttf?98971180) format("truetype"),url(../css/font/mapsvg-icons.svg?98971180#mapsvg-icons) format("svg")}[class*=" mapsvg-icon-"]:before,[class^=mapsvg-icon-]:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:mapsvg-icons;font-style:normal;font-variant:normal;font-weight:400;line-height:1em;margin-left:.2em;margin-right:.2em;text-align:center;text-decoration:inherit;text-transform:none;width:1em}.mapsvg-icon-menu:before{content:"\f0c9"}.mapsvg-icon-map:before{content:"\f278"}iframe.mapsvg-iframe-post,iframe.mapsvg-iframe-shortcode{border:0;overflow:hidden}.mapsvg-hidden{display:none}.mapsvg-invisible{opacity:0}.mapsvg-invisible,.mapsvg-invisible *{pointer-events:none}.mapsvg-bubble{background-color:transparent;border:1px solid #000;border-radius:50%;color:#000;line-height:23px;text-align:center;vertical-align:middle}.mapsvg:not(.bubbles-database-on) .mapsvg-marker-bubble,.mapsvg:not(.bubbles-regions-on) .mapsvg-region-bubble{display:none}.mapsvg.bubbles-database-on .mapsvg-marker{border-radius:50%}.mapsvg-bubble.mapsvg-empty{display:none}@keyframes spinner-border{to{transform:rotate(1turn)}}.spinner-border{animation:spinner-border .75s linear infinite;border:.25em solid;border-radius:50%;border-right:.25em solid transparent;display:inline-block;height:2rem;vertical-align:text-bottom;width:2rem}.spinner-border-sm{border-width:2px;height:1rem;width:1rem}.mapsvg-choropleth-source-field{background-color:#fff;border-radius:3px;bottom:10px;box-shadow:0 0 8px 0 rgba(0,0,0,.5);color:#666;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px!important;font-weight:400;line-height:15px!important;max-width:50%;min-width:167px;padding:0;position:absolute;right:10px;z-index:2}.mapsvg-choropleth-source-field select{width:100%}.mapsvg-coloring-subitem-label{font-weight:700;margin-bottom:0;padding-top:7px;text-align:right}.mapsvg-coloring-subitem-content{border-left:1px solid #999}.mapsvg-coloring-no-data,.mapsvg-coloring-palette-out-of-range,.mapsvg-coloring-pallete-color{margin-bottom:20px;padding:10px 0}.mapsvg-choropleth-segment-details{background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.5);padding:5px 10px;position:absolute}.bubbles-database-on .mapsvg-marker img{display:none!important}.mapsvg-choropleth-legend>*{font-size:12px;margin:10px}.mapsvg-choropleth-legend-vertical .mapsvg-choropleth-legend-gradient-colors{color:#000;display:flex;flex-flow:column;height:50%;justify-content:space-evenly;width:30%}.mapsvg-choropleth-legend-vertical .mapsvg-choropleth-legend-gradient-no-data{color:#000;display:flex;flex-flow:row;height:auto;justify-content:center;margin-bottom:10px;text-align:center;width:30%}.mapsvg-choropleth-legend-horizontal .mapsvg-choropleth-legend-gradient{color:#000;display:flex;flex-flow:row;height:30%;justify-content:space-between;width:auto}.mapsvg-choropleth-legend-horizontal .mapsvg-choropleth-legend-gradient-colors{color:#000;display:flex;flex-flow:row;justify-content:space-evenly;width:85%}.mapsvg-choropleth-legend-horizontal .mapsvg-choropleth-legend-gradient-no-data{color:#000;display:flex;flex-flow:column;height:auto;justify-content:center;text-align:center;width:12%}.mapsvg-choropleth-legend-title{font-weight:700}.mapsvg-choropleth-legend-container-top-right{bottom:unset;right:50px;top:10px}.mapsvg-choropleth-legend-container-top-left{bottom:unset;left:10px;right:unset;top:10px}.mapsvg-choropleth-legend-container-bottom-left{bottom:10px;left:10px;right:unset}.mapsvg-choropleth-legend-gradient-colors>div{align-items:center;display:flex;justify-content:center}.mapsvg-choropleth-legend-vertical .mapsvg-choropleth-legend-palette{display:flex;flex-flow:column-reverse}.mapsvg-choropleth-legend-vertical .mapsvg-choropleth-legend-palette-color-wrap[data-idx=no-data],.mapsvg-choropleth-legend-vertical .mapsvg-choropleth-legend-palette-color-wrap[data-idx=out-of-range]{margin-top:25px}.mapsvg.bubbles-database-on .mapsvg-choropleth-legend-palette-color-wrap[data-idx=no-data],.mapsvg.bubbles-regions-on .mapsvg-choropleth-legend-palette-color-wrap[data-idx=no-data]{display:none}.mapsvg-choropleth-legend-horizontal .mapsvg-choropleth-legend-palette{display:flex;flex-flow:row}.mapsvg-choropleth-legend-horizontal .mapsvg-choropleth-legend-palette-color-wrap{display:flex;flex-flow:column;margin-right:20px;width:60px}.mapsvg-choropleth-legend-vertical .mapsvg-choropleth-legend-palette-color-wrap{display:flex;flex-flow:row}.mapsvg-choropleth-legend-palette-color{display:block;height:45px;min-height:45px;min-width:45px;width:45px}.mapsvg-choropleth-legend-horizontal .mapsvg-choropleth-legend-palette-color{margin-bottom:10px}.mapsvg-choropleth-legend-vertical .mapsvg-choropleth-legend-palette-color{margin-right:10px}.mapsvg-choropleth-legend-palette-color-description{display:flex;flex-flow:column;justify-content:center}.mapsvg-gauge{background-color:#fff;border-radius:3px;bottom:10px;box-shadow:0 0 8px 0 rgba(0,0,0,.5);color:#666;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px!important;font-weight:400;line-height:15px!important;max-width:50%;min-width:10%;padding:0;position:absolute;right:10px;z-index:10}.mapsvg-gauge table{border:0;margin:0;padding:0;width:auto}.mapsvg-gauge .mapsvg-gauge-gradient{min-width:100px}.mapsvg-gauge table tr{border:0!important}.mapsvg-gauge table td{border:0!important;padding:2px 7px}.form-text:empty{display:none}.btn-group-xs>.btn,.btn-xs{border-radius:3px;font-size:12px;line-height:1.5;padding:1px 5px}input[type=checkbox].ios8-switch{display:none;margin:8px 0 0 16px;position:absolute}input[type=checkbox].ios8-switch+label{font-weight:400;line-height:2em;padding:5px 0 0 50px;position:relative}input[type=checkbox].ios8-switch+label:before{width:40px}input[type=checkbox].ios8-switch+label:after,input[type=checkbox].ios8-switch+label:before{background:#fff;border:1px solid #d9d9d9;border-radius:16px;content:"";display:block;height:24px;left:0;position:absolute;top:0;transition:all .3s}input[type=checkbox].ios8-switch+label:after{width:24px}input[type=checkbox].ios8-switch+label:hover:after{box-shadow:0 0 5px rgba(0,0,0,.3)}input[type=checkbox].ios8-switch:checked+label:after{margin-left:16px}input[type=checkbox].ios8-switch:checked+label:before{background:#55d069}input[type=checkbox].ios8-switch-sm{margin:5px 0 0 10px}input[type=checkbox].ios8-switch-sm+label{line-height:1.3em;padding:0 0 0 32px;position:relative}input[type=checkbox].ios8-switch-sm+label:before{border-radius:10px;height:15px;width:25px}input[type=checkbox].ios8-switch-sm+label:after{border-radius:10px;height:15px;width:15px}input[type=checkbox].ios8-switch-sm+label:hover:after{box-shadow:0 0 3px rgba(0,0,0,.3)}input[type=checkbox].ios8-switch-sm:checked+label:after{margin-left:10px}input[type=checkbox].ios8-switch-lg{margin:10px 0 0 20px}input[type=checkbox].ios8-switch-lg+label{line-height:2.3em;padding:7px 0 0 60px;position:relative}input[type=checkbox].ios8-switch-lg+label:before{border-radius:20px;height:30px;width:50px}input[type=checkbox].ios8-switch-lg+label:after{border-radius:20px;height:30px;width:30px}input[type=checkbox].ios8-switch-lg+label:hover:after{box-shadow:0 0 8px rgba(0,0,0,.3)}input[type=checkbox].ios8-switch-lg:checked+label:after{margin-left:20px}.radio .disabled{pointer-events:none}@media screen and (min-width:1025px){.mapsvg-controller-view-content{padding-bottom:80px}}body.mapsvg-modal-fullscreen{overflow:hidden}.mapsvg-imageTitle-content{align-items:center;display:flex}.mapsvg-imageTitle-image{flex-shrink:0;margin-right:10px;width:40px}.mapsvg-imageTitle-image img{border-radius:20px}.mapsvg-imageTitle-title{flex-grow:1}.mapsvg-details-flex{display:flex;flex-flow:column}.mapsvg-details-hero{text-align:center}.mapsvg-details-hero-image{margin:0 -30px}.mapsvg-details-list{display:flex;flex-flow:column;gap:10px;margin-top:30px}.mapsvg-details-list-item{display:flex;flex-flow:row}.mapsvg-details-list-item-image{border-radius:3px;flex-shrink:0;margin-right:15px;width:100px}.mapsvg-details-flex img{margin-bottom:20px}.mapsvg-details-address{color:#bbb;margin-bottom:5px}.mapsvg-details-category{color:#aaa}.tt-menu.tt-open{z-index:999999999}.mapsvg-popover{-webkit-tap-highlight-color:transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:#fff;border:1px solid #fff;border-radius:5px;bottom:100%;box-shadow:0 4px 15px 1px rgba(0,0,0,.5);color:#000;font-family:Helvetica,sans-serif;font-size:12px;margin-bottom:6px;max-height:300px;max-width:100%;min-height:55px;min-width:100px;outline:none!important;position:absolute;touch-action:manipulation;transform:translate(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transition:transform .4s,opacity .2s;width:250px;z-index:2}.mapsvg-popover,.mapsvg-popover *{box-sizing:border-box}.mapsvg-popover .nano>.nano-content{overflow-x:auto!important}.mapsvg-popover img{max-width:100%}.mapsvg-auto-height{position:relative}.mapsvg-popover .mapsvg-controller-view{bottom:0;left:0;position:absolute;right:0;top:0}.mapsvg-popover .mapsvg-controller-view-toolbar+.mapsvg-controller-view-wrap .mapsvg-controller-view-content{padding-top:0}.mapsvg-popover .mapsvg-controller-view-toolbar{height:20px}.mapsvg-popover .mapsvg-popover-content{overflow-y:auto}.mapsvg-popover:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #fff;border-top-color:inherit;bottom:-7px;content:"";display:block;left:50%;margin-left:-7px;position:absolute}.mapsvg-popover.mapsvg-popover-visible{display:block}.mapsvg-popover.mapsvg-popover-animate{animation:fade-in .2s linear 1}@media (max-width:812px){.mapsvg-popover .mapsvg-controller-view-toolbar{height:38px;padding:0}.mapsvg-popover-close{right:3px!important;top:3px!important;transform:scale(.5);z-index:999}}.mapsvg-popover.mapsvg-fullscreen{border-radius:0}.mapsvg-filters-wrap{height:100%}.mapsvg-filters-wrap,.mapsvg-filters-wrap *{box-sizing:border-box}.mapsvg-details-container .mapsvg-form-builder{padding:0!important}.mapsvg-filters-wrap .mapsvg-controller-view-content{padding:0}.mapsvg-footer .mapsvg-filters-wrap,.mapsvg-header .mapsvg-filters-wrap,.mapsvg-sidebar .mapsvg-filters-wrap{width:100%}.mapsvg-directory-search-wrap .mapsvg-form-builder{padding:10px}.mapsvg-header .mapsvg-data-form-view{max-width:100%}.mapsvg-object-clusterized{display:none}.mapsvg-marker-cluster{background:#008ff7;-webkit-background-clip:padding-box;background-clip:padding-box;border:5px solid rgba(0,143,247,.55);border-radius:50%;box-sizing:border-box;color:#333;font-family:Helvetica,Arial;font-size:12px;font-weight:400;height:30px;left:0;line-height:20px;position:absolute;text-align:center;top:0;transition:transform .4s;width:30px}.mapsvg-marker-cluster:hover{background:#80b4ff;-webkit-background-clip:padding-box;background-clip:padding-box;cursor:pointer}.mapsvg-tooltip{background-color:#fff;border:1px solid #eee;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-sizing:border-box;color:#000;font-family:Helvetica,Arial;font-size:12px;font-weight:400;max-width:600px;pointer-events:none;position:absolute;text-align:left;transition:opacity .1s ease-out;z-index:999999}.mapsvg-tooltip:empty{display:none}.mapsvg-tooltip .mapsvg-controller-view-content{padding:4px 7px}.mapsvg-tooltip *{box-sizing:border-box}.mapsvg-tooltip.mapsvg-tt-top{transform:translate(-50%,-100%) translateY(-10px)}.mapsvg-tooltip.mapsvg-tt-left{transform:translate(-100%,-50%) translateX(-10px)}.mapsvg-tooltip.mapsvg-tt-bottom{transform:translate(-50%,25px)}.mapsvg-tooltip.mapsvg-tt-right{transform:translate(15px,-50%)}.mapsvg-tooltip.mapsvg-tt-top-left{transform:translate(-100%,-100%) translate(10px,-10px)}.mapsvg-tooltip.mapsvg-tt-top-right{transform:translateY(-100%) translateY(-10px)}.mapsvg-tooltip.mapsvg-tt-bottom-left{transform:translate(-100%,25px) translateX(10px)}.mapsvg-tooltip.mapsvg-tt-bottom-right{transform:translateY(25px)}.mapsvg-tooltip img{max-width:100%}.mapsvg-test-bundle{background-color:#fff;color:#fff}
  • mapsvg-lite-interactive-vector-maps/trunk/dist/mapsvg.js

    r3400143 r3408063  
    1 export{B as Map,M as Mapsvg,m as mapsvgCore}from"./Mapsvg-DvVyGSKz.js";
     1export{A as Map,M as Mapsvg,m as mapsvgCore}from"./Mapsvg-Dm1IhcLp.js";
    22//# sourceMappingURL=mapsvg.js.map
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg-admin/core/admin.js

    r3377818 r3408063  
    19711971          this.mapsvg = editingMap
    19721972
     1973          editingMap.events.on("resize", () => {
     1974            setTimeout(function () {
     1975              _this.resizeSVGCanvas()
     1976            }, 1)
     1977          })
     1978
    19731979          editingMap.events.on("afterInit", function (event) {
    19741980            const { map } = event
     
    19791985            }
    19801986
    1981             new ResizeSensor($(".mapsvg-header")[0], function () {
    1982               setTimeout(function () {
    1983                 _this.resizeSVGCanvas()
    1984               }, 1)
    1985             })
     1987            // new ResizeSensor($(".mapsvg-header")[0], function () {
     1988            //   setTimeout(function () {
     1989            //     _this.resizeSVGCanvas()
     1990            //   }, 1)
     1991            // })
    19861992
    19871993            // TODO change this to onCLick events
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg-admin/modules/details/details.html

    r3179840 r3408063  
    22  <div class="row">
    33    <div class="col-4"></div>
    4     <div class="mapsvg-toolbar-title col-4">Details View</div>
     4    <div class="mapsvg-toolbar-title col-4">
     5      Details View
     6    </div>
    57    <div class="col-4"></div>
    68  </div>
     
    2224          <div class="col-md-9">
    2325              <div class="form-check">
    24                   <input class="form-check-input" type="radio" name="detailsView[location]" value="map"
     26                  <input id="detailsView-location-map" class="form-check-input" type="radio" name="detailsView[location]" value="map"
    2527                         {{#ifeq detailsView.location 'map'}}checked{{/ifeq}} data-live="change">
    26                   <label class="form-check-label">
     28                  <label class="form-check-label" for="detailsView-location-map">
    2729                      Map
    2830                      container</label>
    2931              </div>
    3032              <div class="form-check">
    31                   <input class="form-check-input" type="radio" name="detailsView[location]" value="fullscreen"
     33                  <input id="detailsView-location-fullscreen" class="form-check-input" type="radio" name="detailsView[location]" value="fullscreen"
    3234                         {{#ifeq detailsView.location 'fullscreen'}}checked{{/ifeq}} data-live="change">
    33                   <label class="form-check-label">
     35                  <label class="form-check-label" for="detailsView-location-fullscreen">
    3436                      Fullscreen</label>
    3537              </div>
    3638              <div class="form-check">
    37                   <input class="form-check-input" type="radio" name="detailsView[location]" value="leftSidebar"
     39                  <input id="detailsView-location-leftSidebar" class="form-check-input" type="radio" name="detailsView[location]" value="leftSidebar"
    3840                         {{#ifeq
    3941                                 detailsView.location 'leftSidebar'}}checked{{/ifeq}} data-live="change">
    40                   <label class="form-check-label">
     42                  <label class="form-check-label" for="detailsView-location-leftSidebar">
    4143                      Left
    4244                      sidebar</label>
    4345              </div>
    4446              <div class="form-check">
    45                   <input class="form-check-input" type="radio" name="detailsView[location]" value="rightSidebar"
     47                  <input id="detailsView-location-rightSidebar" class="form-check-input" type="radio" name="detailsView[location]" value="rightSidebar"
    4648                         {{#ifeq detailsView.location 'rightSidebar'}}checked{{/ifeq}}
    4749                         data-live="change">
    48                   <label class="form-check-label">
     50                  <label class="form-check-label" for="detailsView-location-rightSidebar">
    4951                      Right sidebar</label>
    5052              </div>
    5153              <div class="form-check">
    52                   <input class="form-check-input" type="radio" name="detailsView[location]" value="header" {{#ifeq
     54                  <input id="detailsView-location-header" class="form-check-input" type="radio" name="detailsView[location]" value="header" {{#ifeq
    5355                          detailsView.location 'header'}}checked{{/ifeq}} data-live="change">
    54                   <label class="form-check-label">
     56                  <label class="form-check-label" for="detailsView-location-header">
    5557                      Header</label>
    5658              </div>
    5759              <div class="form-check">
    58                   <input class="form-check-input" type="radio" name="detailsView[location]" value="footer" {{#ifeq
     60                  <input id="detailsView-location-footer" class="form-check-input" type="radio" name="detailsView[location]" value="footer" {{#ifeq
    5961                          detailsView.location 'footer'}}checked{{/ifeq}} data-live="change">
    60                   <label class="form-check-label">
     62                  <label class="form-check-label" for="detailsView-location-footer">
    6163                      Footer</label>
    6264              </div>
    6365              <div class="form-check">
    64                   <input class="form-check-input" type="radio" name="detailsView[location]" value="custom" {{#ifeq
     66                  <input id="detailsView-location-custom" class="form-check-input" type="radio" name="detailsView[location]" value="custom" {{#ifeq
    6567                          detailsView.location 'custom'}}checked{{/ifeq}} data-live="change">
    66                   <label class="form-check-label">
     68                  <label class="form-check-label" for="detailsView-location-custom">
    6769                      Custom
    6870                      container</label>
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg-admin/modules/settings/settings.html

    r3399399 r3408063  
    9191          </div>
    9292      </div>
     93
     94      <div class="form-group mb-3 row">
     95        <label class="col-md-3 col-form-label">Isolate map in a shadow root</label>
     96        <div class="col-md-9">
     97            <div class="form-switch form-switch-md btn-group mapsvg-toggle-visibility"
     98                 data-object="options"
     99                 data-toggle="buttons" id="mapsvg-controls-responsive">
     100                <input type="checkbox" class="form-check-input" name="useShadowRoot" class="form-check-input" {{#if useShadowRoot}}checked{{/if}} data-live="change">
     101            </div>
     102            <p class="help-block">
     103                Enable this if you want MapSVG styles to stay fully independent from your site's global CSS. It keeps the map’s appearance self-contained, with no style mixing between MapSVG and the rest of the page.
     104            </p>
     105        </div>
     106
     107    </div>
    93108      <legend>Size and position</legend>
    94109      <div class="form-group mb-3 row">
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg/Core/Controller.ts

    r3233639 r3408063  
    1212import "./controller.css"
    1313const $ = jQuery
     14import { mapsvgCore } from "@/Core/Mapsvg"
    1415
    1516export enum ControllerEvent {
     
    2930  middleware?: Middleware[]
    3031  classList?: string[]
     32  useShadowRoot?: boolean
    3133  container: HTMLElement
    3234  map: MapSVGMap
     
    3840  options?: unknown
    3941  styles?: Partial<CSSStyleDeclaration>
    40   fullscreen?: {
    41     sm?: boolean
    42     md?: boolean
    43     lg?: boolean
    44   }
     42  fullscreen?: boolean
    4543  autoresize?: boolean
    4644  scrollable?: boolean
     
    6866  closable: boolean
    6967  _canClose: boolean
    70   fullscreen: {
    71     sm: boolean
    72     md: boolean
    73     lg: boolean
    74   }
     68  fullscreen: boolean
    7569  mobileCloseBtn: HTMLElement
    7670  styles: Partial<CSSStyleDeclaration>
     
    9084  template?: string
    9185  scrollable: boolean
     86  useShadowRoot?: boolean
    9287  withToolbar: boolean
    9388  autoresize: boolean
     
    114109  loaded: boolean
    115110  closable: boolean
     111  useShadowRoot: boolean = false
    116112  _canClose: boolean
    117   fullscreen: {
    118     sm: boolean
    119     md: boolean
    120     lg: boolean
    121   }
     113  fullscreen: boolean = false
    122114  mobileCloseBtn: HTMLElement
    123115  styles: Partial<CSSStyleDeclaration>
    124116  containers: {
     117    shadowRoot?: HTMLElement
    125118    parent: HTMLElement
    126119    main?: HTMLElement
     
    169162    this.loaded = false
    170163    this.closable = options.closable ?? false
     164    this.useShadowRoot = options.useShadowRoot ?? false
    171165    this.canClose = true
    172166
    173     this.fullscreen = deepMerge({ sm: false, md: false, lg: false }, options.fullscreen)
     167    this.fullscreen = options.fullscreen ?? false
    174168
    175169    this.map = options.map
    176170    this.template = options.template || ""
    177171    this.scrollable = options.scrollable === undefined ? true : options.scrollable
    178     this.withToolbar = options.withToolbar === undefined ? true : options.withToolbar
     172    // this.withToolbar = options.withToolbar === undefined ? true : options.withToolbar
    179173    this.noPadding = options.noPadding ?? false
    180174    this.autoresize = parseBoolean(options.autoresize)
     
    280274   */
    281275  getToolbarTemplate(): string {
    282     if (this.closable && this.withToolbar)
    283       return '<div class="mapsvg-popover-close mapsvg-details-close"></div>'
     276    if (this.closable) return '<div class="mapsvg-popover-close mapsvg-details-close"></div>'
    284277    return ""
    285278  }
     
    317310      return
    318311    }
    319     for (const [key, value] of Object.entries(this.fullscreen)) {
    320       if (value) {
    321         this.classList.push(`mapsvg-fullscreen-${key}`)
    322       }
    323     }
    324     // Move modal to
    325     if (
    326       (isPhone() && this.fullscreen.sm) ||
    327       (isTablet() && this.fullscreen.md) ||
    328       this.fullscreen.lg
    329     ) {
     312    if (this.fullscreen) {
     313      this.classList.push(`mapsvg-fullscreen`)
    330314      this.containers.parent = document.body
    331315      this.openedFullscreen = true
     
    364348
    365349    // Add toolbar if it exists in template file
    366     if (this.withToolbar && this.templates.toolbar) {
     350    if (this.templates.toolbar) {
    367351      this.containers.toolbar = $("<div />").addClass("mapsvg-controller-view-toolbar")[0]
    368352      this.containers.view.appendChild(this.containers.toolbar)
     
    373357
    374358    // Add view into container
    375     this.containers.parent.appendChild(this.containers.main)
     359    if (this.useShadowRoot) {
     360      // Добавляем ID карты, чтобы WP видел карту как раньше
     361      this.containers.shadowRoot = $('<div class="mapsvg-shadow-root"></div>').attr(
     362        "id",
     363        `mapsvg-map-${this.name}-${this.map.id}`,
     364      )[0]
     365
     366      // 2. Создаём Shadow Root
     367      // open — чтобы можно было получить root из JS снаружи:
     368      // document.querySelector('#mapsvg-map-123').shadowRoot
     369      const shadowRoot = this.containers.shadowRoot.attachShadow({ mode: "open" })
     370      // Insert this.containers.wrapAll before this.containers.map
     371      shadowRoot.appendChild(this.containers.main)
     372
     373      // 6. Добавляем стили внутрь Shadow
     374      for (const style of mapsvgCore.styles) {
     375        const link = document.createElement("link")
     376        link.rel = "stylesheet"
     377        link.href = style.url + "?ver=" + style.version
     378        shadowRoot.appendChild(link)
     379      }
     380
     381      // Add custom CSS
     382      const style = document.createElement("style")
     383      shadowRoot.appendChild(style)
     384      const liveCss = style
     385      liveCss.textContent = this.map.options.css
     386      this.containers.parent.appendChild(this.containers.shadowRoot)
     387    } else {
     388      this.containers.parent.appendChild(this.containers.main)
     389    }
    376390
    377391    if (this.autoresize) {
     
    437451    }
    438452
    439     if (this.withToolbar && this.templates.toolbar)
     453    if (this.templates.toolbar)
    440454      $(this.containers.toolbar).html(this.templates.toolbar(formattedData))
    441455
     
    461475  updateTopShift() {
    462476    const _this = this
    463     if (!this.withToolbar) return
     477    // if (!this.withToolbar) return
    464478    // bad, i know.
    465479    $(_this.containers.contentWrap).css({
     
    594608      return
    595609    }
     610    if (this.containers.shadowRoot) {
     611      this.containers.shadowRoot.remove()
     612    }
    596613    this.close()
    597614    this.viewWillGetDestroyed()
     
    600617    $(this.containers.view).empty().remove()
    601618    $(this.containers.main).empty().remove()
     619    if (this.containers.shadowRoot) {
     620      this.containers.shadowRoot.remove()
     621    }
    602622    $(window).off("keydown.details.mapsvg-" + this.map.id)
    603623    $("body").off("mouseup.popover.mapsvg touchend.popover.mapsvg")
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg/Core/InitGlobals.ts

    r3179840 r3408063  
    6666    this.templatesLoaded = mapsvgCore.templatesLoaded
    6767    this.routes = mapsvgCore.routes
     68    this.styles = mapsvgCore.styles
    6869    this.mouse = mapsvgCore.mouse
    6970    this.useRepository = useRepository
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg/Core/Mapsvg.ts

    r3316809 r3408063  
    5555  nonce: string
    5656  google_maps_api_key: string
     57  styles: Array<{ name: string; url: string; version: string }>
    5758}
    5859
     
    6566export interface MapSVGProps {
    6667  initialized: boolean
     68  stylesAddedToBody: boolean
     69  templatesLoaded: boolean
    6770  routes: MapsvgRoutes
    6871  _nonce: string
     
    7477  // formBuilder: FormBuilder
    7578  mediaUploader: any
    76   templatesLoaded: Record<string, boolean>
    7779  instances: MapSVGMap[]
    7880  mouse: { x: number; y: number }
     
    9496export class Mapsvg implements MapSVGProps {
    9597  initialized: boolean
     98  stylesAddedToBody: boolean
    9699  routes: MapsvgRoutes
    97100  _nonce: string
     
    105108  // formBuilder: FormBuilder
    106109  mediaUploader: any
    107   templatesLoaded: Record<string, boolean> = {}
     110  templatesLoaded: boolean
    108111  instances: MapSVGMap[]
    109112
     
    119122    loaded: boolean
    120123  }
     124  styles: Array<{ name: string; url: string; version: string }>
    121125
    122126  constructor() {
     127    this.stylesAddedToBody = false
    123128    this.instances = []
    124129
     
    165170      loaded: false,
    166171    }
     172    this.styles = options.styles ?? []
    167173    if (typeof window.ajaxurl !== "undefined") {
    168174      this.routes.ajaxurl = window.ajaxurl
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg/Core/controller.css

    r3179840 r3408063  
    33  opacity: 1;
    44  pointer-events: auto;
     5}
     6
     7.mapsvg-popover-close {
     8  position: absolute;
     9  display: inline-block;
     10  width: 50px;
     11  height: 50px;
     12  overflow: hidden;
     13  transform-origin: 100% 0;
     14  -webkit-transform-origin: 100% 0;
     15  transform: scale(0.45);
     16  top: 5px;
     17  right: 5px;
     18  cursor: pointer;
     19  z-index: 1200;
     20}
     21.mapsvg-popover-close:hover::before,
     22.mapsvg-popover-close:hover::after {
     23  background: #666;
     24}
     25.mapsvg-popover-close::before,
     26.mapsvg-popover-close::after {
     27  content: "";
     28  position: absolute;
     29  height: 2px;
     30  width: 100%;
     31  top: 50%;
     32  left: 0;
     33  margin-top: -1px;
     34  background: #000;
     35}
     36@-moz-document url-prefix() {
     37  .mapsvg-popover-close::before,
     38  .mapsvg-popover-close::after {
     39    height: 3px;
     40  }
     41}
     42.mapsvg-popover-close::before {
     43  -webkit-transform: rotate(45deg);
     44  -moz-transform: rotate(45deg);
     45  -ms-transform: rotate(45deg);
     46  -o-transform: rotate(45deg);
     47  transform: rotate(45deg);
     48}
     49.mapsvg-popover-close::after {
     50  -webkit-transform: rotate(-45deg);
     51  -moz-transform: rotate(-45deg);
     52  -ms-transform: rotate(-45deg);
     53  -o-transform: rotate(-45deg);
     54  transform: rotate(-45deg);
     55}
     56.mapsvg-popover-close.big {
     57  -webkit-transform: scale(3);
     58  -moz-transform: scale(3);
     59  -ms-transform: scale(3);
     60  -o-transform: scale(3);
     61  transform: scale(3);
     62}
     63.mapsvg-popover-close.hairline::before,
     64.mapsvg-popover-close.hairline::after {
     65  height: 2px;
     66}
     67.mapsvg-popover-close.thick::before,
     68.mapsvg-popover-close.thick::after {
     69  height: 4px;
     70  margin-top: -2px;
     71}
     72.mapsvg-popover-close.black::before,
     73.mapsvg-popover-close.black::after {
     74  height: 8px;
     75  margin-top: -4px;
     76}
     77.mapsvg-popover-close.heavy::before,
     78.mapsvg-popover-close.heavy::after {
     79  height: 12px;
     80  margin-top: -6px;
     81}
     82.mapsvg-popover-close.pointy::before,
     83.mapsvg-popover-close.pointy::after {
     84  width: 200%;
     85  left: -50%;
     86}
     87.mapsvg-popover-close.rounded::before,
     88.mapsvg-popover-close.rounded::after {
     89  border-radius: 5px;
     90}
     91.mapsvg-popover-close.blades::before,
     92.mapsvg-popover-close.blades::after {
     93  border-radius: 5px 0;
     94}
     95.mapsvg-popover-close.warp::before,
     96.mapsvg-popover-close.warp::after {
     97  border-radius: 120% 0;
     98}
     99.mapsvg-popover-close.fat::before,
     100.mapsvg-popover-close.fat::after {
     101  border-radius: 100%;
     102}
     103.mapsvg-container-custom .mapsvg-popover-close {
     104  display: none;
     105}
     106.mapsvg-controller-view-content img {
     107  max-width: 100%;
    5108}
    6109
     
    23126  height: 0;
    24127}
     128
    25129.mapsvg-mobile-modal-close {
    26130  display: none;
     
    39143  font-size: 16px;
    40144}
     145
     146body.admin-bar .mapsvg-controller-container.mapsvg-fullscreen {
     147  top: 32px;
     148}
     149@media screen and (max-width: 782px) {
     150  body.admin-bar .mapsvg-controller-container.mapsvg-fullscreen {
     151    top: 46px;
     152  }
     153}
     154
     155.mapsvg-controller-container.mapsvg-fullscreen {
     156  border: none;
     157  box-shadow: none !important;
     158  margin: 0 !important;
     159  width: 100% !important;
     160  height: 100% !important;
     161  transform: none !important;
     162  position: fixed !important;
     163  inset: 0 !important;
     164  z-index: 2147483631 !important;
     165  max-width: none !important;
     166  max-height: none !important;
     167  transition: none !important;
     168}
     169
     170@media screen and (max-width: 767px) {
     171  .mapsvg-controller-container.mapsvg-fullscreen .mapsvg-mobile-modal-close {
     172    display: block;
     173  }
     174  .mapsvg-controller-container.mapsvg-fullscreen .mapsvg-popover-close {
     175    display: none;
     176  }
     177  .mapsvg-controller-container.mapsvg-fullscreen .mapsvg-controller-view-toolbar {
     178    display: none;
     179  }
     180}
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg/Details/details.css

    r3233639 r3408063  
    99.mapsvg-details-container * {
    1010  box-sizing: border-box;
    11 }
    12 
    13 body.admin-bar .mapsvg-details-container.mapsvg-container-fullscreen {
    14   top: 32px;
    15 }
    16 @media screen and (max-width: 782px) {
    17   body.admin-bar .mapsvg-details-container.mapsvg-container-fullscreen {
    18     top: 46px;
    19   }
    2011}
    2112
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg/Filters/filters.css

    r3179840 r3408063  
    1 .mapsvg-filters-reset-container {
    2   flex-grow: 0 !important;
    3   display: flex;
    4 }
    5 .mapsvg-filters-reset-container button {
    6   align-self: flex-end;
    7   transform: translateY(1px);
    8 }
    9 
    101.mapsvg-filters-wrap {
    112  height: 100%;
     
    3122  padding: 10px;
    3223}
    33 /*.mapsvg-header .mapsvg-data-form-view,*/
    34 /*.mapsvg-footer .mapsvg-data-form-view,*/
    35 .mapsvg-sidebar .mapsvg-data-form-view {
    36   /*padding: 10px;*/
    37   /*max-width: 350px;*/
    38   /*background-color: #f5f5f5;*/
    39 }
     24
    4025.mapsvg-header .mapsvg-data-form-view {
    4126  max-width: 100%;
    4227}
    43 .mapsvg-address-search {
    44   height: 35px !important;
    45   /*margin-top: 5px;*/
    46   /*border: 1px solid #ddd !important;*/
    47   /*border-radius: 2px;*/
    48 
    49   /*padding: 3px 10px 3px 10px !important;*/
    50   /*font-weight: normal !important;*/
    51   width: 100% !important;
    52   /*background-color: #ffffff !important;*/
    53 }
    54 
    55 .mapsvg-filters-wrap,
    56 .select2-results,
    57 .mapsvg-filters-wrap input {
    58   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    59   font-size: 14px !important;
    60   line-height: 1.42857143 !important;
    61   color: #333 !important;
    62 }
    63 .select2-selection__rendered {
    64   /*line-height: 32px !important;*/
    65 }
    66 .select2-search,
    67 .select2-selection__choice {
    68   margin-bottom: 0;
    69 }
    70 .mapsvg-filters-wrap input[type="text"],
    71 .select2-search__field {
    72   height: 35px !important;
    73   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    74   font-size: 14px !important;
    75   line-height: 1.42857143 !important;
    76   color: #333 !important;
    77   background-color: #ffffff !important;
    78   border-color: #ccc !important;
    79   border-radius: 4px !important;
    80   padding: 0 10px !important;
    81   outline: none !important;
    82   border-width: 1px;
    83 }
    84 .select2-selection--multiple .select2-search__field {
    85   height: auto !important;
    86   padding: 0 !important;
    87   border: 0 !important;
    88 }
    89 .select2-container--default .select2-selection--single .select2-selection__rendered {
    90   line-height: 32px !important;
    91 }
    92 
    93 .form-switch .form-check-label {
    94   line-height: 35px;
    95   padding-left: 7px;
    96 }
    97 .mapsvg-filters-wrap .form-group {
    98   margin-bottom: 15px;
    99 }
    100 .mapsvg-filters-wrap .form-group:last-child {
    101   margin-bottom: 0;
    102 }
    103 
    104 #mapsvg-admin-content-filters-structure .mapsvg-data-preview .mapsvg-filter-label,
    105 .mapsvg-filters-wrap .mapsvg-filter-label {
    106   text-transform: none;
    107   font-weight: normal;
    108   color: #aaa;
    109   margin: 0px 0px 4px 0;
    110   display: block;
    111   line-height: 12px;
    112   text-align: left;
    113 }
    114 
    115 .mapsvg-directory .mapsvg-filters-wrap label {
    116   margin-top: 10px;
    117 }
    118 
    119 .mapsvg-filters-wrap .form-group:first-child label {
    120   margin-top: 0;
    121 }
    122 .mapsvg-filters-wrap .select2-container .select2-selection--single {
    123   height: 35px;
    124   border-color: #ccc;
    125 }
    126 
    127 .mapsvg-filters-wrap
    128   .select2-container--default
    129   .select2-selection--single
    130   .select2-selection__rendered {
    131   line-height: 35px;
    132 }
    133 .mapsvg-filters-wrap
    134   .select2-container--default
    135   .select2-selection--single
    136   .select2-selection__arrow {
    137   height: 35px;
    138 }
    139 .mapsvg-filters-wrap .mapsvg-show-filters {
    140   text-align: center;
    141   flex-direction: column-reverse;
    142   display: flex;
    143   /*padding: 10px;*/
    144 }
    145 .mapsvg-header .mapsvg-filters-wrap .mapsvg-data-form-view,
    146 .mapsvg-footer .mapsvg-filters-wrap .mapsvg-data-form-view {
    147   display: flex;
    148   flex-direction: row;
    149   justify-content: space-between;
    150   padding: 0;
    151   flex-wrap: wrap;
    152 }
    153 .mapsvg-header .mapsvg-form-builder,
    154 .mapsvg-footer .mapsvg-form-builder {
    155   margin: -5px;
    156 }
    157 
    158 .mapsvg-header .mapsvg-filters-wrap .mapsvg-data-form-view > .form-group,
    159 .mapsvg-footer .mapsvg-filters-wrap .mapsvg-data-form-view > .form-group {
    160   flex-grow: 1;
    161   flex-shrink: 1;
    162   margin: 5px;
    163   /*max-height: 50px;*/
    164   align-self: flex-end;
    165 }
    166 .mapsvg-header .mapsvg-show-filters,
    167 .mapsvg-footer .mapsvg-show-filters {
    168   flex-grow: 0 !important;
    169 }
    170 
    171 #mapsvg-admin-content-filters-structure .mapsvg-data-preview [class^="col-"],
    172 #mapsvg-admin-content-filters-structure .mapsvg-data-preview [class*=" col-"],
    173 .mapsvg-filters-wrap [class^="col-"],
    174 .mapsvg-filters-wrap [class*=" col-"] {
    175   float: none;
    176   width: auto;
    177   padding: 0;
    178 }
    179 .mapsvg-details-container.mapsvg-filters-wrap .mapsvg-data-form-view {
    180   background-color: transparent;
    181 }
    182 
    183 .mapsvg-header .mapsvg-distance-fields,
    184 .mapsvg-footer .mapsvg-distance-fields {
    185   display: flex;
    186   flex-direction: row;
    187 }
    188 .mapsvg-header .mapsvg-distance-fields > div:first-child,
    189 .mapsvg-footer .mapsvg-distance-fields > div:first-child {
    190   flex-grow: 2;
    191   margin-right: 5px;
    192 }
    193 .mapsvg-distance-fields > .mapsvg-distance-field-2 {
    194   margin-top: 5px;
    195 }
    196 .mapsvg-distance-fields.search-by-zip .tt-menu {
    197   display: none !important;
    198 }
    199 .mapsvg-header .mapsvg-distance-fields > .mapsvg-distance-field-2,
    200 .mapsvg-footer .mapsvg-distance-fields > .mapsvg-distance-field-2 {
    201   margin-top: 0;
    202 }
    203 .mapsvg-wrap-all .btn,
    204 .mapsvg-btn {
    205   /*.filter-wrap .mapsvg-show-filters .btn {*/
    206   border: 1px solid #ccc;
    207   color: #333;
    208   background-color: #fff;
    209   display: inline-block;
    210   padding: 6px 12px;
    211   margin-bottom: 0;
    212   font-size: 14px;
    213   font-weight: 400;
    214   line-height: 1.42857143;
    215   text-align: center;
    216   white-space: nowrap;
    217   vertical-align: middle;
    218   -ms-touch-action: manipulation;
    219   touch-action: manipulation;
    220   cursor: pointer;
    221   -webkit-user-select: none;
    222   -moz-user-select: none;
    223   -ms-user-select: none;
    224   user-select: none;
    225   background-image: none;
    226   border-radius: 4px;
    227   width: auto;
    228   height: 35px;
    229 }
    230 .mapsvg-wrap-all .btn:hover,
    231 .mapsvg-btn:hover {
    232   /*.filter-wrap .mapsvg-show-filters .btn:hover {*/
    233   color: #333;
    234   background-color: #e6e6e6;
    235   border-color: #adadad;
    236   text-decoration: none;
    237 }
    238 .mapsvg-wrap-all .btn:active,
    239 .mapsvg-btn:active {
    240   /*.filter-wrap .mapsvg-show-filters .btn:active {*/
    241   color: #333;
    242   background-color: #e6e6e6;
    243   border-color: #adadad;
    244   background-image: none;
    245   outline: 0;
    246   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    247   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    248 }
    249 
    250 .mapsvg-directory-search {
    251   height: 35px;
    252   border: 1px solid #ccc;
    253   /*border-radius: 20px;*/
    254   padding: 3px 15px 3px 15px;
    255   font-weight: normal;
    256   width: 100%;
    257   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    258   font-size: 14px !important;
    259   line-height: 1.42857143 !important;
    260   color: #333 !important;
    261 }
    262 .mapsvg-directory-search {
    263   position: absolute;
    264   top: 0;
    265   right: 0;
    266   left: 0;
    267   bottom: 0;
    268   display: block;
    269   box-sizing: border-box;
    270 }
    271 .mapsvg-filter-btn-ok {
    272   display: none;
    273 }
    274 
    275 .typeahead {
    276   background-color: #fff;
    277 }
    278 .twitter-typeahead {
    279   display: block !important;
    280 }
    281 input.typeahead.form-control.tt-input {
    282   background-color: #fff !important;
    283 }
    284 .twitter-typeahead {
    285   width: 100%;
    286 }
    287 .tt-input,
    288 .tt-hint {
    289   width: 100%;
    290   outline: none;
    291 }
    292 
    293 .tt-input {
    294 }
    295 
    296 .tt-hint {
    297   color: #999;
    298 }
    299 
    300 .tt-menu {
    301   width: 100%;
    302   margin-top: 0px;
    303   background-color: #fff;
    304   border: 1px solid #ccc;
    305   border: 1px solid rgba(0, 0, 0, 0.2);
    306   border-radius: 3px;
    307   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    308 }
    309 
    310 .tt-suggestion {
    311   padding: 3px 15px;
    312 }
    313 
    314 .tt-suggestion.tt-cursor,
    315 .tt-suggestion.tt-selectable:hover {
    316   color: #fff;
    317   background-color: #0097cf;
    318   cursor: pointer;
    319 }
    320 .tt-suggestion p {
    321   margin: 0;
    322 }
    323 
    324 .twitter-typeahead .spinner-border,
    325 .distance-search-wrap .spinner-border {
    326   position: absolute;
    327   top: 10px;
    328   right: 10px;
    329 }
    330 .distance-search-wrap {
    331   position: relative;
    332 }
    333 .distance-search-wrap.with-user-location-button {
    334 }
    335 .distance-search-wrap.with-user-location-button .mapsvg-address-search {
    336   padding-right: 30px !important;
    337 }
    338 .distance-search-wrap .user-location-button {
    339   display: none;
    340   position: absolute;
    341   right: 10px;
    342   top: 11px;
    343   width: 14px;
    344   height: 14px;
    345   opacity: 0.8;
    346   cursor: pointer;
    347 }
    348 .distance-search-wrap .user-location-button:hover {
    349   opacity: 0.6;
    350 }
    351 .distance-search-wrap.with-user-location-button .user-location-button {
    352   display: block;
    353 }
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg/FormBuilder/FormBuilder.ts

    r3354379 r3408063  
    1717import { FormElementInterface } from "./FormElements/index"
    1818const $ = jQuery
     19import "./form.css"
    1920
    2021export enum FormBuilderEvents {
     
    157158
    158159  private loadTemplates(callback: () => void): void {
     160    if (mapsvgCore.templatesLoaded) {
     161      return callback()
     162    }
     163    mapsvgCore.templatesLoaded = true
     164
    159165    $.get(
    160166      mapsvgCore.routes.root + "dist/" + this.template + ".html?v=" + mapsvgCore.version,
    161167      (data) => {
    162168        $(data).appendTo("body")
    163         mapsvgCore.templatesLoaded[this.template] = true
    164169        Handlebars.registerPartial("dataMarkerPartial", $("#mapsvg-data-tmpl-marker").html())
    165170        if (this.editMode) {
     
    177182    await this.formElementFactory.init()
    178183
    179     if (!mapsvgCore.templatesLoaded[this.template]) {
     184    if (!mapsvgCore.templatesLoaded) {
    180185      this.loadTemplates(() => this.init())
    181186      return
     
    206211      this.form.classList.add("mapsvg-data-flex-full")
    207212      this.form.classList.add("mapsvg-data-container")
    208       $(this.view).find(".mapsvg-data-preview").prepend(this.form)
     213
     214      // const shadowContainer = $("<div />")[0]
     215      const shadowRoot = $(this.view).find(".mapsvg-data-preview")[0]
     216
     217      // const shadowRoot = shadowContainer.attachShadow({ mode: "open" })
     218      // Insert this.containers.wrapAll before this.containers.map
     219      shadowRoot.prepend(this.form)
     220
     221      // 6. Добавляем стили внутрь Shadow
     222      // for (const style of mapsvgCore.styles) {
     223      //   const link = document.createElement("link")
     224      //   link.rel = "stylesheet"
     225      //   link.href = style.url + "?ver=" + style.version
     226      //   shadowRoot.appendChild(link)
     227      // }
     228
     229      // $(this.view).find(".mapsvg-data-preview").prepend(this.form)
    209230      this.formEditor = <HTMLFormElement>$(this.view).find("#mapsvg-data-form-edit")[0]
    210231    } else {
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg/FormBuilder/FormElements/Distance/DistanceFormElement.ts

    r3205430 r3408063  
    447447      $(this.domElements.main)
    448448        .find("select")
    449         .mselect2()
     449        .mselect2({
     450          dropdownParent: $(this.domElements.main),
     451        })
    450452        .on("select2:focus", function () {
    451453          $(this).mselect2("open")
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg/FormBuilder/FormElements/Images/styles.css

    r3179840 r3408063  
     1.mapsvg-test-bundle {
     2  color: white;
     3  background-color: white;
     4}
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg/FormBuilder/FormElements/Radio/view-filter.hbs

    r3294592 r3408063  
    11<script type="text/x-handlebars-template" id="mapsvg-filters-tmpl-radio-view">
    2   <div class="form-group mb-3 ">
     2  <div class="form-group">
    33         <label class="col-sm-3 col-form-label mapsvg-filter-label">{{label}}</label>
    44
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg/FormBuilder/FormElements/Select/SelectFormElement.ts

    r3294592 r3408063  
    8383  addSelect2() {
    8484    if ($().mselect2) {
    85       const select2Options: { placeholder?: string; allowClear?: boolean } = {}
     85      const select2Options: {
     86        placeholder?: string
     87        allowClear?: boolean
     88        dropdownParent?: any
     89      } = {}
    8690      if (this.formBuilder.filtersMode && this.type == "select") {
    8791        select2Options.placeholder = this.placeholder
     
    8993          select2Options.allowClear = true
    9094        }
     95        select2Options.dropdownParent = $(this.domElements.main)
    9196      }
    9297      $(this.domElements.main)
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg/Map/Map.ts

    r3399399 r3408063  
    128128  controllerMiddleWare: MiddlewareHandler
    129129  private previousPaddingBottom: number = 0
    130 
    131130  converter: Converter
    132131  private _counter: number = 0
     
    282281   * Flag defining whether map needs to be downscaled or upscaled to prevent blurring on iOS devices
    283282   */
    284   iosDownscaleFactor: number
     283  iosDownscaleFactor: number = 1
    285284
    286285  /**
     
    288287   */
    289288  containers: {
     289    root?: HTMLElement
     290    shadowRoot?: ShadowRoot
    290291    /**
    291292     * SVG image container
     
    600601
    601602    this.setLoadingText(mapParams.options ? mapParams.options.loadingText || "" : "")
     603    if (this.inBackend) {
     604      const style = document.createElement("style")
     605      style.textContent = `
     606        .mapsvg-loading {
     607          position: absolute;
     608          top: 50%;
     609          left: 50%;
     610          z-index: 100;
     611          padding: 7px 10px;
     612          border-radius: 5px;
     613          border: 1px solid #ccc;
     614          background: #f5f5f2;
     615          transform: translate(-50%, -50%);
     616          text-align: center;
     617          box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
     618          line-height: 11px;
     619        }
     620        .mapsvg-loading-text {
     621          display: inline-block;
     622          font-size: 12px !important;
     623          color: #999;
     624          font-family: "Helvetica", sans-serif;
     625        }
     626        .mapsvg-loading .spinner-border {
     627          display: inline-block;
     628          margin: 0 auto;
     629          color: #888;
     630          margin-right: 5px;
     631        }
     632      `
     633
     634      document.head.appendChild(style)
     635    }
    602636    this.addLoadingMessage()
    603637    this.showLoadingMessage()
     
    24882522      // const maxDim = Math.max(this.svgDefault.viewBox.width, this.svgDefault.viewBox.height)
    24892523      // const factor = Math.ceil(maxDim / maxSize)
    2490       this.containers.svg.setAttribute("width", "1000%")
     2524      this.containers.svg.style.width = "1000%"
    24912525      this.iosDownscaleFactor = 0.1
    24922526      //this.containers.svg.style.transform = "scale(.01)"
    24932527    } else {
    24942528      this.containers.svg.style.width = "auto"
    2495       this.iosDownscaleFactor = 1
    24962529    }
    24972530
     
    34783511    }
    34793512  }
     3513
     3514  get useShadowRoot(): boolean {
     3515    return this.options.useShadowRoot || this.inBackend
     3516  }
    34803517  /**
    34813518   * Sets custom map CSS.
     
    34893526    }
    34903527    this.options.css = css || this.options.css
    3491     this.liveCss = this.liveCss || <HTMLStyleElement>$("<style></style>").appendTo("head")[0]
    3492     $(this.liveCss).html(this.options.css)
     3528
     3529    if (!this.liveCss) {
     3530      const style = document.createElement("style")
     3531      if (this.useShadowRoot) {
     3532        this.containers.shadowRoot.appendChild(style)
     3533      } else {
     3534        document.head.appendChild(style)
     3535      }
     3536      this.liveCss = style
     3537    }
     3538
     3539    this.liveCss.textContent = this.options.css
    34933540  }
    34943541  /**
     
    37883835    this.containers.map.classList.add("mapsvg")
    37893836
    3790     this.containers.wrapAll = document.createElement("div")
    3791     this.containers.wrapAll.classList.add("mapsvg-wrap-all")
    3792     this.containers.wrapAll.id = "mapsvg-map-" + this.id
    3793     this.containers.wrapAll.setAttribute("data-map-id", this.id ? this.id.toString() : "")
    3794 
    3795     this.containers.wrap = document.createElement("div")
    3796     this.containers.wrap.classList.add("mapsvg-wrap")
     3837    // this.containers.wrapAll = document.createElement("div")
     3838    // this.containers.wrapAll.classList.add("mapsvg-wrap-all")
     3839    // this.containers.wrapAll.id = "mapsvg-map-" + this.id
     3840    // this.containers.wrapAll.setAttribute("data-map-id", this.id ? this.id.toString() : "")
     3841
     3842    // this.containers.wrap = document.createElement("div")
     3843    // this.containers.wrap.classList.add("mapsvg-wrap")
    37973844
    37983845    this.containers.mapContainer = document.createElement("div")
     
    38423889    this.containers.wrap.appendChild(this.containers.mapContainer)
    38433890    this.containers.wrap.appendChild(this.containers.rightSidebar)
     3891
     3892    if (this.useShadowRoot) {
     3893      // Добавляем ID карты, чтобы WP видел карту как раньше
     3894      this.containers.root = $('<div class="mapsvg-shadow-root"></div>')
     3895        .attr("id", "mapsvg-map-" + this.id)
     3896        .attr("data-map-id", this.id)[0]
     3897
     3898      // 2. Создаём Shadow Root
     3899      // open — чтобы можно было получить root из JS снаружи:
     3900      // document.querySelector('#mapsvg-map-123').shadowRoot
     3901      this.containers.shadowRoot = this.containers.root.attachShadow({ mode: "open" })
     3902      // Insert this.containers.wrapAll before this.containers.map
     3903      this.containers.wrapAll.parentNode.insertBefore(this.containers.root, this.containers.wrapAll)
     3904      this.containers.shadowRoot.appendChild(this.containers.wrapAll)
     3905
     3906      // 6. Добавляем стили внутрь Shadow
     3907      for (const style of mapsvgCore.styles) {
     3908        const link = document.createElement("link")
     3909        link.rel = "stylesheet"
     3910        link.href = style.url + "?ver=" + style.version
     3911        this.containers.shadowRoot.appendChild(link)
     3912      }
     3913    } else {
     3914      // 6. Добавляем стили внутрь Shadow
     3915      if (!mapsvgCore.stylesAddedToBody) {
     3916        for (const style of mapsvgCore.styles) {
     3917          const link = document.createElement("link")
     3918          link.rel = "stylesheet"
     3919          link.href = style.url + "?ver=" + style.version
     3920          document.head.appendChild(link)
     3921        }
     3922        mapsvgCore.stylesAddedToBody = true
     3923      }
     3924
     3925      // Insert this.containers.wrapAll before this.containers.map
     3926      // this.containers.map.parentNode.insertBefore(this.containers.wrapAll, this.containers.map)
     3927      // this.containers.wrapAll.parentNode.insertBefore(this.containers.root, this.containers.wrapAll)
     3928    }
    38443929
    38453930    this.containersCreated = true
     
    44754560    if (this.options.detailsView.location === "custom") {
    44764561      detContainer = $("#" + this.options.detailsView.containerId)[0]
     4562    } else if (this.options.detailsView.location === "fullscreen") {
     4563      detContainer = this.containers.map
    44774564    } else {
    44784565      detContainer = this.containers[this.options.detailsView.location]
     
    44994586      state: obj.getData(),
    45004587      scrollable: cancelAutoresize || this.shouldBeScrollable(this.options.detailsView.location), //['custom','header','footer'].indexOf(this.options.detailsView.location) === -1,
    4501       withToolbar: !isPhone() && this.options.detailsView.mobileFullscreen,
    4502       fullscreen: {
    4503         sm:
    4504           this.options.detailsView.mobileFullscreen ||
    4505           this.options.detailsView.location === "fullscreen",
    4506         md:
    4507           this.options.detailsView.mobileFullscreen ||
    4508           this.options.detailsView.location === "fullscreen",
    4509         lg: this.options.detailsView.location === "fullscreen",
    4510       },
     4588      fullscreen:
     4589        this.options.detailsView.location === "fullscreen" ||
     4590        (isPhone() && this.options.detailsView.mobileFullscreen),
     4591      useShadowRoot:
     4592        this.useShadowRoot &&
     4593        ((isPhone() && this.options.detailsView.mobileFullscreen) ||
     4594          ["custom", "fullscreen"].includes(this.options.detailsView.location)),
    45114595      position: ["custom", "header", "footer"].includes(this.options.detailsView.location)
    45124596        ? "relative"
     
    46124696        padding: this.options.filters.padding,
    46134697      },
     4698      useShadowRoot: this.useShadowRoot && this.options.filters.location === "custom",
    46144699      query: this.filtersRepository?.query,
    46154700      schema: this.filtersSchema,
     
    46204705          ["leftSidebar", "rightSidebar"].indexOf(this.options.filters.location) !== -1),
    46214706      modal,
    4622       withToolbar: isPhone() ? false : modal,
    46234707      modalLocation: this.options.filters.modalLocation,
    46244708      hideFilters: this.options.filters.hide,
     
    70577141      mapObject: mapObject,
    70587142      scrollable: true,
    7059       fullscreen: {
    7060         sm: this.options.popovers.mobileFullscreen,
    7061         md: this.options.popovers.mobileFullscreen,
    7062         lg: false,
    7063       },
    7064       withToolbar: !(isPhone() && this.options.popovers.mobileFullscreen),
     7143      fullscreen: isPhone() && this.options.popovers.mobileFullscreen,
     7144      useShadowRoot: this.useShadowRoot && isPhone() && this.options.popovers.mobileFullscreen,
    70657145      styles: {
    70667146        width: this.options.popovers.width + "px",
     
    76737753            $(e.target).hasClass("mapsvg-details-container") ||
    76747754            $(e.target).closest(".mapsvg-details-container").length ||
    7675             $(e.target).closest(".mapsvg-popover-container").length
     7755            $(e.target).closest(".mapsvg-popover-container").length ||
     7756            $(e.target).closest(".mapsvg-controller-view").length
    76767757          ) {
    76777758            // Prevent even dobule firing touchstart+mousedown on clicking popover close button
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg/Map/OptionsInterfaces/MapOptions.ts

    r3399399 r3408063  
    2020 */
    2121export interface MapOptions {
     22  useShadowRoot?: boolean
    2223  id: number
    2324  title?: string
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg/Map/Toolbar.ts

    r3233639 r3408063  
    3535      closable: false,
    3636      scrollable: false,
    37       fullscreen: { sm: false, md: false, lg: false },
     37      fullscreen: false,
    3838      autoresize: false,
    3939      withToolbar: false,
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg/Map/default-options.ts

    r3399399 r3408063  
    5959const DefaultOptions = {
    6060  source: "",
     61  useShadowRoot: true,
    6162  markerLastID: 0,
    6263  regionLastID: 0,
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg/Map/map.css

    r3399399 r3408063  
    13871387}
    13881388
    1389 /* FULLSCREEN CONTAINER */
    1390 /* .mapsvg-controller-container { */
    1391 /* position: relative; */
    1392 /* } */
    1393 .mapsvg-mobile-modal-close {
    1394   display: none;
    1395 }
    1396 /* body.admin-bar .mapsvg-controller-container.mapsvg-fullscreen-lg {
    1397   top: 32px;
    1398 } */
    1399 
    1400 @media screen and (max-width: 767px) {
    1401   .mapsvg-controller-container.mapsvg-fullscreen-sm {
    1402     position: fixed !important;
    1403     top: 0;
    1404     left: 0;
    1405     right: 0;
    1406     bottom: 0;
    1407     z-index: 999999999;
    1408     width: 100% !important;
    1409     height: auto !important;
    1410     max-width: none !important;
    1411     max-height: none !important;
    1412     transform: none !important;
    1413     border: none !important;
    1414     box-shadow: none !important;
    1415     margin: 0 !important;
    1416   }
    1417   .mapsvg-controller-container.mapsvg-fullscreen-sm .mapsvg-popover-close {
    1418     display: none;
    1419   }
    1420   .mapsvg-controller-container.mapsvg-fullscreen-sm .mapsvg-mobile-modal-close {
    1421     display: block;
    1422   }
    1423 }
    1424 
    1425 @media screen and (min-width: 768px) and (max-width: 1024px) {
    1426   .mapsvg-controller-container.mapsvg-fullscreen-md {
    1427     position: fixed !important;
    1428     top: 0;
    1429     left: 0;
    1430     right: 0;
    1431     bottom: 0;
    1432     z-index: 999999999;
    1433     width: 100% !important;
    1434     height: auto !important;
    1435     max-width: none !important;
    1436     max-height: none !important;
    1437     transform: none !important;
    1438     border: none !important;
    1439     box-shadow: none !important;
    1440     margin: 0 !important;
    1441   }
    1442   .mapsvg-controller-container.mapsvg-fullscreen-md .mapsvg-mobile-modal-close {
    1443     display: none;
    1444   }
    1445   .mapsvg-controller-container.mapsvg-fullscreen-md .mapsvg-popover-close {
    1446     display: block;
    1447   }
    1448 }
    1449 
    14501389@media screen and (min-width: 1025px) {
    14511390  .mapsvg-controller-view-content {
    14521391    padding-bottom: 80px;
    14531392  }
    1454 
    1455   .mapsvg-controller-container.mapsvg-fullscreen-lg {
    1456     position: fixed !important;
    1457     top: 0;
    1458     left: 0;
    1459     right: 0;
    1460     bottom: 0;
    1461     z-index: 999999999;
    1462     width: 100% !important;
    1463     height: auto !important;
    1464     max-width: none !important;
    1465     max-height: none !important;
    1466     transform: none !important;
    1467     border: none !important;
    1468     box-shadow: none !important;
    1469     margin: 0 !important;
    1470   }
    1471   .mapsvg-controller-container.mapsvg-fullscreen-lg .mapsvg-mobile-modal-close {
    1472     display: none;
    1473   }
    1474 
    1475   .mapsvg-controller-container.mapsvg-fullscreen-lg .mapsvg-popover-close {
    1476     display: block;
    1477   }
    14781393}
    14791394
     
    14811396body.mapsvg-modal-fullscreen {
    14821397  overflow: hidden;
    1483 }
    1484 .mapsvg-popover-close {
    1485   position: absolute;
    1486   display: inline-block;
    1487   width: 50px;
    1488   height: 50px;
    1489   overflow: hidden;
    1490   transform-origin: 100% 0;
    1491   -webkit-transform-origin: 100% 0;
    1492   transform: scale(0.45);
    1493   top: 5px;
    1494   right: 5px;
    1495   cursor: pointer;
    1496   z-index: 1200;
    1497 }
    1498 .mapsvg-popover-close:hover::before,
    1499 .mapsvg-popover-close:hover::after {
    1500   background: #666;
    1501 }
    1502 .mapsvg-popover-close::before,
    1503 .mapsvg-popover-close::after {
    1504   content: "";
    1505   position: absolute;
    1506   height: 2px;
    1507   width: 100%;
    1508   top: 50%;
    1509   left: 0;
    1510   margin-top: -1px;
    1511   background: #000;
    1512 }
    1513 @-moz-document url-prefix() {
    1514   .mapsvg-popover-close::before,
    1515   .mapsvg-popover-close::after {
    1516     height: 3px;
    1517   }
    1518 }
    1519 .mapsvg-popover-close::before {
    1520   -webkit-transform: rotate(45deg);
    1521   -moz-transform: rotate(45deg);
    1522   -ms-transform: rotate(45deg);
    1523   -o-transform: rotate(45deg);
    1524   transform: rotate(45deg);
    1525 }
    1526 .mapsvg-popover-close::after {
    1527   -webkit-transform: rotate(-45deg);
    1528   -moz-transform: rotate(-45deg);
    1529   -ms-transform: rotate(-45deg);
    1530   -o-transform: rotate(-45deg);
    1531   transform: rotate(-45deg);
    1532 }
    1533 .mapsvg-popover-close.big {
    1534   -webkit-transform: scale(3);
    1535   -moz-transform: scale(3);
    1536   -ms-transform: scale(3);
    1537   -o-transform: scale(3);
    1538   transform: scale(3);
    1539 }
    1540 .mapsvg-popover-close.hairline::before,
    1541 .mapsvg-popover-close.hairline::after {
    1542   height: 2px;
    1543 }
    1544 .mapsvg-popover-close.thick::before,
    1545 .mapsvg-popover-close.thick::after {
    1546   height: 4px;
    1547   margin-top: -2px;
    1548 }
    1549 .mapsvg-popover-close.black::before,
    1550 .mapsvg-popover-close.black::after {
    1551   height: 8px;
    1552   margin-top: -4px;
    1553 }
    1554 .mapsvg-popover-close.heavy::before,
    1555 .mapsvg-popover-close.heavy::after {
    1556   height: 12px;
    1557   margin-top: -6px;
    1558 }
    1559 .mapsvg-popover-close.pointy::before,
    1560 .mapsvg-popover-close.pointy::after {
    1561   width: 200%;
    1562   left: -50%;
    1563 }
    1564 .mapsvg-popover-close.rounded::before,
    1565 .mapsvg-popover-close.rounded::after {
    1566   border-radius: 5px;
    1567 }
    1568 .mapsvg-popover-close.blades::before,
    1569 .mapsvg-popover-close.blades::after {
    1570   border-radius: 5px 0;
    1571 }
    1572 .mapsvg-popover-close.warp::before,
    1573 .mapsvg-popover-close.warp::after {
    1574   border-radius: 120% 0;
    1575 }
    1576 .mapsvg-popover-close.fat::before,
    1577 .mapsvg-popover-close.fat::after {
    1578   border-radius: 100%;
    1579 }
    1580 .mapsvg-container-custom .mapsvg-popover-close {
    1581   display: none;
    1582 }
    1583 .mapsvg-controller-view-content img {
    1584   max-width: 100%;
    15851398}
    15861399
  • mapsvg-lite-interactive-vector-maps/trunk/js/mapsvg/Popover/popover.css

    r3201359 r3408063  
    4444  -webkit-tap-highlight-color: transparent;
    4545}
    46 body.mapsvg-modal-fullscreen .mapsvg-popover {
    47   border: none;
    48   box-shadow: none;
    49   transform: none;
    50   margin: 0;
    51   width: 100%;
    52   height: 100%;
    53   min-width: none;
    54   max-width: none;
    55   min-height: none;
    56   max-height: none;
    57   bottom: 0;
    58 }
     46
    5947.mapsvg-popover * {
    6048  box-sizing: border-box;
     
    117105
    118106@media (max-width: 812px) {
    119   body.mapsvg-fullscreen-popovers .mapsvg-popover {
    120     /*font-size: 1.2em;*/
    121     -webkit-transform: none !important;
    122     -moz-transform: none !important;
    123     -ms-transform: none !important;
    124     -o-transform: none !important;
    125     transform: none !important;
    126     top: 0 !important;
    127     left: 0 !important;
    128     bottom: 0 !important;
    129     right: 0 !important;
    130     border: 1px solid #e5e5e5;
    131     border-radius: 0;
    132     box-shadow: none;
    133     position: fixed;
    134     height: 100%;
    135     min-height: 100%;
    136     max-width: 100% !important;
    137     max-height: 100% !important;
    138     width: 100% !important;
    139     z-index: 999999999;
    140   }
    141   body.mapsvg-fullscreen-popovers .mapsvg-popover.mapsvg-popover-animate {
    142     -webkit-transition: none !important;
    143     -moz-transition: none !important;
    144     -ms-transition: none !important;
    145     -o-transition: none !important;
    146     transition: none !important;
    147   }
    148   body > .mapsvg-popover {
    149     box-shadow: none;
    150     border: none;
    151     border-radius: 0;
    152     font-size: inherit;
    153     font-family: inherit;
    154   }
    155   body > .mapsvg-popover:before {
    156     display: none !important;
    157   }
    158   body.mapsvg-fullscreen-popovers .mapsvg-popover .mapsvg-controller-view-content {
    159     padding-bottom: 80px;
    160   }
    161 
    162107  .mapsvg-popover .mapsvg-controller-view-toolbar {
    163108    height: 38px;
     
    176121  }
    177122}
     123
     124.mapsvg-popover.mapsvg-fullscreen {
     125  border-radius: 0;
     126}
  • mapsvg-lite-interactive-vector-maps/trunk/mapsvg.php

    r3400143 r3408063  
    44Plugin URI: https://mapsvg.com
    55Description: Any maps with database integration, filters and search. Use included maps or draw your own. Create vector maps, Google maps, image maps, floor plans, store locators.
    6 Version: 8.7.23
     6Version: 8.8.0
    77Requires at least: 5.0
    88Requires PHP: 7.4
     
    2626define('MAPSVG_PLAN', 'mapsvg-lite');
    2727/** MapSVG version number */
    28 define('MAPSVG_VERSION', '8.7.23');
     28define('MAPSVG_VERSION', '8.8.0');
    2929/** Prefix for MapSVG tables in the database */
    3030define('MAPSVG_PREFIX',  'mapsvg6_');
  • mapsvg-lite-interactive-vector-maps/trunk/package.json

    r3400143 r3408063  
    11{
    22  "name": "mapsvg",
    3   "version": "8.7.23",
     3  "version": "8.8.0",
    44  "type": "module",
    55  "main": "dist/mapsvg-front.min.js",
  • mapsvg-lite-interactive-vector-maps/trunk/php/Admin/Admin.php

    r3316809 r3408063  
    6464            wp_register_style('main.css', MAPSVG_PLUGIN_URL . 'css/mapsvg-admin.css', null, MAPSVG_ASSET_VERSION,);
    6565            wp_enqueue_style('main.css');
     66            wp_register_style('mapsvg-styles-filters', MAPSVG_PLUGIN_URL . 'js/mapsvg/FormBuilder/form.css', null, MAPSVG_ASSET_VERSION,);
     67            wp_enqueue_style('mapsvg-styles-filters');
    6668        }
    6769
  • mapsvg-lite-interactive-vector-maps/trunk/php/Front/Front.php

    r3400143 r3408063  
    2727        // wp_register_style('mapsvg', MAPSVG_PLUGIN_URL . 'dist/mapsvg.css', null, MAPSVG_ASSET_VERSION);
    2828        // wp_enqueue_style('mapsvg');
    29         wp_register_style('mapsvg', MAPSVG_PLUGIN_URL . 'dist/mapsvg-bundle.css', null, MAPSVG_ASSET_VERSION);
    30         wp_enqueue_style('mapsvg');
    31 
    32         wp_register_style('nanoscroller', MAPSVG_PLUGIN_URL . 'js/vendor/nanoscroller/nanoscroller.css', null, '0.8.7');
    33         wp_enqueue_style('nanoscroller');
    34 
    35         wp_register_style('select2', MAPSVG_PLUGIN_URL . 'js/vendor/select2/select2.min.css', null, '4.0.31');
    36         wp_enqueue_style('select2');
     29        // wp_register_style('mapsvg', MAPSVG_PLUGIN_URL . 'dist/mapsvg-bundle.css', null, MAPSVG_ASSET_VERSION);
     30        // wp_enqueue_style('mapsvg');
     31
     32        // wp_register_style('nanoscroller', MAPSVG_PLUGIN_URL . 'js/vendor/nanoscroller/nanoscroller.css', null, '0.8.7');
     33        // wp_enqueue_style('nanoscroller');
     34
     35        // wp_register_style('select2', MAPSVG_PLUGIN_URL . 'js/vendor/select2/select2.min.css', null, '4.0.31');
     36        // wp_enqueue_style('select2');
    3737
    3838        // wp_register_script('jquery.mousewheel', MAPSVG_PLUGIN_URL . 'js/vendor/jquery-mousewheel/jquery.mousewheel.min.js', array('jquery'), '3.0.6');
     
    6868                'uploads'   => wp_parse_url(MAPSVG_UPLOADS_URL, PHP_URL_PATH),
    6969                'home' => home_url()
     70            ),
     71            'styles' => array(
     72                [
     73                    'name' => 'nanoscroller',
     74                    'url' => MAPSVG_PLUGIN_URL . 'js/vendor/nanoscroller/nanoscroller.css',
     75                    'version' =>    '0.8.7'
     76                ],
     77                [
     78                    'name' => 'select2',
     79                    'url' => MAPSVG_PLUGIN_URL . 'js/vendor/select2/select2.min.css',
     80                    'version' =>    '4.0.31'
     81                ],
     82                [
     83                    'name' => 'mapsvg',
     84                    'url' => MAPSVG_PLUGIN_URL . 'dist/mapsvg-bundle.css',
     85                    'version' =>    MAPSVG_ASSET_VERSION
     86                ],
    7087            ),
    7188            'nonce' => wp_create_nonce('wp_rest'),
  • mapsvg-lite-interactive-vector-maps/trunk/rollup.config.mjs

    r3349657 r3408063  
    1414import { fileURLToPath } from "url"
    1515import packageJson from "./package.json" assert { type: "json" }
     16import postcssImport from "postcss-import"
    1617
    1718const __dirname = dirname(fileURLToPath(import.meta.url))
    1819
    1920export default [
     21  // Main build - includes ALL CSS (mapsvg-bundle.css)
    2022  {
    2123    external: ["formidable", "jQuery", "Handlebars"],
    22     input: { mapsvg: "js/mapsvg/Core/Mapsvg.ts" },
     24    input: {
     25      mapsvg: "js/mapsvg/Core/Mapsvg.ts",
     26      // "formbuilder-1": "js/mapsvg/FormBuilder/form.css",
     27    },
    2328    output: {
    2429      globals: {
     
    4651      postcss({
    4752        extensions: [".css", ".scss"],
    48         plugins: [autoprefixer(), cssnano()],
     53        plugins: [postcssImport(), autoprefixer(), cssnano()],
    4954        use: [["sass"]],
    50         extract: "mapsvg-bundle.css", // Specify the output file
    51         minimize: true, // Minify the CSS
     55        extract: "mapsvg-bundle.css", // All CSS goes here
     56        minimize: true,
    5257      }),
    5358      rootImport({
     
    112117    ],
    113118  },
     119  // FormBuilder build - includes ONLY FormBuilder CSS (formbuilder-bundle.css)
     120  // {
     121  //   // external: ["formidable", "jQuery", "Handlebars"],
     122  //   input: { formbuilder: "js/mapsvg/FormBuilder/form.css" },
     123  //   output: {
     124  //     dir: "./dist",
     125  //     format: "esm",
     126  //     sourcemap: true,
     127  //   },
     128  //   plugins: [
     129  //     postcss({
     130  //       extensions: [".css", ".scss"],
     131  //       plugins: [postcssImport(), autoprefixer(), cssnano()],
     132  //       use: [["sass"]],
     133  //       extract: "formbuilder-bundle.css", // Only FormBuilder CSS goes here
     134  //       minimize: true,
     135  //     }),
     136  //     // typescript({ tsconfig: "./tsconfig.json" }),
     137  //     sourcemaps(),
     138  //     // commonjs(),
     139  //     // json(),
     140  //     nodeResolve({
     141  //       browser: true,
     142  //     }),
     143  //   ],
     144  // },
    114145]
Note: See TracChangeset for help on using the changeset viewer.