gis-view-webgl2 0.1.12 → 0.1.13

package/dist/gis-view.css

@@ -1 +1 @@
-.gis-view{box-sizing:border-box;--gis-view-cursor-grab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M12 2 16 6 13 6 13 11 18 11 18 8 22 12 18 16 18 13 13 13 13 18 16 18 12 22 8 18 11 18 11 13 6 13 6 16 2 12 6 8 6 11 11 11 11 6 8 6Z' fill='%23ffffff' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/><path d='M12 2 16 6 13 6 13 11 18 11 18 8 22 12 18 16 18 13 13 13 13 18 16 18 12 22 8 18 11 18 11 13 6 13 6 16 2 12 6 8 6 11 11 11 11 6 8 6Z' fill='%2325313f'/></svg>") 12 12, grab;--gis-view-cursor-grabbing:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M12 2 16 6 13 6 13 11 18 11 18 8 22 12 18 16 18 13 13 13 13 18 16 18 12 22 8 18 11 18 11 13 6 13 6 16 2 12 6 8 6 11 11 11 11 6 8 6Z' fill='%23ffffff' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/><path d='M12 2 16 6 13 6 13 11 18 11 18 8 22 12 18 16 18 13 13 13 13 18 16 18 12 22 8 18 11 18 11 13 6 13 6 16 2 12 6 8 6 11 11 11 11 6 8 6Z' fill='%232f6fd0'/></svg>") 12 12, grabbing;--gis-view-cursor-move:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M12 2 16 6 13 6 13 11 18 11 18 8 22 12 18 16 18 13 13 13 13 18 16 18 12 22 8 18 11 18 11 13 6 13 6 16 2 12 6 8 6 11 11 11 11 6 8 6Z' fill='%23ffffff' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/><path d='M12 2 16 6 13 6 13 11 18 11 18 8 22 12 18 16 18 13 13 13 13 18 16 18 12 22 8 18 11 18 11 13 6 13 6 16 2 12 6 8 6 11 11 11 11 6 8 6Z' fill='%23c2761b'/></svg>") 12 12, move;--gis-view-cursor-box:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M12 3.5V9M12 15v5.5M3.5 12H9M15 12h5.5' fill='none' stroke='%23ffffff' stroke-width='4.6' stroke-linecap='round'/><circle cx='12' cy='12' r='2.8' fill='%23ffffff'/><path d='M12 3.5V9M12 15v5.5M3.5 12H9M15 12h5.5' fill='none' stroke='%2325313f' stroke-width='1.8' stroke-linecap='round'/><circle cx='12' cy='12' r='1.4' fill='%2325313f'/></svg>") 12 12, crosshair;--gis-view-cursor-copy:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><g fill='none' stroke-linejoin='round'><rect x='4' y='4' width='11' height='11' rx='2' stroke='%23ffffff' stroke-width='5.4'/><rect x='9' y='9' width='11' height='11' rx='2' stroke='%23ffffff' stroke-width='5.4'/><rect x='4' y='4' width='11' height='11' rx='2' stroke='%2325313f' stroke-width='2'/><rect x='9' y='9' width='11' height='11' rx='2' stroke='%2325313f' stroke-width='2'/></g></svg>") 12 12, copy;--gis-view-cursor-point:pointer;--gis-view-cursor-line:pointer;--gis-view-cursor-channel:pointer;--gis-view-cursor-waypoint:pointer;outline:none;width:100%;height:100%;position:relative;overflow:hidden}.gis-view__canvas{touch-action:none;width:100%;height:100%;display:block}.gis-view__selection-box{box-sizing:border-box;pointer-events:none;z-index:3;will-change:transform;background:var(--gis-view-selection-box-fill,transparent);border:var(--gis-view-selection-box-width,1px) var(--gis-view-selection-box-border-style,solid) var(--gis-view-selection-box-stroke,#2f6fd0);border-radius:var(--gis-view-selection-box-radius,0);position:absolute}.gis-view__graphics{pointer-events:none;z-index:1;isolation:isolate;position:absolute;inset:0;overflow:hidden}.gis-view__graphic{pointer-events:none;will-change:transform, left, top, width, height;position:absolute;top:0;left:0}.gis-view__graphic-image{pointer-events:none;-webkit-user-select:none;user-select:none}.gis-view__labels{pointer-events:none;z-index:2;contain:layout style paint;isolation:isolate;transform-origin:0 0;will-change:transform;position:absolute;inset:0;overflow:hidden}.gis-view__label-layer{position:absolute;inset:0}.gis-view__label-layer--hidden{visibility:hidden}.gis-view__label-canvas{pointer-events:none;position:absolute;top:0;left:0}.gis-view__label{z-index:var(--gis-view-label-z,auto);white-space:nowrap;color:#1f3550;background:#ffffffe0;border-radius:4px;padding:1px 6px;font-size:12px;line-height:16px;position:absolute;top:0;left:0}.gis-view__cluster-layer{z-index:2147483000}.gis-view__cluster-label{color:#fff;letter-spacing:.2px;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 1px #102a5059;white-space:nowrap;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:12px;font-weight:600;line-height:16px;display:flex;position:absolute;top:0;left:0}.gis-view__label--draggable,.gis-view__label--editable{pointer-events:auto;touch-action:none}.gis-view__label--draggable{cursor:grab}.gis-view__label--editable{cursor:pointer}.gis-view__label--dragging{cursor:grabbing;z-index:2147483647;-webkit-user-select:none;user-select:none}.gis-view__background-label{white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px #ffffffe6,0 0 2px #fffc;position:absolute;top:0;left:0}.gis-view__tooltip{color:#f3f7fc;white-space:pre-line;pointer-events:none;will-change:transform;background:#172436eb;border-radius:6px;max-width:280px;padding:6px 10px;font-size:12px;line-height:18px;position:absolute;top:0;left:0}.gis-view__tooltip[hidden]{display:none}.gis-view__minimap{z-index:2;box-sizing:border-box;contain:layout paint;isolation:isolate;touch-action:none;cursor:default;position:absolute;overflow:hidden}.gis-view__minimap[hidden]{display:none}.gis-view__minimap-canvas{width:100%;height:100%;display:block}.gis-view__minimap-box{box-sizing:border-box;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.gis-view__minimap-select{box-sizing:border-box;pointer-events:none;will-change:transform;background:#3678bf1f;border:1px dashed #3678bf;display:none;position:absolute;top:0;left:0}.gis-view__background-editor{z-index:4;pointer-events:none;--gis-view-bg-editor-color:#2f78b7;--gis-view-bg-editor-fill:#2f78b71f;--gis-view-bg-editor-line-width:1.5px;--gis-view-bg-editor-dash:7 5;--gis-view-bg-editor-rotation-dash:4 4;--gis-view-bg-editor-handle-size:15px;--gis-view-bg-editor-handle-radius:50%;position:absolute;inset:0}.gis-view__background-editor-outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gis-view__background-editor-surface{fill:var(--gis-view-bg-editor-fill);stroke:var(--gis-view-bg-editor-color);stroke-width:var(--gis-view-bg-editor-line-width);stroke-dasharray:var(--gis-view-bg-editor-dash);pointer-events:auto;cursor:move;touch-action:none}.gis-view__background-editor-rotation-line{fill:none;stroke:var(--gis-view-bg-editor-color);stroke-width:var(--gis-view-bg-editor-line-width);stroke-dasharray:var(--gis-view-bg-editor-rotation-dash);pointer-events:none}.gis-view__background-editor-handle,.gis-view__background-editor-rotate{box-sizing:border-box;background:var(--gis-view-bg-editor-color);pointer-events:auto;touch-action:none;border:2px solid #fff;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #14416959}.gis-view__background-editor-handle{width:var(--gis-view-bg-editor-handle-size);height:var(--gis-view-bg-editor-handle-size);border-radius:var(--gis-view-bg-editor-handle-radius)}.gis-view__background-editor-rotate{width:calc(var(--gis-view-bg-editor-handle-size) + 10px);height:calc(var(--gis-view-bg-editor-handle-size) + 10px);color:#fff;cursor:grab;border-radius:50%;place-items:center;font-size:16px;line-height:1;display:grid}.gis-view__background-editor-handle:hover,.gis-view__background-editor-handle:focus-visible,.gis-view__background-editor-rotate:hover,.gis-view__background-editor-rotate:focus-visible{outline-offset:2px;background:#17598f;outline:3px solid #2f78b747}.gis-view__background-editor-handle[hidden],.gis-view__background-editor-rotate[hidden],.gis-view__background-editor-hint[hidden]{display:none}.gis-view__background-editor-hint{color:#fff;white-space:nowrap;pointer-events:none;background:#1b3e61c7;border-radius:999px;padding:4px 10px;font-size:11px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}
+.gis-view{box-sizing:border-box;--gis-view-cursor-grab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M12 2 16 6 13 6 13 11 18 11 18 8 22 12 18 16 18 13 13 13 13 18 16 18 12 22 8 18 11 18 11 13 6 13 6 16 2 12 6 8 6 11 11 11 11 6 8 6Z' fill='%23ffffff' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/><path d='M12 2 16 6 13 6 13 11 18 11 18 8 22 12 18 16 18 13 13 13 13 18 16 18 12 22 8 18 11 18 11 13 6 13 6 16 2 12 6 8 6 11 11 11 11 6 8 6Z' fill='%2325313f'/></svg>") 12 12, grab;--gis-view-cursor-grabbing:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M12 2 16 6 13 6 13 11 18 11 18 8 22 12 18 16 18 13 13 13 13 18 16 18 12 22 8 18 11 18 11 13 6 13 6 16 2 12 6 8 6 11 11 11 11 6 8 6Z' fill='%23ffffff' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/><path d='M12 2 16 6 13 6 13 11 18 11 18 8 22 12 18 16 18 13 13 13 13 18 16 18 12 22 8 18 11 18 11 13 6 13 6 16 2 12 6 8 6 11 11 11 11 6 8 6Z' fill='%232f6fd0'/></svg>") 12 12, grabbing;--gis-view-cursor-move:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M12 2 16 6 13 6 13 11 18 11 18 8 22 12 18 16 18 13 13 13 13 18 16 18 12 22 8 18 11 18 11 13 6 13 6 16 2 12 6 8 6 11 11 11 11 6 8 6Z' fill='%23ffffff' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/><path d='M12 2 16 6 13 6 13 11 18 11 18 8 22 12 18 16 18 13 13 13 13 18 16 18 12 22 8 18 11 18 11 13 6 13 6 16 2 12 6 8 6 11 11 11 11 6 8 6Z' fill='%23c2761b'/></svg>") 12 12, move;--gis-view-cursor-box:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M12 3.5V9M12 15v5.5M3.5 12H9M15 12h5.5' fill='none' stroke='%23ffffff' stroke-width='4.6' stroke-linecap='round'/><circle cx='12' cy='12' r='2.8' fill='%23ffffff'/><path d='M12 3.5V9M12 15v5.5M3.5 12H9M15 12h5.5' fill='none' stroke='%2325313f' stroke-width='1.8' stroke-linecap='round'/><circle cx='12' cy='12' r='1.4' fill='%2325313f'/></svg>") 12 12, crosshair;--gis-view-cursor-copy:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><g fill='none' stroke-linejoin='round'><rect x='4' y='4' width='11' height='11' rx='2' stroke='%23ffffff' stroke-width='5.4'/><rect x='9' y='9' width='11' height='11' rx='2' stroke='%23ffffff' stroke-width='5.4'/><rect x='4' y='4' width='11' height='11' rx='2' stroke='%2325313f' stroke-width='2'/><rect x='9' y='9' width='11' height='11' rx='2' stroke='%2325313f' stroke-width='2'/></g></svg>") 12 12, copy;--gis-view-cursor-point:pointer;--gis-view-cursor-line:pointer;--gis-view-cursor-channel:pointer;--gis-view-cursor-waypoint:pointer;outline:none;width:100%;height:100%;position:relative;overflow:hidden}.gis-view__canvas{touch-action:none;width:100%;height:100%;display:block}.gis-view__selection-box{box-sizing:border-box;pointer-events:none;z-index:3;will-change:transform;background:var(--gis-view-selection-box-fill,transparent);border:var(--gis-view-selection-box-width,1px) var(--gis-view-selection-box-border-style,solid) var(--gis-view-selection-box-stroke,#2f6fd0);border-radius:var(--gis-view-selection-box-radius,0);position:absolute}.gis-view__graphics{pointer-events:none;z-index:1;isolation:isolate;position:absolute;inset:0;overflow:hidden}.gis-view__graphic{pointer-events:none;will-change:transform, left, top, width, height;position:absolute;top:0;left:0}.gis-view__graphic-image{pointer-events:none;-webkit-user-select:none;user-select:none}.gis-view__labels{pointer-events:none;z-index:2;contain:layout style paint;isolation:isolate;transform-origin:0 0;will-change:transform;position:absolute;inset:0;overflow:hidden}.gis-view__label-layer{position:absolute;inset:0}.gis-view__label-layer--hidden{visibility:hidden}.gis-view__label-canvas{pointer-events:none;position:absolute;top:0;left:0}.gis-view__label{z-index:var(--gis-view-label-z,auto);white-space:nowrap;color:#1f3550;background:#ffffffe0;border-radius:4px;padding:1px 6px;font-size:12px;line-height:16px;position:absolute;top:0;left:0}.gis-view__cluster-layer{z-index:2147483000}.gis-view__cluster-label{color:#fff;letter-spacing:.2px;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 1px #102a5059;white-space:nowrap;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:12px;font-weight:600;line-height:16px;display:flex;position:absolute;top:0;left:0}.gis-view__label--draggable,.gis-view__label--editable{pointer-events:auto;touch-action:none}.gis-view__label--draggable{cursor:grab}.gis-view__label--editable{cursor:pointer}.gis-view__label--dragging{cursor:grabbing;z-index:2147483647;-webkit-user-select:none;user-select:none}.gis-view__background-label{white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px #ffffffe6,0 0 2px #fffc;position:absolute;top:0;left:0}.gis-view__tooltip{color:#f3f7fc;white-space:pre-line;pointer-events:none;will-change:transform;background:#172436eb;border-radius:6px;max-width:280px;padding:6px 10px;font-size:12px;line-height:18px;position:absolute;top:0;left:0}.gis-view__tooltip[hidden]{display:none}.gis-view__minimap{z-index:2;box-sizing:border-box;contain:layout paint;isolation:isolate;touch-action:none;cursor:default;position:absolute;overflow:hidden}.gis-view__minimap[hidden]{display:none}.gis-view__minimap-canvas{width:100%;height:100%;display:block}.gis-view__minimap-box{box-sizing:border-box;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.gis-view__minimap-select{box-sizing:border-box;pointer-events:none;will-change:transform;background:#3678bf1f;border:1px dashed #3678bf;display:none;position:absolute;top:0;left:0}.gis-view__visual-map{z-index:2;box-sizing:border-box;border:1px solid var(--gis-view-visual-map-border,#6f8baa47);border-radius:var(--gis-view-visual-map-radius,8px);background:var(--gis-view-visual-map-background,#ffffffeb);max-width:320px;box-shadow:var(--gis-view-visual-map-shadow,0 4px 14px #1f35501f);color:var(--gis-view-visual-map-color,#1f3550);font-family:inherit;font-size:var(--gis-view-visual-map-font-size,12px);pointer-events:none;-webkit-user-select:none;user-select:none;contain:layout style;isolation:isolate;flex-direction:column;gap:6px;padding:8px 10px;line-height:1.35;display:flex;position:absolute}.gis-view__visual-map--interactive{pointer-events:auto}.gis-view__visual-map-title{white-space:nowrap;font-weight:600}.gis-view__visual-map-body{gap:6px;display:flex}.gis-view__visual-map-body--vertical{flex-direction:row;align-items:stretch}.gis-view__visual-map-body--horizontal{flex-direction:column;align-items:flex-start}.gis-view__visual-map-ruler{box-sizing:border-box;box-shadow:inset 0 0 0 1px var(--gis-view-visual-map-ruler-border,#1f355029);touch-action:none;border-radius:3px;flex:none;position:relative}.gis-view__visual-map-labels{min-width:52px;min-height:18px;color:var(--gis-view-visual-map-label-color,#40576f);font-variant-numeric:tabular-nums;flex:none;font-size:11px;position:relative}.gis-view__visual-map-tick{white-space:nowrap;align-items:center;gap:5px;display:flex;position:absolute}.gis-view__visual-map-tick:before{content:"";background:var(--gis-view-visual-map-tick,#40576f94);flex:none;width:4px;height:1px}.gis-view__visual-map-body--horizontal .gis-view__visual-map-tick{flex-direction:column;gap:3px;top:0}.gis-view__visual-map-body--horizontal .gis-view__visual-map-tick:before{width:1px;height:4px}.gis-view__visual-map-pieces{gap:4px 12px;display:grid}.gis-view__visual-map-body--horizontal .gis-view__visual-map-pieces{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.gis-view__visual-map-piece{white-space:nowrap;align-items:center;gap:7px;min-width:0;display:flex}.gis-view__visual-map-swatch{box-sizing:border-box;border:1px solid var(--gis-view-visual-map-swatch-border,#1f355029);border-radius:2px;flex:none;width:12px;height:12px}.gis-view__visual-map-piece-label{color:var(--gis-view-visual-map-label-color,#40576f);font-variant-numeric:tabular-nums;font-size:11px}.gis-view__visual-map-piece.is-selectable{border-radius:var(--gis-view-visual-map-piece-radius,4px);cursor:pointer;outline:none;margin:-1px -4px;padding:1px 4px;transition:background-color .12s,opacity .12s}.gis-view__visual-map-piece.is-selectable:hover{background:var(--gis-view-visual-map-piece-hover,#2f78b71a)}.gis-view__visual-map-piece.is-selectable:focus-visible{box-shadow:0 0 0 2px var(--gis-view-visual-map-focus,#2f78b78c)}.gis-view__visual-map-piece.is-unselected{opacity:var(--gis-view-visual-map-unselected-opacity,.38)}.gis-view__visual-map-range{z-index:1;box-sizing:border-box;border:1px solid var(--gis-view-visual-map-range-border,#ffffffe6);background:var(--gis-view-visual-map-range-fill,#fff3);box-shadow:inset 0 0 0 1px var(--gis-view-visual-map-range-shadow,#1f355040);cursor:grab;pointer-events:auto;touch-action:none;position:absolute}.gis-view__visual-map-range:active{cursor:grabbing}.gis-view__visual-map-range.is-empty{pointer-events:none}.gis-view__visual-map-range-handle{z-index:2;box-sizing:border-box;border:2px solid var(--gis-view-visual-map-handle-border,#fff);border-radius:var(--gis-view-visual-map-handle-radius,3px);background:var(--gis-view-visual-map-handle,#3678bf);cursor:ew-resize;touch-action:none;width:10px;height:18px;margin:0;padding:0;position:absolute;box-shadow:0 1px 4px #143a5e52}.gis-view__visual-map-range-handle:focus-visible{outline:2px solid var(--gis-view-visual-map-focus,#2f78b78c);outline-offset:2px}.gis-view__visual-map-body--horizontal .gis-view__visual-map-range-handle{transform:translate(-50%,-50%)}.gis-view__visual-map-body--vertical .gis-view__visual-map-range-handle{cursor:ns-resize;width:18px;height:10px;transform:translate(-50%,50%)}.gis-view__visual-map-body--custom{width:100%;display:block}.gis-view__visual-map-body--custom.is-error{color:#b42318}.gis-view__background-editor{z-index:4;pointer-events:none;--gis-view-bg-editor-color:#2f78b7;--gis-view-bg-editor-fill:#2f78b71f;--gis-view-bg-editor-line-width:1.5px;--gis-view-bg-editor-dash:7 5;--gis-view-bg-editor-rotation-dash:4 4;--gis-view-bg-editor-handle-size:15px;--gis-view-bg-editor-handle-radius:50%;position:absolute;inset:0}.gis-view__background-editor-outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gis-view__background-editor-surface{fill:var(--gis-view-bg-editor-fill);stroke:var(--gis-view-bg-editor-color);stroke-width:var(--gis-view-bg-editor-line-width);stroke-dasharray:var(--gis-view-bg-editor-dash);pointer-events:auto;cursor:move;touch-action:none}.gis-view__background-editor-rotation-line{fill:none;stroke:var(--gis-view-bg-editor-color);stroke-width:var(--gis-view-bg-editor-line-width);stroke-dasharray:var(--gis-view-bg-editor-rotation-dash);pointer-events:none}.gis-view__background-editor-handle,.gis-view__background-editor-rotate{box-sizing:border-box;background:var(--gis-view-bg-editor-color);pointer-events:auto;touch-action:none;border:2px solid #fff;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #14416959}.gis-view__background-editor-handle{width:var(--gis-view-bg-editor-handle-size);height:var(--gis-view-bg-editor-handle-size);border-radius:var(--gis-view-bg-editor-handle-radius)}.gis-view__background-editor-rotate{width:calc(var(--gis-view-bg-editor-handle-size) + 10px);height:calc(var(--gis-view-bg-editor-handle-size) + 10px);color:#fff;cursor:grab;border-radius:50%;place-items:center;font-size:16px;line-height:1;display:grid}.gis-view__background-editor-handle:hover,.gis-view__background-editor-handle:focus-visible,.gis-view__background-editor-rotate:hover,.gis-view__background-editor-rotate:focus-visible{outline-offset:2px;background:#17598f;outline:3px solid #2f78b747}.gis-view__background-editor-handle[hidden],.gis-view__background-editor-rotate[hidden],.gis-view__background-editor-hint[hidden]{display:none}.gis-view__background-editor-hint{color:#fff;white-space:nowrap;pointer-events:none;background:#1b3e61c7;border-radius:999px;padding:4px 10px;font-size:11px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}