@c2n/reorder-list 0.0.4 → 0.0.7

package/dist/reorder-list.js

@@ -1,473 +1,512 @@
-import { nothing as E } from "lit/html.js";
-import { directive as k, PartType as D } from "lit/directive.js";
-import { AsyncDirective as M } from "lit/async-directive.js";
-import { unsafeCSS as $, LitElement as R, html as u } from "lit";
-import { query as S, queryAll as T, property as y, state as O, eventOptions as B, customElement as L } from "lit/decorators.js";
-import { classMap as f } from "lit/directives/class-map.js";
-import { styleMap as F } from "lit/directives/style-map.js";
-const z = /* @__PURE__ */ new WeakMap();
-let x = 0;
-const v = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new WeakSet(), P = () => new Promise((i) => requestAnimationFrame(i)), C = (i, t) => {
-  const e = i - t;
-  return e === 0 ? void 0 : e;
-}, w = (i, t) => {
-  const e = i / t;
-  return e === 1 ? void 0 : e;
-}, b = { left: (i, t) => {
-  const e = C(i, t);
-  return { value: e, transform: e && `translateX(${e}px)` };
-}, top: (i, t) => {
-  const e = C(i, t);
-  return { value: e, transform: e && `translateY(${e}px)` };
-}, width: (i, t) => {
-  const e = w(i, t);
-  return { value: e, transform: e && `scaleX(${e})` };
-}, height: (i, t) => {
-  const e = w(i, t);
-  return { value: e, transform: e && `scaleY(${e})` };
-} }, U = { duration: 333, easing: "ease-in-out" }, _ = ["left", "top", "width", "height", "opacity", "color", "background"], A = /* @__PURE__ */ new WeakMap();
-class X extends M {
-  constructor(t) {
-    if (super(t), this.t = null, this.i = null, this.o = !0, this.shouldLog = !1, t.type === D.CHILD)
-      throw Error("The `animate` directive must be used in attribute position.");
-    this.createFinished();
-  }
-  createFinished() {
-    var t;
-    (t = this.resolveFinished) === null || t === void 0 || t.call(this), this.finished = new Promise((e) => {
-      this.h = e;
-    });
-  }
-  async resolveFinished() {
-    var t;
-    (t = this.h) === null || t === void 0 || t.call(this), this.h = void 0;
-  }
-  render(t) {
-    return E;
-  }
-  getController() {
-    return z.get(this.l);
-  }
-  isDisabled() {
-    var t;
-    return this.options.disabled || ((t = this.getController()) === null || t === void 0 ? void 0 : t.disabled);
-  }
-  update(t, [e]) {
-    var s;
-    const o = this.l === void 0;
-    return o && (this.l = (s = t.options) === null || s === void 0 ? void 0 : s.host, this.l.addController(this), this.element = t.element, A.set(this.element, this)), this.optionsOrCallback = e, (o || typeof e != "function") && this.u(e), this.render(e);
-  }
-  u(t) {
-    var e, s;
-    t = t != null ? t : {};
-    const o = this.getController();
-    o !== void 0 && ((t = { ...o.defaultOptions, ...t }).keyframeOptions = { ...o.defaultOptions.keyframeOptions, ...t.keyframeOptions }), (e = (s = t).properties) !== null && e !== void 0 || (s.properties = _), this.options = t;
-  }
-  v() {
-    const t = {}, e = this.element.getBoundingClientRect(), s = getComputedStyle(this.element);
-    return this.options.properties.forEach((o) => {
-      var r;
-      const n = (r = e[o]) !== null && r !== void 0 ? r : b[o] ? void 0 : s[o], l = Number(n);
-      t[o] = isNaN(l) ? n + "" : l;
-    }), t;
-  }
-  p() {
-    let t, e = !0;
-    return this.options.guard && (t = this.options.guard(), e = ((s, o) => {
-      if (Array.isArray(s)) {
-        if (Array.isArray(o) && o.length === s.length && s.every((r, n) => r === o[n]))
-          return !1;
-      } else if (o === s)
-        return !1;
-      return !0;
-    })(t, this.m)), this.o = this.l.hasUpdated && !this.isDisabled() && !this.isAnimating() && e && this.element.isConnected, this.o && (this.m = Array.isArray(t) ? Array.from(t) : t), this.o;
-  }
-  hostUpdate() {
-    var t;
-    typeof this.optionsOrCallback == "function" && this.u(this.optionsOrCallback()), this.p() && (this.g = this.v(), this.t = (t = this.t) !== null && t !== void 0 ? t : this.element.parentNode, this.i = this.element.nextSibling);
-  }
-  async hostUpdated() {
-    if (!this.o || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered)
-      return;
-    let t;
-    this.prepare(), await P;
-    const e = this._(), s = this.A(this.options.keyframeOptions, e), o = this.v();
-    if (this.g !== void 0) {
-      const { from: r, to: n } = this.O(this.g, o, e);
-      this.log("measured", [this.g, o, r, n]), t = this.calculateKeyframes(r, n);
-    } else {
-      const r = v.get(this.options.inId);
-      if (r) {
-        v.delete(this.options.inId);
-        const { from: n, to: l } = this.O(r, o, e);
-        t = this.calculateKeyframes(n, l), t = this.options.in ? [{ ...this.options.in[0], ...t[0] }, ...this.options.in.slice(1), t[1]] : t, x++, t.forEach((d) => d.zIndex = x);
-      } else
-        this.options.in && (t = [...this.options.in, {}]);
-    }
-    this.animate(t, s);
-  }
-  resetStyles() {
-    var t;
-    this.P !== void 0 && (this.element.setAttribute("style", (t = this.P) !== null && t !== void 0 ? t : ""), this.P = void 0);
-  }
-  commitStyles() {
-    var t, e;
-    this.P = this.element.getAttribute("style"), (t = this.webAnimation) === null || t === void 0 || t.commitStyles(), (e = this.webAnimation) === null || e === void 0 || e.cancel();
-  }
-  reconnected() {
-  }
-  async disconnected() {
-    var t;
-    if (!this.o || (this.options.id !== void 0 && v.set(this.options.id, this.g), this.options.out === void 0))
-      return;
-    if (this.prepare(), await P(), (t = this.t) === null || t === void 0 ? void 0 : t.isConnected) {
-      const s = this.i && this.i.parentNode === this.t ? this.i : null;
-      if (this.t.insertBefore(this.element, s), this.options.stabilizeOut) {
-        const o = this.v();
-        this.log("stabilizing out");
-        const r = this.g.left - o.left, n = this.g.top - o.top;
-        getComputedStyle(this.element).position !== "static" || r === 0 && n === 0 || (this.element.style.position = "relative"), r !== 0 && (this.element.style.left = r + "px"), n !== 0 && (this.element.style.top = n + "px");
-      }
-    }
-    const e = this.A(this.options.keyframeOptions);
-    await this.animate(this.options.out, e), this.element.remove();
-  }
-  prepare() {
-    this.createFinished();
-  }
-  start() {
-    var t, e;
-    (e = (t = this.options).onStart) === null || e === void 0 || e.call(t, this);
-  }
-  didFinish(t) {
-    var e, s;
-    t && ((s = (e = this.options).onComplete) === null || s === void 0 || s.call(e, this)), this.g = void 0, this.animatingProperties = void 0, this.frames = void 0, this.resolveFinished();
-  }
-  _() {
-    const t = [];
-    for (let e = this.element.parentNode; e; e = e == null ? void 0 : e.parentNode) {
-      const s = A.get(e);
-      s && !s.isDisabled() && s && t.push(s);
-    }
-    return t;
-  }
-  get isHostRendered() {
-    const t = I.has(this.l);
-    return t || this.l.updateComplete.then(() => {
-      I.add(this.l);
-    }), t;
-  }
-  A(t, e = this._()) {
-    const s = { ...U };
-    return e.forEach((o) => Object.assign(s, o.options.keyframeOptions)), Object.assign(s, t), s;
-  }
-  O(t, e, s) {
-    t = { ...t }, e = { ...e };
-    const o = s.map((l) => l.animatingProperties).filter((l) => l !== void 0);
-    let r = 1, n = 1;
-    return o !== void 0 && (o.forEach((l) => {
-      l.width && (r /= l.width), l.height && (n /= l.height);
-    }), t.left !== void 0 && e.left !== void 0 && (t.left = r * t.left, e.left = r * e.left), t.top !== void 0 && e.top !== void 0 && (t.top = n * t.top, e.top = n * e.top)), { from: t, to: e };
-  }
-  calculateKeyframes(t, e, s = !1) {
-    var o;
-    const r = {}, n = {};
-    let l = !1;
-    const d = {};
-    for (const p in e) {
-      const c = t[p], g = e[p];
-      if (p in b) {
-        const N = b[p];
-        if (c === void 0 || g === void 0)
-          continue;
-        const m = N(c, g);
-        m.transform !== void 0 && (d[p] = m.value, l = !0, r.transform = `${(o = r.transform) !== null && o !== void 0 ? o : ""} ${m.transform}`);
-      } else
-        c !== g && c !== void 0 && g !== void 0 && (l = !0, r[p] = c, n[p] = g);
-    }
-    return r.transformOrigin = n.transformOrigin = s ? "center center" : "top left", this.animatingProperties = d, l ? [r, n] : void 0;
-  }
-  async animate(t, e = this.options.keyframeOptions) {
-    this.start(), this.frames = t;
-    let s = !1;
-    if (!this.isAnimating() && !this.isDisabled() && (this.options.onFrames && (this.frames = t = this.options.onFrames(this), this.log("modified frames", t)), t !== void 0)) {
-      this.log("animate", [t, e]), s = !0, this.webAnimation = this.element.animate(t, e);
-      const o = this.getController();
-      o == null || o.add(this);
-      try {
-        await this.webAnimation.finished;
-      } catch {
-      }
-      o == null || o.remove(this);
-    }
-    return this.didFinish(s), s;
-  }
-  isAnimating() {
-    var t, e;
-    return ((t = this.webAnimation) === null || t === void 0 ? void 0 : t.playState) === "running" || ((e = this.webAnimation) === null || e === void 0 ? void 0 : e.pending);
-  }
-  log(t, e) {
-    this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, e);
-  }
+import { nothing as e } from "lit/html.js";
+import { PartType as t, directive as n } from "lit/directive.js";
+import { AsyncDirective as r } from "lit/async-directive.js";
+import { LitElement as i, html as a, unsafeCSS as o } from "lit";
+import { eventOptions as s, property as c, query as l, queryAll as u, state as d } from "lit/decorators.js";
+import { customElement as f } from "@c2n/core/element-helper.js";
+import { classMap as p } from "lit/directives/class-map.js";
+import { styleMap as m } from "lit/directives/style-map.js";
+//#region ../../../node_modules/@lit-labs/motion/animate-controller.js
+var h = /* @__PURE__ */ new WeakMap(), g = 0, _ = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new WeakSet(), y = () => new Promise((e) => requestAnimationFrame(e)), b = (e, t) => {
+	let n = e - t;
+	return n === 0 ? void 0 : n;
+}, x = (e, t) => {
+	let n = e / t;
+	return n === 1 ? void 0 : n;
+}, S = {
+	left: (e, t) => {
+		let n = b(e, t);
+		return {
+			value: n,
+			transform: n == null || isNaN(n) ? void 0 : `translateX(${n}px)`
+		};
+	},
+	top: (e, t) => {
+		let n = b(e, t);
+		return {
+			value: n,
+			transform: n == null || isNaN(n) ? void 0 : `translateY(${n}px)`
+		};
+	},
+	width: (e, t) => {
+		let n;
+		t === 0 && (t = 1, n = { width: "1px" });
+		let r = x(e, t);
+		return {
+			value: r,
+			overrideFrom: n,
+			transform: r == null || isNaN(r) ? void 0 : `scaleX(${r})`
+		};
+	},
+	height: (e, t) => {
+		let n;
+		t === 0 && (t = 1, n = { height: "1px" });
+		let r = x(e, t);
+		return {
+			value: r,
+			overrideFrom: n,
+			transform: r == null || isNaN(r) ? void 0 : `scaleY(${r})`
+		};
+	}
+}, C = {
+	duration: 333,
+	easing: "ease-in-out"
+}, w = [
+	"left",
+	"top",
+	"width",
+	"height",
+	"opacity",
+	"color",
+	"background"
+], T = /* @__PURE__ */ new WeakMap(), E = n(class extends r {
+	constructor(e) {
+		if (super(e), this.t = !1, this.i = null, this.o = null, this.h = !0, this.shouldLog = !1, e.type === t.CHILD) throw Error("The `animate` directive must be used in attribute position.");
+		this.createFinished();
+	}
+	createFinished() {
+		this.resolveFinished?.(), this.finished = new Promise((e) => {
+			this.l = e;
+		});
+	}
+	async resolveFinished() {
+		this.l?.(), this.l = void 0;
+	}
+	render(t) {
+		return e;
+	}
+	getController() {
+		return h.get(this.u);
+	}
+	isDisabled() {
+		return this.options.disabled || this.getController()?.disabled;
+	}
+	update(e, [t]) {
+		let n = this.u === void 0;
+		return n && (this.u = e.options?.host, this.u.addController(this), this.u.updateComplete.then((e) => this.t = !0), this.element = e.element, T.set(this.element, this)), this.optionsOrCallback = t, (n || typeof t != "function") && this.m(t), this.render(t);
+	}
+	m(e) {
+		e ??= {};
+		let t = this.getController();
+		t !== void 0 && ((e = {
+			...t.defaultOptions,
+			...e
+		}).keyframeOptions = {
+			...t.defaultOptions.keyframeOptions,
+			...e.keyframeOptions
+		}), e.properties ??= w, this.options = e;
+	}
+	p() {
+		let e = {}, t = this.element.getBoundingClientRect(), n = getComputedStyle(this.element);
+		return this.options.properties.forEach((r) => {
+			let i = t[r] ?? (S[r] ? void 0 : n[r]), a = Number(i);
+			e[r] = isNaN(a) ? i + "" : a;
+		}), e;
+	}
+	v() {
+		let e, t = !0;
+		return this.options.guard && (e = this.options.guard(), t = ((e, t) => {
+			if (Array.isArray(e)) {
+				if (Array.isArray(t) && t.length === e.length && e.every((e, n) => e === t[n])) return !1;
+			} else if (t === e) return !1;
+			return !0;
+		})(e, this._)), this.h = this.t && !this.isDisabled() && !this.isAnimating() && t && this.element.isConnected, this.h && (this._ = Array.isArray(e) ? Array.from(e) : e), this.h;
+	}
+	hostUpdate() {
+		typeof this.optionsOrCallback == "function" && this.m(this.optionsOrCallback()), this.v() && (this.A = this.p(), this.i = this.i ?? this.element.parentNode, this.o = this.element.nextSibling);
+	}
+	async hostUpdated() {
+		if (!this.h || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered) return;
+		let e;
+		this.prepare(), await y;
+		let t = this.P(), n = this.V(this.options.keyframeOptions, t), r = this.p();
+		if (this.A !== void 0) {
+			let { from: n, to: i } = this.O(this.A, r, t);
+			this.log("measured", [
+				this.A,
+				r,
+				n,
+				i
+			]), e = this.calculateKeyframes(n, i);
+		} else {
+			let n = _.get(this.options.inId);
+			if (n) {
+				_.delete(this.options.inId);
+				let { from: i, to: a } = this.O(n, r, t);
+				e = this.calculateKeyframes(i, a), e = this.options.in ? [
+					{
+						...this.options.in[0],
+						...e[0]
+					},
+					...this.options.in.slice(1),
+					e[1]
+				] : e, g++, e.forEach((e) => e.zIndex = g);
+			} else this.options.in && (e = [...this.options.in, {}]);
+		}
+		this.animate(e, n);
+	}
+	resetStyles() {
+		this.j !== void 0 && (this.element.setAttribute("style", this.j ?? ""), this.j = void 0);
+	}
+	commitStyles() {
+		this.j = this.element.getAttribute("style"), this.webAnimation?.commitStyles(), this.webAnimation?.cancel();
+	}
+	reconnected() {}
+	async disconnected() {
+		if (!this.h || (this.options.id !== void 0 && _.set(this.options.id, this.A), this.options.out === void 0)) return;
+		if (this.prepare(), await y(), this.i?.isConnected) {
+			let e = this.o && this.o.parentNode === this.i ? this.o : null;
+			if (this.i.insertBefore(this.element, e), this.options.stabilizeOut) {
+				let e = this.p();
+				this.log("stabilizing out");
+				let t = this.A.left - e.left, n = this.A.top - e.top;
+				getComputedStyle(this.element).position !== "static" || t === 0 && n === 0 || (this.element.style.position = "relative"), t !== 0 && (this.element.style.left = t + "px"), n !== 0 && (this.element.style.top = n + "px");
+			}
+		}
+		let e = this.V(this.options.keyframeOptions);
+		await this.animate(this.options.out, e), this.element.remove();
+	}
+	prepare() {
+		this.createFinished();
+	}
+	start() {
+		this.options.onStart?.(this);
+	}
+	didFinish(e) {
+		e && this.options.onComplete?.(this), this.A = void 0, this.animatingProperties = void 0, this.frames = void 0, this.resolveFinished();
+	}
+	P() {
+		let e = [];
+		for (let t = this.element.parentNode; t; t = t?.parentNode) {
+			let n = T.get(t);
+			n && !n.isDisabled() && n && e.push(n);
+		}
+		return e;
+	}
+	get isHostRendered() {
+		let e = v.has(this.u);
+		return e || this.u.updateComplete.then(() => {
+			v.add(this.u);
+		}), e;
+	}
+	V(e, t = this.P()) {
+		let n = { ...C };
+		return t.forEach((e) => Object.assign(n, e.options.keyframeOptions)), Object.assign(n, e), n;
+	}
+	O(e, t, n) {
+		e = { ...e }, t = { ...t };
+		let r = n.map((e) => e.animatingProperties).filter((e) => e !== void 0), i = 1, a = 1;
+		return r.length > 0 && (r.forEach((e) => {
+			e.width && (i /= e.width), e.height && (a /= e.height);
+		}), e.left !== void 0 && t.left !== void 0 && (e.left = i * e.left, t.left = i * t.left), e.top !== void 0 && t.top !== void 0 && (e.top = a * e.top, t.top = a * t.top)), {
+			from: e,
+			to: t
+		};
+	}
+	calculateKeyframes(e, t, n = !1) {
+		let r = {}, i = {}, a = !1, o = {};
+		for (let n in t) {
+			let s = e[n], c = t[n];
+			if (n in S) {
+				let e = S[n];
+				if (s === void 0 || c === void 0) continue;
+				let t = e(s, c);
+				t.transform !== void 0 && (o[n] = t.value, a = !0, r.transform = `${r.transform ?? ""} ${t.transform}`, t.overrideFrom !== void 0 && Object.assign(r, t.overrideFrom));
+			} else s !== c && s !== void 0 && c !== void 0 && (a = !0, r[n] = s, i[n] = c);
+		}
+		return r.transformOrigin = i.transformOrigin = n ? "center center" : "top left", this.animatingProperties = o, a ? [r, i] : void 0;
+	}
+	async animate(e, t = this.options.keyframeOptions) {
+		this.start(), this.frames = e;
+		let n = !1;
+		if (!this.isAnimating() && !this.isDisabled() && (this.options.onFrames && (this.frames = e = this.options.onFrames(this), this.log("modified frames", e)), e !== void 0)) {
+			this.log("animate", [e, t]), n = !0, this.webAnimation = this.element.animate(e, t);
+			let r = this.getController();
+			r?.add(this);
+			try {
+				await this.webAnimation.finished;
+			} catch {}
+			r?.remove(this);
+		}
+		return this.didFinish(n), n;
+	}
+	isAnimating() {
+		return this.webAnimation?.playState === "running" || this.webAnimation?.pending;
+	}
+	log(e, t) {
+		this.shouldLog && !this.isDisabled() && console.log(e, this.options.id, t);
+	}
+}), D = [
+	"top",
+	"right",
+	"bottom",
+	"left"
+];
+n(class extends r {
+	constructor(e) {
+		if (super(e), e.type !== t.ELEMENT) throw Error("The `position` directive must be used in attribute position.");
+	}
+	render(t, n) {
+		return e;
+	}
+	update(e, [t, n]) {
+		return this.u === void 0 && (this.u = e.options?.host, this.u.addController(this)), this.C = e.element, this.N = t, this.S = n ?? [
+			"left",
+			"top",
+			"width",
+			"height"
+		], this.render(t, n);
+	}
+	hostUpdated() {
+		this.F();
+	}
+	F() {
+		let e = typeof this.N == "function" ? this.N() : this.N?.value, t = e.offsetParent;
+		if (e === void 0 || !t) return;
+		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
+		this.S?.forEach((e) => {
+			let t = D.includes(e) ? n[e] - r[e] : n[e];
+			this.C.style[e] = t + "px";
+		});
+	}
+});
+//#endregion
+//#region src/reorder-list.scss?inline
+var O = ":host{position:relative}.c2-reorder-list-container{gap:var(--c2-reorder-list--container-gap,0px);border-width:var(--c2-reorder-list--container-border-width,0px);border-color:var(--c2-reorder-list--container-border-color,#bcbcc6);border-radius:var(--c2-reorder-list--container-border-radius,8px);padding:var(--c2-reorder-list--container-padding,0px);margin:var(--c2-reorder-list--container-margin,0px);border-style:solid;flex-direction:column;display:flex;position:relative}.c2-reorder-list-container .list-item{background:var(--c2-reorder-list--item-background,transparent);padding:var(--c2-reorder-list--item-padding,0px);border-radius:initial;box-sizing:border-box;position:relative}.c2-reorder-list-container .list-item:not(:last-child){border-bottom:var(--c2-reorder-list--divider-height,0px) solid var(--c2-reorder-list--divider-color,#bcbcc6)}.c2-reorder-list-container .list-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.c2-reorder-list-container .list-item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.c2-reorder-list-container .list-item--reorderable ::slotted(:not([data-fixed])){cursor:pointer;touch-action:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.c2-reorder-list-container .dragging-placeholder{background-color:var(--c2-reorder-list--placeholder-background,transparent);z-index:1}.dragging-item{box-sizing:border-box;background-color:var(--c2-reorder-list--dragging-item-background,transparent);cursor:pointer;z-index:100000;display:none;position:fixed}.dragging-item.dragging-item--active{display:flex}";
+//#endregion
+//#region \0@oxc-project+runtime@0.148.0/helpers/esm/decorate.js
+function k(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }
-const Y = k(X), j = ["top", "right", "bottom", "left"];
-class H extends M {
-  constructor(t) {
-    if (super(t), t.type !== D.ELEMENT)
-      throw Error("The `position` directive must be used in attribute position.");
-  }
-  render(t, e) {
-    return E;
-  }
-  update(t, [e, s]) {
-    var o;
-    return this.l === void 0 && (this.l = (o = t.options) === null || o === void 0 ? void 0 : o.host, this.l.addController(this)), this.j = t.element, this.S = e, this.C = s != null ? s : ["left", "top", "width", "height"], this.render(e, s);
-  }
-  hostUpdated() {
-    this.F();
-  }
-  F() {
-    var t, e;
-    const s = typeof this.S == "function" ? this.S() : (t = this.S) === null || t === void 0 ? void 0 : t.value, o = s.offsetParent;
-    if (s === void 0 || !o)
-      return;
-    const r = s.getBoundingClientRect(), n = o.getBoundingClientRect();
-    (e = this.C) === null || e === void 0 || e.forEach((l) => {
-      const d = j.includes(l) ? r[l] - n[l] : r[l];
-      this.j.style[l] = d + "px";
-    });
-  }
-}
-k(H);
-const q = `:host{position:relative}.c2-reorder-list-container{display:flex;flex-direction:column;position:relative;gap:var(--c2-reorder-list-container-gap, 0px);border-width:var(--c2-reorder-list-container-border-width, 0px);border-color:var(--c2-reorder-list-container-border-color, #bcbcc6);border-style:solid;border-radius:var(--c2-reorder-list-container-border-radius, 8px);padding:var(--c2-reorder-list-container-padding, 0px);margin:var(--c2-reorder-list-container-margin, 0px)}.c2-reorder-list-container .list-item{background:var(--c2-reorder-list-item-background, transparent);padding:var(--c2-reorder-list-item-padding, 0px);border-radius:initial;box-sizing:border-box;position:relative}.c2-reorder-list-container .list-item:not(:last-child){border-bottom:var(--c2-reorder-list-divider-height, 0px) solid var(--c2-reorder-list-divider-color, #bcbcc6)}.c2-reorder-list-container .list-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.c2-reorder-list-container .list-item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.c2-reorder-list-container .list-item--reorderable{cursor:pointer}.c2-reorder-list-container .list-item--reorderable ::slotted(*){touch-action:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;user-select:none}.c2-reorder-list-container .dragging-placeholder{background-color:var(--c2-reorder-list-placeholder-background, transparent);z-index:1}.dragging-item{box-sizing:border-box;position:fixed;background-color:var(--c2-reorder-list-dragging-item-background, transparent);cursor:pointer;z-index:100000;display:none}.dragging-item.dragging-item--active{display:flex}
-`;
-var K = Object.defineProperty, W = Object.getOwnPropertyDescriptor, h = (i, t, e, s) => {
-  for (var o = s > 1 ? void 0 : s ? W(t, e) : t, r = i.length - 1, n; r >= 0; r--)
-    (n = i[r]) && (o = (s ? n(t, e, o) : n(o)) || o);
-  return s && o && K(t, e, o), o;
-};
-let a = class extends R {
-  constructor() {
-    super(...arguments), this.editable = !1, this.dragStartThreshold = 10, this.autoScrollDisabled = !1, this.placeholderSlotIndex = -1, this.placeholderSize = { width: "0px", height: "0px" }, this.childListObserver = null, this.hostBoundingClientRect = null, this.scrollableParent = null, this.scrollableParentRect = void 0, this.pickupPosition = { x: 0, y: 0 }, this.itemPositions = [], this.currentDraggingItem = null, this.currentDraggingSlotIndex = -1, this.skipAnimation = !1, this.hasStartedDragging = !1, this.scrollingTimer = 0, this.cacheMouseEvent = null, this.handleMouseMove = async (i) => {
-      var t;
-      if (!this.isUpdatePending)
-        if (this.hasStartedDragging) {
-          this.cacheMouseEvent = { pageX: i.pageX, pageY: i.pageY }, this.applyTransform(i);
-          const e = this.getItemIndexFromPointerPosition(i);
-          e > -1 && e !== this.placeholderSlotIndex && (this.placeholderSlotIndex = e);
-        } else {
-          const e = this.getPointerPosition(i), s = Math.abs(e.x - this.pickupPosition.x), o = Math.abs(e.y - this.pickupPosition.y);
-          if (!(s + o >= this.dragStartThreshold))
-            return;
-          this.hasStartedDragging = !0, this.skipAnimation = !0;
-          const n = this.getSlottedTargetIndex(i);
-          if (n == -1)
-            return;
-          const l = i.composedPath()[n], d = l.getAttribute("slot"), p = i.composedPath()[n + 2];
-          if (!d) {
-            this.stopDrag();
-            return;
-          }
-          this.pickupPosition = this.getPointerPosition(i);
-          const c = p.getBoundingClientRect(), g = l.getBoundingClientRect();
-          this.currentDraggingItem = l, this.placeholderSlotIndex = parseInt(d), this.currentDraggingSlotIndex = parseInt(d), this.placeholderSize = { width: `${g.width}px`, height: `${g.height}px` }, this.draggingElement.style.width = `${c.width}px`, this.draggingElement.style.height = `${c.height}px`, this.draggingElement.style.top = `${c.top}px`, this.draggingElement.style.left = `${c.left}px`, l.setAttribute("slot", "dragging-item"), this.applyTransform(i), this.updateItemPositions(), this.scrollableParent = this.getNearestScrollableParent(), this.scrollableParentRect = (t = this.scrollableParent) == null ? void 0 : t.getBoundingClientRect(), this.scrollableParent && this.scrollableParent.addEventListener("scroll", this.handleScroll, { passive: !0 });
-        }
-    }, this.handleScroll = () => {
-      if (this.cacheMouseEvent) {
-        this.updateItemPositions(), this.applyTransform(this.cacheMouseEvent);
-        const i = this.getItemIndexFromPointerPosition(this.cacheMouseEvent);
-        i > -1 && i !== this.placeholderSlotIndex && (this.placeholderSlotIndex = i);
-      }
-    }, this.handleMouseUp = () => {
-      if (this.hasStartedDragging && this.currentDraggingItem) {
-        const i = this.getSortChildrenBySlot(), t = this.placeholderSlotIndex;
-        for (let e = 0; e < i.length; e++) {
-          const s = parseInt(i[e].getAttribute("slot"));
-          t > this.currentDraggingSlotIndex && s > this.currentDraggingSlotIndex && s <= t && i[e].setAttribute("slot", (s - 1).toString()), t < this.currentDraggingSlotIndex && s >= t && s < this.currentDraggingSlotIndex && i[e].setAttribute("slot", (s + 1).toString());
-        }
-        this.currentDraggingItem.setAttribute("slot", this.placeholderSlotIndex.toString()), this.skipAnimation = !0, this.dispatchChangeEvent();
-      }
-      this.stopDrag();
-    }, this.startScrollInterval = (i) => {
-      this.stopScrolling();
-      const t = 2;
-      this.scrollingTimer = window.requestAnimationFrame(() => {
-        var e;
-        this.skipAnimation = !0, (e = this.scrollableParent) == null || e.scrollBy(0, i === "up" ? -t : t), this.startScrollInterval(i);
-      });
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.observeChildList(), this.updateSlotMapping();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.childListObserver && this.childListObserver.disconnect();
-  }
-  renderSlots() {
-    const i = { "list-item--reorderable": this.editable }, t = this.createPlaceHolder(i), e = this.getChildItems().length, s = Array.from({ length: e }).map((o, r) => {
-      const n = {
-        id: r,
-        inId: r,
-        skipInitial: !0,
-        disabled: this.skipAnimation || r === e - 1
-      };
-      return this.placeholderSlotIndex !== -1 && this.currentDraggingSlotIndex === r ? u`` : u`<div class="list-item ${f(i)}" ${Y(n)}>
+//#endregion
+//#region src/reorder-list.ts
+var A = class extends i {
+	constructor(...e) {
+		super(...e), this.editable = !1, this.dragStartThreshold = 10, this.autoScrollDisabled = !1, this.placeholderSlotIndex = -1, this.placeholderSize = {
+			width: "0px",
+			height: "0px"
+		}, this.childListObserver = null, this.hostBoundingClientRect = null, this.scrollableParent = null, this.scrollableParentRect = void 0, this.pickupPosition = {
+			x: 0,
+			y: 0
+		}, this.itemPositions = [], this.currentDraggingItem = null, this.currentDraggingSlotIndex = -1, this.skipAnimation = !1, this.hasStartedDragging = !1, this.scrollingTimer = 0, this.cacheMouseEvent = null, this.handleMouseMove = async (e) => {
+			if (!this.isUpdatePending) {
+				if (this.hasStartedDragging) {
+					this.cacheMouseEvent = {
+						pageX: e.pageX,
+						pageY: e.pageY
+					}, this.applyTransform(e);
+					let t = this.getItemIndexFromPointerPosition(e);
+					t > -1 && t !== this.placeholderSlotIndex && (this.placeholderSlotIndex = t);
+				} else {
+					let t = this.getPointerPosition(e);
+					if (!(Math.abs(t.x - this.pickupPosition.x) + Math.abs(t.y - this.pickupPosition.y) >= this.dragStartThreshold)) return;
+					this.hasStartedDragging = !0, this.skipAnimation = !0;
+					let n = this.getSlottedTargetIndex(e);
+					if (n == -1) return;
+					let r = e.composedPath()[n], i = r.getAttribute("slot"), a = e.composedPath()[n + 2];
+					if (!i) {
+						this.stopDrag();
+						return;
+					}
+					this.pickupPosition = this.getPointerPosition(e);
+					let o = a.getBoundingClientRect(), s = r.getBoundingClientRect();
+					this.currentDraggingItem = r, this.placeholderSlotIndex = parseInt(i), this.currentDraggingSlotIndex = parseInt(i), this.placeholderSize = {
+						width: `${s.width}px`,
+						height: `${s.height}px`
+					}, this.draggingElement.style.width = `${o.width}px`, this.draggingElement.style.height = `${o.height}px`, this.draggingElement.style.top = `${o.top}px`, this.draggingElement.style.left = `${o.left}px`, r.setAttribute("slot", "dragging-item"), this.applyTransform(e), this.updateItemPositions(), this.scrollableParent = this.getNearestScrollableParent(), this.scrollableParentRect = this.scrollableParent?.getBoundingClientRect(), this.scrollableParent && this.scrollableParent.addEventListener("scroll", this.handleScroll, { passive: !0 });
+				}
+			}
+		}, this.handleScroll = () => {
+			if (this.cacheMouseEvent) {
+				this.updateItemPositions(), this.applyTransform(this.cacheMouseEvent);
+				let e = this.getItemIndexFromPointerPosition(this.cacheMouseEvent);
+				e > -1 && e !== this.placeholderSlotIndex && (this.placeholderSlotIndex = e);
+			}
+		}, this.handleMouseUp = () => {
+			if (this.hasStartedDragging && this.currentDraggingItem) {
+				let e = this.getSortChildrenBySlot(), t = this.placeholderSlotIndex;
+				for (let n = 0; n < e.length; n++) {
+					let r = parseInt(e[n].getAttribute("slot"));
+					t > this.currentDraggingSlotIndex && r > this.currentDraggingSlotIndex && r <= t && e[n].setAttribute("slot", (r - 1).toString()), t < this.currentDraggingSlotIndex && r >= t && r < this.currentDraggingSlotIndex && e[n].setAttribute("slot", (r + 1).toString());
+				}
+				this.currentDraggingItem.setAttribute("slot", this.placeholderSlotIndex.toString()), this.skipAnimation = !0, this.dispatchChangeEvent();
+			}
+			this.stopDrag();
+		}, this.startScrollInterval = (e) => {
+			this.stopScrolling(), this.scrollingTimer = window.requestAnimationFrame(() => {
+				this.skipAnimation = !0, this.scrollableParent?.scrollBy(0, e === "up" ? -2 : 2), this.startScrollInterval(e);
+			});
+		};
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.observeChildList(), this.updateSlotMapping();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.childListObserver && this.childListObserver.disconnect();
+	}
+	renderSlots() {
+		let e = { "list-item--reorderable": this.editable }, t = this.createPlaceHolder(e), n = this.getChildItems().length, r = Array.from({ length: n }).map((t, r) => {
+			let i = {
+				id: r,
+				inId: r,
+				skipInitial: !0,
+				disabled: this.skipAnimation || r === n - 1
+			};
+			return this.placeholderSlotIndex !== -1 && this.currentDraggingSlotIndex === r ? a`` : a`<div class="list-item ${p(e)}" ${E(i)}>
         <slot name="${r}"></slot>
       </div>`;
-    });
-    return this.placeholderSlotIndex !== -1 && (this.placeholderSlotIndex === this.currentDraggingSlotIndex ? s[this.placeholderSlotIndex] = t : this.placeholderSlotIndex <= this.currentDraggingSlotIndex ? s.splice(this.placeholderSlotIndex, 0, t) : s.splice(this.placeholderSlotIndex + 1, 0, t)), s;
-  }
-  createPlaceHolder(i) {
-    return u` <div class="list-item placeholder ${f(i)}">
+		});
+		return this.placeholderSlotIndex !== -1 && (this.placeholderSlotIndex === this.currentDraggingSlotIndex ? r[this.placeholderSlotIndex] = t : this.placeholderSlotIndex <= this.currentDraggingSlotIndex ? r.splice(this.placeholderSlotIndex, 0, t) : r.splice(this.placeholderSlotIndex + 1, 0, t)), r;
+	}
+	createPlaceHolder(e) {
+		return a` <div class="list-item placeholder ${p(e)}">
       <slot name="placeholder">
-        <div class="dragging-placeholder" style=${F(this.placeholderSize)}></div>
+        <div class="dragging-placeholder" style=${m(this.placeholderSize)}></div>
       </slot>
     </div>`;
-  }
-  render() {
-    const i = { "dragging-item--active": this.placeholderSlotIndex > -1 };
-    return u`
+	}
+	render() {
+		let e = { "dragging-item--active": this.placeholderSlotIndex > -1 };
+		return a`
       <div class="c2-reorder-list-container" @mousedown=${this.handleMouseDown}>${this.renderSlots()}</div>
-      <div class="dragging-item ${f(i)}">
+      <div class="dragging-item ${p(e)}">
         <slot name="dragging-item"></slot>
       </div>
     `;
-  }
-  handleMouseDown(i) {
-    const t = this.getSlottedTargetIndex(i);
-    if (t == -1)
-      return;
-    i.composedPath()[t].getAttribute("slot") && (this.hostBoundingClientRect = this.getBoundingClientRect(), this.pickupPosition = this.getPointerPosition(i), document.addEventListener("mousemove", this.handleMouseMove, { passive: !0 }), document.addEventListener("mouseup", this.handleMouseUp, { passive: !0 }));
-  }
-  getItemIndexFromPointerPosition(i) {
-    return this.itemPositions.findIndex((s) => {
-      const o = s.x + 5, r = s.y + 5, n = s.width - 5, l = s.height - 5;
-      return o < i.pageX && r < i.pageY && o + n > i.pageX && r + l > i.pageY;
-    });
-  }
-  dispatchChangeEvent() {
-    const i = this.getChildItems().map((t) => parseInt(t.getAttribute("slot")));
-    this.dispatchEvent(
-      new CustomEvent("change", {
-        bubbles: !0,
-        cancelable: !0,
-        detail: i
-      })
-    );
-  }
-  stopDrag() {
-    document.removeEventListener("mousemove", this.handleMouseMove), document.removeEventListener("mouseup", this.handleMouseUp), this.scrollableParent && this.scrollableParent.removeEventListener("scroll", this.handleScroll), this.pickupPosition = { x: 0, y: 0 }, this.itemPositions = [], this.hasStartedDragging = !1, this.placeholderSlotIndex = -1, this.scrollableParent = null, this.cacheMouseEvent = null;
-  }
-  getPointerPosition(i) {
-    var s, o;
-    const t = i.pageX - (((s = this.hostBoundingClientRect) == null ? void 0 : s.left) || 0), e = i.pageY - (((o = this.hostBoundingClientRect) == null ? void 0 : o.top) || 0);
-    return { x: t, y: e };
-  }
-  observeChildList() {
-    this.childListObserver = new MutationObserver(() => {
-      this.updateSlotMapping();
-    }), this.childListObserver.observe(this, { subtree: !1, childList: !0 });
-  }
-  async firstUpdated() {
-    this.updateSlotMapping();
-  }
-  updated(i) {
-    i.has("placeholderSlotIndex") && (this.skipAnimation = !1, this.startScrollingIfNecessary(), this.updateItemPositions()), super.updated(i);
-  }
-  startScrollingIfNecessary() {
-    if (this.placeholderElement && this.scrollableParent) {
-      const i = this.placeholderElement.getBoundingClientRect(), t = i.top;
-      t < this.scrollableParentRect.top ? this.startScrollInterval("up") : t + i.height > this.scrollableParentRect.bottom ? this.startScrollInterval("down") : this.stopScrolling();
-    }
-  }
-  stopScrolling() {
-    window.cancelAnimationFrame(this.scrollingTimer);
-  }
-  updateSlotMapping() {
-    const i = this.getChildItems();
-    let t = /* @__PURE__ */ new Map(), e = 0, s = !1;
-    for (const n of i) {
-      const l = n.getAttribute("slot");
-      l && (Number.isNaN(parseInt(l)) ? l === "dragging-item" && t.set(e, this.currentDraggingSlotIndex) : t.set(e, parseInt(l))), e++;
-    }
-    const o = Array.from(t.keys()).sort(
-      (n, l) => t.get(n) - t.get(l)
-    );
-    o.forEach((n, l) => {
-      t.get(n), i[n].setAttribute("slot", l.toString()), s = !0;
-    });
-    let r = o.length;
-    for (const n of i)
-      n.getAttribute("slot") || (n.setAttribute("slot", r.toString()), r++, s = !0);
-    s && (this.requestUpdate(), this.dispatchChangeEvent());
-  }
-  updateItemPositions() {
-    this.itemPositions = [], this.listItemElements.forEach((i) => {
-      this.itemPositions.push(i.getBoundingClientRect());
-    });
-  }
-  applyTransform(i) {
-    const t = this.getPointerPosition(i), e = t.x - this.pickupPosition.x, s = t.y - this.pickupPosition.y;
-    this.draggingElement.style.transform = this.getTransform(e, s);
-  }
-  getTransform(i, t) {
-    return `translate3d(${Math.round(i)}px, ${Math.round(t)}px, 0)`;
-  }
-  getSlottedTargetIndex(i) {
-    return i.composedPath().findIndex((t) => t instanceof Element && !!t.getAttribute("slot"));
-  }
-  getChildItems() {
-    const i = [];
-    for (const t of this.children) {
-      const e = t.getAttribute("slot");
-      (e === "dragging-item" || !e || !Number.isNaN(parseInt(e))) && i.push(t);
-    }
-    return i;
-  }
-  getSortChildrenBySlot() {
-    return this.getChildItems().filter((i) => i !== this.currentDraggingItem).sort((i, t) => {
-      const e = i.getAttribute("slot"), s = t.getAttribute("slot");
-      return parseInt(e || "") - parseInt(s || "");
-    });
-  }
-  getNearestScrollableParent(i = this) {
-    return i == null ? null : i.scrollHeight > i.clientHeight ? i : this.getNearestScrollableParent(i.parentNode);
-  }
-};
-a.styles = $(q);
-h([
-  S(".dragging-item")
-], a.prototype, "draggingElement", 2);
-h([
-  S(".placeholder")
-], a.prototype, "placeholderElement", 2);
-h([
-  S(".c2-reorder-list-container")
-], a.prototype, "containerElement", 2);
-h([
-  T(".list-item")
-], a.prototype, "listItemElements", 2);
-h([
-  y({ type: Boolean, reflect: !0 })
-], a.prototype, "editable", 2);
-h([
-  y({ type: Number })
-], a.prototype, "dragStartThreshold", 2);
-h([
-  y({ type: Boolean })
-], a.prototype, "autoScrollDisabled", 2);
-h([
-  O()
-], a.prototype, "placeholderSlotIndex", 2);
-h([
-  O()
-], a.prototype, "placeholderSize", 2);
-h([
-  B({ passive: !0 })
-], a.prototype, "handleMouseDown", 1);
-a = h([
-  L("c2-reorder-list")
-], a);
-export {
-  a as ReorderList
+	}
+	handleMouseDown(e) {
+		if (!this.editable) return;
+		let t = this.getSlottedTargetIndex(e);
+		if (t == -1) return;
+		let n = e.composedPath()[t];
+		n.getAttribute("slot") && !this.isFixedItem(n) && (this.hostBoundingClientRect = this.getBoundingClientRect(), this.pickupPosition = this.getPointerPosition(e), document.addEventListener("mousemove", this.handleMouseMove, { passive: !0 }), document.addEventListener("mouseup", this.handleMouseUp, { passive: !0 }));
+	}
+	isFixedItem(e) {
+		return !!e && !!e.dataset.fixed;
+	}
+	getItemIndexFromPointerPosition(e) {
+		return this.itemPositions.findIndex((t) => {
+			if (t.isFixed) return !1;
+			let n = t.x + 5, r = t.y + 5, i = t.width - 5, a = t.height - 5;
+			return n < e.pageX && r < e.pageY && n + i > e.pageX && r + a > e.pageY;
+		});
+	}
+	dispatchChangeEvent() {
+		let e = this.getChildItems().map((e) => parseInt(e.getAttribute("slot")));
+		this.dispatchEvent(new CustomEvent("change", {
+			bubbles: !0,
+			cancelable: !0,
+			detail: e
+		}));
+	}
+	stopDrag() {
+		document.removeEventListener("mousemove", this.handleMouseMove), document.removeEventListener("mouseup", this.handleMouseUp), this.scrollableParent && this.scrollableParent.removeEventListener("scroll", this.handleScroll), this.pickupPosition = {
+			x: 0,
+			y: 0
+		}, this.itemPositions = [], this.hasStartedDragging = !1, this.placeholderSlotIndex = -1, this.scrollableParent = null, this.cacheMouseEvent = null;
+	}
+	getPointerPosition(e) {
+		return {
+			x: e.pageX - (this.hostBoundingClientRect?.left || 0),
+			y: e.pageY - (this.hostBoundingClientRect?.top || 0)
+		};
+	}
+	observeChildList() {
+		this.childListObserver = new MutationObserver(() => {
+			this.updateSlotMapping();
+		}), this.childListObserver.observe(this, {
+			subtree: !1,
+			childList: !0
+		});
+	}
+	async firstUpdated() {
+		this.updateSlotMapping();
+	}
+	updated(e) {
+		e.has("placeholderSlotIndex") && (this.skipAnimation = !1, this.startScrollingIfNecessary(), this.updateItemPositions()), super.updated(e);
+	}
+	startScrollingIfNecessary() {
+		if (this.placeholderElement && this.scrollableParent) {
+			let e = this.placeholderElement.getBoundingClientRect(), t = e.top;
+			t < this.scrollableParentRect.top ? this.startScrollInterval("up") : t + e.height > this.scrollableParentRect.bottom ? this.startScrollInterval("down") : this.stopScrolling();
+		}
+	}
+	stopScrolling() {
+		window.cancelAnimationFrame(this.scrollingTimer);
+	}
+	updateSlotMapping() {
+		let e = this.getChildItems(), t = /* @__PURE__ */ new Map(), n = 0, r = !1;
+		for (let r of e) {
+			let e = r.getAttribute("slot");
+			e && (Number.isNaN(parseInt(e)) ? e === "dragging-item" && t.set(n, this.currentDraggingSlotIndex) : t.set(n, parseInt(e))), n++;
+		}
+		let i = Array.from(t.keys()).sort((e, n) => t.get(e) - t.get(n));
+		i.forEach((t, n) => {
+			e[t].setAttribute("slot", n.toString()), r = !0;
+		});
+		let a = i.length;
+		for (let t of e) t.getAttribute("slot") || (t.setAttribute("slot", a.toString()), a++, r = !0);
+		r && (this.requestUpdate(), this.dispatchChangeEvent());
+	}
+	updateItemPositions() {
+		this.itemPositions = [], this.listItemElements.forEach((e) => {
+			let t = e.querySelector("slot");
+			this.itemPositions.push({
+				...j(e),
+				isFixed: t ? this.isFixedItem(t.assignedNodes()[0]) : !1
+			});
+		});
+	}
+	applyTransform(e) {
+		let t = this.getPointerPosition(e), n = t.x - this.pickupPosition.x, r = t.y - this.pickupPosition.y;
+		this.draggingElement.style.transform = this.getTransform(n, r);
+	}
+	getTransform(e, t) {
+		return `translate3d(${Math.round(e)}px, ${Math.round(t)}px, 0)`;
+	}
+	getSlottedTargetIndex(e) {
+		return e.composedPath().findIndex((e) => e instanceof Element && !!e.getAttribute("slot"));
+	}
+	getChildItems() {
+		let e = [];
+		for (let t of this.children) {
+			let n = t.getAttribute("slot");
+			(n === "dragging-item" || !n || !Number.isNaN(parseInt(n))) && e.push(t);
+		}
+		return e;
+	}
+	getSortChildrenBySlot() {
+		return this.getChildItems().filter((e) => e !== this.currentDraggingItem).sort((e, t) => {
+			let n = e.getAttribute("slot"), r = t.getAttribute("slot");
+			return parseInt(n || "") - parseInt(r || "");
+		});
+	}
+	getNearestScrollableParent(e = this) {
+		return e == null ? null : e.scrollHeight > e.clientHeight ? e : this.getNearestScrollableParent(e.parentNode);
+	}
+	static {
+		this.styles = o(O);
+	}
 };
+k([l(".dragging-item")], A.prototype, "draggingElement", void 0), k([l(".placeholder")], A.prototype, "placeholderElement", void 0), k([l(".c2-reorder-list-container")], A.prototype, "containerElement", void 0), k([u(".list-item")], A.prototype, "listItemElements", void 0), k([c({
+	type: Boolean,
+	reflect: !0
+})], A.prototype, "editable", void 0), k([c({ type: Number })], A.prototype, "dragStartThreshold", void 0), k([c({ type: Boolean })], A.prototype, "autoScrollDisabled", void 0), k([d()], A.prototype, "placeholderSlotIndex", void 0), k([d()], A.prototype, "placeholderSize", void 0), k([s({ passive: !0 })], A.prototype, "handleMouseDown", null), A = k([f("c2-reorder-list")], A);
+function j(e) {
+	let t = e.getBoundingClientRect();
+	return {
+		top: t.top,
+		right: t.right,
+		bottom: t.bottom,
+		left: t.left,
+		width: t.width,
+		height: t.height,
+		x: t.x,
+		y: t.y
+	};
+}
+//#endregion
+export { A as ReorderList, j as getMutableClientRect };