@useinsider/guido 3.16.0-beta.20cd2fe → 3.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@types/config/schemas.js +23 -25
- package/dist/components/organisms/header/AutoSaveToggle.vue.js +22 -0
- package/dist/components/organisms/header/AutoSaveToggle.vue2.js +19 -0
- package/dist/components/organisms/header/EditorActions.vue.js +11 -11
- package/dist/components/organisms/header/EditorActions.vue2.js +50 -34
- package/dist/components/organisms/header/LeftSlot.vue.js +5 -5
- package/dist/components/organisms/header/LeftSlot.vue2.js +23 -28
- package/dist/components/organisms/header/MiddleSlot.vue.js +4 -4
- package/dist/components/organisms/header/MiddleSlot.vue2.js +7 -8
- package/dist/components/organisms/header/RightSlot.vue.js +6 -6
- package/dist/components/organisms/header/RightSlot.vue2.js +15 -17
- package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +34 -43
- package/dist/config/i18n/en/labels.json.js +4 -28
- package/dist/guido.css +1 -1
- package/dist/node_modules/@vueuse/shared/index.js +28 -40
- package/dist/src/@types/config/schemas.d.ts +0 -4
- package/dist/src/composables/useActionsApi.d.ts +2 -2
- package/dist/src/composables/useConfig.d.ts +0 -2
- package/dist/src/stores/config.d.ts +0 -18
- package/dist/src/stores/editor.d.ts +0 -107
- package/dist/src/stores/onboarding.d.ts +0 -377
- package/dist/src/stores/version-history.d.ts +1 -1
- package/dist/src/utils/timeUtil.d.ts +0 -10
- package/dist/stores/editor.js +1 -5
- package/dist/stores/onboarding.js +11 -16
- package/dist/utils/timeUtil.js +17 -6
- package/package.json +1 -1
- package/dist/components/organisms/header/AutoSaveStatus.vue.js +0 -17
- package/dist/components/organisms/header/AutoSaveStatus.vue2.js +0 -21
- package/dist/components/organisms/header/EditorActionsMenu.vue.js +0 -20
- package/dist/components/organisms/header/EditorActionsMenu.vue2.js +0 -39
- package/dist/components/organisms/header/accessibility/AccessibilityToolbar.vue.js +0 -18
- package/dist/components/organisms/header/accessibility/AccessibilityToolbar.vue2.js +0 -37
- package/dist/components/organisms/header/accessibility/ColorVisionSelect.vue.js +0 -24
- package/dist/components/organisms/header/accessibility/ColorVisionSelect.vue2.js +0 -48
- package/dist/components/organisms/onboarding/EditorTabBarOnboarding.vue.js +0 -18
- package/dist/components/organisms/onboarding/EditorTabBarOnboarding.vue2.js +0 -74
- package/dist/composables/useAccessibilityApi.js +0 -31
- package/dist/node_modules/@vueuse/core/index.js +0 -102
- package/dist/src/components/organisms/header/EditorActionsMenu.vue.d.ts +0 -2
- package/dist/src/components/organisms/header/accessibility/AccessibilityToolbar.vue.d.ts +0 -2
- package/dist/src/components/organisms/header/accessibility/ColorVisionSelect.vue.d.ts +0 -2
- package/dist/src/components/organisms/onboarding/EditorTabBarOnboarding.vue.d.ts +0 -2
- package/dist/src/composables/useAccessibilityApi.d.ts +0 -15
- /package/dist/src/components/organisms/header/{AutoSaveStatus.vue.d.ts → AutoSaveToggle.vue.d.ts} +0 -0
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import i from "./EditorActionsMenu.vue2.js";
|
|
2
|
-
/* empty css */
|
|
3
|
-
import a from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
4
|
-
var o = function() {
|
|
5
|
-
var e = this, s = e._self._c, t = e._self._setupProxy;
|
|
6
|
-
return s("div", { ref: "root", staticClass: "editor-actions-menu p-r" }, [s(t.InButtonV2, { attrs: { id: "guido__kebab-button", "data-testid": "Editor Actions Menu", "left-icon": "line-more-vertical", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.loadingStatus, "label-text-status": !1, "selected-status": t.isOpen, "tooltip-options": t.getTooltipOptions("guido__kebab-button"), "tooltip-text": t.trans("email-editor.more-actions") }, on: { click: function(l) {
|
|
7
|
-
t.isOpen = !t.isOpen;
|
|
8
|
-
} } }), t.isOpen ? s("div", { staticClass: "editor-actions-menu__panel p-a" }, [t.isAutosaveVisible ? [s("p", { staticClass: "editor-actions-menu__section f-s-1 t-c-55" }, [e._v(" " + e._s(t.trans("email-editor.preferences")) + " ")]), s("div", { staticClass: "editor-actions-menu__row editor-actions-menu__row_static d-f a-i-c j-c-s-b" }, [s("span", { staticClass: "f-s-2" }, [e._v(e._s(t.trans("email-editor.auto-save")))]), s(t.InToggle, { attrs: { id: "guido__kebab-autosave-toggle", name: "guido-kebab-autosave-toggle", checked: t.autosaveStore.isOn, disable: t.editorStore.loadingStatus }, on: { click: t.toggleAutosave } })], 1), s("div", { staticClass: "editor-actions-menu__divider" })] : e._e(), s("p", { staticClass: "editor-actions-menu__section f-s-1 t-c-55" }, [e._v(" " + e._s(t.trans("email-editor.actions")) + " ")]), t.isVersionHistoryVisible ? s("button", { staticClass: "editor-actions-menu__row d-f a-i-c", attrs: { id: "guido__kebab-version-history", type: "button", disabled: t.editorStore.isVersionHistoryButtonDisabled }, on: { click: t.handleVersionHistory } }, [s(t.InIcons, { staticClass: "mr-2", attrs: { name: "line-architect-version-history", size: "16" } }), s("span", { staticClass: "f-s-2" }, [e._v(e._s(t.trans("newsletter.version-history")))])], 1) : e._e(), t.isAccessibilityVisible ? s("button", { staticClass: "editor-actions-menu__row d-f a-i-c", attrs: { id: "guido__kebab-accessibility", type: "button", disabled: t.editorStore.loadingStatus }, on: { click: t.handleAccessibility } }, [s("svg", { staticClass: "mr-2 editor-actions-menu__icon", attrs: { "aria-hidden": "true", fill: "currentColor", height: "16", viewBox: "0 0 24 24", width: "16" } }, [s("path", { attrs: { d: "M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2Zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2Z" } })]), s("span", { staticClass: "f-s-2" }, [e._v(e._s(t.trans("email-editor.accessibility-test")))])]) : e._e(), t.isSaveAsVisible ? s("button", { staticClass: "editor-actions-menu__row d-f a-i-c", attrs: { id: "guido__kebab-save-as", type: "button", disabled: t.editorStore.isSaveAsButtonDisabled }, on: { click: t.handleSaveAs } }, [s(t.InIcons, { staticClass: "mr-2", attrs: { name: "line-newsletter-save-as-template", size: "16" } }), s("span", { staticClass: "f-s-2" }, [e._v(e._s(t.trans("newsletter.save-templates")))])], 1) : e._e(), s("button", { staticClass: "editor-actions-menu__row d-f a-i-c", attrs: { id: "guido__kebab-export", type: "button", disabled: t.isExporting || t.editorStore.isExportButtonDisabled }, on: { click: t.handleExport } }, [s(t.InIcons, { staticClass: "mr-2", attrs: { name: "line-export", size: "16" } }), s("span", { staticClass: "f-s-2" }, [e._v(e._s(t.trans("email-editor.export-html")))])], 1)], 2) : e._e()], 1);
|
|
9
|
-
}, n = [], r = /* @__PURE__ */ a(
|
|
10
|
-
i,
|
|
11
|
-
o,
|
|
12
|
-
n,
|
|
13
|
-
!1,
|
|
14
|
-
null,
|
|
15
|
-
"cbfbc6ef"
|
|
16
|
-
);
|
|
17
|
-
const b = r.exports;
|
|
18
|
-
export {
|
|
19
|
-
b as default
|
|
20
|
-
};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { defineComponent as O, ref as c, computed as t } from "vue";
|
|
2
|
-
import { useAccessibilityApi as x } from "../../../composables/useAccessibilityApi.js";
|
|
3
|
-
import { useConfig as h } from "../../../composables/useConfig.js";
|
|
4
|
-
import { useExport as I } from "../../../composables/useExport.js";
|
|
5
|
-
import { useTranslations as B } from "../../../composables/useTranslations.js";
|
|
6
|
-
import { useVersionHistoryApi as C } from "../../../composables/useVersionHistoryApi.js";
|
|
7
|
-
import { useAutosaveStore as w } from "../../../stores/autosave.js";
|
|
8
|
-
import { useEditorStore as M } from "../../../stores/editor.js";
|
|
9
|
-
import { getTooltipOptions as k } from "../../../utils/tooltipUtils.js";
|
|
10
|
-
import { InToggle as D, InIcons as F, InButtonV2 as j } from "@useinsider/design-system-vue";
|
|
11
|
-
import { onClickOutside as q } from "../../../node_modules/@vueuse/core/index.js";
|
|
12
|
-
const Y = /* @__PURE__ */ O({
|
|
13
|
-
__name: "EditorActionsMenu",
|
|
14
|
-
setup(z) {
|
|
15
|
-
const { config: i, isFeatureEnabled: n } = h(), { exportHtml: l } = I(), { openVersionHistory: p, closeVersionHistory: u } = C(), { toggleAccessibilityTestingMode: m } = x(), r = M(), f = w(), d = B(), v = c(!1), a = c(!1), A = c(null), y = t(() => n("autosave")), g = t(() => {
|
|
16
|
-
var o, e;
|
|
17
|
-
return !!((e = (o = i.value) == null ? void 0 : o.features) != null && e.versionHistory);
|
|
18
|
-
}), V = t(() => n("accessibilityTesting")), b = t(() => {
|
|
19
|
-
var o, e;
|
|
20
|
-
return !!((e = (o = i.value) == null ? void 0 : o.features) != null && e.saveAsTemplate);
|
|
21
|
-
}), s = () => {
|
|
22
|
-
v.value = !1;
|
|
23
|
-
}, H = () => {
|
|
24
|
-
r.isVersionHistoryOpen ? u() : p(), s();
|
|
25
|
-
}, _ = () => {
|
|
26
|
-
m(), s();
|
|
27
|
-
}, S = () => {
|
|
28
|
-
r.isSaveAsTemplateDrawerOpen = !0, s();
|
|
29
|
-
}, T = async () => {
|
|
30
|
-
a.value = !0, await l(), a.value = !1, s();
|
|
31
|
-
}, E = (o) => {
|
|
32
|
-
f.isOn = o;
|
|
33
|
-
};
|
|
34
|
-
return q(A, s), { __sfc: !0, config: i, isFeatureEnabled: n, exportHtml: l, openVersionHistory: p, closeVersionHistory: u, toggleAccessibilityTestingMode: m, editorStore: r, autosaveStore: f, trans: d, isOpen: v, isExporting: a, root: A, isAutosaveVisible: y, isVersionHistoryVisible: g, isAccessibilityVisible: V, isSaveAsVisible: b, close: s, handleVersionHistory: H, handleAccessibility: _, handleSaveAs: S, handleExport: T, toggleAutosave: E, getTooltipOptions: k, InButtonV2: j, InIcons: F, InToggle: D };
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
export {
|
|
38
|
-
Y as default
|
|
39
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import o from "./AccessibilityToolbar.vue2.js";
|
|
2
|
-
/* empty css */
|
|
3
|
-
import s from "../../../../_virtual/_plugin-vue2_normalizer.js";
|
|
4
|
-
var a = function() {
|
|
5
|
-
var i = this, e = i._self._c, t = i._self._setupProxy;
|
|
6
|
-
return e("div", { staticClass: "d-f a-i-c accessibility-toolbar" }, [e(t.InButtonV2, { attrs: { id: "guido__a11y-no-images", "data-testid": "Accessibility No Images", "left-icon": "line-image", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.loadingStatus, "label-text-status": !1, "selected-status": t.editorStore.imagesHidden, "tooltip-options": t.getTooltipOptions("guido__a11y-no-images"), "tooltip-text": t.imagesTooltip }, on: { click: t.toggleImages } }), e(t.InButtonV2, { attrs: { id: "guido__a11y-code", "data-testid": "Accessibility Code Editor", "left-icon": "line-code", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.loadingStatus, "label-text-status": !1, "selected-status": t.editorStore.isCodeEditorOpen, "tooltip-options": t.getTooltipOptions("guido__a11y-code"), "tooltip-text": t.trans("newsletter.html-editor") }, on: { click: t.toggleCodeEditor } }), e("div", { staticClass: "accessibility-toolbar__divider" }), e(t.ColorVisionSelect), e(t.InSegments, { staticClass: "ml-2", attrs: { id: "guido__a11y-view-selection", "with-icon": "", "segment-list": t.segmentList, selected: t.editorStore.editorVisualMode }, on: { click: t.handleView } })], 1);
|
|
7
|
-
}, l = [], d = /* @__PURE__ */ s(
|
|
8
|
-
o,
|
|
9
|
-
a,
|
|
10
|
-
l,
|
|
11
|
-
!1,
|
|
12
|
-
null,
|
|
13
|
-
"e222d603"
|
|
14
|
-
);
|
|
15
|
-
const g = d.exports;
|
|
16
|
-
export {
|
|
17
|
-
g as default
|
|
18
|
-
};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { defineComponent as d, computed as n } from "vue";
|
|
2
|
-
import { useAccessibilityApi as c } from "../../../../composables/useAccessibilityApi.js";
|
|
3
|
-
import { useTranslations as g } from "../../../../composables/useTranslations.js";
|
|
4
|
-
import { useEditorStore as u } from "../../../../stores/editor.js";
|
|
5
|
-
import { getTooltipOptions as e } from "../../../../utils/tooltipUtils.js";
|
|
6
|
-
import { InSegments as _, InButtonV2 as f } from "@useinsider/design-system-vue";
|
|
7
|
-
import w from "./ColorVisionSelect.vue.js";
|
|
8
|
-
const A = /* @__PURE__ */ d({
|
|
9
|
-
__name: "AccessibilityToolbar",
|
|
10
|
-
setup(b) {
|
|
11
|
-
const t = u(), o = g(), {
|
|
12
|
-
toggleImages: r,
|
|
13
|
-
toggleCodeEditor: m,
|
|
14
|
-
switchToDesktopPreview: i,
|
|
15
|
-
switchToMobilePreview: s
|
|
16
|
-
} = c(), l = n(() => [
|
|
17
|
-
{
|
|
18
|
-
text: "",
|
|
19
|
-
icon: "line-desktop",
|
|
20
|
-
value: "desktop",
|
|
21
|
-
tooltipText: o("newsletter.desktop"),
|
|
22
|
-
tooltipOptions: e("guido__a11y-view-desktop")
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
text: "",
|
|
26
|
-
icon: "line-menu-mobileapp",
|
|
27
|
-
value: "mobile",
|
|
28
|
-
tooltipText: o("newsletter.mobile"),
|
|
29
|
-
tooltipOptions: e("guido__a11y-view-mobile")
|
|
30
|
-
}
|
|
31
|
-
]), p = n(() => t.imagesHidden ? o("email-editor.a11y-show-images") : o("email-editor.a11y-hide-images"));
|
|
32
|
-
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 };
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
export {
|
|
36
|
-
A as default
|
|
37
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import i from "./ColorVisionSelect.vue2.js";
|
|
2
|
-
/* empty css */
|
|
3
|
-
import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
|
|
4
|
-
var l = function() {
|
|
5
|
-
var e = this, t = e._self._c, s = e._self._setupProxy;
|
|
6
|
-
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) {
|
|
7
|
-
s.isOpen = !s.isOpen;
|
|
8
|
-
} } }, [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) {
|
|
9
|
-
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(_) {
|
|
10
|
-
return s.select(o.value);
|
|
11
|
-
} } }, [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()]);
|
|
12
|
-
}), 0) : e._e()]);
|
|
13
|
-
}, c = [], r = /* @__PURE__ */ n(
|
|
14
|
-
i,
|
|
15
|
-
l,
|
|
16
|
-
c,
|
|
17
|
-
!1,
|
|
18
|
-
null,
|
|
19
|
-
"383f6378"
|
|
20
|
-
);
|
|
21
|
-
const p = r.exports;
|
|
22
|
-
export {
|
|
23
|
-
p as default
|
|
24
|
-
};
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { defineComponent as p, ref as c, computed as m } from "vue";
|
|
2
|
-
import { useAccessibilityApi as u } from "../../../../composables/useAccessibilityApi.js";
|
|
3
|
-
import { useTranslations as v } from "../../../../composables/useTranslations.js";
|
|
4
|
-
import { useEditorStore as f } from "../../../../stores/editor.js";
|
|
5
|
-
import { InIcons as y } from "@useinsider/design-system-vue";
|
|
6
|
-
import { onClickOutside as K } from "../../../../node_modules/@vueuse/core/index.js";
|
|
7
|
-
const V = /* @__PURE__ */ p({
|
|
8
|
-
__name: "ColorVisionSelect",
|
|
9
|
-
setup(b) {
|
|
10
|
-
const e = [
|
|
11
|
-
{
|
|
12
|
-
value: "",
|
|
13
|
-
labelKey: "email-editor.cvd-none"
|
|
14
|
-
},
|
|
15
|
-
{
|
|
16
|
-
value: "protanopia",
|
|
17
|
-
labelKey: "email-editor.cvd-protanopia",
|
|
18
|
-
descriptionKey: "email-editor.cvd-protanopia-description"
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
value: "deuteranopia",
|
|
22
|
-
labelKey: "email-editor.cvd-deuteranopia",
|
|
23
|
-
descriptionKey: "email-editor.cvd-deuteranopia-description"
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
value: "tritanopia",
|
|
27
|
-
labelKey: "email-editor.cvd-tritanopia",
|
|
28
|
-
descriptionKey: "email-editor.cvd-tritanopia-description"
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
value: "achromatopsia",
|
|
32
|
-
labelKey: "email-editor.cvd-achromatopsia",
|
|
33
|
-
descriptionKey: "email-editor.cvd-achromatopsia-description"
|
|
34
|
-
}
|
|
35
|
-
], t = f(), a = v(), { setColorVisionDeficiency: r } = u(), o = c(!1), n = c(null), s = m(() => {
|
|
36
|
-
const i = e.find((d) => d.value === t.colorVisionDeficiency) ?? e[0];
|
|
37
|
-
return a(i.labelKey);
|
|
38
|
-
}), l = (i) => {
|
|
39
|
-
r(i), o.value = !1;
|
|
40
|
-
};
|
|
41
|
-
return K(n, () => {
|
|
42
|
-
o.value = !1;
|
|
43
|
-
}), { __sfc: !0, OPTIONS: e, editorStore: t, trans: a, setColorVisionDeficiency: r, isOpen: o, root: n, selectedLabel: s, select: l, InIcons: y };
|
|
44
|
-
}
|
|
45
|
-
});
|
|
46
|
-
export {
|
|
47
|
-
V as default
|
|
48
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import b from "./EditorTabBarOnboarding.vue2.js";
|
|
2
|
-
import g from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
3
|
-
var l = function() {
|
|
4
|
-
var t, a, n, i, e, s;
|
|
5
|
-
var r = this, d = r._self._c, o = r._self._setupProxy;
|
|
6
|
-
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();
|
|
7
|
-
}, _ = [], p = /* @__PURE__ */ g(
|
|
8
|
-
b,
|
|
9
|
-
l,
|
|
10
|
-
_,
|
|
11
|
-
!1,
|
|
12
|
-
null,
|
|
13
|
-
null
|
|
14
|
-
);
|
|
15
|
-
const f = p.exports;
|
|
16
|
-
export {
|
|
17
|
-
f as default
|
|
18
|
-
};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { defineComponent as p, computed as d, watch as x } from "vue";
|
|
2
|
-
import { useRibbonOffset as B } from "../../../composables/useRibbonOffset.js";
|
|
3
|
-
import { useTranslations as m } from "../../../composables/useTranslations.js";
|
|
4
|
-
import { useOnboardingStore as k } from "../../../stores/onboarding.js";
|
|
5
|
-
import { InOnboard as T } from "@useinsider/design-system-vue";
|
|
6
|
-
const y = /* @__PURE__ */ p({
|
|
7
|
-
__name: "EditorTabBarOnboarding",
|
|
8
|
-
setup(f) {
|
|
9
|
-
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(() => [
|
|
10
|
-
{
|
|
11
|
-
classes: "guido-tab-bar-onboarding",
|
|
12
|
-
right: "150px",
|
|
13
|
-
top: a(56),
|
|
14
|
-
position: "Right Top",
|
|
15
|
-
title: t("email-editor.onboarding-kebab-title"),
|
|
16
|
-
description: t("email-editor.onboarding-kebab-description"),
|
|
17
|
-
imageSource: "",
|
|
18
|
-
backButtonClick: () => {
|
|
19
|
-
},
|
|
20
|
-
nextButtonType: "text",
|
|
21
|
-
nextButtonText: t("action-builder.next"),
|
|
22
|
-
nextButtonClick: r
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
classes: "guido-tab-bar-onboarding",
|
|
26
|
-
right: "320px",
|
|
27
|
-
top: a(56),
|
|
28
|
-
position: "Right Top",
|
|
29
|
-
title: t("email-editor.onboarding-autosave-title"),
|
|
30
|
-
description: t("email-editor.onboarding-autosave-description"),
|
|
31
|
-
imageSource: "",
|
|
32
|
-
backButtonType: "text",
|
|
33
|
-
backButtonText: t("action-builder.back"),
|
|
34
|
-
backButtonClick: c,
|
|
35
|
-
nextButtonType: "text",
|
|
36
|
-
nextButtonText: t("action-builder.next"),
|
|
37
|
-
nextButtonClick: r
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
classes: "guido-tab-bar-onboarding",
|
|
41
|
-
right: "150px",
|
|
42
|
-
top: a(56),
|
|
43
|
-
position: "Right Top",
|
|
44
|
-
title: t("email-editor.onboarding-accessibility-title"),
|
|
45
|
-
description: t("email-editor.onboarding-accessibility-description"),
|
|
46
|
-
imageSource: "",
|
|
47
|
-
backButtonType: "text",
|
|
48
|
-
backButtonText: t("action-builder.back"),
|
|
49
|
-
backButtonClick: c,
|
|
50
|
-
nextButtonType: "text",
|
|
51
|
-
nextButtonText: t("action-builder.ok"),
|
|
52
|
-
nextButtonClick: s
|
|
53
|
-
}
|
|
54
|
-
]), u = d(
|
|
55
|
-
() => i.onboardings.editorTabBarOnboarding.config.length > 0 && i.onboardings.editorTabBarOnboarding.isActive
|
|
56
|
-
), g = () => {
|
|
57
|
-
var o, e;
|
|
58
|
-
(e = (o = i.getEditorTabBarCurrentCard) == null ? void 0 : o.nextButtonClick) == null || e.call(o);
|
|
59
|
-
}, l = () => {
|
|
60
|
-
var o, e;
|
|
61
|
-
(e = (o = i.getEditorTabBarCurrentCard) == null ? void 0 : o.backButtonClick) == null || e.call(o);
|
|
62
|
-
};
|
|
63
|
-
return x(
|
|
64
|
-
() => i.onboardings.editorTabBarOnboarding.isActive,
|
|
65
|
-
(o) => {
|
|
66
|
-
o && i.setConfig(n, b.value);
|
|
67
|
-
},
|
|
68
|
-
{ immediate: !0 }
|
|
69
|
-
), { __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 };
|
|
70
|
-
}
|
|
71
|
-
});
|
|
72
|
-
export {
|
|
73
|
-
y as default
|
|
74
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { useEditorStore as r } from "../stores/editor.js";
|
|
2
|
-
const A = () => {
|
|
3
|
-
const e = r(), i = () => window.StripoEditorApi.accessibilityApi, s = () => {
|
|
4
|
-
i().openAccessibilityTestingMode(), e.isAccessibilityTestingOpen = !0;
|
|
5
|
-
}, o = () => {
|
|
6
|
-
i().closeAccessibilityTestingMode(), e.isAccessibilityTestingOpen = !1, e.imagesHidden = !1, e.colorVisionDeficiency = "";
|
|
7
|
-
}, g = () => e.isAccessibilityTestingOpen ? o() : s(), l = () => i().isAccessibilityTestingModeOpen(), t = () => {
|
|
8
|
-
i().showImages(), e.imagesHidden = !1;
|
|
9
|
-
}, c = () => {
|
|
10
|
-
i().hideImages(), e.imagesHidden = !0;
|
|
11
|
-
};
|
|
12
|
-
return {
|
|
13
|
-
openAccessibilityTestingMode: s,
|
|
14
|
-
closeAccessibilityTestingMode: o,
|
|
15
|
-
toggleAccessibilityTestingMode: g,
|
|
16
|
-
isAccessibilityTestingModeOpen: l,
|
|
17
|
-
showImages: t,
|
|
18
|
-
hideImages: c,
|
|
19
|
-
toggleImages: () => e.imagesHidden ? t() : c(),
|
|
20
|
-
setColorVisionDeficiency: (n) => {
|
|
21
|
-
i().setColorVisionDeficiency(n), e.colorVisionDeficiency = n;
|
|
22
|
-
},
|
|
23
|
-
getColorVisionDeficiency: () => i().getColorVisionDeficiency(),
|
|
24
|
-
switchToDesktopPreview: () => i().switchToDesktopPreview(),
|
|
25
|
-
switchToMobilePreview: () => i().switchToMobilePreview(),
|
|
26
|
-
toggleCodeEditor: () => i().emitToggleCodeEditor()
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
export {
|
|
30
|
-
A as useAccessibilityApi
|
|
31
|
-
};
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { noop as b, isIOS as F, isClient as O, toValue as h, isObject as T, tryOnScopeDispose as C } from "../shared/index.js";
|
|
2
|
-
import { createFilterWrapper as x, debounceFilter as D, useDebounceFn as j } from "../shared/index.js";
|
|
3
|
-
import "../../vue-demi/lib/index.js";
|
|
4
|
-
import { watch as I } from "vue";
|
|
5
|
-
const P = O ? window : void 0;
|
|
6
|
-
function p(n) {
|
|
7
|
-
var i;
|
|
8
|
-
const o = h(n);
|
|
9
|
-
return (i = o == null ? void 0 : o.$el) != null ? i : o;
|
|
10
|
-
}
|
|
11
|
-
function k(...n) {
|
|
12
|
-
let i, o, r, d;
|
|
13
|
-
if (typeof n[0] == "string" || Array.isArray(n[0]) ? ([o, r, d] = n, i = P) : [i, o, r, d] = n, !i)
|
|
14
|
-
return b;
|
|
15
|
-
Array.isArray(o) || (o = [o]), Array.isArray(r) || (r = [r]);
|
|
16
|
-
const m = [], y = () => {
|
|
17
|
-
m.forEach((c) => c()), m.length = 0;
|
|
18
|
-
}, a = (c, l, u, f) => (c.addEventListener(l, u, f), () => c.removeEventListener(l, u, f)), E = I(
|
|
19
|
-
() => [p(i), h(d)],
|
|
20
|
-
([c, l]) => {
|
|
21
|
-
if (y(), !c)
|
|
22
|
-
return;
|
|
23
|
-
const u = T(l) ? { ...l } : l;
|
|
24
|
-
m.push(
|
|
25
|
-
...o.flatMap((f) => r.map((w) => a(c, f, w, u)))
|
|
26
|
-
);
|
|
27
|
-
},
|
|
28
|
-
{ immediate: !0, flush: "post" }
|
|
29
|
-
), A = () => {
|
|
30
|
-
E(), y();
|
|
31
|
-
};
|
|
32
|
-
return C(A), A;
|
|
33
|
-
}
|
|
34
|
-
let L = !1;
|
|
35
|
-
function $(n, i, o = {}) {
|
|
36
|
-
const { window: r = P, ignore: d = [], capture: m = !0, detectIframe: y = !1 } = o;
|
|
37
|
-
if (!r)
|
|
38
|
-
return b;
|
|
39
|
-
F && !L && (L = !0, Array.from(r.document.body.children).forEach((e) => e.addEventListener("click", b)), r.document.documentElement.addEventListener("click", b));
|
|
40
|
-
let a = !0;
|
|
41
|
-
const E = (e) => h(d).some((t) => {
|
|
42
|
-
if (typeof t == "string")
|
|
43
|
-
return Array.from(r.document.querySelectorAll(t)).some((s) => s === e.target || e.composedPath().includes(s));
|
|
44
|
-
{
|
|
45
|
-
const s = p(t);
|
|
46
|
-
return s && (e.target === s || e.composedPath().includes(s));
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
function A(e) {
|
|
50
|
-
const t = h(e);
|
|
51
|
-
return t && t.$.subTree.shapeFlag === 16;
|
|
52
|
-
}
|
|
53
|
-
function c(e, t) {
|
|
54
|
-
const s = h(e), v = s.$.subTree && s.$.subTree.children;
|
|
55
|
-
return v == null || !Array.isArray(v) ? !1 : v.some((g) => g.el === t.target || t.composedPath().includes(g.el));
|
|
56
|
-
}
|
|
57
|
-
const l = (e) => {
|
|
58
|
-
const t = p(n);
|
|
59
|
-
if (e.target != null && !(!(t instanceof Element) && A(n) && c(n, e)) && !(!t || t === e.target || e.composedPath().includes(t))) {
|
|
60
|
-
if (e.detail === 0 && (a = !E(e)), !a) {
|
|
61
|
-
a = !0;
|
|
62
|
-
return;
|
|
63
|
-
}
|
|
64
|
-
i(e);
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
let u = !1;
|
|
68
|
-
const f = [
|
|
69
|
-
k(r, "click", (e) => {
|
|
70
|
-
u || (u = !0, setTimeout(() => {
|
|
71
|
-
u = !1;
|
|
72
|
-
}, 0), l(e));
|
|
73
|
-
}, { passive: !0, capture: m }),
|
|
74
|
-
k(r, "pointerdown", (e) => {
|
|
75
|
-
const t = p(n);
|
|
76
|
-
a = !E(e) && !!(t && !e.composedPath().includes(t));
|
|
77
|
-
}, { passive: !0 }),
|
|
78
|
-
y && k(r, "blur", (e) => {
|
|
79
|
-
setTimeout(() => {
|
|
80
|
-
var t;
|
|
81
|
-
const s = p(n);
|
|
82
|
-
((t = r.document.activeElement) == null ? void 0 : t.tagName) === "IFRAME" && !(s != null && s.contains(r.document.activeElement)) && i(e);
|
|
83
|
-
}, 0);
|
|
84
|
-
})
|
|
85
|
-
].filter(Boolean);
|
|
86
|
-
return () => f.forEach((e) => e());
|
|
87
|
-
}
|
|
88
|
-
export {
|
|
89
|
-
x as createFilterWrapper,
|
|
90
|
-
D as debounceFilter,
|
|
91
|
-
P as defaultWindow,
|
|
92
|
-
O as isClient,
|
|
93
|
-
F as isIOS,
|
|
94
|
-
T as isObject,
|
|
95
|
-
b as noop,
|
|
96
|
-
$ as onClickOutside,
|
|
97
|
-
h as toValue,
|
|
98
|
-
C as tryOnScopeDispose,
|
|
99
|
-
p as unrefElement,
|
|
100
|
-
j as useDebounceFn,
|
|
101
|
-
k as useEventListener
|
|
102
|
-
};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
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<{}>>, {}>;
|
|
2
|
-
export default _default;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
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<{}>>, {}>;
|
|
2
|
-
export default _default;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
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<{}>>, {}>;
|
|
2
|
-
export default _default;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
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<{}>>, {}>;
|
|
2
|
-
export default _default;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { ColorVisionDeficiency } from '@@/Types/api/accessibility-api';
|
|
2
|
-
export declare const useAccessibilityApi: () => {
|
|
3
|
-
openAccessibilityTestingMode: () => void;
|
|
4
|
-
closeAccessibilityTestingMode: () => void;
|
|
5
|
-
toggleAccessibilityTestingMode: () => void;
|
|
6
|
-
isAccessibilityTestingModeOpen: () => boolean;
|
|
7
|
-
showImages: () => void;
|
|
8
|
-
hideImages: () => void;
|
|
9
|
-
toggleImages: () => void;
|
|
10
|
-
setColorVisionDeficiency: (type: ColorVisionDeficiency) => void;
|
|
11
|
-
getColorVisionDeficiency: () => ColorVisionDeficiency;
|
|
12
|
-
switchToDesktopPreview: () => void;
|
|
13
|
-
switchToMobilePreview: () => void;
|
|
14
|
-
toggleCodeEditor: () => void;
|
|
15
|
-
};
|
/package/dist/src/components/organisms/header/{AutoSaveStatus.vue.d.ts → AutoSaveToggle.vue.d.ts}
RENAMED
|
File without changes
|