@emuanalytics/flow-rdf-ui 0.0.20 → 0.0.22

package/dist/flow-rdf-ui.js

@@ -779,15 +779,15 @@ function waitForEvent(el, eventName) {
     el.addEventListener(eventName, done);
   });
 }
-var __defProp$$ = Object.defineProperty;
-var __getOwnPropDesc$$ = Object.getOwnPropertyDescriptor;
-var __decorateClass$$ = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$$(target, key) : target;
+var __defProp$_ = Object.defineProperty;
+var __getOwnPropDesc$_ = Object.getOwnPropertyDescriptor;
+var __decorateClass$_ = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$_(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$$(target, key, result);
+    __defProp$_(target, key, result);
   return result;
 };
 class FlowRdfElement extends s$5 {
@@ -811,10 +811,10 @@ class FlowRdfElement extends s$5 {
     }
   }
 }
-__decorateClass$$([
+__decorateClass$_([
   n$8()
 ], FlowRdfElement.prototype, "dir", 2);
-__decorateClass$$([
+__decorateClass$_([
   n$8()
 ], FlowRdfElement.prototype, "lang", 2);
 class HasSlotController {
@@ -1080,7 +1080,7 @@ const componentStyles = i$8`
     display: none !important;
   }
 `;
-const styles$Y = i$8`
+const styles$X = i$8`
   ${componentStyles}
 
   :host {
@@ -1271,15 +1271,15 @@ function registerIconLibrary(name, options) {
 function unregisterIconLibrary(name) {
   registry = registry.filter((lib) => lib.name !== name);
 }
-var __defProp$_ = Object.defineProperty;
-var __getOwnPropDesc$_ = Object.getOwnPropertyDescriptor;
-var __decorateClass$_ = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$_(target, key) : target;
+var __defProp$Z = Object.defineProperty;
+var __getOwnPropDesc$Z = Object.getOwnPropertyDescriptor;
+var __decorateClass$Z = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Z(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$_(target, key, result);
+    __defProp$Z(target, key, result);
   return result;
 };
 const CACHEABLE_ERROR = Symbol();
@@ -1388,29 +1388,29 @@ let FlowIcon = class extends FlowRdfElement {
     return this.svg;
   }
 };
-FlowIcon.styles = styles$Y;
-__decorateClass$_([
+FlowIcon.styles = styles$X;
+__decorateClass$Z([
   t$3()
 ], FlowIcon.prototype, "svg", 2);
-__decorateClass$_([
+__decorateClass$Z([
   n$8({ reflect: true })
 ], FlowIcon.prototype, "name", 2);
-__decorateClass$_([
+__decorateClass$Z([
   n$8()
 ], FlowIcon.prototype, "src", 2);
-__decorateClass$_([
+__decorateClass$Z([
   n$8()
 ], FlowIcon.prototype, "label", 2);
-__decorateClass$_([
+__decorateClass$Z([
   n$8({ reflect: true })
 ], FlowIcon.prototype, "library", 2);
-__decorateClass$_([
+__decorateClass$Z([
   watch("label")
 ], FlowIcon.prototype, "handleLabelChange", 1);
-__decorateClass$_([
+__decorateClass$Z([
   watch(["name", "src", "library"])
 ], FlowIcon.prototype, "setIcon", 1);
-FlowIcon = __decorateClass$_([
+FlowIcon = __decorateClass$Z([
   e$8("flow-ui-icon")
 ], FlowIcon);
 const min = Math.min;
@@ -2336,7 +2336,7 @@ function r$2(t2) {
   }
   return null;
 }
-const styles$X = i$8`
+const styles$W = i$8`
   ${componentStyles}
 
   :host {
@@ -2377,15 +2377,15 @@ const styles$X = i$8`
     z-index: -1;
   }
 `;
-var __defProp$Z = Object.defineProperty;
-var __getOwnPropDesc$Z = Object.getOwnPropertyDescriptor;
-var __decorateClass$Z = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Z(target, key) : target;
+var __defProp$Y = Object.defineProperty;
+var __getOwnPropDesc$Y = Object.getOwnPropertyDescriptor;
+var __decorateClass$Y = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Y(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$Z(target, key, result);
+    __defProp$Y(target, key, result);
   return result;
 };
 let FlowPopup = class extends FlowRdfElement {
@@ -2619,44 +2619,44 @@ let FlowPopup = class extends FlowRdfElement {
     `;
   }
 };
-FlowPopup.styles = styles$X;
-__decorateClass$Z([
+FlowPopup.styles = styles$W;
+__decorateClass$Y([
   i$5(".popup")
 ], FlowPopup.prototype, "popup", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   i$5(".popup__arrow")
 ], FlowPopup.prototype, "arrowEl", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8()
 ], FlowPopup.prototype, "anchor", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ type: Boolean, reflect: true })
 ], FlowPopup.prototype, "active", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ reflect: true })
 ], FlowPopup.prototype, "placement", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ reflect: true })
 ], FlowPopup.prototype, "strategy", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ type: Number })
 ], FlowPopup.prototype, "distance", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ type: Number })
 ], FlowPopup.prototype, "skidding", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ type: Boolean })
 ], FlowPopup.prototype, "arrow", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ attribute: "arrow-placement" })
 ], FlowPopup.prototype, "arrowPlacement", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ attribute: "arrow-padding", type: Number })
 ], FlowPopup.prototype, "arrowPadding", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ type: Boolean })
 ], FlowPopup.prototype, "flip", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({
     attribute: "flip-fallback-placements",
     converter: {
@@ -2669,40 +2669,40 @@ __decorateClass$Z([
     }
   })
 ], FlowPopup.prototype, "flipFallbackPlacements", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ attribute: "flip-fallback-strategy" })
 ], FlowPopup.prototype, "flipFallbackStrategy", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ type: Object })
 ], FlowPopup.prototype, "flipBoundary", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ attribute: "flip-padding", type: Number })
 ], FlowPopup.prototype, "flipPadding", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ type: Boolean })
 ], FlowPopup.prototype, "shift", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ type: Object })
 ], FlowPopup.prototype, "shiftBoundary", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ attribute: "shift-padding", type: Number })
 ], FlowPopup.prototype, "shiftPadding", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ attribute: "auto-size" })
 ], FlowPopup.prototype, "autoSize", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8()
 ], FlowPopup.prototype, "sync", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ type: Object })
 ], FlowPopup.prototype, "autoSizeBoundary", 2);
-__decorateClass$Z([
+__decorateClass$Y([
   n$8({ attribute: "auto-size-padding", type: Number })
 ], FlowPopup.prototype, "autoSizePadding", 2);
-FlowPopup = __decorateClass$Z([
+FlowPopup = __decorateClass$Y([
   e$8("flow-ui-popup")
 ], FlowPopup);
-const styles$W = i$8`
+const styles$V = i$8`
   ${componentStyles}
 
   :host {
@@ -2754,15 +2754,15 @@ const styles$W = i$8`
     pointer-events: none;
   }
 `;
-var __defProp$Y = Object.defineProperty;
-var __getOwnPropDesc$Y = Object.getOwnPropertyDescriptor;
-var __decorateClass$Y = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Y(target, key) : target;
+var __defProp$X = Object.defineProperty;
+var __getOwnPropDesc$X = Object.getOwnPropertyDescriptor;
+var __decorateClass$X = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$X(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$Y(target, key, result);
+    __defProp$X(target, key, result);
   return result;
 };
 let FlowTooltip = class extends FlowRdfElement {
@@ -2939,50 +2939,50 @@ let FlowTooltip = class extends FlowRdfElement {
     `;
   }
 };
-FlowTooltip.styles = styles$W;
-__decorateClass$Y([
+FlowTooltip.styles = styles$V;
+__decorateClass$X([
   i$5("slot:not([name])")
 ], FlowTooltip.prototype, "defaultSlot", 2);
-__decorateClass$Y([
+__decorateClass$X([
   i$5(".tooltip__body")
 ], FlowTooltip.prototype, "body", 2);
-__decorateClass$Y([
+__decorateClass$X([
   i$5("flow-ui-popup")
 ], FlowTooltip.prototype, "popup", 2);
-__decorateClass$Y([
+__decorateClass$X([
   n$8()
 ], FlowTooltip.prototype, "content", 2);
-__decorateClass$Y([
+__decorateClass$X([
   n$8()
 ], FlowTooltip.prototype, "placement", 2);
-__decorateClass$Y([
+__decorateClass$X([
   n$8({ type: Boolean, reflect: true })
 ], FlowTooltip.prototype, "disabled", 2);
-__decorateClass$Y([
+__decorateClass$X([
   n$8({ type: Number })
 ], FlowTooltip.prototype, "distance", 2);
-__decorateClass$Y([
+__decorateClass$X([
   n$8({ type: Boolean, reflect: true })
 ], FlowTooltip.prototype, "open", 2);
-__decorateClass$Y([
+__decorateClass$X([
   n$8({ type: Number })
 ], FlowTooltip.prototype, "skidding", 2);
-__decorateClass$Y([
+__decorateClass$X([
   n$8()
 ], FlowTooltip.prototype, "trigger", 2);
-__decorateClass$Y([
+__decorateClass$X([
   n$8({ type: Boolean })
 ], FlowTooltip.prototype, "hoist", 2);
-__decorateClass$Y([
+__decorateClass$X([
   watch("open", { waitUntilFirstUpdate: true })
 ], FlowTooltip.prototype, "handleOpenChange", 1);
-__decorateClass$Y([
+__decorateClass$X([
   watch(["content", "distance", "hoist", "placement", "skidding"])
 ], FlowTooltip.prototype, "handleOptionsChange", 1);
-__decorateClass$Y([
+__decorateClass$X([
   watch("disabled")
 ], FlowTooltip.prototype, "handleDisabledChange", 1);
-FlowTooltip = __decorateClass$Y([
+FlowTooltip = __decorateClass$X([
   e$8("flow-ui-tooltip")
 ], FlowTooltip);
 setDefaultAnimation("tooltip.show", {
@@ -2999,7 +2999,7 @@ setDefaultAnimation("tooltip.hide", {
   ],
   options: { duration: 150, easing: "ease" }
 });
-const styles$V = i$8`
+const styles$U = i$8`
   ${componentStyles}
 
   :host {
@@ -3074,15 +3074,15 @@ const styles$V = i$8`
   }
 
 `;
-var __defProp$X = Object.defineProperty;
-var __getOwnPropDesc$X = Object.getOwnPropertyDescriptor;
-var __decorateClass$X = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$X(target, key) : target;
+var __defProp$W = Object.defineProperty;
+var __getOwnPropDesc$W = Object.getOwnPropertyDescriptor;
+var __decorateClass$W = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$W(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$X(target, key, result);
+    __defProp$W(target, key, result);
   return result;
 };
 class FlowIconButton extends FlowRdfElement {
@@ -3245,59 +3245,59 @@ class FlowIconButton extends FlowRdfElement {
     }
   }
 }
-FlowIconButton.styles = styles$V;
-__decorateClass$X([
+FlowIconButton.styles = styles$U;
+__decorateClass$W([
   i$5(".icon-button")
 ], FlowIconButton.prototype, "button", 2);
-__decorateClass$X([
+__decorateClass$W([
   i$5(".icon-button__tooltip")
 ], FlowIconButton.prototype, "tooltipElem", 2);
-__decorateClass$X([
+__decorateClass$W([
   i$5(".icon-button__confirm_button")
 ], FlowIconButton.prototype, "confirmButton", 2);
-__decorateClass$X([
+__decorateClass$W([
   t$3()
 ], FlowIconButton.prototype, "hasFocus", 2);
-__decorateClass$X([
+__decorateClass$W([
   n$8()
 ], FlowIconButton.prototype, "name", 2);
-__decorateClass$X([
+__decorateClass$W([
   n$8()
 ], FlowIconButton.prototype, "library", 2);
-__decorateClass$X([
+__decorateClass$W([
   n$8()
 ], FlowIconButton.prototype, "src", 2);
-__decorateClass$X([
+__decorateClass$W([
   n$8()
 ], FlowIconButton.prototype, "href", 2);
-__decorateClass$X([
+__decorateClass$W([
   n$8()
 ], FlowIconButton.prototype, "target", 2);
-__decorateClass$X([
+__decorateClass$W([
   n$8()
 ], FlowIconButton.prototype, "download", 2);
-__decorateClass$X([
+__decorateClass$W([
   n$8()
 ], FlowIconButton.prototype, "label", 2);
-__decorateClass$X([
+__decorateClass$W([
   n$8()
 ], FlowIconButton.prototype, "tooltip", 2);
-__decorateClass$X([
+__decorateClass$W([
   n$8({ attribute: "tooltip-placement" })
 ], FlowIconButton.prototype, "tooltipPlacement", 2);
-__decorateClass$X([
+__decorateClass$W([
   n$8({ attribute: "tooltip-distance", type: Number })
 ], FlowIconButton.prototype, "tooltipDistance", 2);
-__decorateClass$X([
+__decorateClass$W([
   n$8({ attribute: "tooltip-skidding", type: Number })
 ], FlowIconButton.prototype, "tooltipSkidding", 2);
-__decorateClass$X([
+__decorateClass$W([
   n$8({ type: Boolean, reflect: true })
 ], FlowIconButton.prototype, "disabled", 2);
-__decorateClass$X([
+__decorateClass$W([
   n$8()
 ], FlowIconButton.prototype, "confirm", 2);
-const styles$U = i$8`
+const styles$T = i$8`
   ${componentStyles}
 
   :host {
@@ -3391,15 +3391,15 @@ const styles$U = i$8`
     padding-inline-end: var(--flow-ui-spacing-medium);
   }
 `;
-var __defProp$W = Object.defineProperty;
-var __getOwnPropDesc$W = Object.getOwnPropertyDescriptor;
-var __decorateClass$W = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$W(target, key) : target;
+var __defProp$V = Object.defineProperty;
+var __getOwnPropDesc$V = Object.getOwnPropertyDescriptor;
+var __decorateClass$V = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$V(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$W(target, key, result);
+    __defProp$V(target, key, result);
   return result;
 };
 const toastStack = Object.assign(document.createElement("div"), { className: "flow-ui-toast-stack" });
@@ -3534,29 +3534,29 @@ let FlowAlert = class extends FlowRdfElement {
     `;
   }
 };
-FlowAlert.styles = styles$U;
-__decorateClass$W([
+FlowAlert.styles = styles$T;
+__decorateClass$V([
   i$5('[part~="base"]')
 ], FlowAlert.prototype, "base", 2);
-__decorateClass$W([
+__decorateClass$V([
   n$8({ type: Boolean, reflect: true })
 ], FlowAlert.prototype, "open", 2);
-__decorateClass$W([
+__decorateClass$V([
   n$8({ type: Boolean, reflect: true })
 ], FlowAlert.prototype, "closable", 2);
-__decorateClass$W([
+__decorateClass$V([
   n$8({ reflect: true })
 ], FlowAlert.prototype, "variant", 2);
-__decorateClass$W([
+__decorateClass$V([
   n$8({ type: Number })
 ], FlowAlert.prototype, "duration", 2);
-__decorateClass$W([
+__decorateClass$V([
   watch("open", { waitUntilFirstUpdate: true })
 ], FlowAlert.prototype, "handleOpenChange", 1);
-__decorateClass$W([
+__decorateClass$V([
   watch("duration")
 ], FlowAlert.prototype, "handleDurationChange", 1);
-FlowAlert = __decorateClass$W([
+FlowAlert = __decorateClass$V([
   e$8("flow-ui-alert")
 ], FlowAlert);
 setDefaultAnimation("alert.show", {
@@ -3573,7 +3573,7 @@ setDefaultAnimation("alert.hide", {
   ],
   options: { duration: 250, easing: "ease" }
 });
-const styles$T = i$8`
+const styles$S = i$8`
   ${componentStyles}
 
   :host {
@@ -4348,15 +4348,15 @@ function getAnimationNames() {
 function getEasingNames() {
   return Object.entries(easings).map(([name]) => name);
 }
-var __defProp$V = Object.defineProperty;
-var __getOwnPropDesc$V = Object.getOwnPropertyDescriptor;
-var __decorateClass$V = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$V(target, key) : target;
+var __defProp$U = Object.defineProperty;
+var __getOwnPropDesc$U = Object.getOwnPropertyDescriptor;
+var __decorateClass$U = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$U(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$V(target, key, result);
+    __defProp$U(target, key, result);
   return result;
 };
 let FlowAnimation = class extends FlowRdfElement {
@@ -4487,47 +4487,47 @@ let FlowAnimation = class extends FlowRdfElement {
     return x$2` <slot @slotchange=${this.handleSlotChange}></slot> `;
   }
 };
-FlowAnimation.styles = styles$T;
-__decorateClass$V([
+FlowAnimation.styles = styles$S;
+__decorateClass$U([
   e$5("slot")
 ], FlowAnimation.prototype, "defaultSlot", 2);
-__decorateClass$V([
+__decorateClass$U([
   n$8()
 ], FlowAnimation.prototype, "name", 2);
-__decorateClass$V([
+__decorateClass$U([
   n$8({ type: Boolean, reflect: true })
 ], FlowAnimation.prototype, "play", 2);
-__decorateClass$V([
+__decorateClass$U([
   n$8({ type: Number })
 ], FlowAnimation.prototype, "delay", 2);
-__decorateClass$V([
+__decorateClass$U([
   n$8()
 ], FlowAnimation.prototype, "direction", 2);
-__decorateClass$V([
+__decorateClass$U([
   n$8({ type: Number })
 ], FlowAnimation.prototype, "duration", 2);
-__decorateClass$V([
+__decorateClass$U([
   n$8()
 ], FlowAnimation.prototype, "easing", 2);
-__decorateClass$V([
+__decorateClass$U([
   n$8({ attribute: "end-delay", type: Number })
 ], FlowAnimation.prototype, "endDelay", 2);
-__decorateClass$V([
+__decorateClass$U([
   n$8()
 ], FlowAnimation.prototype, "fill", 2);
-__decorateClass$V([
+__decorateClass$U([
   n$8({ type: Number })
 ], FlowAnimation.prototype, "iterations", 2);
-__decorateClass$V([
+__decorateClass$U([
   n$8({ attribute: "iteration-start", type: Number })
 ], FlowAnimation.prototype, "iterationStart", 2);
-__decorateClass$V([
+__decorateClass$U([
   n$8({ attribute: false })
 ], FlowAnimation.prototype, "keyframes", 2);
-__decorateClass$V([
+__decorateClass$U([
   n$8({ attribute: "playback-rate", type: Number })
 ], FlowAnimation.prototype, "playbackRate", 2);
-__decorateClass$V([
+__decorateClass$U([
   watch([
     "name",
     "delay",
@@ -4541,16 +4541,16 @@ __decorateClass$V([
     "keyframes"
   ])
 ], FlowAnimation.prototype, "handleAnimationChange", 1);
-__decorateClass$V([
+__decorateClass$U([
   watch("play")
 ], FlowAnimation.prototype, "handlePlayChange", 1);
-__decorateClass$V([
+__decorateClass$U([
   watch("playbackRate")
 ], FlowAnimation.prototype, "handlePlaybackRateChange", 1);
-FlowAnimation = __decorateClass$V([
+FlowAnimation = __decorateClass$U([
   e$8("flow-ui-animation")
 ], FlowAnimation);
-const styles$S = i$8`
+const styles$R = i$8`
   ${componentStyles}
 
   :host {
@@ -4615,15 +4615,15 @@ const styles$S = i$8`
     overflow: hidden;
   }
 `;
-var __defProp$U = Object.defineProperty;
-var __getOwnPropDesc$U = Object.getOwnPropertyDescriptor;
-var __decorateClass$U = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$U(target, key) : target;
+var __defProp$T = Object.defineProperty;
+var __getOwnPropDesc$T = Object.getOwnPropertyDescriptor;
+var __decorateClass$T = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$T(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$U(target, key, result);
+    __defProp$T(target, key, result);
   return result;
 };
 let FlowAvatar = class extends FlowRdfElement {
@@ -4677,32 +4677,32 @@ let FlowAvatar = class extends FlowRdfElement {
     `;
   }
 };
-FlowAvatar.styles = styles$S;
-__decorateClass$U([
+FlowAvatar.styles = styles$R;
+__decorateClass$T([
   t$3()
 ], FlowAvatar.prototype, "hasError", 2);
-__decorateClass$U([
+__decorateClass$T([
   n$8()
 ], FlowAvatar.prototype, "image", 2);
-__decorateClass$U([
+__decorateClass$T([
   n$8()
 ], FlowAvatar.prototype, "label", 2);
-__decorateClass$U([
+__decorateClass$T([
   n$8()
 ], FlowAvatar.prototype, "initials", 2);
-__decorateClass$U([
+__decorateClass$T([
   n$8()
 ], FlowAvatar.prototype, "loading", 2);
-__decorateClass$U([
+__decorateClass$T([
   n$8({ reflect: true })
 ], FlowAvatar.prototype, "shape", 2);
-__decorateClass$U([
+__decorateClass$T([
   watch("image")
 ], FlowAvatar.prototype, "handleImageChange", 1);
-FlowAvatar = __decorateClass$U([
+FlowAvatar = __decorateClass$T([
   e$8("flow-ui-avatar")
 ], FlowAvatar);
-const styles$R = i$8`
+const styles$Q = i$8`
   ${componentStyles}
 
   :host {
@@ -4793,15 +4793,15 @@ const styles$R = i$8`
     }
   }
 `;
-var __defProp$T = Object.defineProperty;
-var __getOwnPropDesc$T = Object.getOwnPropertyDescriptor;
-var __decorateClass$T = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$T(target, key) : target;
+var __defProp$S = Object.defineProperty;
+var __getOwnPropDesc$S = Object.getOwnPropertyDescriptor;
+var __decorateClass$S = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$S(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$T(target, key, result);
+    __defProp$S(target, key, result);
   return result;
 };
 let FlowBadge = class extends FlowRdfElement {
@@ -4830,20 +4830,20 @@ let FlowBadge = class extends FlowRdfElement {
     `;
   }
 };
-FlowBadge.styles = styles$R;
-__decorateClass$T([
+FlowBadge.styles = styles$Q;
+__decorateClass$S([
   n$8({ reflect: true })
 ], FlowBadge.prototype, "variant", 2);
-__decorateClass$T([
+__decorateClass$S([
   n$8({ type: Boolean, reflect: true })
 ], FlowBadge.prototype, "pill", 2);
-__decorateClass$T([
+__decorateClass$S([
   n$8({ type: Boolean, reflect: true })
 ], FlowBadge.prototype, "pulse", 2);
-FlowBadge = __decorateClass$T([
+FlowBadge = __decorateClass$S([
   e$8("flow-ui-badge")
 ], FlowBadge);
-const styles$Q = i$8`
+const styles$P = i$8`
   ${componentStyles}
 
   :host {
@@ -4928,15 +4928,15 @@ const styles$Q = i$8`
     user-select: none;
   }
 `;
-var __defProp$S = Object.defineProperty;
-var __getOwnPropDesc$S = Object.getOwnPropertyDescriptor;
-var __decorateClass$S = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$S(target, key) : target;
+var __defProp$R = Object.defineProperty;
+var __getOwnPropDesc$R = Object.getOwnPropertyDescriptor;
+var __decorateClass$R = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$R(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$S(target, key, result);
+    __defProp$R(target, key, result);
   return result;
 };
 let FlowBreadcrumbItem = class extends FlowRdfElement {
@@ -4981,20 +4981,20 @@ let FlowBreadcrumbItem = class extends FlowRdfElement {
     `;
   }
 };
-FlowBreadcrumbItem.styles = styles$Q;
-__decorateClass$S([
+FlowBreadcrumbItem.styles = styles$P;
+__decorateClass$R([
   n$8()
 ], FlowBreadcrumbItem.prototype, "href", 2);
-__decorateClass$S([
+__decorateClass$R([
   n$8()
 ], FlowBreadcrumbItem.prototype, "target", 2);
-__decorateClass$S([
+__decorateClass$R([
   n$8()
 ], FlowBreadcrumbItem.prototype, "rel", 2);
-FlowBreadcrumbItem = __decorateClass$S([
+FlowBreadcrumbItem = __decorateClass$R([
   e$8("flow-ui-breadcrumb-item")
 ], FlowBreadcrumbItem);
-const styles$P = i$8`
+const styles$O = i$8`
   ${componentStyles}
 
   .breadcrumb {
@@ -5003,15 +5003,15 @@ const styles$P = i$8`
     flex-wrap: wrap;
   }
 `;
-var __defProp$R = Object.defineProperty;
-var __getOwnPropDesc$R = Object.getOwnPropertyDescriptor;
-var __decorateClass$R = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$R(target, key) : target;
+var __defProp$Q = Object.defineProperty;
+var __getOwnPropDesc$Q = Object.getOwnPropertyDescriptor;
+var __decorateClass$Q = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Q(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$R(target, key, result);
+    __defProp$Q(target, key, result);
   return result;
 };
 let FlowBreadcrumb = class extends FlowRdfElement {
@@ -5065,20 +5065,20 @@ let FlowBreadcrumb = class extends FlowRdfElement {
     `;
   }
 };
-FlowBreadcrumb.styles = styles$P;
-__decorateClass$R([
+FlowBreadcrumb.styles = styles$O;
+__decorateClass$Q([
   i$5("slot")
 ], FlowBreadcrumb.prototype, "defaultSlot", 2);
-__decorateClass$R([
+__decorateClass$Q([
   i$5('slot[name="separator"]')
 ], FlowBreadcrumb.prototype, "separatorSlot", 2);
-__decorateClass$R([
+__decorateClass$Q([
   n$8()
 ], FlowBreadcrumb.prototype, "label", 2);
-FlowBreadcrumb = __decorateClass$R([
+FlowBreadcrumb = __decorateClass$Q([
   e$8("flow-ui-breadcrumb")
 ], FlowBreadcrumb);
-const styles$O = i$8`
+const styles$N = i$8`
   ${componentStyles}
 
   :host {
@@ -5094,15 +5094,15 @@ const styles$O = i$8`
     flex-direction: column;
   }
 `;
-var __defProp$Q = Object.defineProperty;
-var __getOwnPropDesc$Q = Object.getOwnPropertyDescriptor;
-var __decorateClass$Q = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Q(target, key) : target;
+var __defProp$P = Object.defineProperty;
+var __getOwnPropDesc$P = Object.getOwnPropertyDescriptor;
+var __decorateClass$P = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$P(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$Q(target, key, result);
+    __defProp$P(target, key, result);
   return result;
 };
 let FlowButtonGroup = class extends FlowRdfElement {
@@ -5165,23 +5165,23 @@ let FlowButtonGroup = class extends FlowRdfElement {
     `;
   }
 };
-FlowButtonGroup.styles = styles$O;
-__decorateClass$Q([
+FlowButtonGroup.styles = styles$N;
+__decorateClass$P([
   i$5("slot")
 ], FlowButtonGroup.prototype, "defaultSlot", 2);
-__decorateClass$Q([
+__decorateClass$P([
   t$3()
 ], FlowButtonGroup.prototype, "disableRole", 2);
-__decorateClass$Q([
+__decorateClass$P([
   n$8()
 ], FlowButtonGroup.prototype, "label", 2);
-__decorateClass$Q([
+__decorateClass$P([
   n$8({ type: Boolean, reflect: true })
 ], FlowButtonGroup.prototype, "vertical", 2);
-__decorateClass$Q([
+__decorateClass$P([
   watch("vertical", { waitUntilFirstUpdate: true })
 ], FlowButtonGroup.prototype, "handleVerticalChange", 1);
-FlowButtonGroup = __decorateClass$Q([
+FlowButtonGroup = __decorateClass$P([
   e$8("flow-ui-button-group")
 ], FlowButtonGroup);
 function findButton(el) {
@@ -5452,7 +5452,7 @@ const customErrorValidityState = Object.freeze({
   valid: false,
   customError: true
 });
-const styles$N = i$8`
+const styles$M = i$8`
   ${componentStyles}
 
   :host {
@@ -5511,15 +5511,15 @@ const styles$N = i$8`
     }
   }
 `;
-var __defProp$P = Object.defineProperty;
-var __getOwnPropDesc$P = Object.getOwnPropertyDescriptor;
-var __decorateClass$P = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$P(target, key) : target;
+var __defProp$O = Object.defineProperty;
+var __getOwnPropDesc$O = Object.getOwnPropertyDescriptor;
+var __decorateClass$O = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$O(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$P(target, key, result);
+    __defProp$O(target, key, result);
   return result;
 };
 let FlowSpinner = class extends FlowRdfElement {
@@ -5536,8 +5536,8 @@ let FlowSpinner = class extends FlowRdfElement {
     `;
   }
 };
-FlowSpinner.styles = styles$N;
-FlowSpinner = __decorateClass$P([
+FlowSpinner.styles = styles$M;
+FlowSpinner = __decorateClass$O([
   e$8("flow-ui-spinner")
 ], FlowSpinner);
 const buttonStyles = i$8`
@@ -6180,15 +6180,15 @@ const buttonStyles = i$8`
     z-index: 3;
   }
 `;
-var __defProp$O = Object.defineProperty;
-var __getOwnPropDesc$O = Object.getOwnPropertyDescriptor;
-var __decorateClass$O = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$O(target, key) : target;
+var __defProp$N = Object.defineProperty;
+var __getOwnPropDesc$N = Object.getOwnPropertyDescriptor;
+var __decorateClass$N = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$N(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$O(target, key, result);
+    __defProp$N(target, key, result);
   return result;
 };
 let FlowButton = class extends FlowRdfElement {
@@ -6385,88 +6385,88 @@ let FlowButton = class extends FlowRdfElement {
   }
 };
 FlowButton.styles = buttonStyles;
-__decorateClass$O([
+__decorateClass$N([
   i$5(".button")
 ], FlowButton.prototype, "button", 2);
-__decorateClass$O([
+__decorateClass$N([
   t$3()
 ], FlowButton.prototype, "hasFocus", 2);
-__decorateClass$O([
+__decorateClass$N([
   t$3()
 ], FlowButton.prototype, "invalid", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8()
 ], FlowButton.prototype, "title", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8({ reflect: true })
 ], FlowButton.prototype, "variant", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8({ reflect: true })
 ], FlowButton.prototype, "size", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8({ type: Boolean, reflect: true })
 ], FlowButton.prototype, "caret", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8({ type: Boolean, reflect: true })
 ], FlowButton.prototype, "disabled", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8({ type: Boolean, reflect: true })
 ], FlowButton.prototype, "loading", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8({ type: Boolean, reflect: true })
 ], FlowButton.prototype, "outline", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8({ type: Boolean, reflect: true })
 ], FlowButton.prototype, "pill", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8({ type: Boolean, reflect: true })
 ], FlowButton.prototype, "circle", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8()
 ], FlowButton.prototype, "type", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8()
 ], FlowButton.prototype, "name", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8()
 ], FlowButton.prototype, "value", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8()
 ], FlowButton.prototype, "href", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8()
 ], FlowButton.prototype, "target", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8()
 ], FlowButton.prototype, "rel", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8()
 ], FlowButton.prototype, "download", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8()
 ], FlowButton.prototype, "form", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8({ attribute: "formaction" })
 ], FlowButton.prototype, "formAction", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8({ attribute: "formenctype" })
 ], FlowButton.prototype, "formEnctype", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8({ attribute: "formmethod" })
 ], FlowButton.prototype, "formMethod", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8({ attribute: "formnovalidate", type: Boolean })
 ], FlowButton.prototype, "formNoValidate", 2);
-__decorateClass$O([
+__decorateClass$N([
   n$8({ attribute: "formtarget" })
 ], FlowButton.prototype, "formTarget", 2);
-__decorateClass$O([
+__decorateClass$N([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], FlowButton.prototype, "handleDisabledChange", 1);
-FlowButton = __decorateClass$O([
+FlowButton = __decorateClass$N([
   e$8("flow-ui-button")
 ], FlowButton);
-const styles$M = i$8`
+const styles$L = i$8`
   ${componentStyles}
 
   :host {
@@ -6819,15 +6819,15 @@ var localeData$1 = { exports: {} };
 })(localeData$1);
 var localeDataExports = localeData$1.exports;
 const localeData = /* @__PURE__ */ getDefaultExportFromCjs(localeDataExports);
-var __defProp$N = Object.defineProperty;
-var __getOwnPropDesc$N = Object.getOwnPropertyDescriptor;
-var __decorateClass$N = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$N(target, key) : target;
+var __defProp$M = Object.defineProperty;
+var __getOwnPropDesc$M = Object.getOwnPropertyDescriptor;
+var __decorateClass$M = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$M(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$N(target, key, result);
+    __defProp$M(target, key, result);
   return result;
 };
 dayjs.extend(localeData);
@@ -6945,21 +6945,21 @@ class FlowCalendar extends FlowRdfElement {
     `;
   }
 }
-FlowCalendar.styles = styles$M;
-__decorateClass$N([
+FlowCalendar.styles = styles$L;
+__decorateClass$M([
   t$3()
 ], FlowCalendar.prototype, "_displayDate", 2);
-__decorateClass$N([
+__decorateClass$M([
   t$3()
 ], FlowCalendar.prototype, "_selectedDate", 2);
-__decorateClass$N([
+__decorateClass$M([
   n$8({ reflect: true })
 ], FlowCalendar.prototype, "value", 2);
-__decorateClass$N([
+__decorateClass$M([
   watch("value")
 ], FlowCalendar.prototype, "handleValueChange", 1);
 FlowCalendar.define("flow-ui-calendar");
-const styles$L = i$8`
+const styles$K = i$8`
   ${componentStyles}
 
   :host {
@@ -7027,15 +7027,15 @@ const styles$L = i$8`
     display: none;
   }
 `;
-var __defProp$M = Object.defineProperty;
-var __getOwnPropDesc$M = Object.getOwnPropertyDescriptor;
-var __decorateClass$M = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$M(target, key) : target;
+var __defProp$L = Object.defineProperty;
+var __getOwnPropDesc$L = Object.getOwnPropertyDescriptor;
+var __decorateClass$L = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$L(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$M(target, key, result);
+    __defProp$L(target, key, result);
   return result;
 };
 let FlowCard = class extends FlowRdfElement {
@@ -7062,11 +7062,11 @@ let FlowCard = class extends FlowRdfElement {
     `;
   }
 };
-FlowCard.styles = styles$L;
-FlowCard = __decorateClass$M([
+FlowCard.styles = styles$K;
+FlowCard = __decorateClass$L([
   e$8("flow-ui-card")
 ], FlowCard);
-const styles$K = i$8`
+const styles$J = i$8`
   ${componentStyles}
 
   :host {
@@ -7089,15 +7089,15 @@ const styles$K = i$8`
     object-fit: cover;
   }
 `;
-var __defProp$L = Object.defineProperty;
-var __getOwnPropDesc$L = Object.getOwnPropertyDescriptor;
-var __decorateClass$L = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$L(target, key) : target;
+var __defProp$K = Object.defineProperty;
+var __getOwnPropDesc$K = Object.getOwnPropertyDescriptor;
+var __decorateClass$K = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$K(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$L(target, key, result);
+    __defProp$K(target, key, result);
   return result;
 };
 let FlowCarouselItem = class extends FlowRdfElement {
@@ -7112,8 +7112,8 @@ let FlowCarouselItem = class extends FlowRdfElement {
     return x$2` <slot></slot> `;
   }
 };
-FlowCarouselItem.styles = styles$K;
-FlowCarouselItem = __decorateClass$L([
+FlowCarouselItem.styles = styles$J;
+FlowCarouselItem = __decorateClass$K([
   e$8("flow-ui-carousel-item")
 ], FlowCarouselItem);
 /**
@@ -7203,7 +7203,7 @@ class AutoplayController {
     this.host.requestUpdate();
   }
 }
-const styles$J = i$8`
+const styles$I = i$8`
   ${componentStyles}
 
   :host {
@@ -7372,15 +7372,15 @@ const debounce$1 = (delay) => {
     };
   };
 };
-var __defProp$K = Object.defineProperty;
-var __getOwnPropDesc$K = Object.getOwnPropertyDescriptor;
-var __decorateClass$K = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$K(target, key) : target;
+var __defProp$J = Object.defineProperty;
+var __getOwnPropDesc$J = Object.getOwnPropertyDescriptor;
+var __decorateClass$J = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$J(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$K(target, key, result);
+    __defProp$J(target, key, result);
   return result;
 };
 class ScrollController {
@@ -7511,18 +7511,18 @@ class ScrollController {
     host.requestUpdate();
   }
 }
-__decorateClass$K([
+__decorateClass$J([
   debounce$1(100)
 ], ScrollController.prototype, "handleScrollEnd", 1);
-var __defProp$J = Object.defineProperty;
-var __getOwnPropDesc$J = Object.getOwnPropertyDescriptor;
-var __decorateClass$J = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$J(target, key) : target;
+var __defProp$I = Object.defineProperty;
+var __getOwnPropDesc$I = Object.getOwnPropertyDescriptor;
+var __decorateClass$I = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$I(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$J(target, key, result);
+    __defProp$I(target, key, result);
   return result;
 };
 let FlowCarousel = class extends FlowRdfElement {
@@ -7840,63 +7840,63 @@ let FlowCarousel = class extends FlowRdfElement {
     `;
   }
 };
-FlowCarousel.styles = styles$J;
-__decorateClass$J([
+FlowCarousel.styles = styles$I;
+__decorateClass$I([
   n$8({ type: Boolean, reflect: true })
 ], FlowCarousel.prototype, "loop", 2);
-__decorateClass$J([
+__decorateClass$I([
   n$8({ type: Boolean, reflect: true })
 ], FlowCarousel.prototype, "navigation", 2);
-__decorateClass$J([
+__decorateClass$I([
   n$8({ type: Boolean, reflect: true })
 ], FlowCarousel.prototype, "pagination", 2);
-__decorateClass$J([
+__decorateClass$I([
   n$8({ type: Boolean, reflect: true })
 ], FlowCarousel.prototype, "autoplay", 2);
-__decorateClass$J([
+__decorateClass$I([
   n$8({ type: Number, attribute: "autoplay-interval" })
 ], FlowCarousel.prototype, "autoplayInterval", 2);
-__decorateClass$J([
+__decorateClass$I([
   n$8({ type: Number, attribute: "slides-per-page" })
 ], FlowCarousel.prototype, "slidesPerPage", 2);
-__decorateClass$J([
+__decorateClass$I([
   n$8({ type: Number, attribute: "slides-per-move" })
 ], FlowCarousel.prototype, "slidesPerMove", 2);
-__decorateClass$J([
+__decorateClass$I([
   n$8()
 ], FlowCarousel.prototype, "orientation", 2);
-__decorateClass$J([
+__decorateClass$I([
   n$8({ type: Boolean, reflect: true, attribute: "mouse-dragging" })
 ], FlowCarousel.prototype, "mouseDragging", 2);
-__decorateClass$J([
+__decorateClass$I([
   i$5("slot:not([name])")
 ], FlowCarousel.prototype, "defaultSlot", 2);
-__decorateClass$J([
+__decorateClass$I([
   i$5(".carousel__slides")
 ], FlowCarousel.prototype, "scrollContainer", 2);
-__decorateClass$J([
+__decorateClass$I([
   i$5(".carousel__pagination")
 ], FlowCarousel.prototype, "paginationContainer", 2);
-__decorateClass$J([
+__decorateClass$I([
   t$3()
 ], FlowCarousel.prototype, "activeSlide", 2);
-__decorateClass$J([
+__decorateClass$I([
   watch("loop", { waitUntilFirstUpdate: true }),
   watch("slidesPerPage", { waitUntilFirstUpdate: true })
 ], FlowCarousel.prototype, "initializeSlides", 1);
-__decorateClass$J([
+__decorateClass$I([
   watch("activeSlide")
 ], FlowCarousel.prototype, "handelSlideChange", 1);
-__decorateClass$J([
+__decorateClass$I([
   watch("slidesPerMove")
 ], FlowCarousel.prototype, "handleSlidesPerMoveChange", 1);
-__decorateClass$J([
+__decorateClass$I([
   watch("autoplay")
 ], FlowCarousel.prototype, "handleAutoplayChange", 1);
-__decorateClass$J([
+__decorateClass$I([
   watch("mouseDragging")
 ], FlowCarousel.prototype, "handleMouseDraggingChange", 1);
-FlowCarousel = __decorateClass$J([
+FlowCarousel = __decorateClass$I([
   e$8("flow-ui-carousel")
 ], FlowCarousel);
 /**
@@ -8015,7 +8015,7 @@ const h$1 = /* @__PURE__ */ new WeakMap(), n$3 = e$4(class extends c$1 {
     this.ot(this.lt);
   }
 });
-const styles$I = i$8`
+const styles$H = i$8`
   ${componentStyles}
 
   :host {
@@ -13407,15 +13407,15 @@ function initializeChartJs() {
 function registerChartComponent(...components) {
   Chart.register(...components);
 }
-var __defProp$I = Object.defineProperty;
-var __getOwnPropDesc$I = Object.getOwnPropertyDescriptor;
-var __decorateClass$I = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$I(target, key) : target;
+var __defProp$H = Object.defineProperty;
+var __getOwnPropDesc$H = Object.getOwnPropertyDescriptor;
+var __decorateClass$H = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$H(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$I(target, key, result);
+    __defProp$H(target, key, result);
   return result;
 };
 class FlowChart extends FlowRdfElement {
@@ -13462,20 +13462,20 @@ class FlowChart extends FlowRdfElement {
     `;
   }
 }
-FlowChart.styles = styles$I;
-__decorateClass$I([
+FlowChart.styles = styles$H;
+__decorateClass$H([
   n$8()
 ], FlowChart.prototype, "type", 2);
-__decorateClass$I([
+__decorateClass$H([
   n$8({ type: Object })
 ], FlowChart.prototype, "options", 2);
-__decorateClass$I([
+__decorateClass$H([
   n$8({ type: Object })
 ], FlowChart.prototype, "data", 2);
-__decorateClass$I([
+__decorateClass$H([
   n$8({ type: Array })
 ], FlowChart.prototype, "plugins", 2);
-__decorateClass$I([
+__decorateClass$H([
   watch(["options", "data"], { waitUntilFirstUpdate: true })
 ], FlowChart.prototype, "repaint", 1);
 FlowChart.define("flow-ui-chart");
@@ -13526,7 +13526,7 @@ const defaultValue = (propertyName = "value") => (proto, key) => {
     attributeChangedCallback.call(this, name, old, value);
   };
 };
-const styles$H = i$8`
+const styles$G = i$8`
   ${componentStyles}
 
   :host {
@@ -13642,15 +13642,15 @@ const styles$H = i$8`
     margin-inline-start: var(--flow-ui-input-required-content-offset);
   }
 `;
-var __defProp$H = Object.defineProperty;
-var __getOwnPropDesc$H = Object.getOwnPropertyDescriptor;
-var __decorateClass$H = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$H(target, key) : target;
+var __defProp$G = Object.defineProperty;
+var __getOwnPropDesc$G = Object.getOwnPropertyDescriptor;
+var __decorateClass$G = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$G(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$H(target, key, result);
+    __defProp$G(target, key, result);
   return result;
 };
 let FlowCheckbox = class extends FlowRdfElement {
@@ -13800,50 +13800,50 @@ let FlowCheckbox = class extends FlowRdfElement {
     `;
   }
 };
-FlowCheckbox.styles = styles$H;
-__decorateClass$H([
+FlowCheckbox.styles = styles$G;
+__decorateClass$G([
   i$5('input[type="checkbox"]')
 ], FlowCheckbox.prototype, "input", 2);
-__decorateClass$H([
+__decorateClass$G([
   t$3()
 ], FlowCheckbox.prototype, "hasFocus", 2);
-__decorateClass$H([
+__decorateClass$G([
   n$8()
 ], FlowCheckbox.prototype, "title", 2);
-__decorateClass$H([
+__decorateClass$G([
   n$8()
 ], FlowCheckbox.prototype, "name", 2);
-__decorateClass$H([
+__decorateClass$G([
   n$8()
 ], FlowCheckbox.prototype, "value", 2);
-__decorateClass$H([
+__decorateClass$G([
   n$8({ reflect: true })
 ], FlowCheckbox.prototype, "size", 2);
-__decorateClass$H([
+__decorateClass$G([
   n$8({ type: Boolean, reflect: true })
 ], FlowCheckbox.prototype, "disabled", 2);
-__decorateClass$H([
+__decorateClass$G([
   n$8({ type: Boolean, reflect: true })
 ], FlowCheckbox.prototype, "checked", 2);
-__decorateClass$H([
+__decorateClass$G([
   n$8({ type: Boolean, reflect: true })
 ], FlowCheckbox.prototype, "indeterminate", 2);
-__decorateClass$H([
+__decorateClass$G([
   defaultValue("checked")
 ], FlowCheckbox.prototype, "defaultChecked", 2);
-__decorateClass$H([
+__decorateClass$G([
   n$8({ reflect: true })
 ], FlowCheckbox.prototype, "form", 2);
-__decorateClass$H([
+__decorateClass$G([
   n$8({ type: Boolean, reflect: true })
 ], FlowCheckbox.prototype, "required", 2);
-__decorateClass$H([
+__decorateClass$G([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], FlowCheckbox.prototype, "handleDisabledChange", 1);
-__decorateClass$H([
+__decorateClass$G([
   watch(["checked", "indeterminate"], { waitUntilFirstUpdate: true })
 ], FlowCheckbox.prototype, "handleStateChange", 1);
-FlowCheckbox = __decorateClass$H([
+FlowCheckbox = __decorateClass$G([
   e$8("flow-ui-checkbox")
 ], FlowCheckbox);
 function bound01(n2, max2) {
@@ -14843,7 +14843,7 @@ function getTabbableBoundary(root) {
   const end = allElements.reverse().find((el) => isTabbable(el)) ?? null;
   return { start, end };
 }
-const styles$G = i$8`
+const styles$F = i$8`
   ${componentStyles}
 
   :host {
@@ -14901,15 +14901,15 @@ const styles$G = i$8`
     max-height: var(--auto-size-available-height) !important;
   }
 `;
-var __defProp$G = Object.defineProperty;
-var __getOwnPropDesc$G = Object.getOwnPropertyDescriptor;
-var __decorateClass$G = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$G(target, key) : target;
+var __defProp$F = Object.defineProperty;
+var __getOwnPropDesc$F = Object.getOwnPropertyDescriptor;
+var __decorateClass$F = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$F(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$G(target, key, result);
+    __defProp$F(target, key, result);
   return result;
 };
 class FlowDropdown extends FlowRdfElement {
@@ -15178,44 +15178,44 @@ class FlowDropdown extends FlowRdfElement {
     `;
   }
 }
-FlowDropdown.styles = styles$G;
-__decorateClass$G([
+FlowDropdown.styles = styles$F;
+__decorateClass$F([
   i$5(".dropdown")
 ], FlowDropdown.prototype, "popup", 2);
-__decorateClass$G([
+__decorateClass$F([
   i$5(".dropdown__trigger")
 ], FlowDropdown.prototype, "trigger", 2);
-__decorateClass$G([
+__decorateClass$F([
   i$5(".dropdown__panel")
 ], FlowDropdown.prototype, "panel", 2);
-__decorateClass$G([
+__decorateClass$F([
   n$8({ type: Boolean, reflect: true })
 ], FlowDropdown.prototype, "open", 2);
-__decorateClass$G([
+__decorateClass$F([
   n$8({ reflect: true })
 ], FlowDropdown.prototype, "placement", 2);
-__decorateClass$G([
+__decorateClass$F([
   n$8({ type: Boolean, reflect: true })
 ], FlowDropdown.prototype, "disabled", 2);
-__decorateClass$G([
+__decorateClass$F([
   n$8({ attribute: "stay-open-on-select", type: Boolean, reflect: true })
 ], FlowDropdown.prototype, "stayOpenOnSelect", 2);
-__decorateClass$G([
+__decorateClass$F([
   n$8({ attribute: false })
 ], FlowDropdown.prototype, "containingElement", 2);
-__decorateClass$G([
+__decorateClass$F([
   n$8({ type: Number })
 ], FlowDropdown.prototype, "distance", 2);
-__decorateClass$G([
+__decorateClass$F([
   n$8({ type: Number })
 ], FlowDropdown.prototype, "skidding", 2);
-__decorateClass$G([
+__decorateClass$F([
   n$8({ type: Boolean })
 ], FlowDropdown.prototype, "arrow", 2);
-__decorateClass$G([
+__decorateClass$F([
   n$8({ type: Boolean })
 ], FlowDropdown.prototype, "hoist", 2);
-__decorateClass$G([
+__decorateClass$F([
   watch("open", { waitUntilFirstUpdate: true })
 ], FlowDropdown.prototype, "handleOpenChange", 1);
 setDefaultAnimation("dropdown.show", {
@@ -15292,7 +15292,7 @@ const formControlStyles = i$8`
     margin-top: var(--flow-ui-spacing-2x-small);
   }
 `;
-const styles$F = i$8`
+const styles$E = i$8`
   ${componentStyles}
   ${formControlStyles}
 
@@ -15582,15 +15582,15 @@ const styles$F = i$8`
     -moz-appearance: textfield;
   }
 `;
-var __defProp$F = Object.defineProperty;
-var __getOwnPropDesc$F = Object.getOwnPropertyDescriptor;
-var __decorateClass$F = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$F(target, key) : target;
+var __defProp$E = Object.defineProperty;
+var __getOwnPropDesc$E = Object.getOwnPropertyDescriptor;
+var __decorateClass$E = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$E(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$F(target, key, result);
+    __defProp$E(target, key, result);
   return result;
 };
 let FlowInput = class extends FlowRdfElement {
@@ -15912,104 +15912,104 @@ let FlowInput = class extends FlowRdfElement {
     `;
   }
 };
-FlowInput.styles = styles$F;
-__decorateClass$F([
+FlowInput.styles = styles$E;
+__decorateClass$E([
   i$5(".input__control")
 ], FlowInput.prototype, "input", 2);
-__decorateClass$F([
+__decorateClass$E([
   t$3()
 ], FlowInput.prototype, "hasFocus", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8()
 ], FlowInput.prototype, "title", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8({ reflect: true })
 ], FlowInput.prototype, "type", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8()
 ], FlowInput.prototype, "name", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8()
 ], FlowInput.prototype, "value", 2);
-__decorateClass$F([
+__decorateClass$E([
   defaultValue()
 ], FlowInput.prototype, "defaultValue", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8({ reflect: true })
 ], FlowInput.prototype, "size", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8({ type: Boolean, reflect: true })
 ], FlowInput.prototype, "filled", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8({ type: Boolean, reflect: true })
 ], FlowInput.prototype, "pill", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8()
 ], FlowInput.prototype, "label", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8({ attribute: "help-text" })
 ], FlowInput.prototype, "helpText", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8({ type: Boolean })
 ], FlowInput.prototype, "clearable", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8({ type: Boolean, reflect: true })
 ], FlowInput.prototype, "disabled", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8()
 ], FlowInput.prototype, "placeholder", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8({ type: Boolean, reflect: true })
 ], FlowInput.prototype, "readonly", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8({ attribute: "password-toggle", type: Boolean })
 ], FlowInput.prototype, "passwordToggle", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8({ attribute: "password-visible", type: Boolean })
 ], FlowInput.prototype, "passwordVisible", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8({ attribute: "no-spin-buttons", type: Boolean })
 ], FlowInput.prototype, "noSpinButtons", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8({ reflect: true })
 ], FlowInput.prototype, "form", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8({ type: Boolean, reflect: true })
 ], FlowInput.prototype, "required", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8()
 ], FlowInput.prototype, "pattern", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8({ type: Number })
 ], FlowInput.prototype, "minlength", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8({ type: Number })
 ], FlowInput.prototype, "maxlength", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8()
 ], FlowInput.prototype, "min", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8()
 ], FlowInput.prototype, "max", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8()
 ], FlowInput.prototype, "step", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8()
 ], FlowInput.prototype, "autocapitalize", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8()
 ], FlowInput.prototype, "autocorrect", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8()
 ], FlowInput.prototype, "autocomplete", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8({ type: Boolean })
 ], FlowInput.prototype, "autofocus", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8()
 ], FlowInput.prototype, "enterkeyhint", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8({
     type: Boolean,
     converter: {
@@ -16019,22 +16019,22 @@ __decorateClass$F([
     }
   })
 ], FlowInput.prototype, "spellcheck", 2);
-__decorateClass$F([
+__decorateClass$E([
   n$8()
 ], FlowInput.prototype, "inputmode", 2);
-__decorateClass$F([
+__decorateClass$E([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], FlowInput.prototype, "handleDisabledChange", 1);
-__decorateClass$F([
+__decorateClass$E([
   watch("step", { waitUntilFirstUpdate: true })
 ], FlowInput.prototype, "handleStepChange", 1);
-__decorateClass$F([
+__decorateClass$E([
   watch("value", { waitUntilFirstUpdate: true })
 ], FlowInput.prototype, "handleValueChange", 1);
-FlowInput = __decorateClass$F([
+FlowInput = __decorateClass$E([
   e$8("flow-ui-input")
 ], FlowInput);
-const styles$E = i$8`
+const styles$D = i$8`
   ${componentStyles}
 
   :host(:not(:focus-within)) {
@@ -16049,15 +16049,15 @@ const styles$E = i$8`
     padding: 0 !important;
   }
 `;
-var __defProp$E = Object.defineProperty;
-var __getOwnPropDesc$E = Object.getOwnPropertyDescriptor;
-var __decorateClass$E = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$E(target, key) : target;
+var __defProp$D = Object.defineProperty;
+var __getOwnPropDesc$D = Object.getOwnPropertyDescriptor;
+var __decorateClass$D = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$D(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$E(target, key, result);
+    __defProp$D(target, key, result);
   return result;
 };
 let FlowVisuallyHidden = class extends FlowRdfElement {
@@ -16065,11 +16065,11 @@ let FlowVisuallyHidden = class extends FlowRdfElement {
     return x$2` <slot></slot> `;
   }
 };
-FlowVisuallyHidden.styles = styles$E;
-FlowVisuallyHidden = __decorateClass$E([
+FlowVisuallyHidden.styles = styles$D;
+FlowVisuallyHidden = __decorateClass$D([
   e$8("flow-ui-visually-hidden")
 ], FlowVisuallyHidden);
-const styles$D = i$8`
+const styles$C = i$8`
   ${componentStyles}
 
   :host {
@@ -16401,15 +16401,15 @@ const styles$D = i$8`
     cursor: not-allowed;
   }
 `;
-var __defProp$D = Object.defineProperty;
-var __getOwnPropDesc$D = Object.getOwnPropertyDescriptor;
-var __decorateClass$D = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$D(target, key) : target;
+var __defProp$C = Object.defineProperty;
+var __getOwnPropDesc$C = Object.getOwnPropertyDescriptor;
+var __decorateClass$C = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$C(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$D(target, key, result);
+    __defProp$C(target, key, result);
   return result;
 };
 const hasEyeDropper = "EyeDropper" in window;
@@ -17194,113 +17194,113 @@ let FlowColorPicker = class extends FlowRdfElement {
     `;
   }
 };
-FlowColorPicker.styles = styles$D;
-__decorateClass$D([
+FlowColorPicker.styles = styles$C;
+__decorateClass$C([
   i$5('[part~="base"]')
 ], FlowColorPicker.prototype, "base", 2);
-__decorateClass$D([
+__decorateClass$C([
   i$5('[part~="input"]')
 ], FlowColorPicker.prototype, "input", 2);
-__decorateClass$D([
+__decorateClass$C([
   i$5(".color-dropdown")
 ], FlowColorPicker.prototype, "dropdown", 2);
-__decorateClass$D([
+__decorateClass$C([
   i$5('[part~="preview"]')
 ], FlowColorPicker.prototype, "previewButton", 2);
-__decorateClass$D([
+__decorateClass$C([
   i$5('[part~="trigger"]')
 ], FlowColorPicker.prototype, "trigger", 2);
-__decorateClass$D([
+__decorateClass$C([
   t$3()
 ], FlowColorPicker.prototype, "hasFocus", 2);
-__decorateClass$D([
+__decorateClass$C([
   t$3()
 ], FlowColorPicker.prototype, "isDraggingGridHandle", 2);
-__decorateClass$D([
+__decorateClass$C([
   t$3()
 ], FlowColorPicker.prototype, "isEmpty", 2);
-__decorateClass$D([
+__decorateClass$C([
   t$3()
 ], FlowColorPicker.prototype, "inputValue", 2);
-__decorateClass$D([
+__decorateClass$C([
   t$3()
 ], FlowColorPicker.prototype, "hue", 2);
-__decorateClass$D([
+__decorateClass$C([
   t$3()
 ], FlowColorPicker.prototype, "saturation", 2);
-__decorateClass$D([
+__decorateClass$C([
   t$3()
 ], FlowColorPicker.prototype, "brightness", 2);
-__decorateClass$D([
+__decorateClass$C([
   t$3()
 ], FlowColorPicker.prototype, "alpha", 2);
-__decorateClass$D([
+__decorateClass$C([
   n$8()
 ], FlowColorPicker.prototype, "value", 2);
-__decorateClass$D([
+__decorateClass$C([
   defaultValue()
 ], FlowColorPicker.prototype, "defaultValue", 2);
-__decorateClass$D([
+__decorateClass$C([
   n$8()
 ], FlowColorPicker.prototype, "label", 2);
-__decorateClass$D([
+__decorateClass$C([
   n$8()
 ], FlowColorPicker.prototype, "format", 2);
-__decorateClass$D([
+__decorateClass$C([
   n$8({ type: Boolean, reflect: true })
 ], FlowColorPicker.prototype, "inline", 2);
-__decorateClass$D([
+__decorateClass$C([
   n$8({ reflect: true })
 ], FlowColorPicker.prototype, "size", 2);
-__decorateClass$D([
+__decorateClass$C([
   n$8({ attribute: "no-format-toggle", type: Boolean })
 ], FlowColorPicker.prototype, "noFormatToggle", 2);
-__decorateClass$D([
+__decorateClass$C([
   n$8()
 ], FlowColorPicker.prototype, "name", 2);
-__decorateClass$D([
+__decorateClass$C([
   n$8({ type: Boolean, reflect: true })
 ], FlowColorPicker.prototype, "disabled", 2);
-__decorateClass$D([
+__decorateClass$C([
   n$8({ reflect: true })
 ], FlowColorPicker.prototype, "placement", 2);
-__decorateClass$D([
+__decorateClass$C([
   n$8({ type: Number })
 ], FlowColorPicker.prototype, "distance", 2);
-__decorateClass$D([
+__decorateClass$C([
   n$8({ type: Number })
 ], FlowColorPicker.prototype, "skidding", 2);
-__decorateClass$D([
+__decorateClass$C([
   n$8({ type: Boolean })
 ], FlowColorPicker.prototype, "hoist", 2);
-__decorateClass$D([
+__decorateClass$C([
   n$8({ type: Boolean })
 ], FlowColorPicker.prototype, "opacity", 2);
-__decorateClass$D([
+__decorateClass$C([
   n$8({ type: Boolean })
 ], FlowColorPicker.prototype, "uppercase", 2);
-__decorateClass$D([
+__decorateClass$C([
   n$8()
 ], FlowColorPicker.prototype, "swatches", 2);
-__decorateClass$D([
+__decorateClass$C([
   n$8({ reflect: true })
 ], FlowColorPicker.prototype, "form", 2);
-__decorateClass$D([
+__decorateClass$C([
   n$8({ type: Boolean, reflect: true })
 ], FlowColorPicker.prototype, "required", 2);
-__decorateClass$D([
+__decorateClass$C([
   watch("format", { waitUntilFirstUpdate: true })
 ], FlowColorPicker.prototype, "handleFormatChange", 1);
-__decorateClass$D([
+__decorateClass$C([
   watch("opacity", { waitUntilFirstUpdate: true })
 ], FlowColorPicker.prototype, "handleOpacityChange", 1);
-__decorateClass$D([
+__decorateClass$C([
   watch("value")
 ], FlowColorPicker.prototype, "handleValueChange", 1);
-FlowColorPicker = __decorateClass$D([
+FlowColorPicker = __decorateClass$C([
   e$8("flow-ui-color-picker")
 ], FlowColorPicker);
-const styles$C = i$8`
+const styles$B = i$8`
   ${componentStyles}
 
   :host {
@@ -17380,15 +17380,15 @@ const styles$C = i$8`
     padding: var(--flow-ui-spacing-medium);
   }
 `;
-var __defProp$C = Object.defineProperty;
-var __getOwnPropDesc$C = Object.getOwnPropertyDescriptor;
-var __decorateClass$C = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$C(target, key) : target;
+var __defProp$B = Object.defineProperty;
+var __getOwnPropDesc$B = Object.getOwnPropertyDescriptor;
+var __decorateClass$B = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$B(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$C(target, key, result);
+    __defProp$B(target, key, result);
   return result;
 };
 let FlowDetails = class extends FlowRdfElement {
@@ -17516,32 +17516,32 @@ let FlowDetails = class extends FlowRdfElement {
     `;
   }
 };
-FlowDetails.styles = styles$C;
-__decorateClass$C([
+FlowDetails.styles = styles$B;
+__decorateClass$B([
   i$5(".details")
 ], FlowDetails.prototype, "details", 2);
-__decorateClass$C([
+__decorateClass$B([
   i$5(".details__header")
 ], FlowDetails.prototype, "header", 2);
-__decorateClass$C([
+__decorateClass$B([
   i$5(".details__body")
 ], FlowDetails.prototype, "body", 2);
-__decorateClass$C([
+__decorateClass$B([
   i$5(".details__expand-icon-slot")
 ], FlowDetails.prototype, "expandIconSlot", 2);
-__decorateClass$C([
+__decorateClass$B([
   n$8({ type: Boolean, reflect: true })
 ], FlowDetails.prototype, "open", 2);
-__decorateClass$C([
+__decorateClass$B([
   n$8()
 ], FlowDetails.prototype, "summary", 2);
-__decorateClass$C([
+__decorateClass$B([
   n$8({ type: Boolean, reflect: true })
 ], FlowDetails.prototype, "disabled", 2);
-__decorateClass$C([
+__decorateClass$B([
   watch("open", { waitUntilFirstUpdate: true })
 ], FlowDetails.prototype, "handleOpenChange", 1);
-FlowDetails = __decorateClass$C([
+FlowDetails = __decorateClass$B([
   e$8("flow-ui-details")
 ], FlowDetails);
 setDefaultAnimation("details.show", {
@@ -17655,7 +17655,7 @@ function scrollIntoView(element, container, direction = "vertical", behavior = "
     }
   }
 }
-const styles$B = i$8`
+const styles$A = i$8`
   ${componentStyles}
 
   :host {
@@ -17775,15 +17775,15 @@ const styles$B = i$8`
     }
   }
 `;
-var __defProp$B = Object.defineProperty;
-var __getOwnPropDesc$B = Object.getOwnPropertyDescriptor;
-var __decorateClass$B = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$B(target, key) : target;
+var __defProp$A = Object.defineProperty;
+var __getOwnPropDesc$A = Object.getOwnPropertyDescriptor;
+var __decorateClass$A = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$A(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$B(target, key, result);
+    __defProp$A(target, key, result);
   return result;
 };
 let FlowDialog = class extends FlowRdfElement {
@@ -17963,29 +17963,29 @@ let FlowDialog = class extends FlowRdfElement {
     `;
   }
 };
-FlowDialog.styles = styles$B;
-__decorateClass$B([
+FlowDialog.styles = styles$A;
+__decorateClass$A([
   i$5(".dialog")
 ], FlowDialog.prototype, "dialog", 2);
-__decorateClass$B([
+__decorateClass$A([
   i$5(".dialog__panel")
 ], FlowDialog.prototype, "panel", 2);
-__decorateClass$B([
+__decorateClass$A([
   i$5(".dialog__overlay")
 ], FlowDialog.prototype, "overlay", 2);
-__decorateClass$B([
+__decorateClass$A([
   n$8({ type: Boolean, reflect: true })
 ], FlowDialog.prototype, "open", 2);
-__decorateClass$B([
+__decorateClass$A([
   n$8({ reflect: true })
 ], FlowDialog.prototype, "label", 2);
-__decorateClass$B([
+__decorateClass$A([
   n$8({ attribute: "no-header", type: Boolean, reflect: true })
 ], FlowDialog.prototype, "noHeader", 2);
-__decorateClass$B([
+__decorateClass$A([
   watch("open", { waitUntilFirstUpdate: true })
 ], FlowDialog.prototype, "handleOpenChange", 1);
-FlowDialog = __decorateClass$B([
+FlowDialog = __decorateClass$A([
   e$8("flow-ui-dialog")
 ], FlowDialog);
 setDefaultAnimation("dialog.show", {
@@ -18014,7 +18014,7 @@ setDefaultAnimation("dialog.overlay.hide", {
   keyframes: [{ opacity: 1 }, { opacity: 0 }],
   options: { duration: 250 }
 });
-const styles$A = i$8`
+const styles$z = i$8`
   ${componentStyles}
 
   :host {
@@ -18043,15 +18043,15 @@ const styles$A = i$8`
     padding: var(--inset) 0;
   }
 `;
-var __defProp$A = Object.defineProperty;
-var __getOwnPropDesc$A = Object.getOwnPropertyDescriptor;
-var __decorateClass$A = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$A(target, key) : target;
+var __defProp$z = Object.defineProperty;
+var __getOwnPropDesc$z = Object.getOwnPropertyDescriptor;
+var __decorateClass$z = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$z(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$A(target, key, result);
+    __defProp$z(target, key, result);
   return result;
 };
 let FlowDivider = class extends FlowRdfElement {
@@ -18072,20 +18072,20 @@ let FlowDivider = class extends FlowRdfElement {
     }
   */
 };
-FlowDivider.styles = styles$A;
-__decorateClass$A([
+FlowDivider.styles = styles$z;
+__decorateClass$z([
   n$8({ type: Boolean, reflect: true })
 ], FlowDivider.prototype, "vertical", 2);
-__decorateClass$A([
+__decorateClass$z([
   watch("vertical")
 ], FlowDivider.prototype, "handleVerticalChange", 1);
-FlowDivider = __decorateClass$A([
+FlowDivider = __decorateClass$z([
   e$8("flow-ui-divider")
 ], FlowDivider);
 function uppercaseFirstLetter(string2) {
   return string2.charAt(0).toUpperCase() + string2.slice(1);
 }
-const styles$z = i$8`
+const styles$y = i$8`
   ${componentStyles}
 
   :host {
@@ -18241,15 +18241,15 @@ const styles$z = i$8`
     }
   }
 `;
-var __defProp$z = Object.defineProperty;
-var __getOwnPropDesc$z = Object.getOwnPropertyDescriptor;
-var __decorateClass$z = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$z(target, key) : target;
+var __defProp$y = Object.defineProperty;
+var __getOwnPropDesc$y = Object.getOwnPropertyDescriptor;
+var __decorateClass$y = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$y(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$z(target, key, result);
+    __defProp$y(target, key, result);
   return result;
 };
 let FlowDrawer = class extends FlowRdfElement {
@@ -18459,38 +18459,38 @@ let FlowDrawer = class extends FlowRdfElement {
     `;
   }
 };
-FlowDrawer.styles = styles$z;
-__decorateClass$z([
+FlowDrawer.styles = styles$y;
+__decorateClass$y([
   i$5(".drawer")
 ], FlowDrawer.prototype, "drawer", 2);
-__decorateClass$z([
+__decorateClass$y([
   i$5(".drawer__panel")
 ], FlowDrawer.prototype, "panel", 2);
-__decorateClass$z([
+__decorateClass$y([
   i$5(".drawer__overlay")
 ], FlowDrawer.prototype, "overlay", 2);
-__decorateClass$z([
+__decorateClass$y([
   n$8({ type: Boolean, reflect: true })
 ], FlowDrawer.prototype, "open", 2);
-__decorateClass$z([
+__decorateClass$y([
   n$8({ reflect: true })
 ], FlowDrawer.prototype, "label", 2);
-__decorateClass$z([
+__decorateClass$y([
   n$8({ reflect: true })
 ], FlowDrawer.prototype, "placement", 2);
-__decorateClass$z([
+__decorateClass$y([
   n$8({ type: Boolean, reflect: true })
 ], FlowDrawer.prototype, "contained", 2);
-__decorateClass$z([
+__decorateClass$y([
   n$8({ attribute: "no-header", type: Boolean, reflect: true })
 ], FlowDrawer.prototype, "noHeader", 2);
-__decorateClass$z([
+__decorateClass$y([
   watch("open", { waitUntilFirstUpdate: true })
 ], FlowDrawer.prototype, "handleOpenChange", 1);
-__decorateClass$z([
+__decorateClass$y([
   watch("contained", { waitUntilFirstUpdate: true })
 ], FlowDrawer.prototype, "handleNoModalChange", 1);
-FlowDrawer = __decorateClass$z([
+FlowDrawer = __decorateClass$y([
   e$8("flow-ui-drawer")
 ], FlowDrawer);
 setDefaultAnimation("drawer.showTop", {
@@ -18577,7 +18577,7 @@ setDefaultAnimation("drawer.overlay.hide", {
   keyframes: [{ opacity: 1 }, { opacity: 0 }],
   options: { duration: 250 }
 });
-const styles$y = i$8`
+const styles$x = i$8`
   ${componentStyles}
 
   :host {
@@ -18698,15 +18698,15 @@ const styles$y = i$8`
     align-items: center;
   }
 `;
-var __defProp$y = Object.defineProperty;
-var __getOwnPropDesc$y = Object.getOwnPropertyDescriptor;
-var __decorateClass$y = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$y(target, key) : target;
+var __defProp$x = Object.defineProperty;
+var __getOwnPropDesc$x = Object.getOwnPropertyDescriptor;
+var __decorateClass$x = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$x(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$y(target, key, result);
+    __defProp$x(target, key, result);
   return result;
 };
 const DEFAULT_FORMATTER = (val) => isNil(val) ? "--" : val.toString();
@@ -18810,34 +18810,34 @@ class FlowGauge extends FlowRdfElement {
     `;
   }
 }
-FlowGauge.styles = styles$y;
-__decorateClass$y([
+FlowGauge.styles = styles$x;
+__decorateClass$x([
   i$5(".gauge__info-dialog")
 ], FlowGauge.prototype, "_infoDialog", 2);
-__decorateClass$y([
+__decorateClass$x([
   n$8()
 ], FlowGauge.prototype, "heading", 2);
-__decorateClass$y([
+__decorateClass$x([
   n$8()
 ], FlowGauge.prototype, "units", 2);
-__decorateClass$y([
+__decorateClass$x([
   n$8()
 ], FlowGauge.prototype, "value", 2);
-__decorateClass$y([
+__decorateClass$x([
   n$8()
 ], FlowGauge.prototype, "icon", 2);
-__decorateClass$y([
+__decorateClass$x([
   n$8({ attribute: "icon-library" })
 ], FlowGauge.prototype, "iconLibrary", 2);
-__decorateClass$y([
+__decorateClass$x([
   n$8()
 ], FlowGauge.prototype, "format", 2);
-__decorateClass$y([
+__decorateClass$x([
   watch("format")
 ], FlowGauge.prototype, "handleFormatChange", 1);
 FlowGauge.define("flow-ui-gauge");
 FlowIconButton.define("flow-ui-icon-button");
-const styles$x = i$8`
+const styles$w = i$8`
   ${componentStyles}
 
   :host {
@@ -18935,15 +18935,15 @@ const styles$x = i$8`
     }
   }
 `;
-var __defProp$x = Object.defineProperty;
-var __getOwnPropDesc$x = Object.getOwnPropertyDescriptor;
-var __decorateClass$x = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$x(target, key) : target;
+var __defProp$w = Object.defineProperty;
+var __getOwnPropDesc$w = Object.getOwnPropertyDescriptor;
+var __decorateClass$w = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$w(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$x(target, key, result);
+    __defProp$w(target, key, result);
   return result;
 };
 let FlowMenuItem = class extends FlowRdfElement {
@@ -19037,38 +19037,38 @@ let FlowMenuItem = class extends FlowRdfElement {
     `;
   }
 };
-FlowMenuItem.styles = styles$x;
-__decorateClass$x([
+FlowMenuItem.styles = styles$w;
+__decorateClass$w([
   i$5("slot:not([name])")
 ], FlowMenuItem.prototype, "defaultSlot", 2);
-__decorateClass$x([
+__decorateClass$w([
   i$5(".menu-item")
 ], FlowMenuItem.prototype, "menuItem", 2);
-__decorateClass$x([
+__decorateClass$w([
   n$8()
 ], FlowMenuItem.prototype, "type", 2);
-__decorateClass$x([
+__decorateClass$w([
   n$8({ type: Boolean, reflect: true })
 ], FlowMenuItem.prototype, "checked", 2);
-__decorateClass$x([
+__decorateClass$w([
   n$8()
 ], FlowMenuItem.prototype, "value", 2);
-__decorateClass$x([
+__decorateClass$w([
   n$8({ type: Boolean, reflect: true })
 ], FlowMenuItem.prototype, "disabled", 2);
-__decorateClass$x([
+__decorateClass$w([
   watch("checked")
 ], FlowMenuItem.prototype, "handleCheckedChange", 1);
-__decorateClass$x([
+__decorateClass$w([
   watch("disabled")
 ], FlowMenuItem.prototype, "handleDisabledChange", 1);
-__decorateClass$x([
+__decorateClass$w([
   watch("type")
 ], FlowMenuItem.prototype, "handleTypeChange", 1);
-FlowMenuItem = __decorateClass$x([
+FlowMenuItem = __decorateClass$w([
   e$8("flow-ui-menu-item")
 ], FlowMenuItem);
-const styles$w = i$8`
+const styles$v = i$8`
   ${componentStyles}
 
   :host {
@@ -19087,15 +19087,15 @@ const styles$w = i$8`
     user-select: none;
   }
 `;
-var __defProp$w = Object.defineProperty;
-var __getOwnPropDesc$w = Object.getOwnPropertyDescriptor;
-var __decorateClass$w = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$w(target, key) : target;
+var __defProp$v = Object.defineProperty;
+var __getOwnPropDesc$v = Object.getOwnPropertyDescriptor;
+var __decorateClass$v = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$v(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$w(target, key, result);
+    __defProp$v(target, key, result);
   return result;
 };
 let FlowMenuLabel = class extends FlowRdfElement {
@@ -19103,11 +19103,11 @@ let FlowMenuLabel = class extends FlowRdfElement {
     return x$2` <slot part="base" class="menu-label"></slot> `;
   }
 };
-FlowMenuLabel.styles = styles$w;
-FlowMenuLabel = __decorateClass$w([
+FlowMenuLabel.styles = styles$v;
+FlowMenuLabel = __decorateClass$v([
   e$8("flow-ui-menu-label")
 ], FlowMenuLabel);
-const styles$v = i$8`
+const styles$u = i$8`
   ${componentStyles}
 
   :host {
@@ -19125,15 +19125,15 @@ const styles$v = i$8`
     --spacing: var(--flow-ui-spacing-x-small);
   }
 `;
-var __defProp$v = Object.defineProperty;
-var __getOwnPropDesc$v = Object.getOwnPropertyDescriptor;
-var __decorateClass$v = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$v(target, key) : target;
+var __defProp$u = Object.defineProperty;
+var __getOwnPropDesc$u = Object.getOwnPropertyDescriptor;
+var __decorateClass$u = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$u(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$v(target, key, result);
+    __defProp$u(target, key, result);
   return result;
 };
 let FlowMenu = class extends FlowRdfElement {
@@ -19239,29 +19239,29 @@ let FlowMenu = class extends FlowRdfElement {
     `;
   }
 };
-FlowMenu.styles = styles$v;
-__decorateClass$v([
+FlowMenu.styles = styles$u;
+__decorateClass$u([
   i$5("slot")
 ], FlowMenu.prototype, "defaultSlot", 2);
-FlowMenu = __decorateClass$v([
+FlowMenu = __decorateClass$u([
   e$8("flow-ui-menu")
 ], FlowMenu);
-const styles$u = i$8`
+const styles$t = i$8`
   ${componentStyles}
 
   :host {
     display: contents;
   }
 `;
-var __defProp$u = Object.defineProperty;
-var __getOwnPropDesc$u = Object.getOwnPropertyDescriptor;
-var __decorateClass$u = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$u(target, key) : target;
+var __defProp$t = Object.defineProperty;
+var __getOwnPropDesc$t = Object.getOwnPropertyDescriptor;
+var __decorateClass$t = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$t(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$u(target, key, result);
+    __defProp$t(target, key, result);
   return result;
 };
 let FlowMutationObserver = class extends FlowRdfElement {
@@ -19323,39 +19323,39 @@ let FlowMutationObserver = class extends FlowRdfElement {
     return x$2` <slot></slot> `;
   }
 };
-FlowMutationObserver.styles = styles$u;
-__decorateClass$u([
+FlowMutationObserver.styles = styles$t;
+__decorateClass$t([
   n$8({ reflect: true })
 ], FlowMutationObserver.prototype, "attr", 2);
-__decorateClass$u([
+__decorateClass$t([
   n$8({ attribute: "attr-old-value", type: Boolean, reflect: true })
 ], FlowMutationObserver.prototype, "attrOldValue", 2);
-__decorateClass$u([
+__decorateClass$t([
   n$8({ attribute: "char-data", type: Boolean, reflect: true })
 ], FlowMutationObserver.prototype, "charData", 2);
-__decorateClass$u([
+__decorateClass$t([
   n$8({ attribute: "char-data-old-value", type: Boolean, reflect: true })
 ], FlowMutationObserver.prototype, "charDataOldValue", 2);
-__decorateClass$u([
+__decorateClass$t([
   n$8({ attribute: "child-list", type: Boolean, reflect: true })
 ], FlowMutationObserver.prototype, "childList", 2);
-__decorateClass$u([
+__decorateClass$t([
   n$8({ type: Boolean, reflect: true })
 ], FlowMutationObserver.prototype, "disabled", 2);
-__decorateClass$u([
+__decorateClass$t([
   watch("disabled")
 ], FlowMutationObserver.prototype, "handleDisabledChange", 1);
-__decorateClass$u([
+__decorateClass$t([
   watch("attr", { waitUntilFirstUpdate: true }),
   watch("attr-old-value", { waitUntilFirstUpdate: true }),
   watch("char-data", { waitUntilFirstUpdate: true }),
   watch("char-data-old-value", { waitUntilFirstUpdate: true }),
   watch("childList", { waitUntilFirstUpdate: true })
 ], FlowMutationObserver.prototype, "handleChange", 1);
-FlowMutationObserver = __decorateClass$u([
+FlowMutationObserver = __decorateClass$t([
   e$8("flow-ui-mutation-observer")
 ], FlowMutationObserver);
-const styles$t = i$8`
+const styles$s = i$8`
   ${componentStyles}
 
   :host {
@@ -19442,15 +19442,15 @@ const styles$t = i$8`
     }
   }
 `;
-var __defProp$t = Object.defineProperty;
-var __getOwnPropDesc$t = Object.getOwnPropertyDescriptor;
-var __decorateClass$t = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$t(target, key) : target;
+var __defProp$s = Object.defineProperty;
+var __getOwnPropDesc$s = Object.getOwnPropertyDescriptor;
+var __decorateClass$s = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$s(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$t(target, key, result);
+    __defProp$s(target, key, result);
   return result;
 };
 let FlowOption = class extends FlowRdfElement {
@@ -19532,38 +19532,38 @@ let FlowOption = class extends FlowRdfElement {
     `;
   }
 };
-FlowOption.styles = styles$t;
-__decorateClass$t([
+FlowOption.styles = styles$s;
+__decorateClass$s([
   i$5(".option__label")
 ], FlowOption.prototype, "defaultSlot", 2);
-__decorateClass$t([
+__decorateClass$s([
   t$3()
 ], FlowOption.prototype, "current", 2);
-__decorateClass$t([
+__decorateClass$s([
   t$3()
 ], FlowOption.prototype, "selected", 2);
-__decorateClass$t([
+__decorateClass$s([
   t$3()
 ], FlowOption.prototype, "hasHover", 2);
-__decorateClass$t([
+__decorateClass$s([
   n$8({ reflect: true })
 ], FlowOption.prototype, "value", 2);
-__decorateClass$t([
+__decorateClass$s([
   n$8({ type: Boolean, reflect: true })
 ], FlowOption.prototype, "disabled", 2);
-__decorateClass$t([
+__decorateClass$s([
   watch("disabled")
 ], FlowOption.prototype, "handleDisabledChange", 1);
-__decorateClass$t([
+__decorateClass$s([
   watch("selected")
 ], FlowOption.prototype, "handleSelectedChange", 1);
-__decorateClass$t([
+__decorateClass$s([
   watch("value")
 ], FlowOption.prototype, "handleValueChange", 1);
-FlowOption = __decorateClass$t([
+FlowOption = __decorateClass$s([
   e$8("flow-ui-option")
 ], FlowOption);
-const styles$s = i$8`
+const styles$r = i$8`
   ${componentStyles}
 
   :host {
@@ -19624,15 +19624,15 @@ const styles$s = i$8`
     display: none;
   }
 `;
-var __defProp$s = Object.defineProperty;
-var __getOwnPropDesc$s = Object.getOwnPropertyDescriptor;
-var __decorateClass$s = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$s(target, key) : target;
+var __defProp$r = Object.defineProperty;
+var __getOwnPropDesc$r = Object.getOwnPropertyDescriptor;
+var __decorateClass$r = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$r(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$s(target, key, result);
+    __defProp$r(target, key, result);
   return result;
 };
 class FlowPanelHeader extends FlowRdfElement {
@@ -19730,21 +19730,21 @@ class FlowPanelHeader extends FlowRdfElement {
     `;
   }
 }
-FlowPanelHeader.styles = styles$s;
-__decorateClass$s([
+FlowPanelHeader.styles = styles$r;
+__decorateClass$r([
   i$5(".panel-header")
 ], FlowPanelHeader.prototype, "header", 2);
-__decorateClass$s([
+__decorateClass$r([
   n$8({ type: Boolean, reflect: true })
 ], FlowPanelHeader.prototype, "closed", 2);
-__decorateClass$s([
+__decorateClass$r([
   n$8()
 ], FlowPanelHeader.prototype, "title", 2);
-__decorateClass$s([
+__decorateClass$r([
   n$8({ type: Boolean, reflect: true })
 ], FlowPanelHeader.prototype, "fixed", 2);
 FlowPanelHeader.define("flow-ui-panel-header");
-const styles$r = i$8`
+const styles$q = i$8`
   ${componentStyles}
 
   :host {
@@ -19786,15 +19786,15 @@ const styles$r = i$8`
     overflow-y: hidden;
   }
 `;
-var __defProp$r = Object.defineProperty;
-var __getOwnPropDesc$r = Object.getOwnPropertyDescriptor;
-var __decorateClass$r = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$r(target, key) : target;
+var __defProp$q = Object.defineProperty;
+var __getOwnPropDesc$q = Object.getOwnPropertyDescriptor;
+var __decorateClass$q = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$q(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$r(target, key, result);
+    __defProp$q(target, key, result);
   return result;
 };
 class FlowSplitViewPanel extends FlowRdfElement {
@@ -19854,18 +19854,18 @@ class FlowSplitViewPanel extends FlowRdfElement {
     `;
   }
 }
-FlowSplitViewPanel.styles = styles$r;
-__decorateClass$r([
+FlowSplitViewPanel.styles = styles$q;
+__decorateClass$q([
   n$8({ type: Boolean, reflect: true })
 ], FlowSplitViewPanel.prototype, "closed", 2);
-__decorateClass$r([
+__decorateClass$q([
   n$8({ type: Boolean, reflect: true })
 ], FlowSplitViewPanel.prototype, "scrollable", 2);
-__decorateClass$r([
+__decorateClass$q([
   n$8({ type: Boolean, reflect: true })
 ], FlowSplitViewPanel.prototype, "padding", 2);
 FlowSplitViewPanel.define("flow-ui-panel");
-const styles$q = i$8`
+const styles$p = i$8`
   ${componentStyles}
 
   :host {
@@ -19947,15 +19947,15 @@ const styles$q = i$8`
     }
   }
 `;
-var __defProp$q = Object.defineProperty;
-var __getOwnPropDesc$q = Object.getOwnPropertyDescriptor;
-var __decorateClass$q = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$q(target, key) : target;
+var __defProp$p = Object.defineProperty;
+var __getOwnPropDesc$p = Object.getOwnPropertyDescriptor;
+var __decorateClass$p = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$p(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$q(target, key, result);
+    __defProp$p(target, key, result);
   return result;
 };
 let FlowProgressBar = class extends FlowRdfElement {
@@ -19989,20 +19989,20 @@ let FlowProgressBar = class extends FlowRdfElement {
     `;
   }
 };
-FlowProgressBar.styles = styles$q;
-__decorateClass$q([
+FlowProgressBar.styles = styles$p;
+__decorateClass$p([
   n$8({ type: Number, reflect: true })
 ], FlowProgressBar.prototype, "value", 2);
-__decorateClass$q([
+__decorateClass$p([
   n$8({ type: Boolean, reflect: true })
 ], FlowProgressBar.prototype, "indeterminate", 2);
-__decorateClass$q([
+__decorateClass$p([
   n$8()
 ], FlowProgressBar.prototype, "label", 2);
-FlowProgressBar = __decorateClass$q([
+FlowProgressBar = __decorateClass$p([
   e$8("flow-ui-progress-bar")
 ], FlowProgressBar);
-const styles$p = i$8`
+const styles$o = i$8`
   ${componentStyles}
 
   :host {
@@ -20069,15 +20069,15 @@ const styles$p = i$8`
     user-select: none;
   }
 `;
-var __defProp$p = Object.defineProperty;
-var __getOwnPropDesc$p = Object.getOwnPropertyDescriptor;
-var __decorateClass$p = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$p(target, key) : target;
+var __defProp$o = Object.defineProperty;
+var __getOwnPropDesc$o = Object.getOwnPropertyDescriptor;
+var __decorateClass$o = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$o(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$p(target, key, result);
+    __defProp$o(target, key, result);
   return result;
 };
 let FlowProgressRing = class extends FlowRdfElement {
@@ -20119,23 +20119,23 @@ let FlowProgressRing = class extends FlowRdfElement {
     `;
   }
 };
-FlowProgressRing.styles = styles$p;
-__decorateClass$p([
+FlowProgressRing.styles = styles$o;
+__decorateClass$o([
   i$5(".progress-ring__indicator")
 ], FlowProgressRing.prototype, "indicator", 2);
-__decorateClass$p([
+__decorateClass$o([
   t$3()
 ], FlowProgressRing.prototype, "indicatorOffset", 2);
-__decorateClass$p([
+__decorateClass$o([
   n$8({ type: Number, reflect: true })
 ], FlowProgressRing.prototype, "value", 2);
-__decorateClass$p([
+__decorateClass$o([
   n$8()
 ], FlowProgressRing.prototype, "label", 2);
-FlowProgressRing = __decorateClass$p([
+FlowProgressRing = __decorateClass$o([
   e$8("flow-ui-progress-ring")
 ], FlowProgressRing);
-const styles$o = i$8`
+const styles$n = i$8`
   ${componentStyles}
   ${formControlStyles}
 
@@ -20170,15 +20170,15 @@ const styles$o = i$8`
     border: 0;
   }
 `;
-var __defProp$o = Object.defineProperty;
-var __getOwnPropDesc$o = Object.getOwnPropertyDescriptor;
-var __decorateClass$o = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$o(target, key) : target;
+var __defProp$n = Object.defineProperty;
+var __getOwnPropDesc$n = Object.getOwnPropertyDescriptor;
+var __decorateClass$n = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$n(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$o(target, key, result);
+    __defProp$n(target, key, result);
   return result;
 };
 let FlowRadioGroup = class extends FlowRdfElement {
@@ -20417,53 +20417,53 @@ let FlowRadioGroup = class extends FlowRdfElement {
     `;
   }
 };
-FlowRadioGroup.styles = styles$o;
-__decorateClass$o([
+FlowRadioGroup.styles = styles$n;
+__decorateClass$n([
   i$5("slot:not([name])")
 ], FlowRadioGroup.prototype, "defaultSlot", 2);
-__decorateClass$o([
+__decorateClass$n([
   i$5(".radio-group__validation-input")
 ], FlowRadioGroup.prototype, "validationInput", 2);
-__decorateClass$o([
+__decorateClass$n([
   t$3()
 ], FlowRadioGroup.prototype, "errorMessage", 2);
-__decorateClass$o([
+__decorateClass$n([
   t$3()
 ], FlowRadioGroup.prototype, "defaultValue", 2);
-__decorateClass$o([
+__decorateClass$n([
   n$8()
 ], FlowRadioGroup.prototype, "label", 2);
-__decorateClass$o([
+__decorateClass$n([
   n$8({ attribute: "help-text" })
 ], FlowRadioGroup.prototype, "helpText", 2);
-__decorateClass$o([
+__decorateClass$n([
   n$8()
 ], FlowRadioGroup.prototype, "name", 2);
-__decorateClass$o([
+__decorateClass$n([
   n$8({ reflect: true })
 ], FlowRadioGroup.prototype, "value", 2);
-__decorateClass$o([
+__decorateClass$n([
   n$8({ reflect: true })
 ], FlowRadioGroup.prototype, "size", 2);
-__decorateClass$o([
+__decorateClass$n([
   n$8({ reflect: true })
 ], FlowRadioGroup.prototype, "form", 2);
-__decorateClass$o([
+__decorateClass$n([
   n$8({ type: Boolean, reflect: true })
 ], FlowRadioGroup.prototype, "required", 2);
-__decorateClass$o([
+__decorateClass$n([
   n$8({ type: Boolean, reflect: true })
 ], FlowRadioGroup.prototype, "vertical", 2);
-__decorateClass$o([
+__decorateClass$n([
   watch("size", { waitUntilFirstUpdate: true })
 ], FlowRadioGroup.prototype, "handleSizeChange", 1);
-__decorateClass$o([
+__decorateClass$n([
   watch("value")
 ], FlowRadioGroup.prototype, "handleValueChange", 1);
-FlowRadioGroup = __decorateClass$o([
+FlowRadioGroup = __decorateClass$n([
   e$8("flow-ui-radio-group")
 ], FlowRadioGroup);
-const styles$n = i$8`
+const styles$m = i$8`
   ${componentStyles}
 
   :host {
@@ -20574,15 +20574,15 @@ const styles$n = i$8`
     user-select: none;
   }
 `;
-var __defProp$n = Object.defineProperty;
-var __getOwnPropDesc$n = Object.getOwnPropertyDescriptor;
-var __decorateClass$n = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$n(target, key) : target;
+var __defProp$m = Object.defineProperty;
+var __getOwnPropDesc$m = Object.getOwnPropertyDescriptor;
+var __decorateClass$m = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$m(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$n(target, key, result);
+    __defProp$m(target, key, result);
   return result;
 };
 let FlowRadio = class extends FlowRdfElement {
@@ -20662,32 +20662,32 @@ let FlowRadio = class extends FlowRdfElement {
     `;
   }
 };
-FlowRadio.styles = styles$n;
-__decorateClass$n([
+FlowRadio.styles = styles$m;
+__decorateClass$m([
   t$3()
 ], FlowRadio.prototype, "checked", 2);
-__decorateClass$n([
+__decorateClass$m([
   t$3()
 ], FlowRadio.prototype, "hasFocus", 2);
-__decorateClass$n([
+__decorateClass$m([
   n$8()
 ], FlowRadio.prototype, "value", 2);
-__decorateClass$n([
+__decorateClass$m([
   n$8({ reflect: true })
 ], FlowRadio.prototype, "size", 2);
-__decorateClass$n([
+__decorateClass$m([
   n$8({ type: Boolean, reflect: true })
 ], FlowRadio.prototype, "disabled", 2);
-__decorateClass$n([
+__decorateClass$m([
   watch("checked")
 ], FlowRadio.prototype, "handleCheckedChange", 1);
-__decorateClass$n([
+__decorateClass$m([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], FlowRadio.prototype, "handleDisabledChange", 1);
-FlowRadio = __decorateClass$n([
+FlowRadio = __decorateClass$m([
   e$8("flow-ui-radio")
 ], FlowRadio);
-const styles$m = i$8`
+const styles$l = i$8`
   ${componentStyles}
   ${formControlStyles}
 
@@ -20914,15 +20914,15 @@ const styles$m = i$8`
     }
   }
 `;
-var __defProp$m = Object.defineProperty;
-var __getOwnPropDesc$m = Object.getOwnPropertyDescriptor;
-var __decorateClass$m = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$m(target, key) : target;
+var __defProp$l = Object.defineProperty;
+var __getOwnPropDesc$l = Object.getOwnPropertyDescriptor;
+var __decorateClass$l = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$l(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$m(target, key, result);
+    __defProp$l(target, key, result);
   return result;
 };
 let FlowRange = class extends FlowRdfElement {
@@ -21157,89 +21157,89 @@ let FlowRange = class extends FlowRdfElement {
     `;
   }
 };
-FlowRange.styles = styles$m;
-__decorateClass$m([
+FlowRange.styles = styles$l;
+__decorateClass$l([
   i$5(".range__control")
 ], FlowRange.prototype, "input", 2);
-__decorateClass$m([
+__decorateClass$l([
   i$5(".range__tooltip")
 ], FlowRange.prototype, "output", 2);
-__decorateClass$m([
+__decorateClass$l([
   t$3()
 ], FlowRange.prototype, "hasFocus", 2);
-__decorateClass$m([
+__decorateClass$l([
   t$3()
 ], FlowRange.prototype, "hasTooltip", 2);
-__decorateClass$m([
+__decorateClass$l([
   n$8()
 ], FlowRange.prototype, "title", 2);
-__decorateClass$m([
+__decorateClass$l([
   n$8()
 ], FlowRange.prototype, "name", 2);
-__decorateClass$m([
+__decorateClass$l([
   n$8({ type: Number })
 ], FlowRange.prototype, "value", 2);
-__decorateClass$m([
+__decorateClass$l([
   n$8()
 ], FlowRange.prototype, "label", 2);
-__decorateClass$m([
+__decorateClass$l([
   n$8({ attribute: "help-text" })
 ], FlowRange.prototype, "helpText", 2);
-__decorateClass$m([
+__decorateClass$l([
   n$8({ type: Boolean, reflect: true })
 ], FlowRange.prototype, "disabled", 2);
-__decorateClass$m([
+__decorateClass$l([
   n$8({ type: Number })
 ], FlowRange.prototype, "min", 2);
-__decorateClass$m([
+__decorateClass$l([
   n$8({ type: Number })
 ], FlowRange.prototype, "max", 2);
-__decorateClass$m([
+__decorateClass$l([
   n$8({ type: Number })
 ], FlowRange.prototype, "step", 2);
-__decorateClass$m([
+__decorateClass$l([
   n$8()
 ], FlowRange.prototype, "tooltip", 2);
-__decorateClass$m([
+__decorateClass$l([
   n$8({ attribute: false })
 ], FlowRange.prototype, "tooltipFormatter", 2);
-__decorateClass$m([
+__decorateClass$l([
   n$8({ reflect: true })
 ], FlowRange.prototype, "form", 2);
-__decorateClass$m([
+__decorateClass$l([
   defaultValue()
 ], FlowRange.prototype, "defaultValue", 2);
-__decorateClass$m([
+__decorateClass$l([
   e$6({ passive: true })
 ], FlowRange.prototype, "handleThumbDragStart", 1);
-__decorateClass$m([
+__decorateClass$l([
   watch("value", { waitUntilFirstUpdate: true })
 ], FlowRange.prototype, "handleValueChange", 1);
-__decorateClass$m([
+__decorateClass$l([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], FlowRange.prototype, "handleDisabledChange", 1);
-__decorateClass$m([
+__decorateClass$l([
   watch("hasTooltip", { waitUntilFirstUpdate: true })
 ], FlowRange.prototype, "syncRange", 1);
-FlowRange = __decorateClass$m([
+FlowRange = __decorateClass$l([
   e$8("flow-ui-range")
 ], FlowRange);
-const styles$l = i$8`
+const styles$k = i$8`
   ${componentStyles}
 
   :host {
     display: contents;
   }
 `;
-var __defProp$l = Object.defineProperty;
-var __getOwnPropDesc$l = Object.getOwnPropertyDescriptor;
-var __decorateClass$l = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$l(target, key) : target;
+var __defProp$k = Object.defineProperty;
+var __getOwnPropDesc$k = Object.getOwnPropertyDescriptor;
+var __decorateClass$k = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$k(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$l(target, key, result);
+    __defProp$k(target, key, result);
   return result;
 };
 let FlowResizeObserver = class extends FlowRdfElement {
@@ -21292,14 +21292,14 @@ let FlowResizeObserver = class extends FlowRdfElement {
     return x$2` <slot @slotchange=${this.handleSlotChange}></slot> `;
   }
 };
-FlowResizeObserver.styles = styles$l;
-__decorateClass$l([
+FlowResizeObserver.styles = styles$k;
+__decorateClass$k([
   n$8({ type: Boolean, reflect: true })
 ], FlowResizeObserver.prototype, "disabled", 2);
-__decorateClass$l([
+__decorateClass$k([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], FlowResizeObserver.prototype, "handleDisabledChange", 1);
-FlowResizeObserver = __decorateClass$l([
+FlowResizeObserver = __decorateClass$k([
   e$8("flow-ui-resize-observer")
 ], FlowResizeObserver);
 /*!
@@ -24471,7 +24471,7 @@ body > .os-scrollbar {
   background: rgba(255, 255, 255, 0.66);
 }
 `;
-const styles$k = i$8`
+const styles$j = i$8`
   ${componentStyles}
   ${overlayScrollbarStyles}
 
@@ -24522,15 +24522,15 @@ const styles$k = i$8`
       border-colorvar(--transition-speed), width var(--transition-speed);
   }
 `;
-var __defProp$k = Object.defineProperty;
-var __getOwnPropDesc$k = Object.getOwnPropertyDescriptor;
-var __decorateClass$k = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$k(target, key) : target;
+var __defProp$j = Object.defineProperty;
+var __getOwnPropDesc$j = Object.getOwnPropertyDescriptor;
+var __decorateClass$j = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$j(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$k(target, key, result);
+    __defProp$j(target, key, result);
   return result;
 };
 let id$4 = 0;
@@ -24614,33 +24614,33 @@ class FlowScrollView extends FlowRdfElement {
     `;
   }
 }
-FlowScrollView.styles = styles$k;
-__decorateClass$k([
+FlowScrollView.styles = styles$j;
+__decorateClass$j([
   i$5(".scroll-view__host")
 ], FlowScrollView.prototype, "_scrollHost", 2);
-__decorateClass$k([
+__decorateClass$j([
   i$5(".scroll-view__viewport")
 ], FlowScrollView.prototype, "_scrollViewport", 2);
-__decorateClass$k([
+__decorateClass$j([
   n$8()
 ], FlowScrollView.prototype, "mode", 2);
-__decorateClass$k([
+__decorateClass$j([
   n$8({ attribute: "overflow-x" })
 ], FlowScrollView.prototype, "overflowX", 2);
-__decorateClass$k([
+__decorateClass$j([
   n$8({ attribute: "overflow-y" })
 ], FlowScrollView.prototype, "overflowY", 2);
-__decorateClass$k([
+__decorateClass$j([
   n$8({ attribute: "auto-hide" })
 ], FlowScrollView.prototype, "autoHide", 2);
-__decorateClass$k([
+__decorateClass$j([
   n$8({ attribute: "auto-hide-delay", type: Number })
 ], FlowScrollView.prototype, "autoHideDelay", 2);
-__decorateClass$k([
+__decorateClass$j([
   n$8({ attribute: "auto-hide-suspend", type: Boolean })
 ], FlowScrollView.prototype, "autoHideSuspend", 2);
 FlowScrollView.define("flow-ui-scroll-view");
-const styles$j = i$8`
+const styles$i = i$8`
   ${componentStyles}
 
   :host {
@@ -24755,15 +24755,15 @@ const styles$j = i$8`
     border-radius: var(--flow-ui-border-radius-pill);
   }
 `;
-var __defProp$j = Object.defineProperty;
-var __getOwnPropDesc$j = Object.getOwnPropertyDescriptor;
-var __decorateClass$j = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$j(target, key) : target;
+var __defProp$i = Object.defineProperty;
+var __getOwnPropDesc$i = Object.getOwnPropertyDescriptor;
+var __decorateClass$i = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$i(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$j(target, key, result);
+    __defProp$i(target, key, result);
   return result;
 };
 let FlowTag = class extends FlowRdfElement {
@@ -24818,23 +24818,23 @@ let FlowTag = class extends FlowRdfElement {
     `;
   }
 };
-FlowTag.styles = styles$j;
-__decorateClass$j([
+FlowTag.styles = styles$i;
+__decorateClass$i([
   n$8({ reflect: true })
 ], FlowTag.prototype, "variant", 2);
-__decorateClass$j([
+__decorateClass$i([
   n$8({ reflect: true })
 ], FlowTag.prototype, "size", 2);
-__decorateClass$j([
+__decorateClass$i([
   n$8({ type: Boolean, reflect: true })
 ], FlowTag.prototype, "pill", 2);
-__decorateClass$j([
+__decorateClass$i([
   n$8({ type: Boolean })
 ], FlowTag.prototype, "removable", 2);
-FlowTag = __decorateClass$j([
+FlowTag = __decorateClass$i([
   e$8("flow-ui-tag")
 ], FlowTag);
-const styles$i = i$8`
+const styles$h = i$8`
   ${componentStyles}
   ${formControlStyles}
 
@@ -25155,15 +25155,15 @@ const styles$i = i$8`
     padding-inline: var(--flow-ui-spacing-x-large);
   }
 `;
-var __defProp$i = Object.defineProperty;
-var __getOwnPropDesc$i = Object.getOwnPropertyDescriptor;
-var __decorateClass$i = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$i(target, key) : target;
+var __defProp$h = Object.defineProperty;
+var __getOwnPropDesc$h = Object.getOwnPropertyDescriptor;
+var __decorateClass$h = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$h(target, key) : target;
   for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
     if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$i(target, key, result);
+    __defProp$h(target, key, result);
   return result;
 };
 let FlowSelect = class extends FlowRdfElement {
@@ -25752,38 +25752,38 @@ let FlowSelect = class extends FlowRdfElement {
     `;
   }
 };
-FlowSelect.styles = styles$i;
-__decorateClass$i([
+FlowSelect.styles = styles$h;
+__decorateClass$h([
   i$5(".select")
 ], FlowSelect.prototype, "popup", 2);
-__decorateClass$i([
+__decorateClass$h([
   i$5(".select__combobox")
 ], FlowSelect.prototype, "combobox", 2);
-__decorateClass$i([
+__decorateClass$h([
   i$5(".select__display-input")
 ], FlowSelect.prototype, "displayInput", 2);
-__decorateClass$i([
+__decorateClass$h([
   i$5(".select__value-input")
 ], FlowSelect.prototype, "valueInput", 2);
-__decorateClass$i([
+__decorateClass$h([
   i$5(".select__listbox")
 ], FlowSelect.prototype, "listbox", 2);
-__decorateClass$i([
+__decorateClass$h([
   t$3()
 ], FlowSelect.prototype, "hasFocus", 2);
-__decorateClass$i([
+__decorateClass$h([
   t$3()
 ], FlowSelect.prototype, "displayLabel", 2);
-__decorateClass$i([
+__decorateClass$h([
   t$3()
 ], FlowSelect.prototype, "currentOption", 2);
-__decorateClass$i([
+__decorateClass$h([
   t$3()
 ], FlowSelect.prototype, "selectedOptions", 2);
-__decorateClass$i([
+__decorateClass$h([
   n$8()
 ], FlowSelect.prototype, "name", 2);
-__decorateClass$i([
+__decorateClass$h([
   n$8({
     converter: {
       fromAttribute: (value) => value.split(" "),
@@ -25791,64 +25791,64 @@ __decorateClass$i([
     }
   })
 ], FlowSelect.prototype, "value", 2);
-__decorateClass$i([
+__decorateClass$h([
   defaultValue()
 ], FlowSelect.prototype, "defaultValue", 2);
-__decorateClass$i([
+__decorateClass$h([
   n$8({ reflect: true })
 ], FlowSelect.prototype, "size", 2);
-__decorateClass$i([
+__decorateClass$h([
   n$8()
 ], FlowSelect.prototype, "placeholder", 2);
-__decorateClass$i([
+__decorateClass$h([
   n$8({ type: Boolean, reflect: true })
 ], FlowSelect.prototype, "multiple", 2);
-__decorateClass$i([
+__decorateClass$h([
   n$8({ attribute: "max-options-visible", type: Number })
 ], FlowSelect.prototype, "maxOptionsVisible", 2);
-__decorateClass$i([
+__decorateClass$h([
   n$8({ type: Boolean, reflect: true })
 ], FlowSelect.prototype, "disabled", 2);
-__decorateClass$i([
+__decorateClass$h([
   n$8({ type: Boolean })
 ], FlowSelect.prototype, "clearable", 2);
-__decorateClass$i([
+__decorateClass$h([
   n$8({ type: Boolean, reflect: true })
 ], FlowSelect.prototype, "open", 2);
-__decorateClass$i([
+__decorateClass$h([
   n$8({ type: Boolean })
 ], FlowSelect.prototype, "hoist", 2);
-__decorateClass$i([
+__decorateClass$h([
   n$8({ type: Boolean, reflect: true })
 ], FlowSelect.prototype, "filled", 2);
-__decorateClass$i([
+__decorateClass$h([
   n$8({ type: Boolean, reflect: true })
 ], FlowSelect.prototype, "pill", 2);
-__decorateClass$i([
+__decorateClass$h([
   n$8()
 ], FlowSelect.prototype, "label", 2);
-__decorateClass$i([
+__decorateClass$h([
   n$8({ reflect: true })
 ], FlowSelect.prototype, "placement", 2);
-__decorateClass$i([
+__decorateClass$h([
   n$8({ attribute: "help-text" })
 ], FlowSelect.prototype, "helpText", 2);
-__decorateClass$i([
+__decorateClass$h([
   n$8({ reflect: true })
 ], FlowSelect.prototype, "form", 2);
-__decorateClass$i([
+__decorateClass$h([
   n$8({ type: Boolean, reflect: true })
 ], FlowSelect.prototype, "required", 2);
-__decorateClass$i([
+__decorateClass$h([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], FlowSelect.prototype, "handleDisabledChange", 1);
-__decorateClass$i([
+__decorateClass$h([
   watch("value", { waitUntilFirstUpdate: true })
 ], FlowSelect.prototype, "handleValueChange", 1);
-__decorateClass$i([
+__decorateClass$h([
   watch("open", { waitUntilFirstUpdate: true })
 ], FlowSelect.prototype, "handleOpenChange", 1);
-FlowSelect = __decorateClass$i([
+FlowSelect = __decorateClass$h([
   e$8("flow-ui-select")
 ], FlowSelect);
 setDefaultAnimation("select.show", {
@@ -25865,588 +25865,6 @@ setDefaultAnimation("select.hide", {
   ],
   options: { duration: 100, easing: "ease" }
 });
-const styles$h = i$8`
-  ${componentStyles}
-
-  :host {
-    display: block;
-  }
-
-  .split-view {
-    display: grid;
-    height: 100%;
-  }
-
-  .split-view--dragging {
-    user-select: none;
-    -webkit-user-select: none;
-    cursor: ew-resize;
-  }
-
-  .split-view--vertical.split-view--dragging {
-    cursor: ns-resize;
-  }
-
-  .split-view-divider {
-    width: 10px;
-    height: 100%;
-    background-color: var(--flow-ui-color-neutral-200);
-  }
-
-  .split-view-divider--vertical {
-    width: 100%;
-    height: 10px;
-  }
-
-
-`;
-var browser = { exports: {} };
-var ms;
-var hasRequiredMs;
-function requireMs() {
-  if (hasRequiredMs)
-    return ms;
-  hasRequiredMs = 1;
-  var s3 = 1e3;
-  var m2 = s3 * 60;
-  var h3 = m2 * 60;
-  var d2 = h3 * 24;
-  var w2 = d2 * 7;
-  var y2 = d2 * 365.25;
-  ms = function(val, options) {
-    options = options || {};
-    var type2 = typeof val;
-    if (type2 === "string" && val.length > 0) {
-      return parse(val);
-    } else if (type2 === "number" && isFinite(val)) {
-      return options.long ? fmtLong(val) : fmtShort(val);
-    }
-    throw new Error(
-      "val is not a non-empty string or a valid number. val=" + JSON.stringify(val)
-    );
-  };
-  function parse(str) {
-    str = String(str);
-    if (str.length > 100) {
-      return;
-    }
-    var match = /^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(
-      str
-    );
-    if (!match) {
-      return;
-    }
-    var n2 = parseFloat(match[1]);
-    var type2 = (match[2] || "ms").toLowerCase();
-    switch (type2) {
-      case "years":
-      case "year":
-      case "yrs":
-      case "yr":
-      case "y":
-        return n2 * y2;
-      case "weeks":
-      case "week":
-      case "w":
-        return n2 * w2;
-      case "days":
-      case "day":
-      case "d":
-        return n2 * d2;
-      case "hours":
-      case "hour":
-      case "hrs":
-      case "hr":
-      case "h":
-        return n2 * h3;
-      case "minutes":
-      case "minute":
-      case "mins":
-      case "min":
-      case "m":
-        return n2 * m2;
-      case "seconds":
-      case "second":
-      case "secs":
-      case "sec":
-      case "s":
-        return n2 * s3;
-      case "milliseconds":
-      case "millisecond":
-      case "msecs":
-      case "msec":
-      case "ms":
-        return n2;
-      default:
-        return void 0;
-    }
-  }
-  function fmtShort(ms2) {
-    var msAbs = Math.abs(ms2);
-    if (msAbs >= d2) {
-      return Math.round(ms2 / d2) + "d";
-    }
-    if (msAbs >= h3) {
-      return Math.round(ms2 / h3) + "h";
-    }
-    if (msAbs >= m2) {
-      return Math.round(ms2 / m2) + "m";
-    }
-    if (msAbs >= s3) {
-      return Math.round(ms2 / s3) + "s";
-    }
-    return ms2 + "ms";
-  }
-  function fmtLong(ms2) {
-    var msAbs = Math.abs(ms2);
-    if (msAbs >= d2) {
-      return plural(ms2, msAbs, d2, "day");
-    }
-    if (msAbs >= h3) {
-      return plural(ms2, msAbs, h3, "hour");
-    }
-    if (msAbs >= m2) {
-      return plural(ms2, msAbs, m2, "minute");
-    }
-    if (msAbs >= s3) {
-      return plural(ms2, msAbs, s3, "second");
-    }
-    return ms2 + " ms";
-  }
-  function plural(ms2, msAbs, n2, name) {
-    var isPlural = msAbs >= n2 * 1.5;
-    return Math.round(ms2 / n2) + " " + name + (isPlural ? "s" : "");
-  }
-  return ms;
-}
-function setup(env) {
-  createDebug.debug = createDebug;
-  createDebug.default = createDebug;
-  createDebug.coerce = coerce;
-  createDebug.disable = disable;
-  createDebug.enable = enable;
-  createDebug.enabled = enabled;
-  createDebug.humanize = requireMs();
-  createDebug.destroy = destroy;
-  Object.keys(env).forEach((key) => {
-    createDebug[key] = env[key];
-  });
-  createDebug.names = [];
-  createDebug.skips = [];
-  createDebug.formatters = {};
-  function selectColor(namespace) {
-    let hash = 0;
-    for (let i3 = 0; i3 < namespace.length; i3++) {
-      hash = (hash << 5) - hash + namespace.charCodeAt(i3);
-      hash |= 0;
-    }
-    return createDebug.colors[Math.abs(hash) % createDebug.colors.length];
-  }
-  createDebug.selectColor = selectColor;
-  function createDebug(namespace) {
-    let prevTime;
-    let enableOverride = null;
-    let namespacesCache;
-    let enabledCache;
-    function debug2(...args) {
-      if (!debug2.enabled) {
-        return;
-      }
-      const self2 = debug2;
-      const curr = Number(/* @__PURE__ */ new Date());
-      const ms2 = curr - (prevTime || curr);
-      self2.diff = ms2;
-      self2.prev = prevTime;
-      self2.curr = curr;
-      prevTime = curr;
-      args[0] = createDebug.coerce(args[0]);
-      if (typeof args[0] !== "string") {
-        args.unshift("%O");
-      }
-      let index = 0;
-      args[0] = args[0].replace(/%([a-zA-Z%])/g, (match, format2) => {
-        if (match === "%%") {
-          return "%";
-        }
-        index++;
-        const formatter = createDebug.formatters[format2];
-        if (typeof formatter === "function") {
-          const val = args[index];
-          match = formatter.call(self2, val);
-          args.splice(index, 1);
-          index--;
-        }
-        return match;
-      });
-      createDebug.formatArgs.call(self2, args);
-      const logFn = self2.log || createDebug.log;
-      logFn.apply(self2, args);
-    }
-    debug2.namespace = namespace;
-    debug2.useColors = createDebug.useColors();
-    debug2.color = createDebug.selectColor(namespace);
-    debug2.extend = extend2;
-    debug2.destroy = createDebug.destroy;
-    Object.defineProperty(debug2, "enabled", {
-      enumerable: true,
-      configurable: false,
-      get: () => {
-        if (enableOverride !== null) {
-          return enableOverride;
-        }
-        if (namespacesCache !== createDebug.namespaces) {
-          namespacesCache = createDebug.namespaces;
-          enabledCache = createDebug.enabled(namespace);
-        }
-        return enabledCache;
-      },
-      set: (v2) => {
-        enableOverride = v2;
-      }
-    });
-    if (typeof createDebug.init === "function") {
-      createDebug.init(debug2);
-    }
-    return debug2;
-  }
-  function extend2(namespace, delimiter) {
-    const newDebug = createDebug(this.namespace + (typeof delimiter === "undefined" ? ":" : delimiter) + namespace);
-    newDebug.log = this.log;
-    return newDebug;
-  }
-  function enable(namespaces) {
-    createDebug.save(namespaces);
-    createDebug.namespaces = namespaces;
-    createDebug.names = [];
-    createDebug.skips = [];
-    let i3;
-    const split = (typeof namespaces === "string" ? namespaces : "").split(/[\s,]+/);
-    const len = split.length;
-    for (i3 = 0; i3 < len; i3++) {
-      if (!split[i3]) {
-        continue;
-      }
-      namespaces = split[i3].replace(/\*/g, ".*?");
-      if (namespaces[0] === "-") {
-        createDebug.skips.push(new RegExp("^" + namespaces.slice(1) + "$"));
-      } else {
-        createDebug.names.push(new RegExp("^" + namespaces + "$"));
-      }
-    }
-  }
-  function disable() {
-    const namespaces = [
-      ...createDebug.names.map(toNamespace),
-      ...createDebug.skips.map(toNamespace).map((namespace) => "-" + namespace)
-    ].join(",");
-    createDebug.enable("");
-    return namespaces;
-  }
-  function enabled(name) {
-    if (name[name.length - 1] === "*") {
-      return true;
-    }
-    let i3;
-    let len;
-    for (i3 = 0, len = createDebug.skips.length; i3 < len; i3++) {
-      if (createDebug.skips[i3].test(name)) {
-        return false;
-      }
-    }
-    for (i3 = 0, len = createDebug.names.length; i3 < len; i3++) {
-      if (createDebug.names[i3].test(name)) {
-        return true;
-      }
-    }
-    return false;
-  }
-  function toNamespace(regexp) {
-    return regexp.toString().substring(2, regexp.toString().length - 2).replace(/\.\*\?$/, "*");
-  }
-  function coerce(val) {
-    if (val instanceof Error) {
-      return val.stack || val.message;
-    }
-    return val;
-  }
-  function destroy() {
-    console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.");
-  }
-  createDebug.enable(createDebug.load());
-  return createDebug;
-}
-var common = setup;
-(function(module, exports) {
-  exports.formatArgs = formatArgs;
-  exports.save = save;
-  exports.load = load;
-  exports.useColors = useColors;
-  exports.storage = localstorage();
-  exports.destroy = (() => {
-    let warned = false;
-    return () => {
-      if (!warned) {
-        warned = true;
-        console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.");
-      }
-    };
-  })();
-  exports.colors = [
-    "#0000CC",
-    "#0000FF",
-    "#0033CC",
-    "#0033FF",
-    "#0066CC",
-    "#0066FF",
-    "#0099CC",
-    "#0099FF",
-    "#00CC00",
-    "#00CC33",
-    "#00CC66",
-    "#00CC99",
-    "#00CCCC",
-    "#00CCFF",
-    "#3300CC",
-    "#3300FF",
-    "#3333CC",
-    "#3333FF",
-    "#3366CC",
-    "#3366FF",
-    "#3399CC",
-    "#3399FF",
-    "#33CC00",
-    "#33CC33",
-    "#33CC66",
-    "#33CC99",
-    "#33CCCC",
-    "#33CCFF",
-    "#6600CC",
-    "#6600FF",
-    "#6633CC",
-    "#6633FF",
-    "#66CC00",
-    "#66CC33",
-    "#9900CC",
-    "#9900FF",
-    "#9933CC",
-    "#9933FF",
-    "#99CC00",
-    "#99CC33",
-    "#CC0000",
-    "#CC0033",
-    "#CC0066",
-    "#CC0099",
-    "#CC00CC",
-    "#CC00FF",
-    "#CC3300",
-    "#CC3333",
-    "#CC3366",
-    "#CC3399",
-    "#CC33CC",
-    "#CC33FF",
-    "#CC6600",
-    "#CC6633",
-    "#CC9900",
-    "#CC9933",
-    "#CCCC00",
-    "#CCCC33",
-    "#FF0000",
-    "#FF0033",
-    "#FF0066",
-    "#FF0099",
-    "#FF00CC",
-    "#FF00FF",
-    "#FF3300",
-    "#FF3333",
-    "#FF3366",
-    "#FF3399",
-    "#FF33CC",
-    "#FF33FF",
-    "#FF6600",
-    "#FF6633",
-    "#FF9900",
-    "#FF9933",
-    "#FFCC00",
-    "#FFCC33"
-  ];
-  function useColors() {
-    if (typeof window !== "undefined" && window.process && (window.process.type === "renderer" || window.process.__nwjs)) {
-      return true;
-    }
-    if (typeof navigator !== "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) {
-      return false;
-    }
-    return typeof document !== "undefined" && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance || // Is firebug? http://stackoverflow.com/a/398120/376773
-    typeof window !== "undefined" && window.console && (window.console.firebug || window.console.exception && window.console.table) || // Is firefox >= v31?
-    // https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages
-    typeof navigator !== "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) && parseInt(RegExp.$1, 10) >= 31 || // Double check webkit in userAgent just in case we are in a worker
-    typeof navigator !== "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/);
-  }
-  function formatArgs(args) {
-    args[0] = (this.useColors ? "%c" : "") + this.namespace + (this.useColors ? " %c" : " ") + args[0] + (this.useColors ? "%c " : " ") + "+" + module.exports.humanize(this.diff);
-    if (!this.useColors) {
-      return;
-    }
-    const c3 = "color: " + this.color;
-    args.splice(1, 0, c3, "color: inherit");
-    let index = 0;
-    let lastC = 0;
-    args[0].replace(/%[a-zA-Z%]/g, (match) => {
-      if (match === "%%") {
-        return;
-      }
-      index++;
-      if (match === "%c") {
-        lastC = index;
-      }
-    });
-    args.splice(lastC, 0, c3);
-  }
-  exports.log = console.debug || console.log || (() => {
-  });
-  function save(namespaces) {
-    try {
-      if (namespaces) {
-        exports.storage.setItem("debug", namespaces);
-      } else {
-        exports.storage.removeItem("debug");
-      }
-    } catch (error) {
-    }
-  }
-  function load() {
-    let r2;
-    try {
-      r2 = exports.storage.getItem("debug");
-    } catch (error) {
-    }
-    if (!r2 && typeof process !== "undefined" && "env" in process) {
-      r2 = process.env.DEBUG;
-    }
-    return r2;
-  }
-  function localstorage() {
-    try {
-      return localStorage;
-    } catch (error) {
-    }
-  }
-  module.exports = common(exports);
-  const { formatters: formatters2 } = module.exports;
-  formatters2.j = function(v2) {
-    try {
-      return JSON.stringify(v2);
-    } catch (error) {
-      return "[UnexpectedJSONParseError]: " + error.message;
-    }
-  };
-})(browser, browser.exports);
-var browserExports = browser.exports;
-const Debug = /* @__PURE__ */ getDefaultExportFromCjs(browserExports);
-var __defProp$h = Object.defineProperty;
-var __getOwnPropDesc$h = Object.getOwnPropertyDescriptor;
-var __decorateClass$h = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$h(target, key) : target;
-  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
-    if (decorator = decorators[i3])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$h(target, key, result);
-  return result;
-};
-const debug = Debug("emu:split-view-2");
-let FlowSplitView$1 = class FlowSplitView extends FlowRdfElement {
-  constructor() {
-    super(...arguments);
-    this.dragging = false;
-    this.panelSizes = "1fr";
-    this.vertical = true;
-    this.dividerWidth = "2px";
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  handleDrag(event) {
-    debug("drag", event.detail);
-  }
-  handleDragStart() {
-    debug("drag start");
-    this.dragging = true;
-    debug("computed style", this.calculatePanelSizes());
-  }
-  handleDragEnd() {
-    debug("drag end");
-    this.dragging = false;
-  }
-  calculatePanelSizes() {
-    const gridTemplateProperty = this.vertical ? "grid-template-rows" : "grid-template-columns";
-    const computedSizes = window.getComputedStyle(this.grid)[gridTemplateProperty].split(" ").map((size2) => +size2.slice(0, -2));
-    return this.panelSizes.split(" ").map((size2, index) => {
-      const unit2 = size2.slice(-2);
-      const value = parseInt(size2.slice(0, -2), 10);
-      const pixels = computedSizes[index];
-      return {
-        original: size2,
-        unit: unit2,
-        value,
-        pixels
-      };
-    });
-  }
-  dividerTempate() {
-    return x$2`
-      <flow-ui-split-view-divider ?vertical=${this.vertical} style=${o$2({
-      "--divider-width": this.dividerWidth
-    })}
-        @flow-ui-drag=${this.handleDrag}
-        @flow-ui-drag-start=${this.handleDragStart}
-        @flow-ui-drag-end=${this.handleDragEnd}
-
-      ></flow-ui-split-view-divider>
-    `;
-  }
-  panelTemplate(panelIndex) {
-    return x$2`
-      <slot name=${`panel-${panelIndex}`}></slot>
-    `;
-  }
-  render() {
-    const numPanels = this.panelSizes.split(" ").length;
-    const panels = Array(numPanels).fill(0).map((_2, index) => [index > 0 ? this.dividerTempate() : A$1, this.panelTemplate(index)]);
-    const gridTemplateProperty = this.vertical ? "grid-template-rows" : "grid-template-columns";
-    return x$2`
-      <div
-        class=${o$9({
-      "split-view": true,
-      "split-view--vertical": this.vertical,
-      "split-view--dragging": this.dragging
-    })}
-        style=${o$2({
-      [gridTemplateProperty]: this.panelSizes
-    })}
-      >
-        ${panels}
-      </div>
-    `;
-  }
-};
-FlowSplitView$1.styles = styles$h;
-__decorateClass$h([
-  t$3()
-], FlowSplitView$1.prototype, "dragging", 2);
-__decorateClass$h([
-  i$5(".split-view")
-], FlowSplitView$1.prototype, "grid", 2);
-__decorateClass$h([
-  n$8({ attribute: "panel-sizes" })
-], FlowSplitView$1.prototype, "panelSizes", 2);
-__decorateClass$h([
-  n$8({ type: Boolean, reflect: true })
-], FlowSplitView$1.prototype, "vertical", 2);
-__decorateClass$h([
-  n$8()
-], FlowSplitView$1.prototype, "dividerWidth", 2);
-FlowSplitView$1.define("flow-ui-split-view2");
 const styles$g = i$8`
   ${componentStyles}
 
@@ -26917,7 +26335,7 @@ var __decorateClass$d = (decorators, target, key, kind) => {
     __defProp$d(target, key, result);
   return result;
 };
-class FlowSplitView2 extends FlowRdfElement {
+class FlowSplitView extends FlowRdfElement {
   constructor() {
     super(...arguments);
     this._panels = [];
@@ -26963,7 +26381,6 @@ class FlowSplitView2 extends FlowRdfElement {
   render() {
     const gridTemplateProperty = this.vertical ? "grid-template-rows" : "grid-template-columns";
     return x$2`
-
       <div
         class=${o$9({
       "split-view": true,
@@ -26981,7 +26398,6 @@ class FlowSplitView2 extends FlowRdfElement {
       [gridTemplateProperty]: this.positions.join(" ")
     })}
       >
-
         <slot class="split-view__panel-slot"></slot>
       </div>
     `;
@@ -27023,27 +26439,29 @@ class FlowSplitView2 extends FlowRdfElement {
         break;
       }
     }
-    for (let i3 = startIndex; i3 >= 0 && i3 < this._panels.length; i3 += direction) {
-      const panel = this._panels[i3];
-      if (panel.hidden || panel.closed || panel.size === "auto") {
-        continue;
-      }
-      const panelCurrentSize = this.actualPanelSize(panel);
-      const panelMaxSize = this.sizeToPixels(panel.maxSize ?? "100%");
-      if (panelCurrentSize >= panelMaxSize) {
-        continue;
-      }
-      const panelGrowableSize = panelMaxSize - panelCurrentSize;
-      if (panelGrowableSize > 0) {
-        const growAmount = Math.min(amount, panelGrowableSize);
-        if (!dryRun) {
-          panel.size = panelCurrentSize + growAmount + "px";
+    if (amount > 0) {
+      for (let i3 = startIndex; i3 >= 0 && i3 < this._panels.length; i3 += direction) {
+        const panel = this._panels[i3];
+        if (panel.hidden || panel.closed || panel.size === "auto") {
+          continue;
+        }
+        const panelCurrentSize = this.actualPanelSize(panel);
+        const panelMaxSize = this.sizeToPixels(panel.maxSize ?? "100%");
+        if (panelCurrentSize >= panelMaxSize) {
+          continue;
+        }
+        const panelGrowableSize = panelMaxSize - panelCurrentSize;
+        if (panelGrowableSize > 0) {
+          const growAmount = Math.min(amount, panelGrowableSize);
+          if (!dryRun) {
+            panel.size = panelCurrentSize + growAmount + "px";
+          }
+          amount -= growAmount;
+          amountGrown += growAmount;
+        }
+        if (amount <= 0) {
+          break;
         }
-        amount -= growAmount;
-        amountGrown += growAmount;
-      }
-      if (amount <= 0) {
-        break;
       }
     }
     if (amount > 0 && canOpen) {
@@ -27298,25 +26716,27 @@ class FlowSplitView2 extends FlowRdfElement {
         break;
       }
     }
-    for (let i3 = startIndex; i3 >= 0 && i3 < this._panels.length; i3 += direction) {
-      const panel = this._panels[i3];
-      if (panel.hidden || panel.closed || panel.size === "auto") {
-        continue;
-      }
-      const panelCurrentSize = this.actualPanelSize(panel);
-      const panelMinSize = this.sizeToPixels(panel.minSize ?? "0px");
-      const panelClosedSize = this.sizeToPixels(panel.closedSize ?? "0px");
-      const panelShrinkableSize = panelCurrentSize - Math.max(panelMinSize, panelClosedSize);
-      if (panelShrinkableSize > 0) {
-        const shrinkAmount = Math.min(amount, panelShrinkableSize);
-        if (!dryRun) {
-          panel.size = panelCurrentSize - shrinkAmount + "px";
+    if (amount > 0) {
+      for (let i3 = startIndex; i3 >= 0 && i3 < this._panels.length; i3 += direction) {
+        const panel = this._panels[i3];
+        if (panel.hidden || panel.closed || panel.size === "auto") {
+          continue;
+        }
+        const panelCurrentSize = this.actualPanelSize(panel);
+        const panelMinSize = this.sizeToPixels(panel.minSize ?? "0px");
+        const panelClosedSize = this.sizeToPixels(panel.closedSize ?? "0px");
+        const panelShrinkableSize = panelCurrentSize - Math.max(panelMinSize, panelClosedSize);
+        if (panelShrinkableSize > 0) {
+          const shrinkAmount = Math.min(amount, panelShrinkableSize);
+          if (!dryRun) {
+            panel.size = panelCurrentSize - shrinkAmount + "px";
+          }
+          amount -= shrinkAmount;
+          amountShrunk += shrinkAmount;
+        }
+        if (amount <= 0) {
+          break;
         }
-        amount -= shrinkAmount;
-        amountShrunk += shrinkAmount;
-      }
-      if (amount <= 0) {
-        break;
       }
     }
     if (amount > 0 && canClose) {
@@ -27369,29 +26789,29 @@ class FlowSplitView2 extends FlowRdfElement {
     );
   }
 }
-FlowSplitView2.styles = styles$d;
+FlowSplitView.styles = styles$d;
 __decorateClass$d([
   t$3()
-], FlowSplitView2.prototype, "animatingPanelIndex", 2);
+], FlowSplitView.prototype, "animatingPanelIndex", 2);
 __decorateClass$d([
   n$8({ attribute: "no-drag-close", type: Boolean })
-], FlowSplitView2.prototype, "noDragClose", 2);
+], FlowSplitView.prototype, "noDragClose", 2);
 __decorateClass$d([
   n$8({ type: Array })
-], FlowSplitView2.prototype, "positions", 2);
+], FlowSplitView.prototype, "positions", 2);
 __decorateClass$d([
   n$8({ type: Boolean, reflect: true })
-], FlowSplitView2.prototype, "vertical", 2);
+], FlowSplitView.prototype, "vertical", 2);
 __decorateClass$d([
   i$5(".split-view__panel-slot")
-], FlowSplitView2.prototype, "panelSlot", 2);
+], FlowSplitView.prototype, "panelSlot", 2);
 __decorateClass$d([
   i$5(".split-view")
-], FlowSplitView2.prototype, "splitView", 2);
+], FlowSplitView.prototype, "splitView", 2);
 __decorateClass$d([
   n$8({ reflect: true, type: Boolean })
-], FlowSplitView2.prototype, "dragging", 2);
-FlowSplitView2.define("flow-ui-split-view");
+], FlowSplitView.prototype, "dragging", 2);
+FlowSplitView.define("flow-ui-split-view");
 const styles$c = i$8`
   ${componentStyles}
 
@@ -31352,6 +30772,9 @@ class FlowToolButtonGroup extends FlowRdfElement {
   }
   handleButtonClick(event) {
     const target = event.target.closest("flow-ui-tool-button");
+    if (!target) {
+      return;
+    }
     const toolButtons = this.getAllToolButtons();
     const oldValue = this.value;
     if (target.disabled) {
@@ -32024,7 +31447,7 @@ const translation = {
   toggleColorFormat: "Toggle color format"
 };
 registerTranslation(translation);
-const version = "0.0.20";
+const version = "0.0.22";
 const CONSOLE_HIGHLIGHT_STYLE = `
   padding: 2px 4px;
   border-radius: 2px;
@@ -32079,8 +31502,7 @@ export {
   FlowScrollView,
   FlowSelect,
   FlowSpinner,
-  FlowSplitView2 as FlowSplitView,
-  FlowSplitView$1 as FlowSplitView2,
+  FlowSplitView,
   FlowPanelDivider as FlowSplitViewDivider,
   FlowSplitViewPane,
   FlowSplitViewToggleButton,