@revolist/ui 4.0.6-rc → 4.0.9

package/dropdown/editor-dropdown.style.scss

@@ -2,7 +2,6 @@
 @use '../styles/palette';
 @use '../styles/control';
 
-
 // Mixins
 @mixin focus-style {
   outline: none;
@@ -21,7 +20,6 @@ revo-grid,
   --rv-dropdown-container-tag-background: #{palette.$gray-eeeeee};
   --rv-dropdown-placeholder-color: var(--rv-ui-text-muted);
 
-
   &[theme*='dark'] {
     --rv-dropdown-container-tag-background: #{palette.$gray-2b2b2b};
     --rv-dropdown-placeholder-color: var(--rv-ui-text-muted);
@@ -53,7 +51,8 @@ revo-grid,
     --rv-dropdown-arrow-right: 5px;
     --rv-dropdown-arrow-gap: 4px;
     --rv-dropdown-value-right-space: calc(
-      var(--rv-dropdown-arrow-size) + var(--rv-dropdown-arrow-right) + var(--rv-dropdown-arrow-gap)
+      var(--rv-dropdown-arrow-size) + var(--rv-dropdown-arrow-right) +
+        var(--rv-dropdown-arrow-gap)
     );
 
     @include flex-center;
@@ -91,7 +90,8 @@ revo-grid,
     inset-inline-end: var(--rv-dropdown-arrow-right);
     top: 50%;
     transform: translateY(-50%);
-    transition: transform var(--rv-ui-motion-normal, 160ms) var(--rv-ui-motion-ease, ease-out);
+    transition: transform var(--rv-ui-motion-normal, 160ms)
+      var(--rv-ui-motion-ease, ease-out);
     z-index: 1;
 
     svg {
@@ -213,7 +213,8 @@ revo-grid,
   padding: 6px;
   flex-direction: column;
   transform-origin: top left;
-  animation: revoDropdownMenuIn var(--rv-ui-motion-enter, 180ms) var(--rv-ui-motion-ease, ease-out);
+  animation: revoDropdownMenuIn var(--rv-ui-motion-enter, 180ms)
+    var(--rv-ui-motion-ease, ease-out);
 
   .dropdown-listbox {
     display: flex;
@@ -267,7 +268,8 @@ revo-grid,
       user-select: none;
       margin: 1px 0;
       transition:
-        background-color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out),
+        background-color var(--rv-ui-motion-fast, 120ms)
+          var(--rv-ui-motion-ease, ease-out),
         color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out);
 
       &[class*='theme-dark'] {
@@ -289,7 +291,6 @@ revo-grid,
         opacity: 0.5;
         cursor: not-allowed;
       }
-
     }
 
     .option-content {
@@ -325,12 +326,16 @@ revo-grid,
     border-radius: var(--rv-control-radius, 8px);
     background: var(--rv-ui-surface-sunken);
     color: var(--rv-ui-text);
-    &:focus-visible { outline: 2px solid var(--rv-ui-accent); outline-offset: 1px; }
+    &:focus-visible {
+      outline: 2px solid var(--rv-ui-accent);
+      outline-offset: 1px;
+    }
   }
 }
 
 // Standalone controls own the padding once; grid editors retain their compact insets.
-.dropdown-container:is(.rv-select, .rv-combobox, .rv-multi-select) .dropdown-trigger {
+.dropdown-container:is(.rv-select, .rv-combobox, .rv-multi-select)
+  .dropdown-trigger {
   --rv-dropdown-arrow-size: 9px;
   --rv-dropdown-arrow-right: 12px;
   padding-inline-end: 32px;

package/dropdown/index.js

@@ -1,3 +1,3 @@
-import { d as e, l as t, p as n, u as r } from "../_chunks/native-control-pFMuHf3G.js";
-import { t as i } from "../_chunks/popup-C35Isk7p.js";
+import { d as e, l as t, p as n, u as r } from "../_chunks/native-control-xc_B4vfn.js";
+import { t as i } from "../_chunks/popup-CISbXDnE.js";
 export { t as Dropdown, i as DropdownPopup, n as DropdownPopupContent, r as defineDropdown, e as destroyDropdown };

package/dropdown/lookup-field.js

@@ -1,9 +1,9 @@
-import { i as e, t } from "../_chunks/hooks.module-CG3gN83z.js";
-import { t as n } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { l as r } from "../_chunks/native-control-pFMuHf3G.js";
-import { n as i } from "../_chunks/editor-commit-Bq3wSgvr.js";
+import { i as e, t } from "../_chunks/hooks.module-CXpO2xq6.js";
+import { t as n } from "../_chunks/jsxRuntime.module-ksX_VSbv.js";
+import { l as r } from "../_chunks/native-control-xc_B4vfn.js";
+import { n as i } from "../_chunks/editor-commit-BXIUX0As.js";
 import { EditorActions as a } from "../editor-actions.js";
-//#region src/dropdown/lookup-field.tsx
+//#region package/dropdown/lookup-field.tsx
 function o({ initial: o, options: s, context: c, apply: l, cancel: u }) {
 	let [d, f] = e(o), [p, m] = e(!1), h = s.autoApply !== !1, g = t(!1), _ = t(o), v = d === null || Array.isArray(d) && !d.length;
 	return i(() => {

package/dropdown/popup.js

@@ -1 +1 @@
-export { t as DropdownPopup } from "../_chunks/popup-C35Isk7p.js";
+export { t as DropdownPopup } from "../_chunks/popup-CISbXDnE.js";

package/duration/index.js

@@ -1 +1 @@
-export { t as DurationDraft, n as DurationField } from "../_chunks/duration-D7oRjsmP.js";
+export { t as DurationDraft, n as DurationField } from "../_chunks/duration-BIESsyLI.js";

package/editor-actions.js

@@ -1,7 +1,7 @@
-import { i as e } from "./_chunks/preact.module-BBM36DnO.js";
-import { t } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { t as n } from "./_chunks/controls-FUU-MUKC.js";
-//#region src/editor-actions.tsx
+import { i as e } from "./_chunks/preact.module-DzTStiZX.js";
+import { t } from "./_chunks/jsxRuntime.module-ksX_VSbv.js";
+import { t as n } from "./_chunks/controls-BF6WlGT4.js";
+//#region package/editor-actions.tsx
 var r = {
 	apply: "Apply",
 	cancel: "Cancel",

package/editor-layout/index.d.ts

@@ -5,7 +5,7 @@ type ShellProps = {
 };
 /** Shared editor geometry. Consumers supply column widths and feature policy. */
 export declare function EditorSplitLayout({ children, className }: ShellProps): h.JSX.Element;
-export declare function EditorPane({ children, className, scrollable }: ShellProps & {
+export declare function EditorPane({ children, className, scrollable, }: ShellProps & {
     readonly scrollable?: boolean;
 }): h.JSX.Element;
 export interface EditorListProps extends ShellProps {
@@ -18,7 +18,7 @@ export interface EditorListProps extends ShellProps {
     readonly spacing?: 'default' | 'comfortable';
 }
 /** Single-selection listbox with one keyboard/focus owner across editors. */
-export declare function EditorList({ children, className, label, onSelect, listRef, variant, spacing }: EditorListProps): h.JSX.Element;
+export declare function EditorList({ children, className, label, onSelect, listRef, variant, spacing, }: EditorListProps): h.JSX.Element;
 export type EditorListItemProps = Omit<JSX.IntrinsicElements['button'], 'value' | 'className'> & {
     readonly value: string;
     readonly selected: boolean;
@@ -41,8 +41,8 @@ export interface EditorListItemContentProps {
     };
 }
 /** Reusable row presentation; the enclosing list item owns selection and focus. */
-export declare function EditorListItemContent({ icon, label, description, classNames }: EditorListItemContentProps): h.JSX.Element;
-export declare function EditorListGroup({ label, children, className, labelClassName }: ShellProps & {
+export declare function EditorListItemContent({ icon, label, description, classNames, }: EditorListItemContentProps): h.JSX.Element;
+export declare function EditorListGroup({ label, children, className, labelClassName, }: ShellProps & {
     readonly label: string;
     readonly labelClassName?: string;
 }): h.JSX.Element;

package/editor-layout/index.js

@@ -1,23 +1,28 @@
-import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-//#region src/editor-layout/index.tsx
-function t({ children: t, className: n = "" }) {
-	return /* @__PURE__ */ e("div", {
+import { o as e } from "../_chunks/hooks.module-CXpO2xq6.js";
+import { t } from "../_chunks/jsxRuntime.module-ksX_VSbv.js";
+import { t as n } from "../_chunks/selection-list-tooltips-DqqLeO_m.js";
+//#region package/editor-layout/index.tsx
+function r({ children: e, className: n = "" }) {
+	return /* @__PURE__ */ t("div", {
 		class: `rv-editor-split ${n}`,
-		children: t
+		children: e
 	});
 }
-function n({ children: t, className: n = "", scrollable: r = !1 }) {
-	return /* @__PURE__ */ e("section", {
+function i({ children: e, className: n = "", scrollable: r = !1 }) {
+	return /* @__PURE__ */ t("section", {
 		class: `rv-editor-pane${r ? " rv-editor-pane--scrollable" : ""} ${n}`,
-		children: t
+		children: e
 	});
 }
-function r({ children: t, className: n = "", label: r, onSelect: i, listRef: a, variant: o = "default", spacing: s = "default" }) {
-	return /* @__PURE__ */ e("div", {
-		ref: a,
-		class: `rv-editor-list${o === "plain" ? " rv-editor-list--plain" : ""}${s === "comfortable" ? " rv-editor-list--comfortable" : ""} ${n}`,
+function a({ children: r, className: i = "", label: a, onSelect: o, listRef: s, variant: c = "default", spacing: l = "default" }) {
+	let u = n(), d = e((e) => {
+		u(e), typeof s == "function" ? s(e) : s && (s.current = e);
+	}, [u, s]);
+	return /* @__PURE__ */ t("div", {
+		ref: d,
+		class: `rv-editor-list${c === "plain" ? " rv-editor-list--plain" : ""}${l === "comfortable" ? " rv-editor-list--comfortable" : ""} ${i}`,
 		role: "listbox",
-		"aria-label": r,
+		"aria-label": a,
 		onKeyDown: (e) => {
 			if (![
 				"ArrowDown",
@@ -28,57 +33,57 @@ function r({ children: t, className: n = "", label: r, onSelect: i, listRef: a,
 			let t = Array.from(e.currentTarget.querySelectorAll("[data-editor-value]:not(:disabled)"));
 			if (!t.length) return;
 			let n = Math.max(0, t.indexOf(e.target)), r = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : (n + (e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length;
-			e.preventDefault(), t[r].focus(), i(t[r].dataset.editorValue);
+			e.preventDefault(), t[r].focus(), o(t[r].dataset.editorValue);
 		},
-		children: t
+		children: r
 	});
 }
-function i({ value: t, selected: n, icon: r, label: i, description: o, contentClassNames: s, children: c, className: l = "", ...u }) {
-	return /* @__PURE__ */ e("button", {
+function o({ value: e, selected: n, icon: r, label: i, description: a, contentClassNames: o, children: c, className: l = "", ...u }) {
+	return /* @__PURE__ */ t("button", {
 		...u,
 		type: "button",
 		role: "option",
-		"data-editor-value": t,
+		"data-editor-value": e,
 		"aria-selected": n,
 		tabIndex: u.tabIndex ?? (n ? 0 : -1),
 		class: `rv-editor-list__item${n ? " rv-editor-list__item--selected" : ""} ${l}`,
-		children: i === void 0 ? c : /* @__PURE__ */ e(a, {
+		children: i === void 0 ? c : /* @__PURE__ */ t(s, {
 			icon: r,
 			label: i,
-			description: o,
-			classNames: s
+			description: a,
+			classNames: o
 		})
 	});
 }
-function a({ icon: t, label: n, description: r, classNames: i = {} }) {
-	return /* @__PURE__ */ e("span", {
-		class: `rv-editor-list__content${t ? "" : " rv-editor-list__content--text"}`,
-		children: [t && /* @__PURE__ */ e("span", {
+function s({ icon: e, label: n, description: r, classNames: i = {} }) {
+	return /* @__PURE__ */ t("span", {
+		class: `rv-editor-list__content${e ? "" : " rv-editor-list__content--text"}`,
+		children: [e && /* @__PURE__ */ t("span", {
 			class: `rv-editor-list__icon ${i.icon ?? ""}`,
 			"aria-hidden": "true",
-			children: t
-		}), /* @__PURE__ */ e("span", {
+			children: e
+		}), /* @__PURE__ */ t("span", {
 			class: `rv-editor-list__copy ${i.copy ?? ""}`,
-			children: [/* @__PURE__ */ e("span", {
+			children: [/* @__PURE__ */ t("span", {
 				class: `rv-editor-list__label ${i.label ?? ""}`,
 				children: n
-			}), r !== void 0 && /* @__PURE__ */ e("span", {
+			}), r !== void 0 && /* @__PURE__ */ t("span", {
 				class: `rv-editor-list__description ${i.description ?? ""}`,
 				children: r
 			})]
 		})]
 	});
 }
-function o({ label: t, children: n, className: r = "", labelClassName: i = "" }) {
-	return /* @__PURE__ */ e("div", {
+function c({ label: e, children: n, className: r = "", labelClassName: i = "" }) {
+	return /* @__PURE__ */ t("div", {
 		class: `rv-editor-list__group ${r}`,
 		role: "group",
-		"aria-label": t,
-		children: [/* @__PURE__ */ e("div", {
+		"aria-label": e,
+		children: [/* @__PURE__ */ t("div", {
 			class: `rv-editor-list__group-label ${i}`,
-			children: t
+			children: e
 		}), n]
 	});
 }
 //#endregion
-export { r as EditorList, o as EditorListGroup, i as EditorListItem, a as EditorListItemContent, n as EditorPane, t as EditorSplitLayout };
+export { a as EditorList, c as EditorListGroup, o as EditorListItem, s as EditorListItemContent, i as EditorPane, r as EditorSplitLayout };

package/editor-layout/style.scss

@@ -2,7 +2,10 @@
 
 .rv-editor-split {
   display: grid;
-  grid-template-columns: var(--rv-editor-columns, minmax(0, 1fr) minmax(0, 1fr));
+  grid-template-columns: var(
+    --rv-editor-columns,
+    minmax(0, 1fr) minmax(0, 1fr)
+  );
   gap: var(--rv-editor-gap, 12px);
   min-width: 0;
   min-height: 0;
@@ -11,7 +14,8 @@
   min-width: 0;
   min-height: 0;
   overflow: hidden;
-  border: 1px solid var(--rv-editor-divider, var(--rv-dialog-border, var(--rv-ui-border)));
+  border: 1px solid
+    var(--rv-editor-divider, var(--rv-dialog-border, var(--rv-ui-border)));
   border-radius: var(--rv-editor-radius, 10px);
   background: var(--rv-dialog-bg, var(--rv-ui-surface));
 }
@@ -61,24 +65,84 @@
 }
 .rv-editor-list__item {
   transition:
-    background-color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out),
+    background-color var(--rv-ui-motion-fast, 120ms)
+      var(--rv-ui-motion-ease, ease-out),
     color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out),
     opacity var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out);
 }
-.rv-editor-list__item:hover { background: var(--rv-ui-surface-hover); }
-.rv-editor-list__item.rv-editor-list__item--selected { background: var(--rv-ui-selected-bg); color: var(--rv-ui-selected-fg); }
-.rv-editor-list__item:focus-visible { outline: 2px solid var(--rv-ui-accent); outline-offset: -2px; }
-@media (forced-colors: active) { .rv-editor-list__item--selected { outline: 2px solid Highlight; } }
+.rv-editor-list__item:hover {
+  background: var(--rv-ui-surface-hover);
+}
+.rv-editor-list__item.rv-editor-list__item--selected {
+  background: var(--rv-ui-selected-bg);
+  color: var(--rv-ui-selected-fg);
+}
+.rv-editor-list__item:focus-visible {
+  outline: 2px solid var(--rv-ui-accent);
+  outline-offset: -2px;
+}
+@media (forced-colors: active) {
+  .rv-editor-list__item--selected {
+    outline: 2px solid Highlight;
+  }
+}
 
-.rv-editor-list__item:disabled { opacity: .55; cursor: not-allowed; }
+.rv-editor-list__item:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
 
-.rv-editor-list__content { display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: center; gap: 9px; font-size: 12px; line-height: 1.4; grid-column: 1 / -1; min-width: 0; }
-.rv-editor-list__content--text { grid-template-columns: minmax(0, 1fr); }
-.rv-editor-list__icon { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; }
-.rv-editor-list__icon svg { display: block; width: 13px; height: 13px; fill: currentColor; }
-.rv-editor-list__copy { display: grid; min-width: 0; gap: 0; }
-.rv-editor-list__label, .rv-editor-list__description { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.rv-editor-list__label { font-weight: var(--rv-editor-list-font-weight, 500); }
-.rv-editor-list__description { font-size: 11px; color: var(--rv-ui-text-muted); }
-.rv-editor-list__group { display: grid; gap: 2px; }
-.rv-editor-list__group-label { font-weight: var(--rv-editor-list-font-weight, inherit); padding: 8px 8px 4px; font-size: 11px; color: var(--rv-ui-text-muted); }
+.rv-editor-list__content {
+  display: grid;
+  grid-template-columns: 20px minmax(0, 1fr);
+  align-items: center;
+  gap: 9px;
+  font-size: 12px;
+  line-height: 1.4;
+  grid-column: 1 / -1;
+  min-width: 0;
+}
+.rv-editor-list__content--text {
+  grid-template-columns: minmax(0, 1fr);
+}
+.rv-editor-list__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+}
+.rv-editor-list__icon svg {
+  display: block;
+  width: 13px;
+  height: 13px;
+  fill: currentColor;
+}
+.rv-editor-list__copy {
+  display: grid;
+  min-width: 0;
+  gap: 0;
+}
+.rv-editor-list__label,
+.rv-editor-list__description {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.rv-editor-list__label {
+  font-weight: var(--rv-editor-list-font-weight, 500);
+}
+.rv-editor-list__description {
+  font-size: 11px;
+  color: var(--rv-ui-text-muted);
+}
+.rv-editor-list__group {
+  display: grid;
+  gap: 2px;
+}
+.rv-editor-list__group-label {
+  font-weight: var(--rv-editor-list-font-weight, inherit);
+  padding: 8px 8px 4px;
+  font-size: 11px;
+  color: var(--rv-ui-text-muted);
+}

package/favicon.svg

@@ -0,0 +1,9 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0H14.0974L14.9087 0.0524998C15.7049 0.107143 16.4527 0.171429 17.1232 0.274286C18.361 0.48 19.5301 0.891428 20.5616 1.50857C21.6619 2.12571 22.4871 2.94857 23.106 3.97714C23.5186 4.66286 23.7937 5.41714 23.9312 6.30857L23.9656 6.89143C23.9828 7.23429 24 7.68 24 8.09143L23.9954 8.47337C23.98 9.13368 23.9312 9.66857 23.9312 9.66857C23.7937 10.9029 23.3811 12 22.5559 12.96C21.3868 14.3314 17.8797 15.4286 17.6734 15.4286L18.4269 16.485C20.6392 19.565 22.4159 21.8415 23.7568 23.3145C24.0688 23.6571 24.0688 24 23.5186 24H15.4728L5.70774 10.4914H15.8854C17.2607 10.4914 18.361 9.39429 18.361 7.95429C18.361 6.51429 17.192 5.41714 15.8854 5.41714H2.06304L0 2.67429V1.34057L14.4413 0.685714H0V0Z" fill="url(#paint0_linear_7_11)"/>
+<defs>
+<linearGradient id="paint0_linear_7_11" x1="0.201583" y1="-0.0384081" x2="21.0672" y2="28.776" gradientUnits="userSpaceOnUse">
+<stop stop-color="#04CC3C"/>
+<stop offset="1" stop-color="#0062BC"/>
+</linearGradient>
+</defs>
+</svg>

package/field-configurator.d.ts

@@ -8,8 +8,9 @@ export declare function FieldSummary({ children, className, ...attributes }: Omi
     children: ComponentChildren;
     className?: string;
 }): h.JSX.Element;
-export declare function FieldLibrary({ title, count, children, className, }: {
+export declare function FieldLibrary({ title, id, count, children, className, }: {
     title: string;
+    id?: string;
     count?: ComponentChildren;
     children: ComponentChildren;
     className?: string;
@@ -101,16 +102,26 @@ export interface ConfiguratorCompactItem {
     icon?: string;
     count?: number;
     disabled?: boolean;
+    /** Optional section to focus after opening. */
+    targetId?: string;
     /** Activate the corresponding product tab when reopening. */
     onOpen?: () => void;
 }
+export interface ConfiguratorMiniModeConfig {
+    /** Starts the configurator as a narrow rail. Users can expand and collapse it. */
+    miniMode?: boolean;
+    /** Enables width resizing. Shrinking below 200px collapses to the rail. */
+    resizable?: boolean;
+}
 /** Shared panel shell. Collapsing preserves mounted controls and their drafts. */
-export declare function ConfiguratorPanel({ panelRef, standalone, children, compactItems, compact, onExpand, ...props }: Omit<JSX.HTMLAttributes<HTMLDivElement>, 'ref'> & {
+export declare function ConfiguratorPanel({ panelRef, standalone, children, compactItems, compact: compactProp, onExpand, miniMode, resizable, resizeParent, ...props }: Omit<JSX.HTMLAttributes<HTMLDivElement>, 'ref'> & ConfiguratorMiniModeConfig & {
     panelRef?: import('./_vendor/preact/src/index').Ref<HTMLDivElement>;
     standalone?: boolean;
     compactItems?: readonly ConfiguratorCompactItem[];
     /** Presentation state is owned by the host; the panel adds no toggle button. */
     compact?: boolean;
     onExpand?: () => void;
+    /** Apply the resized width to the product-owned parent as well. */
+    resizeParent?: boolean;
 }): h.JSX.Element;
-export { createFieldExpansion, fieldExpansionIds, recordFieldExpansion, type FieldExpansionState } from './field-expansion';
+export { createFieldExpansion, fieldExpansionIds, recordFieldExpansion, type FieldExpansionState, } from './field-expansion';

package/field-configurator.js

@@ -1,4 +1,4 @@
-import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, x as y, y as b } from "./_chunks/field-configurator-BCINdXpU.js";
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, x as y, y as b } from "./_chunks/field-configurator-BWZnm3gE.js";
 import { fieldDropIndex as x, reorderFields as S } from "./field-reorder.js";
 import { useFieldDropTarget as C, useFieldReorder as w } from "./field-reorder.hook.js";
 export { g as CollapsibleSection, d as ConfiguratorPanel, m as FieldActions, c as FieldContent, t as FieldDropIndicator, f as FieldGroup, h as FieldGroupHeading, r as FieldIcon, l as FieldItem, _ as FieldLibrary, i as FieldLibraryList, a as FieldList, p as FieldRemoveButton, u as FieldRemoveIcon, s as FieldRow, o as FieldStatusBadge, e as FieldSummary, v as SelectedField, b as createFieldExpansion, x as fieldDropIndex, n as fieldExpansionIds, y as recordFieldExpansion, S as reorderFields, C as useFieldDropTarget, w as useFieldReorder };

package/field-reorder.hook.js

@@ -1,6 +1,6 @@
-import { i as e, r as t, t as n } from "./_chunks/hooks.module-CG3gN83z.js";
+import { i as e, r as t, t as n } from "./_chunks/hooks.module-CXpO2xq6.js";
 import { fieldDropIndex as r, fieldListDropIndex as i, reorderFields as a } from "./field-reorder.js";
-//#region src/field-reorder.hook.ts
+//#region package/field-reorder.hook.ts
 function o(a, o) {
 	let s = n({
 		count: a,

package/field-reorder.js

@@ -1,4 +1,4 @@
-//#region src/field-reorder.ts
+//#region package/field-reorder.ts
 function e(e, t, n) {
 	if (!Number.isInteger(t) || !Number.isInteger(n) || t < 0 || t >= e.length || n < 0 || n > e.length || t === n || t + 1 === n) return e;
 	let r = [...e], [i] = r.splice(t, 1);

package/filter/filters/slider/_single-slider.scss

@@ -1,45 +1,64 @@
 /** One scalar thumb/track presentation for native, Stencil and Preact consumers. */
 @mixin presentation {
-    appearance: none;
-    position: static;
-    width: 100%;
-    height: var(--slider-thumb-size, 20px);
-    margin: 0;
-    border: 0;
-    border-radius: 0;
-    background: linear-gradient(
+  appearance: none;
+  position: static;
+  width: 100%;
+  height: var(--slider-thumb-size, 20px);
+  margin: 0;
+  border: 0;
+  border-radius: 0;
+  background: linear-gradient(
       to right,
-      var(--range-color, var(--rv-ui-accent)) 0 var(--rv-single-slider-value, 0%),
-      var(--slider-color, var(--rv-ui-border)) var(--rv-single-slider-value, 0%) 100%
-    ) center / 100% var(--slider-track-height, 4px) no-repeat;
-    cursor: pointer;
-    pointer-events: auto;
+      var(--range-color, var(--rv-ui-accent)) 0
+        var(--rv-single-slider-value, 0%),
+      var(--slider-color, var(--rv-ui-border)) var(--rv-single-slider-value, 0%)
+        100%
+    )
+    center / 100% var(--slider-track-height, 4px) no-repeat;
+  cursor: pointer;
+  pointer-events: auto;
 
-    &::-webkit-slider-thumb {
-      appearance: none;
-      box-sizing: border-box;
-      width: var(--slider-thumb-size, 20px);
-      height: var(--slider-thumb-size, 20px);
-      border: 3px solid var(--slider-thumb-border, var(--range-color, var(--rv-ui-accent)));
-      border-radius: 50%;
-      background: var(--slider-thumb-bg, var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface)));
-      box-shadow: 0 1px 3px var(--rv-ui-shadow);
-      transition: box-shadow var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease);
-      pointer-events: all;
-    }
+  &::-webkit-slider-thumb {
+    appearance: none;
+    box-sizing: border-box;
+    width: var(--slider-thumb-size, 20px);
+    height: var(--slider-thumb-size, 20px);
+    border: 3px solid
+      var(--slider-thumb-border, var(--range-color, var(--rv-ui-accent)));
+    border-radius: 50%;
+    background: var(
+      --slider-thumb-bg,
+      var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface))
+    );
+    box-shadow: 0 1px 3px var(--rv-ui-shadow);
+    transition: box-shadow var(--rv-ui-motion-fast, 120ms)
+      var(--rv-ui-motion-ease, ease);
+    pointer-events: all;
+  }
 
-    &::-moz-range-thumb {
-      box-sizing: border-box;
-      width: var(--slider-thumb-size, 20px);
-      height: var(--slider-thumb-size, 20px);
-      border: 3px solid var(--slider-thumb-border, var(--range-color, var(--rv-ui-accent)));
-      border-radius: 50%;
-      background: var(--slider-thumb-bg, var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface)));
-      box-shadow: 0 1px 3px var(--rv-ui-shadow);
-      transition: box-shadow var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease);
-      pointer-events: all;
-    }
+  &::-moz-range-thumb {
+    box-sizing: border-box;
+    width: var(--slider-thumb-size, 20px);
+    height: var(--slider-thumb-size, 20px);
+    border: 3px solid
+      var(--slider-thumb-border, var(--range-color, var(--rv-ui-accent)));
+    border-radius: 50%;
+    background: var(
+      --slider-thumb-bg,
+      var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface))
+    );
+    box-shadow: 0 1px 3px var(--rv-ui-shadow);
+    transition: box-shadow var(--rv-ui-motion-fast, 120ms)
+      var(--rv-ui-motion-ease, ease);
+    pointer-events: all;
+  }
 
-  &:disabled { opacity: .55; cursor: not-allowed; }
-  &:focus-visible { outline: 2px solid var(--range-color, var(--rv-ui-accent)); outline-offset: 2px; }
+  &:disabled {
+    opacity: 0.55;
+    cursor: not-allowed;
+  }
+  &:focus-visible {
+    outline: 2px solid var(--range-color, var(--rv-ui-accent));
+    outline-offset: 2px;
+  }
 }