@toototech/webbuilder-plugins 0.1.0

package/dist/basic.js

@@ -0,0 +1,1146 @@
+import { m as makeCheckboxTrait, a as makeNumberTrait, b as makeImagePickerTrait, c as makeTextTrait, d as makeTextareaTrait, e as makeLinkTrait, f as makeLinkTargetTrait } from "./index-CxJlLwvG.js";
+import { B, g, h, i, L, S, T, U, j, W, k, l, n, o, p, q, r, s, t, u, v, w, x, y, z, A, C, D, E, F, G, H, I, J, K, M, N, O, P, Q, R, V, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aR, aS, aT, aU, aV, aW, aX, aY, aZ, a_, a$, b0, b1, b2, b3, b4, b5, b6, b7, b8, b9, ba, bb, bc, bd, be, bf, bg, bh, bi, bj, bk, bl, bm, bn, bo, bp, bq, br, bs, bt, bu, bv, bw, bx, by, bz, bA, bB, bC, bD, bE, bF, bG, bH, bI, bJ, bK, bL, bM, bN, bO, bP, bQ, bR, bS, bT, bU, bV, bW, bX, bY, bZ, b_, b$, c0, c1, c2, c3, c4, c5, c6, c7, c8, c9, ca, cb, cc, cd, ce } from "./index-CxJlLwvG.js";
+import { B as B2, a, b, d, c, g as g2 } from "./plugin-DebyCjXx.js";
+import { B as B3, r as r2 } from "./publisher-C6VWXq8u.js";
+const WB_BANNER_TYPE = "wb-banner";
+const WB_BANNER_SLIDE_TYPE = "wb-banner-slide";
+const BANNER_ROOT_CLASS = "wb-banner";
+function ensureClass(component, className) {
+  var _a;
+  if (!(component == null ? void 0 : component.addClass))
+    return;
+  const classList = ((_a = component.getClasses) == null ? void 0 : _a.call(component)) ?? [];
+  if (!classList.includes(className)) {
+    component.addClass(className);
+  }
+}
+function lockBannerInternalNode(component) {
+  if (!(component == null ? void 0 : component.set))
+    return;
+  component.set({
+    selectable: false,
+    droppable: false,
+    draggable: false,
+    highlightable: false,
+    layerable: false,
+    editable: false
+  });
+}
+function migrateBannerStructureClasses(model) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+  ensureClass(model, BANNER_ROOT_CLASS);
+  const swiper = (_c = (_b = (_a = model.components) == null ? void 0 : _a.call(model)) == null ? void 0 : _b.at) == null ? void 0 : _c.call(_b, 0);
+  ensureClass(swiper, "wb-banner__swiper");
+  (_d = swiper == null ? void 0 : swiper.set) == null ? void 0 : _d.call(swiper, {
+    selectable: false,
+    droppable: false,
+    draggable: false,
+    highlightable: false,
+    editable: false,
+    layerable: true,
+    name: "Slides"
+  });
+  const wrapper = (_g = (_f = (_e = swiper == null ? void 0 : swiper.components) == null ? void 0 : _e.call(swiper)) == null ? void 0 : _f.at) == null ? void 0 : _g.call(_f, 0);
+  (_h = wrapper == null ? void 0 : wrapper.set) == null ? void 0 : _h.call(wrapper, {
+    selectable: false,
+    droppable: false,
+    draggable: false,
+    highlightable: false,
+    editable: false,
+    layerable: true,
+    name: "Slide List"
+  });
+  const slides = ((_i = wrapper == null ? void 0 : wrapper.components) == null ? void 0 : _i.call(wrapper)) ?? [];
+  slides.forEach((slide, index) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s, _t, _u, _v, _w, _x, _y, _z, _A;
+    upgradeBannerSlideModel(slide, index);
+    ensureClass(slide, "wb-banner__slide");
+    const bg2 = (_c2 = (_b2 = (_a2 = slide.components) == null ? void 0 : _a2.call(slide)) == null ? void 0 : _b2.at) == null ? void 0 : _c2.call(_b2, 0);
+    ensureClass(bg2, "wb-banner__bg");
+    lockBannerInternalNode(bg2);
+    const overlay = (_f2 = (_e2 = (_d2 = slide.components) == null ? void 0 : _d2.call(slide)) == null ? void 0 : _e2.at) == null ? void 0 : _f2.call(_e2, 1);
+    ensureClass(overlay, "wb-banner__overlay");
+    lockBannerInternalNode(overlay);
+    const container = (_i2 = (_h2 = (_g2 = overlay == null ? void 0 : overlay.components) == null ? void 0 : _g2.call(overlay)) == null ? void 0 : _h2.at) == null ? void 0 : _i2.call(_h2, 0);
+    ensureClass(container, "wb-banner__container");
+    lockBannerInternalNode(container);
+    const content = (_l2 = (_k2 = (_j2 = container == null ? void 0 : container.components) == null ? void 0 : _j2.call(container)) == null ? void 0 : _k2.at) == null ? void 0 : _l2.call(_k2, 0);
+    ensureClass(content, "wb-banner__content");
+    lockBannerInternalNode(content);
+    const title = (_o2 = (_n2 = (_m2 = content == null ? void 0 : content.components) == null ? void 0 : _m2.call(content)) == null ? void 0 : _n2.at) == null ? void 0 : _o2.call(_n2, 0);
+    ensureClass(title, "wb-banner__title");
+    lockBannerInternalNode(title);
+    const desc = (_r2 = (_q2 = (_p2 = content == null ? void 0 : content.components) == null ? void 0 : _p2.call(content)) == null ? void 0 : _q2.at) == null ? void 0 : _r2.call(_q2, 1);
+    ensureClass(desc, "wb-banner__desc");
+    lockBannerInternalNode(desc);
+    const cta = (_u = (_t = (_s = content == null ? void 0 : content.components) == null ? void 0 : _s.call(content)) == null ? void 0 : _t.at) == null ? void 0 : _u.call(_t, 2);
+    ensureClass(cta, "wb-banner__cta");
+    lockBannerInternalNode(cta);
+    const ctaLabel = (_x = (_w = (_v = cta == null ? void 0 : cta.components) == null ? void 0 : _v.call(cta)) == null ? void 0 : _w.at) == null ? void 0 : _x.call(_w, 0);
+    ensureClass(ctaLabel, "wb-banner__cta-label");
+    lockBannerInternalNode(ctaLabel);
+    const ctaIcon = (_A = (_z = (_y = cta == null ? void 0 : cta.components) == null ? void 0 : _y.call(cta)) == null ? void 0 : _z.at) == null ? void 0 : _A.call(_z, 1);
+    ensureClass(ctaIcon, "wb-banner__cta-icon");
+    lockBannerInternalNode(ctaIcon);
+  });
+  const pagination = (_l = (_k = (_j = swiper == null ? void 0 : swiper.components) == null ? void 0 : _j.call(swiper)) == null ? void 0 : _k.find) == null ? void 0 : _l.call(_k, (child) => {
+    var _a2, _b2, _c2;
+    return (_c2 = (_b2 = (_a2 = child.getClasses) == null ? void 0 : _a2.call(child)) == null ? void 0 : _b2.includes) == null ? void 0 : _c2.call(_b2, "swiper-pagination");
+  });
+  lockBannerInternalNode(pagination);
+  const prev = (_o = (_n = (_m = swiper == null ? void 0 : swiper.components) == null ? void 0 : _m.call(swiper)) == null ? void 0 : _n.find) == null ? void 0 : _o.call(_n, (child) => {
+    var _a2, _b2, _c2;
+    return (_c2 = (_b2 = (_a2 = child.getClasses) == null ? void 0 : _a2.call(child)) == null ? void 0 : _b2.includes) == null ? void 0 : _c2.call(_b2, "swiper-button-prev");
+  });
+  lockBannerInternalNode(prev);
+  const next = (_r = (_q = (_p = swiper == null ? void 0 : swiper.components) == null ? void 0 : _p.call(swiper)) == null ? void 0 : _q.find) == null ? void 0 : _r.call(_q, (child) => {
+    var _a2, _b2, _c2;
+    return (_c2 = (_b2 = (_a2 = child.getClasses) == null ? void 0 : _a2.call(child)) == null ? void 0 : _b2.includes) == null ? void 0 : _c2.call(_b2, "swiper-button-next");
+  });
+  lockBannerInternalNode(next);
+}
+function buildSlideDef(index) {
+  return {
+    type: WB_BANNER_SLIDE_TYPE,
+    tagName: "div",
+    name: `Banner Slide ${index + 1}`,
+    removable: true,
+    copyable: true,
+    selectable: true,
+    droppable: false,
+    highlightable: true,
+    draggable: ".swiper-wrapper",
+    attributes: { class: "swiper-slide wb-banner__slide" },
+    slideImage: "https://placehold.co/1920x1080/1a1a2e/ffffff",
+    slideImageAlt: "",
+    slideTitle: `Banner Title ${index + 1}`,
+    slideDescription: "Your subtitle text goes here. Describe your product or service.",
+    slideButtonText: "CONTACT NOW",
+    slideLinkUrl: "#",
+    slideLinkTarget: "_self",
+    components: [
+      {
+        tagName: "img",
+        removable: false,
+        copyable: false,
+        selectable: false,
+        droppable: false,
+        draggable: false,
+        highlightable: false,
+        layerable: false,
+        editable: false,
+        attributes: {
+          class: "wb-banner__bg",
+          src: "https://placehold.co/1920x1080/1a1a2e/ffffff",
+          alt: ""
+        }
+      },
+      {
+        tagName: "div",
+        selectable: false,
+        droppable: false,
+        draggable: false,
+        highlightable: false,
+        layerable: false,
+        editable: false,
+        attributes: { class: "wb-banner__overlay" },
+        components: [
+          {
+            tagName: "div",
+            selectable: false,
+            droppable: false,
+            draggable: false,
+            highlightable: false,
+            layerable: false,
+            editable: false,
+            attributes: { class: "wb-banner__container" },
+            components: [
+              {
+                tagName: "div",
+                selectable: false,
+                droppable: false,
+                draggable: false,
+                highlightable: false,
+                layerable: false,
+                editable: false,
+                attributes: { class: "wb-banner__content" },
+                components: [
+                  {
+                    tagName: "h2",
+                    type: "text",
+                    selectable: false,
+                    droppable: false,
+                    draggable: false,
+                    highlightable: false,
+                    layerable: false,
+                    editable: false,
+                    attributes: {
+                      class: "ani wb-banner__title",
+                      "swiper-animate-effect": "fadeInUp",
+                      "swiper-animate-duration": "0.5s"
+                    },
+                    components: `Banner Title ${index + 1}`
+                  },
+                  {
+                    tagName: "p",
+                    type: "text",
+                    selectable: false,
+                    droppable: false,
+                    draggable: false,
+                    highlightable: false,
+                    layerable: false,
+                    editable: false,
+                    attributes: {
+                      class: "ani wb-banner__desc",
+                      "swiper-animate-effect": "fadeInUp",
+                      "swiper-animate-duration": "0.5s",
+                      "swiper-animate-delay": "0.2s"
+                    },
+                    components: "Your subtitle text goes here. Describe your product or service."
+                  },
+                  {
+                    tagName: "a",
+                    selectable: false,
+                    droppable: false,
+                    draggable: false,
+                    highlightable: false,
+                    layerable: false,
+                    editable: false,
+                    attributes: {
+                      class: "ani wb-banner__cta",
+                      href: "#",
+                      target: "_self",
+                      "swiper-animate-effect": "fadeInUp",
+                      "swiper-animate-duration": "0.5s",
+                      "swiper-animate-delay": "0.4s"
+                    },
+                    components: [
+                      {
+                        tagName: "span",
+                        type: "text",
+                        selectable: false,
+                        droppable: false,
+                        draggable: false,
+                        highlightable: false,
+                        layerable: false,
+                        editable: false,
+                        attributes: { class: "wb-banner__cta-label" },
+                        components: "CONTACT NOW"
+                      },
+                      {
+                        tagName: "i",
+                        type: "text",
+                        selectable: false,
+                        droppable: false,
+                        draggable: false,
+                        highlightable: false,
+                        layerable: false,
+                        editable: false,
+                        attributes: { class: "wb-banner__cta-icon" },
+                        components: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="7.545314788818359" height="13.798747062683105" viewBox="0 0 7.545314788818359 13.798747062683105"><path d="M0.19408162,1.1325252L5.989419,6.866704L0.23158942,12.685846C-0.02397071,12.941384,-0.02306027,13.356615,0.23356543,13.61324C0.49021322,13.869889,0.90542096,13.870777,1.160848,13.549639L7.3029509,7.4075375C7.3858061,7.3148007,7.4810295,7.2052526,7.4968181,7.1461372C7.5938425,6.9049888,7.5452747,6.6087008,7.3511844,6.3651543L1.1232733,0.13724433C0.86555904,-0.054758705,0.44844228,-0.05575816,0.19179367,0.20089003C-0.064810015,0.4575386,-0.06381055,0.87463331,0.19408162,1.1325252Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></svg>'
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  };
+}
+function getSlideNodeAtPath(slide, path) {
+  var _a, _b, _c;
+  let current = slide;
+  for (const index of path) {
+    current = (_c = (_b = (_a = current == null ? void 0 : current.components) == null ? void 0 : _a.call(current)) == null ? void 0 : _b.at) == null ? void 0 : _c.call(_b, index);
+    if (!current)
+      return null;
+  }
+  return current;
+}
+function getBannerSlideTraits() {
+  return [
+    makeImagePickerTrait("背景图片", "slideImage", { showPreview: true }),
+    makeTextTrait("图片替代文字", "slideImageAlt", { placeholder: "Banner image alt" }),
+    makeTextareaTrait("标题", "slideTitle", { placeholder: "Banner Title", rows: 3 }),
+    makeTextareaTrait("内容", "slideDescription", { placeholder: "Banner description", rows: 4 }),
+    makeTextTrait("按钮文字", "slideButtonText", { placeholder: "CONTACT NOW" }),
+    makeLinkTrait({ label: "按钮链接", name: "slideLinkUrl", placeholder: "https://" }),
+    makeLinkTargetTrait({ label: "按钮打开方式", name: "slideLinkTarget" })
+  ];
+}
+function syncBannerSlideContent(slide) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  const bg2 = getSlideNodeAtPath(slide, [0]);
+  (_c = bg2 == null ? void 0 : bg2.addAttributes) == null ? void 0 : _c.call(bg2, {
+    src: ((_a = slide.get) == null ? void 0 : _a.call(slide, "slideImage")) || "https://placehold.co/1920x1080/1a1a2e/ffffff",
+    alt: ((_b = slide.get) == null ? void 0 : _b.call(slide, "slideImageAlt")) || ""
+  });
+  const title = getSlideNodeAtPath(slide, [1, 0, 0, 0]);
+  if (title)
+    (_e = title.components) == null ? void 0 : _e.call(title, ((_d = slide.get) == null ? void 0 : _d.call(slide, "slideTitle")) || "");
+  const desc = getSlideNodeAtPath(slide, [1, 0, 0, 1]);
+  if (desc)
+    (_g = desc.components) == null ? void 0 : _g.call(desc, ((_f = slide.get) == null ? void 0 : _f.call(slide, "slideDescription")) || "");
+  const cta = getSlideNodeAtPath(slide, [1, 0, 0, 2]);
+  (_j = cta == null ? void 0 : cta.addAttributes) == null ? void 0 : _j.call(cta, {
+    href: ((_h = slide.get) == null ? void 0 : _h.call(slide, "slideLinkUrl")) || "#",
+    target: ((_i = slide.get) == null ? void 0 : _i.call(slide, "slideLinkTarget")) || "_self"
+  });
+  const ctaLabel = getSlideNodeAtPath(slide, [1, 0, 0, 2, 0]);
+  if (ctaLabel)
+    (_l = ctaLabel.components) == null ? void 0 : _l.call(ctaLabel, ((_k = slide.get) == null ? void 0 : _k.call(slide, "slideButtonText")) || "");
+}
+function restoreBannerSlideContent(slide, fallbackIndex = 0) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+  const bg2 = getSlideNodeAtPath(slide, [0]);
+  const title = getSlideNodeAtPath(slide, [1, 0, 0, 0]);
+  const desc = getSlideNodeAtPath(slide, [1, 0, 0, 1]);
+  const cta = getSlideNodeAtPath(slide, [1, 0, 0, 2]);
+  const ctaLabel = getSlideNodeAtPath(slide, [1, 0, 0, 2, 0]);
+  slide.set("slideImage", ((_b = (_a = bg2 == null ? void 0 : bg2.getAttributes) == null ? void 0 : _a.call(bg2)) == null ? void 0 : _b.src) || "https://placehold.co/1920x1080/1a1a2e/ffffff", { silent: true });
+  slide.set("slideImageAlt", ((_d = (_c = bg2 == null ? void 0 : bg2.getAttributes) == null ? void 0 : _c.call(bg2)) == null ? void 0 : _d.alt) || "", { silent: true });
+  slide.set("slideTitle", ((_f = (_e = title == null ? void 0 : title.toHTML) == null ? void 0 : _e.call(title)) == null ? void 0 : _f.replace(/^<[^>]+>|<\/[^>]+>$/g, "")) || ((_g = title == null ? void 0 : title.get) == null ? void 0 : _g.call(title, "content")) || `Banner Title ${fallbackIndex + 1}`, { silent: true });
+  slide.set("slideDescription", ((_i = (_h = desc == null ? void 0 : desc.toHTML) == null ? void 0 : _h.call(desc)) == null ? void 0 : _i.replace(/^<[^>]+>|<\/[^>]+>$/g, "")) || ((_j = desc == null ? void 0 : desc.get) == null ? void 0 : _j.call(desc, "content")) || "Your subtitle text goes here. Describe your product or service.", { silent: true });
+  slide.set("slideButtonText", ((_l = (_k = ctaLabel == null ? void 0 : ctaLabel.toHTML) == null ? void 0 : _k.call(ctaLabel)) == null ? void 0 : _l.replace(/^<[^>]+>|<\/[^>]+>$/g, "")) || ((_m = ctaLabel == null ? void 0 : ctaLabel.get) == null ? void 0 : _m.call(ctaLabel, "content")) || "CONTACT NOW", { silent: true });
+  slide.set("slideLinkUrl", ((_o = (_n = cta == null ? void 0 : cta.getAttributes) == null ? void 0 : _n.call(cta)) == null ? void 0 : _o.href) || "#", { silent: true });
+  slide.set("slideLinkTarget", ((_q = (_p = cta == null ? void 0 : cta.getAttributes) == null ? void 0 : _p.call(cta)) == null ? void 0 : _q.target) || "_self", { silent: true });
+}
+function upgradeBannerSlideModel(slide, index) {
+  if (!(slide == null ? void 0 : slide.set))
+    return;
+  slide.set({
+    name: `Banner Slide ${index + 1}`,
+    draggable: ".swiper-wrapper",
+    droppable: false,
+    selectable: true,
+    editable: false,
+    stylable: true,
+    traits: getBannerSlideTraits()
+  });
+  if (!slide.__wbBannerSlideBound) {
+    slide.on(
+      "change:slideImage change:slideImageAlt change:slideTitle change:slideDescription change:slideButtonText change:slideLinkUrl change:slideLinkTarget",
+      () => syncBannerSlideContent(slide)
+    );
+    slide.__wbBannerSlideBound = true;
+  }
+  restoreBannerSlideContent(slide, index);
+  syncBannerSlideContent(slide);
+}
+function resolveBannerTraitTarget(editor, traitCtx) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  const selected = (_a = editor.getSelected) == null ? void 0 : _a.call(editor);
+  if (((_b = selected == null ? void 0 : selected.get) == null ? void 0 : _b.call(selected, "type")) === WB_BANNER_TYPE)
+    return selected;
+  const fromSelected = (_c = selected == null ? void 0 : selected.closestType) == null ? void 0 : _c.call(selected, WB_BANNER_TYPE);
+  if (((_d = fromSelected == null ? void 0 : fromSelected.get) == null ? void 0 : _d.call(fromSelected, "type")) === WB_BANNER_TYPE)
+    return fromSelected;
+  const tmTarget = (_f = (_e = editor.TraitManager) == null ? void 0 : _e.getTarget) == null ? void 0 : _f.call(_e);
+  if (((_g = tmTarget == null ? void 0 : tmTarget.get) == null ? void 0 : _g.call(tmTarget, "type")) === WB_BANNER_TYPE)
+    return tmTarget;
+  const fromTmTarget = (_h = tmTarget == null ? void 0 : tmTarget.closestType) == null ? void 0 : _h.call(tmTarget, WB_BANNER_TYPE);
+  if (((_i = fromTmTarget == null ? void 0 : fromTmTarget.get) == null ? void 0 : _i.call(fromTmTarget, "type")) === WB_BANNER_TYPE)
+    return fromTmTarget;
+  const traitTarget = (traitCtx == null ? void 0 : traitCtx.target) ?? ((_j = traitCtx == null ? void 0 : traitCtx.get) == null ? void 0 : _j.call(traitCtx, "target"));
+  if (((_k = traitTarget == null ? void 0 : traitTarget.get) == null ? void 0 : _k.call(traitTarget, "type")) === WB_BANNER_TYPE)
+    return traitTarget;
+  const fromTraitTarget = (_l = traitTarget == null ? void 0 : traitTarget.closestType) == null ? void 0 : _l.call(traitTarget, WB_BANNER_TYPE);
+  if (((_m = fromTraitTarget == null ? void 0 : fromTraitTarget.get) == null ? void 0 : _m.call(fromTraitTarget, "type")) === WB_BANNER_TYPE)
+    return fromTraitTarget;
+  return null;
+}
+function createAddSlideTrait() {
+  return {
+    type: "button",
+    name: "add-slide",
+    // GrapesJS：label 为 false 表示不显示 trait 标签；需字面量 false，避免被推断为 boolean
+    label: false,
+    text: "+ 添加 slide",
+    full: true,
+    command(editor) {
+      var _a, _b, _c, _d, _e;
+      const banner = resolveBannerTraitTarget(editor, this);
+      const wrapper = (_a = banner == null ? void 0 : banner._getWrapper) == null ? void 0 : _a.call(banner);
+      const slides = (_b = wrapper == null ? void 0 : wrapper.components) == null ? void 0 : _b.call(wrapper);
+      if (!slides)
+        return;
+      const created = slides.add(buildSlideDef(slides.length || 0));
+      (_d = banner == null ? void 0 : banner.set) == null ? void 0 : _d.call(banner, "slidesVersion", Number((_c = banner == null ? void 0 : banner.get) == null ? void 0 : _c.call(banner, "slidesVersion")) + 1 || 1);
+      const target = Array.isArray(created) ? created[0] : created;
+      if (target)
+        (_e = editor.select) == null ? void 0 : _e.call(editor, target);
+    }
+  };
+}
+function makeBannerScript() {
+  return function(props) {
+    const root = this;
+    function toBool(v2) {
+      if (typeof v2 === "boolean")
+        return v2;
+      if (typeof v2 === "string")
+        return v2 === "true";
+      return !!v2;
+    }
+    if (!document.getElementById("wb-banner-css")) {
+      const s2 = document.createElement("style");
+      s2.id = "wb-banner-css";
+      s2.textContent = ".wb-banner{width:100%;height:56.25vw;max-height:100vh;box-sizing:border-box;overflow:hidden;position:relative}.wb-banner__swiper{width:100%;height:100%}.wb-banner__swiper .swiper-wrapper{align-items:stretch}.wb-banner__slide{position:relative;overflow:hidden}.wb-banner__slide .wb-banner__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.wb-banner__overlay{position:absolute;inset:0;display:flex;align-items:center;z-index:1}.wb-banner__container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px;box-sizing:border-box}.wb-banner__content{max-width:750px;color:#fff}.wb-banner__title{margin-bottom:20px;font-size:56px;font-weight:600;line-height:1.2}.wb-banner__desc{margin-bottom:32px;font-size:18px;font-weight:300;line-height:1.6;max-width:560px}.wb-banner__cta{display:inline-flex;align-items:center;background:#fff;color:#000;padding:4px;border-radius:9999px;text-decoration:none}.wb-banner__cta-label{padding:0 16px;font-size:14px;font-weight:500}.wb-banner__cta-icon{width:40px;height:40px;background:#041038;border-radius:9999px;color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:16px;flex-shrink:0}.wb-banner__swiper .swiper-button-prev,.wb-banner__swiper .swiper-button-next{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}.wb-banner__swiper.swiper-horizontal>.swiper-pagination-bullets,.wb-banner__swiper.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-horizontal,.wb-banner__swiper.swiper-horizontal>.swiper-pagination-custom,.wb-banner__swiper.swiper-horizontal>.swiper-pagination-fraction{bottom:5%}.wb-banner__swiper .swiper-button-prev::after,.wb-banner__swiper .swiper-button-next::after{font-size:24px}.wb-banner__swiper .swiper-pagination-bullet{background:#fff;opacity:.6}.wb-banner__swiper .swiper-pagination-bullet-active{opacity:1}.wb-banner__swiper.wb-banner-rect-pagi .swiper-pagination-bullet{width:24px;height:3px;border-radius:0}.wb-banner__swiper .swiper-button-prev.wb-nav-custom::after,.wb-banner__swiper .swiper-button-next.wb-nav-custom::after{display:none}@media(max-width:1023px){.wb-banner{height:72vw!important;min-height:520px;max-height:none!important}.wb-banner__overlay{align-items:flex-end}.wb-banner__container{padding:0 20px 88px!important}.wb-banner__content{max-width:620px!important}.wb-banner__title{font-size:40px!important;margin-bottom:16px!important}.wb-banner__desc{font-size:16px!important;margin-bottom:24px!important;max-width:500px!important}.wb-banner__swiper .swiper-button-prev::after,.wb-banner__swiper .swiper-button-next::after{font-size:20px}.wb-banner__swiper.swiper-horizontal>.swiper-pagination-bullets,.wb-banner__swiper.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-horizontal,.wb-banner__swiper.swiper-horizontal>.swiper-pagination-custom,.wb-banner__swiper.swiper-horizontal>.swiper-pagination-fraction{bottom:32px}}@media(max-width:767px){.wb-banner{height:150vw!important;min-height:420px}.wb-banner__container{padding:0 16px 72px!important}.wb-banner__content{max-width:none!important}.wb-banner__title{font-size:28px!important;line-height:1.15!important;margin-bottom:14px!important}.wb-banner__desc{font-size:14px!important;line-height:1.6!important;margin-bottom:18px!important;max-width:none!important}.wb-banner__cta{padding:3px!important}.wb-banner__cta-label{padding:0 14px!important;font-size:13px!important}.wb-banner__cta-icon{width:36px!important;height:36px!important;font-size:14px!important}.wb-banner__swiper .swiper-button-prev,.wb-banner__swiper .swiper-button-next{display:none!important}.wb-banner__swiper.swiper-horizontal>.swiper-pagination-bullets,.wb-banner__swiper.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-horizontal,.wb-banner__swiper.swiper-horizontal>.swiper-pagination-custom,.wb-banner__swiper.swiper-horizontal>.swiper-pagination-fraction{bottom:22px}}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-40px,0,0)}to{opacity:1;transform:none}}@keyframes fadeInRight{from{opacity:0;transform:translate3d(40px,0,0)}to{opacity:1;transform:none}}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.ani{opacity:0;}";
+      document.head.appendChild(s2);
+    }
+    function resetAni(container) {
+      container.querySelectorAll(".ani").forEach(function(node) {
+        node.style.animationName = "none";
+        node.style.opacity = "0";
+      });
+    }
+    function runAni(swiper) {
+      resetAni(swiper.el);
+      const activeSlide = swiper.el.querySelector(".swiper-slide-active");
+      if (!activeSlide)
+        return;
+      activeSlide.querySelectorAll(".ani").forEach(function(node) {
+        const effect = node.getAttribute("swiper-animate-effect") || "fadeIn";
+        const duration = node.getAttribute("swiper-animate-duration") || "0.5s";
+        const delay = node.getAttribute("swiper-animate-delay") || "0s";
+        void node.offsetHeight;
+        node.style.animationDuration = duration;
+        node.style.animationDelay = delay;
+        node.style.animationFillMode = "both";
+        node.style.animationName = effect;
+        node.style.opacity = "1";
+      });
+    }
+    function ensureSwiper() {
+      return new Promise(function(resolve, reject) {
+        const w2 = window;
+        if (w2.Swiper) {
+          resolve();
+          return;
+        }
+        const timer = setTimeout(function() {
+          reject(new Error("Swiper load timeout"));
+        }, 1e4);
+        if (!document.querySelector("link[data-wb-swiper]")) {
+          const link = document.createElement("link");
+          link.rel = "stylesheet";
+          link.setAttribute("data-wb-swiper", "1");
+          link.href = "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css";
+          document.head.appendChild(link);
+        }
+        const existing = document.querySelector("script[data-wb-swiper]");
+        if (existing) {
+          if (window.Swiper) {
+            clearTimeout(timer);
+            resolve();
+            return;
+          }
+          const done = function() {
+            clearTimeout(timer);
+            resolve();
+          };
+          existing.addEventListener("load", done, { once: true });
+          existing.addEventListener("error", function() {
+            clearTimeout(timer);
+            reject(new Error("Swiper script failed"));
+          }, { once: true });
+          return;
+        }
+        const sc = document.createElement("script");
+        sc.src = "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js";
+        sc.setAttribute("data-wb-swiper", "1");
+        sc.onload = function() {
+          clearTimeout(timer);
+          resolve();
+        };
+        sc.onerror = function() {
+          clearTimeout(timer);
+          reject(new Error("Swiper script failed"));
+        };
+        document.body.appendChild(sc);
+      });
+    }
+    function setArrowImg(el, src) {
+      if (!el)
+        return;
+      let img = el.querySelector("img.wb-nav-img");
+      if (src) {
+        if (!img) {
+          img = document.createElement("img");
+          img.className = "wb-nav-img";
+          img.style.cssText = "width:100%;height:100%;object-fit:contain;display:block;position:absolute;inset:0;";
+          el.style.position = "relative";
+          el.appendChild(img);
+        }
+        img.src = src;
+        el.classList.add("wb-nav-custom");
+      } else {
+        if (img)
+          img.remove();
+        el.classList.remove("wb-nav-custom");
+      }
+    }
+    function initSwiper() {
+      const w2 = window;
+      if (!w2.Swiper)
+        return;
+      if (root._wbBannerSwiper) {
+        try {
+          root._wbBannerSwiper.destroy(true, true);
+        } catch (_2) {
+        }
+      }
+      const paginationStyle = props.paginationStyle || "dots";
+      const showPagination = paginationStyle !== "none";
+      const showArrows = toBool(props.showArrows);
+      const prevArrowSrc = props.prevArrowSrc || "";
+      const nextArrowSrc = props.nextArrowSrc || "";
+      const autoplay = toBool(props.autoplay);
+      const loop = toBool(props.loop);
+      const speed = Math.max(100, Number(props.speed) || 600);
+      const swiperEl = root.querySelector(".swiper");
+      if (!swiperEl)
+        return;
+      const paginationEl = swiperEl.querySelector(".swiper-pagination");
+      const prevEl = swiperEl.querySelector(".swiper-button-prev");
+      const nextEl = swiperEl.querySelector(".swiper-button-next");
+      const slideCount = swiperEl.querySelectorAll(".swiper-wrapper > .swiper-slide").length;
+      const safeLoop = loop && slideCount >= 2;
+      if (paginationEl)
+        paginationEl.style.display = showPagination ? "" : "none";
+      if (prevEl)
+        prevEl.style.display = showArrows ? "" : "none";
+      if (nextEl)
+        nextEl.style.display = showArrows ? "" : "none";
+      if (paginationStyle === "rect") {
+        swiperEl.classList.add("wb-banner-rect-pagi");
+      } else {
+        swiperEl.classList.remove("wb-banner-rect-pagi");
+      }
+      setArrowImg(prevEl, prevArrowSrc);
+      setArrowImg(nextEl, nextArrowSrc);
+      let paginationConfig = false;
+      if (showPagination && paginationEl) {
+        if (paginationStyle === "number") {
+          paginationConfig = { el: paginationEl, type: "fraction" };
+        } else {
+          paginationConfig = { el: paginationEl, clickable: true, type: "bullets" };
+        }
+      }
+      root._wbBannerSwiper = new w2.Swiper(swiperEl, {
+        loop: safeLoop,
+        speed,
+        pagination: paginationConfig,
+        navigation: showArrows && prevEl && nextEl ? { prevEl, nextEl } : false,
+        autoplay: autoplay ? { delay: Math.max(500, Number(props.autoplayDelay) || 4e3), disableOnInteraction: false } : false,
+        on: {
+          slideChangeTransitionEnd: function(swiper) {
+            runAni(swiper);
+          }
+        }
+      });
+      (function(sw) {
+        requestAnimationFrame(function() {
+          runAni(sw);
+        });
+      })(root._wbBannerSwiper);
+    }
+    const aniFallback = setTimeout(function() {
+      root.querySelectorAll(".ani").forEach(function(n2) {
+        n2.style.opacity = "1";
+      });
+    }, 5e3);
+    ensureSwiper().then(function() {
+      clearTimeout(aniFallback);
+      initSwiper();
+    }).catch(function() {
+      clearTimeout(aniFallback);
+      root.querySelectorAll(".ani").forEach(function(n2) {
+        n2.style.opacity = "1";
+      });
+    });
+  };
+}
+function registerBannerComponent(editor) {
+  const domComponents = editor == null ? void 0 : editor.DomComponents;
+  if (!domComponents || domComponents.getType(WB_BANNER_TYPE))
+    return;
+  const bannerScript = makeBannerScript();
+  const getBannerRoot = (component) => {
+    var _a, _b;
+    if (!component)
+      return null;
+    if (((_a = component.get) == null ? void 0 : _a.call(component, "type")) === WB_BANNER_TYPE)
+      return component;
+    return ((_b = component.closestType) == null ? void 0 : _b.call(component, WB_BANNER_TYPE)) ?? null;
+  };
+  const getBannerSlideRoot = (component) => {
+    var _a, _b, _c;
+    if (!component)
+      return null;
+    if (((_a = component.get) == null ? void 0 : _a.call(component, "type")) === WB_BANNER_SLIDE_TYPE)
+      return component;
+    const slide = (_b = component.closestType) == null ? void 0 : _b.call(component, WB_BANNER_SLIDE_TYPE);
+    if (((_c = slide == null ? void 0 : slide.get) == null ? void 0 : _c.call(slide, "type")) === WB_BANNER_SLIDE_TYPE)
+      return slide;
+    return null;
+  };
+  const clearBannerEditingState = () => {
+    var _a, _b, _c, _d, _e;
+    const doc = (_b = (_a = editor.Canvas) == null ? void 0 : _a.getDocument) == null ? void 0 : _b.call(_a);
+    (_e = (_d = (_c = doc == null ? void 0 : doc.querySelectorAll) == null ? void 0 : _c.call(doc, ".wb-banner.wb-banner--editing")) == null ? void 0 : _d.forEach) == null ? void 0 : _e.call(_d, (el) => {
+      el.classList.remove("wb-banner--editing");
+    });
+  };
+  const syncBannerEditingState = (component) => {
+    var _a, _b;
+    clearBannerEditingState();
+    const banner = getBannerRoot(component ?? ((_a = editor.getSelected) == null ? void 0 : _a.call(editor)));
+    const el = (_b = banner == null ? void 0 : banner.getEl) == null ? void 0 : _b.call(banner);
+    if (el == null ? void 0 : el.classList) {
+      el.classList.add("wb-banner--editing");
+    }
+  };
+  domComponents.addType(WB_BANNER_SLIDE_TYPE, {
+    isComponent: (el) => {
+      var _a;
+      return ((_a = el == null ? void 0 : el.classList) == null ? void 0 : _a.contains("wb-banner__slide")) ? { type: WB_BANNER_SLIDE_TYPE } : false;
+    },
+    model: {
+      defaults: {
+        name: "Banner Slide",
+        tagName: "div",
+        draggable: ".swiper-wrapper",
+        droppable: false,
+        selectable: true,
+        editable: false,
+        stylable: true,
+        attributes: { class: "swiper-slide wb-banner__slide" },
+        slideImage: "https://placehold.co/1920x1080/1a1a2e/ffffff",
+        slideImageAlt: "",
+        slideTitle: "Banner Title",
+        slideDescription: "Your subtitle text goes here. Describe your product or service.",
+        slideButtonText: "CONTACT NOW",
+        slideLinkUrl: "#",
+        slideLinkTarget: "_self",
+        traits: getBannerSlideTraits()
+      },
+      init() {
+        var _a, _b, _c;
+        const fallbackIndex = Math.max(0, ((_c = (_b = (_a = this.parent) == null ? void 0 : _a.call(this)) == null ? void 0 : _b.indexOf) == null ? void 0 : _c.call(_b, this)) ?? 0);
+        restoreBannerSlideContent(this, fallbackIndex);
+        this.on(
+          "change:slideImage change:slideImageAlt change:slideTitle change:slideDescription change:slideButtonText change:slideLinkUrl change:slideLinkTarget",
+          this.syncSlideContent
+        );
+        this.syncSlideContent();
+      },
+      syncSlideContent() {
+        syncBannerSlideContent(this);
+      }
+    }
+  });
+  editor.on("component:selected", (component) => {
+    var _a, _b;
+    const type = (_a = component == null ? void 0 : component.get) == null ? void 0 : _a.call(component, "type");
+    if (type !== WB_BANNER_TYPE && type !== WB_BANNER_SLIDE_TYPE) {
+      const slide = getBannerSlideRoot(component);
+      if (slide && slide !== component) {
+        (_b = editor.select) == null ? void 0 : _b.call(editor, slide);
+        return;
+      }
+    }
+    syncBannerEditingState(component);
+  });
+  editor.on("component:deselected", () => {
+    syncBannerEditingState();
+  });
+  editor.on("rte:enable", (view) => {
+    var _a;
+    const slide = getBannerSlideRoot(view == null ? void 0 : view.model);
+    if (slide) {
+      (_a = editor.select) == null ? void 0 : _a.call(editor, slide);
+      return;
+    }
+    syncBannerEditingState(view == null ? void 0 : view.model);
+  });
+  editor.on("rte:disable", () => {
+    syncBannerEditingState();
+  });
+  domComponents.addType(WB_BANNER_TYPE, {
+    isComponent: (el) => {
+      var _a;
+      if (((_a = el == null ? void 0 : el.getAttribute) == null ? void 0 : _a.call(el, "data-wb-component")) === "banner") {
+        return { type: WB_BANNER_TYPE };
+      }
+      return false;
+    },
+    model: {
+      defaults: {
+        name: "Banner 轮播",
+        tagName: "div",
+        draggable: "*",
+        droppable: false,
+        selectable: true,
+        editable: false,
+        stylable: true,
+        classes: [BANNER_ROOT_CLASS],
+        attributes: {
+          "data-wb-component": "banner",
+          "data-loop": "true",
+          "data-autoplay": "false",
+          "data-autoplay-delay": "4000",
+          "data-speed": "600",
+          "data-show-arrows": "true",
+          "data-pagination-style": "dots",
+          "data-prev-arrow-src": "",
+          "data-next-arrow-src": ""
+        },
+        // 模型属性
+        loop: true,
+        autoplay: false,
+        autoplayDelay: 4e3,
+        speed: 600,
+        showArrows: true,
+        paginationStyle: "dots",
+        prevArrowSrc: "",
+        nextArrowSrc: "",
+        slidesVersion: 0,
+        "script-props": [
+          "loop",
+          "autoplay",
+          "autoplayDelay",
+          "speed",
+          "showArrows",
+          "paginationStyle",
+          "prevArrowSrc",
+          "nextArrowSrc",
+          "slidesVersion"
+        ],
+        components: [
+          {
+            tagName: "div",
+            removable: false,
+            copyable: false,
+            selectable: false,
+            droppable: false,
+            attributes: { class: "swiper wb-banner__swiper" },
+            style: { width: "100%", height: "100%" },
+            components: [
+              {
+                tagName: "div",
+                removable: false,
+                copyable: false,
+                selectable: false,
+                droppable: false,
+                attributes: { class: "swiper-wrapper" },
+                components: [
+                  buildSlideDef(0),
+                  buildSlideDef(1)
+                ]
+              },
+              {
+                tagName: "div",
+                removable: false,
+                selectable: false,
+                droppable: false,
+                attributes: { class: "swiper-pagination" }
+              },
+              {
+                tagName: "div",
+                removable: false,
+                selectable: false,
+                droppable: false,
+                attributes: { class: "swiper-button-prev" }
+              },
+              {
+                tagName: "div",
+                removable: false,
+                selectable: false,
+                droppable: false,
+                attributes: { class: "swiper-button-next" }
+              }
+            ]
+          }
+        ],
+        script: bannerScript,
+        "script-export": bannerScript,
+        traits: [
+          createAddSlideTrait(),
+          makeCheckboxTrait("循环", "loop"),
+          makeCheckboxTrait("自动播放", "autoplay"),
+          makeNumberTrait("自动播放间隔(ms)", "autoplayDelay", { min: 500, max: 2e4, step: 100 }),
+          makeNumberTrait("切换速度(ms)", "speed", { min: 100, max: 2e3, step: 100 }),
+          makeCheckboxTrait("显示箭头", "showArrows"),
+          makeImagePickerTrait("上一张箭头图片", "prevArrowSrc", { showPreview: false }),
+          makeImagePickerTrait("下一张箭头图片", "nextArrowSrc", { showPreview: false }),
+          {
+            type: "select",
+            label: "分页点样式",
+            name: "paginationStyle",
+            changeProp: true,
+            options: [
+              { id: "dots", label: "Dots（圆点）" },
+              { id: "rect", label: "Rect（矩形）" },
+              { id: "number", label: "Number（数字）" },
+              { id: "none", label: "无" }
+            ]
+          }
+        ]
+      },
+      init() {
+        var _a, _b, _c, _d, _e;
+        this._restoreFromAttrs();
+        this._ensureStructure();
+        migrateBannerStructureClasses(this);
+        (_e = (_d = (_c = (_b = (_a = this._getWrapper) == null ? void 0 : _a.call(this)) == null ? void 0 : _b.components) == null ? void 0 : _c.call(_b)) == null ? void 0 : _d.forEach) == null ? void 0 : _e.call(_d, (slide, index) => {
+          upgradeBannerSlideModel(slide, index);
+        });
+        this.on(
+          "change:loop change:autoplay change:autoplayDelay change:speed change:showArrows change:paginationStyle change:prevArrowSrc change:nextArrowSrc",
+          this.applyBannerConfig
+        );
+        this.applyBannerConfig();
+      },
+      /**
+       * 验证并修复组件树结构。
+       * 保存/加载后内部元素（pagination、nav buttons）可能跑到 swiper 容器外面。
+       */
+      _ensureStructure() {
+        var _a, _b, _c;
+        const children = (_a = this.components) == null ? void 0 : _a.call(this);
+        if (!children || children.length === 0)
+          return;
+        let swiperComp = null;
+        const orphans = [];
+        children.forEach((c10) => {
+          var _a2;
+          const cls = ((_a2 = c10.getClasses) == null ? void 0 : _a2.call(c10)) ?? [];
+          if (cls.includes("wb-banner__swiper") || cls.includes("swiper")) {
+            swiperComp = c10;
+          } else {
+            orphans.push(c10);
+          }
+        });
+        if (!swiperComp)
+          return;
+        for (const orphan of orphans) {
+          const cls = ((_b = orphan.getClasses) == null ? void 0 : _b.call(orphan)) ?? [];
+          const isControl = cls.includes("swiper-pagination") || cls.includes("swiper-button-prev") || cls.includes("swiper-button-next");
+          if (isControl) {
+            const def = orphan.toJSON();
+            orphan.remove();
+            swiperComp.components().add(def);
+          }
+        }
+        const swiperChildren = (_c = swiperComp.components) == null ? void 0 : _c.call(swiperComp);
+        if (!swiperChildren)
+          return;
+        const has = (cls) => swiperChildren.find((c10) => {
+          var _a2, _b2, _c2;
+          return (_c2 = (_b2 = (_a2 = c10.getClasses) == null ? void 0 : _a2.call(c10)) == null ? void 0 : _b2.includes) == null ? void 0 : _c2.call(_b2, cls);
+        });
+        if (!has("swiper-pagination")) {
+          const pagination = swiperChildren.add({
+            tagName: "div",
+            removable: false,
+            selectable: false,
+            droppable: false,
+            layerable: false,
+            draggable: false,
+            highlightable: false,
+            editable: false,
+            attributes: { class: "swiper-pagination" }
+          });
+          const target = Array.isArray(pagination) ? pagination[0] : pagination;
+          lockBannerInternalNode(target);
+        }
+        if (!has("swiper-button-prev")) {
+          const prev = swiperChildren.add({
+            tagName: "div",
+            removable: false,
+            selectable: false,
+            droppable: false,
+            layerable: false,
+            draggable: false,
+            highlightable: false,
+            editable: false,
+            attributes: { class: "swiper-button-prev" }
+          });
+          const target = Array.isArray(prev) ? prev[0] : prev;
+          lockBannerInternalNode(target);
+        }
+        if (!has("swiper-button-next")) {
+          const next = swiperChildren.add({
+            tagName: "div",
+            removable: false,
+            selectable: false,
+            droppable: false,
+            layerable: false,
+            draggable: false,
+            highlightable: false,
+            editable: false,
+            attributes: { class: "swiper-button-next" }
+          });
+          const target = Array.isArray(next) ? next[0] : next;
+          lockBannerInternalNode(target);
+        }
+      },
+      /**
+       * 从 data-* 属性反向恢复模型属性（安全网）。
+       * 处理从已保存 HTML 加载时模型属性可能未正确恢复的情况。
+       */
+      _restoreFromAttrs() {
+        const attrs = this.getAttributes() || {};
+        const toBool = (v2) => v2 === true || v2 === "true";
+        const mapping = {
+          "data-loop": ["loop", toBool],
+          "data-autoplay": ["autoplay", toBool],
+          "data-autoplay-delay": ["autoplayDelay", (v2) => Number(v2) || 4e3],
+          "data-speed": ["speed", (v2) => Number(v2) || 600],
+          "data-show-arrows": ["showArrows", toBool],
+          "data-pagination-style": ["paginationStyle", (v2) => v2 || "dots"],
+          "data-prev-arrow-src": ["prevArrowSrc", (v2) => v2 || ""],
+          "data-next-arrow-src": ["nextArrowSrc", (v2) => v2 || ""]
+        };
+        for (const [attr, [prop, parse]] of Object.entries(mapping)) {
+          if (attrs[attr] !== void 0) {
+            this.set(prop, parse(attrs[attr]), { silent: true });
+          }
+        }
+      },
+      _getWrapper() {
+        var _a, _b, _c, _d, _e, _f;
+        const swiperDiv = (_c = (_b = (_a = this.components) == null ? void 0 : _a.call(this)) == null ? void 0 : _b.at) == null ? void 0 : _c.call(_b, 0);
+        if (!swiperDiv)
+          return null;
+        return ((_f = (_e = (_d = swiperDiv.components) == null ? void 0 : _d.call(swiperDiv)) == null ? void 0 : _e.at) == null ? void 0 : _f.call(_e, 0)) ?? null;
+      },
+      applyBannerConfig() {
+        this.addAttributes({
+          "data-loop": `${!!this.get("loop")}`,
+          "data-autoplay": `${!!this.get("autoplay")}`,
+          "data-autoplay-delay": `${Math.max(500, Number(this.get("autoplayDelay")) || 4e3)}`,
+          "data-speed": `${Math.max(100, Number(this.get("speed")) || 600)}`,
+          "data-show-arrows": `${!!this.get("showArrows")}`,
+          "data-pagination-style": this.get("paginationStyle") || "dots",
+          "data-prev-arrow-src": this.get("prevArrowSrc") || "",
+          "data-next-arrow-src": this.get("nextArrowSrc") || ""
+        });
+      }
+    }
+  });
+}
+export {
+  B2 as BASIC_COMPONENTS_PLUGIN_ID,
+  a as BASIC_COMPONENT_REGISTRIES,
+  B as BASIC_INTERACTIVE_REGISTRIES,
+  g as BASIC_MEDIA_REGISTRIES,
+  h as BASIC_NAVIGATION_REGISTRIES,
+  B3 as BASIC_PUBLISHER_REGISTRIES,
+  b as BASIC_REGISTRY_MANIFEST,
+  i as BASIC_SECTION_REGISTRIES,
+  L as LAYOUT_REGISTRIES,
+  S as SOLUTIONS_CSS,
+  T as TYPOGRAPHY_REGISTRIES,
+  U as UNIT_OPTIONS_PX_PCT_VH,
+  j as UNIT_OPTIONS_PX_VH_REM,
+  W as WB_ACCORDION_TYPE,
+  k as WB_ALL_APPLICATIONS_TYPE,
+  l as WB_BACK_BUTTON_TYPE,
+  WB_BANNER_SLIDE_TYPE,
+  WB_BANNER_TYPE,
+  n as WB_BUTTON_TYPE,
+  o as WB_CARD_CAROUSEL_SECTION_TYPE,
+  p as WB_CAROUSEL_TYPE,
+  q as WB_CASE_SPOTLIGHT_TYPE,
+  r as WB_COMPANY_SCALE_TYPE,
+  s as WB_CONTAINER_TYPE,
+  t as WB_COUNT_UP_TYPE,
+  u as WB_CUSTOMIZATION_GRID_TYPE,
+  v as WB_CUSTOM_CODE_TYPE,
+  w as WB_DIVIDER_TYPE,
+  x as WB_FACTORY_MAP_TYPE,
+  y as WB_FLIPBOOK_PAGE_TYPE,
+  z as WB_FLIPBOOK_TYPE,
+  A as WB_FOCA_HISTORY_TIMELINE_TYPE,
+  C as WB_FOOTER_TYPE,
+  D as WB_GRID_TYPE,
+  E as WB_HEADING_TYPE,
+  F as WB_HISTORY_TIMELINE_TYPE,
+  G as WB_HOME_BANNER_CAROUSEL_TYPE,
+  H as WB_HOME_BANNER_SLIDE_TYPE,
+  I as WB_HOTSPOT_SHOWCASE_ITEM_TYPE,
+  J as WB_HOTSPOT_SHOWCASE_TYPE,
+  K as WB_ICON_TYPE,
+  M as WB_IMAGE_TYPE,
+  N as WB_INDUSTRY_TABS_TYPE,
+  O as WB_INQUIRY_FORM_TYPE,
+  P as WB_KLAVIYO_SUBSCRIBE_TYPE,
+  Q as WB_LANGUAGE_SWITCHER_TYPE,
+  R as WB_LAYOUT_BASE_TYPE,
+  V as WB_LOGO_TYPE,
+  X as WB_MAP_PIN_TYPE,
+  Y as WB_MAP_TYPE,
+  Z as WB_MARQUEE_ITEM_TYPE,
+  _ as WB_MARQUEE_TYPE,
+  $ as WB_MILESTONE_CARD_STRIP_TYPE,
+  a0 as WB_MORE_CARD_CAROUSEL_TYPE,
+  a1 as WB_NAVBAR_TYPE,
+  a2 as WB_OUR_ADVANTAGES_ITEM_TYPE,
+  a3 as WB_OUR_ADVANTAGES_TYPE,
+  a4 as WB_OUR_SOLUTIONS_ITEM_TYPE,
+  a5 as WB_OUR_SOLUTIONS_TYPE,
+  a6 as WB_OVERVIEW_SPLIT_TYPE,
+  a7 as WB_PDF_VIEWER_TYPE,
+  a8 as WB_POPUP_TEMPLATE_REF_TYPE,
+  a9 as WB_POPUP_TRIGGER_TYPE,
+  aa as WB_POPUP_TYPE,
+  ab as WB_PROCESS_TIMELINE_TYPE,
+  ac as WB_PRODUCT_CARD_STRIP_TYPE,
+  ad as WB_PRODUCT_CATEGORIES_TYPE,
+  ae as WB_PRODUCT_CATEGORY_ITEM_TYPE,
+  af as WB_RESOURCE_SECTION_TYPE,
+  ag as WB_RESPONSIVE_HERO_CAROUSEL_ITEM_TYPE,
+  ah as WB_RESPONSIVE_HERO_CAROUSEL_TYPE,
+  ai as WB_SALESMARTLY_CHAT_BUTTON_TYPE,
+  aj as WB_SEARCH_TYPE,
+  ak as WB_SECTION_GRID_BLOCK_TYPE,
+  al as WB_SECTION_TYPE,
+  am as WB_SERVICES_CAROUSEL_ITEM_TYPE,
+  an as WB_SERVICES_CAROUSEL_TYPE,
+  ao as WB_SERVICES_SHOWCASE_ITEM_TYPE,
+  ap as WB_SERVICES_SHOWCASE_TYPE,
+  aq as WB_SERVICE_ICON_GRID_ITEM_TYPE,
+  ar as WB_SERVICE_ICON_GRID_TYPE,
+  as as WB_SERVICE_THB_ITEM_TYPE,
+  at as WB_SERVICE_THB_TYPE,
+  au as WB_SOCIAL_LINKS_TYPE,
+  av as WB_SOCIAL_SHARE_TYPE,
+  aw as WB_SOLUTION_LIST_CARD_TYPE,
+  ax as WB_SOLUTION_LIST_TYPE,
+  ay as WB_SPACER_TYPE,
+  az as WB_STATIC_PIN_MAP_TYPE,
+  aA as WB_STATIC_PIN_TYPE,
+  aB as WB_STATS_CARDS_TYPE,
+  aC as WB_TABS_TYPE,
+  aD as WB_TAB_MEDIA_GALLERY_TYPE,
+  aE as WB_TEXT_EDITOR_TYPE,
+  aF as WB_VIDEO_TYPE,
+  d as assertUniqueBasicRegistryTypes,
+  aG as buildWidthStyles,
+  c as componentsBasic,
+  aH as createContainerBlockContent,
+  aI as createDefaultHotspotShowcaseHotspot,
+  aJ as createDefaultHotspotShowcaseItem,
+  aK as createLanguageSwitcherBlockContent,
+  aL as defineGrapesTraits,
+  aM as defineWebBuilderTraits,
+  aN as fetchIconifySvg,
+  aO as fetchSvgMarkupFromUrl,
+  g2 as getBasicRegistryTypes,
+  aP as getImageManager,
+  aQ as getInjectedPublishCss,
+  aR as getSolarIconSvg,
+  aS as iconifySvgUrl,
+  aT as injectCanvasStyleOnce,
+  aU as injectStyleOnce,
+  makeCheckboxTrait,
+  aV as makeColorPickerTrait,
+  makeImagePickerTrait,
+  makeLinkTargetTrait,
+  makeLinkTrait,
+  makeNumberTrait,
+  aW as makeSelectTrait,
+  aX as makeSvgIconPickerTrait,
+  makeTextTrait,
+  makeTextareaTrait,
+  aY as normalizeHotspotShowcaseHotspots,
+  aZ as normalizeIconName,
+  a_ as normalizeSvgMarkup,
+  a$ as openColorPicker,
+  b0 as registerAccordionComponent,
+  b1 as registerAllApplicationsComponent,
+  b2 as registerBackButtonComponent,
+  registerBannerComponent,
+  r2 as registerBasicPublisherComponents,
+  b3 as registerButtonComponent,
+  b4 as registerCardCarouselSectionComponent,
+  b5 as registerCarouselComponent,
+  b6 as registerCaseSpotlightComponent,
+  b7 as registerCompanyScaleComponent,
+  b8 as registerContainerComponent,
+  b9 as registerCountUpComponent,
+  ba as registerCustomCodeComponent,
+  bb as registerCustomizationGridComponent,
+  bc as registerDividerComponent,
+  bd as registerFactoryMapComponent,
+  be as registerFlipbookComponent,
+  bf as registerFocaHistoryTimelineComponent,
+  bg as registerFooter,
+  bh as registerFooterComponent,
+  bi as registerGridComponent,
+  bj as registerHeadingComponent,
+  bk as registerHistoryTimelineComponent,
+  bl as registerHomeBannerCarouselComponent,
+  bm as registerHotspotShowcaseComponent,
+  bn as registerIconComponent,
+  bo as registerImageComponent,
+  bp as registerIndustryTabsComponent,
+  bq as registerInquiryFormComponent,
+  br as registerKlaviyoSubscribeComponent,
+  bs as registerLanguageSwitcherComponent,
+  bt as registerLayoutBase,
+  bu as registerLogo,
+  bv as registerLogoComponent,
+  bw as registerMapComponent,
+  bx as registerMarqueeComponent,
+  by as registerMilestoneCardStripComponent,
+  bz as registerMoreCardCarouselComponent,
+  bA as registerNavbar,
+  bB as registerNavbarComponent,
+  bC as registerOurAdvantagesComponent,
+  bD as registerOurSolutionsComponent,
+  bE as registerOverviewSplitComponent,
+  bF as registerPdfViewerComponent,
+  bG as registerPopupComponent,
+  bH as registerProcessTimelineComponent,
+  bI as registerProductCardStripComponent,
+  bJ as registerProductCategoriesComponent,
+  bK as registerResourceSectionComponent,
+  bL as registerResponsiveHeroCarouselComponent,
+  bM as registerSalesmartlyChatButtonComponent,
+  bN as registerSearch,
+  bO as registerSearchComponent,
+  bP as registerSectionComponent,
+  bQ as registerSectionGridBlockComponent,
+  bR as registerServiceIconGridComponent,
+  bS as registerServiceThbComponent,
+  bT as registerServicesCarouselComponent,
+  bU as registerServicesShowcaseComponent,
+  bV as registerSocialLinksComponent,
+  bW as registerSocialShareComponent,
+  bX as registerSolutionListComponent,
+  bY as registerSpacerComponent,
+  bZ as registerStaticPinMapComponent,
+  b_ as registerStatsCardsComponent,
+  b$ as registerTabMediaGalleryComponent,
+  c0 as registerTabsComponent,
+  c1 as registerTextEditorComponent,
+  c2 as registerVideoComponent,
+  c3 as removeCssRulesByPrefixes,
+  c4 as removeUngroupedCssRulesByPrefixes,
+  c5 as sanitizeFlipbookProjectData,
+  c6 as searchSolarIcons,
+  c7 as serializeHotspotShowcaseHotspots,
+  c8 as setColorPickerHandler,
+  c9 as setImageManager,
+  ca as svgMarkupToComponentDefs,
+  cb as toBool,
+  cc as toNumber,
+  cd as toUnit,
+  ce as transformCssSelectors
+};