@toototech/webbuilder-plugins 0.1.0

package/dist/cms.js

@@ -0,0 +1,4535 @@
+import { C, a, b, d, c, c as c2 } from "./plugin-C0PrxrIe.js";
+import { b as LOOP_GRID_NEXT_ICON, a as LOOP_GRID_PREV_ICON, D as DEFAULT_LOOP_GRID_SCHEMA, L as LOOP_GRID_PAGINATION_STYLE } from "./types-DNbok59z.js";
+import { C as C2, o, f, q, s, t, u, v, c as c3, w, R, x, y, z, A, B, E, F, G, H, I, J, K, M, N, O, P, W, Q, S, T, U, V, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, e, a9, aa, ab, ac, ad, ae, af, ag, ah, d as d2, p, ai, l, k, j, aj, g, h, i, n, r, m, ak, al, am, an } from "./types-DNbok59z.js";
+const POST_CARD_CSS = `
+  .wb-post-card { position: relative; overflow: hidden; }
+  .wb-post-card-img-wrap { overflow: hidden; aspect-ratio: 4 / 3; }
+  .wb-post-card-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.2s ease; }
+  .wb-post-card:hover .wb-post-card-img { transform: scale(1.1); }
+  .wb-post-card-body { transition: all 0.3s; padding-top: 16px; padding-bottom: 16px; }
+  .wb-post-card-date { font-size: 14px; margin-bottom: 12px; display: block; color: #264FAA; }
+  .wb-post-card-title { font-size: 20px; color: #041038; font-weight: 500; line-height: 1.18; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 8px; }
+  .wb-post-card-excerpt { color: #193143; line-height: 1.6; height: 3.2em; font-weight: 300; margin-bottom: 16px; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
+  .wb-post-card-link { color: #041038; cursor: pointer; line-height: 1.5; text-decoration: none; font-size: 14px; }
+  .wb-post-card:hover .wb-post-card-date,
+  .wb-post-card:hover .wb-post-card-title,
+  .wb-post-card:hover .wb-post-card-excerpt,
+  .wb-post-card:hover .wb-post-card-link { color: #1B43ED; }
+  .wb-post-card-link::after { content:''; position:absolute; inset:0; }
+  @media (max-width: 1023px) {
+    .wb-post-card-body { padding-top: 14px; padding-bottom: 14px; }
+    .wb-post-card-title { font-size: 18px; }
+  }
+  @media (max-width: 767px) {
+    .wb-post-card-body { padding-top: 12px; padding-bottom: 12px; }
+    .wb-post-card-date { font-size: 13px; margin-bottom: 10px; }
+    .wb-post-card-title {
+      font-size: 16px;
+      white-space: normal;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 2;
+    }
+    .wb-post-card-excerpt { font-size: 13px; margin-bottom: 12px; }
+  }
+`;
+const PRODUCT_CARD_CSS = `
+  .wb-product-list { position: relative; display: grid; grid-template-columns: 220px minmax(0, 1fr); column-gap: 20px; row-gap: 72px; align-items: start; }
+  .wb-product-list__grid { grid-column: 2; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 20px; row-gap: 72px; align-items: start; min-width: 0; }
+  .wb-product-datasheet { grid-column: 2; display: none; min-width: 0; overflow-x: auto; }
+  .wb-product-datasheet-page-title { display: none; }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-list__grid,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-list__grid { display: none; }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet { display: block; }
+
+  .wb-product-list[data-list-mode="datasheet"],
+  .wb-product-list[data-wb-list-mode="datasheet"] {
+    display: block;
+    width: min(100%, 1540px);
+    margin: 0 auto;
+    padding: 0;
+    color: #101014;
+    font-family: inherit;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-page-title,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-page-title {
+    display: block;
+    margin: 0 0 24px;
+    color: #101014;
+    font-size: 56px;
+    line-height: 1.05;
+    font-weight: 800;
+    letter-spacing: 0;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-list__toolbar,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-list__toolbar,
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-filter-backdrop,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-filter-backdrop,
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-list-pagination,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-list-pagination,
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-list-loadmore,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-list-loadmore {
+    display: none;
+  }
+
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-filter-drawer,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-filter-drawer {
+    position: relative;
+    top: auto;
+    width: 100%;
+    max-height: none;
+    margin: 0 0 96px;
+    padding: 30px 30px 34px;
+    border-radius: 8px;
+    background: #f7f7f8;
+    box-shadow: none;
+    transform: none;
+    z-index: 20;
+    display: block;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-filter__header,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-filter__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    margin: 0 0 20px;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-filter__title,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-filter__title {
+    margin: 0;
+    color: #101014;
+    font-size: 22px;
+    line-height: 1.2;
+    font-weight: 700;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-filter__close,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-filter__close,
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-filter__footer,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-filter__footer {
+    display: none;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-filter__body,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-filter__body {
+    position: relative;
+    overflow: visible;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-filter__all-products,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-filter__all-products {
+    position: absolute;
+    top: -48px;
+    right: 0;
+    width: auto;
+    min-height: 28px;
+    padding: 0;
+    border: none;
+    background: transparent;
+    color: #2454f4;
+    font-size: 0;
+    line-height: 1;
+    font-weight: 700;
+    cursor: pointer;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-filter__all-products::before,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-filter__all-products::before {
+    display: none;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-filter__all-products::after,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-filter__all-products::after {
+    content: "Reset All";
+    font-size: 16px;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-filter__groups,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-filter__groups {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(220px, 1fr));
+    gap: 20px 16px;
+    align-items: start;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-filter__group,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-filter__group {
+    position: relative;
+    padding: 0;
+    border: none;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__control,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__control {
+    position: relative;
+    min-width: 0;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__toggle,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__toggle {
+    width: 100%;
+    min-height: 62px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    padding: 0 22px;
+    border: 1px solid #e3e5ea;
+    border-radius: 8px;
+    background: #fff;
+    color: #111318;
+    font-size: 17px;
+    line-height: 1.2;
+    font-weight: 700;
+    letter-spacing: 0;
+    text-align: left;
+    cursor: pointer;
+    box-shadow: 0 1px 1px rgba(16, 24, 40, 0.02);
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__control.is-open .wb-product-datasheet-filter__toggle,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__control.is-open .wb-product-datasheet-filter__toggle,
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__toggle:focus-visible,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__toggle:focus-visible {
+    border-color: #2454f4;
+    outline: none;
+    box-shadow: 0 0 0 2px rgba(36, 84, 244, 0.18);
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__control.is-open .wb-product-datasheet-filter__toggle,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__control.is-open .wb-product-datasheet-filter__toggle {
+    border-radius: 8px 8px 0 0;
+    background: #2454f4;
+    border-color: #2454f4;
+    color: #fff;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__summary-value,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__summary-value {
+    color: #2454f4;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__control.is-open .wb-product-datasheet-filter__summary-value,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__control.is-open .wb-product-datasheet-filter__summary-value {
+    color: #fff;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__chevron,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__chevron {
+    width: 12px;
+    height: 12px;
+    border-right: 1.8px solid currentColor;
+    border-bottom: 1.8px solid currentColor;
+    transform: rotate(45deg);
+    flex: 0 0 auto;
+    margin-top: -4px;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__control.is-open .wb-product-datasheet-filter__chevron,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__control.is-open .wb-product-datasheet-filter__chevron {
+    transform: rotate(225deg);
+    margin-top: 4px;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__panel,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__panel {
+    display: none;
+    position: absolute;
+    left: 0;
+    top: 100%;
+    width: 100%;
+    min-width: 300px;
+    padding: 22px;
+    border: 1px solid #e2e5ea;
+    border-top: 0;
+    border-radius: 0 0 8px 8px;
+    background: #fff;
+    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12);
+    z-index: 50;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__control.is-open .wb-product-datasheet-filter__panel,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__control.is-open .wb-product-datasheet-filter__panel {
+    display: block;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__range-fields,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__range-fields {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+    gap: 12px;
+    align-items: center;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__range-input,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__range-input {
+    position: relative;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__range-input input,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__range-input input {
+    width: 100%;
+    height: 40px;
+    padding: 0 44px 0 12px;
+    border: 1px solid #dfe3ea;
+    border-radius: 5px;
+    background: #fff;
+    color: #111318;
+    font-size: 16px;
+    line-height: 1;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__unit,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__unit {
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+    color: #9aa0aa;
+    font-size: 16px;
+    pointer-events: none;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__dash,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__dash {
+    color: #101014;
+    font-size: 16px;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__actions,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__actions {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+    gap: 16px;
+    margin-top: 26px;
+    padding-top: 20px;
+    border-top: 1px solid #edf0f4;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__action,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__action {
+    min-height: 46px;
+    border: 1px solid #dfe3ea;
+    border-radius: 5px;
+    background: #fff;
+    color: #101014;
+    font-size: 16px;
+    font-weight: 700;
+    cursor: pointer;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__action--primary,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__action--primary {
+    border-color: #2454f4;
+    background: #2454f4;
+    color: #fff;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__options,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__options {
+    display: grid;
+    gap: 10px;
+    max-height: 260px;
+    overflow-y: auto;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__option,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__option {
+    display: flex;
+    align-items: center;
+    gap: 9px;
+    color: #111318;
+    font-size: 15px;
+    line-height: 1.35;
+    cursor: pointer;
+  }
+  .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-filter__option input,
+  .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-filter__option input {
+    width: 16px;
+    height: 16px;
+    margin: 0;
+    accent-color: #2454f4;
+  }
+
+  .wb-product-datasheet__summary { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0 0 26px; }
+  .wb-product-datasheet__title { margin: 0; font-size: 30px; line-height: 1.2; font-weight: 750; color: #101014; }
+  .wb-product-datasheet__meta { display: flex; align-items: center; gap: 18px; margin-top: 8px; color: #101014; font-size: 18px; line-height: 1.45; font-weight: 600; }
+  .wb-product-datasheet__selected { color: #2454f4; font-weight: 600; }
+  .wb-product-datasheet__export { min-width: 154px; min-height: 44px; border: 1px solid #d1d5db; background: #fff; color: #101014; font-size: 16px; font-weight: 700; cursor: pointer; }
+  .wb-product-datasheet__export:disabled { cursor: not-allowed; opacity: 0.45; }
+  .wb-product-datasheet__table { min-width: 940px; overflow-x: auto; }
+  .wb-product-datasheet__header,
+  .wb-product-datasheet__row { display: grid; grid-template-columns: 72px minmax(230px, 1.45fr) repeat(var(--wb-datasheet-field-count, 5), minmax(160px, 1fr)); align-items: stretch; }
+  .wb-product-datasheet__header { background: #3152ed; color: #fff; font-weight: 800; }
+  .wb-product-datasheet__body { max-height: 640px; overflow-y: auto; scrollbar-color: #2b2f38 #e8e8ea; scrollbar-width: thin; }
+  .wb-product-datasheet__body::-webkit-scrollbar { width: 6px; }
+  .wb-product-datasheet__body::-webkit-scrollbar-track { background: #e8e8ea; }
+  .wb-product-datasheet__body::-webkit-scrollbar-thumb { background: #2b2f38; border-radius: 999px; }
+  .wb-product-datasheet__row { background: #fff; }
+  .wb-product-datasheet__row:nth-child(even) { background: #f6f6f7; }
+  .wb-product-datasheet__row.is-selected,
+  .wb-product-datasheet__row:has(input:checked) { background: #f2f5ff; }
+  .wb-product-datasheet__cell { display: flex; align-items: center; min-height: 62px; padding: 12px 22px; color: #3f3f46; font-size: 18px; line-height: 1.35; white-space: nowrap; }
+  .wb-product-datasheet__header .wb-product-datasheet__cell { color: #fff; font-weight: 700; }
+  .wb-product-datasheet__checkbox { justify-content: center; padding-inline: 10px; }
+  .wb-product-datasheet__checkbox input { width: 18px; height: 18px; margin: 0; accent-color: #2454f4; }
+  .wb-product-datasheet__designation-link { color: #2454f4; font-weight: 800; text-decoration: underline; }
+  .wb-product-list__toolbar { display: none; }
+  .wb-product-list__count { font-size: 15px; line-height: 1.6; color: #121821; }
+  .wb-product-list__filter-btn { border: none; background: transparent; padding: 0; display: inline-flex; align-items: center; gap: 10px; color: #121821; font-size: 18px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; }
+  .wb-product-list__filter-icon { position: relative; width: 16px; height: 14px; display: inline-block; }
+  .wb-product-list__filter-badge { display: none; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: currentColor; color: #fff; font-size: 11px; line-height: 1; }
+  .wb-product-list__filter-btn.is-active .wb-product-list__filter-badge { background: #fff; color: #121821; }
+  .wb-product-filter-backdrop { display: none; position: fixed; inset: 0; background: rgba(17, 24, 39, 0.38); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease; z-index: 998; }
+  .wb-product-filter-backdrop.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
+  .wb-product-filter-drawer { grid-column: 1; grid-row: 1; position: sticky; top: 24px; width: 100%; max-height: calc(100vh - 48px); padding: 0 16px 0 0; background: transparent; transform: none; z-index: 1; display: flex; flex-direction: column; }
+  .wb-product-filter-drawer.is-open { transform: none; }
+  .wb-product-filter__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 28px; }
+  .wb-product-filter__title { margin: 0; font-size: 28px; line-height: 1.15; font-weight: 600; color: #121821; }
+  .wb-product-filter__close { display: none; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #d1d5db; border-radius: 999px; background: #fff; color: #111827; font-size: 24px; line-height: 1; cursor: pointer; }
+  .wb-product-filter__body { flex: 1; min-height: 0; overflow-y: auto; }
+  .wb-product-filter__all-products { width: 100%; display: flex; align-items: center; gap: 10px; padding: 0 0 18px; border: none; border-bottom: 1px solid #e5e7eb; background: transparent; color: #121821; font-size: 14px; line-height: 1.5; text-align: left; cursor: pointer; }
+  .wb-product-filter__all-products::before { content: ""; width: 10px; height: 10px; border: 1px solid #8a949e; box-sizing: border-box; }
+  .wb-product-filter__groups { display: flex; flex-direction: column; gap: 0; }
+  .wb-product-filter__group { padding: 24px 0; border-bottom: 1px solid #e5e7eb; }
+  .wb-product-filter__group:last-child { border-bottom: none; padding-bottom: 0; }
+  .wb-product-filter__group-header { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0; border: none; background: transparent; color: #111827; cursor: pointer; }
+  .wb-product-filter__group-title { font-size: 14px; line-height: 1.5; font-weight: 600; text-align: left; }
+  .wb-product-filter__group-toggle { font-size: 18px; line-height: 1; font-weight: 400; }
+  .wb-product-filter__group-options { display: grid; gap: 10px; padding-top: 16px; }
+  .wb-product-filter__group.is-collapsed .wb-product-filter__group-options { display: none; }
+  .wb-product-filter__option { display: flex; align-items: center; gap: 8px; font-size: 13px; line-height: 1.45; color: #111827; cursor: pointer; }
+  .wb-product-filter__option input { width: 12px; height: 12px; margin: 0; cursor: pointer; accent-color: #ffe600; }
+  .wb-product-filter__range { display: flex; flex-direction: column; gap: 8px; padding: 2px 0 6px; }
+  .wb-product-filter__range-title { font-size: 13px; line-height: 1.45; font-weight: 500; color: #111827; }
+  .wb-product-filter__range-fields { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px; }
+  .wb-product-filter__range-fields input { width: 100%; min-width: 0; height: 34px; padding: 0 9px; border: 1px solid #d8dde6; border-radius: 4px; background: #fff; color: #111827; font-size: 13px; }
+  .wb-product-filter__empty { margin: 0; font-size: 14px; line-height: 1.7; color: #6b7280; }
+  .wb-product-filter__footer { display: none; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding-top: 28px; }
+  .wb-product-filter__footer-btn { min-height: 56px; border-radius: 0; border: 1px solid #111827; background: #fff; color: #111827; font-size: 16px; font-weight: 600; letter-spacing: 0.04em; cursor: pointer; text-transform: uppercase; }
+  .wb-product-filter__footer-btn--primary { background: #111827; color: #fff; }
+  .wb-product-card { position: relative; overflow: hidden; border-radius: 0; background: #fff; min-width: 0; }
+  .wb-product-card-img-wrap { overflow: hidden; aspect-ratio: 296 / 360; }
+  .wb-product-card-img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 8px; transition: transform 0.3s ease; }
+  .wb-product-card:hover .wb-product-card-img { transform: scale(1.05); }
+  .wb-product-card-body { padding: 16px 0 0; }
+  .wb-product-card-name { font-weight: 500; font-size: 16px; color: #1a1a2e; line-height: 1.35; margin: 0 0 8px; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
+  .wb-product-card-link { display: inline; color: inherit; font: inherit; line-height: inherit; text-decoration: none; }
+  .wb-product-card-link::after { content: ""; position: absolute; inset: 0; z-index: 1; cursor: pointer; }
+  .wb-product-list-pagination { grid-column: 2; display: flex; justify-content: center; gap: 8px; padding: 16px 0; }
+  .wb-product-list-page-btn,
+  .wb-product-list-pagination > a,
+  .wb-product-list-pagination > button,
+  .wb-product-list-pagination > span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; border: 1px solid #ddd; border-radius: 6px; background: #fff; font-size: 14px; color: #333; cursor: pointer; user-select: none; transition: all 0.2s; text-decoration: none; }
+  .wb-product-list-page-btn:hover,
+  .wb-product-list-pagination > a:hover,
+  .wb-product-list-pagination > button:hover { border-color: #264FAA; color: #264FAA; }
+  .wb-product-list-page-btn.active,
+  .wb-product-list-pagination > a.active,
+  .wb-product-list-pagination > button.active,
+  .wb-product-list-pagination > span.active { background: #264FAA; border-color: #264FAA; color: #fff; }
+  .wb-product-list-loadmore { grid-column: 2; display: flex; justify-content: center; padding: 12px 0 0; }
+  .wb-product-list-loadmore__btn { min-width: 168px; min-height: 44px; padding: 0 20px; border: 1px solid #111827; background: #fff; color: #111827; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; }
+  .wb-product-list-loadmore__btn:hover { background: #111827; color: #fff; }
+  @media (max-width: 1023px) {
+    .wb-product-list { grid-template-columns: minmax(0, 1fr); column-gap: 8px; row-gap: 28px; }
+    .wb-product-list__grid { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 8px; row-gap: 28px; }
+    .wb-product-datasheet { grid-column: 1 / -1; }
+    .wb-product-datasheet__summary { align-items: flex-start; flex-direction: column; }
+    .wb-product-datasheet__title { font-size: 24px; }
+    .wb-product-datasheet__table { min-width: 760px; }
+    .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-page-title,
+    .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-page-title { font-size: 42px; }
+    .wb-product-list[data-list-mode="datasheet"] .wb-product-filter__groups,
+    .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-filter__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+    .wb-product-list__toolbar { grid-column: 1 / -1; display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 12px; padding-bottom: 4px; border-bottom: none; }
+    .wb-product-list__count { display: none; }
+    .wb-product-filter-backdrop { display: block; }
+    .wb-product-filter-drawer { position: fixed; top: 0; right: 0; bottom: 0; grid-column: auto; grid-row: auto; width: min(440px, 100vw); max-height: none; padding: 28px 22px 24px; background: #fff; transform: translateX(100%); transition: transform 0.28s ease; z-index: 999; }
+    .wb-product-filter-drawer.is-open { transform: translateX(0); }
+    .wb-product-list[data-list-mode="datasheet"] .wb-product-filter-drawer,
+    .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-filter-drawer { position: relative; inset: auto; width: 100%; max-height: none; margin: 0 0 72px; padding: 26px 22px 30px; background: #f7f7f8; transform: none; transition: none; z-index: 20; }
+    .wb-product-list[data-list-mode="datasheet"] .wb-product-filter-drawer.is-open,
+    .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-filter-drawer.is-open { transform: none; }
+    .wb-product-filter__header { margin-bottom: 20px; }
+    .wb-product-filter__title { font-size: 30px; }
+    .wb-product-filter__close { display: inline-flex; }
+    .wb-product-filter__body { padding-top: 16px; border-top: 1px solid #e5e7eb; }
+    .wb-product-filter__all-products { padding-bottom: 16px; }
+    .wb-product-filter__group { padding: 22px 0; }
+    .wb-product-filter__footer { display: grid; }
+    .wb-product-list-pagination,
+    .wb-product-list-loadmore { grid-column: 1 / -1; }
+  }
+  @media (max-width: 767px) {
+    .wb-product-list { grid-template-columns: minmax(0, 1fr); column-gap: 8px; row-gap: 28px; }
+    .wb-product-list__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 8px; row-gap: 28px; }
+    .wb-product-list[data-list-mode="datasheet"] .wb-product-filter__groups,
+    .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-filter__groups { grid-template-columns: minmax(0, 1fr); }
+    .wb-product-list[data-list-mode="datasheet"] .wb-product-datasheet-page-title,
+    .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-datasheet-page-title { font-size: 34px; }
+    .wb-product-datasheet__meta { font-size: 15px; flex-wrap: wrap; }
+    .wb-product-datasheet__cell { font-size: 15px; min-height: 54px; padding-inline: 16px; }
+    .wb-product-list__filter-btn { justify-content: center; }
+    .wb-product-filter-drawer { width: 100vw; padding: 22px 18px 20px; }
+    .wb-product-list[data-list-mode="datasheet"] .wb-product-filter-drawer,
+    .wb-product-list[data-wb-list-mode="datasheet"] .wb-product-filter-drawer { width: 100%; padding: 22px 16px 28px; margin-bottom: 54px; }
+    .wb-product-filter__title { font-size: 28px; }
+    .wb-product-filter__group { padding-bottom: 22px; }
+    .wb-product-filter__group-options { gap: 12px; padding-top: 14px; }
+    .wb-product-filter__footer { grid-template-columns: minmax(0, 1fr); }
+    .wb-product-filter__footer-btn { min-height: 48px; font-size: 14px; }
+    .wb-product-card-body { padding: 10px 0 0; }
+    .wb-product-card-name {
+      font-size: 15px;
+    }
+    .wb-product-list-pagination { flex-wrap: wrap; }
+    .wb-product-list-page-btn { min-width: 34px; height: 34px; font-size: 13px; }
+  }
+  @media (max-width: 360px) {
+    .wb-product-list__grid { grid-template-columns: minmax(0, 1fr); }
+  }
+`;
+const PRODUCT_DETAIL_STYLES = `
+  .wb-product-detail {
+    display:block;
+    width:100%;
+    background:#fff;
+  }
+
+  .wb-product-detail__header {
+    display:flex;
+    align-items:center;
+    gap:8px;
+    padding:6px 10px;
+    background:#fef3c7;
+    border-bottom:1px solid #fde68a;
+    border-radius:4px 4px 0 0;
+    font-size:11px;
+    color:#78350f;
+    pointer-events:none;
+    user-select:none;
+    font-weight:500;
+  }
+
+  .wb-product-detail__container { max-width:1200px; margin:0 auto; padding:0 40px; }
+  .wb-product-detail__breadcrumb { display:flex; align-items:center; gap:16px; padding:20px 0; font-size:13px; color:#888; }
+  .wb-product-detail__breadcrumb-back {
+    display:inline-flex;
+    align-items:center;
+    justify-content:center;
+    gap:6px;
+    flex:0 0 auto;
+    padding:0;
+    border:none;
+    background:none;
+    color:#333;
+    text-decoration:none;
+    font-size:12px;
+    line-height:1.3;
+    cursor:pointer;
+    border-right: 1px solid #979797;
+    padding-right: 12px;
+  }
+  .wb-product-detail__breadcrumb-back-icon {
+    display:inline-flex;
+    align-items:center;
+    justify-content:center;
+    width:1em;
+    height:1em;
+    flex:0 0 auto;
+    font-size:inherit;
+    line-height:1;
+  }
+  .wb-product-detail__breadcrumb-back-icon svg {
+    display:block;
+    width:1em;
+    height:1em;
+  }
+  .wb-product-detail__breadcrumb-back-label { white-space:nowrap; }
+  .wb-product-detail__breadcrumb-name {
+    min-width:0;
+    color:#000;
+    font-size: 12px;
+    line-height:1.3;
+  }
+
+  .wb-product-detail__hero {
+    display:grid;
+    grid-template-columns:1fr 1fr;
+    gap:48px;
+    padding:8px 0 48px;
+    align-items:start;
+    border-bottom: 1px solid #D8D8D8;
+  }
+
+  .wb-product-gallery { margin-bottom:0; }
+  .wb-product-gallery__stage {
+    position:relative;
+    overflow:hidden;
+    border-radius:8px;
+    background:#ECEFF3;
+    aspect-ratio:1/1;
+    margin-bottom:16px;
+    cursor:zoom-in;
+  }
+  .wb-product-gallery__stage.is-zooming { cursor:crosshair; }
+  .wb-product-gallery__main-img {
+    width:100%;
+    height:100%;
+    display:block;
+    object-fit:contain;
+    transition:transform .18s ease;
+    transform-origin:center center;
+    background:#fff;
+  }
+  .wb-product-gallery__thumbs-wrap {
+    display:grid;
+    grid-template-columns:36px 1fr 36px;
+    align-items:center;
+    gap:12px;
+  }
+  .wb-product-gallery__thumbs-viewport {
+    overflow-x:auto;
+    scrollbar-width:none;
+  }
+  .wb-product-gallery__thumbs-viewport::-webkit-scrollbar { display:none; }
+  .wb-product-gallery__thumbs {
+    display:flex;
+    gap:10px;
+    align-items:center;
+  }
+  .wb-product-gallery__thumb {
+    width:72px;
+    height:72px;
+    border:none;
+    background:#fff;
+    border-radius:8px;
+    cursor:pointer;
+    padding:6px;
+    flex:0 0 auto;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    box-shadow:0 0 0 1px #e5e5e5 inset;
+    transition:all .2s ease;
+  }
+  .wb-product-gallery__thumb:hover,
+  .wb-product-gallery__thumb.is-active {
+    box-shadow:0 0 0 1px #111 inset;
+  }
+  .wb-product-gallery__thumb-img {
+    width:100%;
+    height:100%;
+    display:block;
+    object-fit:contain;
+  }
+  .wb-product-gallery__nav {
+    width:36px;
+    height:36px;
+    border:none;
+    background:#fff;
+    border-radius:9999px;
+    cursor:pointer;
+    display:inline-flex;
+    align-items:center;
+    justify-content:center;
+    font-size:22px;
+    line-height:1;
+    color:#333;
+  }
+
+  .wb-product-detail__info { display:flex; flex-direction:column; }
+  .wb-product-detail__name {
+    font-size: 48px;
+    font-weight:600;
+    color:#111;
+    line-height:1.25;
+    margin:0 0 16px;
+    letter-spacing:-0.01em;
+  }
+  .wb-product-detail__desc {
+    font-size:16px;
+    margin:0 0 24px;
+    color: rgba(0,0,0,0.6);
+    line-height:1.5;
+  }
+
+  .wb-product-detail__accordion { border-top:1px solid #e8e8e8; }
+  .wb-product-detail__accordion-item { border-bottom:1px solid #e8e8e8; }
+  .wb-product-detail__accordion-summary {
+    display:flex;
+    justify-content:space-between;
+    align-items:center;
+    padding:14px 0;
+    font-size:16px;
+    font-weight:500;
+    color:#000;
+    cursor:pointer;
+    list-style:none;
+  }
+  .wb-product-detail__accordion-summary::-webkit-details-marker { display:none; }
+  .wb-product-detail__accordion-summary::marker { display:none; content:''; }
+  .wb-product-detail__accordion-icon {
+    font-size:18px;
+    color:#999;
+    font-weight:300;
+    transition:transform .2s;
+  }
+  .wb-product-detail__accordion-item[open] .wb-product-detail__accordion-icon {
+    transform:rotate(45deg);
+  }
+  .wb-product-detail__accordion-body {
+    padding:0 0 16px;
+    font-size:16px;
+    color: rgba(0,0,0,0.8);
+    line-height:1.5;
+    white-space: pre-wrap;
+  }
+  .wb-product-detail__accordion-body ul { margin:0; padding:0 0 0 18px; list-style:disc; }
+  .wb-product-detail__accordion-body li { margin-bottom:4px; text-transform:capitalize; }
+
+  .wb-product-detail__download {
+    display:inline-flex;
+    align-items:center;
+    gap:10px;
+    padding:10px 16px;
+    margin:0;
+    background:#f5f7fa;
+    border-radius:8px;
+    font-size:13px;
+    color:#333;
+  }
+  .wb-product-detail__download-icon { color:#2563eb; font-size:14px; }
+
+  .wb-product-detail__cta {
+    display:block;
+    width:100%;
+    padding:12px;
+    margin-top:32px;
+    background:#0057CE;
+    color:#fff;
+    border:none;
+    font-weight:500;
+    cursor:pointer;
+    text-align:center;
+    transition:background .2s;
+  }
+  .wb-product-detail__cta:hover { background:#1d4ed8; }
+
+  .wb-product-detail__sections { display:flex; flex-direction:column; }
+  .wb-product-detail__section { padding:48px 0; }
+  .wb-product-detail__section-header {
+    display:grid;
+    grid-template-columns:1fr 1fr;
+    gap:48px;
+    margin-bottom:32px;
+    align-items:start;
+  }
+  .wb-product-detail__section-title {
+    font-size:36px;
+    font-weight:700;
+    color:#111;
+    line-height:1.15;
+    margin:0;
+    letter-spacing:-0.01em;
+  }
+  .wb-product-detail__section-desc {
+    font-size:14px;
+    color:#666;
+    line-height:1.75;
+    margin:0;
+    padding-top:8px;
+  }
+  .wb-product-detail__section-content { font-size:14px; line-height:1.75; color:#444; }
+  .wb-product-detail__section-img { width:100%; border-radius:8px; display:block; }
+
+  .wb-product-detail__table { width:100%; border-collapse:collapse; font-size:13px; }
+  .wb-product-detail__table th {
+    background:#9e9e9e;
+    color:#fff;
+    padding:10px 16px;
+    font-weight:500;
+    text-align:center;
+  }
+  .wb-product-detail__table td {
+    padding:10px 16px;
+    border-bottom:1px solid #e8e8e8;
+    text-align:center;
+    color:#333;
+  }
+
+  .wb-product-detail__nav {
+    display:flex;
+    justify-content:space-between;
+    align-items:center;
+    padding:28px 0;
+    border-top:1px solid #e8e8e8;
+    margin-top:16px;
+  }
+  .wb-product-detail__nav-item {
+    display:flex;
+    align-items:center;
+    gap:6px;
+    color:#333;
+    font-size:14px;
+    text-decoration:none;
+  }
+  .wb-product-detail__nav-arrow { font-size:16px; color:#666; }
+
+  .pm-doc-block__link {
+    color:#000;
+    text-decoration:none;
+    display:flex;
+    font-size:14px;
+    line-height:20px;
+    align-items:center;
+    border:1px #e9ebf0 solid;
+    padding:12px 16px;
+    gap:8px;
+    width:max-content;
+  }
+  .pm-gallery-block{
+    padding: 80px 0;
+  }
+  .pm-gallery-block__wrap {
+    display:grid;
+    grid-template-columns:repeat(2, 1fr);
+  }
+  .pm-gallery-block__title {
+    font-size:48px;
+    line-height:1.15;
+    font-weight:600;
+    color:#000;
+    margin:0;
+    max-width: 380px;
+  }
+  .pm-gallery-block__desc { margin:0; color:rgba(0,0,0,0.6); line-height:1.5; }
+  .pm-gallery-block__carousel {
+    position:relative;
+    margin-top:56px;
+    overflow:hidden;
+    width:100%;
+    grid-column:1 / -1;
+    aspect-ratio:2 / 1;
+    --swiper-theme-color:#6d28d9;
+    --swiper-navigation-size:18px;
+  }
+  .pm-gallery-block__slide { display:flex; align-items:stretch; height:auto; }
+  .pm-gallery-block__image {
+    width:100%;
+    display:block;
+    aspect-ratio:4 / 3;
+    object-fit:cover;
+    border-radius:12px;
+    background:#f3e8ff;
+  }
+  .pm-gallery-block__pagination { position:relative; margin-top:14px; }
+  .pm-gallery-block__pagination .swiper-pagination-bullet {
+    width:8px;
+    height:8px;
+    background:rgba(109,40,217,.28);
+    opacity:1;
+  }
+  .pm-gallery-block__pagination .swiper-pagination-bullet-active {
+    width:22px;
+    border-radius:999px;
+    background:#6d28d9;
+  }
+  .pm-gallery-block__nav {
+    width:38px;
+    height:38px;
+    border-radius:999px;
+    background:rgba(255,255,255,.96);
+    box-shadow:0 8px 22px rgba(91,82,115,.16);
+    color:#4c1d95;
+  }
+  .pm-gallery-block__nav::after { font-size:14px; font-weight:700; }
+  .pm-gallery-block__nav.swiper-button-disabled { opacity:.35; }
+
+  .pm-image-block__wrap {
+    display:grid;
+    grid-template-columns:repeat(2, 1fr);
+  }
+  .pm-image-block__title {
+    font-size:48px;
+    font-weight:600;
+    line-height:1.15;
+    color:#000;
+    margin:0;
+    max-width: 380px;
+  }
+  .pm-image-block__desc { margin:0; color:rgba(0,0,0,0.6); line-height:1.5; }
+  .pm-image-block__image {
+    grid-column:1 / -1;
+    margin-top:56px;
+    width:100%;
+  }
+
+  .pm-video-block {
+    padding:16px 20px;
+    margin-bottom:12px;
+    background:#fef2f2;
+    border:1px dashed #fca5a5;
+    border-radius:8px;
+  }
+  .pm-video-block h3 {
+    font-size:48px;
+    font-weight:600;
+    line-height:1.15;
+    color:#000;
+    margin:0;
+  }
+
+  @media (max-width: 1023px) {
+    .wb-product-detail__container { padding:0 20px; }
+    .wb-product-detail__breadcrumb { flex-wrap:wrap; padding:16px 0; }
+    .wb-product-detail__hero { grid-template-columns:1fr; gap:24px; }
+    .wb-product-detail__name { font-size:28px; }
+    .wb-product-detail__desc { margin-bottom:20px; }
+    .wb-product-gallery__stage { margin-bottom:12px; }
+    .wb-product-gallery__thumbs-wrap { grid-template-columns:32px 1fr 32px; gap:10px; }
+    .wb-product-gallery__thumb { width:64px; height:64px; }
+    .wb-product-gallery__nav { width:32px; height:32px; font-size:18px; }
+    .wb-product-detail__section { padding:36px 0; }
+    .wb-product-detail__section-header { grid-template-columns:1fr; gap:12px; }
+    .wb-product-detail__section-title { font-size:28px; }
+    .pm-gallery-block__wrap,
+    .pm-image-block__wrap { grid-template-columns:1fr; gap:16px; }
+    .pm-gallery-block__title,
+    .pm-image-block__title,
+    .pm-video-block h3 { font-size:36px; }
+    .pm-gallery-block__carousel,
+    .pm-image-block__image { margin-top:32px; }
+  }
+
+  @media (max-width: 767px) {
+    .wb-product-detail__container { padding:0; }
+    .wb-product-detail__breadcrumb { font-size:12px; gap: 12px; }
+    .wb-product-detail__name { font-size:24px; }
+    .wb-product-detail__desc { font-size:13px; }
+    .wb-product-gallery__thumb { width:56px; height:56px; }
+    .wb-product-detail__accordion-summary { padding:12px 0; font-size:13px; }
+    .wb-product-detail__cta { font-size:14px; padding:13px; }
+    .wb-product-detail__section { padding:28px 0; }
+    .wb-product-detail__section-title { font-size:24px; }
+    .wb-product-detail__section-desc,
+    .wb-product-detail__section-content { font-size:13px; }
+    .wb-product-detail__table { display:block; overflow-x:auto; white-space:nowrap; }
+    .pm-gallery-block { padding: 50px 0; }
+    .pm-video-block { padding:14px 16px; }
+    .pm-gallery-block__title,
+    .pm-image-block__title,
+    .pm-video-block h3 { font-size:28px; }
+    .pm-gallery-block__carousel,
+    .pm-image-block__image { margin-top:24px; }
+    .pm-gallery-block__nav { width:32px; height:32px; }
+    .wb-product-detail__accordion-body{font-size: 13px;}
+    .pm-image-block__desc,
+    .pm-gallery-block__desc{font-size: 13px;}
+  }
+`;
+const PRODUCT_DETAIL_V2_STYLES = `
+  .wb-product-detail-v2 {
+    display:block;
+    width:100%;
+    background:#fff;
+    color:#1e3f5a;
+    font-family:"Poppins","Nunito Sans","PingFang SC","Helvetica Neue",Arial,sans-serif;
+  }
+
+  .wb-product-detail-v2__header {
+    display:flex;
+    align-items:center;
+    gap:8px;
+    padding:6px 10px;
+    background:#fef3c7;
+    border-bottom:1px solid #fde68a;
+    border-radius:4px 4px 0 0;
+    font-size:11px;
+    color:#78350f;
+    pointer-events:none;
+    user-select:none;
+    font-weight:500;
+  }
+
+  .wb-product-detail-v2__container {
+    max-width:1160px;
+    margin:0 auto;
+    padding: 72px 20px 0;
+  }
+
+  .wb-product-detail-v2__breadcrumb {
+    display:flex;
+    align-items:center;
+    gap:10px;
+    padding:16px 0 18px;
+    font-size:11px;
+    line-height:1.4;
+    color:#6f8090;
+  }
+
+  .wb-product-detail-v2__breadcrumb-back {
+    display:inline-flex;
+    align-items:center;
+    gap:5px;
+    padding:0;
+    border:none;
+    background:none;
+    color:#415c72;
+    cursor:pointer;
+    font-size:11px;
+    line-height:1.4;
+  }
+
+  .wb-product-detail-v2__breadcrumb-name {
+    min-width:0;
+    color:#6f8090;
+  }
+
+  .wb-product-detail-v2__hero {
+    display:grid;
+    grid-template-columns:minmax(430px, 0.92fr) minmax(470px, 1fr);
+    gap:42px;
+    align-items:start;
+    padding-bottom: 80px;
+  }
+
+  @media (min-width: 768px){
+    .wb-product-gallery{
+      position: sticky;
+      top: 72px;
+     }
+  }
+  
+  .wb-product-gallery { margin-bottom:0; }
+  .wb-product-gallery__stage {
+    position:relative;
+    overflow:hidden;
+    background:#f4f5f7;
+    aspect-ratio:1/1;
+    margin-bottom:12px;
+    cursor:zoom-in;
+    border:1px solid #e4e8ee;
+  }
+  .wb-product-gallery__stage.is-zooming { cursor:crosshair; }
+  .wb-product-gallery__main-img {
+    width:100%;
+    height:100%;
+    display:block;
+    object-fit:cover;
+    background:#fff;
+    transition:transform .18s ease;
+    transform-origin:center center;
+  }
+  .wb-product-gallery__thumbs-wrap {
+    display:block;
+  }
+  .wb-product-gallery__thumbs-viewport {
+    overflow:visible;
+    scrollbar-width:none;
+  }
+  .wb-product-gallery__thumbs-viewport::-webkit-scrollbar { display:none; }
+  .wb-product-gallery__thumbs {
+    display:grid;
+    grid-template-columns:repeat(4, minmax(0, 1fr));
+    gap:10px;
+    align-items:stretch;
+  }
+  .wb-product-gallery__thumb {
+    width:100%;
+    height:auto;
+    aspect-ratio:1/1;
+    border:1px solid #d8dee6;
+    background:#fff;
+    cursor:pointer;
+    padding:0;
+    overflow:hidden;
+    transition:border-color .2s ease, box-shadow .2s ease;
+  }
+  .wb-product-gallery__thumb.is-active {
+    border-color:#7c90a4;
+    box-shadow:0 0 0 1px #7c90a4 inset;
+  }
+  .wb-product-gallery__thumb-img {
+    width:100%;
+    height:100%;
+    display:block;
+    object-fit:cover;
+  }
+  .wb-product-gallery__nav {
+    display:none;
+  }
+  .wb-product-gallery__nav svg {
+    width:16px;
+    height:16px;
+    display:block;
+  }
+
+  .wb-product-detail-v2__info {
+    display:flex;
+    flex-direction:column;
+    gap:8px;
+    padding-top:10px;
+  }
+
+  .wb-product-detail-v2__brand {
+    margin:0;
+    font-size:14px;
+    line-height:1.6;
+    color:#1E2C32;
+  }
+
+  .wb-product-detail-v2__name {
+    margin:0;
+    font-size:30px;
+    line-height:1.25;
+    font-weight:600;
+    color:#000A11;
+    max-width:600px;
+  }
+
+  .wb-product-detail-v2__docs {
+    display:flex;
+    flex-wrap:wrap;
+    gap:8px;
+    margin-block: 24px;
+  }
+  .wb-product-detail-v2__docs:empty{
+    margin-block: 10px;
+  }
+
+  .wb-product-detail-v2__doc-link {
+    display:inline-flex;
+    align-items:center;
+    gap:7px;
+    color:#183b56;
+    font-size:14px;
+    line-height:1.7;
+    font-weight:500;
+    text-decoration:none;
+  }
+  .wb-product-detail-v2__doc-link svg {
+    width:14px;
+    height:14px;
+    display:block;
+  }
+
+  .wb-product-detail-v2__tabs {
+    display:grid;
+    grid-template-columns: repeat(4, 1fr);
+    scroll-behavior:smooth;
+  }
+
+  .wb-product-detail-v2__tab {
+    border:none;
+    background:#F0F0F0;
+    color:#000A11;
+    font-size:16px;
+    line-height:1.4;
+    font-weight:500;
+    cursor:pointer;
+    min-height: 48px;
+    position: relative;
+  }
+  .wb-product-detail-v2__tab::before{
+    content: '';
+    position: absolute;
+    inset: 0;
+    background:#9aa8b5;
+    opacity:0;
+    z-index:1;
+  }
+  .wb-product-detail-v2__tab-text{
+    position: relative;
+    z-index:2;
+  }
+   .wb-product-detail-v2__tab:not(:last-of-type)::after{
+    content: '';
+    position: absolute;
+    width: 0;
+    height: 60%;
+    border-left: 1px solid #d8d8d8;
+    top: 50%;
+    transform: translateY(-50%) scaleX(0.5);
+    right: 0;
+   }
+
+  .wb-product-detail-v2__tab.is-active {
+    /* background:#9aa8b5; */
+    color:#fff;
+  }
+  .wb-product-detail-v2__tab.is-active::before{
+    opacity: 1;
+  }
+
+  .wb-product-detail-v2__panel {
+    display:none;
+    padding:16px;
+  }
+
+  .wb-product-detail-v2__panel.is-active {
+    display:block;
+  }
+
+  .wb-product-detail-v2__intro,
+  .wb-product-detail-v2__feature-desc,
+  .wb-product-detail-v2__faq-answer {
+    font-size:14px;
+    line-height:1.78;
+    color:#5f7284;
+  }
+  .wb-product-detail-v2__intro p,
+  .wb-product-detail-v2__feature-desc p,
+  .wb-product-detail-v2__faq-answer p,
+  .wb-product-detail-v2__spec-value p {
+    margin:0 0 8px;
+  }
+  .wb-product-detail-v2__intro p:last-child,
+  .wb-product-detail-v2__feature-desc p:last-child,
+  .wb-product-detail-v2__faq-answer p:last-child,
+  .wb-product-detail-v2__spec-value p:last-child {
+    margin-bottom:0;
+  }
+
+  .wb-product-detail-v2__feature-list,
+  .wb-product-detail-v2__spec-groups,
+  .wb-product-detail-v2__spec-list,
+  .wb-product-detail-v2__faq-list {
+    display:flex;
+    flex-direction:column;
+    gap:0;
+  }
+
+  .wb-product-detail-v2__spec-groups {
+    gap:28px;
+  }
+
+  .wb-product-detail-v2__spec-group {
+    min-width:0;
+  }
+
+  .wb-product-detail-v2__spec-group-title {
+    margin:0 0 10px;
+    font-size:18px;
+    line-height:1.35;
+    font-weight:600;
+    color:#000A11;
+  }
+
+  .wb-product-detail-v2__spec-row,
+  .wb-product-detail-v2__faq-item {
+    border-bottom:1px solid #d7dde3;
+    padding:16px 0;
+  }
+
+  .wb-product-detail-v2__spec-key {
+    font-size:14px;
+    font-weight:500;
+    color:#000A11;
+    text-transform:uppercase;
+    margin:0 0 6px;
+  }
+
+  .wb-product-detail-v2__spec-row {
+    display:grid;
+    grid-template-columns:minmax(145px, 0.7fr) minmax(0, 1.3fr);
+    gap:18px;
+    align-items:start;
+  }
+
+  .wb-product-detail-v2__spec-value {
+    font-size:14px;
+    line-height:1.78;
+    color:#5f7284;
+  }
+
+  .wb-product-detail-v2__feature-list {
+    margin:0;
+    padding-left:20px;
+    display:block;
+  }
+
+  .wb-product-detail-v2__feature-item {
+    color:#5f7284;
+    font-size:14px;
+    line-height:1.78;
+    margin:0 0 6px;
+    padding:0;
+  }
+
+  .wb-product-detail-v2__feature-item:last-child {
+    margin-bottom:0;
+  }
+
+  .wb-product-detail-v2__feature-text {
+    display:inline;
+  }
+
+  .wb-product-detail-v2__faq-item {
+    padding:0;
+  }
+
+  .wb-product-detail-v2__faq-summary {
+    list-style:none;
+    display:flex;
+    align-items:center;
+    justify-content:space-between;
+    gap:16px;
+    cursor:pointer;
+    padding:16px 0;
+    color:#183b56;
+    font-weight:600;
+    font-size:14px;
+    line-height:1.5;
+  }
+
+  .wb-product-detail-v2__faq-summary::-webkit-details-marker { display:none; }
+  .wb-product-detail-v2__faq-summary::marker { display:none; content:''; }
+
+  .wb-product-detail-v2__faq-icon {
+    color:#90a0ae;
+    font-size:16px;
+    transition:transform .2s ease;
+  }
+
+  .wb-product-detail-v2__faq-item[open] .wb-product-detail-v2__faq-icon {
+    transform:rotate(180deg);
+  }
+
+  .wb-product-detail-v2__faq-answer {
+    padding:0 0 16px;
+  }
+
+  .wb-product-detail-v2__options {
+    display:flex;
+    flex-direction:column;
+    gap:32px;
+    padding-top:8px;
+  }
+
+  .wb-product-detail-v2__option-group {
+    padding-top:0;
+  }
+.wb-product-detail-v2__actions--tips{
+  font-size: 16px;
+  line-height: 1;
+  color: #344850;
+  margin-top: 16px;
+}
+  .wb-product-detail-v2__option-label {
+    margin:0 0 16px;
+    font-size:16px;
+    line-height:1;
+    color:#1B2149;
+    font-weight: 400;
+  }
+
+  .wb-product-detail-v2__option-values {
+    display:flex;
+    flex-wrap:wrap;
+    gap:8px;
+  }
+
+  .wb-product-detail-v2__option-value {
+    display:inline-flex;
+    align-items:center;
+    justify-content:flex-start;
+    gap:8px;
+    min-height:48px;
+    padding: 4px;
+    border:1px solid #EDEDED;
+    background:#fff;
+    color:#44576a;
+    font-size:12px;
+    line-height:1.3;
+    border-radius: 2px;
+    box-sizing:border-box;
+    white-space:nowrap;
+    cursor:pointer;
+    transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
+    appearance:none;
+    outline:none;
+  }
+  .wb-product-detail-v2__option-value:hover{
+    border-color:#29375C;
+   }
+  .wb-product-detail-v2__option-value.is-active {
+    border-color:#29375C;
+  }
+  .wb-product-detail-v2__option-value.is-text-only {
+    justify-content:center;
+    padding-inline: 16px;
+  }
+
+  .wb-product-detail-v2__option-swatch {
+    width:40px;
+    height:40px;
+    display:inline-block;
+    flex:0 0 auto;
+  }
+
+  .wb-product-detail-v2__option-image {
+    width:40px;
+    height:40px;
+    object-fit:cover;
+    flex:0 0 auto;
+  }
+
+  .wb-product-detail-v2__option-text {
+    display:inline-block;
+    max-width:100%;
+  }
+
+  .wb-product-detail-v2__actions {
+    display:flex;
+    flex-wrap:wrap;
+    gap:10px;
+    margin-top: 64px;
+  }
+
+  .wb-product-detail-v2__action {
+    flex:1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width:112px;
+    min-height: 50px;
+    padding:10px 20px;
+    border:1px solid #183b56;
+    background:#fff;
+    color:#183b56;
+    text-decoration:none;
+    text-align:center;
+    font-weight:500;
+    font-size:16px;
+    line-height:1.2;
+    box-sizing:border-box;
+    cursor: pointer;
+  }
+
+  .wb-product-detail-v2__action--primary {
+    background:#ffd30a;
+    border-color:#ffd30a;
+    color:#183b56;
+  }
+
+  .wb-product-detail-v2__related {
+    width:100vw;
+    margin-left:calc(50% - 50vw);
+    margin-right:calc(50% - 50vw);
+    margin-top:0;
+    padding:100px 0;
+    background-color: #ECEEF0;
+    overflow:hidden;
+    box-sizing:border-box;
+  }
+  .wb-product-detail-v2__related,
+  .wb-product-detail-v2__related *,
+  .wb-product-detail-v2__related *::before,
+  .wb-product-detail-v2__related *::after {
+    box-sizing:border-box;
+  }
+  .wb-product-detail-v2__related a {
+    color:currentColor;
+    text-decoration:none;
+  }
+  .wb-product-detail-v2__related .wb-content-carousel__container {
+    width:100%;
+    max-width: 1160px;
+    margin:0 auto;
+    padding:0 20px;
+  }
+  .wb-product-detail-v2__related .wb-content-carousel__header {
+    display:flex;
+    align-items:flex-start;
+    gap:24px;
+    margin-bottom:48px;
+  }
+  .wb-product-detail-v2__related .wb-content-carousel__title {
+    margin:0;
+    color:#000a11;
+    font-size:48px;
+    font-weight:600;
+    line-height:1.15;
+    letter-spacing:0;
+  }
+  .wb-product-detail-v2__related .wb-content-carousel__nav {
+    margin-left:auto;
+    display:flex;
+    align-items:center;
+    gap:16px;
+  }
+  .wb-product-detail-v2__related .wb-content-carousel__nav-btn {
+    width:64px;
+    height:64px;
+    display:inline-flex;
+    align-items:center;
+    justify-content:center;
+    padding:0;
+    border:0;
+    border-radius:0;
+    color:#000a11;
+    background:transparent;
+    cursor:pointer;
+  }
+  .wb-product-detail-v2__related .wb-content-carousel__nav-icon {
+    width:48px;
+    height:48px;
+  }
+  .wb-product-detail-v2__related .wb-content-carousel__carousel-wrap {
+    margin:0 -20px;
+  }
+  .wb-product-detail-v2__related .wb-content-carousel__track {
+    display:grid;
+    grid-auto-flow:column;
+    grid-auto-columns:calc((100% - 48px) / 3);
+    gap:24px;
+    padding:0 20px;
+    overflow-x:auto;
+    scroll-snap-type:x mandatory;
+    scroll-behavior:smooth;
+    scroll-padding-inline:20px;
+    -webkit-overflow-scrolling:touch;
+    scrollbar-width:none;
+  }
+  .wb-product-detail-v2__related .wb-content-carousel__track::-webkit-scrollbar {
+    display:none;
+  }
+  .wb-product-detail-v2__related .wb-content-carousel__item {
+    position:relative;
+    display:flex;
+    min-width:0;
+    flex-direction:column;
+    gap:16px;
+    scroll-snap-align:center;
+  }
+  .wb-product-detail-v2__related .wb-content-carousel__item:first-child {
+    scroll-snap-align:start;
+  }
+  .wb-product-detail-v2__related .wb-content-carousel__item:last-child {
+    scroll-snap-align:end;
+  }
+  .wb-product-detail-v2__related .wb-content-carousel__media {
+    display:block;
+    width:100%;
+    aspect-ratio:42 / 46;
+    overflow:hidden;
+    background:#d5dbe1;
+  }
+  .wb-product-detail-v2__related .wb-content-carousel__img {
+    display:block;
+    width:100%;
+    height:100%;
+    object-fit:cover;
+    transition:transform 260ms ease;
+  }
+  .wb-product-detail-v2__related .wb-content-carousel__item:hover .wb-content-carousel__img {
+    transform:scale(1.04);
+  }
+  .wb-product-detail-v2__related .wb-content-carousel__item-title {
+    margin:0;
+    color:#000a11;
+    font-size:20px;
+    font-weight:500;
+    line-height:1.4;
+    letter-spacing:0;
+    overflow-wrap:anywhere;
+  }
+  .wb-product-detail-v2__related .wb-content-carousel__link::after {
+    content:"";
+    position:absolute;
+    inset:0;
+  }
+
+  @media (max-width: 1024px) {
+    .wb-product-detail-v2__container {
+      padding:0 24px 56px;
+    }
+
+    .wb-product-detail-v2__hero {
+      grid-template-columns:1fr;
+      gap:32px;
+    }
+
+    .wb-product-detail-v2__name {
+      font-size:34px;
+    }
+
+  }
+
+  @media (max-width: 767px) {
+  .wb-product-detail-v2__breadcrumb{
+    display: none;
+  }
+  .wb-product-gallery{
+    width: 100vw;
+    margin-left: calc(50% - 50vw);
+    margin-right: calc(50% - 50vw);
+  }
+    .wb-product-detail-v2__container {
+    
+    }
+    .wb-product-gallery__stage{
+      margin-bottom: 
+    }
+
+    .wb-product-detail-v2__name {
+      font-size:20px;
+    }
+
+    .wb-product-gallery__thumb {
+      width:100%;
+      height:auto;
+    }
+
+    .wb-product-gallery__thumbs {
+      grid-template-columns:repeat(4, minmax(0, 1fr));
+      gap:8px;
+    }
+
+    .wb-product-detail-v2__tabs {
+      display:flex;
+      grid-template-columns:none;
+      overflow-x:auto;
+      overflow-y:hidden;
+      scroll-snap-type:x mandatory;
+      scroll-padding-inline:20px;
+      -webkit-overflow-scrolling:touch;
+      scrollbar-width:none;
+      margin-inline:-24px;
+      padding-inline:24px;
+      width:100vw;
+    }
+    .wb-product-detail-v2__tabs::-webkit-scrollbar { display:none; }
+
+    .wb-product-detail-v2__tab {
+      flex:0 0 auto;
+      min-width:150px;
+      padding:10px 16px;
+      scroll-snap-align:center;
+    }
+    .wb-product-detail-v2__tab-text{
+      font-size: 13px;
+    }
+    .wb-product-detail-v2__spec-row {
+      grid-template-columns:1fr;
+    }
+
+    .wb-product-detail-v2__actions {
+      flex-direction:column;
+    }
+
+    .wb-product-detail-v2__action {
+      width:100%;
+    }
+
+    .wb-product-detail-v2__related {
+      padding:40px 0;
+    }
+    .wb-product-detail-v2__related .wb-content-carousel__header {
+      margin-bottom:24px;
+    }
+    .wb-product-detail-v2__related .wb-content-carousel__title {
+      font-size:24px;
+    }
+    .wb-product-detail-v2__related .wb-content-carousel__nav {
+      gap:8px;
+    }
+    .wb-product-detail-v2__related .wb-content-carousel__nav-btn {
+      width:32px;
+      height:32px;
+    }
+    .wb-product-detail-v2__related .wb-content-carousel__nav-icon {
+      width:24px;
+      height:24px;
+    }
+    .wb-product-detail-v2__related .wb-content-carousel__track {
+      grid-auto-columns:calc((100% - 12px) / 1.5);
+      gap:12px;
+    }
+    .wb-product-detail-v2__related .wb-content-carousel__item {
+      gap:8px;
+    }
+    .wb-product-detail-v2__related .wb-content-carousel__item-title {
+      font-size:13px;
+    }
+  }
+`;
+function normalizeSiteHref$1(rawValue) {
+  let value = String(rawValue ?? "").trim();
+  if (!value)
+    return "";
+  if (value.startsWith("/") || value.startsWith("#") || value.startsWith("mailto:") || value.startsWith("tel:") || /^https?:\/\//i.test(value) || value.startsWith("//")) {
+    return value;
+  }
+  if (value.startsWith("./"))
+    value = value.slice(2);
+  return `/${value}`;
+}
+function composeDynamicUrl$1(value, template) {
+  const raw = String(value ?? "");
+  const tpl = String(template ?? "").trim();
+  if (!tpl)
+    return raw;
+  if (tpl.includes("{{encoded}}"))
+    return tpl.replace(/\{\{encoded\}\}/g, encodeURIComponent(raw));
+  if (tpl.includes("{{value}}"))
+    return tpl.replace(/\{\{value\}\}/g, raw);
+  return `${tpl}${raw}`;
+}
+function composePlaceholderUrl(field, template) {
+  const token = field ? `{{${field}}}` : "";
+  return composeDynamicUrl$1(token, template);
+}
+function removeDynamicRenderCloneIds(root) {
+  const nodes = [
+    ...root.hasAttribute("id") ? [root] : [],
+    ...Array.from(root.querySelectorAll("[id]"))
+  ];
+  nodes.forEach((el) => el.removeAttribute("id"));
+}
+const selectBoundElements = (root, selector) => [
+  ...root.matches(selector) ? [root] : [],
+  ...Array.from(root.querySelectorAll(selector))
+];
+function normalizeDynamicLinkElement$1(el, doc) {
+  var _a;
+  if (el.tagName === "A")
+    return el;
+  const link = doc.createElement("a");
+  Array.from(el.attributes).forEach((attr) => link.setAttribute(attr.name, attr.value));
+  link.setAttribute("href", el.getAttribute("href") || "#");
+  while (el.firstChild)
+    link.appendChild(el.firstChild);
+  (_a = el.parentNode) == null ? void 0 : _a.replaceChild(link, el);
+  return link;
+}
+function normalizeDynamicImageElement$1(el, doc) {
+  var _a;
+  if (el.tagName === "IMG")
+    return el;
+  const image = doc.createElement("img");
+  Array.from(el.attributes).forEach((attr) => image.setAttribute(attr.name, attr.value));
+  image.setAttribute("alt", el.getAttribute("alt") || "");
+  (_a = el.parentNode) == null ? void 0 : _a.replaceChild(image, el);
+  return image;
+}
+function normalizeDynamicElements(root, doc) {
+  let nextRoot = root;
+  selectBoundElements(root, '[data-wb-dynamic="image"]').forEach((el) => {
+    const normalized = normalizeDynamicImageElement$1(el, doc);
+    if (el === nextRoot)
+      nextRoot = normalized;
+  });
+  selectBoundElements(nextRoot, '[data-wb-dynamic="link"], [data-cms-bind-href]').forEach((el) => {
+    const normalized = normalizeDynamicLinkElement$1(el, doc);
+    if (el === nextRoot)
+      nextRoot = normalized;
+  });
+  return nextRoot;
+}
+const removeAttr = (el, attr, enabled) => {
+  if (enabled)
+    el.removeAttribute(attr);
+};
+const isDynamicConditionTruthy = (value) => {
+  if (Array.isArray(value))
+    return value.length > 0;
+  if (value == null)
+    return false;
+  if (typeof value === "boolean")
+    return value;
+  if (typeof value === "number")
+    return Number.isFinite(value) && value !== 0;
+  if (typeof value === "string")
+    return value.trim().length > 0;
+  if (typeof value === "object")
+    return Object.keys(value).length > 0;
+  return Boolean(value);
+};
+const shouldShowDynamicCondition = (value, mode) => {
+  const truthy = isDynamicConditionTruthy(value);
+  if (mode === "falsy" || mode === "isEmpty")
+    return !truthy;
+  return truthy;
+};
+const applyDynamicConditions = (root, data, removeAttrs) => {
+  selectBoundElements(root, "[data-cms-if]").forEach((el) => {
+    const key = `${el.getAttribute("data-cms-if") ?? ""}`.trim();
+    if (!key || !(key in data))
+      return;
+    const mode = `${el.getAttribute("data-cms-if-mode") ?? "truthy"}`.trim() || "truthy";
+    if (!shouldShowDynamicCondition(data[key], mode)) {
+      el.remove();
+      return;
+    }
+    removeAttr(el, "data-cms-if", removeAttrs);
+    removeAttr(el, "data-cms-if-mode", removeAttrs);
+  });
+};
+function bindDynamicRenderData(root, data, options = {}) {
+  const doc = options.doc ?? root.ownerDocument;
+  const removeAttrs = options.removeBindingAttrs === true;
+  const imageStrategy = options.imageStrategy ?? "preview-background";
+  let boundRoot = options.normalizeDynamicElements && doc ? normalizeDynamicElements(root, doc) : root;
+  applyDynamicConditions(boundRoot, data, removeAttrs);
+  selectBoundElements(boundRoot, "[data-cms-bind]").forEach((el) => {
+    const key = el.getAttribute("data-cms-bind");
+    if (key in data)
+      el.textContent = String(data[key] ?? "");
+    removeAttr(el, "data-cms-bind", removeAttrs);
+  });
+  selectBoundElements(boundRoot, "[data-cms-html]").forEach((el) => {
+    const key = el.getAttribute("data-cms-html");
+    if (key in data)
+      el.innerHTML = String(data[key] ?? "");
+    removeAttr(el, "data-cms-html", removeAttrs);
+  });
+  selectBoundElements(boundRoot, "[data-cms-bind-src]").forEach((el) => {
+    var _a;
+    const key = el.getAttribute("data-cms-bind-src");
+    const altKey = el.getAttribute("data-cms-bind-alt") || "";
+    const src = data[key];
+    removeAttr(el, "data-cms-bind-src", removeAttrs);
+    if (!src)
+      return;
+    if (el.tagName === "IMG") {
+      el.src = String(src);
+      return;
+    }
+    if (imageStrategy === "seo-img" && doc) {
+      const img = doc.createElement("img");
+      img.src = String(src);
+      img.alt = altKey && altKey in data ? String(data[altKey] ?? "") : "";
+      const style = el.getAttribute("style");
+      if (style)
+        img.setAttribute("style", style);
+      const cls = el.getAttribute("class");
+      if (cls)
+        img.setAttribute("class", cls);
+      (_a = el.parentNode) == null ? void 0 : _a.replaceChild(img, el);
+      if (el === boundRoot)
+        boundRoot = img;
+      return;
+    }
+    const htmlEl = el;
+    htmlEl.style.backgroundImage = `url('${String(src)}')`;
+    htmlEl.style.backgroundSize = "cover";
+    htmlEl.style.backgroundPosition = "center";
+    htmlEl.textContent = "";
+  });
+  const bindAttribute = (selector, sourceAttr, targetAttr) => {
+    selectBoundElements(boundRoot, selector).forEach((el) => {
+      const key = el.getAttribute(sourceAttr);
+      if (key in data) {
+        const value = data[key];
+        if (value)
+          el.setAttribute(targetAttr, String(value));
+        else
+          el.removeAttribute(targetAttr);
+      }
+      removeAttr(el, sourceAttr, removeAttrs);
+    });
+  };
+  bindAttribute("[data-cms-bind-alt]", "data-cms-bind-alt", "alt");
+  bindAttribute("[data-cms-bind-target]", "data-cms-bind-target", "target");
+  bindAttribute("[data-cms-bind-content]", "data-cms-bind-content", "content");
+  bindAttribute("[data-cms-bind-title]", "data-cms-bind-title", "title");
+  bindAttribute("[data-cms-bind-value]", "data-cms-bind-value", "value");
+  bindAttribute("[data-cms-bind-style]", "data-cms-bind-style", "style");
+  bindAttribute("[data-cms-bind-aria-current]", "data-cms-bind-aria-current", "aria-current");
+  bindAttribute(
+    "[data-cms-bind-data-product-spec-values]",
+    "data-cms-bind-data-product-spec-values",
+    "data-product-spec-values"
+  );
+  selectBoundElements(boundRoot, "[data-cms-bind-class]").forEach((el) => {
+    const key = el.getAttribute("data-cms-bind-class");
+    if (key in data) {
+      const value = data[key];
+      if (value)
+        el.setAttribute("class", String(value));
+      else
+        el.removeAttribute("class");
+    }
+    removeAttr(el, "data-cms-bind-class", removeAttrs);
+  });
+  selectBoundElements(boundRoot, "[data-cms-bind-classappend]").forEach((el) => {
+    const key = el.getAttribute("data-cms-bind-classappend");
+    if (key in data) {
+      const value = data[key];
+      if (value) {
+        String(value).split(/\s+/).filter(Boolean).forEach((className) => el.classList.add(className));
+      }
+    }
+    removeAttr(el, "data-cms-bind-classappend", removeAttrs);
+  });
+  selectBoundElements(boundRoot, "[data-cms-bind-href]").forEach((el) => {
+    const key = el.getAttribute("data-cms-bind-href");
+    const template = el.getAttribute("data-cms-bind-href-template") || "";
+    if (key in data) {
+      el.href = composeDynamicUrl$1(data[key], template) || "#";
+    }
+    removeAttr(el, "data-cms-bind-href", removeAttrs);
+    removeAttr(el, "data-cms-bind-href-template", removeAttrs);
+  });
+  return boundRoot;
+}
+let cmsFactoryDataProvider = {};
+const setCmsFactoryDataProvider = (provider) => {
+  const previousProvider = cmsFactoryDataProvider;
+  cmsFactoryDataProvider = provider;
+  return () => {
+    cmsFactoryDataProvider = previousProvider;
+  };
+};
+function getEffectiveTenantId() {
+  var _a;
+  return (_a = cmsFactoryDataProvider.getEffectiveTenantId) == null ? void 0 : _a.call(cmsFactoryDataProvider);
+}
+function getRuntimeEndpoints() {
+  var _a;
+  return ((_a = cmsFactoryDataProvider.getRuntimeEndpoints) == null ? void 0 : _a.call(cmsFactoryDataProvider)) ?? {};
+}
+function getRuntimeEndpoint(key) {
+  return `${getRuntimeEndpoints()[key] ?? ""}`.trim();
+}
+function getRuntimeRequestConfig() {
+  var _a;
+  const config = ((_a = cmsFactoryDataProvider.getRuntimeRequestConfig) == null ? void 0 : _a.call(cmsFactoryDataProvider)) ?? {};
+  return {
+    headerName: `${config.headerName ?? ""}`.trim(),
+    headerValue: config.headerValue ?? getEffectiveTenantId() ?? ""
+  };
+}
+const CMS_RUNTIME_API_MAP = {
+  "post-list": { endpoint: "postPage", entity: "post" },
+  "cases-list": { endpoint: "postPage", entity: "post" },
+  "media-list": { endpoint: "mediaPage", entity: "media" },
+  "product-list": { endpoint: "productPage", entity: "product" }
+};
+function normalizeSiteHref(rawValue) {
+  let value = String(rawValue ?? "").trim();
+  if (!value)
+    return "";
+  if (value.startsWith("/") || value.startsWith("#") || value.startsWith("mailto:") || value.startsWith("tel:") || /^https?:\/\//i.test(value) || value.startsWith("//")) {
+    return value;
+  }
+  if (value.startsWith("./"))
+    value = value.slice(2);
+  return `/${value}`;
+}
+function isTruthyFlag(value) {
+  const normalized = String(value ?? "").trim().toLowerCase();
+  return ["1", "true", "yes", "on"].includes(normalized);
+}
+const LOOP_GRID_EXPORT_ATTRS = [
+  "data-wb-instance-id",
+  "data-wb-loop-grid-version",
+  "data-wb-grid-id",
+  "data-wb-filter-key",
+  "data-wb-source-type",
+  "data-wb-query-mode",
+  "data-wb-item-template-id",
+  "data-wb-pagination",
+  "data-wb-provider-key",
+  "data-wb-loop-grid-schema",
+  "data-wb-page-size",
+  "data-wb-max-pages",
+  "data-wb-category-id",
+  "data-wb-sort-field",
+  "data-wb-sort-asc"
+];
+function hasLoopGridSignature(attrs) {
+  return attrs["data-wb-component"] === "loop-grid" || attrs["data-wb-loop-grid-version"] !== void 0 || attrs["data-wb-loop-grid-schema"] !== void 0;
+}
+function cleanupLoopGridExportAttrsRecord(attrs, options) {
+  LOOP_GRID_EXPORT_ATTRS.forEach((attr) => {
+    if (attr === "data-wb-instance-id")
+      return;
+    delete attrs[attr];
+  });
+}
+function cleanupLoopGridExportAttrsElement(el) {
+  LOOP_GRID_EXPORT_ATTRS.forEach((attr) => el.removeAttribute(attr));
+}
+function resolvePaginationClass(dataCmsComponent) {
+  if (dataCmsComponent === "product-list")
+    return "wb-product-list-pagination";
+  if (dataCmsComponent === "media-list")
+    return "wb-cms-media-pagination";
+  return "wb-post-list-pagination";
+}
+function resolvePaginationPageBtnClass(dataCmsComponent) {
+  if (dataCmsComponent === "product-list")
+    return "wb-product-list-page-btn";
+  if (dataCmsComponent === "media-list")
+    return "wb-cms-media-page-btn";
+  return "wb-post-list-page-btn";
+}
+function isLoopGridPaginationNav(nav) {
+  return nav.classList.contains("wb-loop-grid-pagination");
+}
+const CMS_TRANSFORM_FN = {
+  post: `function transform(item) {
+      var content = item && item.contents && item.contents[0] || {};
+      var explicitUrl = ${normalizeSiteHref.toString()}(
+        item && (item.url || item.postUrl || item.detailUrl || item.link)
+        || (content && (content.url || content.postUrl || content.detailUrl || content.link))
+      );
+      var slug = String(item && item.slug || '').trim();
+      var typeCode = String(item && item.typeCode || '').trim();
+      var postId = item && item.id;
+      var identifier = slug || (postId == null ? '' : String(postId).trim());
+      return {
+        'post.name': item.name || '',
+        'post.image': item.image || '',
+        'post.excerpt': item.excerpt || '',
+        'post.url': explicitUrl || (identifier && typeCode ? ('/en/post/' + encodeURIComponent(typeCode) + '/' + encodeURIComponent(identifier) + '.html') : '#'),
+        'post.categoryIds': item.categoryIds || [],
+        'post.categoryNames': item.categoryNames || [],
+        'post.tagIds': item.tagIds || [],
+        'post.tagNames': item.tagNames || []
+      };
+    }`,
+  media: `function transform(item) {
+      function formatFileSize(size) {
+        var normalized = Number(size);
+        if (!isFinite(normalized) || normalized < 0) return '';
+        if (normalized === 0) return '0 B';
+        var units = ['B', 'KB', 'MB', 'GB'];
+        var index = Math.min(Math.floor(Math.log(normalized) / Math.log(1024)), units.length - 1);
+        var value = normalized / Math.pow(1024, index);
+        var text = value >= 100 ? value.toFixed(0) : value.toFixed(1).replace(/\\.0$/, '');
+        return text + ' ' + units[index];
+      }
+      var mediaUrl = ${normalizeSiteHref.toString()}(
+        item && (item.url || item.mediaUrl || item.link)
+      );
+      var explicitUrl = ${normalizeSiteHref.toString()}(
+        item && (item.detailUrl || item.url || item.mediaUrl || item.link)
+      );
+      var slug = String(item && item.slug || '').trim();
+      var categoryCode = String(item && item.categoryCode || '').trim();
+      var mediaId = item && item.id;
+      var identifier = slug || (mediaId == null ? '' : String(mediaId).trim());
+      return {
+        'media.title': item.title || '',
+        'media.url': mediaUrl || '',
+        'media.size': formatFileSize(item && (item.size != null ? item.size : item.fileSize)),
+        'media.coverUrl': item.coverUrl || '',
+        'media.description': item.description || '',
+        'media.detailUrl': explicitUrl || (identifier && categoryCode ? ('/' + resolveLanguage() + '/' + encodeURIComponent(categoryCode) + '/' + encodeURIComponent(identifier) + '.html') : '#')
+      };
+    }`,
+  product: `function transform(item) {
+      var slug = String((item && (item.slug || item.productSlug)) || '').trim();
+      var productId = item && (item.id != null ? item.id : item.spuId);
+      var identifier = slug || (productId == null ? '' : String(productId).trim());
+      var canonicalUrl = identifier ? '/products/' + encodeURIComponent(identifier) + '.html' : '#';
+      var explicitUrl = ${normalizeSiteHref.toString()}(item && (item.url || item.productUrl));
+      return {
+        'product.name': item.name || '',
+        'product.picUrl': item.picUrl || '',
+        'product.priceFormatted': '$' + (item.price / 100).toFixed(2),
+        'product.salesCount': (item.salesCount || 0) + ' sold',
+        'product.url': (explicitUrl && /^\\/(?:[a-z]{2}(?:-[a-z]{2})?)?\\/?products\\//i.test(explicitUrl))
+          ? explicitUrl
+          : canonicalUrl
+      };
+    }`
+};
+const STATIC_CHILD = {
+  selectable: false,
+  draggable: false,
+  droppable: false,
+  hoverable: false,
+  layerable: false,
+  copyable: false,
+  removable: false,
+  badgable: false,
+  highlightable: false
+};
+function makePreviewHeader(headerClass, content) {
+  return { tagName: "div", ...STATIC_CHILD, attributes: { class: headerClass }, content };
+}
+function makePreviewGrid(repeatEntity, gridClass, cards) {
+  return {
+    tagName: "div",
+    ...STATIC_CHILD,
+    attributes: {
+      "data-cms-repeat": repeatEntity,
+      "data-cms-repeat-container": "true",
+      class: gridClass
+    },
+    components: cards
+  };
+}
+function makePaginationNav(paginationClass, pageBtnClass, options) {
+  const interactiveChild = (options == null ? void 0 : options.interactiveInEditor) ? {
+    draggable: false,
+    droppable: false,
+    copyable: false,
+    removable: false,
+    editable: false
+  } : STATIC_CHILD;
+  return {
+    tagName: "nav",
+    ...interactiveChild,
+    attributes: { "data-cms-pagination": "", class: paginationClass },
+    components: [
+      {
+        tagName: "span",
+        ...interactiveChild,
+        attributes: { class: `${pageBtnClass} active` },
+        content: "1"
+      },
+      { tagName: "span", ...interactiveChild, attributes: { class: pageBtnClass }, content: "2" },
+      { tagName: "span", ...interactiveChild, attributes: { class: pageBtnClass }, content: "3" },
+      {
+        tagName: "span",
+        ...interactiveChild,
+        attributes: { class: pageBtnClass, "aria-label": "下一页" },
+        content: paginationClass.includes("wb-loop-grid-pagination") ? LOOP_GRID_NEXT_ICON : "下一页 »"
+      }
+    ]
+  };
+}
+function ensurePaginationNavElement(doc, el, dataCmsComponent) {
+  let paginationNav = el.querySelector("nav[data-cms-pagination]");
+  if (paginationNav)
+    return paginationNav;
+  if (!["post-list", "cases-list", "product-list", "media-list"].includes(dataCmsComponent)) {
+    return null;
+  }
+  paginationNav = doc.createElement("nav");
+  paginationNav.setAttribute("data-cms-pagination", "");
+  paginationNav.setAttribute("class", resolvePaginationClass(dataCmsComponent));
+  el.appendChild(paginationNav);
+  return paginationNav;
+}
+function ensurePaginationNavFallback(doc, paginationNav, dataCmsComponent) {
+  if (paginationNav.children.length)
+    return;
+  const pageBtnClass = resolvePaginationPageBtnClass(dataCmsComponent);
+  const useLoopGridIcons = isLoopGridPaginationNav(paginationNav);
+  const labels = ["1", "2", "3"];
+  labels.forEach((label, index) => {
+    const item = doc.createElement("span");
+    item.setAttribute("class", `${pageBtnClass}${index === 0 ? " active" : ""}`);
+    item.textContent = label;
+    paginationNav.appendChild(item);
+  });
+  const next = doc.createElement("span");
+  next.setAttribute("class", pageBtnClass);
+  next.setAttribute("aria-label", "下一页");
+  if (useLoopGridIcons) {
+    next.innerHTML = LOOP_GRID_NEXT_ICON;
+  } else {
+    next.textContent = "下一页 »";
+  }
+  paginationNav.appendChild(next);
+}
+function ensurePostListRootStructure(doc, el, dataCmsComponent) {
+  if (dataCmsComponent !== "post-list" && dataCmsComponent !== "cases-list")
+    return null;
+  const classList = new Set(
+    String(el.getAttribute("class") || "").split(/\s+/).filter(Boolean).filter(
+      (className) => !["wb-post-list-grid", "wb-cases-list-grid", "wb-cases-list__grid"].includes(className)
+    )
+  );
+  classList.add("wb-post-list");
+  if (dataCmsComponent === "cases-list")
+    classList.add("wb-cases-list");
+  else
+    classList.delete("wb-cases-list");
+  el.setAttribute("class", Array.from(classList).join(" "));
+  let grid = el.querySelector(
+    "[data-wb-post-grid], .wb-post-list__grid, .wb-cases-list__grid"
+  );
+  if (!grid) {
+    grid = doc.createElement("div");
+    grid.setAttribute("data-wb-post-grid", "");
+    grid.setAttribute("class", "wb-post-list__grid");
+  } else {
+    const gridClasses = new Set(
+      String(grid.getAttribute("class") || "").split(/\s+/).filter(Boolean)
+    );
+    gridClasses.delete("wb-cases-list__grid");
+    gridClasses.delete("wb-post-list-grid");
+    gridClasses.delete("wb-cases-list-grid");
+    gridClasses.add(
+      dataCmsComponent === "cases-list" ? "wb-cases-list__grid" : "wb-post-list__grid"
+    );
+    grid.setAttribute("data-wb-post-grid", "");
+    grid.setAttribute("class", Array.from(gridClasses).join(" "));
+  }
+  const paginationNav = el.querySelector("nav[data-cms-pagination]");
+  const scriptAnchor = el.querySelector(
+    "script[data-post-list-card-template], script[data-wb-product-card-template], script.cms-card-tpl"
+  );
+  if (grid.parentElement !== el) {
+    if (paginationNav)
+      el.insertBefore(grid, paginationNav);
+    else if (scriptAnchor)
+      el.insertBefore(grid, scriptAnchor);
+    else
+      el.appendChild(grid);
+  } else if (paginationNav && grid.compareDocumentPosition(paginationNav) & Node.DOCUMENT_POSITION_PRECEDING) {
+    el.insertBefore(grid, paginationNav);
+  } else if (!paginationNav && scriptAnchor && grid.compareDocumentPosition(scriptAnchor) & Node.DOCUMENT_POSITION_PRECEDING) {
+    el.insertBefore(grid, scriptAnchor);
+  }
+  Array.from(el.children).forEach((child) => {
+    if (child === grid)
+      return;
+    const childEl = child;
+    if (childEl.getAttribute("data-cms-repeat") === "post" || childEl.classList.contains("wb-post-card")) {
+      grid == null ? void 0 : grid.appendChild(childEl);
+    }
+  });
+  return grid;
+}
+const PAGINATION_TRAITS = [
+  { type: "number", label: "每页数量", name: "cmsPageSize", changeProp: true, min: 1, max: 50 },
+  {
+    type: "select",
+    label: "分页模式",
+    name: "cmsPagination",
+    changeProp: true,
+    options: [
+      { value: "static", label: "静态分页（SEO 最佳）" },
+      { value: "loadmore", label: "加载更多" },
+      { value: "none", label: "不分页" }
+    ]
+  },
+  { type: "number", label: "最大页数", name: "cmsMaxPages", changeProp: true, min: 1, max: 100 }
+];
+const PAGINATION_PROPS = { cmsPageSize: 12, cmsPagination: "static", cmsMaxPages: 10 };
+const PAGINATION_ATTRS = {
+  "data-page-size": "12",
+  "data-pagination": "static",
+  "data-max-pages": "10"
+};
+function syncPaginationAttrs(model) {
+  return {
+    "data-page-size": String(model.get("cmsPageSize") || 12),
+    "data-pagination": model.get("cmsPagination") || "static",
+    "data-max-pages": String(model.get("cmsMaxPages") || 10)
+  };
+}
+const VOID_TAGS = /* @__PURE__ */ new Set([
+  "img",
+  "br",
+  "hr",
+  "input",
+  "meta",
+  "link",
+  "area",
+  "base",
+  "col",
+  "embed",
+  "source",
+  "track",
+  "wbr"
+]);
+function componentsToHtml(defs) {
+  if (!defs || defs.length === 0)
+    return "";
+  return defs.map((def) => {
+    if (typeof def === "string")
+      return def;
+    const tag = def.tagName || "div";
+    const attrs = { ...def.attributes || {} };
+    if (!attrs.style && def.style && typeof def.style === "object") {
+      attrs.style = Object.entries(def.style).map(([k2, v2]) => `${k2}:${v2}`).join(";");
+    }
+    const attrStr = Object.entries(attrs).filter(([_2, v2]) => v2 !== void 0 && v2 !== null).map(([k2, v2]) => `${k2}="${String(v2).replace(/"/g, "&quot;")}"`).join(" ");
+    if (VOID_TAGS.has(tag)) {
+      return `<${tag}${attrStr ? " " + attrStr : ""} />`;
+    }
+    const content = def.content || "";
+    let children = def.components;
+    if (attrs["data-cms-repeat"] && Array.isArray(children) && children.length > 1) {
+      children = [children[0]];
+    }
+    const childrenHtml = children ? componentsToHtml(children) : "";
+    return `<${tag}${attrStr ? " " + attrStr : ""}>${content}${childrenHtml}</${tag}>`;
+  }).join("\n");
+}
+function buildRuntimeCardTemplate(cardEl) {
+  const cardClone = cardEl.cloneNode(true);
+  cardClone.removeAttribute("data-cms-repeat");
+  cardClone.removeAttribute("id");
+  cardClone.querySelectorAll("[id]").forEach((el) => el.removeAttribute("id"));
+  cardClone.querySelectorAll("[data-cms-bind][data-cms-format]").forEach((bindEl) => {
+    const field = bindEl.getAttribute("data-cms-bind") || "";
+    const format = bindEl.getAttribute("data-cms-format") || "";
+    bindEl.textContent = field ? `{{@format:${field}:${format}}}` : "";
+    bindEl.removeAttribute("data-cms-bind");
+    bindEl.removeAttribute("data-cms-format");
+  });
+  cardClone.querySelectorAll("[data-cms-bind]").forEach((bindEl) => {
+    const field = bindEl.getAttribute("data-cms-bind") || "";
+    bindEl.textContent = field ? `{{${field}}}` : "";
+    bindEl.removeAttribute("data-cms-bind");
+  });
+  cardClone.querySelectorAll("[data-cms-bind-src]").forEach((bindEl) => {
+    const field = bindEl.getAttribute("data-cms-bind-src") || "";
+    bindEl.setAttribute("src", field ? `{{${field}}}` : "");
+    bindEl.removeAttribute("data-cms-bind-src");
+  });
+  cardClone.querySelectorAll("[data-cms-bind-alt]").forEach((bindEl) => {
+    const field = bindEl.getAttribute("data-cms-bind-alt") || "";
+    bindEl.setAttribute("alt", field ? `{{${field}}}` : "");
+    bindEl.removeAttribute("data-cms-bind-alt");
+  });
+  cardClone.querySelectorAll("[data-cms-bind-href]").forEach((bindEl) => {
+    const field = bindEl.getAttribute("data-cms-bind-href") || "";
+    const template = bindEl.getAttribute("data-cms-bind-href-template") || "";
+    bindEl.setAttribute("href", field ? composePlaceholderUrl(field, template) : "#");
+    bindEl.removeAttribute("data-cms-bind-href");
+    bindEl.removeAttribute("data-cms-bind-href-template");
+  });
+  cardClone.querySelectorAll("[data-cms-bind-target]").forEach((bindEl) => {
+    const field = bindEl.getAttribute("data-cms-bind-target") || "";
+    if (field)
+      bindEl.setAttribute("target", `{{${field}}}`);
+    else
+      bindEl.removeAttribute("target");
+    bindEl.removeAttribute("data-cms-bind-target");
+  });
+  cardClone.querySelectorAll("[data-cms-bind-style]").forEach((bindEl) => {
+    const field = bindEl.getAttribute("data-cms-bind-style") || "";
+    if (field)
+      bindEl.setAttribute("style", `{{${field}}}`);
+    else
+      bindEl.removeAttribute("style");
+    bindEl.removeAttribute("data-cms-bind-style");
+  });
+  cardClone.querySelectorAll("[data-cms-html]").forEach((bindEl) => {
+    const field = bindEl.getAttribute("data-cms-html") || "";
+    bindEl.innerHTML = field ? `{{${field}}}` : "";
+    bindEl.removeAttribute("data-cms-html");
+  });
+  return cardClone.outerHTML;
+}
+function buildPostListTagFilterIIFE(config) {
+  const runtimeConfig = JSON.stringify({
+    pageSize: config.pageSize,
+    categoryId: config.categoryId,
+    postPageEndpoint: config.postPageEndpoint,
+    postTagListEndpoint: config.postTagListEndpoint,
+    postTagListAllEndpoint: config.postTagListAllEndpoint,
+    requestHeaderName: config.requestConfig.headerName,
+    requestHeaderValue: config.requestConfig.headerValue,
+    selectionMode: config.selectionMode || "single-all"
+  });
+  return `
+(function(){
+  var cfg = ${runtimeConfig};
+  var comp = document.currentScript.parentElement;
+  var filterBar = comp.querySelector('[data-post-list-tag-filter]');
+  var cardTplEl = comp.querySelector('script[data-post-list-card-template]');
+  var paginationEl = comp.querySelector('.wb-post-list-pagination');
+  var listEl = comp.querySelector('[data-wb-post-grid], .wb-cases-list__grid, .wb-post-list__grid') || comp;
+  if (!filterBar || !cardTplEl) return;
+
+  var pageSize = parseInt(cfg.pageSize || '12', 10) || 12;
+  var selectionMode = String(cfg.selectionMode || 'single-all').toLowerCase() === 'multi-none' ? 'multi-none' : 'single-all';
+  var resolvedCategoryId = resolveCategoryId();
+  var resolvedLegacyTypeId = resolveLegacyTypeId();
+  var currentTagId = '';
+  var selectedTagIds = [];
+  var currentPage = 1;
+  var staticCardsHtml = collectCardHtml();
+  var staticPaginationHtml = paginationEl ? paginationEl.innerHTML : '';
+  var staticPaginationDisplay = paginationEl ? (paginationEl.style.display || '') : '';
+  var tplHtml = cardTplEl.textContent || cardTplEl.innerHTML || '';
+
+  fetchTags();
+
+  function fetchTags() {
+    fetchTagList(true)
+      .then(function(list){
+        if (list.length || resolvedCategoryId || !resolvedLegacyTypeId) return list;
+        return fetchTagList(false);
+      })
+      .then(function(list){
+        if (list.length || resolvedCategoryId) return list;
+        return fetchTagList('all');
+      })
+      .then(function(list){
+        if (!list.length) {
+          if (filterBar.children.length) {
+            filterBar.classList.add('is-active');
+            return;
+          }
+          filterBar.remove();
+          return;
+        }
+        renderTagButtons(list);
+        filterBar.classList.add('is-active');
+      })
+      .catch(function(){
+        if (filterBar.children.length) {
+          filterBar.classList.add('is-active');
+          return;
+        }
+        filterBar.remove();
+      });
+  }
+
+  function fetchTagList(useTypeId) {
+    var path = useTypeId === 'all' ? cfg.postTagListAllEndpoint : cfg.postTagListEndpoint;
+    if (!path) return Promise.resolve([]);
+    var params = new URLSearchParams();
+    if (useTypeId === true) {
+      if (resolvedCategoryId) params.set('categoryId', String(resolvedCategoryId));
+      else if (resolvedLegacyTypeId) params.set('typeId', String(resolvedLegacyTypeId));
+    }
+    var qs = params.toString() ? ('?' + params.toString()) : '';
+    return fetch(path + qs, { headers: buildHeaders() })
+      .then(function(res){ return res.json(); })
+      .then(function(json){
+        return Array.isArray(json && json.data) ? json.data : [];
+      });
+  }
+
+  function renderTagButtons(tags) {
+    var normalizedTags = tags.map(function(tag){
+      return {
+        id: tag && tag.id != null ? String(tag.id) : '',
+        name: String((tag && tag.name) || '').trim(),
+      };
+    }).filter(function(tag){ return tag.id && tag.name; });
+
+    if (selectionMode === 'multi-none') {
+      if (!normalizedTags.length) {
+        filterBar.remove();
+        return;
+      }
+      filterBar.innerHTML = normalizedTags.map(function(tag){
+        return '<label class="wb-post-list-tag-check" data-tag-id="' + escAttr(tag.id) + '">'
+          + '<span class="wb-post-list-tag-text">' + escHtml(tag.name) + '</span>'
+          + '<input type="checkbox" class="wb-post-list-tag-checkbox" data-tag-id="' + escAttr(tag.id) + '" />'
+          + '</label>';
+      }).join('');
+
+      Array.prototype.forEach.call(filterBar.querySelectorAll('.wb-post-list-tag-checkbox[data-tag-id]'), function(input){
+        input.addEventListener('change', function(){
+          selectedTagIds = collectSelectedTagIds();
+          syncSelectedTag();
+          if (!selectedTagIds.length) {
+            restoreBaseContent();
+            return;
+          }
+          fetchPosts(1);
+        });
+      });
+      syncSelectedTag();
+      return;
+    }
+
+    var items = [{ id: '', name: 'ALL' }].concat(normalizedTags);
+    filterBar.innerHTML = items.map(function(tag){
+      var cls = 'wb-post-list-tag-btn' + (!tag.id ? ' is-selected' : '');
+      return '<button type="button" class="' + cls + '" data-tag-id="' + escAttr(tag.id) + '">' + escHtml(tag.name) + '</button>';
+    }).join('');
+
+    Array.prototype.forEach.call(filterBar.querySelectorAll('[data-tag-id]'), function(btn){
+      btn.addEventListener('click', function(){
+        var nextTagId = String(btn.getAttribute('data-tag-id') || '');
+        if (nextTagId === currentTagId) return;
+        currentTagId = nextTagId;
+        syncSelectedTag();
+        if (!currentTagId) {
+          restoreBaseContent();
+          return;
+        }
+        fetchPosts(1);
+      });
+    });
+  }
+
+  function syncSelectedTag() {
+    if (selectionMode === 'multi-none') {
+      var selectedMap = {};
+      selectedTagIds.forEach(function(tagId){ selectedMap[String(tagId)] = true; });
+      Array.prototype.forEach.call(filterBar.querySelectorAll('.wb-post-list-tag-check[data-tag-id]'), function(label){
+        var tagId = String(label.getAttribute('data-tag-id') || '');
+        var selected = !!selectedMap[tagId];
+        label.classList.toggle('is-selected', selected);
+      });
+      Array.prototype.forEach.call(filterBar.querySelectorAll('.wb-post-list-tag-checkbox[data-tag-id]'), function(input){
+        var tagId = String(input.getAttribute('data-tag-id') || '');
+        input.checked = !!selectedMap[tagId];
+      });
+      return;
+    }
+
+    Array.prototype.forEach.call(filterBar.querySelectorAll('.wb-post-list-tag-btn'), function(btn){
+      var isSelected = String(btn.getAttribute('data-tag-id') || '') === currentTagId;
+      btn.classList.toggle('is-selected', isSelected);
+    });
+  }
+
+  function collectSelectedTagIds() {
+    return Array.prototype.slice.call(filterBar.querySelectorAll('.wb-post-list-tag-checkbox[data-tag-id]:checked'))
+      .map(function(input){ return String(input.getAttribute('data-tag-id') || ''); })
+      .filter(Boolean);
+  }
+
+  function restoreStaticContent() {
+    clearDynamicCards();
+    insertHtml(staticCardsHtml);
+    if (paginationEl) {
+      paginationEl.innerHTML = staticPaginationHtml;
+      paginationEl.style.display = staticPaginationDisplay;
+    }
+    currentPage = 1;
+  }
+
+  function restoreBaseContent() {
+    if (resolvedCategoryId || resolvedLegacyTypeId) {
+      fetchPosts(1);
+      return;
+    }
+    restoreStaticContent();
+  }
+
+  function fetchPosts(pageNo) {
+    currentPage = pageNo;
+    renderStatus('Loading...');
+    if (paginationEl) {
+      paginationEl.style.display = 'none';
+      paginationEl.innerHTML = '';
+    }
+
+    var params = new URLSearchParams();
+    params.set('pageNo', String(pageNo));
+    params.set('pageSize', String(pageSize));
+    if (resolvedCategoryId) params.set('categoryId', String(resolvedCategoryId));
+    if (resolvedLegacyTypeId) params.set('typeId', String(resolvedLegacyTypeId));
+    if (selectionMode === 'multi-none') {
+      if (selectedTagIds.length) params.set('tagIds', selectedTagIds.join(','));
+    } else if (currentTagId) {
+      params.set('tagIds', String(currentTagId));
+    }
+    var lang = resolveLanguage();
+    if (lang) params.set('language', lang);
+
+    if (!cfg.postPageEndpoint) {
+      renderStatus('Dynamic article endpoint is not configured.');
+      return;
+    }
+    fetch(cfg.postPageEndpoint + '?' + params.toString(), { headers: buildHeaders() })
+      .then(function(res){ return res.json(); })
+      .then(function(json){
+        var data = json && json.data;
+        var list = Array.isArray(data && data.list) ? data.list : [];
+        var total = Number(data && data.total) || 0;
+        renderPostList(list);
+        renderPagination(total);
+      })
+      .catch(function(){
+        renderStatus('Failed to load articles.');
+      });
+  }
+
+  function renderPostList(list) {
+    clearDynamicCards();
+    if (!Array.isArray(list) || !list.length) {
+      renderStatus('No articles found.');
+      return;
+    }
+    insertHtml(list.map(function(item){ return renderCard(item); }).join(''));
+  }
+
+  function renderPagination(total) {
+    if (!paginationEl) return;
+    var totalPages = Math.ceil((Number(total) || 0) / pageSize);
+    if (totalPages <= 1) {
+      if (staticPaginationHtml) {
+        paginationEl.innerHTML = staticPaginationHtml;
+        paginationEl.style.display = staticPaginationDisplay;
+      } else {
+        paginationEl.style.display = 'none';
+        paginationEl.innerHTML = '';
+      }
+      return;
+    }
+
+    var html = '';
+    if (currentPage > 1) {
+      html += '<button type="button" class="wb-post-list-page-btn" data-page-no="' + (currentPage - 1) + '" aria-label="上一页">${LOOP_GRID_PREV_ICON}</button>';
+    }
+    for (var page = 1; page <= totalPages; page++) {
+      var activeCls = page === currentPage ? ' active' : '';
+      html += '<button type="button" class="wb-post-list-page-btn' + activeCls + '" data-page-no="' + page + '">' + page + '</button>';
+    }
+    if (currentPage < totalPages) {
+      html += '<button type="button" class="wb-post-list-page-btn" data-page-no="' + (currentPage + 1) + '" aria-label="下一页">${LOOP_GRID_NEXT_ICON}</button>';
+    }
+
+    paginationEl.innerHTML = html;
+    paginationEl.style.display = '';
+    Array.prototype.forEach.call(paginationEl.querySelectorAll('[data-page-no]'), function(btn){
+      btn.addEventListener('click', function(){
+        var pageNo = parseInt(btn.getAttribute('data-page-no') || '1', 10) || 1;
+        if (pageNo === currentPage) return;
+        fetchPosts(pageNo);
+      });
+    });
+  }
+
+  function renderCard(item) {
+    var data = {
+      'post.name': String(item && item.name || ''),
+      'post.image': String(item && item.image || ''),
+      'post.excerpt': String(item && item.excerpt || ''),
+      'post.publishTime': item && item.publishTime != null ? item.publishTime : '',
+      'post.url': resolvePostUrl(item),
+      'post.categoryIds': item && item.categoryIds || [],
+      'post.categoryNames': item && item.categoryNames || [],
+      'post.tagIds': item && item.tagIds || [],
+      'post.tagNames': item && item.tagNames || []
+    };
+    return renderTemplate(tplHtml, data);
+  }
+
+  function resolvePostUrl(item) {
+    var content = item && item.contents && item.contents[0] || {};
+    var explicitUrl = normalizePostHref(
+      item && (item.url || item.postUrl || item.detailUrl || item.link)
+      || (content && (content.url || content.postUrl || content.detailUrl || content.link))
+      || ''
+    );
+    if (explicitUrl) return explicitUrl;
+    var slug = String(item && item.slug || '').trim();
+    var typeCode = String(item && item.typeCode || '').trim();
+    if (!slug || !typeCode) return '#';
+    var lang = resolveLanguage();
+    return '/' + lang + '/post/' + encodeURIComponent(typeCode) + '/' + encodeURIComponent(slug) + '.html';
+  }
+
+  function normalizePostHref(rawValue) {
+    var value = String(rawValue || '').trim();
+    if (!value) return '';
+    if (
+      value.charAt(0) === '/'
+      || value.charAt(0) === '#'
+      || /^mailto:/i.test(value)
+      || /^tel:/i.test(value)
+      || /^https?:///i.test(value)
+      || value.indexOf('//') === 0
+    ) {
+      return value;
+    }
+    if (value.indexOf('./') === 0) value = value.slice(2);
+    return '/' + value;
+  }
+
+  function renderTemplate(template, data) {
+    return String(template || '')
+      .replace(/\\{\\{@format:([^:}]+):([^}]+)\\}\\}/g, function(_, field, format){
+        return escHtml(formatDate(data[field], format));
+      })
+      .replace(/\\{\\{([^}]+)\\}\\}/g, function(_, field){
+        return escHtml(data[field] == null ? '' : String(data[field]));
+      });
+  }
+
+  function formatDate(value, format) {
+    if (value == null || value === '') return '';
+    var date = null;
+    if (Array.isArray(value) && value.length >= 3) {
+      date = new Date(Number(value[0]), Number(value[1]) - 1, Number(value[2]), Number(value[3] || 0), Number(value[4] || 0), Number(value[5] || 0));
+    } else if (typeof value === 'string' || typeof value === 'number') {
+      date = new Date(value);
+    }
+    if (!date || isNaN(date.getTime())) return String(value);
+    var parts = {
+      yyyy: String(date.getFullYear()),
+      MM: ('0' + (date.getMonth() + 1)).slice(-2),
+      dd: ('0' + date.getDate()).slice(-2),
+      HH: ('0' + date.getHours()).slice(-2),
+      mm: ('0' + date.getMinutes()).slice(-2),
+      ss: ('0' + date.getSeconds()).slice(-2),
+    };
+    return String(format || 'yyyy-MM-dd').replace(/yyyy|MM|dd|HH|mm|ss/g, function(token){
+      return parts[token] || token;
+    });
+  }
+
+  function renderStatus(message) {
+    clearDynamicCards();
+    insertHtml('<div class="wb-post-list-empty">' + escHtml(message) + '</div>');
+  }
+
+  function clearDynamicCards() {
+    Array.prototype.slice.call(listEl.children).forEach(function(child){
+      if (!child || !child.classList) return;
+      if (child.classList.contains('wb-post-card') || child.classList.contains('wb-post-list-empty')) {
+        child.remove();
+      }
+    });
+  }
+
+  function collectCardHtml() {
+    return Array.prototype.slice.call(listEl.children)
+      .filter(function(child){ return child && child.classList && child.classList.contains('wb-post-card'); })
+      .map(function(child){ return child.outerHTML; })
+      .join('');
+  }
+
+  function insertHtml(html) {
+    if (!html) return;
+    listEl.insertAdjacentHTML('beforeend', html);
+  }
+
+  function buildHeaders() {
+    var headers = {};
+    if (cfg.requestHeaderName && cfg.requestHeaderValue) {
+      headers[cfg.requestHeaderName] = String(cfg.requestHeaderValue);
+    }
+    return headers;
+  }
+
+  function resolveCategoryId() {
+    try {
+      var url = new URL(window.location.href);
+      var override = String(url.searchParams.get('categoryId') || '').trim();
+      if (override) return override;
+    } catch (_) {
+      // noop
+    }
+    return String(cfg.categoryId || '').trim();
+  }
+
+  function resolveLegacyTypeId() {
+    try {
+      var url = new URL(window.location.href);
+      var override = String(url.searchParams.get('typeId') || '').trim();
+      if (override) return override;
+    } catch (_) {
+      // noop
+    }
+    return '';
+  }
+
+  function resolveLanguage() {
+    var attrLang = String(document.documentElement.getAttribute('lang') || '').trim();
+    if (attrLang) return attrLang;
+    var seg = String((window.location.pathname || '/').split('/').filter(Boolean)[0] || '').trim();
+    return /^[a-z]{2}(?:-[a-z]{2})?$/i.test(seg) ? seg : 'en';
+  }
+
+  function escHtml(value) {
+    return String(value == null ? '' : value)
+      .replace(/&/g, '&amp;')
+      .replace(/</g, '&lt;')
+      .replace(/>/g, '&gt;')
+      .replace(/"/g, '&quot;')
+      .replace(/'/g, '&#39;');
+  }
+
+  function escAttr(value) {
+    return escHtml(value).replace(/\`/g, '&#96;');
+  }
+})();`;
+}
+function buildCategoryQueryOverrideIIFE(config) {
+  const runtimeConfig = JSON.stringify({
+    endpoint: config.endpoint,
+    paramKey: config.paramKey,
+    entity: config.entity,
+    pageSize: config.pageSize,
+    requestHeaderName: config.requestConfig.headerName,
+    requestHeaderValue: config.requestConfig.headerValue,
+    includeLanguage: Boolean(config.includeLanguage),
+    initialValue: config.initialValue
+  });
+  const transformFn = CMS_TRANSFORM_FN[config.entity];
+  return `
+(function(){
+  var cfg = ${runtimeConfig};
+  var transform = ${transformFn};
+  var comp = document.currentScript.parentElement;
+  var tplEl = comp.querySelector('script[data-wb-category-query-template]');
+  if (!tplEl) return;
+
+  var activeValue = readActiveValue();
+  if (!activeValue || activeValue === String(cfg.initialValue || '').trim()) return;
+
+  var pageSize = parseInt(cfg.pageSize || '12', 10) || 12;
+  var listEl = cfg.entity === 'media'
+    ? (comp.querySelector('[data-cms-repeat="media"]') || comp)
+    : (comp.querySelector('[data-wb-post-grid], .wb-cases-list__grid, .wb-post-list__grid') || comp);
+  var paginationEl = comp.querySelector('nav[data-cms-pagination], .wb-post-list-pagination');
+  var currentPage = readCurrentPage();
+  fetchPage(currentPage);
+
+  function readActiveValue() {
+    try {
+      var url = new URL(window.location.href);
+      return String(url.searchParams.get(cfg.paramKey) || '').trim();
+    } catch (_) {
+      return '';
+    }
+  }
+
+  function readCurrentPage() {
+    try {
+      var url = new URL(window.location.href);
+      var raw = url.searchParams.get('page') || url.searchParams.get('pageNo') || '1';
+      var page = parseInt(raw, 10);
+      return Number.isFinite(page) && page > 0 ? page : 1;
+    } catch (_) {
+      return 1;
+    }
+  }
+
+  function buildPageHref(page) {
+    try {
+      var url = new URL(window.location.href);
+      if (page <= 1) {
+        url.searchParams.delete('page');
+        url.searchParams.delete('pageNo');
+      } else {
+        url.searchParams.set('page', String(page));
+        url.searchParams.delete('pageNo');
+      }
+      return url.pathname + url.search + url.hash;
+    } catch (_) {
+      return page > 1 ? ('?page=' + page) : (window.location.pathname || '#');
+    }
+  }
+
+  function syncPageUrl(page, mode) {
+    try {
+      var href = buildPageHref(page);
+      var method = mode === 'push' ? 'pushState' : 'replaceState';
+      window.history && window.history[method] && window.history[method](null, '', href);
+    } catch (_) {
+      // noop
+    }
+  }
+
+  function fetchPage(page) {
+    currentPage = page;
+    renderStatus('Loading...');
+    if (paginationEl) {
+      paginationEl.innerHTML = '';
+      paginationEl.style.display = 'none';
+    }
+
+    var params = new URLSearchParams();
+    params.set('pageNo', String(page));
+    params.set('pageSize', String(pageSize));
+    params.set(cfg.paramKey, activeValue);
+    var lang = resolveLanguage();
+    if (lang && cfg.includeLanguage) {
+      params.set('language', lang);
+    }
+
+    if (!cfg.endpoint) {
+      renderStatus('Dynamic content endpoint is not configured.');
+      return;
+    }
+
+    fetch(cfg.endpoint + '?' + params.toString(), { headers: buildHeaders() })
+      .then(function(res){ return res.json(); })
+      .then(function(json){
+        var data = json && json.data;
+        var list = Array.isArray(data && data.list) ? data.list : [];
+        var total = Number(data && data.total) || 0;
+        renderList(list);
+        renderPagination(total);
+      })
+      .catch(function(){
+        renderStatus('Failed to load content.');
+      });
+  }
+
+  function renderList(list) {
+    if (!Array.isArray(list) || !list.length) {
+      renderStatus('No content found.');
+      return;
+    }
+    listEl.innerHTML = list.map(function(item){
+      return renderTemplate(tplEl.textContent || tplEl.innerHTML || '', transform(item));
+    }).join('');
+  }
+
+  function renderPagination(total) {
+    if (!paginationEl) return;
+    var totalPages = Math.ceil((Number(total) || 0) / pageSize);
+    if (totalPages <= 1) {
+      paginationEl.innerHTML = '';
+      paginationEl.style.display = 'none';
+      syncPageUrl(1, 'replace');
+      return;
+    }
+
+    var html = '';
+    if (currentPage > 1) {
+      html += '<button type="button" class="wb-post-list-page-btn" data-page-no="' + (currentPage - 1) + '" aria-label="上一页">${LOOP_GRID_PREV_ICON}</button>';
+    }
+    for (var page = 1; page <= totalPages; page++) {
+      var activeCls = page === currentPage ? ' active' : '';
+      html += '<button type="button" class="wb-post-list-page-btn' + activeCls + '" data-page-no="' + page + '">' + page + '</button>';
+    }
+    if (currentPage < totalPages) {
+      html += '<button type="button" class="wb-post-list-page-btn" data-page-no="' + (currentPage + 1) + '" aria-label="下一页">${LOOP_GRID_NEXT_ICON}</button>';
+    }
+
+    paginationEl.innerHTML = html;
+    paginationEl.style.display = '';
+    Array.prototype.forEach.call(paginationEl.querySelectorAll('[data-page-no]'), function(btn){
+      btn.addEventListener('click', function(){
+        var pageNo = parseInt(btn.getAttribute('data-page-no') || '1', 10) || 1;
+        if (pageNo === currentPage) return;
+        syncPageUrl(pageNo, 'push');
+        fetchPage(pageNo);
+      });
+    });
+    syncPageUrl(currentPage, 'replace');
+  }
+
+  function renderTemplate(template, data) {
+    return String(template || '')
+      .replace(/\\{\\{@format:([^:}]+):([^}]+)\\}\\}/g, function(_, field, format){
+        return escHtml(formatDate(data[field], format));
+      })
+      .replace(/\\{\\{([^}]+)\\}\\}/g, function(_, field){
+        return escHtml(data[field] == null ? '' : String(data[field]));
+      });
+  }
+
+  function formatDate(value, format) {
+    if (value == null || value === '') return '';
+    var date = null;
+    if (Array.isArray(value) && value.length >= 3) {
+      date = new Date(Number(value[0]), Number(value[1]) - 1, Number(value[2]), Number(value[3] || 0), Number(value[4] || 0), Number(value[5] || 0));
+    } else if (typeof value === 'string' || typeof value === 'number') {
+      date = new Date(value);
+    }
+    if (!date || isNaN(date.getTime())) return String(value);
+    var parts = {
+      yyyy: String(date.getFullYear()),
+      MM: ('0' + (date.getMonth() + 1)).slice(-2),
+      dd: ('0' + date.getDate()).slice(-2),
+      HH: ('0' + date.getHours()).slice(-2),
+      mm: ('0' + date.getMinutes()).slice(-2),
+      ss: ('0' + date.getSeconds()).slice(-2),
+    };
+    return String(format || 'yyyy-MM-dd').replace(/yyyy|MM|dd|HH|mm|ss/g, function(token){
+      return parts[token] || token;
+    });
+  }
+
+  function renderStatus(message) {
+    listEl.innerHTML = '<div class="wb-post-list-empty">' + escHtml(message) + '</div>';
+  }
+
+  function buildHeaders() {
+    var headers = {};
+    if (cfg.requestHeaderName && cfg.requestHeaderValue) {
+      headers[cfg.requestHeaderName] = String(cfg.requestHeaderValue);
+    }
+    return headers;
+  }
+
+  function resolveLanguage() {
+    var attrLang = String(document.documentElement.getAttribute('lang') || '').trim();
+    if (attrLang) return attrLang;
+    var seg = String((window.location.pathname || '/').split('/').filter(Boolean)[0] || '').trim();
+    return /^[a-z]{2}(?:-[a-z]{2})?$/i.test(seg) ? seg : 'en';
+  }
+
+  function escHtml(value) {
+    return String(value == null ? '' : value)
+      .replace(/&/g, '&amp;')
+      .replace(/</g, '&lt;')
+      .replace(/>/g, '&gt;')
+      .replace(/"/g, '&quot;')
+      .replace(/'/g, '&#39;');
+  }
+})();`;
+}
+function buildSearchIIFE(endpoint, requestConfig) {
+  const runtimeConfig = JSON.stringify({
+    endpoint,
+    requestHeaderName: requestConfig.headerName,
+    requestHeaderValue: requestConfig.headerValue
+  });
+  return `
+(function(){
+  var cfg = ${runtimeConfig};
+  var PAGE_SIZE = 20;
+  var currentPage = 1;
+  var currentKeyword = '';
+  var comp = document.currentScript.parentElement;
+  var qInput = comp.querySelector('.cms-search-q');
+  var btn = comp.querySelector('.cms-search-submit');
+  var statsEl = comp.querySelector('.cms-search-stats');
+  var resultsEl = comp.querySelector('.cms-search-results');
+  var pagEl = comp.querySelector('.cms-search-pagination');
+  if (!qInput || !btn || !resultsEl) return;
+
+  var LANG = resolveLanguage();
+  btn.onclick = function(){ doSearch(1); };
+  qInput.addEventListener('keydown', function(e){ if(e.key==='Enter') doSearch(1); });
+  hydrateFromUrl();
+
+  function resolveLanguage() {
+    var attrLang = (document.documentElement.getAttribute('data-language') || '').trim();
+    if (attrLang) return attrLang;
+    var htmlLang = (document.documentElement.lang || '').trim();
+    if (htmlLang) return htmlLang;
+    var seg = (location.pathname.split('/')[1] || '').trim();
+    return /^[a-z]{2}(?:[-_][a-z]{2})?$/i.test(seg) ? seg : '';
+  }
+
+  function hydrateFromUrl() {
+    try {
+      var params = new URLSearchParams(window.location.search || '');
+      var initialKeyword = (params.get('q') || '').trim();
+      if (!initialKeyword) return;
+      qInput.value = initialKeyword;
+      doSearch(1, { syncUrl: false });
+    } catch (e) {
+      console.warn('[wb-cms-search] failed to read query params', e);
+    }
+  }
+
+  function syncUrl(kw) {
+    try {
+      var url = new URL(window.location.href);
+      if (kw) url.searchParams.set('q', kw);
+      else url.searchParams.delete('q');
+      window.history.replaceState({}, '', url.toString());
+    } catch (e) {
+      console.warn('[wb-cms-search] failed to sync query params', e);
+    }
+  }
+
+  function doSearch(pageNo, options) {
+    options = options || {};
+    var kw = qInput.value.trim();
+    if (!kw) return;
+    currentKeyword = kw;
+    currentPage = pageNo;
+    if (options.syncUrl !== false && pageNo === 1) syncUrl(kw);
+    resultsEl.innerHTML = '<div style="text-align:center;padding:24px;color:#6b7280;">Searching...</div>';
+    if (statsEl) statsEl.textContent = '';
+    if (pagEl) pagEl.innerHTML = '';
+
+    var qs = 'keyword=' + encodeURIComponent(kw)
+           + '&pageNo=' + pageNo + '&pageSize=' + PAGE_SIZE;
+    if (LANG) qs += '&language=' + encodeURIComponent(LANG);
+    if (!cfg.endpoint) { showError(); return; }
+    fetch(cfg.endpoint + '?' + qs, { headers: buildHeaders() })
+      .then(function(r){ return r.json(); })
+      .then(function(json){
+        if (json.code !== 0 || !json.data) { showError(); return; }
+        var list = json.data.list || [];
+        var total = json.data.total || 0;
+        if (list.length === 0) { showNoResults(); return; }
+        if (statsEl) statsEl.textContent = total + ' results found';
+        resultsEl.innerHTML = list.map(function(item){ return renderCard(item); }).join('');
+        var totalPages = Math.ceil(total / PAGE_SIZE);
+        if (totalPages > 1 && pagEl) renderPagination(totalPages);
+      })
+      .catch(function(e){ console.error(e); showError(); });
+  }
+
+  function buildHeaders() {
+    var headers = {};
+    if (cfg.requestHeaderName && cfg.requestHeaderValue) {
+      headers[cfg.requestHeaderName] = String(cfg.requestHeaderValue);
+    }
+    return headers;
+  }
+
+  function showNoResults() {
+    resultsEl.innerHTML = '<div style="text-align:center;padding:24px;color:#9ca3af;">No results found.</div>';
+    if (statsEl) statsEl.textContent = '0 results found';
+  }
+  function showError() {
+    resultsEl.innerHTML = '<div style="text-align:center;padding:24px;color:#9ca3af;">Search failed, please try again.</div>';
+  }
+
+  function renderCard(item) {
+    var typeLabel = { post:'Article', product:'Product', media:'Media' };
+    var typeBg = { post:'#dbeafe', product:'#dcfce7', media:'#fef3c7' };
+    var typeColor = { post:'#1d4ed8', product:'#15803d', media:'#b45309' };
+    var img = item.image ? '<img style="width:100px;aspect-ratio:1;;object-fit:contain;border-radius:6px;flex-shrink:0;background:#f3f4f6;" src="' + esc(item.image) + '" alt="" />' : '';
+    var time = formatTime(item.publishTime);
+    var timeHtml = time ? '<div style="font-size:12px;color:#9ca3af;margin-top:4px;">' + time + '</div>' : '';
+    var title = highlight(esc(item.title || ''));
+    var desc = highlight(esc(item.description || ''));
+    return '<div style="background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;">'
+      + '<a href="' + esc(item.url || '#') + '" style="text-decoration:none;color:inherit;display:flex;gap:12px;">'
+      + img
+      + '<div style="flex:1;min-width:0;">'
+      + '<span style="display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:4px;margin-bottom:4px;background:' + (typeBg[item.type]||'#f3f4f6') + ';color:' + (typeColor[item.type]||'#374151') + ';">' + (typeLabel[item.type]||esc(item.type)) + '</span>'
+      + '<div style="font-size:15px;font-weight:600;margin-bottom:2px;">' + title + '</div>'
+      + '<div style="font-size:13px;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">' + desc + '</div>'
+      + timeHtml
+      + '</div></a></div>';
+  }
+
+  function formatTime(t) {
+    if (!t) return '';
+    if (typeof t === 'number') {
+      var d = new Date(t);
+      return d.getFullYear() + '-' + ('0'+(d.getMonth()+1)).slice(-2) + '-' + ('0'+d.getDate()).slice(-2);
+    }
+    if (Array.isArray(t)) { return t[0]+'-'+('0'+t[1]).slice(-2)+'-'+('0'+t[2]).slice(-2); }
+    if (typeof t === 'string') return t.substring(0,10);
+    return '';
+  }
+
+  function highlight(text) {
+    if (!currentKeyword || !text) return text;
+    var re = new RegExp('(' + escRe(currentKeyword) + ')', 'gi');
+    return text.replace(re, '<span style="color:#dc2626;font-weight:700;">$1</span>');
+  }
+  function escRe(s) { return s.replace(new RegExp('[.*+?^$' + '{}()|\\\\[\\\\]\\\\\\\\]', 'g'), '\\\\$&'); }
+
+  function renderPagination(totalPages) {
+    var prevDis = currentPage <= 1 ? ' disabled' : '';
+    var nextDis = currentPage >= totalPages ? ' disabled' : '';
+    var btnStyle = 'padding:6px 14px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;font-size:13px;';
+    pagEl.innerHTML = '<button class="cms-search-prev" style="' + btnStyle + '"' + prevDis + '>Prev</button>'
+      + '<span style="padding:6px 10px;font-size:13px;color:#6b7280;">' + currentPage + ' / ' + totalPages + '</span>'
+      + '<button class="cms-search-next" style="' + btnStyle + '"' + nextDis + '>Next</button>';
+    var prevBtn = pagEl.querySelector('.cms-search-prev');
+    var nextBtn = pagEl.querySelector('.cms-search-next');
+    if (prevBtn) prevBtn.onclick = function(){ doSearch(currentPage - 1); };
+    if (nextBtn) nextBtn.onclick = function(){ doSearch(currentPage + 1); };
+  }
+
+  function esc(s) { var d=document.createElement('div'); d.textContent=s; return d.innerHTML; }
+})();`;
+}
+const cmsTypeRegistry = /* @__PURE__ */ new Map();
+function registerCmsTypeEntry(entry) {
+  cmsTypeRegistry.set(entry.dataCmsComponent, entry);
+}
+function getCmsAttributesCallback() {
+  return (component, attrs) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+    if (!attrs["data-cms-component"] && !attrs["data-wb-component"])
+      return attrs;
+    try {
+      (_a = component == null ? void 0 : component._syncAttrs) == null ? void 0 : _a.call(component);
+    } catch {
+    }
+    const latestAttrs = ((_b = component == null ? void 0 : component.getAttributes) == null ? void 0 : _b.call(component)) || attrs;
+    const result = { ...attrs, ...latestAttrs };
+    if (result["data-wb-component"] === "cms-cases-list") {
+      result["data-cms-component"] = "cases-list";
+    }
+    if (result["data-wb-component"] && !result["data-cms-component"]) {
+      for (const entry of cmsTypeRegistry.values()) {
+        if (entry.dataWbComponent === result["data-wb-component"]) {
+          result["data-cms-component"] = entry.dataCmsComponent;
+          break;
+        }
+      }
+    }
+    if (result["data-cms-component"] === "product-list") {
+      const categoryId = String(
+        ((_c = component == null ? void 0 : component.get) == null ? void 0 : _c.call(component, "cmsCategoryId")) ?? result["data-category-id"] ?? result["data-wb-category-id"] ?? ""
+      ).trim();
+      const sortField = String(
+        ((_d = component == null ? void 0 : component.get) == null ? void 0 : _d.call(component, "cmsSortField")) ?? result["data-sort-field"] ?? result["data-wb-sort-field"] ?? "createTime"
+      ).trim() || "createTime";
+      const sortAsc = String(
+        ((_e = component == null ? void 0 : component.get) == null ? void 0 : _e.call(component, "cmsSortAsc")) ?? result["data-sort-asc"] ?? result["data-wb-sort-asc"] ?? "false"
+      ).trim() || "false";
+      const pageSize = String(
+        ((_f = component == null ? void 0 : component.get) == null ? void 0 : _f.call(component, "cmsPageSize")) ?? result["data-page-size"] ?? result["data-wb-page-size"] ?? "12"
+      ).trim() || "12";
+      const pagination = String(
+        ((_g = component == null ? void 0 : component.get) == null ? void 0 : _g.call(component, "cmsPagination")) ?? result["data-pagination"] ?? result["data-wb-pagination"] ?? "static"
+      ).trim() || "static";
+      const maxPages = String(
+        ((_h = component == null ? void 0 : component.get) == null ? void 0 : _h.call(component, "cmsMaxPages")) ?? result["data-max-pages"] ?? result["data-wb-max-pages"] ?? "10"
+      ).trim() || "10";
+      const listMode = String(
+        ((_i = component == null ? void 0 : component.get) == null ? void 0 : _i.call(component, "cmsListMode")) ?? result["data-list-mode"] ?? result["data-wb-list-mode"] ?? "grid"
+      ).trim() || "grid";
+      const loadAll = listMode === "datasheet" || result["data-load-all"] === "true" || result["data-wb-load-all"] === "true" ? "true" : "false";
+      result["data-category-id"] = categoryId;
+      result["data-wb-category-id"] = categoryId;
+      result["data-sort-field"] = sortField;
+      result["data-wb-sort-field"] = sortField;
+      result["data-sort-asc"] = sortAsc;
+      result["data-wb-sort-asc"] = sortAsc;
+      result["data-page-size"] = loadAll === "true" ? "9999" : pageSize;
+      result["data-wb-page-size"] = loadAll === "true" ? "9999" : pageSize;
+      result["data-pagination"] = loadAll === "true" ? "none" : pagination;
+      result["data-wb-pagination"] = loadAll === "true" ? "none" : pagination;
+      result["data-max-pages"] = loadAll === "true" ? "1" : maxPages;
+      result["data-wb-max-pages"] = loadAll === "true" ? "1" : maxPages;
+      result["data-list-mode"] = listMode;
+      result["data-wb-list-mode"] = listMode;
+      result["data-load-all"] = loadAll;
+      result["data-wb-load-all"] = loadAll;
+    }
+    if (result["data-cms-component"] === "faq-section") {
+      const categoryId = String(
+        ((_j = component == null ? void 0 : component.get) == null ? void 0 : _j.call(component, "cmsCategoryId")) ?? result["data-category-id"] ?? result["data-wb-category-id"] ?? ""
+      ).trim();
+      const limit = String(
+        ((_k = component == null ? void 0 : component.get) == null ? void 0 : _k.call(component, "cmsLimit")) ?? result["data-limit"] ?? result["data-wb-limit"] ?? "6"
+      ).trim() || "6";
+      result["data-category-id"] = categoryId;
+      result["data-wb-category-id"] = categoryId;
+      result["data-limit"] = limit;
+      result["data-wb-limit"] = limit;
+    }
+    if (result["data-cms-component"] === "post-list" || result["data-cms-component"] === "cases-list") {
+      const isCasesList = result["data-cms-component"] === "cases-list";
+      const categoryId = String(
+        ((_l = component == null ? void 0 : component.get) == null ? void 0 : _l.call(component, "cmsCategoryId")) ?? result["data-category-id"] ?? result["data-wb-category-id"] ?? ""
+      ).trim();
+      const enableTagFilter = isTruthyFlag((_m = component == null ? void 0 : component.get) == null ? void 0 : _m.call(component, "cmsEnableTagFilter")) || isTruthyFlag(result["data-enable-tag-filter"]) || isTruthyFlag(result["data-enable-tag"]) ? "true" : "false";
+      const pageSize = String(
+        ((_n = component == null ? void 0 : component.get) == null ? void 0 : _n.call(component, "cmsPageSize")) ?? result["data-page-size"] ?? result["data-wb-page-size"] ?? "12"
+      ).trim() || "12";
+      const pagination = String(
+        ((_o = component == null ? void 0 : component.get) == null ? void 0 : _o.call(component, "cmsPagination")) ?? result["data-pagination"] ?? result["data-wb-pagination"] ?? "static"
+      ).trim() || "static";
+      const maxPages = String(
+        ((_p = component == null ? void 0 : component.get) == null ? void 0 : _p.call(component, "cmsMaxPages")) ?? result["data-max-pages"] ?? result["data-wb-max-pages"] ?? "10"
+      ).trim() || "10";
+      const typeCode = String(
+        ((_q = component == null ? void 0 : component.get) == null ? void 0 : _q.call(component, "cmsTypeCode")) ?? result["data-type-code"] ?? result["data-post-type-code"] ?? ""
+      ).trim();
+      const selectionModeRaw = String(
+        result["data-tag-selection-mode"] ?? result["data-tag-filter-mode"] ?? result["data-tag-mode"] ?? ""
+      ).trim().toLowerCase();
+      const selectionMode = selectionModeRaw === "multi-none" ? "multi-none" : isCasesList ? "multi-none" : "single-all";
+      result["data-category-id"] = categoryId;
+      result["data-wb-category-id"] = categoryId;
+      result["data-enable-tag-filter"] = enableTagFilter;
+      result["data-tag-selection-mode"] = selectionMode;
+      result["data-page-size"] = pageSize;
+      result["data-wb-page-size"] = pageSize;
+      result["data-pagination"] = pagination;
+      result["data-wb-pagination"] = pagination;
+      result["data-max-pages"] = maxPages;
+      result["data-wb-max-pages"] = maxPages;
+      result["data-type-code"] = typeCode;
+    }
+    if (hasLoopGridSignature(result)) {
+      cleanupLoopGridExportAttrsRecord(result);
+    }
+    delete result["data-wb-component"];
+    return result;
+  };
+}
+function fixCmsComponentsHtml(htmlStr, editor) {
+  var _a, _b, _c, _d;
+  if (!htmlStr || !editor)
+    return htmlStr;
+  const cmsModels = [];
+  function walk(component) {
+    var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+    const attrs = ((_a2 = component.getAttributes) == null ? void 0 : _a2.call(component)) || {};
+    const cmsComp = attrs["data-wb-component"] === "cms-cases-list" ? "cases-list" : attrs["data-cms-component"] || "";
+    if (cmsComp && (cmsTypeRegistry.has(cmsComp) || cmsComp === "loop-grid")) {
+      try {
+        (_b2 = component == null ? void 0 : component._syncAttrs) == null ? void 0 : _b2.call(component);
+      } catch {
+      }
+      const syncedAttrs = ((_c2 = component.getAttributes) == null ? void 0 : _c2.call(component)) || attrs;
+      const id = ((_d2 = component.getId) == null ? void 0 : _d2.call(component)) || ((_e = component.get) == null ? void 0 : _e.call(component, "id")) || "";
+      const instanceId = String(
+        syncedAttrs["data-wb-instance-id"] || ((_f = component.getId) == null ? void 0 : _f.call(component)) || component.cid || ""
+      ).trim();
+      const isLoopGrid = hasLoopGridSignature(syncedAttrs);
+      const publishHtml = isLoopGrid ? String(((_g = component.getInnerHTML) == null ? void 0 : _g.call(component)) || "") : "";
+      cmsModels.push({
+        id,
+        dataCmsComponent: cmsComp,
+        instanceId,
+        isLoopGrid,
+        publishHtml,
+        attributes: { ...syncedAttrs },
+        props: {
+          cmsCategoryId: String(((_h = component.get) == null ? void 0 : _h.call(component, "cmsCategoryId")) ?? "").trim(),
+          cmsEnableTagFilter: String(((_i = component.get) == null ? void 0 : _i.call(component, "cmsEnableTagFilter")) ?? "").trim(),
+          cmsLimit: String(((_j = component.get) == null ? void 0 : _j.call(component, "cmsLimit")) ?? "").trim(),
+          cmsSortField: String(((_k = component.get) == null ? void 0 : _k.call(component, "cmsSortField")) ?? "").trim(),
+          cmsSortAsc: String(((_l = component.get) == null ? void 0 : _l.call(component, "cmsSortAsc")) ?? "").trim(),
+          cmsPageSize: String(((_m = component.get) == null ? void 0 : _m.call(component, "cmsPageSize")) ?? "").trim(),
+          cmsPagination: String(((_n = component.get) == null ? void 0 : _n.call(component, "cmsPagination")) ?? "").trim(),
+          cmsMaxPages: String(((_o = component.get) == null ? void 0 : _o.call(component, "cmsMaxPages")) ?? "").trim(),
+          cmsListMode: String(((_p = component.get) == null ? void 0 : _p.call(component, "cmsListMode")) ?? "").trim(),
+          cmsTypeCode: String(((_q = component.get) == null ? void 0 : _q.call(component, "cmsTypeCode")) ?? "").trim()
+        }
+      });
+    }
+    const children = (_r = component.components) == null ? void 0 : _r.call(component);
+    if (children && children.length) {
+      children.forEach((child) => walk(child));
+    }
+  }
+  const pages = ((_b = (_a = editor.Pages) == null ? void 0 : _a.getAll) == null ? void 0 : _b.call(_a)) || [];
+  if (pages.length > 0) {
+    pages.forEach((page) => {
+      var _a2;
+      const main = (_a2 = page.getMainComponent) == null ? void 0 : _a2.call(page);
+      if (main)
+        walk(main);
+    });
+  } else {
+    const wrapper = (_d = (_c = editor.DomComponents) == null ? void 0 : _c.getWrapper) == null ? void 0 : _d.call(_c);
+    if (wrapper)
+      walk(wrapper);
+  }
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(htmlStr, "text/html");
+  const cmsModelTypeCounts = cmsModels.reduce((acc, item) => {
+    acc[item.dataCmsComponent] = (acc[item.dataCmsComponent] || 0) + 1;
+    return acc;
+  }, {});
+  const docCmsTypeCounts = Array.from(doc.querySelectorAll("[data-cms-component]")).reduce((acc, el) => {
+    const type = String(el.getAttribute("data-cms-component") || "").trim();
+    if (!type)
+      return acc;
+    acc[type] = (acc[type] || 0) + 1;
+    return acc;
+  }, {});
+  cmsModels.forEach(
+    ({ id, dataCmsComponent, instanceId, isLoopGrid, publishHtml, attributes, props }) => {
+      var _a2;
+      const entry = cmsTypeRegistry.get(dataCmsComponent);
+      if (!entry && dataCmsComponent !== "loop-grid")
+        return;
+      let el = null;
+      if (id)
+        el = doc.getElementById(id);
+      if (!el && instanceId) {
+        el = doc.querySelector(`[data-wb-instance-id="${CSS.escape(instanceId)}"]`);
+      }
+      if (!el && cmsModelTypeCounts[dataCmsComponent] === 1 && docCmsTypeCounts[dataCmsComponent] === 1) {
+        el = doc.querySelector(`[data-cms-component="${dataCmsComponent}"]`);
+      }
+      if (!el && cmsModelTypeCounts[dataCmsComponent] === 1 && entry) {
+        el = doc.querySelector(`[data-wb-component="${entry.dataWbComponent}"]`);
+      }
+      if (!el && dataCmsComponent === "loop-grid" && cmsModelTypeCounts[dataCmsComponent] === 1) {
+        el = doc.querySelector(
+          '[data-wb-component="loop-grid"], .wb-loop-grid, [data-wb-loop-grid-schema]'
+        );
+      }
+      if (!el && dataCmsComponent === "loop-grid" && cmsModelTypeCounts[dataCmsComponent] === 1) {
+        const paginationOnly = doc.querySelector(".wb-loop-grid-pagination");
+        if (paginationOnly) {
+          const wrapper = doc.createElement("div");
+          wrapper.setAttribute("class", "wb-loop-grid");
+          paginationOnly.replaceWith(wrapper);
+          wrapper.appendChild(paginationOnly);
+          el = wrapper;
+        }
+      }
+      if (!el)
+        return;
+      const mergedAttributes = { ...attributes, "data-cms-component": dataCmsComponent };
+      if (dataCmsComponent === "product-list") {
+        const categoryId = props.cmsCategoryId || mergedAttributes["data-category-id"] || mergedAttributes["data-wb-category-id"] || "";
+        const sortField = props.cmsSortField || mergedAttributes["data-sort-field"] || mergedAttributes["data-wb-sort-field"] || "createTime";
+        const sortAsc = props.cmsSortAsc || mergedAttributes["data-sort-asc"] || mergedAttributes["data-wb-sort-asc"] || "false";
+        const pageSize = props.cmsPageSize || mergedAttributes["data-page-size"] || mergedAttributes["data-wb-page-size"] || "12";
+        const pagination = props.cmsPagination || mergedAttributes["data-pagination"] || mergedAttributes["data-wb-pagination"] || "static";
+        const maxPages = props.cmsMaxPages || mergedAttributes["data-max-pages"] || mergedAttributes["data-wb-max-pages"] || "10";
+        const listMode = props.cmsListMode || mergedAttributes["data-list-mode"] || mergedAttributes["data-wb-list-mode"] || "grid";
+        const loadAll = listMode === "datasheet" || mergedAttributes["data-load-all"] === "true" || mergedAttributes["data-wb-load-all"] === "true" ? "true" : "false";
+        mergedAttributes["data-category-id"] = categoryId;
+        mergedAttributes["data-wb-category-id"] = categoryId;
+        mergedAttributes["data-sort-field"] = sortField;
+        mergedAttributes["data-wb-sort-field"] = sortField;
+        mergedAttributes["data-sort-asc"] = sortAsc;
+        mergedAttributes["data-wb-sort-asc"] = sortAsc;
+        mergedAttributes["data-page-size"] = loadAll === "true" ? "9999" : pageSize;
+        mergedAttributes["data-wb-page-size"] = loadAll === "true" ? "9999" : pageSize;
+        mergedAttributes["data-pagination"] = loadAll === "true" ? "none" : pagination;
+        mergedAttributes["data-wb-pagination"] = loadAll === "true" ? "none" : pagination;
+        mergedAttributes["data-max-pages"] = loadAll === "true" ? "1" : maxPages;
+        mergedAttributes["data-wb-max-pages"] = loadAll === "true" ? "1" : maxPages;
+        mergedAttributes["data-list-mode"] = listMode;
+        mergedAttributes["data-wb-list-mode"] = listMode;
+        mergedAttributes["data-load-all"] = loadAll;
+        mergedAttributes["data-wb-load-all"] = loadAll;
+      }
+      if (dataCmsComponent === "faq-section") {
+        const categoryId = props.cmsCategoryId || mergedAttributes["data-category-id"] || mergedAttributes["data-wb-category-id"] || "";
+        const limit = props.cmsLimit || mergedAttributes["data-limit"] || mergedAttributes["data-wb-limit"] || "6";
+        mergedAttributes["data-category-id"] = categoryId;
+        mergedAttributes["data-wb-category-id"] = categoryId;
+        mergedAttributes["data-limit"] = limit;
+        mergedAttributes["data-wb-limit"] = limit;
+      }
+      if (dataCmsComponent === "post-list" || dataCmsComponent === "cases-list") {
+        const isCasesList = dataCmsComponent === "cases-list";
+        const categoryId = props.cmsCategoryId || mergedAttributes["data-category-id"] || mergedAttributes["data-wb-category-id"] || "";
+        const enableTagFilter = isTruthyFlag(props.cmsEnableTagFilter) || isTruthyFlag(mergedAttributes["data-enable-tag-filter"]) || isTruthyFlag(mergedAttributes["data-enable-tag"]) ? "true" : "false";
+        const pageSize = props.cmsPageSize || mergedAttributes["data-page-size"] || mergedAttributes["data-wb-page-size"] || "12";
+        const pagination = props.cmsPagination || mergedAttributes["data-pagination"] || mergedAttributes["data-wb-pagination"] || "static";
+        const maxPages = props.cmsMaxPages || mergedAttributes["data-max-pages"] || mergedAttributes["data-wb-max-pages"] || "10";
+        const typeCode = props.cmsTypeCode || mergedAttributes["data-type-code"] || mergedAttributes["data-post-type-code"] || "";
+        const selectionModeRaw = String(
+          mergedAttributes["data-tag-selection-mode"] || mergedAttributes["data-tag-filter-mode"] || mergedAttributes["data-tag-mode"] || ""
+        ).trim().toLowerCase();
+        const selectionMode = selectionModeRaw === "multi-none" ? "multi-none" : isCasesList ? "multi-none" : "single-all";
+        mergedAttributes["data-category-id"] = categoryId;
+        mergedAttributes["data-wb-category-id"] = categoryId;
+        mergedAttributes["data-enable-tag-filter"] = enableTagFilter;
+        mergedAttributes["data-tag-selection-mode"] = selectionMode;
+        mergedAttributes["data-page-size"] = pageSize;
+        mergedAttributes["data-wb-page-size"] = pageSize;
+        mergedAttributes["data-pagination"] = pagination;
+        mergedAttributes["data-wb-pagination"] = pagination;
+        mergedAttributes["data-max-pages"] = maxPages;
+        mergedAttributes["data-wb-max-pages"] = maxPages;
+        mergedAttributes["data-type-code"] = typeCode;
+      }
+      for (const [key, value] of Object.entries(mergedAttributes)) {
+        const keepEmptyAttr = key === "data-category-id";
+        if (value !== void 0 && value !== null && (value !== "" || keepEmptyAttr)) {
+          el.setAttribute(key, String(value));
+        } else {
+          el.removeAttribute(key);
+        }
+      }
+      el.setAttribute("data-cms-component", dataCmsComponent);
+      if (isLoopGrid && publishHtml) {
+        el.innerHTML = publishHtml;
+      }
+      const postListGrid = ensurePostListRootStructure(doc, el, dataCmsComponent);
+      if (dataCmsComponent === "product-list" || dataCmsComponent === "search") {
+        const requestConfig = getRuntimeRequestConfig();
+        if (requestConfig.headerName) {
+          el.setAttribute("data-wb-request-header-name", requestConfig.headerName);
+        }
+        if (requestConfig.headerValue !== void 0 && requestConfig.headerValue !== null && requestConfig.headerValue !== "") {
+          el.setAttribute("data-wb-request-header-value", String(requestConfig.headerValue));
+        }
+        if (dataCmsComponent === "product-list") {
+          const runtimeTemplateEl = el.querySelector("script[data-wb-product-card-template]");
+          const templateCard = el.querySelector('[data-cms-repeat="product"]');
+          if (runtimeTemplateEl && templateCard) {
+            runtimeTemplateEl.textContent = buildRuntimeCardTemplate(templateCard);
+          }
+        }
+      }
+      if (entry && !entry.dynamicPublish && !isLoopGrid) {
+        el.innerHTML = entry.publishTemplate;
+      }
+      if (dataCmsComponent === "post-list" || dataCmsComponent === "cases-list") {
+        const isCasesList = dataCmsComponent === "cases-list";
+        const enableTagFilter = String(mergedAttributes["data-enable-tag-filter"] || "").trim() === "true";
+        const existingFilterBar = el.querySelector("[data-post-list-tag-filter]");
+        if (!enableTagFilter) {
+          existingFilterBar == null ? void 0 : existingFilterBar.remove();
+        } else {
+          let filterBar = existingFilterBar;
+          if (!filterBar) {
+            filterBar = doc.createElement("div");
+            filterBar.setAttribute("class", "wb-post-list-tag-filter");
+            filterBar.setAttribute("data-post-list-tag-filter", "true");
+            el.insertBefore(filterBar, el.firstChild);
+          }
+          const templateCard = (postListGrid == null ? void 0 : postListGrid.querySelector('[data-cms-repeat="post"]')) || el.querySelector(
+            '[data-wb-post-grid] [data-cms-repeat="post"], .wb-cases-list__grid [data-cms-repeat="post"], .wb-post-list__grid [data-cms-repeat="post"]'
+          ) || Array.from(el.children).find((child) => child.classList.contains("wb-post-card"));
+          if (templateCard) {
+            const tplScript = doc.createElement("script");
+            tplScript.setAttribute("type", "text/html");
+            tplScript.setAttribute("data-post-list-card-template", "true");
+            tplScript.textContent = buildRuntimeCardTemplate(templateCard);
+            el.appendChild(tplScript);
+            const iifeScript = doc.createElement("script");
+            iifeScript.textContent = buildPostListTagFilterIIFE({
+              pageSize: String(mergedAttributes["data-page-size"] || "12"),
+              categoryId: String(mergedAttributes["data-category-id"] || ""),
+              postPageEndpoint: getRuntimeEndpoint("postPage"),
+              postTagListEndpoint: getRuntimeEndpoint("postTagList"),
+              postTagListAllEndpoint: getRuntimeEndpoint("postTagListAll"),
+              requestConfig: getRuntimeRequestConfig(),
+              selectionMode: String(
+                mergedAttributes["data-tag-selection-mode"] || (isCasesList ? "multi-none" : "single-all")
+              )
+            });
+            el.appendChild(iifeScript);
+          }
+        }
+      }
+      if (dataCmsComponent === "post-list" || dataCmsComponent === "cases-list" || dataCmsComponent === "media-list") {
+        const loopItemType = String(mergedAttributes["data-loop-item-type"] || "").trim();
+        const isCategoryLoop = ["postCategory", "mediaCategory"].includes(loopItemType);
+        const queryTemplateCard = isCategoryLoop ? null : dataCmsComponent === "media-list" ? el.querySelector('.wb-cms-media-grid [data-cms-repeat="media"]') || el.querySelector('[data-cms-repeat="media"] > *') : (postListGrid == null ? void 0 : postListGrid.querySelector('[data-cms-repeat="post"]')) || el.querySelector(
+          '[data-wb-post-grid] [data-cms-repeat="post"], .wb-cases-list__grid [data-cms-repeat="post"], .wb-post-list__grid [data-cms-repeat="post"]'
+        ) || Array.from(el.children).find((child) => child.classList.contains("wb-post-card"));
+        if (queryTemplateCard) {
+          const tplScript = doc.createElement("script");
+          tplScript.setAttribute("type", "text/html");
+          tplScript.setAttribute("data-wb-category-query-template", "true");
+          tplScript.textContent = buildRuntimeCardTemplate(queryTemplateCard);
+          el.appendChild(tplScript);
+          const iifeScript = doc.createElement("script");
+          iifeScript.textContent = buildCategoryQueryOverrideIIFE({
+            endpoint: dataCmsComponent === "media-list" ? getRuntimeEndpoint("mediaPage") : getRuntimeEndpoint("postPage"),
+            paramKey: "categoryId",
+            entity: dataCmsComponent === "media-list" ? "media" : "post",
+            pageSize: String(mergedAttributes["data-page-size"] || "12"),
+            requestConfig: getRuntimeRequestConfig(),
+            includeLanguage: true,
+            initialValue: String(mergedAttributes["data-category-id"] || "")
+          });
+          el.appendChild(iifeScript);
+        }
+      }
+      if (dataCmsComponent === "search") {
+        const iifeScript = doc.createElement("script");
+        iifeScript.textContent = buildSearchIIFE(
+          getRuntimeEndpoint("search"),
+          getRuntimeRequestConfig()
+        );
+        el.appendChild(iifeScript);
+      }
+      const paginationMode = mergedAttributes["data-pagination"] || "static";
+      const paginationNav = paginationMode === "static" ? ensurePaginationNavElement(doc, el, dataCmsComponent) : el.querySelector("nav[data-cms-pagination]");
+      if (paginationMode === "none") {
+        if (paginationNav)
+          paginationNav.remove();
+      } else if (paginationMode === "loadmore") {
+        if (paginationNav)
+          paginationNav.remove();
+        const shouldUseLegacyLoadMore = dataCmsComponent !== "product-list";
+        const apiInfo = shouldUseLegacyLoadMore ? CMS_RUNTIME_API_MAP[dataCmsComponent] : void 0;
+        if (apiInfo) {
+          const tplDoc = isLoopGrid ? null : new DOMParser().parseFromString((entry == null ? void 0 : entry.publishTemplate) || "", "text/html");
+          const repeatContainer = isLoopGrid ? el.querySelector("[data-cms-repeat]") : tplDoc == null ? void 0 : tplDoc.querySelector("[data-cms-repeat]");
+          const listGrid = isLoopGrid ? repeatContainer == null ? void 0 : repeatContainer.parentElement : repeatContainer;
+          const gridClass = (listGrid == null ? void 0 : listGrid.getAttribute("class")) || "";
+          const templateCard = isLoopGrid ? repeatContainer : (_a2 = repeatContainer == null ? void 0 : repeatContainer.children) == null ? void 0 : _a2[0];
+          let cardTplHtml = "";
+          if (templateCard) {
+            const cardClone = templateCard.cloneNode(true);
+            cardClone.removeAttribute("id");
+            cardClone.querySelectorAll("[id]").forEach((el2) => el2.removeAttribute("id"));
+            cardClone.querySelectorAll("[data-cms-bind]").forEach((bindEl) => {
+              const field = bindEl.getAttribute("data-cms-bind") || "";
+              bindEl.textContent = `{{${field}}}`;
+              bindEl.removeAttribute("data-cms-bind");
+            });
+            cardClone.querySelectorAll("[data-cms-bind-src]").forEach((bindEl) => {
+              const field = bindEl.getAttribute("data-cms-bind-src") || "";
+              bindEl.setAttribute("src", `{{${field}}}`);
+              bindEl.removeAttribute("data-cms-bind-src");
+            });
+            cardClone.querySelectorAll("[data-cms-bind-href]").forEach((bindEl) => {
+              const field = bindEl.getAttribute("data-cms-bind-href") || "";
+              const template = bindEl.getAttribute("data-cms-bind-href-template") || "";
+              bindEl.setAttribute("href", composePlaceholderUrl(field, template));
+              bindEl.removeAttribute("data-cms-bind-href");
+              bindEl.removeAttribute("data-cms-bind-href-template");
+            });
+            cardTplHtml = cardClone.outerHTML;
+          }
+          const params = {};
+          if (mergedAttributes["data-category-id"]) {
+            params.categoryId = mergedAttributes["data-category-id"];
+          }
+          if (mergedAttributes["data-resource-type"]) {
+            if (apiInfo.entity === "media")
+              params.type = mergedAttributes["data-resource-type"];
+            else
+              params.resourceType = mergedAttributes["data-resource-type"];
+          }
+          if (mergedAttributes["data-sort-field"])
+            params.sortingField = mergedAttributes["data-sort-field"];
+          if (mergedAttributes["data-sort-asc"])
+            params.asc = mergedAttributes["data-sort-asc"];
+          const pageSize = mergedAttributes["data-page-size"] || "12";
+          const transformFn = CMS_TRANSFORM_FN[apiInfo.entity] || "function transform(item){return item;}";
+          const requestConfig = getRuntimeRequestConfig();
+          const tplScript = doc.createElement("script");
+          tplScript.setAttribute("type", "text/html");
+          tplScript.setAttribute("class", "cms-card-tpl");
+          tplScript.textContent = cardTplHtml;
+          el.appendChild(tplScript);
+          const loadMoreWrap = doc.createElement("div");
+          loadMoreWrap.setAttribute("class", "cms-loadmore-wrap");
+          loadMoreWrap.setAttribute("style", "text-align:center;padding:20px 0;");
+          loadMoreWrap.innerHTML = '<button class="cms-loadmore-btn" style="padding:10px 32px;cursor:pointer;border:1px solid #ddd;background:#fff;border-radius:4px;font-size:14px;">Load More</button>';
+          el.appendChild(loadMoreWrap);
+          const iifeScript = doc.createElement("script");
+          iifeScript.textContent = `
+(function(){
+  var cfg = {
+    endpoint: '${getRuntimeEndpoint(apiInfo.endpoint)}',
+    pageSize: ${pageSize},
+    params: ${JSON.stringify(params)},
+    gridClass: '${gridClass.split(" ")[0]}',
+    requestHeaderName: ${JSON.stringify(requestConfig.headerName)},
+    requestHeaderValue: ${JSON.stringify(requestConfig.headerValue)}
+  };
+  var currentPage = 2;
+  var comp = document.currentScript.parentElement;
+  var grid = comp.querySelector('.' + cfg.gridClass);
+  var tpl = comp.querySelector('script.cms-card-tpl');
+  var wrap = comp.querySelector('.cms-loadmore-wrap');
+  var btn = comp.querySelector('.cms-loadmore-btn');
+  if (!grid || !tpl || !btn) return;
+  var tplHtml = tpl.textContent || tpl.innerHTML;
+  var language = resolveLanguage();
+
+  ${transformFn}
+
+  function resolveLanguage() {
+    var attrLang = (document.documentElement.getAttribute('data-language') || '').trim();
+    if (attrLang) return attrLang;
+    var htmlLang = (document.documentElement.lang || '').trim();
+    if (htmlLang) return htmlLang;
+    var seg = (location.pathname.split('/')[1] || '').trim();
+    return /^[a-z]{2}(?:[-_][a-z]{2})?$/i.test(seg) ? seg : '';
+  }
+  
+  function escHtml(value) {
+    return String(value == null ? '' : value)
+      .replace(/&/g, '&amp;')
+      .replace(/</g, '&lt;')
+      .replace(/>/g, '&gt;')
+      .replace(/"/g, '&quot;')
+      .replace(/'/g, '&#39;');
+  }
+
+  // URL 字段不做 HTML 实体转义（仅用于 href/src 属性，已经过 encodeURIComponent 处理）
+  var URL_FIELDS = { 'post.image': true, 'post.url': true, 'media.url': true, 'media.coverUrl': true, 'media.detailUrl': true, 'product.picUrl': true, 'product.url': true };
+
+
+  function renderCard(item) {
+    var d = transform(item);
+    var html = tplHtml;
+    for (var k in d) {
+      var v = d[k] == null ? '' : d[k];
+      html = html.split('{{' + k + '}}').join(URL_FIELDS[k] ? v : escHtml(v));
+    }
+    return html;
+  }
+
+  btn.onclick = function() {
+    btn.disabled = true;
+    btn.textContent = 'Loading...';
+    var qs = 'pageNo=' + currentPage + '&pageSize=' + cfg.pageSize;
+    if (language) qs += '&language=' + encodeURIComponent(language);
+    for (var k in cfg.params) {
+      if (cfg.params[k]) qs += '&' + k + '=' + encodeURIComponent(cfg.params[k]);
+    }
+    if (!cfg.endpoint) return;
+    fetch(cfg.endpoint + '?' + qs, { headers: buildHeaders() })
+      .then(function(r){ return r.json(); })
+      .then(function(json){
+        var list = (json.data && json.data.list) || [];
+        var total = (json.data && json.data.total) || 0;
+        list.forEach(function(item){
+          grid.insertAdjacentHTML('beforeend', renderCard(item));
+        });
+        currentPage++;
+        btn.disabled = false;
+        btn.textContent = 'Load More';
+        if (currentPage * cfg.pageSize >= total + cfg.pageSize) {
+          wrap.style.display = 'none';
+        }
+      })
+      .catch(function(){
+        btn.disabled = false;
+        btn.textContent = 'Load More';
+      });
+  };
+
+  function buildHeaders() {
+    var headers = {};
+    if (cfg.requestHeaderName && cfg.requestHeaderValue) {
+      headers[cfg.requestHeaderName] = String(cfg.requestHeaderValue);
+    }
+    return headers;
+  }
+})();`;
+          el.appendChild(iifeScript);
+        }
+      }
+      if (paginationMode === "static" && paginationNav) {
+        ensurePaginationNavFallback(doc, paginationNav, dataCmsComponent);
+      }
+      el.removeAttribute("data-wb-component");
+      if (isLoopGrid) {
+        cleanupLoopGridExportAttrsElement(el);
+      }
+    }
+  );
+  doc.querySelectorAll("[data-wb-component]").forEach((el) => {
+    var _a2;
+    const wbComp = el.getAttribute("data-wb-component") || "";
+    for (const entry of cmsTypeRegistry.values()) {
+      if (entry.dataWbComponent === wbComp) {
+        const existingCmsComponent = el.getAttribute("data-cms-component") || "";
+        const effectiveCmsComponent = cmsTypeRegistry.has(existingCmsComponent) ? existingCmsComponent : entry.dataCmsComponent;
+        el.setAttribute("data-cms-component", effectiveCmsComponent);
+        if (effectiveCmsComponent === "product-list" || effectiveCmsComponent === "search") {
+          const requestConfig = getRuntimeRequestConfig();
+          if (requestConfig.headerName) {
+            el.setAttribute("data-wb-request-header-name", requestConfig.headerName);
+          }
+          if (requestConfig.headerValue !== "") {
+            el.setAttribute("data-wb-request-header-value", String(requestConfig.headerValue));
+          }
+          if (effectiveCmsComponent === "product-list") {
+            const runtimeTemplateEl = el.querySelector("script[data-wb-product-card-template]");
+            const templateCard = el.querySelector('[data-cms-repeat="product"]');
+            if (runtimeTemplateEl && templateCard) {
+              runtimeTemplateEl.textContent = buildRuntimeCardTemplate(templateCard);
+            }
+          }
+        }
+        if (!entry.dynamicPublish) {
+          el.innerHTML = entry.publishTemplate;
+        }
+        ensurePostListRootStructure(doc, el, effectiveCmsComponent);
+        if (effectiveCmsComponent === "search") {
+          const iifeScript = doc.createElement("script");
+          iifeScript.textContent = buildSearchIIFE(
+            getRuntimeEndpoint("search"),
+            getRuntimeRequestConfig()
+          );
+          el.appendChild(iifeScript);
+        }
+        const pMode = el.getAttribute("data-pagination") || "static";
+        if (pMode === "none" || pMode === "loadmore") {
+          (_a2 = el.querySelector("nav[data-cms-pagination]")) == null ? void 0 : _a2.remove();
+        } else if (pMode === "static") {
+          const paginationNav = ensurePaginationNavElement(
+            doc,
+            el,
+            effectiveCmsComponent
+          );
+          if (paginationNav) {
+            ensurePaginationNavFallback(doc, paginationNav, effectiveCmsComponent);
+          }
+        }
+        el.removeAttribute("data-wb-component");
+        break;
+      }
+    }
+  });
+  doc.querySelectorAll("[data-wb-loop-grid-version], [data-wb-loop-grid-schema]").forEach((el) => {
+    cleanupLoopGridExportAttrsElement(el);
+    el.removeAttribute("data-wb-component");
+  });
+  doc.querySelectorAll("[data-cms-preview]").forEach((el) => el.remove());
+  doc.querySelectorAll("[data-cms-preview-wrapper]").forEach((el) => el.remove());
+  doc.querySelectorAll("[data-cms-hidden]").forEach((el) => {
+    el.style.removeProperty("display");
+    el.removeAttribute("data-cms-hidden");
+  });
+  doc.querySelectorAll(
+    ".wb-cms-editor-header, .wb-cms-latest-header, .wb-cms-detail-header, .wb-cms-search-header"
+  ).forEach((el) => el.remove());
+  if (doc.querySelector(".wb-post-card") && !doc.getElementById("wb-post-card-styles")) {
+    const style = doc.createElement("style");
+    style.id = "wb-post-card-styles";
+    style.textContent = POST_CARD_CSS;
+    doc.head.appendChild(style);
+  }
+  if (doc.querySelector(".wb-product-card") && !doc.getElementById("wb-product-card-styles")) {
+    const style = doc.createElement("style");
+    style.id = "wb-product-card-styles";
+    style.textContent = PRODUCT_CARD_CSS;
+    doc.head.appendChild(style);
+  }
+  if (doc.querySelector(".wb-product-detail") && !doc.getElementById("wb-product-detail-styles")) {
+    const style = doc.createElement("style");
+    style.id = "wb-product-detail-styles";
+    style.textContent = PRODUCT_DETAIL_STYLES;
+    doc.head.appendChild(style);
+  }
+  if (doc.querySelector(".wb-product-detail-v2") && !doc.getElementById("wb-product-detail-v2-styles")) {
+    const style = doc.createElement("style");
+    style.id = "wb-product-detail-v2-styles";
+    style.textContent = PRODUCT_DETAIL_V2_STYLES;
+    doc.head.appendChild(style);
+  }
+  const isFullDocument = htmlStr.trim().toLowerCase().startsWith("<!doctype");
+  return isFullDocument ? `<!DOCTYPE html>
+${doc.documentElement.outerHTML}` : doc.body.innerHTML;
+}
+function registerCmsComponent(editor, config) {
+  const domComponents = editor == null ? void 0 : editor.DomComponents;
+  if (!domComponents || domComponents.getType(config.type))
+    return;
+  const startIdx = config.publishStartIndex ?? 1;
+  const publishTemplate = config.publishTemplate ?? componentsToHtml(config.components.slice(startIdx));
+  cmsTypeRegistry.set(config.dataCmsComponent, {
+    publishTemplate,
+    dataCmsComponent: config.dataCmsComponent,
+    dataWbComponent: config.dataWbComponent,
+    dynamicPublish: config.dynamicPublish
+  });
+  domComponents.addType(config.type, {
+    isComponent: (el) => {
+      var _a;
+      return ((_a = el == null ? void 0 : el.getAttribute) == null ? void 0 : _a.call(el, "data-wb-component")) === config.dataWbComponent ? { type: config.type } : false;
+    },
+    model: {
+      defaults: {
+        name: config.name,
+        tagName: "div",
+        draggable: "*",
+        droppable: config.droppable ?? false,
+        selectable: true,
+        editable: false,
+        stylable: true,
+        attributes: {
+          "data-wb-component": config.dataWbComponent,
+          "data-cms-component": config.dataCmsComponent,
+          ...config.defaultAttributes
+        },
+        style: config.defaultStyle ?? { display: "block", width: "100%" },
+        styles: config.styles,
+        script: config.script,
+        "script-export": config.scriptExport ?? config.script,
+        "script-props": config.scriptProps,
+        ...config.defaultProps,
+        traits: config.traits,
+        components: config.components
+      },
+      init() {
+        var _a;
+        const eventStr = config.watchProps.map((p2) => `change:${p2}`).join(" ");
+        if (eventStr) {
+          this.on(eventStr, this._syncAttrs);
+        }
+        this._syncAttrs();
+        (_a = config.onModelInit) == null ? void 0 : _a.call(config, this, editor);
+      },
+      _syncAttrs() {
+        var _a;
+        this.addAttributes({
+          // 始终确保 data-cms-component 存在（旧 schema 可能缺失此属性）
+          "data-cms-component": config.dataCmsComponent,
+          "data-wb-instance-id": String(((_a = this.getId) == null ? void 0 : _a.call(this)) || this.cid || ""),
+          ...config.syncAttrs(this)
+        });
+      },
+      /**
+       * 覆盖 toJSON()：
+       * - 默认模式：不序列化 components（静态子组件，从 defaults 恢复，避免 MutationObserver 污染）
+       * - dynamicPublish 模式：保留 components（子组件含用户可配置状态，需要持久化）
+       */
+      toJSON(opts) {
+        const baseType = domComponents.getType("default");
+        const obj = baseType.model.prototype.toJSON.call(this, opts);
+        if (!config.dynamicPublish) {
+          delete obj.components;
+        }
+        return obj;
+      },
+      /**
+       * 覆盖 getInnerHTML()：
+       * - 默认模式：输出静态发布模板，绕过 MutationObserver 污染
+       * - dynamicPublish 模式：从实时组件树生成，反映用户对子组件的配置修改
+       */
+      getInnerHTML() {
+        if (config.dynamicPublish) {
+          const children = this.components();
+          if (!children || children.length <= startIdx)
+            return "";
+          const parts = [];
+          for (let i2 = startIdx; i2 < children.length; i2++) {
+            parts.push(children.at(i2).toHTML());
+          }
+          return parts.join("\n");
+        }
+        return publishTemplate;
+      }
+    }
+  });
+}
+const emptyList = async () => [];
+const emptyPage = async () => ({ list: [], total: 0, pageNo: 1, pageSize: 1 });
+const emptyDetail = async () => null;
+const createFallbackDynamicDataProvider = () => ({
+  pages: {
+    loadList: emptyPage,
+    loadDraft: emptyDetail,
+    loadHistoryDetail: emptyDetail
+  },
+  posts: {
+    loadPage: emptyPage,
+    loadDetail: emptyDetail
+  },
+  postCategories: {
+    loadList: emptyList
+  },
+  faqCategories: {
+    loadList: emptyList
+  },
+  faqItems: {
+    loadList: emptyList
+  },
+  productCategoryContent: {
+    loadDetail: emptyDetail
+  },
+  media: {
+    loadPage: emptyPage
+  },
+  mediaCategories: {
+    loadList: emptyList
+  },
+  products: {
+    loadPage: emptyPage,
+    loadDetail: emptyDetail,
+    loadSimpleList: emptyList
+  },
+  productCategories: {
+    loadList: emptyList
+  },
+  tenant: {
+    getEffectiveTenantId: () => void 0
+  }
+});
+let dynamicDataProvider = createFallbackDynamicDataProvider();
+const getWebBuilderDynamicDataProvider = () => dynamicDataProvider;
+const setWebBuilderDynamicDataProvider = (provider) => {
+  const previousProvider = dynamicDataProvider;
+  dynamicDataProvider = provider;
+  return () => {
+    dynamicDataProvider = previousProvider;
+  };
+};
+async function initPreviewProductTrait(model, options = {}) {
+  var _a;
+  const traitName = options.traitName || "cmsPreviewProductId";
+  const emptyLabel = options.emptyLabel || "未选择（显示占位模板）";
+  const trait = (_a = model.getTrait) == null ? void 0 : _a.call(model, traitName);
+  if (!trait)
+    return;
+  try {
+    const list = await getWebBuilderDynamicDataProvider().products.loadSimpleList();
+    const options2 = Array.isArray(list) ? list.map((item) => ({
+      value: String(item.id ?? ""),
+      label: item.name ? `${item.name} (#${item.id})` : `#${item.id}`
+    })) : [];
+    trait.set("options", [{ value: "", label: emptyLabel }, ...options2]);
+  } catch {
+    trait.set("options", [
+      { value: "", label: emptyLabel },
+      { value: model.get(traitName) || "", label: "加载产品列表失败，请手动输入 ID" }
+    ]);
+  }
+}
+async function initPreviewMediaTrait(model, options = {}) {
+  var _a;
+  const traitName = options.traitName || "cmsPreviewMediaId";
+  const emptyLabel = options.emptyLabel || "未选择（显示占位模板）";
+  const trait = (_a = model.getTrait) == null ? void 0 : _a.call(model, traitName);
+  if (!trait)
+    return;
+  try {
+    const params = {
+      pageNo: 1,
+      pageSize: 100
+    };
+    const categoryId = String(options.categoryId || "").trim();
+    if (categoryId) {
+      params.categoryId = categoryId;
+    }
+    const result = await getWebBuilderDynamicDataProvider().media.loadPage(params);
+    const list = Array.isArray(result == null ? void 0 : result.list) ? result.list : Array.isArray(result) ? result : [];
+    const previewOptions = list.map((item) => {
+      var _a2, _b;
+      const title = (item == null ? void 0 : item.title) || ((_b = (_a2 = item == null ? void 0 : item.contents) == null ? void 0 : _a2[0]) == null ? void 0 : _b.title) || "";
+      const id = String((item == null ? void 0 : item.id) ?? "");
+      return {
+        value: id,
+        label: title ? `${title} (#${id})` : `#${id}`
+      };
+    });
+    trait.set("options", [{ value: "", label: emptyLabel }, ...previewOptions]);
+  } catch {
+    trait.set("options", [
+      { value: "", label: emptyLabel },
+      { value: model.get(traitName) || "", label: "加载媒体资源失败，请手动输入 ID" }
+    ]);
+  }
+}
+const DEFAULT_SITE_MENU_CODE = "main-menu";
+const normalizeBindKey = (rawValue) => rawValue.replace(/[^a-zA-Z0-9_-]/g, "_") || "site_menu";
+function resolveSiteMenuAttrs(model) {
+  var _a, _b, _c, _d, _e;
+  const attrs = ((_a = model == null ? void 0 : model.getAttributes) == null ? void 0 : _a.call(model)) || {};
+  const menuCode = String(
+    ((_b = model == null ? void 0 : model.get) == null ? void 0 : _b.call(model, "menuCode")) ?? attrs["data-menu-code"] ?? DEFAULT_SITE_MENU_CODE
+  ).trim() || DEFAULT_SITE_MENU_CODE;
+  const layout = String(
+    ((_c = model == null ? void 0 : model.get) == null ? void 0 : _c.call(model, "menuLayout")) ?? attrs["data-layout"] ?? "horizontal"
+  ).trim() || "horizontal";
+  const submenuTrigger = String(
+    ((_d = model == null ? void 0 : model.get) == null ? void 0 : _d.call(model, "submenuTrigger")) ?? attrs["data-submenu-trigger"] ?? "hover"
+  ).trim() || "hover";
+  const bindKey = `menu_html_${normalizeBindKey(String(((_e = model == null ? void 0 : model.getId) == null ? void 0 : _e.call(model)) || (model == null ? void 0 : model.cid) || "site_menu"))}`;
+  return {
+    class: "wb-site-menu notranslate",
+    "data-menu-code": menuCode,
+    "data-layout": layout,
+    "data-submenu-trigger": submenuTrigger,
+    "data-menu-bind-key": bindKey,
+    "data-cms-html": bindKey,
+    "data-wb-i18n-skip": "true",
+    translate: "no"
+  };
+}
+const TEMPLATE_REGISTRY = {
+  "post-card": { id: "post-card", label: "Post Card", kind: "item", accentColor: "#1d4ed8" },
+  "product-card": {
+    id: "product-card",
+    label: "Product Card",
+    kind: "item",
+    accentColor: "#0f766e"
+  },
+  "taxonomy-card": {
+    id: "taxonomy-card",
+    label: "Taxonomy Card",
+    kind: "item",
+    accentColor: "#7c3aed"
+  },
+  "minimal-card": {
+    id: "minimal-card",
+    label: "Minimal Card",
+    kind: "item",
+    accentColor: "#475569"
+  },
+  "empty-default": {
+    id: "empty-default",
+    label: "Default Empty",
+    kind: "empty",
+    accentColor: "#64748b"
+  }
+};
+function applyFilterState(items, filterState) {
+  let nextItems = [...items];
+  const taxonomyFilters = [...filterState.taxonomy, ...filterState.category, ...filterState.tag].map((item) => item.trim().toLowerCase()).filter(Boolean);
+  if (taxonomyFilters.length > 0) {
+    nextItems = nextItems.filter(
+      (item) => taxonomyFilters.some((filter) => `${item.taxonomy ?? ""}`.toLowerCase().includes(filter))
+    );
+  }
+  const search = `${filterState.search ?? ""}`.trim().toLowerCase();
+  if (search) {
+    nextItems = nextItems.filter(
+      (item) => [item.title, item.subtitle, item.excerpt].some(
+        (field) => `${field ?? ""}`.toLowerCase().includes(search)
+      )
+    );
+  }
+  return nextItems;
+}
+function escapeHtml(value) {
+  return String(value ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function resolveTemplateLabel(templateId) {
+  var _a;
+  return ((_a = TEMPLATE_REGISTRY[templateId]) == null ? void 0 : _a.label) ?? templateId;
+}
+function getRecordValue(record, field) {
+  const fields = record.fields;
+  if (fields && Object.prototype.hasOwnProperty.call(fields, field)) {
+    return fields[field];
+  }
+  const key = field.split(".").pop() || field;
+  if (key === "name")
+    return record.title;
+  if (key === "title")
+    return record.title;
+  if (key === "introduction" || key === "description" || key === "excerpt")
+    return record.excerpt;
+  if (key === "picUrl" || key === "coverUrl" || key === "image")
+    return record.image;
+  if (key === "url" || key === "detailUrl" || key === "buyNowUrl")
+    return record.href;
+  if (key === "priceFormatted")
+    return record.price;
+  if (key === "categoryName" || key === "typeName" || key === "type")
+    return record.taxonomy;
+  if (key === "publishTime" || key === "createTime")
+    return record.meta;
+  return record[key] ?? "";
+}
+function composeDynamicUrl(value, template) {
+  const raw = String(value ?? "");
+  const tpl = String(template ?? "").trim();
+  if (!tpl)
+    return raw;
+  if (tpl.includes("{{encoded}}"))
+    return tpl.replace(/\{\{encoded\}\}/g, encodeURIComponent(raw));
+  if (tpl.includes("{{value}}"))
+    return tpl.replace(/\{\{value\}\}/g, raw);
+  return `${tpl}${raw}`;
+}
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function parseNumber(value, fallback, options) {
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric))
+    return fallback;
+  if ((options == null ? void 0 : options.min) !== void 0 && numeric < options.min)
+    return options.min;
+  if ((options == null ? void 0 : options.max) !== void 0 && numeric > options.max)
+    return options.max;
+  return numeric;
+}
+function sanitizeIdSuffix(value) {
+  return value.replace(/[^a-zA-Z0-9_-]+/g, "-").replace(/^-+|-+$/g, "") || "item";
+}
+function uniquifyLoopItemIds(root, suffix) {
+  const idMap = {};
+  const elements = [
+    ...root.hasAttribute("id") ? [root] : [],
+    ...Array.from(root.querySelectorAll("[id]"))
+  ];
+  elements.forEach((el) => {
+    const id = `${el.getAttribute("id") || ""}`.trim();
+    if (!id)
+      return;
+    const nextId = `${id}-${sanitizeIdSuffix(suffix)}`;
+    idMap[id] = nextId;
+    el.setAttribute("id", nextId);
+  });
+  return idMap;
+}
+function rewriteIdReferences(root, idMap) {
+  const rewriteTokenList = (value) => value.split(/\s+/).map((token) => idMap[token] || token).join(" ");
+  const elements = [root, ...Array.from(root.querySelectorAll("*"))];
+  elements.forEach((el) => {
+    ["for", "aria-labelledby", "aria-describedby", "aria-controls", "aria-owns", "list"].forEach(
+      (attr) => {
+        const value = el.getAttribute(attr);
+        if (value)
+          el.setAttribute(attr, rewriteTokenList(value));
+      }
+    );
+    ["href", "xlink:href", "data-bs-target", "data-target"].forEach((attr) => {
+      const value = el.getAttribute(attr);
+      if (!(value == null ? void 0 : value.startsWith("#")))
+        return;
+      const nextId = idMap[value.slice(1)];
+      if (nextId)
+        el.setAttribute(attr, `#${nextId}`);
+    });
+  });
+}
+function rewriteCssIds(css, idMap) {
+  return Object.entries(idMap).reduce((nextCss, [oldId, newId]) => {
+    if (!oldId || !newId)
+      return nextCss;
+    return nextCss.replace(new RegExp(`#${escapeRegExp(oldId)}(?![-_a-zA-Z0-9])`, "g"), `#${newId}`);
+  }, css);
+}
+function normalizeDynamicLinkElement(el, doc) {
+  var _a;
+  if (el.tagName === "A")
+    return el;
+  const link = doc.createElement("a");
+  Array.from(el.attributes).forEach((attr) => link.setAttribute(attr.name, attr.value));
+  link.setAttribute("href", el.getAttribute("href") || "#");
+  while (el.firstChild)
+    link.appendChild(el.firstChild);
+  (_a = el.parentNode) == null ? void 0 : _a.replaceChild(link, el);
+  return link;
+}
+function normalizeDynamicLinks(root, doc) {
+  let nextRoot = root;
+  const matches = [
+    ...root.matches('[data-wb-dynamic="link"], [data-cms-bind-href]') ? [root] : [],
+    ...Array.from(root.querySelectorAll('[data-wb-dynamic="link"], [data-cms-bind-href]'))
+  ];
+  matches.forEach((el) => {
+    const normalized = normalizeDynamicLinkElement(el, doc);
+    if (el === nextRoot)
+      nextRoot = normalized;
+  });
+  return nextRoot;
+}
+function normalizeDynamicImageElement(el, doc) {
+  var _a;
+  if (el.tagName === "IMG")
+    return el;
+  const image = doc.createElement("img");
+  Array.from(el.attributes).forEach((attr) => image.setAttribute(attr.name, attr.value));
+  image.setAttribute("alt", el.getAttribute("alt") || "");
+  (_a = el.parentNode) == null ? void 0 : _a.replaceChild(image, el);
+  return image;
+}
+function normalizeDynamicImages(root, doc) {
+  let nextRoot = root;
+  const matches = [
+    ...root.matches('[data-wb-dynamic="image"]') ? [root] : [],
+    ...Array.from(root.querySelectorAll('[data-wb-dynamic="image"]'))
+  ];
+  matches.forEach((el) => {
+    const normalized = normalizeDynamicImageElement(el, doc);
+    if (el === nextRoot)
+      nextRoot = normalized;
+  });
+  return nextRoot;
+}
+function renderCustomTemplate(template, record, suffix) {
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(template.html, "text/html");
+  let rootEl = doc.body.firstElementChild;
+  if (!rootEl)
+    return renderCard(record, "minimal-card");
+  rootEl = normalizeDynamicImages(rootEl, doc);
+  rootEl = normalizeDynamicLinks(rootEl, doc);
+  const root = rootEl;
+  const idMap = uniquifyLoopItemIds(root, suffix);
+  rewriteIdReferences(root, idMap);
+  root.removeAttribute("data-cms-repeat");
+  root.querySelectorAll("[data-cms-repeat]").forEach((el) => el.removeAttribute("data-cms-repeat"));
+  const selectBoundElements2 = (selector) => [
+    ...root.matches(selector) ? [root] : [],
+    ...Array.from(root.querySelectorAll(selector))
+  ];
+  selectBoundElements2("[data-cms-bind]").forEach((el) => {
+    const field = el.getAttribute("data-cms-bind") || "";
+    el.textContent = String(getRecordValue(record, field) ?? "");
+  });
+  selectBoundElements2("[data-cms-html]").forEach((el) => {
+    const field = el.getAttribute("data-cms-html") || "";
+    el.innerHTML = String(getRecordValue(record, field) ?? "");
+  });
+  selectBoundElements2("[data-cms-bind-src]").forEach((el) => {
+    const field = el.getAttribute("data-cms-bind-src") || "";
+    const value = getRecordValue(record, field);
+    if (value)
+      el.setAttribute("src", String(value));
+  });
+  selectBoundElements2("[data-cms-bind-href]").forEach((el) => {
+    const field = el.getAttribute("data-cms-bind-href") || "";
+    const template2 = el.getAttribute("data-cms-bind-href-template") || "";
+    const value = getRecordValue(record, field);
+    if (value)
+      el.setAttribute("href", composeDynamicUrl(value, template2));
+  });
+  selectBoundElements2("[data-cms-bind-alt]").forEach((el) => {
+    const field = el.getAttribute("data-cms-bind-alt") || "";
+    el.setAttribute("alt", String(getRecordValue(record, field) ?? ""));
+  });
+  root.setAttribute("data-wb-loop-grid-preview-item", "");
+  const css = template.css ? rewriteCssIds(template.css, idMap) : "";
+  return `${css ? `<style data-wb-loop-item-preview-style>${css}</style>` : ""}${root.outerHTML}`;
+}
+function renderCard(record, templateId) {
+  var _a;
+  const accent = ((_a = TEMPLATE_REGISTRY[templateId]) == null ? void 0 : _a.accentColor) ?? "#1d4ed8";
+  const taxonomy = escapeHtml(record.taxonomy || "Unassigned");
+  const badge = record.badge ? `<span class="wb-loop-grid-card__badge">${escapeHtml(record.badge)}</span>` : "";
+  if (templateId === "minimal-card") {
+    return `
+      <article class="wb-loop-grid-card wb-loop-grid-card--minimal" style="--wb-loop-grid-accent:${accent}">
+        <div class="wb-loop-grid-card__meta">${taxonomy}</div>
+        <h4 class="wb-loop-grid-card__title">${escapeHtml(record.title)}</h4>
+        <p class="wb-loop-grid-card__excerpt">${escapeHtml(record.excerpt)}</p>
+      </article>
+    `;
+  }
+  if (templateId === "product-card") {
+    return `
+      <article class="wb-loop-grid-card wb-loop-grid-card--product" style="--wb-loop-grid-accent:${accent}">
+        <div class="wb-loop-grid-card__meta-row">
+          <span class="wb-loop-grid-card__meta">${taxonomy}</span>
+          ${badge}
+        </div>
+        <h4 class="wb-loop-grid-card__title">${escapeHtml(record.title)}</h4>
+        <p class="wb-loop-grid-card__subtitle">${escapeHtml(record.subtitle)}</p>
+        <p class="wb-loop-grid-card__excerpt">${escapeHtml(record.excerpt)}</p>
+        <div class="wb-loop-grid-card__footer">
+          <span class="wb-loop-grid-card__price">${escapeHtml(record.price || "$0.00")}</span>
+          <span class="wb-loop-grid-card__action">View</span>
+        </div>
+      </article>
+    `;
+  }
+  if (templateId === "taxonomy-card") {
+    return `
+      <article class="wb-loop-grid-card wb-loop-grid-card--taxonomy" style="--wb-loop-grid-accent:${accent}">
+        <div class="wb-loop-grid-card__meta">${taxonomy}</div>
+        <h4 class="wb-loop-grid-card__title">${escapeHtml(record.title)}</h4>
+        <p class="wb-loop-grid-card__excerpt">${escapeHtml(record.excerpt)}</p>
+        <div class="wb-loop-grid-card__footer"><span class="wb-loop-grid-card__action">Open Archive</span></div>
+      </article>
+    `;
+  }
+  return `
+    <article class="wb-loop-grid-card" style="--wb-loop-grid-accent:${accent}">
+      <div class="wb-loop-grid-card__meta-row">
+        <span class="wb-loop-grid-card__meta">${taxonomy}</span>
+        ${badge}
+      </div>
+      <h4 class="wb-loop-grid-card__title">${escapeHtml(record.title)}</h4>
+      <p class="wb-loop-grid-card__subtitle">${escapeHtml(record.subtitle)}</p>
+      <p class="wb-loop-grid-card__excerpt">${escapeHtml(record.excerpt)}</p>
+      <div class="wb-loop-grid-card__footer">
+        <span>${escapeHtml(record.meta)}</span>
+        <span class="wb-loop-grid-card__action">Read More</span>
+      </div>
+    </article>
+  `;
+}
+function buildLoopGridPageHref(page) {
+  return page > 1 ? `page/${page}.html` : "./";
+}
+function buildPagination(totalPages, currentPage, mode) {
+  if (mode === "none" || totalPages <= 1)
+    return "";
+  const buttons = Array.from({ length: totalPages }, (_2, index) => {
+    const page = index + 1;
+    const active = page === currentPage ? " active" : "";
+    return `<a class="wb-loop-grid-pagination__number${active}" href="${buildLoopGridPageHref(page)}" data-wb-loop-grid-page="${page}"${page === currentPage ? ' aria-current="page"' : ""}>${page}</a>`;
+  }).join("");
+  const prev = currentPage > 1 ? `<a class="wb-loop-grid-pagination__btn" href="${buildLoopGridPageHref(currentPage - 1)}" data-wb-loop-grid-page="${currentPage - 1}" aria-label="上一页">${LOOP_GRID_PREV_ICON}</a>` : "";
+  const next = currentPage < totalPages ? `<a class="wb-loop-grid-pagination__btn" href="${buildLoopGridPageHref(currentPage + 1)}" data-wb-loop-grid-page="${currentPage + 1}" aria-label="下一页">${LOOP_GRID_NEXT_ICON}</a>` : "";
+  return `${LOOP_GRID_PAGINATION_STYLE}<nav class="wb-loop-grid-pagination" data-cms-pagination>${prev}${buttons}${next}</nav>`;
+}
+function isProductCategoryContextLoopType(schema) {
+  return schema.loopItemType === "productCategoryFaq" || schema.loopItemType === "post" && !!`${schema.query.contextCollection ?? ""}`.trim();
+}
+function renderLoopGridMissingTemplate(schema) {
+  const selectedTemplate = `${schema.loopItemTemplateResourceId || schema.itemTemplateId || ""}`.trim();
+  return `
+    <div class="wb-loop-grid-empty" data-wb-loop-grid-missing-template>
+      <strong>Loop Item Template not loaded</strong>
+      <p>${selectedTemplate ? `Selected template ID: ${escapeHtml(selectedTemplate)}` : "Please select a loop item template."}</p>
+    </div>
+  `;
+}
+function renderLoopGridPreview(schemaInput, itemTemplate, previewData) {
+  const schema = {
+    ...DEFAULT_LOOP_GRID_SCHEMA,
+    ...schemaInput
+  };
+  if (previewData == null ? void 0 : previewData.loading) {
+    return `
+      <div class="wb-loop-grid-render" data-wb-loop-grid-render>
+        <div class="wb-loop-grid-empty">
+          <strong>Loading loop data...</strong>
+          <p>正在读取真实数据用于预览。</p>
+        </div>
+      </div>
+    `;
+  }
+  if (previewData == null ? void 0 : previewData.error) {
+    return `
+      <div class="wb-loop-grid-render" data-wb-loop-grid-render>
+        <div class="wb-loop-grid-empty">
+          <strong>Loop data preview failed</strong>
+          <p>${escapeHtml(previewData.error)}</p>
+        </div>
+      </div>
+    `;
+  }
+  const resolvedItems = applyFilterState((previewData == null ? void 0 : previewData.items) || [], schema.filterState);
+  const currentPage = Math.max(1, (previewData == null ? void 0 : previewData.pageNo) || schema.filterState.currentPage || 1);
+  const perPage = Math.max(1, schema.layout.itemsPerPage || 1);
+  const totalPages = Math.max(
+    1,
+    (previewData == null ? void 0 : previewData.totalPages) || Math.ceil(((previewData == null ? void 0 : previewData.total) || resolvedItems.length) / perPage)
+  );
+  const normalizedPage = Math.min(currentPage, totalPages);
+  const itemOffset = (normalizedPage - 1) * perPage;
+  const pagedItems = resolvedItems.slice(0, perPage);
+  if (pagedItems.length === 0) {
+    return `
+      <div class="wb-loop-grid-render" data-wb-loop-grid-render>
+        <div class="wb-loop-grid-empty">
+          <strong>${escapeHtml((itemTemplate == null ? void 0 : itemTemplate.label) || resolveTemplateLabel(schema.emptyTemplateId || "empty-default"))}</strong>
+          <p>${escapeHtml(schema.emptyState.nothingFoundText)}</p>
+        </div>
+      </div>
+    `;
+  }
+  if (!(itemTemplate == null ? void 0 : itemTemplate.html) && schema.loopItemTemplateResourceId) {
+    return renderLoopGridMissingTemplate(schema);
+  }
+  const cards = pagedItems.map((item, index) => {
+    if (itemTemplate == null ? void 0 : itemTemplate.html) {
+      return renderCustomTemplate(
+        itemTemplate,
+        item,
+        `${schema.gridId || schema.loopItemTemplateResourceId || schema.itemTemplateId}-preview-${itemOffset + index + 1}`
+      );
+    }
+    return renderCard(item, schema.itemTemplateId);
+  }).join("");
+  const isCarousel = !!schema.layout.loopCarousel;
+  const scrollSnap = isCarousel || !!schema.layout.horizontalScroll;
+  const carouselItemWidth = parseNumber(schema.layout.carouselItemWidth, 360, {
+    min: 160,
+    max: 960
+  });
+  const mobileScrollItemWidth = parseNumber(schema.layout.scrollItemWidth, 320, {
+    min: 160,
+    max: 720
+  });
+  const arrowPosition = parseNumber(schema.layout.carouselArrowPosition, 50, {
+    min: 0,
+    max: 100
+  });
+  const trackStyle = [
+    "display:grid",
+    `grid-template-columns:repeat(${schema.layout.columns}, minmax(0, 1fr))`,
+    `column-gap:${schema.layout.columnGap}px`,
+    `row-gap:${schema.layout.rowGap}px`,
+    scrollSnap ? `--wb-loop-grid-carousel-item-width:${carouselItemWidth}px` : "",
+    scrollSnap ? `--wb-loop-grid-mobile-item-width:${mobileScrollItemWidth}px` : "",
+    scrollSnap ? "grid-template-columns:none" : "",
+    scrollSnap ? "grid-auto-flow:column" : "",
+    isCarousel ? "grid-auto-columns:min(var(--wb-loop-grid-carousel-item-width), 86vw)" : "",
+    !isCarousel && schema.layout.horizontalScroll ? "grid-auto-columns:min(var(--wb-loop-grid-mobile-item-width), 86vw)" : "",
+    scrollSnap ? "overflow-x:auto" : "",
+    scrollSnap ? "overflow-y:hidden" : "",
+    scrollSnap ? "-webkit-overflow-scrolling:touch" : "",
+    scrollSnap ? "scroll-snap-type:x mandatory" : "",
+    isCarousel ? "scroll-padding-inline:calc((100% - min(var(--wb-loop-grid-carousel-item-width), 86vw)) / 2)" : "",
+    !isCarousel && schema.layout.horizontalScroll ? "scroll-padding-inline:calc((100% - min(var(--wb-loop-grid-mobile-item-width), 86vw)) / 2)" : ""
+  ].filter(Boolean).join(";");
+  return `
+    <div class="wb-loop-grid-render" data-wb-loop-grid-render data-wb-loop-item-template-id="${escapeHtml(schema.loopItemTemplateResourceId || schema.itemTemplateId)}">
+      ${isCarousel ? `<div class="wb-loop-grid-carousel-shell" style="--wb-loop-grid-carousel-arrow-y:${arrowPosition}%">
+              <button type="button" class="wb-loop-grid-carousel-arrow wb-loop-grid-carousel-arrow--prev" data-wb-loop-carousel-prev aria-label="Previous">${LOOP_GRID_PREV_ICON}</button>` : ""}
+      <div class="wb-loop-grid-cards" ${scrollSnap ? "data-wb-loop-carousel-track" : ""} style="${trackStyle};">
+        ${cards}
+      </div>
+      ${isCarousel ? `<button type="button" class="wb-loop-grid-carousel-arrow wb-loop-grid-carousel-arrow--next" data-wb-loop-carousel-next aria-label="Next">${LOOP_GRID_NEXT_ICON}</button>
+            </div>` : ""}
+      ${buildPagination(
+    totalPages,
+    normalizedPage,
+    isProductCategoryContextLoopType(schema) ? "none" : schema.pagination.mode
+  )}
+    </div>
+  `;
+}
+function mergeFilterState(currentFilterState, incomingFilterState) {
+  return {
+    ...currentFilterState,
+    ...incomingFilterState || {},
+    taxonomy: (incomingFilterState == null ? void 0 : incomingFilterState.taxonomy) ?? currentFilterState.taxonomy,
+    tag: (incomingFilterState == null ? void 0 : incomingFilterState.tag) ?? currentFilterState.tag,
+    category: (incomingFilterState == null ? void 0 : incomingFilterState.category) ?? currentFilterState.category,
+    author: (incomingFilterState == null ? void 0 : incomingFilterState.author) ?? currentFilterState.author,
+    currentPage: (incomingFilterState == null ? void 0 : incomingFilterState.currentPage) ?? 1
+  };
+}
+export {
+  C as CMS_COMPONENTS_CAPABILITY,
+  a as CMS_COMPONENTS_PLUGIN_ID,
+  b as CMS_COMPONENT_LOAD_TYPES,
+  d as CMS_COMPONENT_REQUIRED_HOST_SERVICES,
+  C2 as CONTEXT_DETAIL_CMS_COMPONENT,
+  o as DEFAULT_DYNAMIC_CONTEXT,
+  DEFAULT_LOOP_GRID_SCHEMA,
+  f as DEFAULT_MENU_TREE_CODE,
+  DEFAULT_SITE_MENU_CODE,
+  q as DYNAMIC_FIELD_MAP,
+  s as DYNAMIC_FIELD_STYLES,
+  t as DYNAMIC_FIELD_STYLE_KEY,
+  u as DYNAMIC_REPEAT_MAP,
+  LOOP_GRID_NEXT_ICON,
+  v as LOOP_GRID_PAGINATION_CSS,
+  c3 as LOOP_GRID_PAGINATION_SCRIPT,
+  LOOP_GRID_PAGINATION_STYLE,
+  LOOP_GRID_PREV_ICON,
+  w as LOOP_GRID_SCHEMA_VERSION,
+  PAGINATION_ATTRS,
+  PAGINATION_PROPS,
+  PAGINATION_TRAITS,
+  POST_CARD_CSS,
+  PRODUCT_CARD_CSS,
+  PRODUCT_DETAIL_STYLES,
+  PRODUCT_DETAIL_V2_STYLES,
+  R as RESOURCE_TYPE_TO_DYNAMIC_CONTEXT,
+  STATIC_CHILD,
+  x as WB_CMS_DYNAMIC_FIELD_TYPES,
+  y as WB_CMS_DYN_BREADCRUMB_TYPE,
+  z as WB_CMS_DYN_DATETIME_TYPE,
+  A as WB_CMS_DYN_HTML_TYPE,
+  B as WB_CMS_DYN_IF_TYPE,
+  E as WB_CMS_DYN_IMAGE_TYPE,
+  F as WB_CMS_DYN_LINK_TYPE,
+  G as WB_CMS_DYN_REPEAT_ITEM_TYPE,
+  H as WB_CMS_DYN_REPEAT_TYPE,
+  I as WB_CMS_DYN_SEO_TYPE,
+  J as WB_CMS_DYN_TEXT_TYPE,
+  K as WB_CMS_DYN_TOC_TYPE,
+  M as WB_CMS_FAQ_SECTION_TYPE,
+  N as WB_CMS_MEDIA_DETAIL_TYPE,
+  O as WB_CMS_MEDIA_LATEST_TYPE,
+  P as WB_CMS_MEDIA_LIST_TYPE,
+  W as WB_CMS_MENU_TREE_TYPE,
+  Q as WB_CMS_POST_DETAIL_TYPE,
+  S as WB_CMS_POST_LATEST_TYPE,
+  T as WB_CMS_PRODUCT_CATEGORY_FAQ_TYPE,
+  U as WB_CMS_PRODUCT_FEATURED_TYPE,
+  V as WB_CMS_PRODUCT_LATEST_TYPE,
+  X as WB_CMS_PRODUCT_RELATED_TYPE,
+  Y as WB_CMS_SEARCH_TYPE,
+  Z as WB_CMS_SITE_MENU_TYPE,
+  _ as WB_CMS_TECHNICAL_DOWNLOAD_LIST_TYPE,
+  $ as WB_CMS_TECHNICAL_SERVICE_LIST_TYPE,
+  a0 as WB_CMS_TECHNICAL_SUPPORT_DETAIL_TYPE,
+  a1 as WB_DYN_MARK_ATTR,
+  a2 as WB_TEMPLATE_CONTEXT_KEY,
+  a3 as applyBindAttribute,
+  bindDynamicRenderData,
+  a4 as buildFieldSelectOptions,
+  a5 as buildSparseAttrs,
+  a6 as buildTraitOptions,
+  a7 as clearTraitValueIfUnavailable,
+  c as componentsCms,
+  composeDynamicUrl$1 as composeDynamicUrl,
+  composePlaceholderUrl,
+  c2 as createCmsComponentsPlugin,
+  a8 as createLoopGridId,
+  e as encodeLoopGridSchema,
+  a9 as filterFieldsByKind,
+  aa as findAncestorRepeat,
+  ab as findAncestorRepeats,
+  ac as findFieldMeta,
+  ad as findRepeatSource,
+  fixCmsComponentsHtml,
+  ae as getAllRepeatItemFields,
+  getCmsAttributesCallback,
+  af as getDynamicContextFromComponent,
+  ag as getPageLevelFields,
+  ah as getRepeatSourceOptions,
+  getWebBuilderDynamicDataProvider,
+  initPreviewMediaTrait,
+  initPreviewProductTrait,
+  makePaginationNav,
+  makePreviewGrid,
+  makePreviewHeader,
+  mergeFilterState,
+  normalizeSiteHref$1 as normalizeSiteHref,
+  d2 as parseCsvList,
+  p as parseNumber,
+  ai as refreshTraitOptions,
+  registerCmsComponent,
+  registerCmsTypeEntry,
+  l as registerDynamicBreadcrumbBlock,
+  k as registerDynamicConditionalBlock,
+  j as registerDynamicDatetimeBlock,
+  aj as registerDynamicFieldBlock,
+  g as registerDynamicHtmlBlock,
+  h as registerDynamicImageBlock,
+  i as registerDynamicLinkBlock,
+  n as registerDynamicSeoBlock,
+  r as registerDynamicTextBlock,
+  m as registerDynamicTocBlock,
+  removeDynamicRenderCloneIds,
+  renderLoopGridPreview,
+  ak as resolveAvailableFields,
+  al as resolveDynamicContext,
+  am as resolveMenuTreeAttrs,
+  resolveSiteMenuAttrs,
+  an as serializeCsvList,
+  setCmsFactoryDataProvider,
+  setWebBuilderDynamicDataProvider,
+  syncPaginationAttrs
+};