@fusedashlabs/widgets 0.3.1 → 0.4.0

package/dist/components/map-chart/element/styles.js

@@ -0,0 +1,372 @@
+import { css } from "lit";
+const mapChartStyles = css`
+  :host {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 320px;
+    color: var(--ui9000-color-text, #111827);
+    font-family: var(--ui9000-font-family, system-ui, sans-serif);
+    box-sizing: border-box;
+  }
+  .chart-root {
+    flex: 1;
+    min-height: 0;
+    width: 100%;
+    height: 100%;
+    min-height: inherit;
+    border-radius: 8px;
+    overflow: hidden;
+    background: var(--ui9000-color-surface-muted, #f3f4f6);
+  }
+  .tooltip {
+    position: absolute;
+    pointer-events: none;
+    z-index: 12;
+    padding: 8px 10px;
+    border-radius: 6px;
+    font-size: 12px;
+    line-height: 1.35;
+    background: var(--ui9000-color-text, #111827);
+    color: #fff;
+    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
+    transform: translate(-50%, calc(-100% - 10px));
+    white-space: nowrap;
+  }
+  .empty {
+    display: grid;
+    place-items: center;
+    flex: 1;
+    min-height: inherit;
+    padding: 8px;
+    text-align: center;
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 0.875rem;
+  }
+  .empty[hidden],
+  .chart-root[hidden] {
+    display: none;
+  }
+  .map-legend {
+    position: absolute;
+    right: 5px;
+    bottom: 5px;
+    z-index: 10;
+    width: max-content;
+    min-width: 200px;
+    max-width: calc(100% - 20px);
+    max-height: 50%;
+    display: flex;
+    flex-direction: column;
+    padding: 8px 0;
+    overflow: hidden;
+    background: var(--ui9000-color-surface, #ffffff);
+    border: 1px solid var(--ui9000-color-border, #e5e7eb);
+    border-radius: 8px;
+    box-shadow:
+      0 2px 4px 0 #141c2c0f,
+      0 4px 8px 2px #141c2c0f;
+    user-select: none;
+    pointer-events: auto;
+  }
+  .legend-panel-header {
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: space-between;
+    padding: 6px 12px;
+    border-bottom: 1px solid var(--ui9000-color-border, #e5e7eb);
+  }
+  .map-legend:not(:has(.legend-layers)) .legend-panel-header {
+    border-bottom: none;
+  }
+  .legend-kicker {
+    margin: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 11px;
+    font-weight: 400;
+    line-height: 12px;
+    letter-spacing: 0.88px;
+    text-transform: uppercase;
+    color: var(--ui9000-color-text, #111827);
+  }
+  .legend-chevron {
+    flex-shrink: 0;
+    width: 16px;
+    height: 16px;
+    padding: 0;
+    border: 0;
+    background: transparent
+      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%238f95a0' stroke-width='1.25'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E")
+      center / 16px no-repeat;
+    cursor: pointer;
+    transition: transform 0.5s;
+  }
+  .legend-chevron[aria-expanded='false'] {
+    transform: rotate(180deg);
+  }
+  .legend-layers {
+    overflow-y: auto;
+    overflow-x: visible;
+    width: 100%;
+  }
+  .legend-layer {
+    padding: 8px 12px;
+    border-bottom: 1px solid var(--ui9000-color-border, #e5e7eb);
+    width: 100%;
+    box-sizing: border-box;
+  }
+  .legend-layer:last-child {
+    border-bottom: none;
+  }
+  .legend-layer-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    width: 100%;
+  }
+  .legend-check {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+    flex: 1;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 20px;
+    color: var(--ui9000-color-text, #111827);
+    cursor: pointer;
+  }
+  .legend-check span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .legend-layer-header .legend-chevron {
+    margin-left: auto;
+  }
+  .legend-check input {
+    appearance: none;
+    -webkit-appearance: none;
+    flex-shrink: 0;
+    width: 17px;
+    height: 17px;
+    margin: 0;
+    border: 1px solid var(--ui9000-color-border, #8f95a0);
+    border-radius: 4px;
+    background: var(--ui9000-color-surface, #ffffff);
+    cursor: pointer;
+  }
+  .legend-check input:checked {
+    border: none;
+    background-color: var(--ui9000-color-primary, #473dd9);
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M1.5 5.2L3.8 7.5 8.5 2.5' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 10px 10px;
+  }
+  .legend-details {
+    margin-top: 8px;
+  }
+  .legend-stat {
+    margin: 0;
+    font-size: 14px;
+    font-weight: 400;
+    color: var(--ui9000-color-text, #111827);
+  }
+  .legend-avg {
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 20px;
+    padding-right: 4px;
+  }
+  .legend-scale {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    width: 100%;
+    padding-top: 8px;
+  }
+  .legend-scale[data-kind='bubbles'] {
+    padding-top: 30px;
+  }
+  .legend-scale[data-kind='spike'] {
+    padding-top: 40px;
+  }
+  .legend-colors {
+    display: flex;
+    position: relative;
+    width: 100%;
+  }
+  .legend-colors[data-qualitative]::after {
+    content: '';
+    position: absolute;
+    left: 8px;
+    right: 8px;
+    top: calc(50% + 1px);
+    height: 1px;
+    transform: translateY(-50%);
+    border-top: 1px dashed #8f95a0;
+    z-index: 10;
+    pointer-events: none;
+  }
+  .legend-spikes {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 14px;
+    display: flex;
+    align-items: flex-end;
+    pointer-events: none;
+  }
+  .legend-spike {
+    flex: 1;
+    min-width: 0;
+    height: 60px;
+    display: flex;
+    align-items: flex-end;
+    justify-content: center;
+  }
+  .legend-buckets {
+    position: relative;
+    display: flex;
+    width: 100%;
+  }
+  .legend-bucket {
+    position: relative;
+    flex: 1;
+    min-width: 0;
+    height: 12px;
+    background-color: var(--bucket-fill, #6c758429);
+  }
+  .legend-bucket[data-qualitative] {
+    border-right: 1px solid var(--ui9000-color-border, #e5e7eb);
+  }
+  .legend-bucket:first-child {
+    border-top-left-radius: 8px;
+    border-bottom-left-radius: 8px;
+  }
+  .legend-bucket:last-child {
+    border-right: none;
+    border-top-right-radius: 8px;
+    border-bottom-right-radius: 8px;
+  }
+  .legend-bucket[data-bubble]::before,
+  .legend-bucket[data-bubble]::after {
+    content: '';
+    position: absolute;
+    top: -2px;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    border-radius: 100%;
+    -webkit-mask-image: linear-gradient(to bottom, #000 0 50%, transparent 50% 100%);
+    mask-image: linear-gradient(to bottom, #000 0 50%, transparent 50% 100%);
+    z-index: 1;
+  }
+  .legend-bucket[data-bubble]::before {
+    width: var(--bubble-size, 12px);
+    height: var(--bubble-size, 12px);
+    background-color: #6c758429;
+  }
+  .legend-bucket[data-bubble]::after {
+    display: none;
+    width: var(--inner-size, 0px);
+    height: var(--inner-size, 0px);
+    border: 1px solid var(--ui9000-color-border, #8f95a0);
+    background: transparent;
+  }
+  .legend-bucket[data-bubble][data-inner]::after {
+    display: block;
+  }
+  .legend-values {
+    display: flex;
+    width: 100%;
+    padding-top: 6px;
+  }
+  .legend-value {
+    flex: 1;
+    min-width: 0;
+    padding-right: 5px;
+    font-size: 8px;
+    font-weight: 400;
+    line-height: 16px;
+    text-align: center;
+    color: var(--ui9000-color-text-muted, #6c7584);
+    user-select: none;
+  }
+  .legend-value:first-child {
+    text-align: start;
+  }
+  .legend-value:last-child {
+    text-align: end;
+  }
+  .legend-range {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 12px;
+    z-index: 100;
+    pointer-events: none;
+  }
+  .legend-range-track {
+    position: absolute;
+    top: 0;
+    width: 100%;
+    height: 12px;
+    cursor: pointer;
+    touch-action: none;
+    pointer-events: none;
+  }
+  .legend-thumb {
+    position: absolute;
+    top: 1px;
+    z-index: 2;
+    box-sizing: border-box;
+    width: 10px;
+    height: 10px;
+    padding: 0;
+    border: 0;
+    border-radius: 50%;
+    background: var(--ui9000-color-text, #141c2c);
+    box-shadow: 0 0 0 1px inset var(--ui9000-color-surface, #ffffff);
+    transform: translateX(-50%);
+    cursor: pointer;
+    pointer-events: auto;
+    touch-action: none;
+  }
+  .legend-thumb::before {
+    content: '';
+    position: absolute;
+    inset: -4px;
+  }
+  .legend-thumb:hover,
+  .legend-thumb:active {
+    border: 2px solid var(--ui9000-color-border, #8f95a0);
+    background: var(--ui9000-color-surface, #ffffff);
+  }
+  .legend-thumb:focus-visible {
+    outline: 2px solid var(--ui9000-color-primary, #473dd9);
+    outline-offset: 2px;
+  }
+  .match-notice {
+    position: absolute;
+    left: 16px;
+    bottom: 16px;
+    z-index: 10;
+    max-width: calc(100% - 32px);
+    padding: 6px 10px;
+    border-radius: 6px;
+    font-size: 12px;
+    background: #fff8e1;
+    color: #6b5900;
+    border: 1px solid #f5e6b3;
+  }
+`;
+export {
+  mapChartStyles
+};
+//# sourceMappingURL=styles.js.map

package/dist/components/map-chart/element/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/map-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const mapChartStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 320px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-root {\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n    border-radius: 8px;\n    overflow: hidden;\n    background: var(--ui9000-color-surface-muted, #f3f4f6);\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 12;\n    padding: 8px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 10px));\n    white-space: nowrap;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    flex: 1;\n    min-height: inherit;\n    padding: 8px;\n    text-align: center;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n  .empty[hidden],\n  .chart-root[hidden] {\n    display: none;\n  }\n  .map-legend {\n    position: absolute;\n    right: 5px;\n    bottom: 5px;\n    z-index: 10;\n    width: max-content;\n    min-width: 200px;\n    max-width: calc(100% - 20px);\n    max-height: 50%;\n    display: flex;\n    flex-direction: column;\n    padding: 8px 0;\n    overflow: hidden;\n    background: var(--ui9000-color-surface, #ffffff);\n    border: 1px solid var(--ui9000-color-border, #e5e7eb);\n    border-radius: 8px;\n    box-shadow:\n      0 2px 4px 0 #141c2c0f,\n      0 4px 8px 2px #141c2c0f;\n    user-select: none;\n    pointer-events: auto;\n  }\n  .legend-panel-header {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between;\n    padding: 6px 12px;\n    border-bottom: 1px solid var(--ui9000-color-border, #e5e7eb);\n  }\n  .map-legend:not(:has(.legend-layers)) .legend-panel-header {\n    border-bottom: none;\n  }\n  .legend-kicker {\n    margin: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: 11px;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.88px;\n    text-transform: uppercase;\n    color: var(--ui9000-color-text, #111827);\n  }\n  .legend-chevron {\n    flex-shrink: 0;\n    width: 16px;\n    height: 16px;\n    padding: 0;\n    border: 0;\n    background: transparent\n      url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%238f95a0' stroke-width='1.25'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E\")\n      center / 16px no-repeat;\n    cursor: pointer;\n    transition: transform 0.5s;\n  }\n  .legend-chevron[aria-expanded='false'] {\n    transform: rotate(180deg);\n  }\n  .legend-layers {\n    overflow-y: auto;\n    overflow-x: visible;\n    width: 100%;\n  }\n  .legend-layer {\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--ui9000-color-border, #e5e7eb);\n    width: 100%;\n    box-sizing: border-box;\n  }\n  .legend-layer:last-child {\n    border-bottom: none;\n  }\n  .legend-layer-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n  }\n  .legend-check {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n    flex: 1;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    color: var(--ui9000-color-text, #111827);\n    cursor: pointer;\n  }\n  .legend-check span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .legend-layer-header .legend-chevron {\n    margin-left: auto;\n  }\n  .legend-check input {\n    appearance: none;\n    -webkit-appearance: none;\n    flex-shrink: 0;\n    width: 17px;\n    height: 17px;\n    margin: 0;\n    border: 1px solid var(--ui9000-color-border, #8f95a0);\n    border-radius: 4px;\n    background: var(--ui9000-color-surface, #ffffff);\n    cursor: pointer;\n  }\n  .legend-check input:checked {\n    border: none;\n    background-color: var(--ui9000-color-primary, #473dd9);\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M1.5 5.2L3.8 7.5 8.5 2.5' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 10px 10px;\n  }\n  .legend-details {\n    margin-top: 8px;\n  }\n  .legend-stat {\n    margin: 0;\n    font-size: 14px;\n    font-weight: 400;\n    color: var(--ui9000-color-text, #111827);\n  }\n  .legend-avg {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 20px;\n    padding-right: 4px;\n  }\n  .legend-scale {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    width: 100%;\n    padding-top: 8px;\n  }\n  .legend-scale[data-kind='bubbles'] {\n    padding-top: 30px;\n  }\n  .legend-scale[data-kind='spike'] {\n    padding-top: 40px;\n  }\n  .legend-colors {\n    display: flex;\n    position: relative;\n    width: 100%;\n  }\n  .legend-colors[data-qualitative]::after {\n    content: '';\n    position: absolute;\n    left: 8px;\n    right: 8px;\n    top: calc(50% + 1px);\n    height: 1px;\n    transform: translateY(-50%);\n    border-top: 1px dashed #8f95a0;\n    z-index: 10;\n    pointer-events: none;\n  }\n  .legend-spikes {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 14px;\n    display: flex;\n    align-items: flex-end;\n    pointer-events: none;\n  }\n  .legend-spike {\n    flex: 1;\n    min-width: 0;\n    height: 60px;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n  }\n  .legend-buckets {\n    position: relative;\n    display: flex;\n    width: 100%;\n  }\n  .legend-bucket {\n    position: relative;\n    flex: 1;\n    min-width: 0;\n    height: 12px;\n    background-color: var(--bucket-fill, #6c758429);\n  }\n  .legend-bucket[data-qualitative] {\n    border-right: 1px solid var(--ui9000-color-border, #e5e7eb);\n  }\n  .legend-bucket:first-child {\n    border-top-left-radius: 8px;\n    border-bottom-left-radius: 8px;\n  }\n  .legend-bucket:last-child {\n    border-right: none;\n    border-top-right-radius: 8px;\n    border-bottom-right-radius: 8px;\n  }\n  .legend-bucket[data-bubble]::before,\n  .legend-bucket[data-bubble]::after {\n    content: '';\n    position: absolute;\n    top: -2px;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: 100%;\n    -webkit-mask-image: linear-gradient(to bottom, #000 0 50%, transparent 50% 100%);\n    mask-image: linear-gradient(to bottom, #000 0 50%, transparent 50% 100%);\n    z-index: 1;\n  }\n  .legend-bucket[data-bubble]::before {\n    width: var(--bubble-size, 12px);\n    height: var(--bubble-size, 12px);\n    background-color: #6c758429;\n  }\n  .legend-bucket[data-bubble]::after {\n    display: none;\n    width: var(--inner-size, 0px);\n    height: var(--inner-size, 0px);\n    border: 1px solid var(--ui9000-color-border, #8f95a0);\n    background: transparent;\n  }\n  .legend-bucket[data-bubble][data-inner]::after {\n    display: block;\n  }\n  .legend-values {\n    display: flex;\n    width: 100%;\n    padding-top: 6px;\n  }\n  .legend-value {\n    flex: 1;\n    min-width: 0;\n    padding-right: 5px;\n    font-size: 8px;\n    font-weight: 400;\n    line-height: 16px;\n    text-align: center;\n    color: var(--ui9000-color-text-muted, #6c7584);\n    user-select: none;\n  }\n  .legend-value:first-child {\n    text-align: start;\n  }\n  .legend-value:last-child {\n    text-align: end;\n  }\n  .legend-range {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: 12px;\n    z-index: 100;\n    pointer-events: none;\n  }\n  .legend-range-track {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    height: 12px;\n    cursor: pointer;\n    touch-action: none;\n    pointer-events: none;\n  }\n  .legend-thumb {\n    position: absolute;\n    top: 1px;\n    z-index: 2;\n    box-sizing: border-box;\n    width: 10px;\n    height: 10px;\n    padding: 0;\n    border: 0;\n    border-radius: 50%;\n    background: var(--ui9000-color-text, #141c2c);\n    box-shadow: 0 0 0 1px inset var(--ui9000-color-surface, #ffffff);\n    transform: translateX(-50%);\n    cursor: pointer;\n    pointer-events: auto;\n    touch-action: none;\n  }\n  .legend-thumb::before {\n    content: '';\n    position: absolute;\n    inset: -4px;\n  }\n  .legend-thumb:hover,\n  .legend-thumb:active {\n    border: 2px solid var(--ui9000-color-border, #8f95a0);\n    background: var(--ui9000-color-surface, #ffffff);\n  }\n  .legend-thumb:focus-visible {\n    outline: 2px solid var(--ui9000-color-primary, #473dd9);\n    outline-offset: 2px;\n  }\n  .match-notice {\n    position: absolute;\n    left: 16px;\n    bottom: 16px;\n    z-index: 10;\n    max-width: calc(100% - 32px);\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    background: #fff8e1;\n    color: #6b5900;\n    border: 1px solid #f5e6b3;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/map-chart/element/ui9000-map-chart.d.ts

@@ -0,0 +1,54 @@
+import { PropertyValues } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+export declare class Ui9000MapChart extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
+    showLegend: boolean;
+    showTooltip: boolean;
+    mapboxToken: string;
+    geojsonBaseUrl: string;
+    pmtilesBaseUrl: string;
+    private _empty;
+    private _emptyReason;
+    private _tooltip;
+    private _layers;
+    private _sliders;
+    private _activeLayers;
+    private _legendOpen;
+    private _layerOpen;
+    private _model;
+    private _ctl;
+    private _legendKey;
+    private _legendDrag?;
+    private _resizeObserver?;
+    private _raf;
+    private _drawGen;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private shouldRedraw;
+    private scheduleDraw;
+    private chartRoot;
+    private token;
+    private pmtilesUrl;
+    private mode;
+    private draw;
+    private syncLegendState;
+    private pushLegend;
+    private toggleLayer;
+    private toggleLayerOpen;
+    private setSlider;
+    private startThumbDrag;
+    private stopLegendDrag;
+    private setTooltip;
+    private matchNotice;
+    private renderLegend;
+    private renderLegendLayer;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-map-chart': Ui9000MapChart;
+    }
+}
+export declare function registerMapChart(): void;
+//# sourceMappingURL=ui9000-map-chart.d.ts.map

package/dist/components/map-chart/element/ui9000-map-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-map-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/map-chart/element/ui9000-map-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAqF7F,qBACa,cAAe,SAAQ,kBAAkB;IACpD,OAAgB,MAAM,4BAAsC;IAG5D,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,WAAW,SAAM;IAGjB,cAAc,SAAM;IAGpB,cAAc,SAAc;IAG5B,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,YAAY,CAAa;IAGjC,OAAO,CAAC,QAAQ,CAAuE;IAGvF,OAAO,CAAC,OAAO,CAAuB;IAGtC,OAAO,CAAC,QAAQ,CAAmC;IAGnD,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,WAAW,CAAQ;IAG3B,OAAO,CAAC,UAAU,CAA+B;IAEjD,OAAO,CAAC,MAAM,CAAyB;IACvC,OAAO,CAAC,IAAI,CAAmC;IAC/C,OAAO,CAAC,UAAU,CAAM;IACxB,OAAO,CAAC,WAAW,CAAC,CAIlB;IACF,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IACjB,OAAO,CAAC,QAAQ,CAAK;IAEZ,iBAAiB,IAAI,IAAI;IAYzB,oBAAoB,IAAI,IAAI;IAU5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAM/C,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,KAAK;IAWb,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,IAAI;YAKE,IAAI;IAqFlB,OAAO,CAAC,eAAe;IAuBvB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,cAAc;IA2BtB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,YAAY;IA4BpB,OAAO,CAAC,iBAAiB;IA4HhB,MAAM;CA0BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}