@useinsider/guido 3.13.0-beta.b66d46a → 3.13.0-beta.d43fc77

package/dist/components/organisms/header/accessibility/AccessibilityToolbar.vue2.js

@@ -0,0 +1,37 @@
+import { defineComponent as d, computed as n } from "vue";
+import { useAccessibilityApi as c } from "../../../../composables/useAccessibilityApi.js";
+import { useTranslations as g } from "../../../../composables/useTranslations.js";
+import { useEditorStore as u } from "../../../../stores/editor.js";
+import { getTooltipOptions as e } from "../../../../utils/tooltipUtils.js";
+import { InSegments as _, InButtonV2 as f } from "@useinsider/design-system-vue";
+import w from "./ColorVisionSelect.vue.js";
+const A = /* @__PURE__ */ d({
+  __name: "AccessibilityToolbar",
+  setup(b) {
+    const t = u(), o = g(), {
+      toggleImages: r,
+      toggleCodeEditor: m,
+      switchToDesktopPreview: i,
+      switchToMobilePreview: s
+    } = c(), l = n(() => [
+      {
+        text: "",
+        icon: "line-desktop",
+        value: "desktop",
+        tooltipText: o("newsletter.desktop"),
+        tooltipOptions: e("guido__a11y-view-desktop")
+      },
+      {
+        text: "",
+        icon: "line-menu-mobileapp",
+        value: "mobile",
+        tooltipText: o("newsletter.mobile"),
+        tooltipOptions: e("guido__a11y-view-mobile")
+      }
+    ]), p = n(() => t.imagesHidden ? o("email-editor.a11y-show-images") : o("email-editor.a11y-hide-images"));
+    return { __sfc: !0, editorStore: t, trans: o, toggleImages: r, toggleCodeEditor: m, switchToDesktopPreview: i, switchToMobilePreview: s, segmentList: l, imagesTooltip: p, handleView: (a) => a === "mobile" ? s() : i(), getTooltipOptions: e, InButtonV2: f, InSegments: _, ColorVisionSelect: w };
+  }
+});
+export {
+  A as default
+};

package/dist/components/organisms/header/accessibility/ColorVisionSelect.vue.js

@@ -0,0 +1,24 @@
+import i from "./ColorVisionSelect.vue2.js";
+/* empty css                       */
+import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var l = function() {
+  var e = this, t = e._self._c, s = e._self._setupProxy;
+  return t("div", { ref: "root", staticClass: "color-vision-select p-r" }, [t("button", { staticClass: "color-vision-select__trigger d-f a-i-c", attrs: { id: "guido__a11y-color-vision-trigger", type: "button", disabled: s.editorStore.loadingStatus }, on: { click: function(o) {
+    s.isOpen = !s.isOpen;
+  } } }, [t(s.InIcons, { staticClass: "mr-2", attrs: { name: "line-show-on", size: "16" } }), t("span", { staticClass: "color-vision-select__label f-s-2" }, [e._v(e._s(s.selectedLabel))]), t(s.InIcons, { staticClass: "ml-2", attrs: { name: "line-chevron-small-down", size: "16" } })], 1), s.isOpen ? t("div", { staticClass: "color-vision-select__menu p-a" }, e._l(s.OPTIONS, function(o) {
+    return t("button", { key: o.value || "none", staticClass: "color-vision-select__option d-f f-d-c", class: { "color-vision-select__option_selected": o.value === s.editorStore.colorVisionDeficiency }, attrs: { type: "button" }, on: { click: function(_) {
+      return s.select(o.value);
+    } } }, [t("span", { staticClass: "color-vision-select__option-label f-s-2" }, [e._v(e._s(s.trans(o.labelKey)))]), o.descriptionKey ? t("span", { staticClass: "color-vision-select__option-description f-s-1 t-c-55" }, [e._v(" " + e._s(s.trans(o.descriptionKey)) + " ")]) : e._e()]);
+  }), 0) : e._e()]);
+}, c = [], r = /* @__PURE__ */ n(
+  i,
+  l,
+  c,
+  !1,
+  null,
+  "383f6378"
+);
+const p = r.exports;
+export {
+  p as default
+};

package/dist/components/organisms/header/accessibility/ColorVisionSelect.vue2.js

@@ -0,0 +1,48 @@
+import { defineComponent as p, ref as c, computed as m } from "vue";
+import { useAccessibilityApi as u } from "../../../../composables/useAccessibilityApi.js";
+import { useTranslations as v } from "../../../../composables/useTranslations.js";
+import { useEditorStore as f } from "../../../../stores/editor.js";
+import { InIcons as y } from "@useinsider/design-system-vue";
+import { onClickOutside as K } from "../../../../node_modules/@vueuse/core/index.js";
+const V = /* @__PURE__ */ p({
+  __name: "ColorVisionSelect",
+  setup(b) {
+    const e = [
+      {
+        value: "",
+        labelKey: "email-editor.cvd-none"
+      },
+      {
+        value: "protanopia",
+        labelKey: "email-editor.cvd-protanopia",
+        descriptionKey: "email-editor.cvd-protanopia-description"
+      },
+      {
+        value: "deuteranopia",
+        labelKey: "email-editor.cvd-deuteranopia",
+        descriptionKey: "email-editor.cvd-deuteranopia-description"
+      },
+      {
+        value: "tritanopia",
+        labelKey: "email-editor.cvd-tritanopia",
+        descriptionKey: "email-editor.cvd-tritanopia-description"
+      },
+      {
+        value: "achromatopsia",
+        labelKey: "email-editor.cvd-achromatopsia",
+        descriptionKey: "email-editor.cvd-achromatopsia-description"
+      }
+    ], t = f(), a = v(), { setColorVisionDeficiency: r } = u(), o = c(!1), n = c(null), s = m(() => {
+      const i = e.find((d) => d.value === t.colorVisionDeficiency) ?? e[0];
+      return a(i.labelKey);
+    }), l = (i) => {
+      r(i), o.value = !1;
+    };
+    return K(n, () => {
+      o.value = !1;
+    }), { __sfc: !0, OPTIONS: e, editorStore: t, trans: a, setColorVisionDeficiency: r, isOpen: o, root: n, selectedLabel: s, select: l, InIcons: y };
+  }
+});
+export {
+  V as default
+};

package/dist/components/organisms/header/version-history/ViewOptions.vue.js

@@ -10,7 +10,7 @@ var n = function() {
   r,
   !1,
   null,
-  "6ebabfe4"
+  "d405ca59"
 );
 const d = a.exports;
 export {

package/dist/components/organisms/onboarding/EditorTabBarOnboarding.vue.js

@@ -0,0 +1,18 @@
+import b from "./EditorTabBarOnboarding.vue2.js";
+import g from "../../../_virtual/_plugin-vue2_normalizer.js";
+var l = function() {
+  var t, a, n, i, e, s;
+  var r = this, d = r._self._c, o = r._self._setupProxy;
+  return o.isVisible ? d(o.InOnboard, { key: "guido__tab-bar-onboard", staticClass: "w-21-s p-a z-11", class: (t = o.onboardingStore.getEditorTabBarCurrentCard) == null ? void 0 : t.classes, attrs: { id: "guido__tab-bar-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (a = o.onboardingStore.getEditorTabBarCurrentCard) == null ? void 0 : a.bottom, "left-position": (n = o.onboardingStore.getEditorTabBarCurrentCard) == null ? void 0 : n.left, "pages-config": o.onboardingStore.onboardings.editorTabBarOnboarding.config, "pointer-position": (i = o.onboardingStore.getEditorTabBarCurrentCard) == null ? void 0 : i.position, "right-position": (e = o.onboardingStore.getEditorTabBarCurrentCard) == null ? void 0 : e.right, "top-position": (s = o.onboardingStore.getEditorTabBarCurrentCard) == null ? void 0 : s.top }, on: { backButtonClick: o.handleBack, close: o.finish, nextButtonClick: o.handleNext } }) : r._e();
+}, _ = [], p = /* @__PURE__ */ g(
+  b,
+  l,
+  _,
+  !1,
+  null,
+  null
+);
+const f = p.exports;
+export {
+  f as default
+};

package/dist/components/organisms/onboarding/EditorTabBarOnboarding.vue2.js

@@ -0,0 +1,74 @@
+import { defineComponent as p, computed as d, watch as x } from "vue";
+import { useRibbonOffset as B } from "../../../composables/useRibbonOffset.js";
+import { useTranslations as m } from "../../../composables/useTranslations.js";
+import { useOnboardingStore as k } from "../../../stores/onboarding.js";
+import { InOnboard as T } from "@useinsider/design-system-vue";
+const y = /* @__PURE__ */ p({
+  __name: "EditorTabBarOnboarding",
+  setup(f) {
+    const n = "editorTabBarOnboarding", t = m(), i = k(), { getTopPosition: a } = B(), r = () => i.next(n), c = () => i.previous(n), s = () => void i.close(n), b = d(() => [
+      {
+        classes: "guido-tab-bar-onboarding",
+        right: "150px",
+        top: a(56),
+        position: "Right Top",
+        title: t("email-editor.onboarding-kebab-title"),
+        description: t("email-editor.onboarding-kebab-description"),
+        imageSource: "",
+        backButtonClick: () => {
+        },
+        nextButtonType: "text",
+        nextButtonText: t("action-builder.next"),
+        nextButtonClick: r
+      },
+      {
+        classes: "guido-tab-bar-onboarding",
+        right: "320px",
+        top: a(56),
+        position: "Right Top",
+        title: t("email-editor.onboarding-autosave-title"),
+        description: t("email-editor.onboarding-autosave-description"),
+        imageSource: "",
+        backButtonType: "text",
+        backButtonText: t("action-builder.back"),
+        backButtonClick: c,
+        nextButtonType: "text",
+        nextButtonText: t("action-builder.next"),
+        nextButtonClick: r
+      },
+      {
+        classes: "guido-tab-bar-onboarding",
+        right: "150px",
+        top: a(56),
+        position: "Right Top",
+        title: t("email-editor.onboarding-accessibility-title"),
+        description: t("email-editor.onboarding-accessibility-description"),
+        imageSource: "",
+        backButtonType: "text",
+        backButtonText: t("action-builder.back"),
+        backButtonClick: c,
+        nextButtonType: "text",
+        nextButtonText: t("action-builder.ok"),
+        nextButtonClick: s
+      }
+    ]), u = d(
+      () => i.onboardings.editorTabBarOnboarding.config.length > 0 && i.onboardings.editorTabBarOnboarding.isActive
+    ), g = () => {
+      var o, e;
+      (e = (o = i.getEditorTabBarCurrentCard) == null ? void 0 : o.nextButtonClick) == null || e.call(o);
+    }, l = () => {
+      var o, e;
+      (e = (o = i.getEditorTabBarCurrentCard) == null ? void 0 : o.backButtonClick) == null || e.call(o);
+    };
+    return x(
+      () => i.onboardings.editorTabBarOnboarding.isActive,
+      (o) => {
+        o && i.setConfig(n, b.value);
+      },
+      { immediate: !0 }
+    ), { __sfc: !0, ONBOARDING: n, trans: t, onboardingStore: i, getTopPosition: a, goNext: r, goBack: c, finish: s, onboardingCardsConfig: b, isVisible: u, handleNext: g, handleBack: l, InOnboard: T };
+  }
+});
+export {
+  y as default
+};

package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js

@@ -1,46 +1,55 @@
-import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
-import u from "./AMPOnboarding.vue.js";
-import v from "./GenericOnboarding.vue.js";
-import l from "./ItemsOnboarding.vue.js";
-import y from "./NewVersionPopup.vue.js";
-import S from "./TextBlockOnboarding.vue.js";
-import h from "./VersionHistoryOnboarding.vue.js";
-import { usePartner as w } from "../../../composables/usePartner.js";
-import { useEditorStore as P } from "../../../stores/editor.js";
-import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
-import { usePreviewStore as A } from "../../../stores/preview.js";
-const G = /* @__PURE__ */ b({
+import { defineComponent as O, computed as a, onMounted as u, watch as e } from "vue";
+import l from "./AMPOnboarding.vue.js";
+import v from "./EditorTabBarOnboarding.vue.js";
+import y from "./GenericOnboarding.vue.js";
+import S from "./ItemsOnboarding.vue.js";
+import h from "./NewVersionPopup.vue.js";
+import w from "./TextBlockOnboarding.vue.js";
+import P from "./VersionHistoryOnboarding.vue.js";
+import { useConfig as A } from "../../../composables/useConfig.js";
+import { usePartner as T } from "../../../composables/usePartner.js";
+import { useEditorStore as _ } from "../../../stores/editor.js";
+import { useOnboardingStore as H } from "../../../stores/onboarding.js";
+import { usePreviewStore as B } from "../../../stores/preview.js";
+const j = /* @__PURE__ */ O({
   __name: "OnboardingWrapper",
   emits: ["onboarding-finished"],
-  setup(H, { emit: f }) {
-    const o = _(), r = P(), s = A(), { isTestPartner: a } = w(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
-      { type: "newVersionPopup", component: y },
-      { type: "genericOnboarding", component: v },
-      { type: "textBlockOnboarding", component: S },
-      { type: "versionHistoryOnboarding", component: h },
-      { type: "ampOnboarding", component: u },
-      { type: "itemsOnboarding", component: l }
-    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
-    return O(async () => {
+  setup(M, { emit: g }) {
+    const o = H(), i = _(), d = B(), { isTestPartner: p } = T(), { isFeatureEnabled: m } = A(), t = a(() => i.isStripoInitialized), s = a(() => p()), b = [
+      { type: "newVersionPopup", component: h },
+      { type: "genericOnboarding", component: y },
+      { type: "textBlockOnboarding", component: w },
+      { type: "versionHistoryOnboarding", component: P },
+      { type: "ampOnboarding", component: l },
+      { type: "itemsOnboarding", component: S },
+      { type: "editorTabBarOnboarding", component: v }
+    ], c = (n) => s.value || !t.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), f = a(() => b.filter((n) => c(n.type)));
+    return u(async () => {
       await o.fetchUserModalState();
-    }), t(
-      () => r.isVersionHistoryOpen,
-      (n, i) => {
-        n && !i && o.shouldShowOnboarding("versionHistoryOnboarding") && o.start("versionHistoryOnboarding"), !n && i && o.isActive("versionHistoryOnboarding") && o.close("versionHistoryOnboarding");
+    }), e(
+      () => i.isVersionHistoryOpen,
+      (n, r) => {
+        n && !r && o.shouldShowOnboarding("versionHistoryOnboarding") && o.start("versionHistoryOnboarding"), !n && r && o.isActive("versionHistoryOnboarding") && o.close("versionHistoryOnboarding");
       }
-    ), t(
-      () => s.emailFormat,
-      (n, i) => {
-        i !== "AMP" && n === "AMP" && o.shouldShowOnboarding("ampOnboarding") && o.start("ampOnboarding");
+    ), e(
+      () => d.emailFormat,
+      (n, r) => {
+        r !== "AMP" && n === "AMP" && o.shouldShowOnboarding("ampOnboarding") && o.start("ampOnboarding");
       }
-    ), t(
-      () => r.isPreviewModeOpen,
+    ), e(
+      () => i.isPreviewModeOpen,
       (n) => {
         !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
+    ), e(
+      t,
+      (n) => {
+        n && m("accessibilityTesting") && !s.value && !o.isOnboardingActive() && o.shouldShowOnboarding("editorTabBarOnboarding") && o.start("editorTabBarOnboarding");
+      },
+      { immediate: !0 }
+    ), { __sfc: !0, emit: g, onboardingStore: o, editorStore: i, previewStore: d, isTestPartner: p, isFeatureEnabled: m, isStripoReady: t, isTestPartnerActive: s, onboardingConfigs: b, shouldShow: c, visibleOnboardings: f };
   }
 });
 export {
-  G as default
+  j as default
 };

package/dist/composables/useAccessibilityApi.js

@@ -0,0 +1,31 @@
+import { useEditorStore as r } from "../stores/editor.js";
+const A = () => {
+  const e = r(), i = () => window.StripoEditorApi.accessibilityApi, s = () => {
+    i().openAccessibilityTestingMode(), e.isAccessibilityTestingOpen = !0;
+  }, o = () => {
+    i().closeAccessibilityTestingMode(), e.isAccessibilityTestingOpen = !1, e.imagesHidden = !1, e.colorVisionDeficiency = "";
+  }, g = () => e.isAccessibilityTestingOpen ? o() : s(), l = () => i().isAccessibilityTestingModeOpen(), t = () => {
+    i().showImages(), e.imagesHidden = !1;
+  }, c = () => {
+    i().hideImages(), e.imagesHidden = !0;
+  };
+  return {
+    openAccessibilityTestingMode: s,
+    closeAccessibilityTestingMode: o,
+    toggleAccessibilityTestingMode: g,
+    isAccessibilityTestingModeOpen: l,
+    showImages: t,
+    hideImages: c,
+    toggleImages: () => e.imagesHidden ? t() : c(),
+    setColorVisionDeficiency: (n) => {
+      i().setColorVisionDeficiency(n), e.colorVisionDeficiency = n;
+    },
+    getColorVisionDeficiency: () => i().getColorVisionDeficiency(),
+    switchToDesktopPreview: () => i().switchToDesktopPreview(),
+    switchToMobilePreview: () => i().switchToMobilePreview(),
+    toggleCodeEditor: () => i().emitToggleCodeEditor()
+  };
+};
+export {
+  A as useAccessibilityApi
+};

package/dist/composables/useTranslations.js

@@ -1,18 +1,20 @@
+import "../@types/config/schemas.js";
+import { DEFAULT_EDITOR } from "../@types/config/defaults.js";
 import memoize from "../node_modules/lodash-es/memoize.js";
 import { ref } from "vue";
 import { useConfig } from "./useConfig.js";
 const useTranslations = () => {
   var o, e;
-  const { config } = useConfig(), translationsPath = ((e = (o = config.value) == null ? void 0 : o.editor) == null ? void 0 : e.translationsPath) || "window.trans.en", translations = ref(eval(translationsPath)), trans = (n, t) => {
-    const r = translations.value[n];
-    return r ? t ? Object.entries(t).reduce(
+  const { config } = useConfig(), translationsPath = ((e = (o = config.value) == null ? void 0 : o.editor) == null ? void 0 : e.translationsPath) || DEFAULT_EDITOR.translationsPath, translations = ref(eval(translationsPath)), trans = (t, n) => {
+    const r = translations.value[t];
+    return r ? n ? Object.entries(n).reduce(
       (s, [i, a]) => s.replace(new RegExp(`{${i}}`, "g"), String(a)),
       r
-    ) : r : (console.warn(`Translation key not found: ${n}`), n);
+    ) : r : (console.warn(`Translation key not found: ${t}`), t);
   };
   return memoize(
     trans,
-    (n, t) => !t || Object.keys(t).length === 0 ? n : JSON.stringify({ key: n, params: t })
+    (t, n) => !n || Object.keys(n).length === 0 ? t : JSON.stringify({ key: t, params: n })
   );
 };
 export {

package/dist/config/i18n/en/labels.json.js

@@ -5,6 +5,29 @@ const e = "Items", o = {
   Items: e,
   "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.",
   "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.",
+  "email-editor.a11y-hide-images": "Hide images",
+  "email-editor.a11y-show-images": "Show images",
+  "email-editor.cvd-none": "No Color Deficiency",
+  "email-editor.cvd-protanopia": "Protanopia",
+  "email-editor.cvd-protanopia-description": "Causes red-green confusion and makes reds appear darker.",
+  "email-editor.cvd-deuteranopia": "Deuteranopia",
+  "email-editor.cvd-deuteranopia-description": "Causes red-green confusion.",
+  "email-editor.cvd-tritanopia": "Tritanopia",
+  "email-editor.cvd-tritanopia-description": "Causes blue-yellow confusion.",
+  "email-editor.cvd-achromatopsia": "Achromatopsia",
+  "email-editor.cvd-achromatopsia-description": "Causes complete color blindness.",
+  "email-editor.more-actions": "More actions",
+  "email-editor.preferences": "Preferences",
+  "email-editor.actions": "Actions",
+  "email-editor.accessibility-test": "Accessibility Test",
+  "email-editor.autosaved-at-today": "Autosaved at {time}, Today",
+  "email-editor.autosaved-at-date": "Autosaved at {date}",
+  "email-editor.onboarding-kebab-title": "More actions, tidied up",
+  "email-editor.onboarding-kebab-description": "Version history, templates, export and preferences now live in this menu.",
+  "email-editor.onboarding-autosave-title": "Auto-save is on",
+  "email-editor.onboarding-autosave-description": "Your changes are saved automatically. You can turn this off from the menu.",
+  "email-editor.onboarding-accessibility-title": "Check accessibility",
+  "email-editor.onboarding-accessibility-description": "Run the accessibility checker to find and fix issues like alt text and color contrast.",
   "Pixel Tracking Opt-in": "Pixel Tracking Opt-in",
   "OPT-IN SELECTION": "OPT-IN SELECTION",
   "UNSUBSCRIBE GROUPS": "UNSUBSCRIBE GROUPS"

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-6e711fd7]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-5079a1c8]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-5079a1c8]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-5079a1c8]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}
+.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-2f127fb6] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.color-vision-select__trigger[data-v-383f6378]{height:32px;padding:0 8px;border:none;border-radius:6px;background-color:#f1f3fe;cursor:pointer}.color-vision-select__trigger[data-v-383f6378]:disabled{cursor:not-allowed;opacity:.6}.color-vision-select__label[data-v-383f6378]{white-space:nowrap}.color-vision-select__menu[data-v-383f6378]{top:calc(100% + 4px);left:0;z-index:20;width:320px;padding:8px;border-radius:8px;background-color:#fff;box-shadow:0 4px 16px #0000001f}.color-vision-select__option[data-v-383f6378]{width:100%;padding:8px;border:none;border-radius:6px;background-color:transparent;text-align:left;cursor:pointer}.color-vision-select__option[data-v-383f6378]:hover,.color-vision-select__option_selected[data-v-383f6378]{background-color:#f1f3fe}.color-vision-select__option-description[data-v-383f6378]{margin-top:2px}.accessibility-toolbar[data-v-e222d603]{gap:8px}.accessibility-toolbar__divider[data-v-e222d603]{width:1px;height:24px;background-color:#e5e7f0}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.editor-actions-menu__panel[data-v-10896837]{top:calc(100% + 4px);right:0;z-index:20;width:222px;padding:8px;border-radius:8px;background-color:#fff;box-shadow:0 4px 16px #0000001f}.editor-actions-menu__section[data-v-10896837]{padding:8px 8px 4px;text-transform:uppercase;letter-spacing:.4px}.editor-actions-menu__row[data-v-10896837]{width:100%;padding:8px;border:none;border-radius:6px;background-color:transparent;text-align:left;cursor:pointer}.editor-actions-menu__row[data-v-10896837]:not(.editor-actions-menu__row_static):hover{background-color:#f1f3fe}.editor-actions-menu__row_static[data-v-10896837]{cursor:default}.editor-actions-menu__row[data-v-10896837]:disabled{cursor:not-allowed;opacity:.6}.editor-actions-menu__divider[data-v-10896837]{height:1px;margin:4px 0;background-color:#e5e7f0}.editor-actions[data-v-d51fb931]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-5079a1c8]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-5079a1c8]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-5079a1c8]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}

package/dist/node_modules/@vueuse/core/index.js

@@ -0,0 +1,102 @@
+import { noop as b, isIOS as F, isClient as O, toValue as h, isObject as T, tryOnScopeDispose as C } from "../shared/index.js";
+import { createFilterWrapper as x, debounceFilter as D, useDebounceFn as j } from "../shared/index.js";
+import "../../vue-demi/lib/index.js";
+import { watch as I } from "vue";
+const P = O ? window : void 0;
+function p(n) {
+  var i;
+  const o = h(n);
+  return (i = o == null ? void 0 : o.$el) != null ? i : o;
+}
+function k(...n) {
+  let i, o, r, d;
+  if (typeof n[0] == "string" || Array.isArray(n[0]) ? ([o, r, d] = n, i = P) : [i, o, r, d] = n, !i)
+    return b;
+  Array.isArray(o) || (o = [o]), Array.isArray(r) || (r = [r]);
+  const m = [], y = () => {
+    m.forEach((c) => c()), m.length = 0;
+  }, a = (c, l, u, f) => (c.addEventListener(l, u, f), () => c.removeEventListener(l, u, f)), E = I(
+    () => [p(i), h(d)],
+    ([c, l]) => {
+      if (y(), !c)
+        return;
+      const u = T(l) ? { ...l } : l;
+      m.push(
+        ...o.flatMap((f) => r.map((w) => a(c, f, w, u)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), A = () => {
+    E(), y();
+  };
+  return C(A), A;
+}
+let L = !1;
+function $(n, i, o = {}) {
+  const { window: r = P, ignore: d = [], capture: m = !0, detectIframe: y = !1 } = o;
+  if (!r)
+    return b;
+  F && !L && (L = !0, Array.from(r.document.body.children).forEach((e) => e.addEventListener("click", b)), r.document.documentElement.addEventListener("click", b));
+  let a = !0;
+  const E = (e) => h(d).some((t) => {
+    if (typeof t == "string")
+      return Array.from(r.document.querySelectorAll(t)).some((s) => s === e.target || e.composedPath().includes(s));
+    {
+      const s = p(t);
+      return s && (e.target === s || e.composedPath().includes(s));
+    }
+  });
+  function A(e) {
+    const t = h(e);
+    return t && t.$.subTree.shapeFlag === 16;
+  }
+  function c(e, t) {
+    const s = h(e), v = s.$.subTree && s.$.subTree.children;
+    return v == null || !Array.isArray(v) ? !1 : v.some((g) => g.el === t.target || t.composedPath().includes(g.el));
+  }
+  const l = (e) => {
+    const t = p(n);
+    if (e.target != null && !(!(t instanceof Element) && A(n) && c(n, e)) && !(!t || t === e.target || e.composedPath().includes(t))) {
+      if (e.detail === 0 && (a = !E(e)), !a) {
+        a = !0;
+        return;
+      }
+      i(e);
+    }
+  };
+  let u = !1;
+  const f = [
+    k(r, "click", (e) => {
+      u || (u = !0, setTimeout(() => {
+        u = !1;
+      }, 0), l(e));
+    }, { passive: !0, capture: m }),
+    k(r, "pointerdown", (e) => {
+      const t = p(n);
+      a = !E(e) && !!(t && !e.composedPath().includes(t));
+    }, { passive: !0 }),
+    y && k(r, "blur", (e) => {
+      setTimeout(() => {
+        var t;
+        const s = p(n);
+        ((t = r.document.activeElement) == null ? void 0 : t.tagName) === "IFRAME" && !(s != null && s.contains(r.document.activeElement)) && i(e);
+      }, 0);
+    })
+  ].filter(Boolean);
+  return () => f.forEach((e) => e());
+}
+export {
+  x as createFilterWrapper,
+  D as debounceFilter,
+  P as defaultWindow,
+  O as isClient,
+  F as isIOS,
+  T as isObject,
+  b as noop,
+  $ as onClickOutside,
+  h as toValue,
+  C as tryOnScopeDispose,
+  p as unrefElement,
+  j as useDebounceFn,
+  k as useEventListener
+};

package/dist/node_modules/@vueuse/shared/index.js

@@ -1,45 +1,57 @@
 import "../../vue-demi/lib/index.js";
-import { unref as p } from "vue";
-function f(t) {
+import { unref as p, getCurrentScope as w, onScopeDispose as m } from "vue";
+function T(t) {
+  return w() ? (m(t), !0) : !1;
+}
+function a(t) {
   return typeof t == "function" ? t() : p(t);
 }
+const g = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const m = () => {
-};
-function h(t, n) {
-  function r(...e) {
-    return new Promise((i, o) => {
-      Promise.resolve(t(() => n.apply(this, e), { fn: n, thisArg: this, args: e })).then(i).catch(o);
+const b = Object.prototype.toString, j = (t) => b.call(t) === "[object Object]", f = () => {
+}, x = /* @__PURE__ */ h();
+function h() {
+  var t, n;
+  return g && ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((n = window == null ? void 0 : window.navigator) == null ? void 0 : n.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+}
+function v(t, n) {
+  function o(...e) {
+    return new Promise((r, i) => {
+      Promise.resolve(t(() => n.apply(this, e), { fn: n, thisArg: this, args: e })).then(r).catch(i);
     });
   }
-  return r;
+  return o;
 }
-function T(t, n = {}) {
-  let r, e, i = m;
-  const o = (u) => {
-    clearTimeout(u), i(), i = m;
+function S(t, n = {}) {
+  let o, e, r = f;
+  const i = (u) => {
+    clearTimeout(u), r(), r = f;
   };
   return (u) => {
-    const a = f(t), l = f(n.maxWait);
-    return r && o(r), a <= 0 || l !== void 0 && l <= 0 ? (e && (o(e), e = null), Promise.resolve(u())) : new Promise((c, s) => {
-      i = n.rejectOnCancel ? s : c, l && !e && (e = setTimeout(() => {
-        r && o(r), e = null, c(u());
-      }, l)), r = setTimeout(() => {
-        e && o(e), e = null, c(u());
-      }, a);
+    const s = a(t), c = a(n.maxWait);
+    return o && i(o), s <= 0 || c !== void 0 && c <= 0 ? (e && (i(e), e = null), Promise.resolve(u())) : new Promise((l, d) => {
+      r = n.rejectOnCancel ? d : l, c && !e && (e = setTimeout(() => {
+        o && i(o), e = null, l(u());
+      }, c)), o = setTimeout(() => {
+        e && i(e), e = null, l(u());
+      }, s);
     });
   };
 }
-function P(t, n = 200, r = {}) {
-  return h(
-    T(n, r),
+function A(t, n = 200, o = {}) {
+  return v(
+    S(n, o),
     t
   );
 }
 export {
-  h as createFilterWrapper,
-  T as debounceFilter,
-  m as noop,
-  f as toValue,
-  P as useDebounceFn
+  v as createFilterWrapper,
+  S as debounceFilter,
+  g as isClient,
+  x as isIOS,
+  j as isObject,
+  f as noop,
+  a as toValue,
+  T as tryOnScopeDispose,
+  A as useDebounceFn
 };

package/dist/src/@types/config/schemas.d.ts

@@ -383,6 +383,8 @@ export declare const FeaturesSchema: v.ObjectSchema<{
     readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
     readonly autosave: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
+    /** Enable the Stripo Accessibility Checker control in the editor toolbar. */
+    readonly accessibilityTesting: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
     readonly allowlistEnabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
 }, undefined>;
@@ -772,6 +774,8 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
         /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
         readonly autosave: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
+        /** Enable the Stripo Accessibility Checker control in the editor toolbar. */
+        readonly accessibilityTesting: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
         /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
         readonly allowlistEnabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     }, undefined>, {}>;

package/dist/src/components/organisms/header/EditorActionsMenu.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;