bb_component_supermetricsprovider 1.0.1

package/README.md

@@ -0,0 +1,25 @@
+# SuperMetricsProvider
+
+Super Metrics Provider
+
+A data provider component that fetches and supplies metrics data to child components for dashboard visualizations and monitoring.
+
+## Metadata
+
+| | |
+|---|---|
+| **Type** | Budibase Component |
+| **Category** | basic |
+| **Topics** | `budibase`, `component`, `basic` |
+
+## Development
+
+```bash
+bun install
+bun link @poirazis/superlib
+bun run build
+```
+
+## Schema
+
+See `schema.json` for the component definition.

package/dist/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "bb_component_supermetricsprovider",
+  "version": "1.0.1",
+  "description": "Super Metrics Provider",
+  "license": "MIT",
+  "author": "Michael Poirazi - https://github.com/poirazis"
+}

package/dist/plugin.min.js

@@ -0,0 +1,2 @@
+!function(){try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.time-picker.svelte-1y5bf7z{font-variant-numeric:tabular-nums;border:1px solid #6c78934d;border-radius:3px;align-items:center;width:fit-content;margin:6px auto auto;font-size:1.1em;display:flex}span.svelte-1y5bf7z{user-select:all;z-index:1;outline:none;padding:4px 0;position:relative}span.svelte-1y5bf7z:not(:focus)::selection{background-color:#0000}span.svelte-1y5bf7z:first-child{padding-left:6px}span.svelte-1y5bf7z:last-child{padding-right:6px}.date-time-picker.svelte-pdppv4{color:var(--date-picker-foreground,#000);background:var(--date-picker-background,#fff);user-select:none;cursor:default;border:1px solid #6771894d;border-radius:3px;outline:none;padding:.5rem;font-size:.75rem;transition:all 80ms cubic-bezier(.4,0,.2,1);display:inline-block;box-shadow:0 2px 6px #00000014,0 2px 6px #0000001c}.date-time-picker.svelte-pdppv4:focus{border-color:var(--date-picker-highlight-border,#0269f7);box-shadow:0px 0px 0px 2px var(--date-picker-highlight-shadow,#0269f766)}.tab-container.svelte-pdppv4{outline:none}.top.svelte-pdppv4{justify-content:center;align-items:center;padding-bottom:.5rem;display:flex}.dropdown.svelte-pdppv4{margin-left:.25rem;margin-right:.25rem;display:flex;position:relative}.dropdown.svelte-pdppv4 svg:where(.svelte-pdppv4){pointer-events:none;box-sizing:content-box;width:8px;height:100%;padding:0 .5rem;position:absolute;top:0;right:0}.month.svelte-pdppv4,.year.svelte-pdppv4{flex-grow:1}svg.svelte-pdppv4{fill:var(--date-picker-foreground,#000);opacity:.75;outline:none;display:block}.page-button.svelte-pdppv4{box-sizing:border-box;background-color:#0000;border:1px solid #0000;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.page-button.svelte-pdppv4:hover{background-color:#80808014;border:1px solid #80808014}.page-button.svelte-pdppv4 svg:where(.svelte-pdppv4){width:.68rem;height:.68rem}select.dummy-select.svelte-pdppv4{pointer-events:none;width:100%;color:var(--date-picker-foreground,#000);background-color:var(--date-picker-background,#fff);border-radius:3px;outline:none;position:absolute}select.svelte-pdppv4:focus+select.dummy-select:where(.svelte-pdppv4){border-color:var(--date-picker-highlight-border,#0269f7);box-shadow:0px 0px 0px 2px var(--date-picker-highlight-shadow,#0269f766)}select.svelte-pdppv4:not(.dummy-select){opacity:0}select.svelte-pdppv4{font-size:inherit;appearance:none;background-image:none;border:1px solid #6c78934d;outline:none;flex-grow:1;height:1.5rem;margin:0;padding:0 1.3rem 0 .35rem;font-family:inherit;transition:all 80ms cubic-bezier(.4,0,.2,1)}.header.svelte-pdppv4{padding-bottom:2px;font-weight:600;display:flex}.header-cell.svelte-pdppv4{text-align:center;flex-grow:1;width:1.875rem}.week.svelte-pdppv4{display:flex}.cell.svelte-pdppv4{box-sizing:border-box;border:2px solid #0000;border-radius:5px;flex-grow:1;justify-content:center;align-items:center;width:2rem;height:1.94rem;display:flex}.cell.svelte-pdppv4:hover{border:1px solid #80808014}.cell.today.svelte-pdppv4{border:2px solid var(--date-picker-today-border,#8080804d);font-weight:600}.cell.svelte-pdppv4:hover{background-color:#80808014}.cell.disabled.svelte-pdppv4{visibility:hidden}.cell.disabled.svelte-pdppv4:hover{background-color:#0000;border:none}.cell.other-month.svelte-pdppv4 span:where(.svelte-pdppv4){opacity:.4}.cell.selected.svelte-pdppv4{color:var(--date-picker-selected-color,inherit);background:var(--date-picker-selected-background,#0269f733);border:2px solid var(--date-picker-highlight-border,#0269f7)}.simple-button.svelte-1mahf4q{border:1px solid var(--spectrum-global-color-gray-400);background-color:var(--spectrum-global-color-gray-100);color:var(--spectrum-global-color-gray-600);cursor:pointer;user-select:none;white-space:nowrap;text-overflow:ellipsis;border-radius:.5rem;flex:none;justify-content:center;align-items:center;gap:.35rem;min-width:0;max-width:100%;max-height:1.75rem;padding:.25rem .75rem;font-size:12px;font-weight:400;transition:all .15s ease-in-out;display:flex;overflow:hidden}.simple-button.field-button.svelte-1mahf4q{border:1px solid var(--spectrum-global-color-gray-200);border-radius:.25rem;padding:.25rem .5rem}.simple-button.view-mode.svelte-1mahf4q,.simple-button.disabled.svelte-1mahf4q{cursor:default}.simple-button.disabled.svelte-1mahf4q{opacity:.6}.simple-button.svelte-1mahf4q:hover:not(.disabled):not(.view-mode){background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-800)}.simple-button.svelte-1mahf4q:active:not(.disabled):not(.view-mode){border-color:var(--spectrum-global-color-gray-500);color:var(--spectrum-global-color-gray-800)}.simple-button.selected.svelte-1mahf4q{background-color:var(--option-color,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-global-color-gray-400);color:var(--spectrum-global-color-gray-800);font-weight:600}.simple-button.warning.svelte-1mahf4q{background-color:var(--spectrum-global-color-red-400);color:#fff;border:1px solid #0000}.simple-button.warning.svelte-1mahf4q:hover:not(.disabled):not(.view-mode){background-color:var(--spectrum-global-color-red-700);color:#fff;border-color:#0000;font-weight:600}.simple-button.warning.svelte-1mahf4q:active:not(.disabled):not(.view-mode){border:1px dashed var(--spectrum-global-color-red-700);background-color:var(--spectrum-global-color-red-700);color:#fff;font-weight:600}.simple-button.warning.selected.svelte-1mahf4q{background-color:var(--spectrum-global-color-red-400);border-color:var(--spectrum-global-color-red-700);color:#fff;font-weight:600}.simple-button.icon-only.svelte-1mahf4q{aspect-ratio:1;border-radius:.25rem;flex:none;padding:.25rem}.label.svelte-1mahf4q{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.super-cell.svelte-5ns2ht{box-sizing:border-box;width:100%;min-width:0;height:2rem;color:var(--spectrum-global-color-gray-800);border:1px solid #0000;align-items:stretch;transition:background-color .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.super-cell.svelte-5ns2ht:focus,.super-cell.svelte-5ns2ht:focus-visible,.super-cell.svelte-5ns2ht:focus-within,.super-cell.svelte-5ns2ht :is(:where(.svelte-5ns2ht):focus,:where(.svelte-5ns2ht):focus-visible),.super-cell.svelte-5ns2ht .switch-container:focus-visible{outline:none}.buttons.svelte-5ns2ht{align-items:center;gap:.25rem;padding-right:.25rem;display:flex}.super-cell.view.svelte-5ns2ht{background:var(--spectrum-global-color-gray-50)}.super-cell.view.svelte-5ns2ht:focus,.super-cell.view.svelte-5ns2ht:focus-within{border-color:var(--spectrum-global-color-static-blue-400)}.super-cell.view.svelte-5ns2ht:hover{border-color:rgb(from var(--spectrum-global-color-static-blue-400) r g b / .5);background:var(--spectrum-global-color-gray-50);cursor:text}.super-cell.view.readonly.svelte-5ns2ht:hover{cursor:default}.super-cell.view.disabled.svelte-5ns2ht:hover{cursor:not-allowed}.super-cell.view.error.svelte-5ns2ht{border-color:var(--spectrum-global-color-red-500)}.super-cell.editing.svelte-5ns2ht{border-color:var(--spectrum-global-color-static-blue-400);background:var(--spectrum-global-color-gray-50)}.super-cell.error.editing.svelte-5ns2ht,.super-cell.error.editing.svelte-5ns2ht:focus,.super-cell.error.editing.svelte-5ns2ht:focus-within{border-color:var(--spectrum-global-color-red-500)}.super-cell.disabled.svelte-5ns2ht{background:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500);cursor:default}.super-cell.readonly.svelte-5ns2ht{cursor:default;background:rgb(from var(--spectrum-global-color-gray-50) r g b / .75);border-color:var(--spectrum-global-color-gray-100);color:var(--spectrum-global-color-gray-700)}.super-cell.copyable.svelte-5ns2ht{color:var(--spectrum-global-color-gray-700);border-color:var(--spectrum-global-color-gray-300);background:var(--spectrum-global-color-gray-50);cursor:pointer}.super-cell.copyable.svelte-5ns2ht:hover,.super-cell.copyable.svelte-5ns2ht:focus{border-color:var(--spectrum-global-color-gray-400);background:var(--spectrum-global-color-gray-100)}.super-cell.justCopied.svelte-5ns2ht{border-color:rgb(from var(--spectrum-global-color-static-green-400) r g b / .75)!important}.super-cell.justCopied.svelte-5ns2ht .copy-icon:where(.svelte-5ns2ht){color:var(--spectrum-global-color-green-700);opacity:1}.super-cell.copyable.icon-on-hover.svelte-5ns2ht .copy-icon:where(.svelte-5ns2ht){opacity:0}.super-cell.copyable.svelte-5ns2ht:hover .copy-icon:where(.svelte-5ns2ht),.super-cell.copyable.svelte-5ns2ht:focus .copy-icon:where(.svelte-5ns2ht){opacity:.85;cursor:pointer}.super-cell.copyable.svelte-5ns2ht:hover .copy-icon:where(.svelte-5ns2ht):hover,.super-cell.copyable.svelte-5ns2ht:focus .copy-icon:where(.svelte-5ns2ht):hover{opacity:1}.super-cell.form.svelte-5ns2ht{--super-cell-padding:0rem .75rem;border-color:var(--spectrum-global-color-gray-300);border-radius:.25rem;font-size:13px}.super-cell.form.view.with-popup.svelte-5ns2ht:hover{border-color:var(--spectrum-global-color-gray-300);background:var(--spectrum-global-color-gray-100);cursor:pointer}.super-cell.form.editing.with-popup.svelte-5ns2ht{border-color:var(--spectrum-global-color-gray-300);background:var(--spectrum-global-color-gray-100)}.super-cell.form.editing.svelte-5ns2ht:is(:where(.svelte-5ns2ht):focus,:where(.svelte-5ns2ht):focus-within,.with-popup:where(.svelte-5ns2ht):is(:where(.svelte-5ns2ht):focus,:where(.svelte-5ns2ht):focus-within)){border-color:var(--spectrum-global-color-blue-400)}.super-cell.cell.svelte-5ns2ht{--super-cell-padding:0 var(--super-table-cell-padding,.75rem);height:auto;color:inherit;background:0 0;border:1px solid #0000;font-size:12px;line-height:1.25}.super-cell.cell.svelte-5ns2ht .value-contents{font-size:inherit}.super-cell.cell.view.svelte-5ns2ht:hover{border-color:rgb(from var(--spectrum-global-color-static-blue-400) r g b / .5);cursor:text}.super-cell.cell.view.with-popup.svelte-5ns2ht:hover{cursor:pointer}.super-cell.cell.view.svelte-5ns2ht:is(:where(.svelte-5ns2ht):focus,:where(.svelte-5ns2ht):focus-within){border-color:var(--spectrum-global-color-static-blue-400)}.super-cell.cell.editing.svelte-5ns2ht{border-color:var(--spectrum-global-color-static-blue-400);background:var(--spectrum-global-color-gray-50)}.super-cell.cell.editing.with-popup.svelte-5ns2ht{border-color:var(--spectrum-global-color-blue-400);cursor:pointer}.super-cell.cell.editing.svelte-5ns2ht:is(:where(.svelte-5ns2ht):focus,:where(.svelte-5ns2ht):focus-within,.with-popup:where(.svelte-5ns2ht):is(:where(.svelte-5ns2ht):focus,:where(.svelte-5ns2ht):focus-within)){border-color:var(--spectrum-global-color-blue-400)}.super-cell.cell.error.editing.svelte-5ns2ht,.super-cell.cell.error.editing.svelte-5ns2ht:is(:where(.svelte-5ns2ht):focus,:where(.svelte-5ns2ht):focus-within){border-color:var(--spectrum-global-color-red-500)}.super-cell.cell.svelte-5ns2ht:not(.editing) .control-icon,.super-cell.cell.svelte-5ns2ht:not(.editing) .action-icon{display:none}.super-cell.isDirty.svelte-5ns2ht{border-left:2px solid var(--spectrum-global-color-orange-400)!important}.super-cell.form.naked-field.svelte-5ns2ht{height:auto;min-height:unset;padding:unset!important;background:0 0!important;border-color:#0000!important;max-width:fit-content!important}.super-cell.form.naked-field.svelte-5ns2ht:is(.view:where(.svelte-5ns2ht),.editing:where(.svelte-5ns2ht),.readonly:where(.svelte-5ns2ht),.disabled:where(.svelte-5ns2ht)){background:0 0;border-color:#0000}.super-cell.form.naked-field.svelte-5ns2ht:is(.view:where(.svelte-5ns2ht),.editing:where(.svelte-5ns2ht)):hover,.super-cell.form.naked-field:is(.view:where(.svelte-5ns2ht),.editing:where(.svelte-5ns2ht)).with-popup.svelte-5ns2ht:hover{cursor:pointer;background:0 0;border-color:#0000}.super-cell.form.naked-field.svelte-5ns2ht:is(:where(.svelte-5ns2ht):focus,:where(.svelte-5ns2ht):focus-within),.super-cell.form.naked-field.error.svelte-5ns2ht{border-color:#0000}.super-cell.form.multirow.svelte-5ns2ht{--super-cell-padding:.5rem .75rem;align-items:flex-start;height:auto}.super-cell.form.multirow.svelte-5ns2ht :is(.copy-icon:where(.svelte-5ns2ht),.field-icon:where(.svelte-5ns2ht),.clear-icon:where(.svelte-5ns2ht),.error-icon:where(.svelte-5ns2ht)){align-self:flex-start;margin-top:.5rem}.super-cell.form.multirow.svelte-5ns2ht :is(.field-icon:where(.svelte-5ns2ht),.clear-icon:where(.svelte-5ns2ht),.error-icon:where(.svelte-5ns2ht)){padding-left:.5rem}.super-cell.form.multirow.svelte-5ns2ht .field-icon:where(.svelte-5ns2ht){color:var(--spectrum-global-color-gray-600)}.super-cell.form.multirow.svelte-5ns2ht .buttons:where(.svelte-5ns2ht){flex-direction:column;align-items:flex-start;margin-top:.25rem;margin-bottom:.5rem}.super-cell.svelte-5ns2ht>:is(.copy-icon:where(.svelte-5ns2ht),.control-icon:where(.svelte-5ns2ht)){opacity:.5;justify-content:center;align-self:stretch;align-items:center;padding-left:.5rem;padding-right:.5rem;font-size:15px;transition:color .15s,opacity .15s;display:flex}.super-cell.svelte-5ns2ht>.copy-icon:where(.svelte-5ns2ht){color:var(--spectrum-global-color-gray-600);border-left:1px solid var(--spectrum-global-color-gray-300)}.super-cell.svelte-5ns2ht>.control-icon:where(.svelte-5ns2ht){color:var(--spectrum-global-color-gray-700)}.super-cell.svelte-5ns2ht:hover>.control-icon:where(.svelte-5ns2ht),.super-cell.copyable.svelte-5ns2ht>.copy-icon:where(.svelte-5ns2ht),.super-cell.copyable.svelte-5ns2ht:hover>.copy-icon:where(.svelte-5ns2ht){cursor:pointer}.super-cell.svelte-5ns2ht:hover>.control-icon:where(.svelte-5ns2ht){opacity:1}.super-cell.svelte-5ns2ht :is(.error-icon:where(.svelte-5ns2ht),.field-icon:where(.svelte-5ns2ht)){align-self:center;padding-left:.75rem}.error-icon.svelte-5ns2ht,.clear-icon.svelte-5ns2ht{font-size:14px}.error-icon.svelte-5ns2ht{color:var(--spectrum-global-color-red-500)}.clear-icon.svelte-5ns2ht{color:var(--spectrum-global-color-red-400);z-index:1}.field-icon.svelte-5ns2ht{color:var(--spectrum-global-color-gray-600)}.clear-icon.svelte-5ns2ht:hover{color:var(--spectrum-global-color-red-700);cursor:pointer}.super-cell :is(input,textarea).editor{box-sizing:border-box;width:0;min-width:0;max-width:100%;height:100%;color:inherit;padding:var(--super-cell-padding);font-style:inherit;font-size:inherit;cursor:inherit;background:0 0;border:none;outline:none;flex:1 1 0}.super-cell :is(input,textarea).editor:is(.svelte-5ns2ht:focus,.svelte-5ns2ht:focus-visible){background:var(--spectrum-global-color-gray-50);outline:none}.super-cell textarea.editor{font-family:inherit;font-weight:inherit;resize:vertical}.super-cell :is(input,textarea).editor.placeholder{color:var(--spectrum-global-color-gray-600)!important;font-style:italic!important}.hide-popover.svelte-1vbe9zl{display:contents}.spectrum-Popover.svelte-1vbe9zl{border-color:var(--spectrum-global-color-gray-300);background-color:var(--spectrum-global-color-gray-50);overflow:auto}.customZindex.svelte-1vbe9zl{z-index:var(--customZindex)!important}.popup.svelte-eg5peh{flex-direction:column;display:flex;overflow:hidden}.datetime-picker-container.svelte-eg5peh{z-index:1000;border-radius:8px;flex-direction:column;gap:8px;min-height:fit-content;padding:.5rem;display:contents}.time-section.svelte-eg5peh{flex-direction:column;gap:8px;display:flex}.time-buttons.svelte-eg5peh{gap:6px;display:flex}.time-button.svelte-eg5peh{border:1px solid var(--spectrum-global-color-gray-300);background:var(--spectrum-global-color-gray-50);color:var(--spectrum-global-color-gray-800);cursor:pointer;border-radius:4px;flex:1;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s}.time-button.svelte-eg5peh:hover{background:var(--spectrum-global-color-gray-100);border-color:var(--spectrum-global-color-gray-400)}.time-button.svelte-eg5peh:active{background:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-500)}.time-input.svelte-eg5peh{border:1px solid var(--spectrum-global-color-gray-300);background:var(--spectrum-global-color-gray-50);min-width:120px;color:var(--spectrum-global-color-gray-800);border-radius:4px;padding:6px 8px;font-size:14px}.time-input.svelte-eg5peh:focus,.time-input.svelte-eg5peh:focus-visible{border-color:var(--spectrum-global-color-blue-500);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .2);outline:none}.value-contents.svelte-eg5peh{min-width:0;max-width:100%;height:100%;color:inherit;cursor:inherit;padding:var(--super-cell-padding);background:0 0;border:none;outline:none;flex:auto;align-items:center;font-size:13px;display:flex;overflow:hidden}.value-contents.placeholder.svelte-eg5peh{color:var(--spectrum-global-color-gray-500);font-style:italic!important}.value.svelte-eg5peh{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.super-modal-shell.svelte-1fgdqyx{width:100%;position:relative}.super-modal-inline.svelte-1fgdqyx,.super-modal-root.svelte-1fgdqyx{width:100%}.super-modal-root.active.svelte-1fgdqyx{z-index:var(--super-modal-z-index,10000);box-sizing:border-box;pointer-events:none;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.super-modal-backdrop.svelte-1fgdqyx{z-index:0;background:color-mix(in srgb, var(--spectrum-global-color-gray-50,#fafafa) 68%, transparent);-webkit-backdrop-filter:blur(12px);cursor:pointer;pointer-events:auto;border:none;margin:0;padding:0;position:absolute;inset:0}.super-modal-panel.svelte-1fgdqyx{width:100%}.super-modal-panel.open.svelte-1fgdqyx{z-index:1;width:var(--super-modal-panel-width,min(96vw, 1440px));height:var(--super-modal-panel-height,min(88vh, 920px));max-height:var(--super-modal-panel-height,min(88vh, 920px));pointer-events:auto;box-sizing:border-box;position:relative}.super-modal-root.animated.active.svelte-1fgdqyx .super-modal-backdrop:where(.svelte-1fgdqyx){animation:1s ease-out both svelte-1fgdqyx-super-modal-backdrop-in}.super-modal-root.animated.active.svelte-1fgdqyx .super-modal-panel.open:where(.svelte-1fgdqyx){animation:1s cubic-bezier(.22,1,.36,1) .15s both svelte-1fgdqyx-super-modal-panel-in}@keyframes svelte-1fgdqyx-super-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-1fgdqyx-super-modal-panel-in{0%{opacity:0;transform:translateY(1.25rem)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.super-modal-root.animated.active.svelte-1fgdqyx .super-modal-backdrop:where(.svelte-1fgdqyx),.super-modal-root.animated.active.svelte-1fgdqyx .super-modal-panel.open:where(.svelte-1fgdqyx){animation:none}}.metrics-selector.svelte-xgexk6{border:1px solid var(--spectrum-global-color-gray-300);background-color:var(--spectrum-global-color-gray-100);border-radius:.25rem;flex:none;align-items:center;width:100%;font-size:13px;display:flex}@media (width<=600px){.metrics-selector.svelte-xgexk6{flex-direction:column;align-items:stretch!important}.card-tabs.svelte-xgexk6{justify-content:center;width:100%}.card-tab.svelte-xgexk6{text-align:center;flex:1 1 0;padding:.25rem .5rem;font-size:13px}}.card-tabs.svelte-xgexk6{z-index:0;gap:.25rem;width:100%;min-width:0;padding:.25rem;display:flex;position:relative}.card-tabs.loading.svelte-xgexk6{pointer-events:none;opacity:.5}.card-tabs.svelte-xgexk6:before{content:"";top:.25rem;left:var(--left-position,0);width:var(--tab-width);height:var(--tab-height,2px);background-color:var(--spectrum-global-color-gray-50);z-index:-1;border-radius:.25rem;transition:left .2s ease-in-out,width .2s ease-in-out,height .2s ease-in-out;position:absolute}.card-tab.svelte-xgexk6{cursor:pointer;color:var(--spectrum-global-color-gray-600);text-overflow:ellipsis;white-space:nowrap;background:0 0;border-color:#0000;justify-content:center;min-width:4rem;padding:.25rem .5rem;font-size:12px;transition:color .2s ease-in-out;display:flex;overflow:hidden}.card-tab.svelte-xgexk6:hover{color:var(--spectrum-global-color-gray-800)}.card-tab.active.svelte-xgexk6{color:var(--spectrum-global-color-gray-900)}.paginator-time-wrapper.svelte-cke4cu{flex-direction:column;flex:none;gap:.5rem;width:100%;display:flex}.custom-range.svelte-cke4cu{border:1px solid var(--spectrum-global-color-gray-300);background-color:var(--spectrum-global-color-gray-75);border-radius:.25rem;flex-wrap:wrap;align-items:flex-end;gap:.75rem;padding:.5rem;display:flex}.range-field.svelte-cke4cu{flex-direction:column;flex:12rem;gap:.25rem;min-width:12rem;display:flex}.range-label.svelte-cke4cu{color:var(--spectrum-global-color-gray-700);text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:600}@media (width<=600px){.paginator-time.svelte-cke4cu{flex-direction:column;align-items:stretch!important}.aggregation.svelte-cke4cu{display:none}.card-tabs.svelte-cke4cu{justify-content:center;width:100%}.card-tab.svelte-cke4cu{text-align:center;flex:1 1 0;padding:.25rem .5rem;font-size:13px}.range-field.svelte-cke4cu{min-width:100%}}.paginator-time.svelte-cke4cu{align-items:center;justify-content:var(--paginator-justify-content,flex-start);border:1px solid var(--spectrum-global-color-gray-300);background-color:var(--spectrum-global-color-gray-100);border-radius:.25rem;font-size:11px;display:flex}.aggregation.svelte-cke4cu{color:var(--spectrum-global-color-gray-900);border-radius:.25rem;justify-content:center;align-items:center;min-width:2rem;margin-right:.5rem;padding:.25rem .5rem;font-size:12px;display:flex}.card-tabs.svelte-cke4cu{z-index:0;flex:auto;gap:.25rem;min-width:0;padding:.25rem;display:flex;position:relative}.card-tabs.loading.svelte-cke4cu{pointer-events:none;opacity:.5}.card-tabs.svelte-cke4cu:before{content:"";top:.25rem;left:var(--left-position,0);width:var(--tab-width);height:var(--tab-height,2px);background-color:var(--spectrum-global-color-gray-50);z-index:-1;border-radius:.25rem;transition:left .2s ease-in-out,width .2s ease-in-out,height .2s ease-in-out;position:absolute}.card-tab.svelte-cke4cu{cursor:pointer;color:var(--spectrum-global-color-gray-600);text-overflow:ellipsis;white-space:nowrap;background:0 0;border-color:#0000;justify-content:center;min-width:4rem;padding:.25rem .5rem;font-size:12px;transition:color .2s ease-in-out;display:flex;overflow:hidden}.card-tab.svelte-cke4cu:hover{color:var(--spectrum-global-color-gray-800)}.card-tab.active.svelte-cke4cu{color:var(--spectrum-global-color-gray-900);border-radius:.25rem}.pagination-limit-offset.svelte-1hmd8tb{background:var(--spectrum-global-color-gray-50);border-radius:var(--spectrum-border-radius);justify-content:center;padding:.5rem;display:flex}.pagination-controls.svelte-1hmd8tb{align-items:center;gap:.5rem;display:flex}.pagination-btn.svelte-1hmd8tb{aspect-ratio:1;border:1px solid var(--spectrum-global-color-gray-300);background:var(--spectrum-global-color-gray-100);color:var(--spectrum-global-color-gray-700);cursor:pointer;border-radius:.25rem;transition:all .2s}.pagination-btn.svelte-1hmd8tb:hover:not(:disabled){background:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-400)}.pagination-btn.svelte-1hmd8tb:disabled{opacity:.5;cursor:not-allowed}.pagination-info.svelte-1hmd8tb{color:var(--spectrum-global-color-gray-700);white-space:nowrap;font-size:.875rem}.super-metrics-provider.svelte-1l9u2si{flex-direction:column;gap:1rem;width:100%;display:flex;overflow:hidden}.super-metrics-provider.popout-open.svelte-1l9u2si{background:var(--spectrum-global-color-gray-50,#fff);border:1px solid var(--spectrum-global-color-gray-300);box-sizing:border-box;border-radius:.5rem;flex-direction:column;width:100%;height:100%;padding:1rem;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000047}.metrics-header.svelte-1l9u2si{flex:none;align-items:stretch;gap:.5rem;width:100%;display:flex}.metrics-header.svelte-1l9u2si .metrics-selector{flex:auto;min-width:0}.popout-btn.svelte-1l9u2si{border:1px solid var(--spectrum-global-color-gray-300);background:var(--spectrum-global-color-gray-100);width:2rem;height:2rem;color:var(--spectrum-global-color-gray-800);cursor:pointer;border-radius:.25rem;flex:none;justify-content:center;align-self:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.popout-btn.svelte-1l9u2si:hover{background:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-400);color:var(--spectrum-global-color-gray-900)}.popout-btn.svelte-1l9u2si .ph:where(.svelte-1l9u2si){font-size:1rem;line-height:1}.super-metrics-provider.svelte-1l9u2si>.inner-wrapper:where(.svelte-1l9u2si){width:100%;min-height:0;padding:var(--super-metrics-provider-padding);flex:auto;overflow:hidden}.plugin-error.svelte-1q1ah0h{border:1px solid var(--spectrum-global-color-red-400);background:var(--spectrum-global-color-red-100);color:var(--spectrum-global-color-red-800);box-sizing:border-box;border-radius:4px;flex-direction:column;gap:.25rem;width:100%;padding:.5rem .75rem;font-size:13px;display:flex}.plugin-error-title.svelte-1q1ah0h{font-weight:600}.plugin-error-detail.svelte-1q1ah0h{color:var(--spectrum-global-color-red-700);word-break:break-word;font-size:12px}\n/*$vite$:1*/')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+var plugin=function(e,t,n,r,a){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});var l,s,o,i=Object.create,c=Object.defineProperty,d=Object.getOwnPropertyDescriptor,u=Object.getOwnPropertyNames,g=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty;o=null!=(l=t)?i(g(l)):{};var v=(t=((e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(var a,l=u(t),s=0,o=l.length;s<o;s++)a=l[s],p.call(e,a)||a===n||c(e,a,{get:(e=>t[e]).bind(null,a),enumerable:!(r=d(t,a))||r.enumerable});return e})(!s&&l&&l.__esModule?o:c(o,"default",{value:l,enumerable:!0}),l)).from_html('.<span role="spinbutton" aria-label="Milliseconds" tabindex="0" contenteditable="" inputmode="numeric" class="svelte-1y5bf7z"> </span>',1),f=t.from_html(':<span role="spinbutton" aria-label="Seconds" tabindex="0" contenteditable="" inputmode="numeric" class="svelte-1y5bf7z"> </span> <!>',1),h=t.from_html('<div class="time-picker svelte-1y5bf7z" role="none"><span role="spinbutton" aria-label="Hours" tabindex="0" contenteditable="" inputmode="numeric" class="svelte-1y5bf7z"> </span>: <span role="spinbutton" aria-label="Minutes" tabindex="0" contenteditable="" inputmode="numeric" class="svelte-1y5bf7z"> </span> <!></div>');function m(e,n){t.push(n,!1);let r=t.prop(n,"browseDate",12),a=t.prop(n,"timePrecision",8),l=t.prop(n,"setTime",8),s=t.mutable_source([]);function o(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t?.removeAllRanges(),t?.addRange(n)}function i(e){if("ArrowUp"===e.key||"ArrowDown"===e.key){const t=c(e.currentTarget),n="ArrowUp"===e.key?1:-1;g(e.currentTarget,t+n,!0),e.preventDefault(),o(e.currentTarget)}else if("ArrowLeft"===e.key||"ArrowRight"===e.key||":;-,.".includes(e.key)){const n=t.get(s).indexOf(e.currentTarget),r="ArrowLeft"===e.key?-1:1,a=t.get(s)[n+r];e.preventDefault(),a&&(a.focus(),o(a))}}function c(e){const t=d(e).label;return"Hours"===t?r().getHours():"Minutes"===t?r().getMinutes():"Seconds"===t?r().getSeconds():r().getMilliseconds()}function d(e){const t=e.getAttribute("aria-label");if("Hours"===t)return{label:t,len:2,max:23};if("Minutes"===t)return{label:t,len:2,max:59};if("Seconds"===t)return{label:t,len:2,max:59};if("Milliseconds"===t)return{label:t,len:3,max:999};throw new Error("Invalid label "+t)}function u(e){const n=("00"+e.getHours()).slice(-2),r=("00"+e.getMinutes()).slice(-2),a=("00"+e.getSeconds()).slice(-2),l=("000"+e.getMilliseconds()).slice(-3);t.get(s)[0]&&t.get(s)[0].innerText!==n&&t.mutate(s,t.get(s)[0].innerText=n),t.get(s)[1]&&t.get(s)[1].innerText!==r&&t.mutate(s,t.get(s)[1].innerText=r),t.get(s)[2]&&t.get(s)[2].innerText!==a&&t.mutate(s,t.get(s)[2].innerText=a),t.get(s)[3]&&t.get(s)[3].innerText!==l&&t.mutate(s,t.get(s)[3].innerText=l)}function g(e,t,n=!1){const a=d(e);t=function(e,t,n){return n&&e<0?t:n&&e>t?0:Math.max(0,Math.min(t,e))}(t,a.max,n),"Hours"===a.label?r().setHours(t):"Minutes"===a.label?r().setMinutes(t):"Seconds"===a.label?r().setSeconds(t):"Milliseconds"===a.label&&r().setMilliseconds(t),r(l()(r())),u(r())}function p(e,t){return parseInt(e.replace(/[^\d]/g,"").slice(-t))}function m(e){const t=e,n=d(t.currentTarget);let r;"insertText"===t.inputType?(r=p("000"+c(t.currentTarget)+t.currentTarget.innerText,n.len),r>n.max&&t.data&&(r=p(t.data,n.len))):r=p("000"+t.currentTarget.innerText,n.len),g(t.currentTarget,r),o(t.currentTarget)}function b(e){o(e.currentTarget)}t.legacy_pre_effect(()=>t.deep_read_state(r()),()=>{u(r())}),t.legacy_pre_effect_reset(),t.init();var y=t.comment(),_=t.first_child(y),w=e=>{var n=h(),l=t.child(n),o=t.child(l,!0);t.reset(l),t.bind_this(l,e=>t.mutate(s,t.get(s)[0]=e),()=>t.get(s)?.[0]);var c=t.sibling(l,2),d=t.child(c,!0);t.reset(c),t.bind_this(c,e=>t.mutate(s,t.get(s)[1]=e),()=>t.get(s)?.[1]);var u=t.sibling(c,2),g=e=>{var n=f(),l=t.sibling(t.first_child(n)),o=t.child(l,!0);t.reset(l),t.bind_this(l,e=>t.mutate(s,t.get(s)[2]=e),()=>t.get(s)?.[2]);var c=t.sibling(l,2),d=e=>{var n=v(),a=t.sibling(t.first_child(n)),l=t.child(a,!0);t.reset(a),t.bind_this(a,e=>t.mutate(s,t.get(s)[3]=e),()=>t.get(s)?.[3]),t.template_effect(e=>t.set_text(l,e),[()=>(t.deep_read_state(r()),t.untrack(()=>("000"+r().getMilliseconds()).slice(-3)))]),t.event("keydown",a,i),t.event("input",a,m),t.event("focus",a,b),t.append(e,n)};t.if(c,e=>{"second"!==a()&&e(d)}),t.template_effect(e=>t.set_text(o,e),[()=>(t.deep_read_state(r()),t.untrack(()=>("00"+r().getSeconds()).slice(-2)))]),t.event("keydown",l,i),t.event("input",l,m),t.event("focus",l,b),t.append(e,n)};t.if(u,e=>{"minute"!==a()&&e(g)}),t.reset(n),t.template_effect((e,n)=>{t.set_text(o,e),t.set_text(d,n)},[()=>(t.deep_read_state(r()),t.untrack(()=>("00"+r().getHours()).slice(-2))),()=>(t.deep_read_state(r()),t.untrack(()=>("00"+r().getMinutes()).slice(-2)))]),t.event("keydown",l,i),t.event("input",l,m),t.event("focus",l,b),t.event("keydown",c,i),t.event("input",c,m),t.event("focus",c,b),t.event("mousedown",n,e=>{e.target instanceof HTMLElement&&"SPAN"===e.target.tagName&&(e.target.focus(),e.preventDefault())}),t.append(e,n)};t.if(_,e=>{a()&&e(w)}),t.append(e,y),t.pop()}function b(e){return e%4==0&&e%100!=0||e%400==0}function y(e,t){return[31,b(e)?29:28,31,30,31,30,31,31,30,31,30,31][t]}function _(e,t){const n=y(e,t),r=[];for(let a=0;a<n;a++)r.push({year:e,month:t,number:a+1});return r}function w(e,t){null===t?e.setHours(0,0,0,0):"minute"===t?e.setSeconds(0,0):"second"===t&&e.setMilliseconds(0)}function k(e){return new Date(e)}function x(e,t,n,r,a){let l=k(t);return e>t?(M(l,-1,n,r,a),l<n&&(l=S(l,n,r),M(l,1,n,r,a))):l>=e&&(M(l,1,n,r,a),l>r&&(l=S(l,n,r),M(l,-1,n,r,a))),(l<n||l>r)&&(l=D(l,n,r)),l}function M(e,t,n,r,a){let l=0;for(;a?.(e)&&e>=n&&e<=r&&l<=36525;)e.setDate(e.getDate()+t),l++}function D(e,t,n){return k(e>n?n:e<t?t:e)}function S(e,t,n){const r=D(e,t,n);return(e=new Date(r.getFullYear(),r.getMonth(),r.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()))>n&&e.setDate(n.getDate()),e<t&&e.setDate(t.getDate()),e}var T=t.from_html("<option> </option>"),Y=t.from_html("<option> </option>"),$=t.from_html("<option> </option>"),O=t.from_html("<option> </option>"),P=t.from_html('<div class="header-cell svelte-pdppv4"> </div>'),A=t.from_html('<div class="header-cell svelte-pdppv4"> </div>'),C=t.from_html('<div><span class="svelte-pdppv4"> </span></div>'),E=t.from_html('<div class="week svelte-pdppv4"></div>'),F=t.from_html('<div class="date-time-picker svelte-pdppv4" tabindex="0"><div class="tab-container svelte-pdppv4" tabindex="-1"><div class="top svelte-pdppv4"><button type="button" aria-label="Previous month" class="page-button svelte-pdppv4" tabindex="-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="svelte-pdppv4"><path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z" transform="rotate(180, 12, 12)"></path></svg></button> <div class="dropdown month svelte-pdppv4"><select class="svelte-pdppv4"></select> <select class="dummy-select svelte-pdppv4" tabindex="-1"></select> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="svelte-pdppv4"><path d="M6 0l12 12-12 12z" transform="rotate(90, 12, 12)"></path></svg></div> <div class="dropdown year svelte-pdppv4"><select class="svelte-pdppv4"></select> <select class="dummy-select svelte-pdppv4" tabindex="-1"></select> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="svelte-pdppv4"><path d="M6 0l12 12-12 12z" transform="rotate(90, 12, 12)"></path></svg></div> <button type="button" aria-label="Next month" class="page-button svelte-pdppv4" tabindex="-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="svelte-pdppv4"><path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z"></path></svg></button></div> <div class="header svelte-pdppv4"></div> <!> <!> <!></div></div>');function H(e,r){t.push(r,!1);const a=t.mutable_source(),l=t.mutable_source(),s=t.mutable_source(),o=t.mutable_source(),i=(0,n.createEventDispatcher)();let c=t.prop(r,"value",12,null);function d(e){e.getTime()!==c()?.getTime()&&(t.set(H,x(c()??t.get(H),e,f(),h(),b())),w(t.get(H),v()),c(k(t.get(H))))}function u(e){t.set(H,S(e,f(),h())),!L()&&c()&&d(t.get(H))}const g=new Date;let p=t.prop(r,"initialBrowseDate",24,()=>new Date),v=t.prop(r,"timePrecision",8,null),f=t.prop(r,"min",24,()=>new Date(p().getFullYear()-20,0,1)),h=t.prop(r,"max",24,()=>new Date(p().getFullYear(),11,31,23,59,59,999)),b=t.prop(r,"isDisabledDate",8,null);function M(e){return b()?.(new Date(e.year,e.month,e.number))}let H=t.mutable_source(c()?k(c()):k(S(p(),f(),h())));let R=t.mutable_source(I(f(),h()));function I(e,t){let n=[];for(let r=e.getFullYear();r<=t.getFullYear();r++)n.push(r);return n}let N=t.prop(r,"locale",24,()=>({})),L=t.prop(r,"browseWithoutSelecting",8,!1);function B(e){t.get(H).setFullYear(e),u(t.get(H))}function W(e){let n=t.get(H).getFullYear();12===e?(e=0,n++):-1===e&&(e=11,n--);const r=y(n,e),a=Math.min(t.get(H).getDate(),r);u(new Date(n,e,a,t.get(H).getHours(),t.get(H).getMinutes(),t.get(H).getSeconds(),t.get(H).getMilliseconds()))}function q(e,t,n){const r=new Date(e.year,e.month,e.number),a=new Date(t.getFullYear(),t.getMonth(),t.getDate()),l=new Date(n.getFullYear(),n.getMonth(),n.getDate());return r>=a&&r<=l}function U(e){if(e.shiftKey&&"ArrowUp"===e.key)B(t.get(H).getFullYear()-1);else if(e.shiftKey&&"ArrowDown"===e.key)B(t.get(H).getFullYear()+1);else if(e.shiftKey&&"ArrowLeft"===e.key)W(t.get(H).getMonth()-1);else{if(!e.shiftKey||"ArrowRight"!==e.key)return!1;W(t.get(H).getMonth()+1)}return e.preventDefault(),!0}t.legacy_pre_effect(()=>(t.deep_read_state(c()),t.deep_read_state(h()),t.deep_read_state(f()),t.deep_read_state(b()),t.get(H)),()=>{c()&&c()>h()?d(x(c(),h(),f(),h(),b())):c()&&c()<f()?d(x(c(),f(),f(),h(),b())):c()&&b()?.(c())&&d(x(t.get(H),c(),f(),h(),b()))}),t.legacy_pre_effect(()=>t.deep_read_state(c()),()=>{!function(e){t.get(H).getTime()!==e?.getTime()&&(t.set(H,e?k(e):t.get(H)),w(t.get(H),v()))}(c())}),t.legacy_pre_effect(()=>(t.deep_read_state(f()),t.deep_read_state(h())),()=>{t.set(R,I(f(),h()))}),t.legacy_pre_effect(()=>t.deep_read_state(N()),()=>{t.set(a,function(e){const t={weekdays:["Su","Mo","Tu","We","Th","Fr","Sa"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],weekStartsOn:1};return"number"==typeof e.weekStartsOn&&(t.weekStartsOn=e.weekStartsOn),e.months&&(t.months=e.months),e.shortMonths&&(t.shortMonths=e.shortMonths),e.weekdays&&(t.weekdays=e.weekdays),t}(N()))}),t.legacy_pre_effect(()=>t.get(H),()=>{t.set(l,t.get(H).getFullYear())}),t.legacy_pre_effect(()=>t.get(H),()=>{t.set(s,t.get(H).getMonth())}),t.legacy_pre_effect(()=>(t.get(H),t.get(a)),()=>{t.set(o,function(e,t){const n=e.getFullYear(),r=e.getMonth();let a=[];const l=(new Date(n,r,1).getDay()-t+7)%7;if(l>0){let e=r-1,t=n;-1===e&&(e=11,t=n-1),a=_(t,e).slice(-l)}a=a.concat(_(n,r));let s=r+1,o=n;12===s&&(s=0,o=n+1);const i=42-a.length;return a=a.concat(_(o,s).slice(0,i)),a}(t.get(H),t.get(a).weekStartsOn))}),t.legacy_pre_effect_reset(),t.init();var j,z=F(),V=t.child(z),K=t.child(V),J=t.child(K),Q=t.sibling(J,2),Z=t.child(Q);t.each(Z,5,()=>(t.get(a),t.untrack(()=>t.get(a).months)),t.index,(e,n,r)=>{var a=T(),s=t.child(a,!0);t.reset(a),a.value=a.__value=r,t.template_effect(e=>{a.disabled=e,t.set_text(s,t.get(n))},[()=>(t.get(l),t.deep_read_state(y),t.deep_read_state(f()),t.deep_read_state(h()),t.untrack(()=>new Date(t.get(l),r,y(t.get(l),r),23,59,59,999)<f()||new Date(t.get(l),r)>h()))]),t.append(e,a)}),t.reset(Z),t.init_select(Z);var G=t.sibling(Z,2);t.each(G,5,()=>(t.get(a),t.untrack(()=>t.get(a).months)),t.index,(e,n,r)=>{var a=Y(),l=t.child(a,!0);t.reset(a),a.value=a.__value=r,t.template_effect(()=>{t.set_selected(a,r===t.get(s)),t.set_text(l,t.get(n))}),t.append(e,a)}),t.reset(G),t.next(2),t.reset(Q);var X,ee=t.sibling(Q,2),te=t.child(ee);t.each(te,5,()=>t.get(R),t.index,(e,n)=>{var r=$(),a=t.child(r,!0);t.reset(r);var l={};t.template_effect(()=>{t.set_text(a,t.get(n)),l!==(l=t.get(n))&&(r.value=(r.__value=t.get(n))??"")}),t.append(e,r)}),t.reset(te),t.init_select(te);var ne=t.sibling(te,2);t.each(ne,5,()=>t.get(R),t.index,(e,n)=>{var r=O(),a=t.child(r,!0);t.reset(r);var l={};t.template_effect(e=>{t.set_selected(r,e),t.set_text(a,t.get(n)),l!==(l=t.get(n))&&(r.value=(r.__value=t.get(n))??"")},[()=>(t.get(n),t.get(H),t.untrack(()=>t.get(n)===t.get(H).getFullYear()))]),t.append(e,r)}),t.reset(ne),t.next(2),t.reset(ee);var re=t.sibling(ee,2);t.reset(K);var ae=t.sibling(K,2);t.each(ae,4,()=>Array(7),t.index,(e,n,r)=>{var l=t.comment(),s=t.first_child(l),o=e=>{var n=P(),l=t.child(n,!0);t.reset(n),t.template_effect(()=>t.set_text(l,(t.get(a),t.untrack(()=>t.get(a).weekdays[t.get(a).weekStartsOn+r])))),t.append(e,n)},i=e=>{var n=A(),l=t.child(n,!0);t.reset(n),t.template_effect(()=>t.set_text(l,(t.get(a),t.untrack(()=>t.get(a).weekdays[t.get(a).weekStartsOn+r-7])))),t.append(e,n)};t.if(s,e=>{t.get(a),t.untrack(()=>r+t.get(a).weekStartsOn<7)?e(o):e(i,-1)}),t.append(e,l)}),t.reset(ae);var le=t.sibling(ae,2);t.each(le,0,()=>Array(6),t.index,(e,n,r)=>{var a=E();t.each(a,5,()=>(t.get(o),t.untrack(()=>t.get(o).slice(7*r,7*r+7))),t.index,(e,n)=>{var r=C();let a;var l=t.child(r),o=t.child(l,!0);t.reset(l),t.reset(r),t.template_effect(e=>{a=t.set_class(r,1,"cell svelte-pdppv4",null,a,e),t.set_text(o,(t.get(n),t.untrack(()=>t.get(n).number)))},[()=>({disabled:!q(t.get(n),f(),h())||M(t.get(n)),selected:c()&&t.get(n).year===c().getFullYear()&&t.get(n).month===c().getMonth()&&t.get(n).number===c().getDate(),today:t.get(n).year===g.getFullYear()&&t.get(n).month===g.getMonth()&&t.get(n).number===g.getDate(),"other-month":t.get(n).month!==t.get(s)})]),t.event("click",r,()=>function(e){q(e,f(),h())&&!M(e)&&(t.get(H).setFullYear(0),t.get(H).setMonth(0),t.get(H).setDate(1),t.get(H).setFullYear(e.year),t.get(H).setMonth(e.month),t.get(H).setDate(e.number),d(t.get(H)),i("select",k(t.get(H))))}(t.get(n))),t.append(e,r)}),t.reset(a),t.append(e,a)});var se=t.sibling(le,2);m(se,{get timePrecision(){return v()},setTime:function(e){return t.set(H,D(e,f(),h())),c()&&d(t.get(H)),t.get(H)},get browseDate(){return t.get(H)},set browseDate(e){t.set(H,e)},$$legacy:!0});var oe=t.sibling(se,2);t.slot(oe,r,"default",{},null),t.reset(V),t.reset(z),t.template_effect(()=>{j!==(j=t.get(s))&&(Z.value=(Z.__value=t.get(s))??"",t.select_option(Z,t.get(s))),X!==(X=t.get(l))&&(te.value=(te.__value=t.get(l))??"",t.select_option(te,t.get(l)))}),t.event("click",J,()=>W(t.get(H).getMonth()-1)),t.event("keydown",Z,function(e){if(e.shiftKey||e.altKey)U(e);else{if("ArrowUp"===e.key||"ArrowLeft"===e.key)W(t.get(H).getMonth()-1);else{if("ArrowDown"!==e.key&&"ArrowRight"!==e.key)return void U(e);W(t.get(H).getMonth()+1)}e.preventDefault()}}),t.event("input",Z,e=>W(parseInt(e.currentTarget.value))),t.event("input",te,e=>B(parseInt(e.currentTarget.value))),t.event("keydown",te,function(e){if(e.shiftKey||e.altKey)U(e);else{if("ArrowUp"===e.key)B(t.get(H).getFullYear()-1);else if("ArrowDown"===e.key)B(t.get(H).getFullYear()+1);else if("ArrowLeft"===e.key)W(t.get(H).getMonth()-1);else{if("ArrowRight"!==e.key)return void U(e);W(t.get(H).getMonth()+1)}e.preventDefault()}}),t.event("click",re,()=>W(t.get(H).getMonth()+1)),t.event("focusout",z,function(e){t.bubble_event.call(this,r,e)}),t.event("keydown",z,function(e){let n=e.shiftKey||e.altKey;if("SELECT"!==e.target?.tagName&&"SPAN"!==e.target?.tagName)if(n)U(e);else{if("ArrowUp"===e.key)t.get(H).setDate(t.get(H).getDate()-7),d(t.get(H));else if("ArrowDown"===e.key)t.get(H).setDate(t.get(H).getDate()+7),d(t.get(H));else if("ArrowLeft"===e.key)t.get(H).setDate(t.get(H).getDate()-1),d(t.get(H));else if("ArrowRight"===e.key)t.get(H).setDate(t.get(H).getDate()+1),d(t.get(H));else{if("Enter"!==e.key)return;d(t.get(H)),i("select",k(t.get(H)))}e.preventDefault()}}),t.append(e,z),t.pop()}function R(e,t={}){const n=new Set;let r;function a(n,...a){const l=t[e]?.[n]??t["*"]?.[n];return l instanceof Function?l.apply(r,a):l}function l(t,...r){const l=a(t,...r)?.valueOf();return["string","symbol"].includes(typeof l)&&l!==e&&function(t,r,l){const s={from:e,to:t,event:r,args:l};a("_exit",s),e=t,n.forEach(t=>t(e)),a("_enter",s)}(l,t,r),e}const s={};async function o(t,n=100,...r){return clearTimeout(s[t]),null===n?e:(await new Promise(e=>s[t]=setTimeout(e,n)),delete s[t],l(t,...r))}return r=new Proxy({subscribe:function(t){if(!(t instanceof Function))throw new TypeError("callback is not a function");return n.add(t),t(e),()=>n.delete(t)}},{get:(e,t)=>(Reflect.has(e,t)||(e[t]=l.bind(null,t),e[t].debounce=o.bind(null,t)),Reflect.get(e,t))}),a("_enter",{from:null,to:e,event:null,args:[]}),r}var I=t.from_html("<i></i>"),N=t.from_html('<span class="label svelte-1mahf4q"> </span>'),L=t.from_html("<div><!> <!></div>");function B(e){if(function(e){return null==e||""===e||"default"===String(e).trim().toLowerCase()}(e))return e??null;switch(String(e).trim().toLowerCase()){case"left":case"flex-start":case"start":return"flex-start";case"center":return"center";case"right":case"flex-end":case"end":return"flex-end";default:return e}}function W(e,t){return"onhover"===e&&(null==t||""===String(t).trim()||"right"!==function(e){switch(B(e)){case"flex-end":case"end":case"right":return"right";case"center":return"center";default:return"left"}}(t))}function q(e,t=!1){return!function(e){return"cell"===e}(e)||t}function U(e,t="copyable"){return{_enter(){setTimeout(()=>e().goTo(t),400)}}}async function j(e,t){await async function(e){try{return await navigator.clipboard.writeText(e),!0}catch(t){return console.error("Failed to copy to clipboard:",t),!1}}(t)&&e().goTo("justCopied")}var z=!1,V=!1;function K(){z=!0}var J=t.from_html('<i class="ph ph-warning error-icon svelte-5ns2ht" title="Error"></i>'),Q=t.from_html("<i></i>"),Z=t.from_html('<i class="ph ph-x control-icon clear-icon svelte-5ns2ht" role="button" title="Clear value"></i>'),G=t.from_html("<i></i>"),X=t.from_html('<div class="buttons svelte-5ns2ht"></div>'),ee=t.from_html('<i role="button" tabindex="-1" title="Copy"></i>'),te=t.from_html("<div><!> <!> <!> <!> <!> <!> <!></div>");function ne(e,r){t.push(r,!0);const a=()=>t.store_get(r.csm,"$csm",l),[l,s]=t.setup_stores(),o=()=>{try{"view"===a()&&(V=!0),r.csm.toggle()}finally{z=!1}};let i=t.prop(r,"role",3,"form"),c=t.prop(r,"clearable",3,!1),d=t.prop(r,"error",3,!1),u=t.prop(r,"isDirty",3,!1),g=t.prop(r,"multirow",3,!1),p=t.prop(r,"copyIcon",3,"always"),v=t.prop(r,"align",3,void 0),f=t.prop(r,"controlIcon",3,void 0);t.prop(r,"grabber",3,!1);let h=t.prop(r,"naked",3,!1),m=t.prop(r,"popupOpen",3,void 0),b=t.prop(r,"anchor",15,null),y=t.prop(r,"buttons",3,void 0),_=t.derived(()=>r.tabindex??("view"==a()||"copyable"==a()?0:-1)),w=t.derived(()=>"justCopied"===a()?"ph ph-check":"ph ph-copy"),k=t.derived(()=>W(p(),v())),x=t.derived(()=>"editing"===a()),M=t.derived(()=>!!r.icon&&q(i(),t.get(x)));var D=te();let S,T;var Y=t.child(D),$=e=>{var n=J();t.append(e,n)};t.if(Y,e=>{d()&&e($)});var O=t.sibling(Y,2),P=e=>{var n=Q();t.template_effect(()=>{t.set_class(n,1,"ph ph-"+r.icon+" field-icon","svelte-5ns2ht"),t.set_attribute(n,"title",r.icon)}),t.append(e,n)};t.if(O,e=>{t.get(M)&&e(P)});var A=t.sibling(O,2);t.snippet(A,()=>r.children??t.noop);var C=t.sibling(A,2),E=e=>{var n=Z();t.event("mousedown",n,t.preventDefault(function(...e){r.csm.clear?.apply(this,e)})),t.append(e,n)};t.if(C,e=>{c()&&e(E)});var F=t.sibling(C,2),H=e=>{var n=G();t.template_effect(()=>t.set_class(n,1,f()+" control-icon","svelte-5ns2ht")),t.event("mousedown",n,t.preventDefault(t.stopPropagation(function(...e){K?.apply(this,e)})),!0),t.event("click",n,t.preventDefault(t.stopPropagation(o))),t.append(e,n)};t.if(F,e=>{"view"!==a()&&"editing"!=a()||!f()||e(H)});var R=t.sibling(F,2),B=e=>{var a=X();t.each(a,21,y,t.index,(e,r)=>{!function(e,r){t.push(r,!0);const a=(0,n.createEventDispatcher)();let l=t.prop(r,"selected",3,!1),s=t.prop(r,"disabled",3,!1),o=t.prop(r,"viewMode",3,!1),i=t.prop(r,"iconOnly",3,!1),c=t.prop(r,"color",3,void 0),d=t.prop(r,"icon",3,void 0),u=t.prop(r,"label",3,""),g=t.prop(r,"fieldbutton",3,!1),p=t.prop(r,"variant",3,"default");var v=L();let f,h;var m=t.child(v),b=e=>{var n=I();t.template_effect(()=>t.set_class(n,1,t.clsx(d()),"svelte-1mahf4q")),t.append(e,n)};t.if(m,e=>{d()&&e(b)});var y=t.sibling(m,2),_=e=>{var n=N(),r=t.child(n,!0);t.reset(n),t.template_effect(()=>t.set_text(r,u())),t.append(e,n)};t.if(y,e=>{!i()&&u()&&e(_)}),t.reset(v),t.template_effect(()=>{f=t.set_class(v,1,"simple-button svelte-1mahf4q",null,f,{selected:l(),disabled:s(),"icon-only":i(),"view-mode":o(),"field-button":g(),warning:"warning"===p()}),h=t.set_style(v,"",h,{"--option-color":c()})}),t.event("click",v,function(){s()||o()||a("click")}),t.append(e,v),t.pop()}(e,t.spread_props({fieldbutton:!0,get label(){return t.get(r).text}},()=>t.get(r),{$$events:{click(...e){t.get(r).onClick?.apply(this,e)}}}))}),t.reset(a),t.event("mousedown",a,t.preventDefault(function(e){t.bubble_event.call(this,r,e)})),t.append(e,a)};t.if(R,e=>{y()?.length&&"copyable"!==a()&&"justCopied"!==a()&&e(B)});var U=t.sibling(R,2),j=e=>{var n=ee();t.template_effect(()=>t.set_class(n,1,t.get(w)+" copy-icon","svelte-5ns2ht")),t.event("click",n,t.preventDefault(t.stopPropagation(function(...e){r.csm.copy?.apply(this,e)}))),t.append(e,n)};t.if(U,e=>{"copyable"!==a()&&"justCopied"!==a()||e(j)}),t.reset(D),t.bind_this(D,e=>b(e),()=>b()),t.template_effect(()=>{t.set_attribute(D,"id",r.id),t.set_attribute(D,"tabindex",t.get(_)),S=t.set_class(D,1,`super-cell ${i()??""} ${a()??""}`,"svelte-5ns2ht",S,{error:d(),"with-popup":void 0!==m(),open:m(),multirow:g(),"naked-field":h(),"icon-on-hover":"copyable"===a()&&t.get(k),isDirty:u()}),t.set_attribute(D,"title","copyable"===a()?"Click copy icon to copy":void 0),T=t.set_style(D,"",T,{color:r.color,background:r.background})}),t.event("focusin",D,function(...e){r.csm.focus?.apply(this,e)}),t.event("focusout",D,function(...e){r.csm.focusout?.apply(this,e)}),t.event("click",D,function(...e){r.csm.click?.apply(this,e)}),t.event("keydown",D,function(...e){r.csm.keydown?.apply(this,e)}),t.append(e,D),t.pop(),s()}function re(e,n){var r=t.comment(),a=t.first_child(r);t.snippet(a,()=>n.children??t.noop),t.append(e,r)}var ae=[".flatpickr-calendar",".spectrum-Popover",".download-js-link"],le=[],se=e=>{if(!e.target.closest('[data-ignore-click-outside="true"]')){for(let t of ae)if(e.target.closest(t))return;le.forEach(t=>{if(t.element.contains(e.target))return;const n=null!=t.anchor.closest(".spectrum-Underlay");(null==e.target.closest(".spectrum-Underlay")||n)&&t.callback?.(e)})}};document.documentElement.addEventListener("click",se,!0),document.documentElement.addEventListener("contextmenu",se,!0);var oe=(e,t)=>{const n=Math.random(),r=t=>{const r=t?.callback||t;((e,t,n,r)=>{let a=le.find(t=>t.id===e);a?a.callback=r:le.push({id:e,element:t,anchor:n,callback:r})})(n,e,t?.anchor||e,r)};return r(t),{update:r,destroy:()=>(e=>{le=le.filter(t=>t.id!==e)})(n)}},ie=t.from_html('<div tabindex="0" role="presentation"><!></div>');function ce(e,r){t.push(r,!0);const l=(0,n.createEventDispatcher)();let s=t.prop(r,"align",3,"right"),o=t.prop(r,"open",15,!1),i=t.prop(r,"useAnchorWidth",3,!1),c=t.prop(r,"dismissible",3,!0),d=t.prop(r,"offset",3,5),u=t.prop(r,"animate",3,!0),g=t.prop(r,"showPopover",3,!0),p=t.prop(r,"clickOutsideOverride",3,!1),v=t.prop(r,"ignoreAnchor",3,!0),f=t.prop(r,"popup",15),h=t.derived(()=>r.portalTarget||".spectrum");const m=()=>{l("open"),o(!0)},b=()=>{l("close"),o(!1)},y=e=>{if(!p()&&o()){let t=e.target,n=!1;for(;!n&&t&&t.parentNode;)n=t===r.anchor,t=t.parentNode;(!n||n&&!v())&&b()}};function _(e){p()&&o()&&"Escape"===e.key&&b()}var w={show:m,hide:b,toggle:()=>{o()?b():m()},hasFocus:()=>f()?.matches(":focus-within")},k=t.comment(),x=t.first_child(k),M=e=>{!function(e,r){t.push(r,!0);const a=t.prop(r,"disabled",3,!1);t.user_effect(()=>{let e,t;if(!a()){if(r.target)return t="string"==typeof r.target?document.querySelector(r.target):r.target,t&&(e=(0,n.mount)(re,{target:t,props:{children:r.children}})),()=>{e&&(0,n.unmount)(e)};console.warn(`[svelte-portal] Invalid Portal target: ${r.target}`)}});var l=t.comment(),s=t.first_child(l),o=e=>{var n=t.comment(),a=t.first_child(n);t.snippet(a,()=>r.children),t.append(e,n)};t.if(s,e=>{a()&&e(o)}),t.append(e,l),t.pop()}(e,{get target(){return t.get(h)},children:(e,n)=>{var l=ie();let p;var v=t.child(l);t.snippet(v,()=>r.children??t.noop),t.reset(l),t.bind_this(l,e=>f(e),()=>f()),t.action(l,(e,t)=>function(e,t){let n,r=t,a=null,l="",s=!1;const o=()=>{c(r)},i=()=>{const{anchor:t}=r;if(!t)return void(a=requestAnimationFrame(i));if(!t.isConnected)return void(s||(s=!0,e.dispatchEvent(new CustomEvent("anchorlost",{bubbles:!1}))));s=!1;const n=`${(o=t.getBoundingClientRect()).top},${o.left},${o.width},${o.height}`;var o;n!==l&&(l=n,c(r)),a=requestAnimationFrame(i)},c=t=>{const{anchor:n,align:r,maxHeight:a,maxWidth:l,minWidth:s=0,useAnchorWidth:o,offset:i=5,customUpdate:c,offsetBelow:d}=t;if(!n||!n.isConnected)return;const u=n.getBoundingClientRect(),g=e.getBoundingClientRect();let p={maxHeight:null,minWidth:null,maxWidth:l,left:null,top:null};"function"==typeof c?p=c(u,g,p):("right-outside"===r||"left-outside"===r?p.top=u.top:window.innerHeight-u.bottom<(a||50)?(p.top=u.top-g.height-i,p.maxHeight=a||240):(p.top=u.bottom+(d||i),p.maxHeight=a||window.innerHeight-u.bottom-20),!l&&o&&(p.maxWidth=u.width),o?p.minWidth=Math.max(s,u.width):s&&(p.minWidth=s),p.left="right"===r?u.left+u.width-g.width:"right-outside"===r?u.right+i:"left-outside"===r?u.left-g.width-i:u.left),Object.entries(p).forEach(([t,n])=>{e.style[t]=null!=n?`${n.toFixed(0)}px`:null})},d=t=>{r=t,l="",n&&n.disconnect();const{anchor:a}=t;a&&(n=new ResizeObserver(()=>c(t)),n.observe(a),n.observe(e),n.observe(document.body),c(t))};return e.style.position="fixed",e.style.zIndex="9999",document.addEventListener("scroll",o,!0),d(t),a=requestAnimationFrame(i),{update:d,destroy(){a&&(cancelAnimationFrame(a),a=null),n&&n.disconnect(),document.removeEventListener("scroll",o,!0)}}}?.(e,t),()=>({anchor:r.anchor,align:s(),maxHeight:r.maxHeight,maxWidth:r.maxWidth,minWidth:r.minWidth,useAnchorWidth:i(),offset:d(),offsetBelow:r.offsetBelow,customUpdate:r.handlePositionUpdate})),t.action(l,(e,t)=>oe?.(e,t),()=>({callback:c()?y:()=>{},anchor:r.anchor})),t.effect(()=>t.event("keydown",l,_)),t.effect(()=>t.event("focusout",l,function(...e){r.onFocusout?.apply(this,e)})),t.effect(()=>t.event("anchorlost",l,b)),t.template_effect(()=>{p=t.set_class(l,1,"spectrum-Popover is-open "+(r.className??""),"svelte-1vbe9zl",p,{customZindex:r.customZindex,"hide-popover":o()&&!g()}),t.set_style(l,`height: ${r.customHeight??""}; --customZindex: ${r.customZindex??""};`)}),t.transition(3,l,()=>a.fly,()=>({y:-20,duration:u()?350:0})),t.append(e,l)},$$slots:{default:!0}})};return t.if(x,e=>{o()&&e(M)}),t.append(e,k),t.pop(w)}function de(e){return null==e?{active:!0,text:"",delay:500,whenTruncated:!0,position:"above-center"}:"string"==typeof e?{active:e.length>0,text:e,delay:500,whenTruncated:!1,position:"above-center"}:!1===e.enabled?{active:!1,text:"",delay:500,whenTruncated:!0,position:"above-center"}:{active:!0,text:e.text??"",delay:e.delay??500,whenTruncated:e.whenTruncated??!0,position:e.position??"above-center"}}var ue=null,ge=null,pe=!1;function ve(e,t,n=500,r=!0,a="above-center"){r&&e.scrollWidth<=e.offsetWidth||(ge&&clearTimeout(ge),ge=setTimeout(()=>{ue&&ue.remove();const n=function(){const e=document.createElement("div");return e.className="tooltip-popup",e.setAttribute("role","tooltip"),(document.getElementById("app-root")||document.body).appendChild(e),e}();n.textContent=t,function(e,t,n){const r=e.getBoundingClientRect(),[a,l]=n.split("-");let s="above"===a?t.top-r.height-4:t.bottom+4,o=t.left;"center"===l?o=t.left+(t.width-r.width)/2:"end"===l&&(o=t.right-r.width);const i=window.innerWidth-r.width-4,c=window.innerHeight-r.height-4;e.style.top=`${Math.max(4,Math.min(s,c))}px`,e.style.left=`${Math.max(4,Math.min(o,i))}px`}(n,e.getBoundingClientRect(),a),ue=n},n))}function fe(){ge&&(clearTimeout(ge),ge=null),ue&&(ue.remove(),ue=null)}function he(e,t){!function(){if(pe)return;pe=!0;const e=document.createElement("style");e.textContent="\n\t\t.tooltip-popup {\n      background: var(--spectrum-global-color-gray-700);\n      color: var(--spectrum-global-color-gray-50);\n\t\t\tposition: fixed !important;\n\t\t\tz-index: 10000 !important;\n\t\t\tmax-width: 20rem;\n\t\t\tpadding: 0.35rem 0.5rem;\n\t\t\tborder-radius: 0.25rem;\n\t\t\tfont-family: 'inter', sans-serif;\n\t\t\tfont-size: 11px;\n\t\t\tline-height: 1.35;\n\t\t\twhite-space: normal;\n\t\t\tword-break: break-word;\n\t\t\toverflow-wrap: break-word;\n\t\t\tbox-shadow: 0 2px 8px rgb(0 0 0 / 0.18);\n\t\t\tpointer-events: none;\n\t\t\tdisplay: block !important;\n\t\t\tvisibility: visible !important;\n\t\t\topacity: 1 !important;\n\t\t}\n\t",document.head.appendChild(e)}();let n,r=de(t);const a=()=>{n&&(e.removeEventListener("mouseenter",n),n=void 0),e.removeEventListener("mouseleave",fe),fe()},l=()=>{a(),r.active&&(n=()=>{const t=r.whenTruncated?r.text||e.textContent||"":r.text||"";t&&ve(e,t,r.delay,r.whenTruncated,r.position)},e.addEventListener("mouseenter",n),e.addEventListener("mouseleave",fe))};return l(),{update(e){r=de(e),l()},destroy(){a()}}}var me=t.from_html('<input type="text"/>'),be=t.from_html('<div><div class="value svelte-eg5peh"> </div></div>'),ye=t.from_html('<div class="time-section svelte-eg5peh"><input type="text" class="time-input svelte-eg5peh"/> <div class="time-buttons svelte-eg5peh"><button class="time-button start-button svelte-eg5peh">Start</button> <button class="time-button end-button svelte-eg5peh">End</button> <button class="time-button now-button svelte-eg5peh">Now</button> <button class="time-button clear-button svelte-eg5peh">Clear</button></div></div>'),_e=t.from_html('<div class="popup svelte-eg5peh"><div class="datetime-picker-container svelte-eg5peh"><!> <!></div></div>'),we=t.from_html("<!> <!>",1);function ke(e,r){t.push(r,!0);const a=()=>t.store_get(ue,"$csm",l),[l,s]=t.setup_stores(),o=(0,n.createEventDispatcher)();let i=t.prop(r,"displayValue",3,void 0),c=t.prop(r,"cellOptions",19,()=>({})),d=t.prop(r,"autofocus",3,!1),u=t.prop(r,"buttons",19,()=>[]),g=t.state(null),p=t.state(null),v=t.state(void 0),f=t.state(void 0),h=t.state(!1),m=t.state(null),b=t.state(""),y=t.state(""),_=t.derived(()=>c()??{}),w=t.derived(()=>t.get(_).controlType),k=t.derived(()=>"inputDate"===t.get(w)),x=t.derived(()=>t.get(_).dateFormat),M=t.derived(()=>t.get(_).showTime),D=t.derived(()=>t.get(_).ignoreTimezone),S=t.derived(()=>t.get(_).show24HTime),T=t.derived(()=>t.get(_).placeholder||""),Y=t.derived(()=>t.get(_).readonly),$=t.derived(()=>t.get(_).disabled),O=t.derived(()=>t.get(_).error),P=t.derived(()=>t.get(_).icon),A=t.derived(()=>t.get(_).color),C=t.derived(()=>t.get(_).background),E=t.derived(()=>t.get(_).showDirty),F=t.derived(()=>t.get(_).copyable),I=t.derived(()=>t.get(_).copyIcon??"always"),N=t.derived(()=>t.get(_).debounce??null),L=t.state(void 0),B=t.derived(()=>"editing"===a()),W=t.derived(()=>{return t.get(B)&&(e=X(),n=r.value,!(e===n||(Array.isArray(e)&&Array.isArray(n)?JSON.stringify(e)===JSON.stringify(n):null==e&&null==n||null!=e&&null!=n&&String(e)===String(n))));var e,n}),K=t.derived(()=>t.get(O)),J=t.derived(()=>t.get(_).dirty),Q=t.derived(()=>t.get(_).role??"form");const Z=e=>{if(null==e||""===e)return null;if(e instanceof Date)return Number.isNaN(e.getTime())?null:e;const t=new Date(e);return Number.isNaN(t.getTime())?null:t},G=(e,n,r=!1)=>{if(!e)return"";let a="";if(n&&"default"!==n){const t=e.getMonth(),r=e.getDate(),l=e.getFullYear();if("MM/DD/YYYY"===n)a=`${(t+1).toString().padStart(2,"0")}/${r.toString().padStart(2,"0")}/${l}`;else if("DD/MM/YYYY"===n)a=`${r.toString().padStart(2,"0")}/${(t+1).toString().padStart(2,"0")}/${l}`;else if("YYYY-MM-DD"===n)a=`${l}-${(t+1).toString().padStart(2,"0")}-${r.toString().padStart(2,"0")}`;else{const t={"MMM DD, YYYY":{month:"short",day:"numeric",year:"numeric"},"DD MMM YYYY":{day:"numeric",month:"short",year:"numeric"}}[n];a=t?e.toLocaleDateString("en-US",t):e?.toDateString()}}else a=e?.toDateString();if(!r)return a;let l,s=e.getHours(),o=e.getMinutes();if(t.get(S))l=`${s.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`;else{const e=s>=12?"PM":"AM";l=`${(s%12||12).toString().padStart(2,"0")}:${o.toString().padStart(2,"0")} ${e}`}return`${a} ${l}`},X=()=>{if(!t.get(m))return null;let e=t.get(m).toISOString();return t.get(M)||(e=t.get(m).toLocaleDateString("en-CA")),t.get(D)&&(e=t.get(m).toISOString().slice(0,-1)),e},ee=()=>{t.get(m)?t.set(b,t.get(m).toLocaleTimeString("en-US",{hour12:!t.get(S),hour:"2-digit",minute:"2-digit"}),!0):t.set(b,"")},te=()=>{t.set(y,t.get(m)?G(t.get(m),t.get(x),t.get(M)):"",!0)},re=(e,t)=>{if(!e?.trim())return null;const n=e.trim();let r,a,l;if("MM/DD/YYYY"===t){const e=n.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);if(!e)return null;a=parseInt(e[1],10)-1,r=parseInt(e[2],10),l=parseInt(e[3],10)}else if("YYYY-MM-DD"===t){const e=n.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/);if(!e)return null;l=parseInt(e[1],10),a=parseInt(e[2],10)-1,r=parseInt(e[3],10)}else{if("DD/MM/YYYY"!==t&&t&&"default"!==t){const e=new Date(n);return Number.isNaN(e.getTime())?null:e}{const e=n.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);if(!e)return null;r=parseInt(e[1],10),a=parseInt(e[2],10)-1,l=parseInt(e[3],10)}}const s=new Date(l,a,r);return s.getFullYear()!==l||s.getMonth()!==a||s.getDate()!==r?null:s},ae=()=>{if(!t.get(k))return null;const e=t.get(y).trim();if(""===e)return t.set(m,null),t.set(b,""),null;if(t.get(m)&&G(t.get(m),t.get(x),t.get(M))===e)return X();const n=re(e,t.get(x));return n?(t.get(M)?n.setHours(t.get(m).getHours(),t.get(m).getMinutes(),t.get(m).getSeconds(),t.get(m).getMilliseconds()):n.setHours(0,0,0,0),t.set(m,n,!0),ee(),t.set(y,G(t.get(m),t.get(x),t.get(M)),!0),X()):(t.set(m,Z(r.value),!0),te(),void ee())};let le=t.derived(()=>t.get(T)?t.get(T):"MM/DD/YYYY"===t.get(x)?"MM/DD/YYYY":"YYYY-MM-DD"===t.get(x)?"YYYY-MM-DD":"MMM DD, YYYY"===t.get(x)?"MMM DD, YYYY":"DD MMM YYYY"===t.get(x)?"DD MMM YYYY":"DD/MM/YYYY"),se=t.derived(()=>t.get(m)?G(t.get(m),t.get(x),t.get(M)):""),oe=t.derived(()=>"string"==typeof i()?i():t.get(se)),ie=t.derived(()=>null==t.get(m)),de=t.derived(()=>!t.get(m)&&q(t.get(Q),t.get(B)));const ue=R("view",{"*":{goTo:e=>e},view:{_enter(){t.set(h,!1)},toggle(){t.get(g)?.focus()},focus(){if(!t.get(Y)&&!t.get($))return z||(V=!0),"editing"}},readonly:{_enter(){t.set(h,!1)}},copyable:{_enter(){t.set(h,!1)},copy(){j(()=>ue,t.get(oe)||String(r.value??""))},keydown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.copy())}},justCopied:U(()=>ue),disabled:{_enter(){t.set(h,!1)}},editing:{_enter(){t.set(m,Z(r.value),!0),ee(),t.get(k)&&(te(),t.get(f)?.focus()),t.set(h,function(){const e=V;return V=!1,e}(),!0),o("enteredit")},_exit(){t.set(h,!1),o("exitedit")},toggle(){t.set(h,!t.get(h))},keydown(e){t.get(k)&&t.get(f)?.contains(e.target)?"Escape"===e.key&&(e.preventDefault(),this.cancel()):(" "!==e.key&&32!==e.keyCode||(e.stopPropagation(),e.preventDefault(),this.toggle()),"Delete"!==e.code&&"Backspace"!==e.code||(e.stopPropagation(),e.preventDefault(),t.set(m,null),t.set(y,""),t.set(b,""),ue.change(null)),"Escape"===e.key&&(e.preventDefault(),t.get(h)?(t.set(h,!1),t.get(g)?.focus()):this.cancel()))},focusout(e){const n=e.relatedTarget;if(!t.get(p)?.contains(n)&&!t.get(f)?.contains(n))return t.get(N)&&t.get(W)?(clearTimeout(t.get(L)),o("change",X())):ue.submit(),"view"},popupFocusout(e){if(e.relatedTarget!==t.get(g)&&!t.get(p)?.contains(e.relatedTarget))return t.get(N)&&t.get(W)?(clearTimeout(t.get(L)),o("change",X())):ue.submit(),"view"},popupKeydown(e){if("Tab"===e.key)return e.preventDefault(),t.get(g)?.focus(),"view";"Escape"===e.key&&(e.preventDefault(),t.get(h)?(t.set(h,!1),t.get(g)?.focus()):this.cancel())},change(e){t.get(N)&&(clearTimeout(t.get(L)),t.set(L,setTimeout(()=>o("change",e),t.get(N)),!0))},submit(){clearTimeout(t.get(L)),t.get(k)&&ae(),t.get(W)&&o("change",X())},cancel:()=>(clearTimeout(t.get(L)),t.set(m,Z(r.value),!0),ee(),t.get(k)&&te(),t.set(h,!1),o("cancel"),t.get(g)?.focus(),"view")}}),ge=()=>(t.get(m)||t.set(m,new Date,!0),t.get(m)),pe=()=>{const e=ge(),n=t.get(S)?"00:00":"12:00 AM";t.set(b,n,!0),e.setHours(0,0,0,0),t.set(m,new Date(e),!0),ue.change(X()),t.get(g)?.focus()},ve=()=>{const e=ge(),n=t.get(S)?"23:59":"11:59 PM";t.set(b,n,!0),e.setHours(23,59,0,0),t.set(m,new Date(e),!0),ue.change(X()),t.get(g)?.focus()},fe=()=>{t.set(m,new Date,!0),ee(),ue.change(X()),t.get(g)?.focus()},ke=e=>{e?.stopPropagation?.(),t.set(m,null),t.set(b,""),t.set(y,""),ue.change(null),t.get(g)?.focus()},xe=e=>{if(!t.get(M)||!t.get(m))return;const n=e.target.value,r=t.get(S)?n:(e=>{const t=e.match(/(\d{1,2}):(\d{2})\s*(AM|PM)/i);if(!t)return null;let n=parseInt(t[1]);const r=parseInt(t[2]),a=t[3].toUpperCase();return"PM"===a&&12!==n&&(n+=12),"AM"===a&&12===n&&(n=0),`${n.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`})(n);if(!r)return;const[a,l]=r.split(":").map(Number);t.get(m).setHours(a,l,0,0),t.set(m,new Date(t.get(m)),!0),ue.change(X())},Me=e=>{t.set(y,e.target.value,!0);const n=t.get(y).trim();if(!n)return t.set(m,null),t.set(b,""),void ue.change(null);const r=re(n,t.get(x));if(!r)return void t.set(m,null);const a=t.get(m);if(t.get(M)&&a?r.setHours(a.getHours(),a.getMinutes(),a.getSeconds(),a.getMilliseconds()):r.setHours(0,0,0,0),t.set(m,r,!0),ee(),t.get(N)){const e=ae();null===e?ue.change(null):void 0!==e&&ue.change(e)}},De=e=>{const n=e.detail;t.get(M)&&t.get(m)&&n.setHours(t.get(m).getHours(),t.get(m).getMinutes(),t.get(m).getSeconds(),t.get(m).getMilliseconds()),t.set(m,n,!0),ee(),t.get(k)&&t.set(y,G(t.get(m),t.get(x),t.get(M)),!0),t.get(M)?t.get(v)?.focus():(t.get(k)?t.get(f)?.focus():t.get(g)?.focus(),t.set(h,!1)),ue.change(X())};t.user_effect(()=>()=>clearTimeout(t.get(L))),t.user_effect(()=>{if("editing"===a())return;const e=r.value;(0,n.untrack)(()=>{t.set(m,Z(e),!0),ee()})}),t.user_effect(()=>{d()&&setTimeout(()=>{ue.focus(),t.get(k)&&t.get(f)?.focus()},30)}),t.user_effect(()=>{t.get($)?ue.goTo("disabled"):t.get(Y)&&t.get(F)&&r.value?ue.goTo("copyable"):t.get(Y)?ue.goTo("readonly"):ue.goTo("view")});var Se=we(),Te=t.first_child(Se);{let e=t.derived(()=>t.get(J)&&t.get(E)),n=t.derived(()=>t.get($)||t.get(Y)&&!t.get(F)?-1:0);ne(Te,{get id(){return r.id},get role(){return t.get(Q)},get csm(){return ue},get icon(){return t.get(P)},get isDirty(){return t.get(e)},clearable:!1,get error(){return t.get(K)},get copyIcon(){return t.get(I)},get color(){return t.get(A)},get background(){return t.get(C)},get popupOpen(){return t.get(h)},controlIcon:"ph ph-calendar-blank",get tabindex(){return t.get(n)},get buttons(){return u()},get anchor(){return t.get(g)},set anchor(e){t.set(g,e,!0)},children:(e,n)=>{var r=t.comment(),a=t.first_child(r),l=e=>{var n=me();let r;t.remove_input_defaults(n),t.bind_this(n,e=>t.set(f,e),()=>t.get(f)),t.template_effect(()=>{r=t.set_class(n,1,"editor",null,r,{placeholder:t.get(ie)}),t.set_value(n,t.get(y)),t.set_attribute(n,"placeholder",t.get(le))}),t.event("input",n,Me),t.event("focusout",n,function(...e){ue.focusout?.apply(this,e)}),t.event("click",n,e=>e.stopPropagation()),t.append(e,n)},s=e=>{var n=be();let r;var a=t.child(n),l=t.child(a,!0);t.reset(a),t.action(a,(e,t)=>he?.(e,t),()=>t.get(oe)),t.reset(n),t.template_effect(e=>{r=t.set_class(n,1,"value-contents svelte-eg5peh",null,r,{placeholder:t.get(de)}),t.set_text(l,e)},[()=>t.get(oe)||function(e,t,n=!1){return q(t,n)?null==e?"":String(e):""}(t.get(T),t.get(Q),t.get(B))]),t.append(e,n)};t.if(a,e=>{t.get(k)?e(l):e(s,-1)}),t.append(e,r)},$$slots:{default:!0}})}var Ye=t.sibling(Te,2),$e=e=>{{const n=e=>{var n=_e(),r=t.child(n);t.set_style(r,"",{},{"--date-picker-background":"var(--spectrum-global-color-gray-75)","--date-picker-foreground":"var(--spectrum-global-color-gray-800)","--date-picker-selected-background":"var(--accent-color)"});var a=t.child(r);{let e=t.derived(()=>t.get(m)??new Date);H(a,{get value(){return t.get(e)},$$events:{select:De}})}var l=t.sibling(a,2),s=e=>{var n=ye(),r=t.child(n);t.remove_input_defaults(r),t.bind_this(r,e=>t.set(v,e),()=>t.get(v));var a=t.sibling(r,2),l=t.child(a),s=t.sibling(l,2),o=t.sibling(s,2),i=t.sibling(o,2);t.reset(a),t.reset(n),t.template_effect(()=>t.set_attribute(r,"placeholder",t.get(S)?"HH:MM":"HH:MM AM/PM")),t.bind_value(r,()=>t.get(b),e=>t.set(b,e)),t.event("change",r,xe),t.event("click",l,pe),t.event("click",s,ve),t.event("click",o,fe),t.event("click",i,t.stopPropagation(ke)),t.append(e,n)};t.if(l,e=>{t.get(M)&&e(s)}),t.reset(r),t.reset(n),t.bind_this(n,e=>t.set(p,e),()=>t.get(p)),t.event("focusout",n,function(...e){ue.popupFocusout?.apply(this,e)}),t.event("keydown",n,function(...e){ue.popupKeydown?.apply(this,e)}),t.append(e,n)};ce(e,{get anchor(){return t.get(g)},get open(){return t.get(h)},align:"right",maxHeight:400,useAnchorWidth:!1,$$events:{close:()=>t.set(h,!1)},children:n,$$slots:{default:!0}})}};t.if(Ye,e=>{"editing"===a()&&e($e)}),t.append(e,Se),t.pop(),s()}function xe(e,t){e.parentElement!==t&&t.appendChild(e)}var Me=t.from_html('<div class="super-modal-backdrop svelte-1fgdqyx" role="presentation"></div>'),De=t.from_html('<div class="super-modal-shell svelte-1fgdqyx"><div class="super-modal-inline svelte-1fgdqyx"><div><!> <div><!></div></div></div></div>');function Se(e,r){t.push(r,!0);const a=(0,n.createEventDispatcher)();let l=t.prop(r,"open",15,!1),s=t.prop(r,"portalTarget",3,"#app-body"),o=t.prop(r,"closeOnBackdrop",3,!0),i=t.prop(r,"closeOnEscape",3,!0),c=t.prop(r,"lockScroll",3,!0),d=t.prop(r,"preserveLayout",3,!0),u=t.prop(r,"zIndex",3,1e4),g=t.prop(r,"panelWidth",3,"min(96vw, 1440px)"),p=t.prop(r,"panelHeight",3,"min(88vh, 920px)"),v=t.prop(r,"panelClass",3,""),f=t.prop(r,"animate",3,!0),h=t.state(null),m=t.state(null),b=t.state(null),y=t.state(null);const _=()=>{a("open"),l(!0)},w=()=>{a("close"),l(!1)},k=()=>{o()&&w()};t.user_effect(()=>{t.get(b)&&t.get(m)&&(l()?(d()&&t.get(h)&&t.set(y,t.get(h).offsetHeight,!0),function(e,t,n){const r=t??n;e.parentElement!==r&&r.appendChild(e)}(t.get(b),function(e){return e instanceof HTMLElement?e:"string"==typeof e&&e.length>0?document.querySelector(e)??document.body:document.getElementById("app-body")??document.body}(s()),t.get(m))):(t.set(y,null),xe(t.get(b),t.get(m))))}),t.user_effect(()=>{if(!l()||!c())return;const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}),t.user_effect(()=>{if(!l()||!i())return;const e=e=>{"Escape"===e.key&&w()};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),(0,n.onDestroy)(()=>{document.body.style.overflow="",t.get(b)&&t.get(m)&&xe(t.get(b),t.get(m))});var x={show:_,hide:w,toggle:()=>{l()?w():_()}},M=De();let D;var S=t.child(M),T=t.child(S);let Y,$;var O=t.child(T),P=e=>{var n=Me();t.event("click",n,k),t.append(e,n)};t.if(O,e=>{l()&&o()&&e(P)});var A=t.sibling(O,2);let C,E;var F=t.child(A);return t.snippet(F,()=>r.children??t.noop),t.reset(A),t.reset(T),t.bind_this(T,e=>t.set(b,e),()=>t.get(b)),t.reset(S),t.bind_this(S,e=>t.set(m,e),()=>t.get(m)),t.reset(M),t.bind_this(M,e=>t.set(h,e),()=>t.get(h)),t.template_effect(e=>{D=t.set_style(M,"",D,{"min-height":t.get(y)?`${t.get(y)}px`:void 0}),Y=t.set_class(T,1,"super-modal-root svelte-1fgdqyx",null,Y,{active:l(),animated:f()}),$=t.set_style(T,"",$,e),C=t.set_class(A,1,`super-modal-panel ${v()??""}`,"svelte-1fgdqyx",C,{open:l()}),E=t.set_style(A,"",E,{"--super-modal-panel-width":g(),"--super-modal-panel-height":p()})},[()=>({"--super-modal-z-index":l()?String(u()):void 0})]),t.append(e,M),t.pop(x)}var Te="$and",Ye="none",$e=t.from_html("<button> </button>"),Oe=t.from_html("<div><div></div></div>");function Pe(e,r){t.push(r,!0);const a=[{label:"Ping",labelMob:"Ping",value:1},{label:"CPU",labelMob:"CPU",value:2},{label:"Network",labelMob:"Net",value:3},{label:"Wireless",labelMob:"WiFi",value:4}];let l=t.prop(r,"metrics",3,a),s=t.prop(r,"selectedMetric",15,1),o=t.state(0),i=t.state(null),c=t.state("0px"),d=t.state("0px"),u=t.state("0px"),g=t.derived(()=>(l()?.length?l():a).map(e=>({...e,shortLabel:e.labelMob??e.label})));t.user_effect(()=>{s(),t.get(g).length,t.get(o),async function(){await(0,n.tick)();const e=t.get(i)?.querySelector(".card-tab.active");e&&(t.set(c,`${e.offsetLeft}px`),t.set(d,`${e.offsetWidth}px`),t.set(u,`${e.offsetHeight}px`))}()});var p=Oe();let v;var f=t.child(p);let h,m;t.each(f,21,()=>t.get(g),e=>e.value,(e,n)=>{var r=$e();let a;var l=t.child(r,!0);t.reset(r),t.template_effect(e=>{a=t.set_class(r,1,"card-tab svelte-xgexk6",null,a,{active:s()==t.get(n).value}),t.set_text(l,e)},[()=>function(e,t){return!t||t>600?e.label:e.shortLabel}(t.get(n),t.get(o))]),t.event("click",r,()=>{s(t.get(n).value)}),t.append(e,r)}),t.reset(f),t.bind_this(f,e=>t.set(i,e),()=>t.get(i)),t.reset(p),t.template_effect(()=>{v=t.set_class(p,1,"metrics-selector svelte-xgexk6",null,v,{top:"top"===r.paginationPos}),h=t.set_class(f,1,"card-tabs svelte-xgexk6",null,h,{loading:r.loading}),m=t.set_style(f,"",m,{"--left-position":t.get(c),"--tab-width":t.get(d),"--tab-height":t.get(u)})}),t.bind_element_size(p,"clientWidth",e=>t.set(o,e)),t.append(e,p),t.pop()}var Ae=t.from_html("<button> </button>"),Ce=t.from_html('<div class="aggregation svelte-cke4cu"> </div>'),Ee=t.from_html('<div class="custom-range svelte-cke4cu"><div class="range-field svelte-cke4cu"><span class="range-label svelte-cke4cu">Start</span> <!></div> <div class="range-field svelte-cke4cu"><span class="range-label svelte-cke4cu">End</span> <!></div></div>'),Fe=t.from_html('<div><div class="paginator-time svelte-cke4cu"><div><!> <button> </button></div> <!></div> <!></div>');function He(e,r){t.push(r,!0);let a=t.prop(r,"selectedPeriod",15),l=t.prop(r,"customStartDate",15,null),s=t.prop(r,"customEndDate",15,null);const o={showTime:!0,show24HTime:!0,dateFormat:"YYYY-MM-DD"};let i=t.state(0),c=t.state(null),d=t.state("0px"),u=t.state("0px"),g=t.state("0px"),p=t.derived(()=>r.periods.find(e=>e.value==a())?.aggregation),v=t.derived(()=>"custom"===a());t.user_effect(()=>{a(),r.periods,t.get(i),async function(){await(0,n.tick)();const e=t.get(c)?.querySelector(".card-tab.active");e&&(t.set(d,`${e.offsetLeft}px`),t.set(u,`${e.offsetWidth}px`),t.set(g,`${e.offsetHeight}px`))}()});var f=Fe();let h;var m=t.child(f);let b;var y=t.child(m);let _,w;var k=t.child(y);t.each(k,17,()=>r.periods||[],e=>e.value,(e,n)=>{var r=Ae();let l;var s=t.child(r,!0);t.reset(r),t.template_effect(e=>{l=t.set_class(r,1,"card-tab svelte-cke4cu",null,l,{active:a()===t.get(n).value}),t.set_text(s,e)},[()=>function(e,t){return!t||t>600?e.label:e.labelMob}(t.get(n),t.get(i))]),t.event("click",r,()=>{a(t.get(n).value)}),t.append(e,r)});var x=t.sibling(k,2);let M;var D=t.child(x,!0);t.reset(x),t.reset(y),t.bind_this(y,e=>t.set(c,e),()=>t.get(c));var S=t.sibling(y,2),T=e=>{var n=Ce(),r=t.child(n,!0);t.reset(n),t.template_effect(()=>t.set_text(r,t.get(p))),t.append(e,n)};t.if(S,e=>{t.get(p)&&e(T)}),t.reset(m);var Y=t.sibling(m,2),$=e=>{var n=Ee(),r=t.child(n),a=t.sibling(t.child(r),2);{let e=t.derived(()=>({...o,placeholder:"Start date"}));ke(a,{id:"metrics-custom-start",get value(){return l()},get cellOptions(){return t.get(e)},$$events:{change:e=>{l(e.detail)}}})}t.reset(r);var i=t.sibling(r,2),c=t.sibling(t.child(i),2);{let e=t.derived(()=>({...o,placeholder:"End date"}));ke(c,{id:"metrics-custom-end",get value(){return s()},get cellOptions(){return t.get(e)},$$events:{change:e=>{s(e.detail)}}})}t.reset(i),t.reset(n),t.append(e,n)};t.if(Y,e=>{t.get(v)&&e($)}),t.reset(f),t.template_effect(()=>{h=t.set_class(f,1,"paginator-time-wrapper svelte-cke4cu",null,h,{top:"top"===r.paginationPos}),b=t.set_style(m,"",b,{"--paginator-justify-content":t.get(p)?"space-between":"flex-start"}),_=t.set_class(y,1,"card-tabs svelte-cke4cu",null,_,{loading:r.loading}),w=t.set_style(y,"",w,{"--left-position":t.get(d),"--tab-width":t.get(u),"--tab-height":t.get(g)}),M=t.set_class(x,1,"card-tab svelte-cke4cu",null,M,{active:t.get(v)}),t.set_text(D,t.get(i)>600?"Custom":"Cust")}),t.event("click",x,function(){if(a("custom"),!l()||!s()){const e=function(){const e=new Date;return{start:new Date(e.getTime()-864e5).toISOString(),end:e.toISOString()}}();l(e.start),s(e.end)}}),t.bind_element_size(m,"clientWidth",e=>t.set(i,e)),t.append(e,f),t.pop()}var Re=t.from_html('<div class="pagination-limit-offset svelte-1hmd8tb"><div class="pagination-controls svelte-1hmd8tb"><button class="pagination-btn svelte-1hmd8tb" title="First Page"><i class="ph ph-caret-double-left"></i></button> <button class="pagination-btn svelte-1hmd8tb" title="Previous Page"><i class="ph ph-caret-left"></i></button> <span class="pagination-info svelte-1hmd8tb"> </span> <button class="pagination-btn svelte-1hmd8tb" title="Next Page"><i class="ph ph-caret-right"></i></button></div></div>');function Ie(e,n){t.push(n,!0);const[r,a]=t.setup_stores();let l=t.prop(n,"limit",3,50),s=t.prop(n,"currentOffset",15,0),o=t.derived(()=>Math.floor(s()/l())+1),i=t.derived(()=>t.store_get(n.fetch,"$fetch",r)?.rows?.length>=l());var c=Re(),d=t.child(c),u=t.child(d),g=t.sibling(u,2),p=t.sibling(g,2),v=t.child(p);t.reset(p);var f=t.sibling(p,2);t.reset(d),t.reset(c),t.template_effect(()=>{u.disabled=t.get(o)<=1,g.disabled=t.get(o)<=1,t.set_text(v,`Page ${t.get(o)??""}\n      (Offset: ${s()??""}, Limit: ${l()??""})`),f.disabled=!t.get(i)}),t.event("click",u,function(){s(0)}),t.event("click",g,function(){s()>0&&s(Math.max(0,s()-l()))}),t.event("click",f,function(){t.get(i)&&s(s()+l())}),t.append(e,c),t.pop(),a()}var Ne=t.from_html('<div><!> <div class="metrics-header svelte-1l9u2si"><!> <button type="button" class="popout-btn svelte-1l9u2si"><i></i></button></div> <div class="inner-wrapper svelte-1l9u2si"><!></div> <!> <!></div>');function Le(e,a){t.push(a,!0);const l=()=>t.store_get(t.get($),"$fetch",o),s=()=>t.store_get(h,"$component",o),[o,i]=t.setup_stores(),{styleable:c,Provider:d,ActionTypes:u,API:g,fetchData:p,QueryUtils:v,builderStore:f}=(0,n.getContext)("sdk"),h=(0,n.getContext)("component");let m=t.prop(a,"paginationPos",3,"bottom");t.prop(a,"mode",3,"normal");let b=t.prop(a,"flex",3,!1);const y=[{label:"Live",labelMob:"10m",value:"10m",aggregation:"1s",dataRefresh:5,chartRefresh:.5},{label:"1 Hour",labelMob:"1H",value:"1h",aggregation:"5s",dataRefresh:60,chartRefresh:10},{label:"12 Hours",labelMob:"12H",value:"12h",aggregation:"1m",dataRefresh:60,chartRefresh:20},{label:"1 Day",labelMob:"1D",value:"1d",aggregation:"150s",dataRefresh:60,chartRefresh:60},{label:"1 Week",labelMob:"1W",value:"1w",aggregation:"30m",dataRefresh:60,chartRefresh:60},{label:"1 Month",labelMob:"1M",value:"1month",aggregation:"1h",dataRefresh:60,chartRefresh:60},{label:"3 Months",labelMob:"3M",value:"3months",aggregation:"1d",dataRefresh:60,chartRefresh:60},{label:"6 Months",labelMob:"6M",value:"6months",aggregation:"1d",dataRefresh:60,chartRefresh:60},{label:"1 Year",labelMob:"1Y",value:"1y",aggregation:"1d",dataRefresh:60,chartRefresh:60}];let _,w,k=t.state("10m"),x=t.state(null),M=t.state(null),D=t.state(1),S=t.state(!1),T=t.state(0),Y=t.state(t.proxy({})),$=t.state(void 0);const O=(0,r.writable)({});let P=t.derived(()=>t.store_get(f,"$builderStore",o).inBuilder),A=t.derived(()=>y.find(e=>e.value==t.get(k))?.aggregation),C=t.derived(()=>y.find(e=>e.value==t.get(k))?.dataRefresh||0),E=t.derived(()=>y.find(e=>e.value==t.get(k))?.chartRefresh||0);t.derived(()=>a.dataSource?.parameters?.find(e=>"period"==e.name));let F=t.derived(()=>a.dataSource?.parameters?.find(e=>"limit"==e.name)),H=t.derived(()=>a.dataSource?.parameters?.find(e=>"offset"==e.name)),R=t.derived(()=>t.get(F)&&t.get(H)),I=t.derived(()=>{if(!a.dataSource)return a.dataSource;const e={...a.dataSource.queryParams||{}};return a.dataSource.parameters&&t.get(k)&&(e.period=t.get(k),e.bucket=t.get(A),e.metric_id=t.get(D),"custom"===t.get(k)?(t.get(x)&&(e.start=t.get(x)),t.get(M)&&(e.end=t.get(M))):(delete e.start,delete e.end)),t.get(R)&&(e.offset=t.get(T)),{...a.dataSource,queryParams:e}}),N=t.derived(()=>v.buildQuery(a.filter)),L=t.derived(()=>((e,t)=>{if(!Object.keys(t).length)return e??{};const n={[Te]:{conditions:[...e?[e]:[],...Object.values(t)]},onEmptyFilter:Ye};return(n[Te]?.conditions?.length??0)>0?n:{}})(t.get(N),t.get(Y))),B=t.derived(()=>(e=>{if(!e)return e;const t={...e};return Object.entries(t).forEach(([e,n])=>{!1===n.visible&&delete t[e]}),t})(l()?.schema??null)),W=t.derived(()=>({rows:l()?.rows??[],info:l()?.info,datasource:a.dataSource||{},schema:t.get(B),rowsLength:l()?.rows?.length??0,pageNumber:(l()?.pageNumber??0)+1,id:s()?.id,state:{query:l()?.query},limit:a.limit,primaryDisplay:l()?.definition?.primaryDisplay,loaded:l()?.loaded,loading:l()?.loading,timeseries:{labelColumn:a.tsField,valueColumn:[a.valueField],period:t.get(k),aggregation:t.get(A),start:t.get(x),end:t.get(M)},currentOffset:t.get(T),supportsLimitOffsetPagination:t.get(R)})),q=t.derived(()=>({...s().styles,normal:{...s().styles?.normal,flex:b()?"auto":"none"}}));const U=(e,n)=>{e&&n&&t.set(Y,{...t.get(Y),[e]:n},!0)},j=e=>{if(!e)return;const n={...t.get(Y)};delete n[e],t.set(Y,n,!0)};let z=t.derived(()=>[{type:u.RefreshDatasource,callback:()=>t.get($)?.refresh(),metadata:{dataSource:a.dataSource}},{type:u.AddDataProviderQueryExtension,callback:U},{type:u.RemoveDataProviderQueryExtension,callback:j},{type:u.SetDataProviderOffset,callback:e=>{t.set(T,e,!0)}},{type:u.SetDataProviderSorting,callback:({column:e,order:n})=>{const r={};e&&(r.sortColumn=e),n&&(r.sortOrder=n),Object.keys(r)?.length&&t.get($)?.update(r)}}]);function V(){t.set(S,!t.get(S))}t.user_effect(()=>{const e=t.get(I);(0,n.untrack)(()=>{t.store_unsub(t.set($,p({API:g,datasource:e,options:{query:t.get(L),sortColumn:a.sortColumn,sortOrder:a.sortOrder,limit:a.limit,paginate:a.paginate}}),!0),"$fetch",o)})}),t.user_effect(()=>{t.get($)&&t.get($).update({query:t.get(L),sortColumn:a.sortColumn,sortOrder:a.sortOrder,limit:a.limit,paginate:a.paginate})}),t.user_effect(()=>{O.set({labelColumn:a.tsField,valueColumn:[a.valueField],period:t.get(k),aggregation:t.get(A),start:t.get(x),end:t.get(M),rows:l()?.rows||[],loaded:l()?.loaded})}),t.user_effect(()=>{if(clearInterval(_),!t.get(P))return"auto"===a.autoRefresh&&t.get(C)?_=setInterval(()=>{l()?.loading||t.get($)?.refresh()},Math.max(5e3,1e3*t.get(C))):"never"!==a.autoRefresh&&"auto"!==a.autoRefresh&&a.autoRefresh>0&&(_=setInterval(()=>{l()?.loading||t.get($)?.refresh()},Math.max(5e3,1e3*a.autoRefresh))),()=>clearInterval(_)}),t.user_effect(()=>{if(clearInterval(w),!t.get(P)&&"auto"==a.autoRefresh)return w=setInterval(()=>{O.set({labelColumn:a.tsField,valueColumn:[a.valueField],period:t.get(k),aggregation:y.find(e=>e.value==t.get(k))?.aggregation,start:t.get(x),end:t.get(M),rows:l()?.rows||[],loaded:!0,refresh:Date.now()})},Math.max(500,1e3*t.get(E))),()=>clearInterval(w)}),(0,n.onDestroy)(()=>{clearInterval(_),clearInterval(w)}),(0,n.setContext)("superMetricsProvider",O),Se(e,{get open(){return t.get(S)},set open(e){t.set(S,e,!0)},children:(e,n)=>{var r=Ne();let l;var s=t.child(r);d(s,{get data(){return t.get(W)},get actions(){return t.get(z)}});var o=t.sibling(s,2),i=t.child(o);Pe(i,{get selectedMetric(){return t.get(D)},set selectedMetric(e){t.set(D,e,!0)}});var u=t.sibling(i,2),g=t.child(u);t.reset(u),t.reset(o);var p=t.sibling(o,2),v=t.child(p);t.snippet(v,()=>a.children??t.noop),t.reset(p);var f=t.sibling(p,2),h=e=>{He(e,{get periods(){return y},get paginationPos(){return m()},get selectedPeriod(){return t.get(k)},set selectedPeriod(e){t.set(k,e,!0)},get customStartDate(){return t.get(x)},set customStartDate(e){t.set(x,e,!0)},get customEndDate(){return t.get(M)},set customEndDate(e){t.set(M,e,!0)}})};t.if(f,e=>{"datetime"==a.pagination&&e(h)});var b=t.sibling(f,2),_=e=>{Ie(e,{get limit(){return a.limit},get fetch(){return t.get($)},get currentOffset(){return t.get(T)},set currentOffset(e){t.set(T,e,!0)}})};t.if(b,e=>{"limit-offset"==a.pagination&&t.get(R)&&e(_)}),t.reset(r),t.action(r,(e,t)=>c?.(e,t),()=>t.get(q)),t.template_effect(()=>{l=t.set_class(r,1,"super-metrics-provider svelte-1l9u2si",null,l,{"popout-open":t.get(S)}),t.set_attribute(u,"title",t.get(S)?"Close expanded view":"Expand metrics view"),t.set_attribute(u,"aria-label",t.get(S)?"Close expanded view":"Expand metrics view"),t.set_class(g,1,"ph "+(t.get(S)?"ph-arrows-in":"ph-arrows-out"),"svelte-1l9u2si")}),t.event("click",u,V),t.append(e,r)},$$slots:{default:!0}}),t.pop(),i()}var Be=t.from_html('<span class="plugin-error-detail svelte-1q1ah0h"> </span>'),We=t.from_html('<div class="plugin-error svelte-1q1ah0h" role="alert"><span class="plugin-error-title svelte-1q1ah0h">Super Metrics Provider failed to render</span> <!></div>');function qe(e,n){t.push(n,!0);let r=t.rest_props(n,["$$slots","$$events","$$legacy"]);var a=t.comment(),l=t.first_child(a);{const e=(e,n=t.noop)=>{var r=We(),a=t.sibling(t.child(r),2),l=e=>{var r=Be(),a=t.child(r,!0);t.reset(r),t.template_effect(()=>t.set_text(a,n().message)),t.append(e,r)};t.if(a,e=>{n()instanceof Error&&n().message&&e(l)}),t.reset(r),t.append(e,r)};t.boundary(l,{onerror:e=>{console.error("[SuperMetricsProvider]",e)},failed:e},e=>{Le(e,t.spread_props(()=>r,{children:(e,r)=>{var a=t.comment(),l=t.first_child(a);t.snippet(l,()=>n.children??t.noop),t.append(e,a)},$$slots:{default:!0}}))})}t.append(e,a),t.pop()}var Ue={type:"component",metadata:{svelteMajor:5},schema:{name:"bb_component_supermetricsprovider",friendlyName:"Super Metrics Provider",description:"Mission-specific metrics data provider for Budibase",icon:"DataSettings",hasChildren:!0,actions:["RefreshDatasource","AddDataProviderQueryExtension","SetDataProviderOffset"],styles:["padding","border","background"],context:[{type:"static",values:[{label:"Period",key:"period",type:"string"},{label:"Aggregation",key:"aggregation",type:"string"}]},{type:"static",values:[{label:"Rows",key:"rows",type:"array"},{label:"Extra Info",key:"info",type:"string"},{label:"Rows Length",key:"rowsLength",type:"number"},{label:"Schema",key:"schema",type:"object"},{label:"Page Number",key:"pageNumber",type:"number"}]}],settings:[{type:"select",key:"mode",label:"Mode",defaultValue:"normal",options:[{label:"Normal",value:"normal"},{label:"Single Row",value:"singlerow"},{label:"Timeseries",value:"timeseries"}]},{type:"dataSource",key:"dataSource",label:"Data Source",required:!0},{type:"filter",label:"Filtering",key:"filter",resetOn:"dataSource"},{type:"field/sortable",label:"Sort column",key:"sortColumn",placeholder:"None"},{type:"select",label:"Sort order",key:"sortOrder",options:["Ascending","Descending"],defaultValue:"Ascending"},{type:"number",label:"Limit",key:"limit",defaultValue:50},{type:"select",key:"pagination",label:"Pagination",defaultValue:!1,options:[{label:"None",value:!1},{label:"Page Based",value:"page"},{label:"DateTime Based",value:"datetime"},{label:"Limit/Offset Based",value:"limit-offset"}]},{type:"select",key:"paginationPos",dependsOn:"pagination",label:"Position",options:[{label:"Top",value:"top"},{label:"Bottom",value:"bottom"}],defaultValue:"bottom"},{type:"select",label:"Data Refresh",key:"autoRefresh",placeholder:"Never",options:[{label:"Auto",value:"auto"},{label:"5 seconds",value:5},{label:"10 seconds",value:10},{label:"30 seconds",value:30},{label:"1 minute",value:60},{label:"5 minutes",value:300},{label:"10 minutes",value:600}]},{section:!0,name:"Timeseries Settings",dependsOn:{setting:"mode",value:"timeseries"},settings:[{type:"field",key:"tsField",label:"Timestamp",required:!0,defaultValue:"timestamp"},{type:"field",key:"valueField",label:"Value Field"}]},{section:!0,name:"Aggregated Views",dependsOn:"timeseries",settings:[{type:"boolean",key:"5m_enabled",label:"5m Aggregate",defaultValue:!1},{type:"dataSource",key:"dataSource_5m",label:"5m DataSource",dependsOn:"5m_enabled",defaultValue:!1},{type:"boolean",key:"15m_enabled",label:"15m Aggregate",defaultValue:!1},{type:"dataSource",key:"dataSource_15m",label:"15m DataSource",dependsOn:"15m_enabled",defaultValue:!1},{type:"boolean",key:"30m_enabled",label:"30m Aggregate",defaultValue:!1},{type:"dataSource",key:"dataSource_30m",label:"30m DataSource",dependsOn:"30m_enabled",defaultValue:!1},{type:"boolean",key:"1h_enabled",label:"1h Aggregate",defaultValue:!1},{type:"dataSource",key:"dataSource_1h",label:"1h DataSource",dependsOn:"1h_enabled",defaultValue:!1},{type:"boolean",key:"1d_enabled",label:"1d Aggregate",defaultValue:!1},{type:"dataSource",key:"dataSource_1d",label:"1d DataSource",defaultValue:!1,dependsOn:"1d_enabled"}]},{type:"select",label:"Flex Mode",showLabel:!1,key:"flex",showInBar:!0,barStyle:"buttons",options:[{label:"Shrink",value:!1,barIcon:"Minimize",barTitle:"Shrink container"},{label:"Grow",value:!0,barIcon:"Maximize",barTitle:"Grow container"}],defaultValue:!1}]}},je="1.0.1";if(window){const e={Component:qe,schema:Ue,version:je};window["##BUDIBASE_CUSTOM_COMPONENTS##"]||(window["##BUDIBASE_CUSTOM_COMPONENTS##"]=[]),window["##BUDIBASE_CUSTOM_COMPONENTS##"].push(e),window.registerCustomComponent&&window.registerCustomComponent(e)}var ze=qe,Ve=je;return e.Component=ze,e.schema=Ue,e.version=Ve,e}({},svelteInternal,svelte,svelteStore,svelteTransition);

package/dist/schema.json

@@ -0,0 +1,322 @@
+{
+  "type": "component",
+  "metadata": {
+    "svelteMajor": 5
+  },
+  "schema": {
+    "name": "bb_component_supermetricsprovider",
+    "friendlyName": "Super Metrics Provider",
+    "description": "Mission-specific metrics data provider for Budibase",
+    "icon": "DataSettings",
+    "hasChildren": true,
+    "actions": [
+      "RefreshDatasource",
+      "AddDataProviderQueryExtension",
+      "SetDataProviderOffset"
+    ],
+    "styles": [
+      "padding",
+      "border",
+      "background"
+    ],
+    "context": [
+      {
+        "type": "static",
+        "values": [
+          {
+            "label": "Period",
+            "key": "period",
+            "type": "string"
+          },
+          {
+            "label": "Aggregation",
+            "key": "aggregation",
+            "type": "string"
+          }
+        ]
+      },
+      {
+        "type": "static",
+        "values": [
+          {
+            "label": "Rows",
+            "key": "rows",
+            "type": "array"
+          },
+          {
+            "label": "Extra Info",
+            "key": "info",
+            "type": "string"
+          },
+          {
+            "label": "Rows Length",
+            "key": "rowsLength",
+            "type": "number"
+          },
+          {
+            "label": "Schema",
+            "key": "schema",
+            "type": "object"
+          },
+          {
+            "label": "Page Number",
+            "key": "pageNumber",
+            "type": "number"
+          }
+        ]
+      }
+    ],
+    "settings": [
+      {
+        "type": "select",
+        "key": "mode",
+        "label": "Mode",
+        "defaultValue": "normal",
+        "options": [
+          {
+            "label": "Normal",
+            "value": "normal"
+          },
+          {
+            "label": "Single Row",
+            "value": "singlerow"
+          },
+          {
+            "label": "Timeseries",
+            "value": "timeseries"
+          }
+        ]
+      },
+      {
+        "type": "dataSource",
+        "key": "dataSource",
+        "label": "Data Source",
+        "required": true
+      },
+      {
+        "type": "filter",
+        "label": "Filtering",
+        "key": "filter",
+        "resetOn": "dataSource"
+      },
+      {
+        "type": "field/sortable",
+        "label": "Sort column",
+        "key": "sortColumn",
+        "placeholder": "None"
+      },
+      {
+        "type": "select",
+        "label": "Sort order",
+        "key": "sortOrder",
+        "options": [
+          "Ascending",
+          "Descending"
+        ],
+        "defaultValue": "Ascending"
+      },
+      {
+        "type": "number",
+        "label": "Limit",
+        "key": "limit",
+        "defaultValue": 50
+      },
+      {
+        "type": "select",
+        "key": "pagination",
+        "label": "Pagination",
+        "defaultValue": false,
+        "options": [
+          {
+            "label": "None",
+            "value": false
+          },
+          {
+            "label": "Page Based",
+            "value": "page"
+          },
+          {
+            "label": "DateTime Based",
+            "value": "datetime"
+          },
+          {
+            "label": "Limit/Offset Based",
+            "value": "limit-offset"
+          }
+        ]
+      },
+      {
+        "type": "select",
+        "key": "paginationPos",
+        "dependsOn": "pagination",
+        "label": "Position",
+        "options": [
+          {
+            "label": "Top",
+            "value": "top"
+          },
+          {
+            "label": "Bottom",
+            "value": "bottom"
+          }
+        ],
+        "defaultValue": "bottom"
+      },
+      {
+        "type": "select",
+        "label": "Data Refresh",
+        "key": "autoRefresh",
+        "placeholder": "Never",
+        "options": [
+          {
+            "label": "Auto",
+            "value": "auto"
+          },
+          {
+            "label": "5 seconds",
+            "value": 5
+          },
+          {
+            "label": "10 seconds",
+            "value": 10
+          },
+          {
+            "label": "30 seconds",
+            "value": 30
+          },
+          {
+            "label": "1 minute",
+            "value": 60
+          },
+          {
+            "label": "5 minutes",
+            "value": 300
+          },
+          {
+            "label": "10 minutes",
+            "value": 600
+          }
+        ]
+      },
+      {
+        "section": true,
+        "name": "Timeseries Settings",
+        "dependsOn": {
+          "setting": "mode",
+          "value": "timeseries"
+        },
+        "settings": [
+          {
+            "type": "field",
+            "key": "tsField",
+            "label": "Timestamp",
+            "required": true,
+            "defaultValue": "timestamp"
+          },
+          {
+            "type": "field",
+            "key": "valueField",
+            "label": "Value Field"
+          }
+        ]
+      },
+      {
+        "section": true,
+        "name": "Aggregated Views",
+        "dependsOn": "timeseries",
+        "settings": [
+          {
+            "type": "boolean",
+            "key": "5m_enabled",
+            "label": "5m Aggregate",
+            "defaultValue": false
+          },
+          {
+            "type": "dataSource",
+            "key": "dataSource_5m",
+            "label": "5m DataSource",
+            "dependsOn": "5m_enabled",
+            "defaultValue": false
+          },
+          {
+            "type": "boolean",
+            "key": "15m_enabled",
+            "label": "15m Aggregate",
+            "defaultValue": false
+          },
+          {
+            "type": "dataSource",
+            "key": "dataSource_15m",
+            "label": "15m DataSource",
+            "dependsOn": "15m_enabled",
+            "defaultValue": false
+          },
+          {
+            "type": "boolean",
+            "key": "30m_enabled",
+            "label": "30m Aggregate",
+            "defaultValue": false
+          },
+          {
+            "type": "dataSource",
+            "key": "dataSource_30m",
+            "label": "30m DataSource",
+            "dependsOn": "30m_enabled",
+            "defaultValue": false
+          },
+          {
+            "type": "boolean",
+            "key": "1h_enabled",
+            "label": "1h Aggregate",
+            "defaultValue": false
+          },
+          {
+            "type": "dataSource",
+            "key": "dataSource_1h",
+            "label": "1h DataSource",
+            "dependsOn": "1h_enabled",
+            "defaultValue": false
+          },
+          {
+            "type": "boolean",
+            "key": "1d_enabled",
+            "label": "1d Aggregate",
+            "defaultValue": false
+          },
+          {
+            "type": "dataSource",
+            "key": "dataSource_1d",
+            "label": "1d DataSource",
+            "defaultValue": false,
+            "dependsOn": "1d_enabled"
+          }
+        ]
+      },
+      {
+        "type": "select",
+        "label": "Flex Mode",
+        "showLabel": false,
+        "key": "flex",
+        "showInBar": true,
+        "barStyle": "buttons",
+        "options": [
+          {
+            "label": "Shrink",
+            "value": false,
+            "barIcon": "Minimize",
+            "barTitle": "Shrink container"
+          },
+          {
+            "label": "Grow",
+            "value": true,
+            "barIcon": "Maximize",
+            "barTitle": "Grow container"
+          }
+        ],
+        "defaultValue": false
+      }
+    ]
+  },
+  "hash": "a272a7e3ac26bea1dabe8caedab4b0317fc50174",
+  "version": "1.0.1"
+}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "bb_component_supermetricsprovider",
+  "version": "1.0.1",
+  "description": "Super Metrics Provider",
+  "author": "Michael Poirazi - https://github.com/poirazis",
+  "license": "MIT",
+  "svelte": "index.js",
+  "module": "dist/plugin.min.js",
+  "schema.metadata.svelteMajor": 5,
+  "type": "module",
+  "files": [
+    "dist/",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "watch": "NODE_ENV=development vite build --watch --mode development"
+  },
+  "dependencies": {
+    "@poirazis/superlib": "latest"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/plugin.min.js",
+      "require": "./dist/plugin.min.js"
+    }
+  },
+  "devDependencies": {
+    "@budibase/backend-core": "^3.38.5",
+    "@sveltejs/vite-plugin-svelte": "^7.1.2",
+    "tar": "^7.5.16",
+    "terser": "^5.48.0",
+    "vite": "^8.0.16",
+    "vite-plugin-css-injected-by-js": "^5.0.1",
+    "vite-plugin-singlefile": "^2.3.3",
+    "svelte": "5.55.10",
+    "@budibase/types": "^3.38.5"
+  },
+  "peerDependencies": {
+    "svelte": "5.55.10"
+  },
+  "overrides": {
+    "svelte": "5.55.10"
+  }
+}