@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.
Files changed (45) hide show
  1. package/dist/@types/config/schemas.js +23 -25
  2. package/dist/components/organisms/header/AutoSaveToggle.vue.js +22 -0
  3. package/dist/components/organisms/header/AutoSaveToggle.vue2.js +19 -0
  4. package/dist/components/organisms/header/EditorActions.vue.js +11 -11
  5. package/dist/components/organisms/header/EditorActions.vue2.js +50 -34
  6. package/dist/components/organisms/header/LeftSlot.vue.js +5 -5
  7. package/dist/components/organisms/header/LeftSlot.vue2.js +23 -28
  8. package/dist/components/organisms/header/MiddleSlot.vue.js +4 -4
  9. package/dist/components/organisms/header/MiddleSlot.vue2.js +7 -8
  10. package/dist/components/organisms/header/RightSlot.vue.js +6 -6
  11. package/dist/components/organisms/header/RightSlot.vue2.js +15 -17
  12. package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +34 -43
  13. package/dist/config/i18n/en/labels.json.js +4 -28
  14. package/dist/guido.css +1 -1
  15. package/dist/node_modules/@vueuse/shared/index.js +28 -40
  16. package/dist/src/@types/config/schemas.d.ts +0 -4
  17. package/dist/src/composables/useActionsApi.d.ts +2 -2
  18. package/dist/src/composables/useConfig.d.ts +0 -2
  19. package/dist/src/stores/config.d.ts +0 -18
  20. package/dist/src/stores/editor.d.ts +0 -107
  21. package/dist/src/stores/onboarding.d.ts +0 -377
  22. package/dist/src/stores/version-history.d.ts +1 -1
  23. package/dist/src/utils/timeUtil.d.ts +0 -10
  24. package/dist/stores/editor.js +1 -5
  25. package/dist/stores/onboarding.js +11 -16
  26. package/dist/utils/timeUtil.js +17 -6
  27. package/package.json +1 -1
  28. package/dist/components/organisms/header/AutoSaveStatus.vue.js +0 -17
  29. package/dist/components/organisms/header/AutoSaveStatus.vue2.js +0 -21
  30. package/dist/components/organisms/header/EditorActionsMenu.vue.js +0 -20
  31. package/dist/components/organisms/header/EditorActionsMenu.vue2.js +0 -39
  32. package/dist/components/organisms/header/accessibility/AccessibilityToolbar.vue.js +0 -18
  33. package/dist/components/organisms/header/accessibility/AccessibilityToolbar.vue2.js +0 -37
  34. package/dist/components/organisms/header/accessibility/ColorVisionSelect.vue.js +0 -24
  35. package/dist/components/organisms/header/accessibility/ColorVisionSelect.vue2.js +0 -48
  36. package/dist/components/organisms/onboarding/EditorTabBarOnboarding.vue.js +0 -18
  37. package/dist/components/organisms/onboarding/EditorTabBarOnboarding.vue2.js +0 -74
  38. package/dist/composables/useAccessibilityApi.js +0 -31
  39. package/dist/node_modules/@vueuse/core/index.js +0 -102
  40. package/dist/src/components/organisms/header/EditorActionsMenu.vue.d.ts +0 -2
  41. package/dist/src/components/organisms/header/accessibility/AccessibilityToolbar.vue.d.ts +0 -2
  42. package/dist/src/components/organisms/header/accessibility/ColorVisionSelect.vue.d.ts +0 -2
  43. package/dist/src/components/organisms/onboarding/EditorTabBarOnboarding.vue.d.ts +0 -2
  44. package/dist/src/composables/useAccessibilityApi.d.ts +0 -15
  45. /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
- };