umap-project 3.3.5__py3-none-any.whl → 3.4.0b0__py3-none-any.whl

umap/static/umap/css/form.css

@@ -47,7 +47,7 @@ input[type="checkbox"]:after {
     content: ' ';
     width: 12px;
     height: 12px;
-    border: 1px solid var(--color-lightGray);
+    border: 1px solid var(--color-veryLightGray);
     cursor: pointer;
     text-align: center;
     font-size: 1rem;
@@ -94,12 +94,19 @@ select {
     border-width: 1px;
 }
 
+.dark select[disabled],
+select[disabled] {
+    background-color: var(--color-mediumGray);
+    color: var(--color-veryLightGray);
+    cursor: not-allowed;
+}
+
 select[multiple="multiple"] {
     height: auto;
 }
 
 .button,
-[type="button"],
+[type="button"]:not(.icon),
 input[type="submit"] {
     display: flex;
     align-items: center;
@@ -119,7 +126,11 @@ input[type="submit"] {
 .dark [type="button"] {
     background-color: var(--color-darkerGray);
     color: var(--text-color);
-    border: 1px solid var(--color-lightGray);
+}
+
+.dark menu .button,
+.dark menu [type="button"] {
+    border: 1px solid var(--color-veryLightGray);
 }
 
 .dark.umap-edit-bar .button,
@@ -138,12 +149,25 @@ input[type="submit"] {
     border: 1px solid var(--color-veryDarkGray);
 }
 
+.dark .anonymous,
+.dark .button.anonymous,
+.dark [type="button"].anonymous {
+    background-color: var(--color-veryDarkerViolet);
+    border: 1px solid var(--color-lightViolet);
+}
+
 .dark .button:hover,
 .dark [type="button"]:hover,
 .dark input[type="submit"]:hover {
     background-color: var(--color-mediumGray);
 }
 
+.dark .anonymous:hover,
+.dark .button.anonymous:hover,
+.dark [type="button"].anonymous:hover {
+    background-color: var(--color-veryDarkViolet);
+}
+
 .dark a {
     color: var(--color-verySoftCyan) !important;
 }
@@ -155,16 +179,19 @@ input[type="submit"] {
 }
 
 button.flat,
-[type="button"].flat,
-.dark [type="button"].flat {
-    border: none;
-    background-color: inherit;
+[type="button"].flat {
     padding: 0;
     text-align: start;
     min-height: inherit;
     width: initial;
     display: initial;
-    line-height: inherit;
+}
+
+button.flat,
+[type="button"].flat,
+.dark [type="button"].flat {
+    border: none;
+    background-color: inherit;
     color: var(--text-color);
 }
 
@@ -175,11 +202,18 @@ button.flat:hover,
 }
 
 .dark button.round,
+[type="button"].round,
 button.round {
     border-radius: 20px;
     border: 0.5px solid rgba(153, 153, 153, 0.40);
 }
 
+.soft-round,
+.dark button.soft-round,
+button.soft-round {
+    border-radius: var(--border-radius);
+}
+
 button.round.small {
     padding: var(--button-padding-small);
 }
@@ -190,13 +224,13 @@ button.round.small {
     padding: 7px 7px;
     margin-bottom: 14px;
     background: var(--color-mediumGray);
-    color: var(--color-lightGray);
+    color: var(--color-veryLightGray);
     font-size: 10px;
     border-radius: 0 2px;
 }
 
 .content .helptext {
-    background-color: var(--color-lightGray);
+    background-color: var(--color-veryLightGray);
     color: var(--color-dark);
 }
 
@@ -209,7 +243,11 @@ input+.help-text {
     margin-bottom: 14px;
     display: flex;
     flex-direction: column;
-    gap: var(--text-margin);
+    gap: var(--gutter);
+}
+
+.formbox .formbox {
+    margin-bottom: 0;
 }
 
 .formbox.with-switch {
@@ -222,7 +260,7 @@ input+.help-text {
 
 fieldset.formbox {
     border: none;
-    border-top: 1px solid var(--color-lightGray);
+    border-top: 1px solid var(--color-veryLightGray);
 }
 
 label {
@@ -251,7 +289,7 @@ input+.error {
     padding: 7px 7px;
     margin-top: -14px;
     margin-bottom: 14px;
-    background: var(--color-lightGray);
+    background: var(--color-veryLightGray);
     color: var(--color-light);
     background-color: var(--color-red);
     font-size: 11px;
@@ -265,6 +303,7 @@ input[type="file"]+.error {
 input[value]:invalid {
     border-color: var(--color-red);
     background-color: var(--color-darkRed);
+    color: var(--color-light);
 }
 
 .dark input,
@@ -272,7 +311,7 @@ input[value]:invalid {
     background-color: var(--color-darkerGray);
     border-color: var(--color-veryDarkGray);
     border-width: 1px;
-    color: var(--color-lightGray);
+    color: var(--color-veryLightGray);
 }
 
 details {
@@ -288,17 +327,16 @@ details {
 
 details fieldset {
     overflow: hidden;
-    border: 1px solid var(--color-lightGray);
+    border: 1px solid var(--color-veryLightGray);
     margin: 0;
-    padding-top: 10px;
+    padding: var(--text-margin);
 }
 
 details summary {
     cursor: pointer;
-    background-color: var(--color-lightGray);
-    line-height: 30px;
-    font-size: 1.2em;
-    padding: 0 5px;
+    background-color: var(--color-veryLightGray);
+    font-size: 0.9rem;
+    padding: var(--small-box-padding);
 }
 
 .dark details summary {
@@ -306,10 +344,14 @@ details summary {
     color: var(--color-light);
 }
 
-.dark details fieldset {
+.dark details fieldset:not(.formbox) {
     border: 1px solid var(--color-darkGray);
 }
 
+summary h4 {
+    display: inline;
+}
+
 fieldset legend {
     font-size: .9rem;
     padding: 0 5px;
@@ -317,7 +359,7 @@ fieldset legend {
 
 fieldset.separator {
     border: none;
-    border-top: 1px solid var(--color-lightGray);
+    border-top: 1px solid var(--color-veryLightGray);
 }
 
 [data-badge] {
@@ -377,7 +419,7 @@ input.switch:empty~label:after {
     transition: all 100ms ease-in;
     color: var(--color-mediumGray);
     font-weight: bold;
-    background-color: var(--color-lighterGray);
+    background-color: var(--color-veryLightGray);
 }
 
 .dark input.switch:empty~label:before,
@@ -398,7 +440,7 @@ input.switch:empty~label:after {
 .dark input.switch:empty~label:after {
     border: 1px solid var(--color-veryDarkGray);
     background-color: var(--color-darkerGray);
-    color: var(--color-lightGray);
+    color: var(--color-veryLightGray);
 }
 
 input.switch:checked:empty~label:after {
@@ -408,7 +450,7 @@ input.switch:checked:empty~label:after {
 .dark input.switch:checked~label:before,
 input.switch:checked~label:before {
     background-color: var(--color-verySoftCyan);
-    border: 1px solid var(--color-lightGray);
+    border: 1px solid var(--color-veryLightGray);
     color: var(--color-darkGray);
     content: "ON";
     text-indent: 0.7em;
@@ -474,7 +516,7 @@ input.switch:checked~label:after {
 .umap-multiplechoice label {
     border: 1px solid var(--color-veryDarkGray);
     cursor: pointer;
-    background-color: var(--color-lightGray);
+    background-color: var(--color-veryLightGray);
     min-height: 30px;
     line-height: 30px;
     text-align: center;
@@ -549,10 +591,6 @@ i.info {
     background-image: url('../img/16-white.svg');
 }
 
-.with-transition {
-    transition: all .7s;
-}
-
 .umap-empty:before,
 .umap-to-polygon:before,
 .umap-clone:before,
@@ -610,7 +648,7 @@ i.info {
 .flat-tabs {
     display: flex;
     justify-content: space-around;
-    font-size: 1.2em;
+    font-size: 1.2rem;
     margin-bottom: 20px;
     border-bottom: 1px solid var(--color-lighterGray);
 }
@@ -660,7 +698,7 @@ i.info {
     height: 30px;
     line-height: 30px;
     cursor: pointer;
-    background-color: var(--color-lightGray);
+    background-color: var(--color-veryLightGray);
     text-align: center;
     margin-bottom: 5px;
     display: inline-block;
@@ -759,3 +797,55 @@ input.highlightable:not(:placeholder-shown) {
 .umap-import [type=url] {
     margin-bottom: 0;
 }
+
+.select-with-actions {
+    display: flex;
+    align-items: center;
+}
+
+.ternary-switch {
+    --nb-of-items: 3;
+    --fraction-width: calc(100%/var(--nb-of-items));
+    position: relative;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    background-color: var(--color-veryLightGray);
+    font-weight: bold;
+    text-transform: uppercase;
+    padding: var(--text-margin);
+}
+
+.ternary-switch input[type="radio"] {
+    display: none;
+}
+
+.ternary-switch label {
+    cursor: pointer;
+    text-align: center;
+}
+
+.ternary-switch::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    width: var(--fraction-width);
+    height: 100%;
+    transition: .5s left ease;
+    background: transparent;
+    border: 2px solid var(--color-mediumGray);
+}
+
+.ternary-switch:has(input[type="radio"]:nth-of-type(1):checked):before {
+    left: 0%;
+    border-color: var(--color-accent);
+}
+
+.ternary-switch:has(input[type="radio"]:nth-of-type(2):checked):before {
+    left: var(--fraction-width);
+}
+
+.ternary-switch:has(input[type="radio"]:nth-of-type(3):checked):before {
+    left: calc(var(--fraction-width) * 2);
+    border-color: var(--color-accent);
+}

umap/static/umap/css/icon.css

@@ -8,13 +8,16 @@
     background-color: initial;
 }
 
+[type=button].icon-16,
+button.icon-16,
 .icon-16 {
     height: 24px;
-    line-height: 24px;
     width: 24px;
     --tile: -24px;
 }
 
+[type=button].icon-24,
+button.icon-24,
 .icon-24 {
     background-image: url('../img/24.svg');
     --tile: -36px;
@@ -65,6 +68,10 @@ html[dir="rtl"] .icon {
     background-position: var(--tile) var(--tile);
 }
 
+.icon-anonymous {
+    background-position: calc(var(--tile) * 8) calc(var(--tile) * 7);
+}
+
 .icon-back {
     background-position: calc(var(--tile) * 5) calc(var(--tile) * 6);
 }
@@ -73,7 +80,7 @@ html[dir="rtl"] .icon {
     background-position: var(--tile) calc(var(--tile) * 6);
 }
 
-.icon-caption {
+.icon-info {
     background-position: calc(var(--tile) * 4) var(--tile);
 }
 
@@ -118,9 +125,13 @@ html[dir="rtl"] .icon {
     background-position: 0 calc(var(--tile) * 6);
 }
 
+.icon-draft {
+    background-position: calc(var(--tile) * 7) calc(var(--tile) * 7);
+}
+
 .icon-drag {
     background-position: calc(var(--tile) * 3) calc(var(--tile) * 3);
-    cursor: move;
+    cursor: grab;
     float: inline-end;
     visibility: hidden;
 }
@@ -157,10 +168,42 @@ html[dir="rtl"] .icon {
     background-position: calc(var(--tile) * 5) 0;
 }
 
+.icon-field-Boolean {
+    background-position: calc(var(--tile) * 2) calc(var(--tile) * 8);
+}
+
+.icon-field-Date {
+    background-position: calc(var(--tile) * 5) calc(var(--tile) * 8);
+}
+
+.icon-field-Datetime {
+    background-position: calc(var(--tile) * 6) calc(var(--tile) * 8);
+}
+
+.icon-field-Enum {
+    background-position: calc(var(--tile) * 7) calc(var(--tile) * 8);
+}
+
+.icon-field-Number {
+    background-position: calc(var(--tile) * 3) calc(var(--tile) * 8);
+}
+
+.icon-field-String {
+    background-position: var(--tile) calc(var(--tile) * 8);
+}
+
+.icon-field-Text {
+    background-position: 0 calc(var(--tile) * 8);
+}
+
 .icon-filters {
     background-position: 0px var(--tile);
 }
 
+.icon-filters-empty {
+    background-position: calc(var(--tile) * 8) calc(var(--tile) * 8);
+}
+
 .icon-forward {
     background-position: calc(var(--tile) * 6) calc(var(--tile) * 6);
 }

umap/static/umap/css/panel.css

@@ -10,7 +10,7 @@
     color: var(--text-color);
     cursor: initial;
     border-radius: var(--border-radius);
-    border: 1px solid var(--color-lightGray);
+    border: 1px solid var(--color-veryLightGray);
     bottom: calc(var(--current-footer-height) + var(--panel-bottom));
     box-sizing: border-box;
     counter-reset: step;
@@ -72,6 +72,10 @@
     background-color: var(--color-veryDarkGray);
 }
 
+.panel.dark .datalayer-editable-title {
+    max-width: 35ch;
+}
+
 @media all and (orientation:landscape) {
     .panel {
         top: var(--current-header-height);
@@ -128,8 +132,8 @@
     }
 
     .panel.expanded {
-        height: calc(100% - var(--current-footer-height));
-        max-height: calc(100% - var(--current-footer-height));
+        height: calc(100% - var(--current-footer-height) - var(--current-header-height));
+        max-height: calc(100% - var(--current-footer-height) - var(--current-header-height));
     }
 
     .umap-caption-bar-enabled .panel {

umap/static/umap/css/popup.css

@@ -1,7 +1,7 @@
 .umap-popup {
     display: flex;
     flex-flow: column nowrap;
-    height:100%;
+    height: 100%;
 }
 
 .umap-popup-footer {
@@ -16,46 +16,56 @@
     max-height: 24px;
     justify-content: space-around;
 }
+
 .umap-popup a:hover {
     text-decoration: underline;
 }
+
 .popup-title {
     display: flex;
     align-items: center;
 }
+
 .popup-title .icon {
     margin: 5px;
 }
+
 a[href^='mailto']::before {
-  content: '✉︎ ';
+    content: '✉︎ ';
 }
+
 a[href^='tel']::before {
-  content: '☎︎ ';
+    content: '☎︎ ';
 }
+
 address span {
     padding-inline-end: 5px;
 }
+
 .osm-link {
     margin-top: 10px;
     text-align: end;
     font-style: italic;
 }
-.wikipedia-link a::before {
-  content: '⇒ ';
-}
+
 span.popup-icon {
     padding: 5px;
 }
+
 .leaflet-popup-content {
     min-width: 200px;
     line-height: inherit;
 }
-.leaflet-popup-content-wrapper, .leaflet-popup-tip {
+
+.leaflet-popup-content-wrapper,
+.leaflet-popup-tip {
     box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
 }
+
 .leaflet-popup-content-wrapper {
     border-radius: 4px;
 }
+
 .umap-popup-content {
     max-height: 500px;
     flex-grow: 1;
@@ -65,59 +75,75 @@ span.popup-icon {
     overflow-y: auto;
     overflow-x: hidden;
 }
+
 .umap-popup-content iframe {
     min-width: 300px;
     max-width: 100%;
 }
+
 .umap-popup-content tr:nth-child(odd) {
-   background-color: #f6f6f6;
+    background-color: #f6f6f6;
 }
+
 .umap-popup-content th {
     text-align: start;
 }
+
 .umap-popup-content td {
     word-break: break-word;
 }
+
 .umap-popup-content th,
 .umap-popup-content td {
     padding: 1px 3px;
 }
+
 .umap-popup-container {
     flex-grow: 1;
     margin-bottom: 10px;
 }
+
 .umap-popup-container ul {
     list-style-type: disc;
 }
+
 .leaflet-bar {
     box-shadow: none;
 }
+
 .marker-cluster {
     background-color: white;
     width: 40px;
     height: 40px;
 }
+
 .leaflet-contextmenu-icon {
     display: none;
 }
+
 .umap-popup-large iframe {
     /* See https://github.com/Leaflet/Leaflet/commit/61d746818b99d362108545c151a27f09d60960ee#commitcomment-6061847 */
     max-width: 100% !important;
     min-width: 500px;
 }
+
 .umap-popup-large .umap-popup-content {
     width: 500px;
 }
+
 .umap-popup-content img {
     max-width: 100%;
 }
+
 .umap-georss-link .popup-title {
     text-align: center;
 }
+
 @media all and (max-width: 480px) {
     .umap-popup-large iframe {
         min-width: 300px;
     }
+
     .umap-popup-large .umap-popup-content {
         width: 300px;
     }

umap/static/umap/css/tooltip.css

@@ -5,7 +5,7 @@
     max-width: 300px;
     position: absolute;
     box-shadow: var(--block-shadow);
-    display: none;
+    display: block;
     color: #eeeeec;
     border-radius: var(--border-radius);
     z-index: var(--zindex-tooltip);
@@ -13,13 +13,13 @@
     --tooltip-color: var(--color-darkGray);
     background-color: var(--tooltip-color);
     --arrow-size: 8px;
+    font-size: 0.8rem;
 }
+
 .tooltip-accent {
     --tooltip-color: var(--color-lightCyan);
 }
-.umap-tooltip .umap-tooltip-container {
-    display: block;
-}
+
 .umap-tooltip-container.tooltip-top:after {
     top: 100%;
     left: calc(50% - var(--arrow-size));
@@ -33,6 +33,7 @@
     border-width: var(--arrow-size);
     margin-left: calc(-50% + 2 * var(--arrow-size));
 }
+
 .umap-tooltip-container.tooltip-bottom:before {
     top: calc(var(--arrow-size) * -2);
     left: calc(50% - var(--arrow-size));
@@ -46,16 +47,19 @@
     border-width: var(--arrow-size);
     transform: rotate(180deg);
 }
+
 .tooltip-accent ul {
     padding-top: var(--small-box-padding);
     padding-bottom: var(--small-box-padding);
 }
+
 .tooltip-accent li {
     background-color: var(--color-light);
     color: var(--color-dark);
     padding: var(--small-box-padding);
     margin-bottom: var(--small-box-padding);
 }
+
 .tooltip-accent li:last-of-type {
     margin-bottom: 0;
 }