@orangelogic/design-system 4.2.0 → 4.3.0

package/library/chunks/toast.BOkYwUIj.js

@@ -1,109 +0,0 @@
-import { D as f } from "./transformation.B8m0Nbao.js";
-function h(n, e) {
-  return n.filter((r, t) => t !== e);
-}
-function y(n, e) {
-  return n.filter((r, t) => !e.includes(t));
-}
-function A(n, e, r) {
-  return [...n.slice(0, e), r, ...n.slice(e)];
-}
-function b(n, e, r) {
-  return [...n.slice(0, e), ...r, ...n.slice(e)];
-}
-function v(n, e, r) {
-  return n.findIndex((t) => t[e] === r);
-}
-function T(n, e, r) {
-  const t = [...n], s = h(t, e);
-  let o = r;
-  return o >= n.length - 1 && (o = o + 1), A(s, o, n[e]);
-}
-function F(n, e, r) {
-  const t = [...n], s = y(t, e), o = r !== 0 ? e.reduce(
-    (i, a) => r > a ? i - 1 : i,
-    r
-  ) : r;
-  return b(
-    s,
-    o,
-    e.map((i) => n[i])
-  );
-}
-function M(n, e) {
-  return n.reduce(
-    (r, t) => {
-      const s = t[e];
-      return r[s] ??= [], r[s].push(t), r;
-    },
-    {}
-  );
-}
-function S(n, e, r) {
-  if (!n.length)
-    return [e];
-  const t = r.findIndex(
-    (u) => u.id === e
-  ), s = n[n.length - 1], o = r.findIndex(
-    (u) => u.id === s
-  );
-  if (t < 0 || o < 0)
-    return [e];
-  const c = r.reduce(
-    (u, l, x) => (u[l.id] = x, u),
-    {}
-  ), i = t > o, a = i ? o : t, w = i ? t : o, d = r.slice(a, w + 1).filter((u) => !(!u || n.includes(u.id))).map((u) => u.id), g = i ? d : [...d].reverse(), p = n.includes(e) ? n.slice(0, n.indexOf(e) + 1) : [...n, ...g];
-  return p.sort((u, l) => c[u] - c[l]), p;
-}
-function D(n, e, r, t, s, o) {
-  const c = r + 1;
-  if (n.length < 2)
-    throw new Error("Values array must contain at least 2 elements");
-  if (r < 0 || c >= n.length)
-    throw new Error("Invalid index or not enough values to adjust");
-  if (t < 0)
-    throw new Error("Minimum value must be non-negative");
-  let i = s + e;
-  i < t && (e = t - s, i = t);
-  let a = o - e;
-  a < t && (e = o - t, i = s + e, a = t), n[r] = parseFloat(i.toFixed(2)), n[c] = parseFloat(a.toFixed(2));
-}
-function V(n, e = [350, 696, 1024]) {
-  const r = getComputedStyle(n), t = [
-    Number.parseFloat(r.getPropertyValue("--breakpoint-mobile").trim()),
-    Number.parseFloat(r.getPropertyValue("--breakpoint-tablet").trim()),
-    1 / 0
-  ];
-  return Number.isNaN(t[0]) ? t[0] = e[0] : t[0]++, Number.isNaN(t[1]) ? t[1] = e[1] : t[1]++, t;
-}
-function j(n) {
-  const e = window.innerWidth;
-  return e > n[1] ? f.Desktop : e > n[0] && e <= n[1] ? f.Tablet : f.Mobile;
-}
-const m = (n, e) => {
-  try {
-    window.Matrix3?.ShowNotification && window.Matrix3.ShowNotification(
-      n,
-      e ? {
-        notificationType: e.notificationType
-      } : void 0
-    );
-  } catch {
-    return;
-  }
-};
-export {
-  F as a,
-  V as b,
-  j as c,
-  h as d,
-  A as e,
-  v as f,
-  M as g,
-  T as h,
-  b as i,
-  D as j,
-  S as m,
-  y as r,
-  m as t
-};

package/library/chunks/transformation.B8m0Nbao.js

@@ -1,384 +0,0 @@
-import { c as k } from "./capitalize.CIBKBL10.js";
-import { C as $, T as R, U as M } from "./asset-link-format.ClaYu_v8.js";
-import { P as v } from "./position-picker.DjnhxIKF.js";
-const y = window.location.origin.includes("localhost:") ? "https://local.orangelogic.com" : window.location.origin;
-function ae(e, i, n, u = y) {
-  const c = new URL(u + "/" + e);
-  return Array.isArray(n) ? n.forEach((a) => {
-    a[1] && c.searchParams.append(a[0], a[1]);
-  }) : n && Object.keys(n).forEach((a) => {
-    n[a] && c.searchParams.append(a, n[a]);
-  }), fetch(c, i);
-}
-const oe = "space-default";
-var L = /* @__PURE__ */ ((e) => (e.Desktop = "desktop", e.Mobile = "mobile", e.Tablet = "tablet", e))(L || {});
-const w = {
-  canvasWidth: "",
-  height: "",
-  id: "desktop",
-  maxWidth: "",
-  name: k(
-    "desktop"
-    /* Desktop */
-  )
-}, F = {
-  canvasWidth: "770px",
-  height: "",
-  id: "tablet",
-  maxWidth: "1280px",
-  name: k(
-    "tablet"
-    /* Tablet */
-  )
-}, W = {
-  canvasWidth: "320px",
-  height: "",
-  id: "mobile",
-  maxWidth: "480px",
-  name: k(
-    "mobile"
-    /* Mobile */
-  )
-}, re = [w, F, W];
-var B = /* @__PURE__ */ ((e) => (e.All = "ALL", e.CanDelete = "CanDelete", e.CanDownload = "CanDownload", e.CanFind = "CanFind", e.CanManageRights = "CanManageRights", e.CanMove = "CanMove", e.CanRead = "CanRead", e.CanReadAll = "CanReadAll", e.CanReadAndWrite = "CanReadAndWrite", e.CanReadLarge = "CanReadLarge", e.CanReadMedium = "CanReadMedium", e.CanReadOriginal = "CanReadOriginal", e.CanShare = "CanShare", e.CanUpload = "CanUpload", e.CanWrite = "CanWrite", e.None = "NONE", e))(B || {}), D = /* @__PURE__ */ ((e) => (e.All = "all", e.Audio = "audio", e.Image = "image", e.Other = "other", e.Video = "video", e))(D || {}), U = /* @__PURE__ */ ((e) => (e.Content = "content", e.Template = "template", e))(U || {}), G = /* @__PURE__ */ ((e) => (e.Administrator = "Administrator", e.Designer = "Designer", e.Editor = "Editor", e))(G || {}), O = /* @__PURE__ */ ((e) => (e.Accordion = "BlockAccordion", e.Analytics = "BlockAnalytics", e.Audio = "BlockAudio", e.Button = "BlockButton", e.Carousel = "BlockCarousel", e.ColorSwatches = "BlockColorSwatches", e.Column = "BlockCell", e.ColumnGroup = "BlockColumns", e.DamView = "BlockDamView", e.Divider = "BlockDivider", e.DocumentViewer = "BlockDocumentViewer", e.FontKit = "BlockFontKit", e.Gallery = "BlockGallery", e.Header = "BlockHeader", e.Image = "BlockImage", e.RichText = "BlockRichText", e.SearchBox = "BlockSearchBox", e.TabGroup = "BlockTabs", e.Text = "BlockText", e.Timeline = "BlockTimeline", e.Video = "BlockVideo", e))(O || {});
-const se = Object.values(O).filter(
-  (e) => e !== "BlockCell"
-  /* Column */
-);
-var K = /* @__PURE__ */ ((e) => (e.Carousel = "carousel", e.Gallery = "gallery", e))(K || {}), j = /* @__PURE__ */ ((e) => (e.Templates = "TEMPLATES", e.TranslatableAttributes = "TRANSLATABLE_ATTRIBUTES", e.TranslatableTexts = "TRANSLATABLE_TEXTS", e))(j || {});
-const _ = "/AssetLink/", V = {
-  [v.BottomCenter]: $.South,
-  [v.BottomLeft]: $.Southwest,
-  [v.BottomRight]: $.Southeast,
-  [v.CenterCenter]: $.Center,
-  [v.CenterLeft]: $.West,
-  [v.CenterRight]: $.East,
-  [v.TopCenter]: $.North,
-  [v.TopLeft]: $.Northwest,
-  [v.TopRight]: $.Northeast
-}, g = "/t/", X = [400, 800, 1200, 1600, 2400], z = 0.15;
-function H({
-  asset: e,
-  baseUrl: i,
-  extension: n,
-  options: u,
-  parameters: c,
-  transformations: a,
-  useSession: f = ""
-}) {
-  if (i == null)
-    return "";
-  let r = i;
-  const h = a?.findLast(
-    (l) => l.key === R.Quality
-  );
-  if (h && (a = [
-    ...a?.filter(
-      (l) => l.key !== R.Quality
-    ) || [],
-    h
-  ]), a) {
-    const l = [];
-    for (let t = 0; t < a.length; t++) {
-      const d = a[t];
-      if (d.key === R.Rotate) {
-        let o = d.value.rotation ?? 0;
-        for (; a[t + 1]?.key === R.Rotate; )
-          t++, o += a[t].value.rotation ?? 0;
-        o !== 0 && l.push({ key: R.Rotate, value: { rotation: o } });
-      } else
-        l.push(d);
-    }
-    a = l;
-  }
-  a && a.length > 0 && (r += "/t/"), a?.forEach(({ key: l, value: t }) => {
-    if (l === R.Resize) {
-      if (t.unit === M.AspectRatio && t.ratioWidth && t.ratioHeight) {
-        r += `re_ar_${t.ratioWidth}:${t.ratioHeight}/`;
-        return;
-      }
-      const d = [
-        ...[
-          {
-            key: "re_w_",
-            value: Math.round(t.width ?? 0)
-          },
-          {
-            key: "re_h_",
-            value: Math.round(t.height ?? 0)
-          }
-        ].filter((o) => o.value !== void 0).map((o) => ({
-          key: o.key,
-          value: Math.round(Number(o.value))
-        })),
-        {
-          key: "re_rm_",
-          value: "stretch"
-        }
-      ];
-      d.forEach(({ key: o, value: m }, A) => {
-        r += `${o}${m}${A < d.length - 1 ? "," : ""}`;
-      }), r += "/";
-    }
-    if (l === R.Crop) {
-      const d = t.unit === M.AspectRatio && !!t.ratioWidth && !!t.ratioHeight, o = !t.disabledSize && !d, m = o && (t.x !== void 0 || t.y !== void 0), A = [
-        ...[
-          {
-            key: "c_",
-            value: t.mode
-          },
-          ...d ? [
-            {
-              key: "ar_",
-              value: `${t.ratioWidth}:${t.ratioHeight}`
-            }
-          ] : [],
-          ...o ? [
-            {
-              key: "c_w_",
-              value: Math.round(t.width ?? 0)
-            },
-            {
-              key: "c_h_",
-              value: Math.round(t.height ?? 0)
-            },
-            {
-              key: "c_x_",
-              value: Math.round(t.x ?? 0) === 0 && u?.omitZeroXY ? void 0 : Math.round(t.x ?? 0)
-            },
-            {
-              key: "c_y_",
-              value: Math.round(t.y ?? 0) === 0 && u?.omitZeroXY ? void 0 : Math.round(t.y ?? 0)
-            }
-          ] : [],
-          ...!m && t.focusMode && t.focusMode !== "manual" ? [
-            {
-              key: t.isFocusModeAuto ? "acm_" : "c_g_",
-              value: t.focusMode
-            }
-          ] : [],
-          ...!m && t.focusMode === "manual" && t.position ? [
-            {
-              key: "c_g_",
-              value: V[t.position]
-            }
-          ] : []
-        ].filter((C) => C.value !== void 0 && C.value !== null).map((C) => ({
-          key: C.key,
-          value: C.value
-        })),
-        ...d ? [] : [
-          {
-            key: "c_whu_",
-            value: "pixel"
-          }
-        ]
-      ];
-      A.forEach(({ key: C, value: b }, x) => {
-        const p = ["c_w_", "c_h_", "c_x_", "c_y_"].includes(C);
-        r += `${C}${p ? Math.round(Number(b)) : b}${x < A.length - 1 ? "," : ""}`;
-      }), r += "/";
-    }
-    if (l === R.Rotate && ([
-      {
-        key: "r_a_",
-        value: t.rotation
-      }
-    ].filter((o) => o.value !== void 0).map((o) => ({
-      key: o.key,
-      value: Math.round(Number(o.value))
-    })).forEach(({ key: o, value: m }) => {
-      r += `${o}${m}`;
-    }), r += "/"), l === R.Quality) {
-      const d = [
-        {
-          key: "q_level_",
-          value: t.quality
-        }
-      ].filter((o) => o.value !== void 0).map((o) => ({
-        key: o.key,
-        value: Math.round(Number(o.value))
-      }));
-      d.forEach(({ key: o, value: m }, A) => {
-        r += `${o}${m}${A < d.length - 1 ? "," : ""}`;
-      }), r += "/";
-    }
-    if (l === R.Metadata) {
-      const d = [
-        {
-          key: "fl_keep_metadata",
-          value: t.keepMetadata
-        }
-      ].filter((o) => o.value !== void 0).map((o) => ({ key: o.key, value: o.value }));
-      d.forEach(({ key: o }, m) => {
-        r += `${o}${m < d.length - 1 ? "," : ""}`;
-      }), r += "/";
-    }
-  }), n && (r += `${e?.identifier ?? crypto.randomUUID()}${n}`);
-  const s = [];
-  return c && c.length > 0 && c.forEach(({ key: l, value: t }) => {
-    s.push(
-      `${encodeURIComponent(l.trim())}=${encodeURIComponent(t.trim())}`
-    );
-  }), i && f && s.push(`UseSession=${encodeURIComponent(f)}`), s.length > 0 && (r += `?${s.join("&")}`), r.endsWith("/") && (r = r.slice(0, -1)), r;
-}
-const E = ".auto";
-function ce(e, i, n = {}) {
-  const u = n.format === T && S(n.extension), c = !!n.autoFormat && !u;
-  if (!e || !i?.length && !c)
-    return e;
-  const a = i?.length ? H({ baseUrl: "", transformations: i }).replace(/\/t\//g, "") : "";
-  if (!a && !c)
-    return e;
-  const f = e.indexOf(_);
-  if (f < 0)
-    return a ? `${e}${g}${a}` : e;
-  const r = e.slice(0, f + _.length), h = e.slice(f + _.length);
-  if (!h)
-    return e;
-  const s = h.indexOf(g), l = s >= 0, t = h.indexOf("/"), d = l ? s : t, o = d >= 0 ? h.slice(0, d) : h, m = l ? h.slice(s + g.length) : t >= 0 ? h.slice(t + 1) : "", A = m.slice(m.lastIndexOf("/") + 1), C = A ? `${A.replace(/\.[^.]+$/, "")}${E}` : `${o.replace(/\.[^.]+$/, "")}${E}`, x = [a, c ? C : l ? "" : A].filter(
-    Boolean
-  );
-  return x.length === 0 ? e : `${r}${o}${g}${x.join("/")}`;
-}
-function Y(e) {
-  return `re_w_${Math.round(e)}`;
-}
-function q(e, i) {
-  if (!e || !Number.isFinite(i) || i <= 0)
-    return e;
-  const n = e.indexOf(_);
-  if (n < 0)
-    return e;
-  const u = Y(i), c = e.slice(0, n + _.length), a = e.slice(n + _.length), f = a.indexOf(g);
-  if (f >= 0) {
-    const h = a.slice(0, f), s = a.slice(
-      f + g.length
-    );
-    return `${c}${h}${g}${u}/${s}`;
-  }
-  const r = a.indexOf("/");
-  if (r >= 0) {
-    const h = a.slice(0, r), s = a.slice(r);
-    return `${c}${h}${g}${u}${s}`;
-  }
-  return `${c}${a}${g}${u}`;
-}
-function le(e) {
-  const i = e.indexOf(_);
-  return i < 0 ? !1 : e.slice(i + _.length).includes(g);
-}
-function Q(e) {
-  const i = e.indexOf(_);
-  if (i < 0)
-    return !1;
-  const n = e.slice(i + _.length), u = n.indexOf(g);
-  return u < 0 ? !1 : n.slice(u + g.length).includes("/");
-}
-const T = "TRX", N = "TR1", Z = /* @__PURE__ */ new Set([
-  "avif",
-  "bmp",
-  "gif",
-  "ico",
-  "jpeg",
-  "jpg",
-  "png",
-  "svg",
-  "webp"
-]);
-function I(e) {
-  if (!e)
-    return "";
-  const i = e.trim().toLowerCase();
-  return i.startsWith(".") ? i.slice(1) : i;
-}
-function S(e) {
-  return I(e) === "gif";
-}
-const J = 1e3 * 1024 * 1024, P = {
-  b: 1,
-  byte: 1,
-  bytes: 1,
-  gb: 1024 ** 3,
-  kb: 1024,
-  mb: 1024 ** 2,
-  tb: 1024 ** 4
-};
-function ee(e) {
-  if (typeof e == "number")
-    return Number.isFinite(e) && e >= 0 ? e : void 0;
-  if (!e)
-    return;
-  const i = /^\s*([\d.,]+)\s*([a-z]*)\s*$/i.exec(e);
-  if (!i)
-    return;
-  const n = Number(i[1].replace(/,/g, ""));
-  if (!Number.isFinite(n) || n < 0)
-    return;
-  const u = i[2].toLowerCase();
-  if (!u)
-    return n;
-  const c = P[u];
-  return c === void 0 ? void 0 : n * c;
-}
-function de(e, i) {
-  if (e)
-    return;
-  const n = typeof i == "number" ? i : Number(i ?? "");
-  return Number.isFinite(n) && n > 0 ? n : void 0;
-}
-function ue(e, i) {
-  if (!Z.has(I(e)))
-    return N;
-  const n = ee(i);
-  return n !== void 0 && n > J ? N : T;
-}
-function he(e, i = {}) {
-  if (!e.includes(_) || Q(e) || i.format === T && S(i.extension))
-    return "";
-  const { maxWidth: n, widths: u = X } = i, c = [...u].filter((s) => Number.isFinite(s) && s > 0).sort((s, l) => s - l);
-  if (c.length === 0)
-    return "";
-  let a = c;
-  if (n !== void 0 && Number.isFinite(n) && n > 0) {
-    const s = c.filter((l) => l <= n);
-    a = s.length > 0 ? s : [c[0]];
-  }
-  const f = n !== void 0 && Number.isFinite(n) && n > 0, h = (f ? a.filter(
-    (s) => n > s * (1 + z)
-  ) : a).map(
-    (s) => `${q(e, s)} ${s}w`
-  );
-  return f && h.push(`${e} ${n}w`), h.join(", ");
-}
-function fe(e, i = 100) {
-  return !Number.isFinite(e) || e <= 0 ? "" : `${Math.ceil(e / i) * i}px`;
-}
-export {
-  D as A,
-  O as B,
-  L as D,
-  U as E,
-  T as O,
-  B as P,
-  oe as S,
-  G as T,
-  ce as a,
-  he as b,
-  de as c,
-  H as d,
-  K as e,
-  ae as f,
-  fe as g,
-  j as h,
-  se as i,
-  re as j,
-  N as k,
-  X as l,
-  E as m,
-  q as n,
-  le as o,
-  J as p,
-  ee as q,
-  ue as r
-};

package/library/chunks/typography.T72DuoCa.js

@@ -1,52 +0,0 @@
-import { n as f, C as v } from "./lib-cortex-element.CVMmyPMC.js";
-import { c } from "./component.styles.CAS3c9pM.js";
-import { c as d } from "./custom-element.L4WJXn1j.js";
-import { i as x, x as i } from "./lit-element.jLBm65_O.js";
-var t = /* @__PURE__ */ ((e) => (e.Body1 = "body1", e.Body2 = "body2", e.Body3 = "body3", e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e.Small = "small", e))(t || {});
-const m = x`:host{--color:inherit;line-height:var(--cx-line-height-large);display:block}:host::part(base){-webkit-font-smoothing:antialiased}.heading,.body,.small{color:var(--color);font-weight:var(--font-weight,var(--cx-font-weight));font-family:var(--font-family,var(--cx-font-sans));font-style:var(--font-style,normal);letter-spacing:var(--letter-spacing,var(--cx-letter-spacing-normal));margin-block:0}.heading-1{font-size:var(--font-size,var(--cx-font-size-3x-large));font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-2{font-size:var(--font-size,var(--cx-font-size-2x-large));font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-3{font-size:var(--font-size,var(--cx-font-size-x-large));font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-2x-large))}.heading-4{font-size:var(--font-size,var(--cx-font-size-large));font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-x-large))}.heading-5{font-size:var(--font-size,var(--cx-font-size-medium));font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-large))}.heading-6{font-size:var(--font-size,var(--cx-font-size-small));font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-medium))}.body-1{font-size:var(--font-size,var(--cx-font-size-medium-large));font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--line-height,var(--cx-line-height-x-large))}.body-2{font-size:var(--font-size,var(--cx-font-size-medium));font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--line-height,var(--cx-line-height-large))}.body-3{font-size:var(--font-size,var(--cx-font-size-small));font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--line-height,var(--cx-line-height-medium))}.small{font-size:var(--font-size,var(--cx-font-size-x-small));font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--line-height,var(--cx-line-height-small))}`;
-var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, g = (e, r, o, n) => {
-  for (var a = n > 1 ? void 0 : n ? w(r, o) : r, l = e.length - 1, h; l >= 0; l--)
-    (h = e[l]) && (a = (n ? h(r, o, a) : h(a)) || a);
-  return n && a && b(r, o, a), a;
-};
-let s = class extends v {
-  constructor() {
-    super(...arguments), this.variant = t.Body1;
-  }
-  render() {
-    switch (this.variant) {
-      case t.Body1:
-        return i`<p part="base" class="body body-1"><slot></slot></p>`;
-      case t.Body2:
-        return i`<p part="base" class="body body-2"><slot></slot></p>`;
-      case t.Body3:
-        return i`<p part="base" class="body body-3"><slot></slot></p>`;
-      case t.Small:
-        return i`<small part="base" class="small"><slot></slot></small>`;
-      case t.H1:
-        return i`<h1 part="base" class="heading heading-1"><slot></slot></h1>`;
-      case t.H2:
-        return i`<h2 part="base" class="heading heading-2"><slot></slot></h2>`;
-      case t.H3:
-        return i`<h3 part="base" class="heading heading-3"><slot></slot></h3>`;
-      case t.H4:
-        return i`<h4 part="base" class="heading heading-4"><slot></slot></h4>`;
-      case t.H5:
-        return i`<h5 part="base" class="heading heading-5"><slot></slot></h5>`;
-      case t.H6:
-        return i`<h6 part="base" class="heading heading-6"><slot></slot></h6>`;
-    }
-    return i`<p part="base" class="body body-2"><slot></slot></p>`;
-  }
-};
-s.styles = [c, m];
-g([
-  f({ type: String })
-], s.prototype, "variant", 2);
-s = g([
-  d("cx-typography")
-], s);
-export {
-  s as C,
-  t as T
-};

package/library/packages/molecules/src/search-box/search-box.d.ts

@@ -1,114 +0,0 @@
-import { default as CortexElement } from '../../../base/src/cortex-element.ts';
-import { default as CxDynamicSelect } from '../dynamic-select/dynamic-select.ts';
-import { DeviceType } from '../../../types/src/content-builder';
-import { SearchBoxSize, SearchBoxWidthType } from '../../../types/src/search-box';
-import { CSSResultGroup } from 'lit';
-
-/**
- * @summary A search box component that provides a user interface for entering search queries.
- *
- * @cssproperty [--padding-left=var(--cx-spacing-x-small)] - Padding for text in input field.
- * @cssproperty [--background-color=transparent] - pair of colors for light and dark theme
- * @cssproperty [--border-color=light-dark(
-      var(--cx-color-neutral-0),
-      var(--cx-color-neutral-1000)
-    )] - pair of colors for light and dark theme
- * @cssproperty [--color=light-dark(
-      var(--cx-color-neutral-1000),
-      var(--cx-color-neutral-0)
-    )] - pair of colors for light and dark theme
- * @cssproperty [--search-box-custom-height=32px] - Input height when size is 'custom'.
- * @cssproperty [--search-box-custom-padding=4px 8px 4px 8px] - Input padding when size is 'custom'.
- * @cssproperty [--search-box-custom-font-size=var(--cx-font-size-medium)] - Input font size when size is 'custom'.
- * @cssproperty [--search-box-custom-font-family] - Input font family when size is 'custom'.
- * @cssproperty [--search-box-custom-font-style] - Input font style when size is 'custom'.
- * @cssproperty [--search-box-custom-font-weight] - Input font weight when size is 'custom'.
- *
- * @event cx-input - Emitted when the control receives input.
- * @event cx-change - Emitted when an alteration to the control's value is committed by the user.
- * @event {{ value: string }} cx-search - Emitted when user hits Enter key or clicks search button (if enabled).
- *
- * @csspart input - The input field for entering search queries.
- * @csspart icon - The icon displayed in the search box, typically a magnifying glass.
- *
- * @typedef SearchBoxSize - 'custom' | 'large' | 'medium' | 'small'
- */
-export default class CxSearchBox extends CortexElement {
-    static readonly styles: CSSResultGroup;
-    static readonly dependencies: {
-        'cx-dynamic-select': typeof CxDynamicSelect;
-    };
-    /**
-     * Reference to form element
-     */
-    form: HTMLFormElement;
-    /**
-     * Reference to internal input element
-     */
-    dynamicSelect: CxDynamicSelect;
-    /**
-     * Search input's size.
-     */
-    size: SearchBoxSize;
-    /**
-     * Placeholder for input
-     */
-    placeholder: string;
-    /**
-     * Whether the icon can be clicked to trigger search
-     */
-    canSearchByIcon: boolean;
-    /**
-     * Value of the search box.
-     */
-    value: string;
-    /**
-     * Latest text the user typed mirrored to search-term and used to decide
-     * whether to render the suggestions dropdown.
-     */
-    searchTerm: string;
-    /**
-     * The width type of the search box.
-     */
-    widthType: SearchBoxWidthType;
-    /**
-     * Device type
-     * Don't use this prop since it is controlled by window resize event
-     * Used for :host([width-type='adaptive'][device-type='mobile']) selector
-     */
-    deviceType: DeviceType;
-    /**
-     * Label for the search box
-     */
-    label: string;
-    /**
-     * Breakpoints for responsive design
-     */
-    breakpoints: [number, number, number];
-    constructor();
-    runFirstUpdated(): void;
-    runConnectedCallback(): void;
-    disconnectedCallback(): void;
-    /**
-     * Emit cx-search with current input value
-     */
-    private emitSearch;
-    private fetchAutocompleteItems;
-    private getSearchItems;
-    private setInputDisplayValue;
-    private removeCurrentOption;
-    private setOptionCurrent;
-    private setOptionSelected;
-    private handleEnter;
-    private handleSubmit;
-    private handleInput;
-    private handleClear;
-    private handleClick;
-    private handleWindowResize;
-    render(): import('lit').TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cx-search-box': CxSearchBox;
-    }
-}

package/library/packages/organisms/src/content-builder/plugins/wrapper-container.d.ts

@@ -1,15 +0,0 @@
-import { Editor } from 'grapesjs';
-
-/**
- * Hosts the editable wrapper inside the canvas document's content container
- * instead of the frame body.
- *
- * The canvas document is a real page render, and it does not always carry the
- * container: the same running editor can be pointed at a page with no block
- * content (a DAM/workspace page) and later back at one that has it. While the
- * container is absent the wrapper is kept detached and every canvas click is
- * left to the page itself - GrapesJS's select handler prevents the default
- * action, which would break the links and buttons of a page it does not own.
- */
-declare const WrapperContainerPlugin: (selector: string) => (editor: Editor) => void;
-export default WrapperContainerPlugin;