@orangelogic/design-system 2.113.0 → 2.115.0

package/library/chunks/asset.CtPQLZOf.js

@@ -0,0 +1,607 @@
+import { h as f, A as x, S as Z, a as z, b as X } from "./endpoints.CDX5PgQz.js";
+import { M as B } from "./asset-link-format.B0c92pSs.js";
+import "./debounce.CIEhztrj.js";
+import "./lit-element.jLBm65_O.js";
+import "./form.B-5nQJva.js";
+import "./i18n.CH-wak_P.js";
+import { a as Y } from "./string.DUgD4c9f.js";
+import "./date-picker.D0SJADN6.js";
+import "./content-builder.OsUmm8Wu.js";
+import "./unsafe-html.Dff7-rCx.js";
+import { b as Q } from "./_baseUniq.HFKneygy.js";
+function J(e) {
+  return e && e.length ? Q(e) : [];
+}
+function ee(e) {
+  return typeof e == "object" && e !== null && "URI" in e;
+}
+const te = {
+  artist: "Artist",
+  color: "Color",
+  createDate: "CreateDate",
+  directParentFolderIdentifier: "DirectParentFolderIdentifier",
+  docSubType: "DocSubType",
+  docType: "DocType",
+  editDate: "EditDate",
+  fileExtension: "Fileextension",
+  keyword: "Keyword",
+  mediaDate: "MediaDate",
+  mediaNumber: "MediaNumber",
+  nativeKeyword: "NativeKeyword",
+  orientation: "Orientation",
+  parentFolderIdentifier: "ParentFolderIdentifier",
+  path: "Path",
+  photographer: "Photographer",
+  purpose: "Purpose",
+  recordId: "RecordID",
+  systemIdentifier: "SystemIdentifier",
+  text: "Text",
+  title: "Title"
+}, re = /* @__PURE__ */ new Set(["mediaDate", "createDate", "editDate"]);
+function U(e) {
+  return !/[\s&+/*"\\:(),'<>~|[\]{}]/.test(e) && !/^(?:OR|AND|NOT)$/.test(e) ? e : `"${e.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"`;
+}
+function H(e, t) {
+  const o = (Array.isArray(t) ? t : [t]).map((a) => `${e}:${U(a)}`);
+  return o.length > 1 ? `(${o.join(" OR ")})` : o[0] ?? "";
+}
+function oe(e, t) {
+  return (Array.isArray(t) ? t : [t]).map((o) => `${e}${o.operator}${o.value}`).join(" AND ");
+}
+function ne(e) {
+  const t = [];
+  for (const r of Object.keys(e)) {
+    const o = r, a = e[o];
+    if (a == null)
+      continue;
+    if (o === "custom") {
+      for (const [n, u] of Object.entries(
+        a
+      ))
+        t.push(H(n, u));
+      continue;
+    }
+    const c = te[o];
+    if (c) {
+      if (re.has(o)) {
+        t.push(
+          oe(c, a)
+        );
+        continue;
+      }
+      if (o === "color") {
+        t.push(`${c}:${a}`);
+        continue;
+      }
+      if (o === "parentFolderIdentifier") {
+        const n = Array.isArray(a) ? a : [a];
+        if (n.length === 0)
+          continue;
+        const u = [
+          ...n.map((p) => `ParentFolderIdentifier:${U(String(p))}`),
+          ...n.map((p) => `ParentAlbumIdentifier:${U(String(p))}`)
+        ];
+        t.push(`(${u.join(" OR ")})`);
+        continue;
+      }
+      t.push(H(c, a));
+    }
+  }
+  return t.join(" AND ");
+}
+function L(e) {
+  if ("and" in e)
+    return e.and.map(L).filter(Boolean).join(" AND ");
+  if ("or" in e) {
+    const t = e.or.map(L).filter(Boolean);
+    return t.length > 1 ? `(${t.join(" OR ")})` : t[0] ?? "";
+  }
+  if ("not" in e) {
+    const t = L(e.not);
+    return t ? `NOT (${t})` : "";
+  }
+  return ne(e);
+}
+const C = "CoreField.LargeSizePreview", R = "CoreField.DocType", $ = "Document.Title", V = "Document.CaptionLong", O = "Document.FileExtension", N = "CoreField.FileSize", b = "CoreField.Identifier", P = "CoreField.Keywords", G = "CoreField.MaxHeight", v = "CoreField.MaxWidth", F = "Document.RecordID", j = "CoreField.DocSubType", W = "CoreField.TitleWithFallback", h = "CoreField.OriginalFileName", D = "CoreField.UpdatedFileName", E = "CoreField.OriginalPreview", M = {
+  DEFAULT_VIEW_SIZE: "Document.LargeSizePreview",
+  FIELD_TITLE_WITH_FALLBACK: "Document.TitleWithFallback",
+  ORIGINAL_VIEW_SIZE: "Document.OriginalPreview"
+}, q = {
+  [C]: M.DEFAULT_VIEW_SIZE,
+  [W]: M.FIELD_TITLE_WITH_FALLBACK,
+  [E]: M.ORIGINAL_VIEW_SIZE
+}, se = Object.fromEntries(
+  Object.entries(q).map(([e, t]) => [
+    t,
+    e
+  ])
+);
+function ae(e) {
+  return q[e] ?? e;
+}
+function ie(e) {
+  const t = {};
+  for (const [r, o] of Object.entries(e)) {
+    const a = se[r] ?? r;
+    t[a] = o;
+  }
+  return t;
+}
+async function K({
+  countPerPage: e,
+  fields: t,
+  getPermanentAssetsPaths: r,
+  pageNumber: o,
+  query: a,
+  securityByPassToken: c,
+  siteUrl: n,
+  sort: u,
+  token: p,
+  useSession: I
+}) {
+  const A = t?.map(ae);
+  try {
+    return (await f.request({
+      baseURL: n,
+      headers: p ? { Authorization: `Bearer ${p}` } : void 0,
+      method: "GET",
+      params: {
+        CountPerPage: e,
+        Fields: J(A),
+        Format: "json",
+        GetPermanentAssetsPaths: r || void 0,
+        PageNumber: o,
+        Query: L(a),
+        SecurityByPassToken: c || void 0,
+        Sort: u || void 0,
+        UseSession: I || void 0
+      },
+      paramsSerializer: { indexes: null },
+      responseType: "json",
+      transformResponse: [
+        ...Array.isArray(f.defaults.transformResponse) ? f.defaults.transformResponse : [],
+        (s) => ({
+          items: (s.APIResponse?.Items ?? []).map(ie),
+          sort: s.APIResponse?.GlobalInfo?.Sort ?? "",
+          totalCount: s.APIResponse?.GlobalInfo?.TotalCount ?? 0
+        })
+      ],
+      url: Z["4.0"]
+    })).data;
+  } catch {
+    return { items: [], sort: "", totalCount: 0 };
+  }
+}
+async function De({
+  assetId: e,
+  extension: t,
+  format: r,
+  siteUrl: o,
+  token: a,
+  transformations: c,
+  useSession: n
+}) {
+  try {
+    return (await f.request({
+      baseURL: o,
+      method: "GET",
+      params: {
+        SourceAssetFormat: r,
+        SourceAssetRecordID: e,
+        TargetExtension: Y(t),
+        Token: a || void 0,
+        Transformations: c,
+        UseSession: n || void 0
+      },
+      /**
+       * https://link.orangelogic.com/Tasks/41S1XH
+       */
+      timeout: 3e5,
+      // 5 minutes
+      url: x.GET_TRANSFORM_ASSET_LINK
+    })).data;
+  } catch {
+    return null;
+  }
+}
+const ce = 50;
+function le(e, t) {
+  const r = [];
+  for (let o = 0; o < e.length; o += t)
+    r.push(e.slice(o, o + t));
+  return r;
+}
+async function _e({
+  extraFields: e,
+  getPermanentAssetsPaths: t,
+  recordIds: r,
+  securityByPassToken: o,
+  token: a
+}) {
+  if (!Array.isArray(r) || r.length === 0)
+    return { facets: [], items: [], totalCount: 0 };
+  const c = e?.filter((s) => s && typeof s == "string") ?? [], n = [
+    ...c,
+    E,
+    D,
+    h,
+    $,
+    V,
+    F
+  ], u = le(r, ce), p = await Promise.all(
+    u.map(
+      (s) => K({
+        countPerPage: s.length,
+        fields: n,
+        getPermanentAssetsPaths: t,
+        pageNumber: 1,
+        query: { recordId: s },
+        securityByPassToken: o,
+        token: a
+      })
+    )
+  ), I = new Map(r.map((s, m) => [s, m])), A = p.flatMap((s) => s.items).map((s) => {
+    let m = d(s, D);
+    return m === "" && (m = d(s, h)), {
+      name: m,
+      originalUrl: d(s, E),
+      recordId: d(s, F),
+      ...c.reduce(
+        (l, i) => (l[i] = d(s, i), l),
+        {}
+      )
+    };
+  }).sort(
+    (s, m) => (I.get(s.recordId) ?? 1 / 0) - (I.get(m.recordId) ?? 1 / 0)
+  ), T = p.reduce(
+    (s, m) => s + m.totalCount,
+    0
+  );
+  return { facets: [], items: A, totalCount: T };
+}
+async function Fe({
+  extraFields: e,
+  recordIds: t
+}) {
+  if (!Array.isArray(t) || t.length === 0)
+    return { facets: [], items: [], totalCount: 0 };
+  const r = e?.filter((o) => o && typeof o == "string") ?? [];
+  try {
+    return (await f.request({
+      method: "GET",
+      params: {
+        ExtraFilters: `RecordID:${t.join(" OR ")}`,
+        Fields: [
+          ...r,
+          E,
+          D,
+          h,
+          $,
+          V
+        ],
+        SeeThru: !0
+      },
+      paramsSerializer: {
+        indexes: null
+      },
+      responseType: "json",
+      transformResponse: [
+        ...Array.isArray(f.defaults.transformResponse) ? f.defaults.transformResponse : [],
+        (a) => {
+          const c = a.contentItems?.map((n) => {
+            let u = n.fields[D] ?? "";
+            return u === "" && (u = n.fields[h] ?? ""), {
+              name: u,
+              originalUrl: n.fields[E] ?? "",
+              recordId: n.recordID,
+              ...r.reduce(
+                (p, I) => (p[I] = n.fields[I] ?? "", p),
+                {}
+              )
+            };
+          }) ?? [];
+          return c.sort((n, u) => {
+            const p = t.indexOf(n.recordId), I = t.indexOf(u.recordId);
+            return p - I;
+          }), {
+            facets: a.facets,
+            items: c,
+            totalCount: a.totalCount
+          };
+        }
+      ],
+      url: x.GET_CONTENT_V1
+    })).data;
+  } catch {
+    return {
+      facets: [],
+      items: [],
+      totalCount: 0
+    };
+  }
+}
+function d(e, t) {
+  const r = e[t];
+  return r == null ? "" : typeof r == "string" ? r : typeof r == "number" || typeof r == "boolean" ? String(r) : ee(r) ? r.URI : "";
+}
+async function Se({
+  countPerPage: e,
+  directParentFolderIdentifier: t,
+  extraFields: r,
+  getPermanentAssetsPaths: o,
+  limitedDocTypes: a,
+  pageNumber: c,
+  parentFolderIdentifier: n,
+  searchTerm: u,
+  securityByPassToken: p,
+  sortOrder: I,
+  token: A
+}) {
+  if (!t && !n)
+    return { facets: [], items: [], totalCount: 0 };
+  const T = (r?.filter((i) => i && typeof i == "string") ?? []).map((i) => i.replace("%20", " ")), s = {
+    directParentFolderIdentifier: t,
+    parentFolderIdentifier: n,
+    ...u ? { text: u } : {},
+    ...a.length > 0 ? { docType: [B.Image, B.Audio] } : {}
+  }, m = await K({
+    countPerPage: e,
+    fields: [
+      ...T,
+      W,
+      C,
+      E,
+      P,
+      v,
+      G,
+      N,
+      R,
+      j,
+      b,
+      O,
+      F,
+      h,
+      D
+    ],
+    getPermanentAssetsPaths: o,
+    pageNumber: c,
+    query: s,
+    securityByPassToken: p,
+    sort: I || void 0,
+    token: A
+  }), l = m.items.map((i) => {
+    let y = d(i, O), _ = d(i, D), S = d(i, C);
+    y && !y.startsWith(".") && (y = "." + y), _ === "" && (_ = d(i, h)), y.toLowerCase() === ".gif" && (S = d(i, E));
+    const g = d(i, F);
+    return {
+      docSubType: d(i, j),
+      docType: d(i, R) || "",
+      extension: y,
+      height: d(i, G) || "0",
+      id: g,
+      identifier: d(i, b),
+      imageUrl: S,
+      name: _,
+      originalUrl: d(i, E),
+      recordId: g,
+      size: d(i, N) || "0 MB",
+      tags: d(i, P),
+      width: d(i, v) || "0",
+      ...T.reduce(
+        (w, k) => (w[k] = d(i, k), w),
+        {}
+      )
+    };
+  });
+  return {
+    facets: [],
+    items: l,
+    totalCount: m.totalCount
+  };
+}
+async function ge({
+  extraFields: e,
+  folderId: t,
+  limit: r,
+  limitedDocTypes: o,
+  searchTerm: a,
+  seeThrough: c,
+  selectedFacets: n,
+  sortOrder: u,
+  start: p
+}) {
+  const I = (e?.filter((s) => s && typeof s == "string") ?? []).map((s) => s.replace("%20", " ")), A = n.Types, T = Object.fromEntries(
+    Object.entries(n).filter(([s]) => s !== "Types")
+  );
+  try {
+    return (await f.request({
+      data: {
+        facetFilters: Object.keys(T).length > 0 ? T : void 0,
+        fields: [
+          ...I,
+          W,
+          C,
+          E,
+          P,
+          v,
+          G,
+          N,
+          R,
+          j,
+          b,
+          O,
+          F,
+          h,
+          D
+        ],
+        limit: r,
+        limitedToDocTypes: o.length > 0 ? o : void 0,
+        objectRecordID: t,
+        orderBy: u || void 0,
+        seeThru: c,
+        start: p,
+        subtypeCriteria: A?.length > 0 ? A : void 0,
+        text: a || void 0
+      },
+      method: "POST",
+      responseType: "json",
+      transformResponse: [
+        ...Array.isArray(f.defaults.transformResponse) ? f.defaults.transformResponse : [],
+        (m) => ({
+          facets: m.facets,
+          items: m.contentItems?.map((l) => {
+            let i = l.fields[O] ?? "", y = l.fields[D] ?? "", _ = l.fields[C] ?? "";
+            return i && !i.startsWith(".") && (i = "." + i), y === "" && (y = l.fields[h] ?? ""), i.toLowerCase() === ".gif" && (_ = l.fields[E] ?? ""), {
+              docSubType: l.fields[j] ?? "",
+              docType: l.fields[R] ?? "",
+              extension: i,
+              height: l.fields[G] ?? "0",
+              id: l.recordID,
+              identifier: l.fields[b] ?? "",
+              imageUrl: _,
+              name: y ?? "",
+              originalUrl: l.fields[E] ?? "",
+              recordId: l.fields[F] ?? "",
+              size: l.fields[N] ?? "0 MB",
+              tags: l.fields[P] ?? "",
+              width: l.fields[v] ?? "0",
+              ...I.reduce(
+                (S, g) => (S[g] = l.fields[g] ?? "", S),
+                {}
+              )
+            };
+          }) ?? [],
+          totalCount: m.totalCount
+        })
+      ],
+      url: x.GET_CONTENT_V3
+    })).data;
+  } catch {
+    return {
+      facets: [],
+      items: [],
+      totalCount: 0
+    };
+  }
+}
+async function Ce({
+  autoCropMode: e,
+  cropHeight: t,
+  cropWidth: r,
+  imageUrl: o,
+  useSession: a
+}) {
+  try {
+    return (await f.request({
+      method: "GET",
+      params: {
+        AutoCropMode: e,
+        CropHeight: t,
+        CropWidth: r,
+        ImageUrl: o && new URL(o, window.location.origin).href,
+        UseSession: a || void 0
+      },
+      responseType: "json",
+      timeout: 3e5,
+      // 5 minutes
+      transformResponse: [
+        ...Array.isArray(f.defaults.transformResponse) ? f.defaults.transformResponse : [],
+        (n) => ({
+          height: n.cropHeight,
+          width: n.cropWidth,
+          x: n.cropX,
+          y: n.cropY
+        })
+      ],
+      url: x.GET_CROP_ZONE_SUGGESTION
+    })).data;
+  } catch {
+    return null;
+  }
+}
+async function Le({
+  assetRecordId: e,
+  siteUrl: t,
+  token: r,
+  useSession: o
+}) {
+  try {
+    return (await f.request({
+      baseURL: t,
+      method: "GET",
+      params: {
+        RecordId: e,
+        Token: r,
+        UseSession: o || void 0
+      },
+      responseType: "json",
+      transformResponse: [
+        ...Array.isArray(f.defaults.transformResponse) ? f.defaults.transformResponse : [],
+        (c) => !c || typeof c != "object" ? [] : c.proxies?.map((n) => ({
+          cdnName: n.cdnName,
+          extension: n.extension,
+          formatHeight: n.formatHeight,
+          formatWidth: n.formatWidth,
+          height: n.height,
+          permanentLink: n.permanentLink,
+          proxyLabel: n.proxyLabel,
+          proxyName: n.proxyName,
+          width: n.width
+        })) ?? []
+      ],
+      url: X
+    })).data;
+  } catch {
+    return [];
+  }
+}
+async function Re({
+  siteUrl: e
+} = {}) {
+  try {
+    return (await f.request({
+      baseURL: e,
+      method: "GET",
+      responseType: "json",
+      transformResponse: [
+        ...Array.isArray(f.defaults.transformResponse) ? f.defaults.transformResponse : [],
+        (r) => !r || typeof r != "object" ? {
+          formatsByDocType: {
+            Audio: {},
+            Image: {},
+            Multimedia: {},
+            Video: {}
+          }
+        } : {
+          formatsByDocType: r.formatsByDocType ?? {}
+        }
+      ],
+      url: z
+    })).data;
+  } catch {
+    return { formatsByDocType: {} };
+  }
+}
+export {
+  C as D,
+  F,
+  E as O,
+  Fe as a,
+  De as b,
+  Ce as c,
+  _e as d,
+  Re as e,
+  K as f,
+  Se as g,
+  ge as h,
+  ee as i,
+  G as j,
+  v as k,
+  R as l,
+  O as m,
+  Le as n,
+  N as o,
+  b as p,
+  j as q,
+  J as u
+};

package/library/chunks/{button.DIvU_uFU.js → button.DwJEeW2t.js}

@@ -2,7 +2,7 @@ import { n as i, C as v } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as g } from "./component.styles.CRO4Odto.js";
 import { c as C } from "./custom-element.L4WJXn1j.js";
 import { F as x, v as w } from "./form.B-5nQJva.js";
-import { L as $ } from "./i18n.C21qyGi6.js";
+import { L as $ } from "./i18n.CH-wak_P.js";
 import { H as S, g as O } from "./slot.j5oheLJC.js";
 import { w as m } from "./watch.CThbualB.js";
 import { r as u } from "./state.CSDxrqLd.js";

package/library/chunks/{color-swatch-group.DV5uB8OC.js → color-swatch-group.DjjSIHSV.js}

@@ -1,13 +1,13 @@
 import z from "../components/space.js";
-import { C as $ } from "./table.CP3oGDY1.js";
+import { C as $ } from "./table.BvbReIZh.js";
 import { C as k } from "./typography.DJC_UXgs.js";
 import { n as h, C as F } from "./lib-cortex-element.CVMmyPMC.js";
-import { C, a as g } from "./color-swatch.BoUZGGs4.js";
+import { C, a as g } from "./color-swatch.DVzEaNeL.js";
 import { c as A } from "./component.styles.CRO4Odto.js";
 import { D as p } from "./content-builder.OsUmm8Wu.js";
 import { c as S } from "./custom-element.L4WJXn1j.js";
 import { d as T } from "./debounce.CIEhztrj.js";
-import { L as E } from "./i18n.C21qyGi6.js";
+import { L as E } from "./i18n.CH-wak_P.js";
 import { w as x } from "./watch.CThbualB.js";
 import { g as D, a as R } from "./responsive.C8NCkfCG.js";
 import { x as l, B as H, i as O } from "./lit-element.jLBm65_O.js";
@@ -148,13 +148,13 @@ let o = class extends F {
     super(), this.localize = new E(this), this.variant = c.Table, this.data = [], this.maxCol = 4, this.canCopy = !1, this.showCodes = ["HEX", "RGB", "CMYK", "PMS"], this.multiLanguage = !1, this.breakpoints = [350, 696, 1024], this.deviceType = p.Desktop, this.currentCol = 0, this.isFocused = !1, this.canFocusContainer = !0, this.isContainerFocused = !1, this.handleWindowResize = this.handleWindowResize.bind(this);
   }
   runFirstUpdated() {
-    this.breakpoints = D(this, this.breakpoints), this.handleResize();
-  }
-  runConnectedCallback() {
     this.setAttribute("role", "region"), this.setAttribute("aria-label", this.localize.term("colorSwatches")), this.setAttribute(
       "aria-roledescription",
       this.localize.term("colorSwatches")
-    ), window.addEventListener("resize", this.handleWindowResize);
+    ), this.breakpoints = D(this, this.breakpoints), this.handleResize();
+  }
+  runConnectedCallback() {
+    window.addEventListener("resize", this.handleWindowResize);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), window.removeEventListener("resize", this.handleWindowResize);

package/library/chunks/{color-swatch.BoUZGGs4.js → color-swatch.DVzEaNeL.js}

@@ -8,7 +8,7 @@ import { c as F } from "./component.styles.CRO4Odto.js";
 import { c as n, C as h, H as $, l as z } from "./color.LzSGBy7o.js";
 import { c as O } from "./custom-element.L4WJXn1j.js";
 import { d as W } from "./debounce.CIEhztrj.js";
-import { L as A } from "./i18n.C21qyGi6.js";
+import { L as A } from "./i18n.CH-wak_P.js";
 import { w as i } from "./watch.CThbualB.js";
 import { i as G, x as u } from "./lit-element.jLBm65_O.js";
 import { r as c } from "./state.CSDxrqLd.js";

package/library/chunks/{confirm-popover.DS9HIy3c.js → confirm-popover.BifwpSuf.js}

@@ -1,11 +1,11 @@
-import { C as _ } from "./button.DIvU_uFU.js";
-import { C as u, D as h } from "./dialog.DyT-Nai2.js";
+import { C as _ } from "./button.DwJEeW2t.js";
+import { C as u, D as h } from "./dialog.BYCWepBc.js";
 import g from "../components/dropdown.js";
 import { C as x } from "./typography.DJC_UXgs.js";
 import { n as e, C as b } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as y } from "./component.styles.CRO4Odto.js";
 import { c as w } from "./custom-element.L4WJXn1j.js";
-import { L as $ } from "./i18n.C21qyGi6.js";
+import { L as $ } from "./i18n.CH-wak_P.js";
 import { i as z, x as d } from "./lit-element.jLBm65_O.js";
 import { e as m } from "./query.BBf1UFkC.js";
 import { e as a } from "./class-map.BiVq-cVR.js";

package/library/chunks/{dialog.DyT-Nai2.js → dialog.BYCWepBc.js}

@@ -3,7 +3,7 @@ import { c as S } from "./component.styles.CRO4Odto.js";
 import { O, C as D, H, z as A, o as B } from "./overlayscrollbars.BMav4RQ4.js";
 import { a as c, s as p, w as x } from "./event.BeKOsirN.js";
 import { c as $ } from "./custom-element.L4WJXn1j.js";
-import { L } from "./i18n.C21qyGi6.js";
+import { L } from "./i18n.CH-wak_P.js";
 import { M as P } from "./modal.U1QltQKe.js";
 import { l as w, u as _ } from "./scroll.xtO5yojm.js";
 import { H as E } from "./slot.j5oheLJC.js";
@@ -17,7 +17,7 @@ import { o as q } from "./style-map.llVFPd__.js";
 import { n as b } from "./when.Dr1es41R.js";
 import { s as u, g as h } from "./animation-registry.HmpwNuGH.js";
 import F from "../components/divider.js";
-import { C as I } from "./icon-button.DxkJ-cp-.js";
+import { C as I } from "./icon-button.CQiBjznj.js";
 import U from "../components/popup.js";
 var l = /* @__PURE__ */ ((e) => (e.Both = "both", e.Footer = "footer", e.Header = "header", e.None = "none", e))(l || {});
 const j = R`:host{--width:31rem;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large);--body-spacing:var(--cx-spacing-medium) var(--cx-spacing-large);--divider-spacing:0;--footer-spacing:var(--cx-spacing-medium);--max-width:100%;--max-height:100%;--overlay-background-color:var(--cx-overlay-background-color);display:contents}.dialog{justify-content:center;align-items:center;display:flex}.dialog--absolute{position:absolute}.dialog__panel{width:var(--width);height:var(--dialog-height,auto);background-color:var(--cx-panel-background-color);border-radius:var(--cx-border-radius-medium);box-shadow:var(--cx-shadow-x-large);max-width:calc(var(--max-width) - var(--cx-spacing-2x-large));max-height:calc(var(--max-height) - var(--cx-spacing-2x-large));flex-direction:column;display:flex;overflow:hidden}.dialog__panel:focus{outline:none}@media screen and (width<=420px){.dialog__panel{max-height:80vh}}.dialog--open .dialog__panel{opacity:1;display:flex}.dialog__header{padding:var(--header-spacing);flex:none;display:flex}.dialog__header-divider,.dialog__footer-divider{--spacing:0;padding:var(--divider-spacing)}.dialog__title{font:inherit;font-family:var(--cx-font-sans);font-size:var(--cx-font-size-large);font-weight:var(--cx-font-weight-regular);line-height:var(--cx-line-height-large);flex:auto;align-items:center;margin:0;display:flex}.dialog__header-actions{justify-content:end;gap:var(--cx-spacing-2x-small);flex-wrap:wrap;flex-shrink:0;display:flex}.dialog__header-actions cx-icon-button,.dialog__header-actions ::slotted(cx-icon-button){font-size:var(--cx-font-size-3x-large);flex:none;align-items:center;display:flex}.dialog__body{padding:var(--body-spacing);-webkit-overflow-scrolling:touch;font-size:var(--cx-font-size-medium);font-weight:var(--cx-font-weight-regular);line-height:var(--cx-line-height-small);z-index:2;flex:auto;display:block;position:relative;overflow:auto}.dialog--overlay-scrollbar .dialog__body{flex-direction:column;display:flex}.dialog__footer{text-align:right;padding:var(--footer-spacing);z-index:1;flex:none;position:relative}.dialog__footer ::slotted(cx-button:not(:first-of-type)){margin-inline-start:var(--cx-spacing-x-small)}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}@media (forced-colors:active){.dialog__panel{border:solid 1px var(--cx-color-neutral-0)}}.dialog__overlay{background-color:var(--overlay-background-color);opacity:0;pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex}.dialog--open .dialog__overlay{opacity:1;pointer-events:auto}`;