umap-project 2.5.1__py3-none-any.whl → 2.6.0__py3-none-any.whl

umap/static/umap/map.css

@@ -1,3 +1,24 @@
+/* ************* */
+/* temporary fix */
+/* ************* */
+/* https://github.com/umap-project/umap/pull/2046#issuecomment-2278046469 */
+html[dir="rtl"] .leaflet-inplace-toolbar {
+    direction: ltr;
+}
+html[dir="rtl"] .leaflet-inplace-toolbar > * {
+    direction: rtl;
+}
+html[dir="rtl"] .leaflet-tooltip-pane {
+    direction: ltr;
+}
+html[dir="rtl"] .leaflet-tooltip-pane > * {
+    direction: rtl;
+}
+.marker-cluster div { /* fix cluster icon for rtl */
+    margin-left: unset;
+    margin-inline-start: 5px;
+}
+
 /* *********** */
 /* Map details */
 /* *********** */
@@ -84,12 +105,12 @@
 .umap-control-more,
 .umap-control-less {
     background-image: url('./img/24-white.svg');
-    background-position: -72px -474px;
+    background-position: -72px -366px;
     text-indent: -9999px;
     margin-bottom: 0;
 }
 .umap-control-less {
-    background-position: -108px -476px;
+    background-position: -108px -366px;
 }
 .umap-more-controls .display-on-more,
 .umap-more-controls .umap-control-less {
@@ -138,7 +159,7 @@
     font-size: 0.8em;
 }
 .umap-control-text [type="button"] {
-    float: right;
+    float: inline-end;
     background-color: #666;
     margin: 0;
     width: 36px;
@@ -150,11 +171,10 @@
     width: 24px;
     height: 24px;
     display: inline-block;
-    vertical-align: middle;
+    vertical-align: -20%;
     background-image: url('./img/16-white.svg');
-    background-position: -52px -49px;
+    background-position: -48px -48px;
 }
-
 .leaflet-control-edit-enable [type="button"] {
     width: initial;
     padding: 0 20px;
@@ -172,7 +192,7 @@
 }
 .umap-permanent-credits-container {
     max-width: 20rem;
-    margin-left: 5px!important;
+    margin-inline-start: 5px!important;
     margin-bottom: 5px!important;
     padding: 0.5rem;
 }
@@ -193,13 +213,13 @@
 .leaflet-iconLayers-layer {
     width: 38px;
     height: 38px;
-    box-shadow: 0px 0px 2px #444;
-    border: 1px solid #bbb;
+    box-shadow: none;
+    border: 1px solid var(--color-lightGray);
     border-radius: 4px;
 }
 .leaflet-iconLayers-layerTitleContainer {
     display: none;
-    left: 0;
+    inset-inline-start: 0;
     overflow: hidden;
     min-height: 1.5rem;
     height: 1.5rem;
@@ -218,6 +238,25 @@
 .leaflet-iconLayers-layerCell:hover .leaflet-iconLayers-layerTitleContainer {
     height: initial;
 }
+.leaflet-iconLayers-layerCell-plus {
+    width: 80px;
+    height: 80px;
+    background-color: var(--background-color);
+    vertical-align: middle;
+    text-align: center;
+    font-size: 3rem;
+    display: none;
+    line-height: 100%;
+    border-radius: var(--border-radius);
+    margin-bottom: 0;
+    border: 1px solid var(--color-lightGray);
+}
+.leaflet-iconLayers-layerCell-plus:hover {
+    background-color: var(--color-lightGray);
+}
+.leaflet-iconLayers:hover .leaflet-iconLayers-layerCell-plus {
+    display: block;
+}
 
 
 
@@ -238,13 +277,13 @@ ul.photon-autocomplete {
     overflow: hidden;
     white-space: nowrap;
     font-size: 1em;
-    border-left: 4px solid #efefef;
+    border-inline-start: 4px solid #efefef;
 }
 .photon-autocomplete li strong {
     display: block;
 }
 .photon-autocomplete li.on {
-    border-left: 4px solid #2980b9;
+    border-inline-start: 4px solid #2980b9;
     cursor: pointer;
 }
 .photon-autocomplete li.photon-no-result {
@@ -255,14 +294,14 @@ ul.photon-autocomplete {
 }
 .photon-autocomplete .photon-feedback {
     display: block;
-    text-align: right;
+    text-align: end;
     font-size: 0.8em;
     padding: 3px;
     color: #999;
     border-top: 1px solid #eee;
 }
 .search-result-tools {
-    float: right;
+    float: inline-end;
     display: block;
 }
 
@@ -271,31 +310,11 @@ ul.photon-autocomplete {
 /* ***************************** */
 /*    Share and download panel   */
 /* ***************************** */
-.download-file {
-    height: 1.2em;
-    min-height: 1.2em;
+.downloads li {
+    height: 1.7em;
     padding: 0;
-    text-align: left;
-    vertical-align: bottom;
-}
-.download-file:before,
-.download-backup:before {
-    height: 24px;
-    width: 24px;
-    background-repeat: no-repeat;
-    background-image: url('./img/16.svg');
-    background-size: auto auto;
-    background-position: -4px -145px;
-    content: " ";
+    text-align: start;
     vertical-align: bottom;
-    display: inline-block;
-}
-.download-backup:before {
-    background-position: -27px -144px;
-}
-.leaflet-container .download-backup {
-    color: black;
-    display: block;
 }
 .vspace {
     height: 32px;
@@ -412,7 +431,7 @@ ul.photon-autocomplete {
     display: inline-block;
     width: 16px;
     height: 16px;
-    margin-left: 5px;
+    margin-inline-start: 5px;
     background-position: -4px -4px;
     background-repeat: no-repeat;
     background-image: url('./img/16.svg');
@@ -507,7 +526,7 @@ ul.photon-autocomplete {
 .leaflet-container .leaflet-control-edit-disable span,
 .leaflet-container .leaflet-control-edit-save span,
 .leaflet-container .leaflet-control-edit-cancel span {
-    margin-left: 10px;
+    margin-inline-start: 10px;
 }
 .leaflet-container .leaflet-control-edit-save:before {
     background-position: -148px -2px;
@@ -575,7 +594,7 @@ ul.photon-autocomplete {
     height: 46px;
     background-color: var(--color-darkGray);
     padding: 0 10px;
-    text-align: left;
+    text-align: start;
     line-height: var(--control-size);
     cursor: auto;
     border-bottom: 1px solid #222;
@@ -614,7 +633,7 @@ ul.photon-autocomplete {
     white-space: nowrap;
     text-overflow: ellipsis;
     font-weight: bold;
-    text-align: left;
+    text-align: start;
 }
 .umap-main-edit-toolbox .share-status {
     font-size: 1em;
@@ -622,10 +641,9 @@ ul.photon-autocomplete {
     overflow: hidden;
     text-overflow: ellipsis;
 }
-
 .map-name:after {
     content:  '\00a0';
-    padding-left: 3px;
+    padding-inline-start: 3px;
     width: 1ch;
     display: inline-block;
 }
@@ -640,11 +658,11 @@ ul.photon-autocomplete {
     display: inline;
 }
 .umap-caption-bar button {
-    margin-left: 10px;
+    margin-inline-start: 10px;
 }
 .umap-caption-bar button + button:before {
     content: '|';
-    padding-right: 10px;
+    padding-inline-end: 10px;
 }
 .umap-main-edit-toolbox .umap-user {
     color: #fff;
@@ -654,7 +672,7 @@ ul.photon-autocomplete {
 }
 .umap-main-edit-toolbox .umap-user:after {
     content: '|';
-    padding-left: 20px;
+    padding-inline-start: 20px;
     display: inline-block; /* Prevents underline on hover. */
 }
 .umap-caption-bar-enabled .umap-caption-bar {
@@ -667,7 +685,7 @@ ul.photon-autocomplete {
     bottom: 0;
     right: 0;
     padding: var(--gutter);
-    text-align: left;
+    text-align: start;
     line-height: 100%;
     cursor: auto;
     border-top: 1px solid var(--color-lightGray);
@@ -689,7 +707,7 @@ ul.photon-autocomplete {
     background-position: -122px -73px;
     background-repeat: no-repeat;
     background-image: url('./img/16-white.svg');
-    margin-right: 10px;
+    margin-inline-end: 10px;
 }
 
 .leaflet-toolbar-tip {
@@ -745,7 +763,7 @@ ul.photon-autocomplete {
 .umap-browser .feature-title {
     width: inherit;
     cursor: inherit;
-    padding-left: 6px;
+    padding-inline-start: 6px;
 }
 .umap-browser .feature-title {
     font-size: 12px;
@@ -816,7 +834,7 @@ a.umap-control-caption,
 .umap-browser h5, .umap-facet-search h5 {
     margin-bottom: 0;
     overflow: hidden;
-    padding-left: 5px;
+    padding-inline-start: 5px;
     height: 30px;
     line-height: 30px;
     background-color: var(--color-lightGray);
@@ -829,7 +847,7 @@ a.umap-control-caption,
     color: white;
 }
 .umap-browser h5 span {
-    margin-left: 10px;
+    margin-inline-start: 10px;
 }
 .umap-browser li, .umap-facet-search li {
     padding: 2px 0;
@@ -854,7 +872,7 @@ a.umap-control-caption,
     padding: 0;
     width: 24px;
     text-align: center;
-    margin-left: 5px;
+    margin-inline-start: 5px;
 }
 .umap-browser.dark .datalayer .feature-color {
     box-shadow: 0 0 2px 0 #999 inset;
@@ -879,8 +897,8 @@ a.umap-control-caption,
     background-position: -48px -25px;
 }
 .umap-browser .datalayer-toggle-list {
-    float: right;
-    margin-right: 5px;
+    float: inline-end;
+    margin-inline-end: 5px;
     background-position: -145px -70px;
 }
 .umap-browser .show-list .datalayer-toggle-list {
@@ -904,8 +922,8 @@ a.umap-control-caption,
 .datalayer-name {
     cursor: pointer;
 }
-.umap-caption .umap-map-owner {
-    padding-left: 31px;
+.umap-caption .umap-map-author {
+    padding-inline-start: 31px;
 }
 
 
@@ -932,7 +950,7 @@ a.umap-control-caption,
     height: 56px;
     line-height: 56px;
     opacity: 0.9;
-    padding-left: 10px;
+    padding-inline-start: 10px;
     position: absolute;
     width: 100%;
     text-align: center;
@@ -942,9 +960,9 @@ a.umap-control-caption,
     content: "✓";
     font-size: 1.3em;
     line-height: 56px;
-    padding-right: 7px;
+    padding-inline-end: 7px;
     position: absolute;
-    left: 7px;
+    inset-inline-start: 7px;
 }
 .umap-tilelayer-switcher-container li img {
     display: block;
@@ -958,7 +976,7 @@ a.umap-control-caption,
     display: inline-block;
     width: 16px;
     height: 16px;
-    margin-right: 10px;
+    margin-inline-end: 10px;
     border: 1px solid #000;
     background-color: transparent;
     vertical-align: middle;
@@ -975,6 +993,19 @@ a.umap-control-caption,
     padding: 0;
     margin: 0;
 }
+.datalayer-legend .circles-layer-legend {
+    padding: var(--box-padding);
+}
+.circles-layer-legend li {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.circles-layer-legend li .circle {
+    border-radius: 50%;
+    display: inline-block;
+    text-align: center;
+}
 
 /* ********************************* */
 /*           Popup                   */
@@ -989,39 +1020,13 @@ a.umap-control-caption,
     position: relative;
     background-color: rgb(68, 68, 68);
     color: white;
-    display: table;
+    display: flex;
     width: 100%;
     margin-top: auto;
     min-width: 99px;
     border-radius: 2px;
     max-height: 24px;
-}
-.umap-popup-footer li {
-    line-height: 24px;
-    height: 24px;
-    display: table-cell;
-    width: 33.3%;
-    cursor: pointer;
-    text-align: center;
-}
-.umap-popup-footer li:before {
-    display: inline-block;
-    width: 16px;
-    height: 16px;
-    margin-left: 5px;
-    background-repeat: no-repeat;
-    background-image: url('./img/16.svg');
-    vertical-align: middle;
-    content: " ";
-}
-.umap-popup-footer li.zoom:before {
-    background-position: -5px -101px;
-}
-.umap-popup-footer li.previous:before {
-    background-position: -28px -77px;
-}
-.umap-popup-footer li.next:before {
-    background-position: -5px -77px;
+    justify-content: space-around;
 }
 .umap-popup a:hover {
     text-decoration: underline;
@@ -1040,11 +1045,11 @@ a[href^='tel']::before {
   content: '☎︎ ';
 }
 address span {
-    padding-right: 5px;
+    padding-inline-end: 5px;
 }
 .osm-link {
     margin-top: 10px;
-    text-align: right;
+    text-align: end;
     font-style: italic;
 }
 span.popup-icon {
@@ -1071,7 +1076,7 @@ span.popup-icon {
     box-shadow: 7px 10px 10px -1px black;
     height: 36px;
     line-height: 36px;
-    margin-left: -2px;
+    margin-inline-start: -2px;
     margin-top: -4px;
     opacity: 1.0!important;
     width: 36px;
@@ -1086,7 +1091,7 @@ span.popup-icon {
     border-right: 8px solid transparent;
     border-top: 8px solid #2270b5;
     height: 0;
-    left: 8px;
+    inset-inline-start: 8px;
     position: relative;
     width: 0;
     opacity: 0.9;
@@ -1099,7 +1104,7 @@ span.popup-icon {
     border-right: 10px solid transparent;
     border-top: 16px solid #2270B5;
     height: 0;
-    left: 6px;
+    inset-inline-start: 6px;
     position: relative;
     top: -4px;
     width: 0;
@@ -1108,7 +1113,7 @@ span.popup-icon {
     border-left-width: 12px;
     border-right-width: 12px;
     border-top-width: 18px;
-    left: 4px;
+    inset-inline-start: 4px;
     opacity: 1.0!important;
 }
 .umap-drop-icon .icon_container {
@@ -1126,7 +1131,7 @@ span.popup-icon {
     border-radius: 18px 18px 18px 18px;
     height: 36px;
     line-height: 36px;
-    margin-left: -2px;
+    margin-inline-start: -2px;
     margin-top: -6px;
     opacity: 1.0!important;
     width: 36px;
@@ -1144,14 +1149,14 @@ span.popup-icon {
 .umap-circle-icon {
     border: 1px solid white;
     border-radius: 10px 10px 10px 10px;
-    margin-left: -6px;
+    margin-inline-start: -6px;
     margin-top: -6px;
     height: 12px;
     width: 12px;
 }
 .umap-circle-icon.umap-icon-active {
     height: 16px;
-    margin-left: -8px;
+    margin-inline-start: -8px;
     margin-top: -8px;
     opacity: 1.0!important;
     width: 16px;
@@ -1169,7 +1174,7 @@ span.popup-icon {
 .umap-ball-icon.umap-icon-active .icon_container {
     border-radius: 10px 10px 10px 10px;
     box-shadow: 1px 23px 7px -1px black;
-    margin-left: -2px;
+    margin-inline-start: -2px;
     margin-top: -4px;
     height: 20px;
     opacity: 1.0!important;
@@ -1178,7 +1183,7 @@ span.popup-icon {
 .umap-ball-icon .icon_arrow {
     background-color: black;
     height: 16px;
-    left: 7px;
+    inset-inline-start: 7px;
     opacity: 0.9;
     position: relative;
     top: -1px;
@@ -1375,10 +1380,10 @@ span.popup-icon {
     line-height: var(--control-size);
 }
 .leaflet-container .leaflet-control-zoom {
-    margin-left: 10px;
+    margin-inline-start: 10px;
 }
-.leaflet-top {
-    z-index: calc(var(--zindex-panels) - 1);
+.leaflet-top, .leaflet-bottom {
+    z-index: var(--zindex-controls);
 }
 .leaflet-popup-content {
     min-width: 200px;
@@ -1407,7 +1412,7 @@ span.popup-icon {
    background-color: #f6f6f6;
 }
 .umap-popup-content th {
-    text-align: left;
+    text-align: start;
 }
 .umap-popup-content td {
     word-break: break-word;
@@ -1492,7 +1497,7 @@ span.popup-icon {
         display: none;
     }
     .umap-main-edit-toolbox .umap-user {
-        margin-right: 10px;
+        margin-inline-end: 10px;
     }
     .umap-main-edit-toolbox .umap-user:after {
         display: none;
@@ -1519,13 +1524,11 @@ span.popup-icon {
 
     .leaflet-control-layers-expanded label {
         display: inline-block;
-        margin-right: 10px;
+        margin-inline-end: 10px;
     }
-
     .leaflet-control-layers-expanded {
-        margin-left: 10px;
+        margin-inline-start: 10px;
     }
-
     .umap-permanent-credits-container {
         max-width: 100%;
     }

umap/static/umap/nav.css

@@ -3,15 +3,17 @@ header {
 }
 
 footer {
-    height: 140px;
+    min-height: 140px;
     margin-top: 40px;
-    background-color: #2E3641;
-    text-align: center;
-    line-height: 140px;
-    color: #fff;
+    background-color: var(--color-darkBlue);
+    color: var(--color-light);
+    display: flex;
+    align-items: center;
+    justify-content: space-evenly;
+    flex-wrap: wrap;
 }
 footer a {
-    color: #fff;
+    color: var(--color-light);
     text-decoration: underline;
 }
 footer a.branding {
@@ -20,11 +22,15 @@ footer a.branding {
     background-repeat: no-repeat;
     background-size: 60px auto;
     font-size: 30px;
+    height: 60px;
+    line-height: 60px;
     font-weight: bold;
-    height: 140px;
-    padding-left: 70px;
+    padding-inline-start: 70px;
     display: inline-block;
 }
+html[dir="rtl"] footer a.branding {
+  background-position: right center;
+}
 
 footer .i18n_switch {
     display: inline-block;
@@ -51,10 +57,13 @@ footer .i18n_switch {
     background-repeat: no-repeat;
     background-size: 60px auto;
     line-height: 70px;
-    padding-left: 80px;
+    padding-inline-start: 80px;
     display: block;
     font-size: 2.5rem;
 }
+html[dir="rtl"] .umap-nav h1 a {
+  background-position: right center;
+}
 .umap-nav ul {
     text-align: center;
     font-weight: bold;
@@ -66,7 +75,7 @@ footer .i18n_switch {
 .umap-nav .button:hover {
     text-decoration: none;
     min-width: 150px;
-    margin-left: 1rem;
+    margin-inline-start: 1rem;
 }
 
 @media only screen and (min-width: 500px) {