@das-fed/upf-utils 6.4.0-dev.237 → 6.4.0-dev.239

package/theme/index.js

@@ -0,0 +1,871 @@
+import { bus as L } from "@das-fed/mframe";
+const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars", _ = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakSet(), y = /* @__PURE__ */ new WeakMap(), b = (e) => e ? Object.entries(h(e)).reduce((r, [o, a]) => (r[o] = String(a ?? ""), r), {}) : null, h = (e) => e, t = (e, r) => {
+  const o = h(e);
+  return String((r ? o[r] : "") ?? "");
+}, i = (e, r) => r.map((o) => ({ target: o, from: e })), M = (e) => {
+  const r = String(e || "").trim();
+  return /^#([\da-f]{3}|[\da-f]{6})$/i.test(r) ? r.length === 4 ? `#${r.slice(1).split("").map((o) => `${o}${o}`).join("")}` : r : "";
+}, T = (e) => {
+  const r = M(e);
+  if (!r)
+    return null;
+  const o = r.slice(1);
+  return {
+    red: Number.parseInt(o.slice(0, 2), 16),
+    green: Number.parseInt(o.slice(2, 4), 16),
+    blue: Number.parseInt(o.slice(4, 6), 16)
+  };
+}, F = (e) => Math.min(255, Math.max(0, Math.round(e))), $ = (e, r, o, a) => {
+  const u = T(e), l = T(r);
+  if (!u || !l)
+    return a;
+  const n = Math.min(1, Math.max(0, o)), c = F(u.red * n + l.red * (1 - n)), s = F(u.green * n + l.green * (1 - n)), p = F(u.blue * n + l.blue * (1 - n));
+  return `#${[c, s, p].map((m) => m.toString(16).padStart(2, "0")).join("")}`;
+}, P = (e, r, o) => {
+  const a = T(e);
+  if (!a)
+    return o;
+  const u = Math.min(1, Math.max(0, r));
+  return `rgba(${a.red}, ${a.green}, ${a.blue}, ${u})`;
+}, j = {
+  "#5582f3": "#3761CA",
+  "#e63946": "#C9303C"
+}, A = (e, r) => {
+  const o = e || "#5582F3";
+  return j[M(o).toLowerCase()] || r(o, g, 0.84, "#3761CA");
+}, x = (e, r) => r.reduce((o, a) => {
+  const u = a.resolve ? a.resolve({ variables: e, result: o, mixHexColor: $, toRgbaColor: P }) : a.from ? t(e, String(a.from)) : String(a.value ?? "");
+  return o[a.target] = String(u ?? ""), o;
+}, {}), W = [
+  { target: "--upf-primary", from: "--upf-color-primary" },
+  { target: "--upf-text", from: "--upf-text-primary" },
+  { target: "--upf-surface", from: "--upf-bg-primary" },
+  { target: "--upf-divider", from: "--upf-divider-color" },
+  { target: "--upf-nav-item-hover-bg", from: "--upf-nav-hover-bg" },
+  { target: "--upf-nav-item-active-bg", from: "--upf-nav-active-bg" },
+  { target: "--upf-menu-item-hover-bg", from: "--upf-menu-hover-bg" },
+  { target: "--upf-menu-item-active-bg", from: "--upf-menu-active-bg" },
+  { target: "--upf-menu-item-active-text", from: "--upf-menu-active-text" }
+], G = [
+  { target: "--el-color-primary", from: "--upf-color-primary" },
+  { target: "--el-color-success", from: "--upf-color-success" },
+  { target: "--el-color-warning", from: "--upf-color-warning" },
+  { target: "--el-color-danger", from: "--upf-color-error" },
+  { target: "--el-color-error", from: "--upf-color-error" },
+  { target: "--el-color-info", from: "--upf-color-info" },
+  { target: "--el-text-color-primary", from: "--upf-text-primary" },
+  { target: "--el-text-color-regular", from: "--upf-text-primary" },
+  { target: "--el-text-color-secondary", from: "--upf-text-secondary" },
+  { target: "--el-text-color-placeholder", from: "--upf-text-placeholder" },
+  { target: "--el-text-color-disabled", from: "--upf-text-disabled" },
+  { target: "--el-border-color", from: "--upf-border-color" },
+  { target: "--el-border-color-light", from: "--upf-divider-color" },
+  { target: "--el-border-color-lighter", from: "--upf-divider-color" },
+  { target: "--el-fill-color-blank", from: "--upf-bg-primary" },
+  { target: "--el-bg-color", from: "--upf-bg-primary" },
+  { target: "--el-bg-color-page", from: "--upf-bg-secondary" },
+  { target: "--el-bg-color-overlay", from: "--upf-bg-elevated" },
+  { target: "--el-dialog-bg-color", from: "--upf-bg-elevated" },
+  { target: "--el-mask-color", from: "--upf-bg-mask" },
+  { target: "--el-tree-text-color", from: "--upf-text-secondary" },
+  { target: "--el-checkbox-disabled-checked-icon-color", from: "--upf-text-disabled" },
+  { target: "--el-dialog-content-font-size", value: "14px" },
+  { target: "--el-transition-duration-fast", value: "0.2s" },
+  { target: "--el-checkbox-font-weight", value: "400" },
+  { target: "--el-checkbox-input-width", value: "14px" },
+  { target: "--el-checkbox-input-height", value: "14px" },
+  { target: "--el-checkbox-checked-icon-color", value: f },
+  {
+    target: "--el-checkbox-input-border",
+    resolve: ({ variables: e }) => `1px solid ${t(e, "--upf-border-color")}`
+  }
+], q = [
+  { target: "--das-ui-color-primary-level1", from: "--upf-color-primary-bg" },
+  ...i("--upf-color-primary-bg", [
+    "--das-ui-color-primary-level1",
+    "--das-ui-upload-bgcolor-hover"
+  ]),
+  ...i("--upf-bg-primary", [
+    "--das-black-list-mange-color-white"
+  ]),
+  { target: "--das-ui-color-primary", from: "--upf-color-primary" },
+  { target: "--das-ui-color-danger", from: "--upf-color-error" },
+  { target: "--das-ui-color-warning", from: "--upf-color-warning" },
+  { target: "--das-ui-color-success", from: "--upf-color-success" },
+  { target: "--das-ui-color-link", from: "--upf-color-primary" },
+  { target: "--das-ui-color-normal", from: "--upf-text-primary" },
+  { target: "--das-ui-color-secondary", from: "--upf-text-secondary" },
+  { target: "--das-ui-color-help", from: "--upf-text-disabled" },
+  { target: "--das-ui-color-disabled", from: "--upf-text-disabled" },
+  { target: "--das-ui-color-overlay-error", from: "--upf-color-error" },
+  { target: "--das-ui-button-primary", from: "--upf-color-primary" },
+  { target: "--das-ui-input-full-border-color", from: "--upf-border-color" },
+  { target: "--das-ui-tag-list-border-active-color", from: "--upf-color-primary" },
+  { target: "--das-ui-tag-dark-temporary-color", from: "--upf-text-secondary" },
+  // 共享桥接先兜底旧加载态、下拉态和范围选择器变量，保证首批迁移组件样式稳定。
+  { target: "--das-ui-split-panel-color-primary", from: "--upf-color-primary" },
+  { target: "--das-ui-split-panel-color-line", from: "--upf-divider-color" },
+  { target: "--das-ui-split-panel-color-btn", from: "--upf-text-secondary" },
+  { target: "--das-ui-tree-table-highlight-color", from: "--upf-color-primary" },
+  { target: "--das-ui-tree-table-header-color", from: "--upf-text-primary" },
+  { target: "--das-ui-tree-table-header-bg-color", from: "--upf-bg-secondary" },
+  { target: "--das-ui-tree-table-border-color", from: "--upf-border-color" },
+  { target: "--das-ui-rich-editor-active-font-color", from: "--upf-color-primary" },
+  {
+    target: "--das-ui-dropdown-bgff-color",
+    resolve: ({ variables: e }) => t(e, "--upf-bg-elevated") || t(e, "--upf-bg-primary")
+  },
+  { target: "--das-ui-dropdown-divided-color", from: "--upf-border-color" },
+  { target: "--das-ui-dropdown-active-color", from: "--upf-color-primary" },
+  { target: "--das-ui-dropdown-hover-color", from: "--upf-bg-secondary" },
+  { target: "--das-ui-spin-logo-1-color", from: "--upf-loading-color-1" },
+  { target: "--das-ui-spin-logo-2-color", from: "--upf-loading-color-2" },
+  { target: "--das-ui-spin-logo-3-color", from: "--upf-loading-color-3" },
+  { target: "--das-ui-spin-logo-4-color", from: "--upf-loading-color-4" },
+  { target: "--das-ui-spin-logo-5-color", from: "--upf-loading-color-5" },
+  { target: "--das-ui-spin-logo-6-color", from: "--upf-loading-color-6" },
+  { target: "--das-ui-special-range-picker-close-btn", from: "--upf-text-disabled" },
+  { target: "--das-ui-special-range-picker-close-btn-hover", from: "--upf-text-secondary" },
+  { target: "--das-ui-special-range-picker-color-primary", from: "--upf-color-primary" },
+  { target: "--das-ui-special-range-picker-color-white", from: "--upf-bg-primary" },
+  { target: "--das-ui-special-range-picker-hover-color", from: "--upf-bg-secondary" },
+  { target: "--das-ui-special-range-picker-border-color", from: "--upf-border-color" },
+  { target: "--das-ui-special-range-picker-header-bgcolor", from: "--upf-bg-secondary" },
+  {
+    target: "--das-ui-special-range-picker-in-range",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-primary"),
+      t(e, "--upf-bg-primary"),
+      0.08,
+      "#F2F6FF"
+    )
+  },
+  {
+    target: "--das-ui-special-range-picker-new-range",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-primary"),
+      t(e, "--upf-bg-primary"),
+      0.14,
+      "#E3EBFF"
+    )
+  },
+  { target: "--das-ui-special-range-picker-disabled", from: "--upf-divider-color" },
+  { target: "--das-ui-special-range-picker-error", from: "--upf-color-error" },
+  { target: "--das-ui-special-range-picker-overlay-error-bg-color", from: "--upf-message-error-bg" },
+  { target: "--das-ui-special-range-picker-box-shadow-5", value: "rgb(0 0 0 / 5%)" },
+  { target: "--das-ui-special-range-picker-box-shadow-8", value: "rgb(0 0 0 / 8%)" },
+  { target: "--das-ui-special-range-picker-box-shadow-12", value: "rgb(0 0 0 / 12%)" },
+  { target: "--das-ui-table-checkbox-bg", from: "--upf-color-primary" },
+  { target: "--das-ui-table-checkbox-border-color", from: "--upf-color-primary" },
+  { target: "--das-ui-table-sortable-color", from: "--upf-color-primary" },
+  { target: "--das-ui-table-required-color", from: "--upf-color-error" },
+  { target: "--das-ui-form-error-label-color", from: "--upf-color-error" },
+  { target: "--das-ui-scrollbar-thumb-color", from: "--upf-text-disabled" },
+  { target: "--das-ui-scrollbar-thumb-hover-color", from: "--upf-text-secondary" },
+  { target: "--das-ui-scrollbar-padding", value: "1px" },
+  { target: "--das-ui-scrollbar-thumb-size", value: "8px" },
+  { target: "--das-user-manage-white", value: f },
+  { target: "--das-user-manage-shadow-color", value: "rgba(38, 38, 38, 0.1)" },
+  { target: "--das-user-manage-border-color", value: "rgba(38, 38, 38, 0.1)" },
+  { target: "--das-ui-font-size-sm", value: "12px" },
+  { target: "--das-ui-font-size-md", value: "14px" },
+  { target: "--das-ui-font-size-lg", value: "16px" },
+  { target: "--das-upf-ui-font-size-sm", value: "14px" },
+  { target: "--das-upf-ui-line-height", value: "32px" },
+  { target: "--das-ui-text-tooltip-shadow", value: "rgba(0, 0, 0, 0.2)" },
+  { target: "--das-ui-text-tooltip-bgcolor", value: f },
+  { target: "--das-ui-search-form-font-color", from: "--upf-text-primary" },
+  { target: "--das-ui-search-form-filter-font-color", from: "--upf-text-secondary" },
+  { target: "--das-ui-search-form-filter-bgcolor", from: "--upf-bg-secondary" },
+  { target: "--das-ui-search-form-filter-border-color", from: "--upf-border-color" },
+  { target: "--das-ui-select-list-hover-bg", from: "--upf-bg-secondary" },
+  { target: "--das-ui-select-list-close-btn-hover", from: "--upf-color-primary" },
+  { target: "--das-ui-select-list-active-bg-color", from: "--upf-color-primary-bg" },
+  { target: "--das-ui-select-list-active-font-color", from: "--upf-color-primary" },
+  { target: "--das-ui-steps-color", from: "--upf-color-primary" },
+  { target: "--das-ui-steps-dashed-color", from: "--upf-text-disabled" },
+  { target: "--das-ui-steps-wait-color", from: "--upf-text-secondary" },
+  { target: "--das-ui-steps-finish-color", from: "--upf-color-success" },
+  { target: "--das-ui-steps-error-color", from: "--upf-color-error" },
+  { target: "--das-ui-steps-title-font-size", value: "12px" },
+  {
+    target: "--das-ui-collaspe-bgcolor",
+    resolve: ({ variables: e }) => t(e, "--upf-bg-elevated") || t(e, "--upf-bg-primary")
+  },
+  { target: "--das-ui-calendar-color-text", value: "#212121" },
+  { target: "--das-ui-calendar-color-border", value: "#D9D9D9" },
+  { target: "--das-ui-calendar-size-text", value: "14px" },
+  { target: "--das-ui-calendar-color-head-tip", value: "#999999" },
+  { target: "--das-ui-calendar-size-head-tip", value: "12px" },
+  { target: "--das-ui-calendar-span-size", value: "28px" },
+  { target: "--das-ui-calendar-color-pre-next", value: "#B2B2B2" },
+  {
+    target: "--das-ui-color-primary-level2",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-primary"),
+      t(e, "--upf-bg-primary"),
+      0.16,
+      "#E0EFFE"
+    )
+  },
+  {
+    target: "--das-ui-color-primary-level3",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-primary"),
+      t(e, "--upf-bg-primary"),
+      0.32,
+      "#B3D5FF"
+    )
+  },
+  {
+    target: "--das-ui-color-primary-level4",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-primary"),
+      t(e, "--upf-bg-primary"),
+      0.48,
+      "#85B8FE"
+    )
+  },
+  {
+    target: "--das-ui-color-primary-level5",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-primary"),
+      t(e, "--upf-bg-primary"),
+      0.68,
+      "#5797FF"
+    )
+  },
+  {
+    target: "--das-ui-color-primary-level7",
+    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary"), g, 0.82, "#104CCC")
+  },
+  {
+    target: "--das-ui-color-primary-level8",
+    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary"), g, 0.68, "#002EA3")
+  },
+  {
+    target: "--das-ui-color-primary-level9",
+    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary"), g, 0.5, "#001F7A")
+  },
+  {
+    target: "--das-ui-color-danger-level1",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-error"),
+      t(e, "--upf-bg-primary"),
+      0.14,
+      "#FFDBE0"
+    )
+  },
+  {
+    target: "--das-ui-color-danger-level2",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-error"),
+      t(e, "--upf-bg-primary"),
+      0.08,
+      "#FFF2F4"
+    )
+  },
+  {
+    target: "--das-ui-color-warning-level1",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-warning"),
+      t(e, "--upf-bg-primary"),
+      0.08,
+      "#FFFBF2"
+    )
+  },
+  {
+    target: "--das-ui-color-warning-level2",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-warning"),
+      t(e, "--upf-bg-primary"),
+      0.16,
+      "#FFF1D4"
+    )
+  },
+  {
+    target: "--das-ui-color-success-level1",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-success"),
+      t(e, "--upf-bg-primary"),
+      0.08,
+      "#F2FFF5"
+    )
+  },
+  {
+    target: "--das-ui-color-success-level2",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-success"),
+      t(e, "--upf-bg-primary"),
+      0.16,
+      "#DCFAE4"
+    )
+  },
+  {
+    target: "--das-ui-color-amount",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-warning"),
+      t(e, "--upf-color-error"),
+      0.55,
+      "#FF5F1F"
+    )
+  },
+  {
+    target: "--das-ui-button-primary-hover",
+    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary"), g, 0.82, "#104CCC")
+  },
+  ...i("--upf-color-primary", [
+    "--das-ui-search-form-primary-color"
+  ]),
+  ...i("--upf-text-primary", [
+    "--das-ui-tag-list-text-color"
+  ]),
+  ...i("--upf-border-color", [
+    "--das-ui-tag-list-border-color",
+    "--das-ui-upload-border-color"
+  ]),
+  ...i("--upf-bg-secondary", [
+    "--das-ui-upload-bgcolor"
+  ]),
+  ...i("--upf-text-secondary", [
+    "--das-ui-search-form-tip-color"
+  ]),
+  { target: "--das-ui-layout-header-menu-border-color", from: "--upf-border-color" },
+  { target: "--das-ui-layout-header-menu-background-color", from: "--upf-nav-bg" },
+  { target: "--das-ui-layout-header-menu-color", from: "--upf-nav-text" },
+  { target: "--das-ui-layout-header-menu-hover-background-color", from: "--upf-nav-hover-bg" },
+  { target: "--das-ui-layout-header-menu-hover-color", from: "--upf-nav-active-text" },
+  { target: "--das-ui-layout-header-menu-active-background-color", from: "--upf-nav-active-bg" },
+  { target: "--das-ui-layout-header-menu-active-color", from: "--upf-nav-active-text" },
+  {
+    target: "--das-ui-layout-header-menu-remove-btn-color",
+    resolve: ({ variables: e, toRgbaColor: r }) => r(t(e, "--upf-nav-text"), 0.72, "rgba(170, 170, 172, 0.72)")
+  },
+  { target: "--das-ui-layout-header-menu-remove-btn-hover-color", from: "--upf-nav-active-text" },
+  {
+    target: "--das-ui-layout-header-icon-color",
+    resolve: ({ variables: e }) => t(e, "--upf-nav-text") || t(e, "--upf-text-secondary")
+  },
+  {
+    target: "--das-ui-layout-header-left-box-line",
+    resolve: ({ variables: e, toRgbaColor: r }) => r(
+      t(e, "--upf-nav-text") || t(e, "--upf-text-secondary"),
+      0.28,
+      "#CCCCCC"
+    )
+  },
+  { target: "--das-ui-layout-aside-menu-width", value: "214px" },
+  { target: "--das-ui-layout-aside-collapse-menu-width", value: "50px" },
+  { target: "--das-ui-layout-aside-menu-item-height", value: "50px" },
+  { target: "--das-ui-layout-aside-border-color", from: "--upf-border-color" },
+  { target: "--das-ui-layout-aside-background-color", from: "--upf-menu-bg" },
+  { target: "--das-ui-layout-aside--item-color", from: "--upf-menu-text" },
+  { target: "--das-ui-layout-aside--item-arrow-color", from: "--upf-text-disabled" },
+  { target: "--das-ui-layout-aside--item-active-color", from: "--upf-menu-active-text" },
+  { target: "--das-ui-layout-aside--item-active-background-color", from: "--upf-menu-active-bg" },
+  { target: "--das-ui-layout-aside-item-hover-color", from: "--upf-menu-active-text" },
+  { target: "--das-ui-layout-aside-item-hover-background-color", from: "--upf-menu-hover-bg" },
+  { target: "--das-ui-layout-aside-submenu-title-border-color", from: "--upf-divider-color" },
+  { target: "--das-ui-layout-aside-submenu-vertical-background-color", from: "--upf-menu-submenu-bg" },
+  { target: "--das-ui-layout-aside-submenu-vertical-item-hover-background-color", from: "--upf-menu-hover-bg" },
+  { target: "--das-ui-layout-aside-submenu-background-color", from: "--upf-menu-submenu-bg" },
+  { target: "--das-ui-layout-aside-submenu-item-affix-color", from: "--upf-color-primary" },
+  { target: "--das-ui-layout-aside-submenu-item-color", from: "--upf-menu-text" },
+  { target: "--das-ui-layout-aside-submenu-item-hover-color", from: "--upf-menu-active-text" },
+  { target: "--das-ui-layout-aside-submenu-item-hover-background-color", from: "--upf-menu-hover-bg" },
+  { target: "--das-ui-layout-aside-submenu-item-active-background-color", from: "--upf-menu-active-bg" },
+  { target: "--das-ui-layout-aside-collapse-icon-bg-color", from: "--upf-text-disabled" },
+  { target: "--das-ui-layout-aside-collapse-icon-hover-bg-color", from: "--upf-menu-active-text" },
+  { target: "--das-ui-layout-aside-divise-border-color", from: "--upf-divider-color" },
+  { target: "--das-ui-layout-aside-menu-expired-color", from: "--upf-text-disabled" },
+  { target: "--das-ui-layout-aside-menu-top-left-icon-color", from: "--upf-color-primary" },
+  { target: "--das-ui-layout-aside-menu-top-right-icon-color", from: "--upf-text-secondary" }
+], K = [
+  // 同源变量集中维护，新增 target 时优先追加到对应 source 分组。
+  ...i("--upf-color-primary", [
+    "--upf-button-primary",
+    "--upf-notification-primary-bg"
+  ]),
+  ...i("--upf-text-primary", [
+    "--upf-button-default-text",
+    "--upf-notification-title-text",
+    "--upf-text-tooltip-text"
+  ]),
+  ...i("--upf-border-color", [
+    "--upf-button-default-border",
+    "--upf-text-tooltip-border"
+  ]),
+  ...i("--upf-text-disabled", [
+    "--upf-button-default-disabled",
+    "--upf-switch-off-color",
+    "--upf-message-thumb",
+    "--upf-text-tooltip-scrollbar-thumb"
+  ]),
+  ...i("--upf-bg-secondary", [
+    "--upf-button-default-disabled-bg",
+    "--upf-table-header-bg"
+  ]),
+  ...i("--upf-bg-primary", ["--upf-checkbox-filter-bg"]),
+  ...i("--upf-color-info", ["--upf-loading-color-1"]),
+  ...i("--upf-brand-secondary", ["--upf-loading-color-2"]),
+  ...i("--upf-color-success", ["--upf-loading-color-3"]),
+  ...i("--upf-divider-color", ["--upf-loading-color-6"]),
+  ...i("--upf-text-secondary", [
+    "--upf-message-close",
+    "--upf-notification-description-text",
+    "--upf-notification-close",
+    "--upf-text-tooltip-scrollbar-thumb-hover"
+  ]),
+  { target: "--upf-button-primary-text", value: f },
+  { target: "--upf-button-primary-text-disabled", value: "rgba(255, 255, 255, 1)" },
+  { target: "--upf-dialog-basic-header-height", value: "50px" },
+  { target: "--upf-dialog-basic-content-padding", value: "30px" },
+  { target: "--upf-dialog-feedback-header-height", value: "60px" },
+  { target: "--upf-dialog-feedback-icon-width", value: "168px" },
+  { target: "--upf-dialog-feedback-icon-height", value: "96px" },
+  { target: "--upf-dialog-feedback-content-font-size", value: "16px" },
+  { target: "--upf-dialog-feedback-content-padding", value: "48px" },
+  { target: "--upf-dialog-notice-content-font-size", value: "14px" },
+  { target: "--upf-dialog-notice-content-padding", value: "24px" },
+  { target: "--upf-table-header-padding-top", value: "4px" },
+  { target: "--upf-table-header-padding-bottom", value: "4px" },
+  { target: "--upf-message-font-size-sm", value: "12px" },
+  { target: "--upf-message-font-size-md", value: "14px" },
+  { target: "--upf-message-font-size-lg", value: "16px" },
+  { target: "--upf-notification-font-size-sm", value: "12px" },
+  { target: "--upf-notification-font-size-md", value: "14px" },
+  { target: "--upf-notification-font-size-lg", value: "16px" },
+  { target: "--upf-notification-primary-text", value: f },
+  { target: "--upf-text-tooltip-scrollbar-padding", value: "1px" },
+  {
+    target: "--upf-button-primary-hover",
+    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary") || "#5582F3", f, 0.82, "#87A9FF")
+  },
+  {
+    target: "--upf-button-active",
+    resolve: ({ variables: e, mixHexColor: r }) => A(t(e, "--upf-color-primary"), r)
+  },
+  {
+    target: "--upf-button-disabled",
+    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary") || "#5582F3", f, 0.3, "#B5CAFF")
+  },
+  {
+    target: "--upf-button-set",
+    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary") || "#5582F3", g, 0.78, "#4367C1")
+  },
+  {
+    target: "--upf-button-set-hover",
+    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary") || "#5582F3", g, 0.86, "#4C74DA")
+  },
+  {
+    target: "--upf-button-set-active",
+    resolve: ({ variables: e, mixHexColor: r }) => A(t(e, "--upf-color-primary"), r)
+  },
+  {
+    target: "--upf-button-set-disabled",
+    resolve: ({ variables: e, mixHexColor: r, result: o }) => r(
+      o["--upf-button-set"] || t(e, "--upf-color-primary") || "#5582F3",
+      t(e, "--upf-bg-primary"),
+      0.55,
+      "#95A4C8"
+    )
+  },
+  {
+    target: "--upf-switch-on-color-disabled",
+    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary"), f, 0.32, "#B5CAFF")
+  },
+  {
+    target: "--upf-checkbox-focus-shadow",
+    resolve: ({ variables: e, toRgbaColor: r }) => r(
+      t(e, "--upf-color-primary") || "#5582F3",
+      0.1,
+      "rgba(85, 130, 243, 0.1)"
+    )
+  },
+  {
+    target: "--upf-checkbox-overlay-error-bg",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-error"),
+      t(e, "--upf-bg-primary"),
+      0.14,
+      "#FFDBE0"
+    )
+  },
+  {
+    target: "--upf-loading-color-4",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-brand-secondary"),
+      t(e, "--upf-color-primary"),
+      0.45,
+      "#A06EFF"
+    )
+  },
+  {
+    target: "--upf-loading-color-5",
+    resolve: ({ variables: e }) => t(e, "--upf-color-primary") || "#5582F3"
+  },
+  { target: "--upf-table-row-hover-bg", from: "--upf-bg-secondary" },
+  {
+    target: "--upf-table-row-active-bg",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-primary"),
+      t(e, "--upf-bg-primary"),
+      0.08,
+      "#F2F6FF"
+    )
+  },
+  {
+    target: "--upf-table-row-active-hover-bg",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-primary"),
+      t(e, "--upf-bg-primary"),
+      0.14,
+      "#E3EBFF"
+    )
+  },
+  {
+    target: "--upf-table-summary-row-color",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-warning"),
+      t(e, "--upf-color-error"),
+      0.55,
+      "#FF5F1F"
+    )
+  },
+  {
+    target: "--upf-table-summary-row-bg",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-warning"),
+      t(e, "--upf-bg-primary"),
+      0.18,
+      "#FFF1D4"
+    )
+  },
+  {
+    target: "--upf-message-bg",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-info"),
+      t(e, "--upf-bg-primary"),
+      0.14,
+      "#E0EFFF"
+    )
+  },
+  {
+    target: "--upf-message-text",
+    resolve: ({ variables: e }) => t(e, "--upf-color-info") || t(e, "--upf-color-primary") || "#0E5FD8"
+  },
+  {
+    target: "--upf-message-border",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-info"),
+      t(e, "--upf-bg-primary"),
+      0.32,
+      "#B3D5FF"
+    )
+  },
+  {
+    target: "--upf-message-close-hover",
+    resolve: ({ variables: e }) => t(e, "--upf-color-primary") || "#5582F3"
+  },
+  {
+    target: "--upf-message-success-bg",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-success"),
+      t(e, "--upf-bg-primary"),
+      0.16,
+      "#DCFAE4"
+    )
+  },
+  {
+    target: "--upf-message-success-text",
+    resolve: ({ variables: e }) => t(e, "--upf-color-success") || "#1BA854"
+  },
+  {
+    target: "--upf-message-success-border",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-success"),
+      t(e, "--upf-bg-primary"),
+      0.32,
+      "#A1E6B5"
+    )
+  },
+  {
+    target: "--upf-message-info-bg",
+    resolve: ({ result: e }) => e["--upf-message-bg"] || "#E0EFFF"
+  },
+  {
+    target: "--upf-message-info-text",
+    resolve: ({ result: e }) => e["--upf-message-text"] || "#0E5FD8"
+  },
+  {
+    target: "--upf-message-info-border",
+    resolve: ({ result: e }) => e["--upf-message-border"] || "#B3D5FF"
+  },
+  {
+    target: "--upf-message-warning-bg",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-warning"),
+      t(e, "--upf-bg-primary"),
+      0.16,
+      "#FFF1D4"
+    )
+  },
+  {
+    target: "--upf-message-warning-text",
+    resolve: ({ variables: e }) => t(e, "--upf-color-warning") || "#FF991C"
+  },
+  {
+    target: "--upf-message-warning-border",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-warning"),
+      t(e, "--upf-bg-primary"),
+      0.32,
+      "#FFE0A6"
+    )
+  },
+  {
+    target: "--upf-message-error-bg",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-error"),
+      t(e, "--upf-bg-primary"),
+      0.14,
+      "#FFDBE0"
+    )
+  },
+  {
+    target: "--upf-message-error-text",
+    resolve: ({ variables: e }) => t(e, "--upf-color-error") || "#FB2323"
+  },
+  {
+    target: "--upf-message-error-border",
+    resolve: ({ variables: e, mixHexColor: r }) => r(
+      t(e, "--upf-color-error"),
+      t(e, "--upf-bg-primary"),
+      0.32,
+      "#FFADB6"
+    )
+  },
+  {
+    target: "--upf-notification-bg",
+    resolve: ({ variables: e }) => t(e, "--upf-bg-elevated") || t(e, "--upf-bg-primary")
+  },
+  {
+    target: "--upf-notification-close-hover",
+    resolve: ({ variables: e }) => t(e, "--upf-color-primary") || "#5582F3"
+  },
+  {
+    target: "--upf-text-tooltip-bg",
+    resolve: ({ variables: e }) => t(e, "--upf-bg-elevated") || t(e, "--upf-bg-primary")
+  },
+  {
+    target: "--upf-text-tooltip-shadow-color",
+    resolve: ({ toRgbaColor: e }) => e("#262626", 0.16, "rgba(38, 38, 38, 0.16)")
+  },
+  { target: "--upf-app-container-app-bg-override", from: "--upf-nav-bg" },
+  { target: "--upf-app-container-app-text-override", from: "--upf-nav-text" }
+], Y = (e) => x(e, W), J = (e) => x(e, G), Q = (e) => x(e, q), X = (e) => x(e, K), Z = (e, r = {}) => {
+  const o = h(e), { includeElementAndDasUiBridges: a = !0 } = r;
+  return {
+    ...o,
+    ...X(e),
+    ...a ? J(e) : {},
+    ...a ? Q(e) : {},
+    ...Y(e)
+  };
+}, k = (e) => e || (typeof document > "u" ? null : document.documentElement), N = (e) => !!(e && String(e.tagName || "").toLowerCase() === "style"), H = (e) => e.head || e.documentElement, R = (e, r) => {
+  const o = H(e);
+  o && (r.parentNode !== o || o.lastElementChild !== r) && o.appendChild(r);
+}, D = (e) => {
+  var u;
+  if (B.has(e))
+    return;
+  const r = H(e), o = ((u = e.defaultView) == null ? void 0 : u.MutationObserver) || (typeof MutationObserver < "u" ? MutationObserver : void 0);
+  if (!r || !o)
+    return;
+  new o(() => {
+    const l = e.getElementById(E);
+    N(l) && R(e, l);
+  }).observe(r, { childList: !0 }), B.add(e);
+}, ee = (e) => {
+  const r = e.getElementById(E);
+  if (N(r))
+    return R(e, r), D(e), r;
+  const o = e.createElement("style");
+  return o.id = E, H(e).appendChild(o), D(e), o;
+}, re = (e) => {
+  const r = Object.entries(e).map(([o, a]) => `  ${o}: ${String(a ?? "")};`).join(`
+`);
+  return r ? `:root {
+${r}
+}` : ":root {}";
+}, V = (e, r) => {
+  if (!e.length || !r.length)
+    return;
+  const o = new Set(r);
+  for (let a = e.length - 1; a >= 0; a--) {
+    const u = e[a];
+    o.has(u) && e.removeProperty(u);
+  }
+}, oe = (e, r) => {
+  const o = ee(e), a = re(r);
+  (_.get(e) !== a || o.textContent !== a) && (o.textContent = a, _.set(e, a));
+  const u = Object.keys(r);
+  V(e.documentElement.style, u), e.body && V(e.body.style, u);
+}, te = (e) => {
+  typeof window > "u" || (window.__UPF_THEME_SNAPSHOT__ = e);
+}, ae = (e, r) => {
+  const o = b(r) || {}, a = e.ownerDocument || document;
+  y.set(e, o);
+  const u = e === a.documentElement || e === a.body;
+  u && y.set(a, o), u && typeof window < "u" && a === document && (window.__UPF_THEME_RUNTIME_VARIABLES__ = o);
+}, ue = (e) => {
+  const r = k(e), o = (r == null ? void 0 : r.ownerDocument) || (typeof document < "u" ? document : null), a = typeof window < "u" && o === document && window.__UPF_THEME_RUNTIME_VARIABLES__ || null;
+  return (r ? y.get(r) : null) || (o ? y.get(o) : null) || a;
+}, le = (e = !0) => {
+  var r;
+  if (typeof window > "u" || !window.name)
+    return null;
+  try {
+    const o = JSON.parse(window.name), a = (r = o == null ? void 0 : o.parentData) == null ? void 0 : r.theme;
+    return !(a != null && a.variables) || typeof a.variables != "object" ? null : {
+      themeName: String(a.themeName || ""),
+      config: a.config || null,
+      variables: a.variables,
+      timestamp: Number(a.timestamp) || Date.now()
+    };
+  } catch {
+    return null;
+  }
+}, ie = (e, r) => {
+  if (r !== void 0)
+    return r;
+  const o = e.config || {};
+  return String(o.basePresetName || o.name || e.themeName || "").trim() || null;
+}, ne = (e, r = {}) => {
+  const o = k(r.root);
+  if (!o)
+    return {};
+  const a = h(e), u = r.includeBridges === !1 ? Object.entries(a).reduce((n, [c, s]) => (n[c] = String(s ?? ""), n), {}) : Z(a, {
+    includeElementAndDasUiBridges: r.includeElementAndDasUiBridges
+  }), l = o.ownerDocument || document;
+  return o === l.documentElement || o === l.body ? oe(l, u) : Object.entries(u).forEach(([n, c]) => {
+    o.style.getPropertyValue(n) !== c && o.style.setProperty(n, c);
+  }), ae(o, u), r.themeName && o.setAttribute("data-theme", r.themeName), r.skinName === null ? o.removeAttribute("data-skin") : r.skinName && o.setAttribute("data-skin", r.skinName), u;
+}, O = (e, r = {}) => {
+  const o = ne(e.variables || {}, {
+    ...r,
+    themeName: r.themeName || e.themeName,
+    skinName: ie(e, r.skinName)
+  });
+  return te(e), o;
+}, w = (e, r, o = !0) => {
+  try {
+    return e && e.__THEME_API__ || null;
+  } catch {
+    return null;
+  }
+}, v = (e = !0) => typeof window > "u" ? null : w(window, "current", e) || w(window.parent, "parent", e) || w(window.top, "top", e), I = (e = {}) => {
+  const r = v(e.debug), o = r != null && r.getCurrentTheme ? r.getCurrentTheme() : null;
+  if (o)
+    return o;
+  const a = (typeof window < "u" ? window.__UPF_THEME_SNAPSHOT__ : null) || null;
+  return a || le(e.debug);
+}, se = (e = {}) => {
+  const r = ue(e.root);
+  if (r)
+    return b(r);
+  const o = I(e);
+  if (o != null && o.variables)
+    return b(o.variables);
+  const a = v(e.debug);
+  if (!a)
+    return null;
+  const u = a.getVariables ? a.getVariables() : null;
+  return b(u);
+}, xe = (e, r = !0) => {
+  const o = v(r);
+  return o != null && o.changeTheme ? (o.changeTheme(e), !0) : !1;
+}, z = (e = {}) => {
+  const r = I(e);
+  return r ? (O(r, e), r) : (e.debug, null);
+}, ve = (e = {}) => z({
+  includeBridges: !1,
+  includeElementAndDasUiBridges: !1,
+  ...e
+}), ce = (e, r = !0) => {
+  try {
+    const o = L("microApp");
+    return o.event.on(S, e), () => {
+      o.event.off(S, e);
+    };
+  } catch {
+    return null;
+  }
+}, pe = (e, r) => e != null && e.onThemeChange ? e.onThemeChange(r) : null, fe = (e) => e ? [String(e.themeName || ""), String(e.source || ""), String(Number(e.timestamp) || 0)].join("|") : "", ge = (e) => {
+  let r = "";
+  return (o) => {
+    const a = fe(o);
+    a && a === r || (r = a, e(o));
+  };
+}, me = (e, r, o = !1, a = !0) => {
+  const u = ge(r), l = pe(e, u), n = ce(u, a), s = (o ? [l, n] : [n, l]).filter(Boolean);
+  return s.length ? () => {
+    s.forEach((p) => p());
+  } : null;
+}, de = (e = {}) => {
+  const { syncOnInit: r = !0, preferWindowSubscription: o = !1, onThemeChange: a, debug: u = !0, ...l } = e, n = v(u);
+  let c = !1, s = null, p = null;
+  const m = () => {
+    c || z({ ...l, debug: u });
+  }, C = me(n, (d) => {
+    O(d, l), a && (d == null ? void 0 : d.source) !== "mountSync" && a(d);
+  }, o, u);
+  return r && (m(), (typeof queueMicrotask == "function" ? queueMicrotask : (U) => Promise.resolve().then(U))(m), typeof requestAnimationFrame == "function" ? s = requestAnimationFrame(() => {
+    s = null, m();
+  }) : p = setTimeout(() => {
+    p = null, m();
+  }, 16)), () => {
+    c = !0, s !== null && typeof cancelAnimationFrame == "function" && (cancelAnimationFrame(s), s = null), p !== null && (clearTimeout(p), p = null), C == null || C();
+  };
+}, Ce = (e = {}) => de({
+  includeBridges: !1,
+  includeElementAndDasUiBridges: !1,
+  ...e
+}), be = (e, r) => {
+  var l;
+  const o = k(r), a = String(e || "").trim();
+  if (!o || !a)
+    return "";
+  const u = typeof getComputedStyle > "u" ? "" : getComputedStyle(o).getPropertyValue(a).trim();
+  return u || String(((l = se({ root: o, debug: !1 })) == null ? void 0 : l[a]) ?? "");
+}, Fe = (e) => `var(${String(e || "").trim()})`, we = (e, r) => ({
+  value: be(String(e || "").trim(), r)
+});
+export {
+  q as DAS_UI_THEME_BRIDGE_ITEMS,
+  G as ELEMENT_THEME_BRIDGE_ITEMS,
+  W as LEGACY_THEME_BRIDGE_ITEMS,
+  K as UPF_COMPONENT_THEME_BRIDGE_ITEMS,
+  O as applyThemeEventToDocument,
+  ne as applyThemeVariablesToDocument,
+  Z as buildRuntimeThemeVariables,
+  xe as changeTheme,
+  I as getCurrentTheme,
+  le as getHostThemeSnapshotFromWindowName,
+  v as getThemeAPI,
+  be as getThemeVariable,
+  se as getThemeVariables,
+  Fe as getVar,
+  we as getVarValue,
+  Ce as initHostThemeRootSync,
+  de as initSubAppThemeSync,
+  $ as mixHexColor,
+  x as resolveThemeBridgeVariables,
+  ve as syncHostThemeRoot,
+  z as syncThemeFromHost,
+  Q as toDasUiColorOverrides,
+  J as toElementThemeVariables,
+  Y as toLegacyThemeVariables,
+  P as toRgbaColor,
+  X as toUpfComponentThemeVariables
+};