umap-project 1.14.0a4__py3-none-any.whl → 2.0.0a0__py3-none-any.whl

umap/static/umap/content.css

@@ -37,6 +37,21 @@ input:-moz-placeholder, :-moz-placeholder {
 /* **************** */
 /*    Login icons   */
 /* **************** */
+body.login {
+    width:  320px;
+    margin: auto;
+    text-align: center;
+}
+body.login header {
+    display: flex;
+    justify-content: center;
+}
+.login-grid {
+    display: grid;
+    justify-content: space-between;
+    grid-gap: 5px;
+    grid-template-columns: repeat(auto-fill,92px);
+}
 .login-grid li,
 .login-grid a {
     display: inline-block;
@@ -131,14 +146,25 @@ h2.section {
     text-transform: uppercase;
     color: #666;
     text-align: center;
+}
+h2.tabs {
+    text-transform: uppercase;
+    color: #263B58;
+    text-align: left;
     padding-top: 28px;
 }
 h2.tabs a {
-    color: #666;
+    color: #263B58;
+    text-decoration: underline;
+    text-decoration-thickness: 3px;
+    text-decoration-skip-ink: none;
+    margin-right: 2rem;
 }
 h2.tabs a:not(.selected) {
     font-weight: normal;
-    color: #666;
+    color: #263B58;
+    text-decoration: none;
+    margin-right: 0;
 }
 h2.tabs a:hover {
     text-decoration: underline;
@@ -177,8 +203,11 @@ body.content #umap-ui-container {
 
 input[type="submit"],
 .button {
-    background-color: #79c1c0;
-    color: #323737;
+    background-color: #B9F5D2;
+    color: #263B58;
+}
+.button-primary {
+    font-weight: bold;
 }
 .wrapper input[type="submit"]:hover {
     background-color: #689191;
@@ -295,28 +324,169 @@ ul.umap-autocomplete {
 /* **************************** */
 /*           Dashboard          */
 /* **************************** */
-table.maps {
+/* https://kittygiraudel.com/2020/12/03/a11y-advent-hiding-content/ */
+.sr-only {
+  border: 0 !important;
+  clip: rect(1px, 1px, 1px, 1px) !important;
+  -webkit-clip-path: inset(50%) !important;
+  clip-path: inset(50%) !important;
+  height: 1px !important;
+  overflow: hidden !important;
+  margin: -1px !important;
+  padding: 0 !important;
+  position: absolute !important;
+  width: 1px !important;
+  white-space: nowrap !important;
+}
+/* https://kittygiraudel.com/2020/12/06/a11y-advent-skip-to-content/ */
+.sr-only.sr-only--focusable:focus,
+.sr-only.sr-only--focusable:active {
+  clip: auto !important;
+  -webkit-clip-path: auto !important;
+  clip-path: auto !important;
+  height: auto !important;
+  overflow: visible !important;
+  width: auto !important;
+  white-space: normal !important;
+}
+.icon-dashboard {
+    display: inline-block;
+    height: 36px;
+    width: 36px;
+    margin: 3px;
+}
+.icon-view {
+    background-image: url('./img/icon-view.svg');
+}
+.icon-share {
+    background-image: url('./img/icon-share.svg');
+}
+.icon-edit {
+    background-image: url('./img/icon-edit.svg');
+}
+.icon-download {
+    background-image: url('./img/icon-download.svg');
+}
+.icon-duplicate {
+    background-image: url('./img/icon-duplicate.svg');
+}
+.icon-delete {
+    background-image: url('./img/icon-delete.svg');
+}
+.table-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+    margin-bottom: 1rem;
+}
+@media all and (max-width: 640px) {
+    .table-header {
+        flex-direction: column;
+        align-items: center;
+        gap: 1rem;
+    }
+}
+.table-header form {
+    display: flex;
+    align-items: flex-end;
+}
+@media all and (max-width: 640px) {
+    .table-header form {
+        flex-direction: column;
+        align-items: center;
+    }
+}
+.table-header form input {
+    border: 2px solid #263B58;
+    border-radius: 0;
+    padding: .5rem 1rem;
+    margin-bottom: 0;
+    line-height: inherit;
+    height: 40px;
+}
+.table-header form input[type="search"] {
+    width: 30ch;
+}
+.table-header form input[type="submit"] {
+    background-color: #263B58;
+    color: white;
+    font-weight: bold;
+}
+
+.table-header .button-download {
+    width: inherit;
+    display: inline;
+    padding: .5rem 1rem;
+    border: 2px solid #263B58;
+    color: #263B58;
+    font-weight: bold;
+    background-color: initial;
+    margin-bottom: 0;
+    line-height: 24px;
+    height: 40px;
+}
+.table-wrapper {
+    overflow-x: scroll;
+}
+.table-wrapper table {
     width: 100%;
+    min-width: 600px;
+    border-collapse: collapse;
 }
-table.maps .map_fragment {
+.table-wrapper table .map_fragment {
     display: block;
     height: 80vh;
     width: 100%;
 }
-table.maps tbody tr:nth-child(odd) {
+.table-wrapper table a,
+.table-wrapper table thead {
+    color: #263B58;
+}
+.table-wrapper table thead th:last-of-type {
+    min-width: 240px;
+}
+
+.table-wrapper table a:not(.icon-link) {
+    text-decoration: underline;
+}
+.table-wrapper table button.map-icon {
+    padding: 0;
+    border: none;
+    background: transparent;
+}
+.table-wrapper table form {
+    display: inline;
+}
+.table-wrapper table input[type="submit"] {
+    display: inline;
+    background-color: transparent;
+    color: #263B58;
+    padding: 0;
+    width: inherit;
+    height: 1rem;
+    margin: 0;
+    line-height: inherit;
+}
+.table-wrapper table tbody tr {
+    border-bottom: 1px solid #BDC7D4;
+}
+.table-wrapper table tbody tr td {
+    padding: 5px 4px;
+}
+.table-wrapper table tbody tr:nth-child(odd) {
     background-color: #f4f4f4;
 }
-table.maps td {
+.table-wrapper table td {
     text-align: center;
 }
-table.maps thead tr {
+.table-wrapper table thead tr {
     line-height: 2em;
 }
-table.maps .button {
+.table-wrapper table .button {
     margin-bottom: 2px;
     padding:4px 6px;
     height: 36px;
-    line-height: 23px;
+    line-height: 26px;
 }
 
 /* **************************** */
@@ -342,12 +512,14 @@ dialog::backdrop {
     display: flex;
     flex-direction: row;
     justify-content: space-around;
-    margin: 1rem;
-    border-top: 1px solid gray;
 }
 .pagination > * {
     padding: 1rem;
 }
+.pagination a {
+    color: #263B58;
+    text-decoration: underline;
+}
 
 
 /* ************************************************* */

umap/static/umap/favicons/icon.svg

@@ -1,5 +1,5 @@
 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
   <rect x=".3" y=".3" width="15.5" height="15.5" rx="7.8" fill="#F2F2F2" stroke="#F2F2F2" stroke-width=".5"/>
-  <path d="M5.9 3.5A5 5 0 0 0 8 13C4.1 9.4 3.2 5 5.9 3.5ZM8 13a5 5 0 0 0 2.1-9.5C12.8 4.9 12 9.4 8 13Z" fill="#323E56"/>
-  <path d="M9.9 5.6a1.9 1.9 0 1 1-3.8 0 1.9 1.9 0 0 1 3.8 0Z" fill="#323E56"/>
+  <path d="M5.9 3.5A5 5 0 0 0 8 13C4.1 9.4 3.2 5 5.9 3.5ZM8 13a5 5 0 0 0 2.1-9.5C12.8 4.9 12 9.4 8 13Z" fill="#263B58"/>
+  <path d="M9.9 5.6a1.9 1.9 0 1 1-3.8 0 1.9 1.9 0 0 1 3.8 0Z" fill="#263B58"/>
 </svg>

umap/static/umap/img/edit.svg

@@ -1,7 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
-  <path d="M128 64A64 64 0 1 1 0 64a64 64 0 0 1 128 0z" fill="#323e56"/>
-  <path d="M94.3 17.3 86 25.5l16.4 16.3 8.1-8.2z" fill="#79c1c0"/>
+  <path d="M128 64A64 64 0 1 1 0 64a64 64 0 0 1 128 0z" fill="#263B58"/>
+  <path d="M94.3 17.3 86 25.5l16.4 16.3 8.1-8.2z" fill="#B9F5D2"/>
   <path d="m82 29.5-44.9 45 16.3 16.3 45-45z" fill="#fff"/>
-  <path d="M37.1 74.5 24.8 103l28.6-12.3z" fill="#79c1c0"/>
+  <path d="M37.1 74.5 24.8 103l28.6-12.3z" fill="#B9F5D2"/>
   <text xml:space="preserve" style="line-height:125%" x="-37.8" y="977.1" font-size="157.6" font-weight="400" letter-spacing="0" word-spacing="0" font-family="Sans" transform="translate(0 -924.4)"/>
 </svg>

umap/static/umap/img/icon-delete.svg

@@ -0,0 +1,4 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
+  <path fill="#263B58" d="M0 0h36v36H0z"/>
+  <path d="M10.5 13h15M14.7 13v-1.7a1.7 1.7 0 0 1 1.6-1.6h3.4a1.7 1.7 0 0 1 1.6 1.6V13m2.5 0v11.7a1.7 1.7 0 0 1-1.6 1.6h-8.4a1.7 1.7 0 0 1-1.6-1.6V13h11.6ZM19.7 17.2v5M16.3 17.2v5" stroke="#fff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

umap/static/umap/img/icon-download.svg

@@ -0,0 +1,13 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
+  <path fill="#263B58" d="M0 0h36v36H0z"/>
+  <g clip-path="url(#a)" stroke="#fff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M19.7 10.5v3.3a.8.8 0 0 0 .8.9h3.3"/>
+    <path d="M22.2 25.5h-8.4a1.7 1.7 0 0 1-1.6-1.7V12.2a1.7 1.7 0 0 1 1.6-1.7h5.9l4.1 4.2v9.1a1.7 1.7 0 0 1-1.6 1.7ZM18 22.2v-5"/>
+    <path d="m16 20 2 2.2 2-2.1"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M8 8h20v20H8z"/>
+    </clipPath>
+  </defs>
+</svg>

umap/static/umap/img/icon-duplicate.svg

@@ -0,0 +1,5 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
+  <path fill="#263B58" d="M0 0h36v36H0z"/>
+  <path d="M24.7 15.5h-7.5c-1 0-1.7.7-1.7 1.7v7.5c0 .9.7 1.6 1.7 1.6h7.5c.9 0 1.6-.7 1.6-1.6v-7.5c0-1-.7-1.7-1.6-1.7Z" stroke="#fff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M12.2 20.5h-.9a1.7 1.7 0 0 1-1.6-1.7v-7.5a1.7 1.7 0 0 1 1.6-1.6h7.5a1.7 1.7 0 0 1 1.7 1.6v.9" stroke="#fff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

umap/static/umap/img/icon-edit.svg

@@ -0,0 +1,12 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
+  <path fill="#263B58" d="M0 0h36v36H0z"/>
+  <g clip-path="url(#a)" stroke="#fff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M13.8 13.8H13a1.7 1.7 0 0 0-1.7 1.7V23a1.7 1.7 0 0 0 1.7 1.7h7.5a1.7 1.7 0 0 0 1.7-1.7v-.8"/>
+    <path d="M25 13.5a1.8 1.8 0 0 0-2.5-2.5l-7 7v2.5H18l7-7ZM21.3 12.2l2.5 2.5"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M8 8h20v20H8z"/>
+    </clipPath>
+  </defs>
+</svg>

umap/static/umap/img/icon-share.svg

@@ -0,0 +1,11 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
+  <path fill="#263B58" d="M0 0h36v36H0z"/>
+  <g clip-path="url(#a)" stroke="#fff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M10.5 18a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0ZM20.5 13a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0ZM20.5 23a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0ZM15.3 17l5.4-3M15.3 19l5.4 3"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M8 8h20v20H8z"/>
+    </clipPath>
+  </defs>
+</svg>

umap/static/umap/img/icon-view.svg

@@ -0,0 +1,12 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
+  <path fill="#263B58" d="M0 0h36v36H0z"/>
+  <g clip-path="url(#a)" stroke="#fff" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M16.3 18a1.7 1.7 0 1 0 3.4 0 1.7 1.7 0 0 0-3.4 0Z"/>
+    <path d="M25.5 18c-2 3.3-4.5 5-7.5 5s-5.5-1.7-7.5-5c2-3.3 4.5-5 7.5-5s5.5 1.7 7.5 5Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M8 8h20v20H8z"/>
+    </clipPath>
+  </defs>
+</svg>

umap/static/umap/img/logo.svg

@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
-  <path d="M36.5 6.2A64 64 0 0 0 64 128C14.5 81.8 3.1 24.8 36.5 6.2zM64 128A64 64 0 0 0 91.5 6.2c33.4 18.6 22 75.6-27.5 121.8z" fill="#323e56"/>
-  <path d="M87.7 33.8a23.7 23.7 0 1 1-47.4 0 23.7 23.7 0 0 1 47.4 0z" fill="#323e56"/>
+  <path d="M36.5 6.2A64 64 0 0 0 64 128C14.5 81.8 3.1 24.8 36.5 6.2zM64 128A64 64 0 0 0 91.5 6.2c33.4 18.6 22 75.6-27.5 121.8z" fill="#263B58"/>
+  <path d="M87.7 33.8a23.7 23.7 0 1 1-47.4 0 23.7 23.7 0 0 1 47.4 0z" fill="#263B58"/>
 </svg>

umap/static/umap/img/logo_small.svg

@@ -3,8 +3,8 @@
   <sodipodi:namedview id="namedview17" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="22.25" inkscape:cx="12.94382" inkscape:cy="17.325843" inkscape:window-width="1920" inkscape:window-height="1019" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg15" />
   <rect x="0" y="0" width="35" height="35" rx="17.5" fill="#f2f2f2" stroke="#F2F2F2" stroke-width="0.5" id="rect2" style="stroke:none" />
   <g clip-path="url(#clip0_217_11335)" id="g8" transform="translate(0.09990314,-0.7800653)">
-    <path d="m 12.2438,6.86133 c -2.46004,1.16961 -4.44899,3.14137 -5.63988,5.59127 -1.19088,2.4498 -1.51282,5.232 -0.9129,7.8891 0.59991,2.6571 2.08599,5.031 4.21394,6.7315 2.12794,1.7005 4.77114,2.6265 7.49514,2.6256 -9.28126,-8.6625 -11.41876,-19.35 -5.1563,-22.83747 z m 5.1563,22.83747 c 2.724,9e-4 5.3672,-0.9251 7.4951,-2.6256 2.128,-1.7005 3.6141,-4.0744 4.214,-6.7315 0.5999,-2.6571 0.2779,-5.4393 -0.9129,-7.8891 -1.1909,-2.4499 -3.1799,-4.42166 -5.64,-5.59127 6.2625,3.48747 4.125,14.17497 -5.1562,22.83747 z" fill="#323e56" id="path4" />
-    <path d="m 21.8439,12.0365 c 0,0.5836 -0.1149,1.1614 -0.3382,1.7006 -0.2234,0.5391 -0.5507,1.029 -0.9633,1.4416 -0.4127,0.4127 -0.9025,0.74 -1.4417,0.9633 -0.5391,0.2233 -1.117,0.3383 -1.7005,0.3383 -0.5836,0 -1.1614,-0.115 -1.7006,-0.3383 -0.5391,-0.2233 -1.029,-0.5506 -1.4416,-0.9633 -0.4127,-0.4126 -0.74,-0.9025 -0.9633,-1.4416 -0.2233,-0.5392 -0.3383,-1.117 -0.3383,-1.7006 0,-1.1785 0.4682,-2.30882 1.3016,-3.14218 0.8333,-0.83337 1.9636,-1.30155 3.1422,-1.30155 1.1785,0 2.3088,0.46818 3.1422,1.30155 0.8333,0.83336 1.3015,1.96368 1.3015,3.14218 z" fill="#323e56" id="path6" />
+    <path d="m 12.2438,6.86133 c -2.46004,1.16961 -4.44899,3.14137 -5.63988,5.59127 -1.19088,2.4498 -1.51282,5.232 -0.9129,7.8891 0.59991,2.6571 2.08599,5.031 4.21394,6.7315 2.12794,1.7005 4.77114,2.6265 7.49514,2.6256 -9.28126,-8.6625 -11.41876,-19.35 -5.1563,-22.83747 z m 5.1563,22.83747 c 2.724,9e-4 5.3672,-0.9251 7.4951,-2.6256 2.128,-1.7005 3.6141,-4.0744 4.214,-6.7315 0.5999,-2.6571 0.2779,-5.4393 -0.9129,-7.8891 -1.1909,-2.4499 -3.1799,-4.42166 -5.64,-5.59127 6.2625,3.48747 4.125,14.17497 -5.1562,22.83747 z" fill="#263B58" id="path4" />
+    <path d="m 21.8439,12.0365 c 0,0.5836 -0.1149,1.1614 -0.3382,1.7006 -0.2234,0.5391 -0.5507,1.029 -0.9633,1.4416 -0.4127,0.4127 -0.9025,0.74 -1.4417,0.9633 -0.5391,0.2233 -1.117,0.3383 -1.7005,0.3383 -0.5836,0 -1.1614,-0.115 -1.7006,-0.3383 -0.5391,-0.2233 -1.029,-0.5506 -1.4416,-0.9633 -0.4127,-0.4126 -0.74,-0.9025 -0.9633,-1.4416 -0.2233,-0.5392 -0.3383,-1.117 -0.3383,-1.7006 0,-1.1785 0.4682,-2.30882 1.3016,-3.14218 0.8333,-0.83337 1.9636,-1.30155 3.1422,-1.30155 1.1785,0 2.3088,0.46818 3.1422,1.30155 0.8333,0.83336 1.3015,1.96368 1.3015,3.14218 z" fill="#263B58" id="path6" />
   </g>
   <defs id="defs13">
     <clipPath id="clip0_217_11335">

umap/static/umap/img/marker.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" id="circle" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15">
+  <path d="M14,7.5c0,3.5899-2.9101,6.5-6.5,6.5S1,11.0899,1,7.5S3.9101,1,7.5,1S14,3.9101,14,7.5z"/>
+</svg>

umap/static/umap/img/opensource.svg

@@ -1,7 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
-  <path d="M128 64A64 64 0 1 1 0 64a64 64 0 1 1 128 0z" fill="#323e56"/>
+  <path d="M128 64A64 64 0 1 1 0 64a64 64 0 1 1 128 0z" fill="#263B58"/>
   <g transform="matrix(1.014 0 0 1.014 -4.3 -933.4)">
-    <circle transform="matrix(.08 0 0 .08 28.3 944.2)" r="440" cy="490" cx="490" fill="none" stroke="#79c1c0" stroke-width="100"/>
+    <circle transform="matrix(.08 0 0 .08 28.3 944.2)" r="440" cy="490" cx="490" fill="none" stroke="#B9F5D2" stroke-width="100"/>
     <path d="M67 961.3c-10.4 0-19 7.3-21.3 17h10.4a12 12 0 1 1 0 10H45.7a21.9 21.9 0 1 0 21.3-27z" fill="#fff"/>
   </g>
 </svg>

umap/static/umap/img/osm.svg

@@ -1,7 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
-  <path d="M128 64A64 64 0 1 1 0 64a64 64 0 1 1 128 0z" fill="#2e364f" fill-opacity=".95"/>
+  <path d="M128 64A64 64 0 1 1 0 64a64 64 0 1 1 128 0z" fill="#263B58" fill-opacity=".95"/>
   <g fill="#fff">
     <path d="M83.5 20.4a30 30 0 0 0-21 8.4A29.5 29.5 0 0 0 60.2 67l-8 7.6 5.4 5.2 7.6-7.5c13 9.1 29 7.6 39.4-2.5a28.3 28.3 0 0 0 0-40.9 30 30 0 0 0-21-8.4zm0 4.8a25 25 0 0 1 17.5 7 23.6 23.6 0 0 1 0 34 25.2 25.2 0 0 1-35 0 23.6 23.6 0 0 1 0-34 25 25 0 0 1 17.5-7zM44 75.6l-23.7 23c-2 1.9-2 5 0 6.8l5.4 5.3a5 5 0 0 0 7 0l23.8-23c2-1.9 2-5 0-6.8l-5.4-5.3a5.3 5.3 0 0 0-7 0z"/>
   </g>
-  <path d="m54.8 91.8-14 13.6 19.5-4.5 1.5-6.5c-3-.1-4.8-1.1-7-2.6zm21-7.5c-.7 8.4-4.4 9-11.5 10.2l-1.5 6.3 18.2 4.5 4.4-18.6-9.6-2.4zm-8.7-2-2.3 10.1c8.3-1.3 8.5-4 8.8-8.7L67 82.2zm-2.4-.2c-2 .1-3 .4-5.3 1 .7 1.3 1 4-3 7.2 2.1 1.3 4 1.8 5.8 2 1.7-7.7 2.6-9 2.5-10.2zM24.9 82l-3.6 13.7 12-11.6L25 82zm83.4-.5A1945 1945 0 0 0 88 86.7l-4.5 18.7 19.9-4.8zm-32.5-2.9v3.1c4.2 1 8.4 2 9.2 2l-1-4c-3.6 0-4.8-.2-8.2-1zm-10-4.6 1.4 5.7 6.4 1.5V78c-2.8-1-5.4-2.3-7.9-4zM23 72.2l2 7.3L35.5 82l.5-.5c-7.3-2.7-7.4-8.1-12.9-9.3zm83-1.6a33.3 33.3 0 0 1-19.6 9l1.1 4.1c.1.3 7-1.2 20.7-4.7zm-47.7-3.7c-1-1.3-1.7-2.6-2.4-4-5.4 1.3-14.2 3.3-14.4 3.6a74 74 0 0 0 1.7 7.8 6 6 0 0 1 7.8-.6m7.5 7.2c1.9-.6 4.4-1 6-1.3a15 15 0 0 0-.9-3.9M20.5 61.4l2 7.7c9.8 3.7 10.5 11.2 15.8 10.2l3.4-3.3a76 76 0 0 0-2.6-9.3l-18.6-5.3zM53 44.7l-6.6 1.7L42 63.8c5.4-1.5 6.9-1.8 13-3-2.2-5.2-2.9-10.7-2-16zM25 40.6l-4.7 18.2c7.2 2 11.4 3.2 18.6 4.9 1.6-4.7 3.3-10 4.6-17.5L25 40.6zm35-20.7-18.2 4.5c2.6 11 4.4 19 4.6 19.1l7-1.4c1.7-6.9 3.2-9.2 8.4-14.4L60 19.9zm2.4-.2 1.4 6.1c2.1-1.7 4.4-3 6.8-4.1zm-42.4 0 4.7 18.2a856 856 0 0 0 18.8 5.4l-4.2-19zm83.3-.2L96 21.3c3.4 1.4 6.6 3.4 9.4 6zM63 53.5c1.6 10 12.5 17.5 23.9 16.2 4.2-10 7.2-9.5 8.8-19.5 0-9-11.6-3.4-17-3.1C69.6 46.8 70 36 69 34.4c-2.8 2-7.7 8.6-6 19.2zM73.4 31c3 9.4 3.7 12.6 13.2 9 7.1-2.2 12.8.7 13.8 4 1.5 5-1 12.5-7.6 24a21.6 21.6 0 0 0 10-27 21.2 21.2 0 0 0-29.4-10z" fill="#79c1c0"/>
+  <path d="m54.8 91.8-14 13.6 19.5-4.5 1.5-6.5c-3-.1-4.8-1.1-7-2.6zm21-7.5c-.7 8.4-4.4 9-11.5 10.2l-1.5 6.3 18.2 4.5 4.4-18.6-9.6-2.4zm-8.7-2-2.3 10.1c8.3-1.3 8.5-4 8.8-8.7L67 82.2zm-2.4-.2c-2 .1-3 .4-5.3 1 .7 1.3 1 4-3 7.2 2.1 1.3 4 1.8 5.8 2 1.7-7.7 2.6-9 2.5-10.2zM24.9 82l-3.6 13.7 12-11.6L25 82zm83.4-.5A1945 1945 0 0 0 88 86.7l-4.5 18.7 19.9-4.8zm-32.5-2.9v3.1c4.2 1 8.4 2 9.2 2l-1-4c-3.6 0-4.8-.2-8.2-1zm-10-4.6 1.4 5.7 6.4 1.5V78c-2.8-1-5.4-2.3-7.9-4zM23 72.2l2 7.3L35.5 82l.5-.5c-7.3-2.7-7.4-8.1-12.9-9.3zm83-1.6a33.3 33.3 0 0 1-19.6 9l1.1 4.1c.1.3 7-1.2 20.7-4.7zm-47.7-3.7c-1-1.3-1.7-2.6-2.4-4-5.4 1.3-14.2 3.3-14.4 3.6a74 74 0 0 0 1.7 7.8 6 6 0 0 1 7.8-.6m7.5 7.2c1.9-.6 4.4-1 6-1.3a15 15 0 0 0-.9-3.9M20.5 61.4l2 7.7c9.8 3.7 10.5 11.2 15.8 10.2l3.4-3.3a76 76 0 0 0-2.6-9.3l-18.6-5.3zM53 44.7l-6.6 1.7L42 63.8c5.4-1.5 6.9-1.8 13-3-2.2-5.2-2.9-10.7-2-16zM25 40.6l-4.7 18.2c7.2 2 11.4 3.2 18.6 4.9 1.6-4.7 3.3-10 4.6-17.5L25 40.6zm35-20.7-18.2 4.5c2.6 11 4.4 19 4.6 19.1l7-1.4c1.7-6.9 3.2-9.2 8.4-14.4L60 19.9zm2.4-.2 1.4 6.1c2.1-1.7 4.4-3 6.8-4.1zm-42.4 0 4.7 18.2a856 856 0 0 0 18.8 5.4l-4.2-19zm83.3-.2L96 21.3c3.4 1.4 6.6 3.4 9.4 6zM63 53.5c1.6 10 12.5 17.5 23.9 16.2 4.2-10 7.2-9.5 8.8-19.5 0-9-11.6-3.4-17-3.1C69.6 46.8 70 36 69 34.4c-2.8 2-7.7 8.6-6 19.2zM73.4 31c3 9.4 3.7 12.6 13.2 9 7.1-2.2 12.8.7 13.8 4 1.5 5-1 12.5-7.6 24a21.6 21.6 0 0 0 10-27 21.2 21.2 0 0 0-29.4-10z" fill="#B9F5D2"/>
 </svg>

umap/static/umap/js/components/fragment.js

@@ -1,6 +1,6 @@
 class UmapFragment extends HTMLElement {
   connectedCallback() {
-    new L.U.Map(this.firstElementChild.id, JSON.parse(this.dataset.settings))
+    new U.Map(this.firstElementChild.id, JSON.parse(this.dataset.settings))
   }
 }
 

umap/static/umap/js/modules/browser.js

@@ -0,0 +1,159 @@
+// Uses `L._`` from Leaflet.i18n which we cannot import as a module yet
+import { DomUtil, DomEvent } from '../../vendors/leaflet/leaflet-src.esm.js'
+
+export default class Browser {
+  constructor(map) {
+    this.map = map
+    this.map.on('moveend', this.onMoveEnd, this)
+    this.options = {
+      filter: '',
+      inBbox: false,
+    }
+  }
+
+  addFeature(feature, parent) {
+    const filter = this.options.filter
+    if (filter && !feature.matchFilter(filter, this.filterKeys)) return
+    if (this.options.inBbox && !feature.isOnScreen(this.bounds)) return
+    const feature_li = DomUtil.create('li', `${feature.getClassName()} feature`),
+      zoom_to = DomUtil.create('i', 'feature-zoom_to', feature_li),
+      edit = DomUtil.create('i', 'show-on-edit feature-edit', feature_li),
+      del = DomUtil.create('i', 'show-on-edit feature-delete', feature_li),
+      colorBox = DomUtil.create('i', 'feature-color', feature_li),
+      title = DomUtil.create('span', 'feature-title', feature_li),
+      symbol = feature._getIconUrl
+        ? U.Icon.prototype.formatUrl(feature._getIconUrl(), feature)
+        : null
+    zoom_to.title = L._('Bring feature to center')
+    edit.title = L._('Edit this feature')
+    del.title = L._('Delete this feature')
+    title.textContent = feature.getDisplayName() || '—'
+    const bgcolor = feature.getDynamicOption('color')
+    colorBox.style.backgroundColor = bgcolor
+    if (symbol && symbol !== this.map.options.default_iconUrl) {
+      const icon = U.Icon.makeIconElement(symbol, colorBox)
+      U.Icon.setIconContrast(icon, colorBox, symbol, bgcolor)
+    }
+    DomEvent.on(
+      zoom_to,
+      'click',
+      function (e) {
+        e.callback = L.bind(this.view, this)
+        this.zoomTo(e)
+      },
+      feature
+    )
+    DomEvent.on(
+      title,
+      'click',
+      function (e) {
+        e.callback = L.bind(this.view, this)
+        this.zoomTo(e)
+      },
+      feature
+    )
+    DomEvent.on(edit, 'click', feature.edit, feature)
+    DomEvent.on(del, 'click', feature.confirmDelete, feature)
+    // HOTFIX. Remove when this is released:
+    // https://github.com/Leaflet/Leaflet/pull/9052
+    DomEvent.disableClickPropagation(feature_li)
+    parent.appendChild(feature_li)
+  }
+
+  datalayerId(datalayer) {
+    return `browse_data_datalayer_${L.stamp(datalayer)}`
+  }
+
+  onDataLayerChanged(e) {
+    this.updateDatalayer(e.target)
+  }
+
+  addDataLayer(datalayer, parent) {
+    const container = DomUtil.create('div', datalayer.getHidableClass(), parent),
+      headline = DomUtil.create('h5', '', container),
+      counter = DomUtil.create('span', 'datalayer-counter', headline)
+    container.id = this.datalayerId(datalayer)
+    datalayer.renderToolbox(headline)
+    DomUtil.add('span', '', headline, datalayer.options.name)
+    const ul = DomUtil.create('ul', '', container)
+    this.updateDatalayer(datalayer)
+    datalayer.on('datachanged', this.onDataLayerChanged, this)
+    this.map.ui.once('panel:closed', () => {
+      datalayer.off('datachanged', this.onDataLayerChanged, this)
+    })
+  }
+
+  updateDatalayer(datalayer) {
+    // Compute once, but use it for each feature later.
+    this.bounds = this.map.getBounds()
+    const parent = DomUtil.get(this.datalayerId(datalayer))
+    // Panel is not open
+    if (!parent) return
+    DomUtil.classIf(parent, 'off', !datalayer.isVisible())
+    const container = parent.querySelector('ul'),
+      counter = parent.querySelector('.datalayer-counter')
+    container.innerHTML = ''
+    datalayer.eachFeature((feature) => this.addFeature(feature, container))
+
+    let total = datalayer.count(),
+      current = container.querySelectorAll('li').length,
+      count = total == current ? total : `${current}/${total}`
+    counter.textContent = count
+    counter.title = L._('Features in this layer: {count}', { count: count })
+  }
+
+  onFormChange() {
+    this.map.eachBrowsableDataLayer((datalayer) => {
+      datalayer.resetLayer(true)
+      this.updateDatalayer(datalayer)
+    })
+  }
+
+  onMoveEnd() {
+    const isBrowserOpen = !!document.querySelector('.umap-browse-data')
+    if (!isBrowserOpen) return
+    const isListDynamic = this.options.inBbox
+    this.map.eachBrowsableDataLayer((datalayer) => {
+      if (!isListDynamic && !datalayer.hasDynamicData()) return
+      this.updateDatalayer(datalayer)
+    })
+  }
+
+  open() {
+    // Get once but use it for each feature later
+    this.filterKeys = this.map.getFilterKeys()
+    const container = DomUtil.create('div', 'umap-browse-data')
+    // HOTFIX. Remove when this is released:
+    // https://github.com/Leaflet/Leaflet/pull/9052
+    DomEvent.disableClickPropagation(container)
+
+    const title = DomUtil.add(
+      'h3',
+      'umap-browse-title',
+      container,
+      this.map.options.name
+    )
+
+    const formContainer = DomUtil.create('div', '', container)
+    const dataContainer = DomUtil.create('div', 'umap-browse-features', container)
+
+    const fields = [
+      ['options.filter', { handler: 'Input', placeholder: L._('Filter') }],
+      ['options.inBbox', { handler: 'Switch', label: L._('Current map view') }],
+    ]
+    const builder = new U.FormBuilder(this, fields, {
+      makeDirty: false,
+      callback: () => this.onFormChange(),
+    })
+    formContainer.appendChild(builder.build())
+
+    this.map.ui.openPanel({
+      data: { html: container },
+      actions: [this.map._aboutLink()],
+    })
+
+    this.map.eachBrowsableDataLayer((datalayer) => {
+      this.addDataLayer(datalayer, dataContainer)
+    })
+  }
+}

umap/static/umap/js/modules/global.js

@@ -1,8 +1,10 @@
 import * as L from '../../vendors/leaflet/leaflet-src.esm.js'
 import URLs from './urls.js'
+import Browser from './browser.js'
+import { Request, ServerRequest, RequestError, HTTPError, NOKError } from './request.js'
 // Import modules and export them to the global scope.
 // For the not yet module-compatible JS out there.
 
 // Copy the leaflet module, it's expected by leaflet plugins to be writeable.
 window.L = { ...L }
-window.umap = { URLs }
+window.U = { URLs, Request, ServerRequest, RequestError, HTTPError, NOKError, Browser }