@wral/studio.ui.search-filter 0.1.0

package/dist/define.standalone.js

@@ -0,0 +1,1603 @@
+const J = globalThis, ct = J.ShadowRoot && (J.ShadyCSS === void 0 || J.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ht = /* @__PURE__ */ Symbol(), vt = /* @__PURE__ */ new WeakMap();
+let Ft = class {
+  constructor(t, e, i) {
+    if (this._$cssResult$ = !0, i !== ht) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = e;
+  }
+  get styleSheet() {
+    let t = this.o;
+    const e = this.t;
+    if (ct && t === void 0) {
+      const i = e !== void 0 && e.length === 1;
+      i && (t = vt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && vt.set(e, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const te = (n) => new Ft(typeof n == "string" ? n : n + "", void 0, ht), ee = (n, ...t) => {
+  const e = n.length === 1 ? n[0] : t.reduce((i, s, o) => i + ((r) => {
+    if (r._$cssResult$ === !0) return r.cssText;
+    if (typeof r == "number") return r;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + r + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(s) + n[o + 1], n[0]);
+  return new Ft(e, n, ht);
+}, ie = (n, t) => {
+  if (ct) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+  else for (const e of t) {
+    const i = document.createElement("style"), s = J.litNonce;
+    s !== void 0 && i.setAttribute("nonce", s), i.textContent = e.cssText, n.appendChild(i);
+  }
+}, yt = ct ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
+  let e = "";
+  for (const i of t.cssRules) e += i.cssText;
+  return te(e);
+})(n) : n;
+const { is: se, defineProperty: ne, getOwnPropertyDescriptor: oe, getOwnPropertyNames: re, getOwnPropertySymbols: le, getPrototypeOf: ae } = Object, it = globalThis, wt = it.trustedTypes, de = wt ? wt.emptyScript : "", ue = it.reactiveElementPolyfillSupport, V = (n, t) => n, dt = { toAttribute(n, t) {
+  switch (t) {
+    case Boolean:
+      n = n ? de : null;
+      break;
+    case Object:
+    case Array:
+      n = n == null ? n : JSON.stringify(n);
+  }
+  return n;
+}, fromAttribute(n, t) {
+  let e = n;
+  switch (t) {
+    case Boolean:
+      e = n !== null;
+      break;
+    case Number:
+      e = n === null ? null : Number(n);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(n);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, jt = (n, t) => !se(n, t), At = { attribute: !0, type: String, converter: dt, reflect: !1, useDefault: !1, hasChanged: jt };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), it.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+let I = class extends HTMLElement {
+  static addInitializer(t) {
+    this._$Ei(), (this.l ??= []).push(t);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t, e = At) {
+    if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
+      const i = /* @__PURE__ */ Symbol(), s = this.getPropertyDescriptor(t, i, e);
+      s !== void 0 && ne(this.prototype, t, s);
+    }
+  }
+  static getPropertyDescriptor(t, e, i) {
+    const { get: s, set: o } = oe(this.prototype, t) ?? { get() {
+      return this[e];
+    }, set(r) {
+      this[e] = r;
+    } };
+    return { get: s, set(r) {
+      const u = s?.call(this);
+      o?.call(this, r), this.requestUpdate(t, u, i);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) ?? At;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(V("elementProperties"))) return;
+    const t = ae(this);
+    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(V("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(V("properties"))) {
+      const e = this.properties, i = [...re(e), ...le(e)];
+      for (const s of i) this.createProperty(s, e[s]);
+    }
+    const t = this[Symbol.metadata];
+    if (t !== null) {
+      const e = litPropertyMetadata.get(t);
+      if (e !== void 0) for (const [i, s] of e) this.elementProperties.set(i, s);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [e, i] of this.elementProperties) {
+      const s = this._$Eu(e, i);
+      s !== void 0 && this._$Eh.set(s, e);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(t) {
+    const e = [];
+    if (Array.isArray(t)) {
+      const i = new Set(t.flat(1 / 0).reverse());
+      for (const s of i) e.unshift(yt(s));
+    } else t !== void 0 && e.push(yt(t));
+    return e;
+  }
+  static _$Eu(t, e) {
+    const i = e.attribute;
+    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise((t) => this.enableUpdating = t), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t) => t(this));
+  }
+  addController(t) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t), this.renderRoot !== void 0 && this.isConnected && t.hostConnected?.();
+  }
+  removeController(t) {
+    this._$EO?.delete(t);
+  }
+  _$E_() {
+    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
+    for (const i of e.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
+    t.size > 0 && (this._$Ep = t);
+  }
+  createRenderRoot() {
+    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return ie(t, this.constructor.elementStyles), t;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach((t) => t.hostDisconnected?.());
+  }
+  attributeChangedCallback(t, e, i) {
+    this._$AK(t, i);
+  }
+  _$ET(t, e) {
+    const i = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, i);
+    if (s !== void 0 && i.reflect === !0) {
+      const o = (i.converter?.toAttribute !== void 0 ? i.converter : dt).toAttribute(e, i.type);
+      this._$Em = t, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
+    }
+  }
+  _$AK(t, e) {
+    const i = this.constructor, s = i._$Eh.get(t);
+    if (s !== void 0 && this._$Em !== s) {
+      const o = i.getPropertyOptions(s), r = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : dt;
+      this._$Em = s;
+      const u = r.fromAttribute(e, o.type);
+      this[s] = u ?? this._$Ej?.get(s) ?? u, this._$Em = null;
+    }
+  }
+  requestUpdate(t, e, i, s = !1, o) {
+    if (t !== void 0) {
+      const r = this.constructor;
+      if (s === !1 && (o = this[t]), i ??= r.getPropertyOptions(t), !((i.hasChanged ?? jt)(o, e) || i.useDefault && i.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(r._$Eu(t, i)))) return;
+      this.C(t, e, i);
+    }
+    this.isUpdatePending === !1 && (this._$ES = this._$EP());
+  }
+  C(t, e, { useDefault: i, reflect: s, wrapped: o }, r) {
+    i && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, r ?? e ?? this[t]), o !== !0 || r !== void 0) || (this._$AL.has(t) || (this.hasUpdated || i || (e = void 0), this._$AL.set(t, e)), s === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
+  }
+  async _$EP() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$ES;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [s, o] of this._$Ep) this[s] = o;
+        this._$Ep = void 0;
+      }
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [s, o] of i) {
+        const { wrapped: r } = o, u = this[s];
+        r !== !0 || this._$AL.has(s) || u === void 0 || this.C(s, void 0, o, u);
+      }
+    }
+    let t = !1;
+    const e = this._$AL;
+    try {
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), this._$EO?.forEach((i) => i.hostUpdate?.()), this.update(e)) : this._$EM();
+    } catch (i) {
+      throw t = !1, this._$EM(), i;
+    }
+    t && this._$AE(e);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    this._$EO?.forEach((e) => e.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$Eq &&= this._$Eq.forEach((e) => this._$ET(e, this[e])), this._$EM();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+};
+I.elementStyles = [], I.shadowRootOptions = { mode: "open" }, I[V("elementProperties")] = /* @__PURE__ */ new Map(), I[V("finalized")] = /* @__PURE__ */ new Map(), ue?.({ ReactiveElement: I }), (it.reactiveElementVersions ??= []).push("2.1.2");
+const pt = globalThis, xt = (n) => n, tt = pt.trustedTypes, Et = tt ? tt.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Vt = "$lit$", O = `lit$${Math.random().toFixed(9).slice(2)}$`, Wt = "?" + O, ce = `<${Wt}>`, R = document, G = () => R.createComment(""), Q = (n) => n === null || typeof n != "object" && typeof n != "function", ft = Array.isArray, he = (n) => ft(n) || typeof n?.[Symbol.iterator] == "function", ot = `[ 	
+\f\r]`, F = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, St = /-->/g, kt = />/g, T = RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Ot = /'/g, Tt = /"/g, qt = /^(?:script|style|textarea|title)$/i, pe = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), g = pe(1), N = /* @__PURE__ */ Symbol.for("lit-noChange"), _ = /* @__PURE__ */ Symbol.for("lit-nothing"), Ct = /* @__PURE__ */ new WeakMap(), P = R.createTreeWalker(R, 129);
+function Gt(n, t) {
+  if (!ft(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return Et !== void 0 ? Et.createHTML(t) : t;
+}
+const fe = (n, t) => {
+  const e = n.length - 1, i = [];
+  let s, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = F;
+  for (let u = 0; u < e; u++) {
+    const a = n[u];
+    let p, d, c = -1, f = 0;
+    for (; f < a.length && (r.lastIndex = f, d = r.exec(a), d !== null); ) f = r.lastIndex, r === F ? d[1] === "!--" ? r = St : d[1] !== void 0 ? r = kt : d[2] !== void 0 ? (qt.test(d[2]) && (s = RegExp("</" + d[2], "g")), r = T) : d[3] !== void 0 && (r = T) : r === T ? d[0] === ">" ? (r = s ?? F, c = -1) : d[1] === void 0 ? c = -2 : (c = r.lastIndex - d[2].length, p = d[1], r = d[3] === void 0 ? T : d[3] === '"' ? Tt : Ot) : r === Tt || r === Ot ? r = T : r === St || r === kt ? r = F : (r = T, s = void 0);
+    const $ = r === T && n[u + 1].startsWith("/>") ? " " : "";
+    o += r === F ? a + ce : c >= 0 ? (i.push(p), a.slice(0, c) + Vt + a.slice(c) + O + $) : a + O + (c === -2 ? u : $);
+  }
+  return [Gt(n, o + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
+};
+class Z {
+  constructor({ strings: t, _$litType$: e }, i) {
+    let s;
+    this.parts = [];
+    let o = 0, r = 0;
+    const u = t.length - 1, a = this.parts, [p, d] = fe(t, e);
+    if (this.el = Z.createElement(p, i), P.currentNode = this.el.content, e === 2 || e === 3) {
+      const c = this.el.content.firstChild;
+      c.replaceWith(...c.childNodes);
+    }
+    for (; (s = P.nextNode()) !== null && a.length < u; ) {
+      if (s.nodeType === 1) {
+        if (s.hasAttributes()) for (const c of s.getAttributeNames()) if (c.endsWith(Vt)) {
+          const f = d[r++], $ = s.getAttribute(c).split(O), y = /([.?@])?(.*)/.exec(f);
+          a.push({ type: 1, index: o, name: y[2], strings: $, ctor: y[1] === "." ? ge : y[1] === "?" ? me : y[1] === "@" ? _e : st }), s.removeAttribute(c);
+        } else c.startsWith(O) && (a.push({ type: 6, index: o }), s.removeAttribute(c));
+        if (qt.test(s.tagName)) {
+          const c = s.textContent.split(O), f = c.length - 1;
+          if (f > 0) {
+            s.textContent = tt ? tt.emptyScript : "";
+            for (let $ = 0; $ < f; $++) s.append(c[$], G()), P.nextNode(), a.push({ type: 2, index: ++o });
+            s.append(c[f], G());
+          }
+        }
+      } else if (s.nodeType === 8) if (s.data === Wt) a.push({ type: 2, index: o });
+      else {
+        let c = -1;
+        for (; (c = s.data.indexOf(O, c + 1)) !== -1; ) a.push({ type: 7, index: o }), c += O.length - 1;
+      }
+      o++;
+    }
+  }
+  static createElement(t, e) {
+    const i = R.createElement("template");
+    return i.innerHTML = t, i;
+  }
+}
+function M(n, t, e = n, i) {
+  if (t === N) return t;
+  let s = i !== void 0 ? e._$Co?.[i] : e._$Cl;
+  const o = Q(t) ? void 0 : t._$litDirective$;
+  return s?.constructor !== o && (s?._$AO?.(!1), o === void 0 ? s = void 0 : (s = new o(n), s._$AT(n, e, i)), i !== void 0 ? (e._$Co ??= [])[i] = s : e._$Cl = s), s !== void 0 && (t = M(n, s._$AS(n, t.values), s, i)), t;
+}
+class $e {
+  constructor(t, e) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t) {
+    const { el: { content: e }, parts: i } = this._$AD, s = (t?.creationScope ?? R).importNode(e, !0);
+    P.currentNode = s;
+    let o = P.nextNode(), r = 0, u = 0, a = i[0];
+    for (; a !== void 0; ) {
+      if (r === a.index) {
+        let p;
+        a.type === 2 ? p = new B(o, o.nextSibling, this, t) : a.type === 1 ? p = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (p = new be(o, this, t)), this._$AV.push(p), a = i[++u];
+      }
+      r !== a?.index && (o = P.nextNode(), r++);
+    }
+    return P.currentNode = R, s;
+  }
+  p(t) {
+    let e = 0;
+    for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
+  }
+}
+class B {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(t, e, i, s) {
+    this.type = 2, this._$AH = _, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cv = s?.isConnected ?? !0;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && t?.nodeType === 11 && (t = e.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, e = this) {
+    t = M(this, t, e), Q(t) ? t === _ || t == null || t === "" ? (this._$AH !== _ && this._$AR(), this._$AH = _) : t !== this._$AH && t !== N && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : he(t) ? this.k(t) : this._(t);
+  }
+  O(t) {
+    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  }
+  T(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  }
+  _(t) {
+    this._$AH !== _ && Q(this._$AH) ? this._$AA.nextSibling.data = t : this.T(R.createTextNode(t)), this._$AH = t;
+  }
+  $(t) {
+    const { values: e, _$litType$: i } = t, s = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = Z.createElement(Gt(i.h, i.h[0]), this.options)), i);
+    if (this._$AH?._$AD === s) this._$AH.p(e);
+    else {
+      const o = new $e(s, this), r = o.u(this.options);
+      o.p(e), this.T(r), this._$AH = o;
+    }
+  }
+  _$AC(t) {
+    let e = Ct.get(t.strings);
+    return e === void 0 && Ct.set(t.strings, e = new Z(t)), e;
+  }
+  k(t) {
+    ft(this._$AH) || (this._$AH = [], this._$AR());
+    const e = this._$AH;
+    let i, s = 0;
+    for (const o of t) s === e.length ? e.push(i = new B(this.O(G()), this.O(G()), this, this.options)) : i = e[s], i._$AI(o), s++;
+    s < e.length && (this._$AR(i && i._$AB.nextSibling, s), e.length = s);
+  }
+  _$AR(t = this._$AA.nextSibling, e) {
+    for (this._$AP?.(!1, !0, e); t !== this._$AB; ) {
+      const i = xt(t).nextSibling;
+      xt(t).remove(), t = i;
+    }
+  }
+  setConnected(t) {
+    this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
+  }
+}
+class st {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t, e, i, s, o) {
+    this.type = 1, this._$AH = _, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = _;
+  }
+  _$AI(t, e = this, i, s) {
+    const o = this.strings;
+    let r = !1;
+    if (o === void 0) t = M(this, t, e, 0), r = !Q(t) || t !== this._$AH && t !== N, r && (this._$AH = t);
+    else {
+      const u = t;
+      let a, p;
+      for (t = o[0], a = 0; a < o.length - 1; a++) p = M(this, u[i + a], e, a), p === N && (p = this._$AH[a]), r ||= !Q(p) || p !== this._$AH[a], p === _ ? t = _ : t !== _ && (t += (p ?? "") + o[a + 1]), this._$AH[a] = p;
+    }
+    r && !s && this.j(t);
+  }
+  j(t) {
+    t === _ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}
+class ge extends st {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === _ ? void 0 : t;
+  }
+}
+class me extends st {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    this.element.toggleAttribute(this.name, !!t && t !== _);
+  }
+}
+class _e extends st {
+  constructor(t, e, i, s, o) {
+    super(t, e, i, s, o), this.type = 5;
+  }
+  _$AI(t, e = this) {
+    if ((t = M(this, t, e, 0) ?? _) === N) return;
+    const i = this._$AH, s = t === _ && i !== _ || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== _ && (i === _ || s);
+    s && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
+  }
+}
+class be {
+  constructor(t, e, i) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    M(this, t);
+  }
+}
+const ve = { I: B }, ye = pt.litHtmlPolyfillSupport;
+ye?.(Z, B), (pt.litHtmlVersions ??= []).push("3.3.3");
+const we = (n, t, e) => {
+  const i = e?.renderBefore ?? t;
+  let s = i._$litPart$;
+  if (s === void 0) {
+    const o = e?.renderBefore ?? null;
+    i._$litPart$ = s = new B(t.insertBefore(G(), o), o, void 0, e ?? {});
+  }
+  return s._$AI(n), s;
+};
+const $t = globalThis;
+let W = class extends I {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    const t = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t.firstChild, t;
+  }
+  update(t) {
+    const e = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = we(e, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(!0);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(!1);
+  }
+  render() {
+    return N;
+  }
+};
+W._$litElement$ = !0, W.finalized = !0, $t.litElementHydrateSupport?.({ LitElement: W });
+const Ae = $t.litElementPolyfillSupport;
+Ae?.({ LitElement: W });
+($t.litElementVersions ??= []).push("4.2.2");
+const xe = { CHILD: 2 }, Ee = (n) => (...t) => ({ _$litDirective$: n, values: t });
+let Se = class {
+  constructor(t) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t, e, i) {
+    this._$Ct = t, this._$AM = e, this._$Ci = i;
+  }
+  _$AS(t, e) {
+    return this.update(t, e);
+  }
+  update(t, e) {
+    return this.render(...e);
+  }
+};
+const { I: ke } = ve, Pt = (n) => n, Rt = () => document.createComment(""), j = (n, t, e) => {
+  const i = n._$AA.parentNode, s = t === void 0 ? n._$AB : t._$AA;
+  if (e === void 0) {
+    const o = i.insertBefore(Rt(), s), r = i.insertBefore(Rt(), s);
+    e = new ke(o, r, n, n.options);
+  } else {
+    const o = e._$AB.nextSibling, r = e._$AM, u = r !== n;
+    if (u) {
+      let a;
+      e._$AQ?.(n), e._$AM = n, e._$AP !== void 0 && (a = n._$AU) !== r._$AU && e._$AP(a);
+    }
+    if (o !== s || u) {
+      let a = e._$AA;
+      for (; a !== o; ) {
+        const p = Pt(a).nextSibling;
+        Pt(i).insertBefore(a, s), a = p;
+      }
+    }
+  }
+  return e;
+}, C = (n, t, e = n) => (n._$AI(t, e), n), Oe = {}, Te = (n, t = Oe) => n._$AH = t, Ce = (n) => n._$AH, rt = (n) => {
+  n._$AR(), n._$AA.remove();
+};
+const Nt = (n, t, e) => {
+  const i = /* @__PURE__ */ new Map();
+  for (let s = t; s <= e; s++) i.set(n[s], s);
+  return i;
+}, Ut = Ee(class extends Se {
+  constructor(n) {
+    if (super(n), n.type !== xe.CHILD) throw Error("repeat() can only be used in text expressions");
+  }
+  dt(n, t, e) {
+    let i;
+    e === void 0 ? e = t : t !== void 0 && (i = t);
+    const s = [], o = [];
+    let r = 0;
+    for (const u of n) s[r] = i ? i(u, r) : r, o[r] = e(u, r), r++;
+    return { values: o, keys: s };
+  }
+  render(n, t, e) {
+    return this.dt(n, t, e).values;
+  }
+  update(n, [t, e, i]) {
+    const s = Ce(n), { values: o, keys: r } = this.dt(t, e, i);
+    if (!Array.isArray(s)) return this.ut = r, o;
+    const u = this.ut ??= [], a = [];
+    let p, d, c = 0, f = s.length - 1, $ = 0, y = o.length - 1;
+    for (; c <= f && $ <= y; ) if (s[c] === null) c++;
+    else if (s[f] === null) f--;
+    else if (u[c] === r[$]) a[$] = C(s[c], o[$]), c++, $++;
+    else if (u[f] === r[y]) a[y] = C(s[f], o[y]), f--, y--;
+    else if (u[c] === r[y]) a[y] = C(s[c], o[y]), j(n, a[y + 1], s[c]), c++, y--;
+    else if (u[f] === r[$]) a[$] = C(s[f], o[$]), j(n, s[c], s[f]), f--, $++;
+    else if (p === void 0 && (p = Nt(r, $, y), d = Nt(u, c, f)), p.has(u[c])) if (p.has(u[f])) {
+      const E = d.get(r[$]), U = E !== void 0 ? s[E] : null;
+      if (U === null) {
+        const K = j(n, s[c]);
+        C(K, o[$]), a[$] = K;
+      } else a[$] = C(U, o[$]), j(n, s[c], U), s[E] = null;
+      $++;
+    } else rt(s[f]), f--;
+    else rt(s[c]), c++;
+    for (; $ <= y; ) {
+      const E = j(n, a[y + 1]);
+      C(E, o[$]), a[$++] = E;
+    }
+    for (; c <= f; ) {
+      const E = s[c++];
+      E !== null && rt(E);
+    }
+    return this.ut = r, Te(n, a), N;
+  }
+}), zt = {
+  fields: {
+    tag: {
+      label: "Tag",
+      path: "tags.name",
+      type: "text",
+      hint: "e.g. UNC sports"
+    },
+    title: {
+      label: "Headline",
+      path: "metadata.title",
+      type: "text",
+      hint: "e.g. hurricane"
+    },
+    body: {
+      label: "Summary",
+      path: "metadata.description",
+      type: "text",
+      hint: "e.g. storm damage"
+    },
+    author: {
+      label: "Author",
+      path: "metadata.author",
+      type: "text",
+      hint: "e.g. Brian Murphy"
+    },
+    uri: {
+      label: "Article URL",
+      path: "uri",
+      type: "url",
+      hint: "e.g. https://www.wral.com/sports/"
+    },
+    site: {
+      label: "Site",
+      path: "site",
+      type: "text",
+      hint: "e.g. highschoolot.com"
+    },
+    date: {
+      label: "Published",
+      path: "metadata.articlePublishedTime",
+      type: "date"
+    },
+    updated: {
+      label: "Updated",
+      path: "metadata.articleModifiedTime",
+      type: "date"
+    },
+    // combined hero-video field: "has a video" tests
+    // _exists_:metadata.ogVideo, the duration ops filter
+    // metadata.ogVideoDuration (seconds).
+    video: {
+      label: "Has hero video",
+      path: "metadata.ogVideo",
+      type: "video",
+      durationPath: "metadata.ogVideoDuration",
+      hint: "duration in seconds, e.g. 60"
+    },
+    // the default search field: a bare term with no `field:` prefix,
+    // matching the backend's full-text default. Used for legacy
+    // bare-phrase queries.
+    any: {
+      label: "Any field",
+      path: "",
+      type: "text",
+      hint: "e.g. hurricane"
+    }
+  },
+  defaults: {
+    field: "title",
+    conditional: {
+      if: { field: "tag", op: "term" },
+      then: { field: "uri", op: "under", negate: !0 },
+      else: { field: "uri", op: "under" }
+    }
+  }
+}, Pe = [
+  { id: "phrase", label: "contains the phrase" },
+  { id: "term", label: "matches the word" },
+  { id: "starts", label: "starts with" },
+  { id: "fuzzy", label: "sounds like (fuzzy)" },
+  { id: "exists", label: "has any value" }
+], Re = [
+  { id: "is", label: "is exactly" },
+  { id: "under", label: "is anywhere under" }
+], Ne = [
+  { id: "after", label: "is on or after" },
+  { id: "before", label: "is on or before" },
+  { id: "between", label: "is between" }
+], Ue = [
+  { id: "gte", label: "is at least" },
+  { id: "lte", label: "is at most" },
+  { id: "between", label: "is between" }
+], ze = [
+  { id: "exists", label: "has a video" },
+  { id: "longer", label: "is longer than (sec)" },
+  { id: "shorter", label: "is shorter than (sec)" },
+  { id: "between", label: "duration between (sec)" }
+], X = {
+  text: Pe,
+  url: Re,
+  date: Ne,
+  number: Ue,
+  video: ze
+}, Dt = [
+  { id: "AND", label: "all" },
+  { id: "OR", label: "any" }
+], S = (n) => {
+  throw new Error(`search-filter: ${n}`);
+};
+function It(n, t, e) {
+  const i = new Set(X[t].map((s) => s.id));
+  return (!Array.isArray(n) || !n.length) && S(`${e} must be a non-empty array of { id, label }`), n.map((s) => ((!s || !i.has(s.id)) && S(`${e} has unknown ${t} operator id "${s && s.id}" (known: ${[...i].join(", ")})`), { id: s.id, label: s.label || s.id }));
+}
+function De(n, t = {}) {
+  const e = Object.keys(n || {});
+  e.length || S("the fields catalog is empty");
+  const i = {};
+  for (const s of e) {
+    const o = n[s] || {}, r = o.type || "text";
+    X[r] || S(`field "${s}" has unknown type "${r}" (known: ${Object.keys(X).join(", ")})`), typeof o.path != "string" && S(`field "${s}" needs a string path ('' targets the backend's default field)`), r === "video" && !o.durationPath && S(`field "${s}" is type video and needs a durationPath`);
+    const u = o.ops ? It(o.ops, r, `field "${s}" ops`) : t[r] ? It(t[r], r, `operators.${r}`) : X[r];
+    i[s] = {
+      label: o.label || s,
+      path: o.path,
+      type: r,
+      hint: o.hint || "",
+      durationPath: o.durationPath || "",
+      ops: u
+    };
+  }
+  return i;
+}
+function Ie(n) {
+  if (n == null) return Dt;
+  const t = new Set(Dt.map((e) => e.id));
+  return (!Array.isArray(n) || !n.length) && S("booleans must be a non-empty array of { id, label }"), n.map((e) => ((!e || !t.has(e.id)) && S(`unknown boolean operator "${e && e.id}" (known: AND, OR)`), { id: e.id, label: e.label || e.id }));
+}
+let Me = 0;
+const q = () => "n" + ++Me, Y = (n) => String(n).replace(/(["\\])/g, "\\$1"), lt = (n) => Y(n).replace(/\s+/g, "\\ ");
+function ut(n) {
+  const t = [];
+  let e = 0;
+  const i = n.length;
+  for (; e < i; ) {
+    const s = n[e];
+    if (s === " " || s === "	" || s === `
+`) {
+      e++;
+      continue;
+    }
+    if (s === "(" || s === ")") {
+      t.push(s), e++;
+      continue;
+    }
+    let o = "";
+    for (; e < i; ) {
+      const r = n[e];
+      if (r === "\\" && e + 1 < i) {
+        o += r + n[e + 1], e += 2;
+        continue;
+      }
+      if (r === " " || r === "(" || r === ")") break;
+      if (r === '"') {
+        for (o += r, e++; e < i; ) {
+          if (o += n[e], n[e] === '"' && n[e - 1] !== "\\") {
+            e++;
+            break;
+          }
+          e++;
+        }
+        continue;
+      }
+      if (r === "[") {
+        for (o += r, e++; e < i; ) {
+          if (o += n[e], n[e] === "]") {
+            e++;
+            break;
+          }
+          e++;
+        }
+        continue;
+      }
+      o += r, e++;
+    }
+    o === "AND" || o === "OR" || o === "NOT" ? t.push(o) : o === "&&" ? t.push("AND") : o === "||" ? t.push("OR") : t.push({ term: o });
+  }
+  return t;
+}
+function at(n, t) {
+  if (n.startsWith("[")) {
+    const o = n.match(/^\[(.+) TO (.+)\]$/) || [null, "*", "*"], r = o[1], u = o[2];
+    return r === "*" ? { op: t === "number" ? "lte" : "before", value: u } : u === "*" ? { op: t === "number" ? "gte" : "after", value: r } : { op: "between", value: r, value2: u };
+  }
+  if (n.startsWith('"'))
+    return {
+      op: t === "url" ? "under" : "phrase",
+      value: n.slice(1, -1).replace(/\\(.)/g, "$1")
+    };
+  let e = n, i = "";
+  return e.endsWith("*") ? (i = "*", e = e.slice(0, -1)) : e.endsWith("~") && (i = "~", e = e.slice(0, -1)), e = e.replace(/\\ /g, " ").replace(/\\(.)/g, "$1"), { op: t === "url" ? "under" : i === "*" ? "starts" : i === "~" ? "fuzzy" : "term", value: e };
+}
+function Be(n, t) {
+  let e = 0;
+  const i = () => n[e], s = () => n[e++];
+  function o() {
+    let p = !1;
+    for (; i() === "NOT"; )
+      p = !p, s();
+    let d;
+    if (i() === "(")
+      s(), d = u(), i() === ")" && s();
+    else {
+      const c = s();
+      if (!c || typeof c == "string")
+        throw new Error("Unexpected token");
+      d = t(c);
+    }
+    return p && (d.negate = !d.negate), d;
+  }
+  function r() {
+    const p = o(), d = [p];
+    for (; ; ) {
+      const c = i();
+      if (c === "AND")
+        s(), d.push(o());
+      else if (c !== void 0 && c !== ")" && c !== "OR") d.push(o());
+      else break;
+    }
+    return d.length === 1 ? p : {
+      id: q(),
+      kind: "group",
+      op: "AND",
+      negate: !1,
+      children: d
+    };
+  }
+  function u() {
+    const p = r(), d = [p];
+    for (; i() === "OR"; )
+      s(), d.push(r());
+    return d.length === 1 ? p : {
+      id: q(),
+      kind: "group",
+      op: "OR",
+      negate: !1,
+      children: d
+    };
+  }
+  const a = u();
+  if (e < n.length) throw new Error("Unexpected trailing tokens");
+  return a;
+}
+function He(n, t) {
+  let e = "", i = n;
+  return i.startsWith("-") && (e = "-", i = i.slice(1)), Qt.has(i) || /^[A-Za-z_][\w.$]*:/.test(i) ? n : e + t + ":" + i;
+}
+function et(n) {
+  const t = (i) => i && typeof i == "object", e = [];
+  for (let i = 0; i < n.length; i++) {
+    const s = n[i], o = t(s) && /^(-?)([A-Za-z_][\w.$]*):$/.exec(s.term);
+    if (o && n[i + 1] === "(") {
+      let r = 0, u = i + 1;
+      for (; u < n.length; u++)
+        if (n[u] === "(") r++;
+        else if (n[u] === ")" && --r === 0) break;
+      if (u < n.length) {
+        o[1] === "-" && e.push("NOT"), e.push("(");
+        for (const a of et(n.slice(i + 2, u)))
+          e.push(t(a) ? { term: He(a.term, o[2]) } : a);
+        e.push(")"), i = u;
+        continue;
+      }
+    }
+    e.push(s);
+  }
+  return e;
+}
+function Le(n) {
+  let t = 0, e = 0;
+  for (const i of n)
+    if (i === "(" ? t++ : i === ")" ? t-- : i === '"' && e++, t < 0) break;
+  return t !== 0 ? "Unbalanced parentheses." : e % 2 !== 0 ? "Unbalanced quotes." : "";
+}
+const Qt = /* @__PURE__ */ new Set(["AND", "OR", "NOT"]);
+function Fe(n) {
+  const t = n.indexOf(":");
+  return t < 0 ? null : { field: n.slice(0, t), value: n.slice(t + 1) };
+}
+function je(n) {
+  const t = Fe(n);
+  if (!t) return n;
+  let e = t.value;
+  if (e.length > 1 && e.startsWith('"') && e.endsWith('"')) {
+    const i = e.slice(1, -1);
+    i && !/\s/.test(i) && (e = i);
+  }
+  return t.field + ":" + e;
+}
+function Ve(n) {
+  let t = n.slice();
+  for (let e = !0; e; ) {
+    e = !1;
+    for (let i = 0; i + 2 < t.length; i++)
+      if (t[i] === "(" && t[i + 2] === ")" && t[i + 1] !== "(" && t[i + 1] !== ")") {
+        t.splice(i, 3, t[i + 1]), e = !0;
+        break;
+      }
+    if (!e && t.length >= 2 && t[0] === "(" && t[t.length - 1] === ")") {
+      let i = 0, s = !0;
+      for (let o = 0; o < t.length; o++)
+        if (t[o] === "(") i++;
+        else if (t[o] === ")" && --i === 0 && o !== t.length - 1) {
+          s = !1;
+          break;
+        }
+      s && (t = t.slice(1, -1), e = !0);
+    }
+  }
+  return t;
+}
+function We(n) {
+  return n[0] === "!" ? "-" + n.slice(1) : n;
+}
+function Mt(n) {
+  const t = et(ut(n)).map((s) => typeof s == "string" ? s : s.term).map(We), e = [];
+  for (let s = 0; s < t.length; s++) {
+    const o = t[s];
+    if (o === "NOT" && s + 1 < t.length && t[s + 1] !== "(" && !Qt.has(t[s + 1])) {
+      const r = t[++s];
+      e.push(r.startsWith("-") ? r.slice(1) : "-" + r);
+    } else
+      e.push(o);
+  }
+  return Ve(
+    e.filter((s) => s !== "AND").map(je)
+  ).join(" ");
+}
+function qe(n) {
+  const t = (s) => s === "AND" || s === "OR" || s === "NOT", e = (s) => s === ")" || !t(s) && s !== "(", i = (s) => s === "(" || !t(s) && s !== ")" && s[0] !== "-" && s[0] !== "!" && s[0] !== "+";
+  for (let s = 0; s + 1 < n.length; s++)
+    if (e(n[s]) && i(n[s + 1])) return !0;
+  return !1;
+}
+function Bt(n = {}) {
+  const t = n.fields == null, e = De(
+    n.fields ?? zt.fields,
+    n.operators
+  ), i = Ie(n.booleans), s = new Set(i.map((l) => l.id)), o = n.defaults ?? (t ? zt.defaults : null), r = Object.keys(e), u = (l) => r.find((h) => e[h].path === l), a = (l, h) => e[l].ops.some((m) => m.id === h), p = (l, h) => {
+    l && (e[l.field] || S(`${h} names unknown field "${l.field}"`), l.op && !a(l.field, l.op) && S(`${h} uses operator "${l.op}" not offered for field "${l.field}"`));
+  };
+  o?.field && !e[o.field] && S(`defaults.field names unknown field "${o.field}"`), p(o?.conditional?.if, "defaults.conditional.if"), p(o?.conditional?.then, "defaults.conditional.then"), p(o?.conditional?.else, "defaults.conditional.else");
+  const d = o?.field || r[0], c = (l = d, h = {}) => ({
+    id: q(),
+    kind: "rule",
+    field: l,
+    op: e[l].ops[0].id,
+    value: "",
+    value2: "",
+    negate: !1,
+    boost: "",
+    ...h
+  }), f = (l = i[0].id, h = null) => ({
+    id: q(),
+    kind: "group",
+    op: l,
+    negate: !1,
+    children: h || [c()]
+  }), $ = (l) => l ? c(l.field, {
+    ...l.op ? { op: l.op } : {},
+    ...l.negate ? { negate: !0 } : {}
+  }) : c(), y = () => ({
+    id: q(),
+    kind: "conditional",
+    cond: f("AND", [$(o?.conditional?.if)]),
+    then: f("AND", [$(o?.conditional?.then)]),
+    els: f("AND", [$(o?.conditional?.else)])
+  }), E = () => f("AND", [$(o?.conditional?.else)]);
+  function U(l) {
+    const h = e[l.field], m = h.path;
+    if (h.type === "video") {
+      let x = "";
+      if (l.op === "exists")
+        x = `_exists_:${m}`;
+      else {
+        const k = (l.value || "").trim(), L = (l.value2 || "").trim();
+        l.op === "longer" ? x = k && `${h.durationPath}:[${k} TO *]` : l.op === "shorter" ? x = k && `${h.durationPath}:[* TO ${k}]` : l.op === "between" && (x = k && L && `${h.durationPath}:[${k} TO ${L}]`);
+      }
+      return x ? l.negate ? "-" + x : x : "";
+    }
+    const b = m ? `${m}:` : "", v = (l.value || "").trim(), D = (l.value2 || "").trim();
+    let w = "";
+    if (h.type === "url") {
+      if (!v) return "";
+      w = l.op === "is" ? `${m}.keyword:"${Y(v)}"` : `${b}"${Y(v)}"`;
+    } else if (h.type === "date" || h.type === "number")
+      if (l.op === "between") {
+        if (!v || !D) return "";
+        w = `${b}[${v} TO ${D}]`;
+      } else if (l.op === "after" || l.op === "gte") {
+        if (!v) return "";
+        w = `${b}[${v} TO *]`;
+      } else {
+        if (!v) return "";
+        w = `${b}[* TO ${v}]`;
+      }
+    else if (l.op === "exists") {
+      if (!m) return "";
+      w = `_exists_:${m}`;
+    } else {
+      if (!v) return "";
+      l.op === "phrase" ? w = `${b}"${Y(v)}"` : l.op === "term" ? w = `${b}${lt(v)}` : l.op === "starts" ? w = `${b}${lt(v)}*` : l.op === "fuzzy" && (w = `${b}${lt(v)}~`);
+    }
+    return w ? (l.boost && Number(l.boost) > 0 && l.op !== "exists" && (w += `^${l.boost}`), l.negate && (w = "-" + w), w) : "";
+  }
+  function K(l) {
+    return l.kind === "rule" ? U(l) : l.kind === "conditional" ? gt(l) : z(l);
+  }
+  function z(l, h = !1) {
+    const m = l.children.map(K).filter(Boolean);
+    if (m.length === 0) return "";
+    const b = m.join(` ${l.op} `);
+    let v = m.length > 1 && !h ? `(${b})` : b;
+    return l.negate && (v = m.length > 1 ? `NOT (${b})` : `NOT ${b}`), v;
+  }
+  function gt(l) {
+    const h = z(l.cond), m = z(l.then), b = l.els ? z(l.els) : "";
+    if (!h) return m || "";
+    const v = m ? `(${h} AND ${m})` : `(${h})`;
+    return b ? `(${v} OR (NOT (${h}) AND ${b}))` : v;
+  }
+  function mt(l) {
+    return z(l, !0) || "";
+  }
+  function H(l, h) {
+    if (h.op && !a(l, h.op))
+      throw new Error(`Unsupported operator for ${l}: ${h.op}`);
+    return c(l, h);
+  }
+  function Kt(l) {
+    let h = l.term, m = !1;
+    h[0] === "-" || h[0] === "!" ? (m = !0, h = h.slice(1)) : h[0] === "+" && (h = h.slice(1));
+    let b = "";
+    const v = h.match(/\^(\d+(?:\.\d+)?)$/);
+    v && (b = v[1], h = h.slice(0, -v[0].length));
+    const D = h.indexOf(":");
+    if (D < 0) {
+      const A = u("");
+      if (!A) throw new Error(`No default field for bare term: ${h}`);
+      return H(A, {
+        ...at(h, e[A].type),
+        negate: m,
+        boost: b
+      });
+    }
+    const w = h.slice(0, D), x = h.slice(D + 1);
+    if (w === "_exists_") {
+      const A = u(x.replace(/^"(.*)"$/, "$1"));
+      if (!A) throw new Error(`Unknown field: ${x}`);
+      return H(A, { op: "exists", negate: m });
+    }
+    const k = r.find((A) => e[A].type === "video" && e[A].durationPath === w);
+    if (k && x.startsWith("[")) {
+      const { op: A, value: Xt, value2: Yt } = at(x, "number");
+      return H(k, { op: A === "gte" ? "longer" : A === "lte" ? "shorter" : "between", value: Xt, value2: Yt || "", negate: m });
+    }
+    const L = r.find((A) => e[A].type === "url" && w === e[A].path + ".keyword");
+    if (L) {
+      const A = x.startsWith('"') ? x.slice(1, -1).replace(/\\(.)/g, "$1") : x;
+      return H(L, { op: "is", value: A, negate: m });
+    }
+    const nt = u(w);
+    if (!nt) throw new Error(`Unknown field: ${w}`);
+    return H(nt, {
+      ...at(x, e[nt].type),
+      negate: m,
+      boost: b
+    });
+  }
+  function _t(l) {
+    if (!l || !l.trim()) return f(void 0, []);
+    const h = Be(et(ut(l)), Kt);
+    return h.kind === "group" ? h : f(void 0, [h]);
+  }
+  const bt = (l) => l.kind !== "group" || s.has(l.op) && l.children.every(bt);
+  function Jt(l) {
+    if (!l || !l.trim()) return !0;
+    try {
+      const h = et(ut(l)).map((b) => typeof b == "string" ? b : b.term);
+      if (qe(h)) return !1;
+      const m = _t(l);
+      return bt(m) ? Mt(mt(m)) === Mt(l) : !1;
+    } catch {
+      return !1;
+    }
+  }
+  return {
+    fields: e,
+    fieldKeys: r,
+    groupOps: i,
+    defaultField: d,
+    // conditionals desugar to OR-of-ANDs, so they're only on offer
+    // when both joiners are
+    supportsConditionals: s.has("AND") && s.has("OR"),
+    newRule: c,
+    newGroup: f,
+    newConditional: y,
+    newElse: E,
+    ruleToLucene: U,
+    groupToLucene: z,
+    condToLucene: gt,
+    toLucene: mt,
+    parseLucene: _t,
+    roundTrips: Jt
+  };
+}
+const Ge = (n) => n && n[0].toUpperCase() + n.slice(1);
+function Ht(n = {}) {
+  const t = n.itemNoun || "story", e = n.itemNounPlural || (n.itemNoun ? n.itemNoun + "s" : "stories");
+  return {
+    itemNoun: t,
+    itemNounPlural: e,
+    intro: `Describe the ${e} you want in plain language — the query writes itself.`,
+    rawUnsupported: "This query uses syntax the visual editor can't represent, so it's shown as raw text.",
+    rawButton: "Raw Query",
+    visualButton: "Query Builder",
+    rawSynced: "Synced.",
+    rawSaved: "Saved as raw text — the visual builder can't represent this query. Adjust it to a supported form to switch back.",
+    matchPrefix: `${Ge(e)} must match`,
+    matchSuffix: "of these rules",
+    empty: `No rules yet, so every ${t} can appear. Add a rule to narrow the collection.`,
+    addRule: "Rule",
+    addRuleTip: 'Add one condition, like Title contains "storm".',
+    addConditional: "If/then",
+    addConditionalTip: `Apply conditions only to ${e} that match a test first.`,
+    actsHelpRule: "adds a single condition",
+    actsHelpConditional: `applies conditions only to certain ${e}`,
+    conditionalTitle: "IF / THEN",
+    conditionalIf: `If a ${t} matches`,
+    conditionalThen: "then include only when",
+    conditionalElse: "otherwise include only when",
+    removeElse: "remove",
+    addElse: "Otherwise branch",
+    addSubRule: "Rule",
+    addSubRuleTip: "Add another condition to this list.",
+    include: "Include",
+    exclude: "Exclude",
+    ruleTag: "Rule",
+    between: "and",
+    // sic: "a values." matches the original builder's rendered string
+    // (`…a value${plural ? 's' : ''}.`) byte-for-byte
+    pendingOne: "Ignored until you enter a value.",
+    pendingBoth: "Ignored until you enter a values.",
+    ...n
+  };
+}
+const Qe = ["fields", "operators", "booleans", "defaults"];
+class Zt extends W {
+  static get properties() {
+    return {
+      value: { type: String },
+      fields: { type: Object },
+      operators: { type: Object },
+      booleans: { type: Array },
+      defaults: { type: Object },
+      labels: { type: Object },
+      advanced: { type: Boolean, state: !0 },
+      rawError: { type: String, state: !0 },
+      configError: { type: String, state: !0 },
+      dragId: { type: String, state: !0 },
+      dropId: { type: String, state: !0 }
+    };
+  }
+  constructor() {
+    super(), this.value = "", this.fields = null, this.operators = null, this.booleans = null, this.defaults = null, this.labels = null, this.configError = "", this._model = Bt(), this._labels = Ht(), this.root = this._model.newGroup(void 0, []), this.advanced = !1, this.canVisual = !0, this.rawError = "", this.dragId = null, this.dropId = null, this._emitted = void 0;
+  }
+  willUpdate(t) {
+    const e = Qe.some((i) => t.has(i));
+    e && this._rebuildModel(), t.has("labels") && (this._labels = Ht(this.labels || {})), (e && !this.configError || t.has("value") && this.value !== this._emitted) && this._syncFromValue();
+  }
+  /**
+   * Rebuild the catalog-bound model from the JSON config. A bad config
+   * (unknown type/operator, missing path, …) keeps the previous model
+   * and surfaces the error instead of crashing the host app.
+   */
+  _rebuildModel() {
+    try {
+      this._model = Bt({
+        fields: this.fields ?? void 0,
+        operators: this.operators ?? void 0,
+        booleans: this.booleans ?? void 0,
+        defaults: this.defaults ?? void 0
+      }), this.configError = "";
+    } catch (t) {
+      this.configError = t.message;
+    }
+  }
+  _syncFromValue() {
+    const t = this.value || "";
+    if (this._model.roundTrips(t)) {
+      this.canVisual = !0;
+      try {
+        this.root = this._model.parseLucene(t);
+      } catch {
+        this.canVisual = !1, this.advanced = !0;
+      }
+    } else
+      this.canVisual = !1, this.advanced = !0;
+  }
+  _commit() {
+    this.root = { ...this.root }, this._emit(this._model.toLucene(this.root));
+  }
+  _emit(t) {
+    this._emitted = t, this.value = t, this.dispatchEvent(new CustomEvent("change", {
+      detail: { value: t }
+    })), this.requestUpdate();
+  }
+  /* ---- tree helpers ---- */
+  _kids(t) {
+    return t.kind === "group" ? t.children : t.kind === "conditional" ? [t.cond, t.then, t.els].filter(Boolean) : [];
+  }
+  _find(t, e) {
+    if (t.id === e) return t;
+    for (const i of this._kids(t)) {
+      const s = this._find(i, e);
+      if (s) return s;
+    }
+    return null;
+  }
+  _parent(t, e, i = null) {
+    if (t.id === e) return i;
+    for (const s of this._kids(t)) {
+      const o = this._parent(s, e, t);
+      if (o !== void 0) return o;
+    }
+  }
+  /* ---- mutations ---- */
+  _addRule(t) {
+    this._find(this.root, t).children.push(this._model.newRule()), this._commit();
+  }
+  _addCond(t) {
+    this._find(this.root, t).children.push(this._model.newConditional()), this._commit();
+  }
+  _remove(t) {
+    const e = this._parent(this.root, t);
+    !e || e.kind !== "group" || (e.children = e.children.filter((i) => i.id !== t), this._commit());
+  }
+  _setOp(t, e) {
+    this._find(this.root, t).op = e, this._commit();
+  }
+  _toggleNeg(t) {
+    const e = this._find(this.root, t);
+    e.negate = !e.negate, this._commit();
+  }
+  _patch(t, e) {
+    const i = this._find(this.root, t);
+    Object.assign(i, e), e.field && (i.op = this._model.fields[e.field].ops[0].id, i.value = "", i.value2 = ""), this._commit();
+  }
+  _dropEls(t) {
+    this._find(this.root, t).els = null, this._commit();
+  }
+  _addEls(t) {
+    this._find(this.root, t).els = this._model.newElse(), this._commit();
+  }
+  /* ---- drag to reorder ---- */
+  _dragStart(t, e) {
+    this.dragId = e, t.dataTransfer.effectAllowed = "move";
+  }
+  /** A drag can only drop onto a sibling in the same group. */
+  _canDrop(t) {
+    const e = this.dragId;
+    if (!e || e === t) return !1;
+    const i = this._parent(this.root, e), s = this._parent(this.root, t);
+    return !!i && i === s && i.kind === "group";
+  }
+  _dragOver(t, e) {
+    t.preventDefault(), e !== this.dropId && this._canDrop(e) && (this.dropId = e);
+  }
+  _dragEnd() {
+    this.dragId = null, this.dropId = null;
+  }
+  _drop(t, e) {
+    t.preventDefault();
+    const i = this.dragId, s = this._canDrop(e);
+    if (this.dragId = null, this.dropId = null, !s) return;
+    const r = this._parent(this.root, i).children, u = r.findIndex((d) => d.id === i), a = r.findIndex((d) => d.id === e);
+    if (u < 0 || a < 0) return;
+    const [p] = r.splice(u, 1);
+    r.splice(a, 0, p), this._commit();
+  }
+  /* ---- raw (advanced) mode ---- */
+  _syncRaw(t) {
+    if (this.rawError = Le(t), !this.rawError) {
+      if (this._model.roundTrips(t)) {
+        this.canVisual = !0;
+        try {
+          this.root = this._model.parseLucene(t);
+        } catch {
+          this.canVisual = !1;
+        }
+      } else
+        this.canVisual = !1;
+      this._emit(t);
+    }
+  }
+  _toggleAdvanced() {
+    this.advanced && !this.canVisual || (this.advanced = !this.advanced);
+  }
+  render() {
+    const t = this._labels;
+    return this.configError ? g`<p class="err">${this.configError}</p>` : g`
+		<div class="qbar">
+			${this.canVisual ? this.advanced ? _ : g`<span class="intro">
+				${t.intro}</span>` : g`<span class="note">${t.rawUnsupported}
+			</span>`}
+			<studio-button size="small" style-type="outline"
+				state=${this.advanced && !this.canVisual ? "disabled" : "default"}
+				background-color=${this.advanced ? "var(--studio-primary, #001D68)" : ""}
+				text-color=${this.advanced ? "#FFFFFF" : ""}
+				@click=${this._toggleAdvanced}>
+				${this.advanced ? t.visualButton : t.rawButton}</studio-button>
+		</div>
+		${this.advanced ? g`<textarea class="raw" .value=${this.value || ""}
+				@input=${(e) => this._syncRaw(e.target.value)}></textarea>
+			${this.rawError ? g`<p class="err">${this.rawError}</p>` : this.canVisual ? g`<p class="ok">${t.rawSynced}</p>` : g`<p class="note-raw">${t.rawSaved}</p>`}` : this._group(this.root, !0)}`;
+  }
+  /**
+   * The library button keeps its :focus styling after a click (the
+   * group's focus suppression cannot cross the shadow boundary), so
+   * a just-clicked segment would look selected next to the truly
+   * selected one. Blur the inner button to keep the toggle state
+   * unambiguous.
+   */
+  _blurButton(t) {
+    t.currentTarget?.renderRoot?.querySelector("button")?.blur();
+  }
+  /**
+   * all/any segmented toggle (mutually exclusive). The selected colour is
+   * driven by CSS keyed on aria-pressed (see the `.tog` rules), NOT by
+   * studio-button's background-color attribute. Two traps force this:
+   * studio-button does not inherit the group's style-type (so each child
+   * sets style-type="outline" to get a transparent unselected base), and
+   * changing its background-color through re-renders lags a render behind,
+   * leaving a deselected button still filled. Setting --button-bg-color
+   * from our own stylesheet sidesteps the component's colour pipeline.
+   */
+  _segGroup(t, e) {
+    const i = (s, o) => g`
+			<studio-button class="tog primary" size="small" style-type="outline"
+				aria-pressed=${String(e === s)}
+				@click=${(r) => {
+      this._blurButton(r), this._setOp(t, s);
+    }}>${o}</studio-button>`;
+    return g`<studio-button-group size="small" style-type="outline"
+			role="group" aria-label="Match all or any">
+			${this._model.groupOps.map((s) => i(s.id, s.label))}
+		</studio-button-group>`;
+  }
+  _group(t, e = !1) {
+    const i = this._labels;
+    return g`
+		<div class="group ${e ? "top" : ""} ${t.negate ? "neg" : ""}">
+			<div class="gbar"><span class="ll">${i.matchPrefix}</span>
+				${this._segGroup(t.id, t.op)}
+				<span class="ll">${i.matchSuffix}</span>
+				${e ? _ : g`<studio-button size="tiny" icon-only icon="circle-xmark"
+					style-type="clear" aria-label="Remove group"
+					@click=${() => this._remove(t.id)}></studio-button>`}
+			</div>
+			${t.children.length ? g`<div class="kids">${this._kidRows(t)}</div>` : g`<p class="empty">${i.empty}</p>`}
+			<div class="acts" role="group" aria-label="Add to this group">
+				<studio-tooltip position="top" size="small"
+					text=${i.addRuleTip}>
+					<studio-button size="small" style-type="outline" icon="filter"
+						@click=${() => this._addRule(t.id)}>${i.addRule}</studio-button>
+				</studio-tooltip>
+				${this._model.supportsConditionals ? g`
+				<studio-tooltip position="top" size="small"
+					text=${i.addConditionalTip}>
+					<studio-button size="small" style-type="outline"
+						icon="code-compare"
+						@click=${() => this._addCond(t.id)}>
+						${i.addConditional}</studio-button>
+				</studio-tooltip>` : _}
+			</div>
+			${e && this._model.supportsConditionals ? g`<p class="acts-help">
+				<strong>${i.addRule}</strong> ${i.actsHelpRule} ·
+				<strong>${i.addConditional}</strong>
+				${i.actsHelpConditional}</p>` : _}
+		</div>`;
+  }
+  /** Children of a group, numbering its rules "Rule 1", "Rule 2", … */
+  _kidRows(t) {
+    let e = 0;
+    const i = new Map(t.children.map((s) => [s.id, s.kind === "rule" ? ++e : 0]));
+    return Ut(
+      t.children,
+      (s) => s.id,
+      (s) => this._row(s, i.get(s.id))
+    );
+  }
+  _row(t, e = 0) {
+    const i = this.dragId === t.id, s = this.dropId === t.id && this.dragId && this.dragId !== t.id, o = t.kind === "group" ? this._group(t) : t.kind === "conditional" ? this._cond(t) : this._rule(t, e);
+    return g`<div class="rw ${i ? "drag" : ""} ${s ? "ov" : ""}"
+			@dragover=${(r) => this._dragOver(r, t.id)} @drop=${(r) => this._drop(r, t.id)}>
+			<span class="h" draggable="true"
+				@dragstart=${(r) => this._dragStart(r, t.id)}
+				@dragend=${() => this._dragEnd()}>
+				<studio-icon name="grip" size=".9rem"></studio-icon></span>
+			<div class="rb">${o}</div>
+		</div>`;
+  }
+  _cond(t) {
+    const e = this._labels;
+    return g`<div class="cond">
+			<div class="cb"><span class="ct">${e.conditionalTitle}</span>
+				<studio-button size="tiny" icon-only icon="circle-xmark"
+					style-type="clear" aria-label="Remove conditional"
+					@click=${() => this._remove(t.id)}></studio-button></div>
+			<div class="cs"><span class="sl">${e.conditionalIf}</span>
+				${this._sg(t.cond)}</div>
+			<div class="cs"><span class="sl">${e.conditionalThen}</span>
+				${this._sg(t.then)}</div>
+			${t.els ? g`<div class="cs"><span class="sl el">${e.conditionalElse}
+					<studio-button size="tiny" style-type="clear"
+						text-color="var(--wral-red, #D1232A)"
+						@click=${() => this._dropEls(t.id)}>
+						${e.removeElse}</studio-button>
+				</span>${this._sg(t.els)}</div>` : g`<studio-button size="tiny" style-type="clear" icon="plus"
+				@click=${() => this._addEls(t.id)}>${e.addElse}</studio-button>`}
+		</div>`;
+  }
+  _sg(t) {
+    const e = this._labels;
+    let i = 0;
+    const s = new Map(t.children.map((o) => [o.id, o.kind === "rule" ? ++i : 0]));
+    return g`<div class="sgp">
+			<div class="sgh">${this._segGroup(t.id, t.op)}</div>
+			${Ut(
+      t.children,
+      (o) => o.id,
+      (o) => o.kind === "rule" ? this._rule(o, s.get(o.id)) : this._row(o, s.get(o.id))
+    )}
+			<studio-tooltip position="top" size="small"
+				text=${e.addSubRuleTip}>
+				<studio-button class="add-rule" size="tiny" style-type="clear"
+					icon="plus"
+					@click=${() => this._addRule(t.id)}>${e.addSubRule}</studio-button>
+			</studio-tooltip>
+		</div>`;
+  }
+  _rule(t, e = 0) {
+    const i = this._labels, s = this._model.fields[t.field], o = s.ops, r = t.op !== "exists", u = t.op === "between", a = s.type === "date" ? "date" : s.type === "number" || s.type === "video" ? "number" : "text", p = r && (!(t.value || "").trim() || u && !(t.value2 || "").trim());
+    return g`<div class="rule ${t.negate ? "exc" : ""}">
+			${e ? g`<span class="rule-tag">${i.ruleTag} ${e}</span>` : _}
+			<studio-button-group size="small" style-type="outline"
+				role="group" aria-label="Include or exclude">
+				<studio-button class="tog incl" size="small" style-type="outline"
+					aria-pressed=${String(!t.negate)}
+					@click=${(d) => {
+      this._blurButton(d), this._patch(t.id, { negate: !1 });
+    }}>${i.include}</studio-button>
+				<studio-button class="tog excl" size="small" style-type="outline"
+					aria-pressed=${String(!!t.negate)}
+					@click=${(d) => {
+      this._blurButton(d), this._patch(t.id, { negate: !0 });
+    }}>${i.exclude}</studio-button>
+			</studio-button-group>
+			<studio-select class="f-sel" .singleSelect=${!0}
+				.preventNull=${!0} height="small" width="100%"
+				.options=${Object.entries(this._model.fields).map(([d, c]) => ({ value: d, label: c.label }))}
+				.selected=${[t.field]}
+				@change=${(d) => {
+      d.stopPropagation(), this._patch(t.id, { field: d.detail.selected[0] });
+    }}
+			></studio-select>
+			<studio-select class="op-sel" .singleSelect=${!0}
+				.preventNull=${!0} height="small" width="100%"
+				.options=${o.map((d) => ({ value: d.id, label: d.label }))}
+				.selected=${[t.op]}
+				@change=${(d) => {
+      d.stopPropagation(), this._patch(t.id, { op: d.detail.selected[0] });
+    }}
+			></studio-select>
+			<studio-button size="tiny" icon-only icon="circle-xmark"
+				style-type="clear" aria-label="Remove rule"
+				@click=${() => this._remove(t.id)}></studio-button>
+			${r ? g`<div class="val-row">
+				${a === "date" ? g`<input type="date" .value=${t.value}
+				@input=${(d) => this._patch(t.id, { value: d.target.value })}>` : g`<studio-input class="val" height="small" width="100%" type=${a}
+				placeholder=${s.hint || "value"} .value=${t.value}
+				@input=${(d) => this._patch(t.id, { value: d.target.value })}
+			></studio-input>`}
+				${u ? g`<span class="as">${i.between}</span>
+					${a === "date" ? g`<input type="date" .value=${t.value2}
+				@input=${(d) => this._patch(t.id, { value2: d.target.value })}>` : g`<studio-input class="val" height="small" width="100%" type=${a}
+				placeholder=${s.hint || "value"} .value=${t.value2}
+				@input=${(d) => this._patch(t.id, { value2: d.target.value })}
+			></studio-input>`}` : _}
+			</div>` : _}
+			${p ? g`<p class="pending">
+				<studio-icon name="circle-info" size=".7rem"></studio-icon>
+				${u ? i.pendingBoth : i.pendingOne}</p>` : _}
+		</div>`;
+  }
+  static styles = ee`
+		:host{display:block;font-family:var(--wral-font-body,inherit);font-size:.85rem;}
+		*{box-sizing:border-box;}
+		/* Selected state for the segmented toggles (all/any, include/exclude).
+		   Keyed on aria-pressed and exposed as inheritable CSS vars so the
+		   studio-button picks up the fill without its colour attributes,
+		   which lag a render behind on toggle. Unselected buttons use the
+		   outline style-type's transparent default. */
+		.tog[aria-pressed="true"]{--button-text-color:#FFFFFF;}
+		.tog.primary[aria-pressed="true"]{
+			--button-bg-color:var(--studio-primary,#001D68);}
+		.tog.incl[aria-pressed="true"]{--button-bg-color:var(--wral-green,#72B509);}
+		.tog.excl[aria-pressed="true"]{--button-bg-color:var(--wral-red,#D1232A);}
+		/* native styling kept for the controls with no studio-ui
+		   counterpart: date inputs and the raw-query textarea */
+		input,textarea{font:inherit;font-size:.8rem;
+			border:1px solid var(--studio-border,#E1E2E4);border-radius:4px;
+			padding:5px 7px;background:var(--studio-surface,#fff);
+			color:var(--studio-fg,#1B1C1E);}
+		.qbar{display:flex;justify-content:flex-end;align-items:center;gap:8px;
+			margin-bottom:10px;}
+		.note{flex:1;font-size:.7rem;color:var(--studio-muted,#6B6F78);
+			font-style:italic;}
+		.intro{flex:1;font-size:.78rem;color:var(--studio-muted,#6B6F78);}
+		.empty{margin:0;padding:14px 12px;border:1px dashed
+			var(--studio-line,#C3C5CA);border-radius:6px;font-size:.8rem;
+			color:var(--studio-muted,#6B6F78);text-align:center;}
+		.group{border-radius:5px;}
+		.group:not(.top){border-left:3px solid var(--studio-secondary,#2594E3);
+			padding:5px;margin:5px 0;
+			background:color-mix(in srgb,var(--studio-secondary,#2594E3) 5%,transparent);}
+		.group.neg:not(.top){border-left-color:var(--wral-red,#D1232A);}
+		.gbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
+			margin-bottom:10px;}
+		.gbar studio-button[icon-only]{margin-left:auto;}
+		.ll{font-size:.68rem;font-weight:700;letter-spacing:.05em;
+			text-transform:uppercase;color:var(--studio-subtle,#878B94);}
+		.kids{display:flex;flex-direction:column;gap:8px;}
+		.rw{display:flex;align-items:flex-start;gap:3px;}
+		.rw.ov{box-shadow:0 -2px 0 var(--studio-secondary,#2594E3);}
+		.rw.drag{opacity:.4;}
+		.h{cursor:grab;color:var(--studio-subtle,#A5A8AF);padding:6px 1px;
+			user-select:none;}
+		.rb{flex:1;min-width:0;}
+		/* full-width rule rows: label | segment | field | op | remove,
+		   with the value(s) on their own full-width line below */
+		.rule{display:grid;
+			grid-template-columns:auto auto minmax(0,1.2fr) minmax(0,1fr) auto;
+			gap:8px;align-items:center;
+			background:var(--studio-surface,#fff);
+			border:1px solid var(--studio-border,#E1E2E4);border-radius:6px;
+			padding:8px 10px;}
+		.rule-tag{font-family:var(--wral-font-ui,inherit);font-size:.64rem;
+			font-weight:700;letter-spacing:.05em;text-transform:uppercase;
+			color:var(--studio-muted,#6B6F78);white-space:nowrap;
+			background:var(--studio-bg,#F4F5F6);border-radius:4px;
+			padding:3px 7px;}
+		.pending{grid-column:1/-1;display:flex;align-items:center;gap:5px;
+			margin:0;font-size:.72rem;font-style:italic;
+			color:var(--studio-subtle,#878B94);}
+		.rule.exc{background:color-mix(in srgb,var(--wral-red,#D1232A) 6%,
+			var(--studio-surface,#fff));}
+		.rule .f-sel,.rule .op-sel{width:100%;min-width:0;}
+		.val-row{grid-column:1/-1;display:flex;align-items:center;gap:6px;}
+		.val-row .val{flex:1;min-width:0;}
+		.val-row input[type="date"]{flex:1;min-width:0;}
+		.as{font-size:.74rem;color:var(--studio-muted,#6B6F78);flex:0 0 auto;}
+		.acts{display:flex;gap:8px;padding-top:10px;flex-wrap:wrap;}
+		.acts-help{font-size:.74rem;color:var(--studio-muted,#6B6F78);
+			line-height:1.5;margin:8px 0 0;padding-top:8px;
+			border-top:1px solid var(--studio-border,#E1E2E4);}
+		.acts-help strong{color:var(--studio-fg,#1B1C1E);font-weight:600;}
+		.add-rule{align-self:flex-start;}
+		.cond{border:1px solid var(--wral-purple,#33109C);
+			border-left:3px solid var(--wral-purple,#33109C);border-radius:5px;
+			background:color-mix(in srgb,var(--wral-purple,#33109C) 5%,transparent);
+			padding:5px;}
+		.cb{display:flex;justify-content:space-between;align-items:center;}
+		.ct{font-family:var(--wral-font-mono,monospace);font-size:.66rem;
+			font-weight:700;color:var(--wral-purple,#33109C);}
+		.cs{margin:5px 0;}
+		.sl{display:block;font-size:.72rem;font-weight:600;
+			color:var(--studio-muted,#6B6F78);margin-bottom:3px;}
+		.sl.el{color:var(--wral-purple,#33109C);}
+		.sgp{background:var(--studio-surface,#fff);
+			border:1px solid var(--studio-border,#E1E2E4);border-radius:4px;padding:5px;
+			display:flex;flex-direction:column;gap:4px;}
+		.sgh{display:flex;justify-content:flex-end;}
+		.raw{width:100%;min-height:90px;
+			font-family:var(--wral-font-mono,monospace);font-size:.78rem;}
+		.err{color:var(--wral-red,#D1232A);font-size:.74rem;margin:4px 0 0;
+			font-weight:600;}
+		.ok{color:var(--wral-green-deep,#66A208);font-size:.74rem;margin:4px 0 0;}
+		.note-raw{color:var(--studio-muted,#6B6F78);font-size:.74rem;margin:4px 0 0;
+			font-style:italic;line-height:1.4;}
+	`;
+}
+globalThis?.customElements && !globalThis.customElements.get("studio-search-filter") && globalThis.customElements.define("studio-search-filter", Zt);
+const Lt = "studio-search-filter";
+function Ze() {
+  const n = globalThis?.customElements;
+  n && (n.get(Lt) || n.define(Lt, Zt));
+}
+typeof window < "u" && globalThis.customElements && Ze();
+export {
+  Lt as TAG_NAME,
+  Ze as defineAll
+};