@useinsider/guido 3.19.0-beta.f02eaa1 → 3.19.0-beta.f66e9de

package/dist/components/organisms/header/EditorActions.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as q, ref as l, computed as w } from "vue";
+import { defineComponent as q, ref as n, computed as x } from "vue";
 import { useActionsApi as b } from "../../../composables/useActionsApi.js";
 import { useConfig as k } from "../../../composables/useConfig.js";
 import { useExport as B } from "../../../composables/useExport.js";
@@ -17,48 +17,46 @@ import { storeToRefs as Q } from "pinia";
 import U from "./MigrationConfirmModal.vue.js";
 const ft = /* @__PURE__ */ q({
   __name: "EditorActions",
-  setup(W, { expose: x }) {
-    const { config: m, isFeatureEnabled: c } = k(), { exportHtml: p } = B(), { save: u } = R(), { openVersionHistory: f, closeVersionHistory: d } = P(), { getCompiledEmail: v } = b(), { compileHtml: y } = L(), { validateLiquidSyntax: g } = j(), { handleError: r } = z(), e = G(), h = J(), { hasMigrations: H } = Q(h), s = I(), i = l(!1), a = l(!1), S = l(), V = D(), _ = () => {
+  setup(W, { expose: w }) {
+    const { config: l, isFeatureEnabled: m } = k(), { exportHtml: c } = B(), { save: p } = R(), { openVersionHistory: u, closeVersionHistory: f } = P(), { getCompiledEmail: d } = b(), { compileHtml: v } = L(), { validateLiquidSyntax: y } = j(), { handleError: r } = z(), e = G(), g = J(), { hasMigrations: S } = Q(g), s = I(), i = n(!1), a = n(!1), H = n(), h = D(), _ = () => {
       if (e.isVersionHistoryOpen) {
-        d();
+        f();
         return;
       }
-      f();
+      u();
     }, C = async () => {
-      i.value = !0, await p(), i.value = !1;
+      i.value = !0, await c(), i.value = !1;
     }, A = () => {
       e.isSaveAsTemplateDrawerOpen = !0;
-    }, M = w(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), O = w(
+    }, M = x(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), O = x(
       () => {
         var t, o;
-        return ((o = (t = m.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
+        return ((o = (t = l.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
       }
-    ), E = async (t) => {
+    ), V = async (t) => {
       a.value = !0, t || (e.loadingStatus = !0);
       let o;
       try {
-        o = await u(t);
-      } catch (n) {
-        if (t)
-          throw n;
-        r(n, "Failed to save template");
+        o = await p(t);
+      } catch (T) {
+        r(T, "Failed to save template");
       } finally {
         a.value = !1, !t && !o && (e.loadingStatus = !1);
       }
       return o;
-    }, T = (t) => {
+    }, E = (t) => {
       var o;
-      if (!t && H.value) {
-        (o = S.value) == null || o.open();
+      if (!t && S.value) {
+        (o = H.value) == null || o.open();
         return;
       }
-      return E(t);
+      return V(t);
     }, F = async () => {
-      if (c("liquidSyntax")) {
+      if (m("liquidSyntax")) {
         e.loadingStatus = !0;
         try {
-          const { html: t } = await v({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = y(t);
-          if (!await g(o))
+          const { html: t } = await d({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = v(t);
+          if (!await y(o))
             return;
         } catch (t) {
           r(t, "Failed to prepare test email");
@@ -67,11 +65,11 @@ const ft = /* @__PURE__ */ q({
           e.loadingStatus = !1;
         }
       }
-      V();
+      h();
     };
-    return x({
-      handleSave: T
-    }), { __sfc: !0, config: m, isFeatureEnabled: c, exportHtml: p, save: u, openVersionHistory: f, closeVersionHistory: d, getCompiledEmail: v, compileHtml: y, validateLiquidSyntax: g, handleError: r, editorStore: e, templateStore: h, hasMigrations: H, trans: s, isExporting: i, isSaving: a, migrationModalRef: S, testEmailClick: V, handleVersionHistory: _, handleExport: C, handleSaveAs: A, versionHistoryTooltipText: M, isVersionHistoryButtonVisible: O, executeSave: E, handleSave: T, handleTestEmail: F, getTooltipOptions: K, InButtonV2: N, MigrationConfirmModal: U };
+    return w({
+      handleSave: E
+    }), { __sfc: !0, config: l, isFeatureEnabled: m, exportHtml: c, save: p, openVersionHistory: u, closeVersionHistory: f, getCompiledEmail: d, compileHtml: v, validateLiquidSyntax: y, handleError: r, editorStore: e, templateStore: g, hasMigrations: S, trans: s, isExporting: i, isSaving: a, migrationModalRef: H, testEmailClick: h, handleVersionHistory: _, handleExport: C, handleSaveAs: A, versionHistoryTooltipText: M, isVersionHistoryButtonVisible: O, executeSave: V, handleSave: E, handleTestEmail: F, getTooltipOptions: K, InButtonV2: N, MigrationConfirmModal: U };
   }
 });
 export {

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

@@ -2,9 +2,9 @@ import d from "./RecommendationStrategyOnboarding.vue2.js";
 /* empty css                                      */
 import g from "../../../_virtual/_plugin-vue2_normalizer.js";
 var m = function() {
-  var e, n, r, a, i;
+  var e, n, r, i, a;
   var t = this, s = t._self._c, o = t._self._setupProxy;
-  return o.isVisible ? s(o.InOnboard, { key: "guido__recommendation-strategy-onboard", staticClass: "w-21-s p-a z-11", class: (e = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : e.classes, attrs: { id: "guido__recommendation-strategy-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "left-position": (n = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : n.left, "pages-config": o.onboardingStore.onboardings.recommendationStrategyOnboarding.config, "pointer-position": (r = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : r.position, "right-position": (a = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : a.right, "top-position": (i = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : i.top }, on: { close: function(p) {
+  return o.isVisible ? s(o.InOnboard, { key: "guido__recommendation-strategy-onboard", staticClass: "w-21-s p-a z-11", class: (e = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : e.classes, attrs: { id: "guido__recommendation-strategy-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "left-position": (n = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : n.left, "pages-config": o.onboardingStore.onboardings.recommendationStrategyOnboarding.config, "pointer-position": (r = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : r.position, "right-position": (i = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : i.right, "top-position": (a = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : a.top }, on: { close: function(p) {
     return o.onboardingStore.close(o.ONBOARDING_TYPE);
   }, nextButtonClick: o.handleNext } }) : t._e();
 }, c = [], _ = /* @__PURE__ */ g(
@@ -13,7 +13,7 @@ var m = function() {
   c,
   !1,
   null,
-  "1f4a4044"
+  "ec2027ff"
 );
 const S = _.exports;
 export {

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

@@ -1,46 +1,47 @@
-import { defineComponent as c, computed as g, watch as b } from "vue";
-import { useRibbonOffset as p } from "../../../composables/useRibbonOffset.js";
-import { useTranslations as u } from "../../../composables/useTranslations.js";
-import { ACADEMY_LINKS as l } from "../../../enums/academy.js";
-import { useOnboardingStore as f } from "../../../stores/onboarding.js";
-import { InOnboard as O } from "@useinsider/design-system-vue";
-const B = /* @__PURE__ */ c({
+import { defineComponent as g, computed as p, watch as b } from "vue";
+import { useRibbonOffset as u } from "../../../composables/useRibbonOffset.js";
+import { useTranslations as l } from "../../../composables/useTranslations.js";
+import { ACADEMY_LINKS as f } from "../../../enums/academy.js";
+import { useRecommendationExtensionStore as O } from "../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
+import { InOnboard as y } from "@useinsider/design-system-vue";
+const h = /* @__PURE__ */ g({
   __name: "RecommendationStrategyOnboarding",
-  setup(_) {
-    const e = "recommendationStrategyOnboarding", n = u(), t = f(), { getTopPosition: i } = p(), r = `<a href="${l.EMAIL_RECOMMENDATION_BLOCK}" target="_blank" rel="noopener noreferrer">${n("action-builder.visit-academy")}</a>`, a = () => [
+  setup(C) {
+    const n = "recommendationStrategyOnboarding", e = l(), t = _(), i = O(), { getTopPosition: r } = u(), a = `<a href="${f.EMAIL_RECOMMENDATION_BLOCK}" target="_blank" rel="noopener noreferrer">${e("action-builder.visit-academy")}</a>`, m = () => [
       {
         classes: "guido-recommendation-strategy-onboarding",
         // Sits in the gap left of the settings panel and points at the strategy section, which
         // starts 208px down: the panel header and its tab row are fixed chrome above it.
         right: "426px",
-        top: i(208),
+        top: r(208),
         position: "Right Top",
-        title: n("email-editor.onboarding-recommendation-strategy-title"),
-        description: n("email-editor.onboarding-recommendation-strategy-description", {
-          academyLink: r
+        title: e("email-editor.onboarding-recommendation-strategy-title"),
+        description: e("email-editor.onboarding-recommendation-strategy-description", {
+          academyLink: a
         }),
         imageSource: "",
         backButtonClick: () => {
         },
         nextButtonType: "text",
-        nextButtonText: n("action-builder.ok"),
+        nextButtonText: e("action-builder.ok"),
         nextButtonClick: () => {
-          t.close(e);
+          t.close(n);
         }
       }
-    ], m = g(() => t.onboardings.recommendationStrategyOnboarding.config.length > 0 && t.onboardings.recommendationStrategyOnboarding.isActive), d = () => {
+    ], c = p(() => i.strategyPanelOpen && t.onboardings.recommendationStrategyOnboarding.config.length > 0 && t.onboardings.recommendationStrategyOnboarding.isActive), d = () => {
       var o, s;
       (s = (o = t.getRecommendationStrategyCurrentCard) == null ? void 0 : o.nextButtonClick) == null || s.call(o);
     };
     return b(
-      () => t.isActive(e),
+      () => t.isActive(n),
       (o) => {
-        o && t.setConfig(e, a());
+        o && t.setConfig(n, m());
       },
       { immediate: !0 }
-    ), { __sfc: !0, ONBOARDING_TYPE: e, trans: n, onboardingStore: t, getTopPosition: i, academyLink: r, buildOnboardingCards: a, isVisible: m, handleNext: d, InOnboard: O };
+    ), { __sfc: !0, ONBOARDING_TYPE: n, trans: e, onboardingStore: t, recommendationStore: i, getTopPosition: r, academyLink: a, buildOnboardingCards: m, isVisible: c, handleNext: d, InOnboard: y };
   }
 });
 export {
-  B as default
+  h as default
 };

package/dist/composables/useActionsApi.js

@@ -1,18 +1,23 @@
-import { filterAmpErrors as v } from "../utils/ampErrorFilter.js";
-import { useToaster as y } from "./useToaster.js";
-const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
-  const w = setTimeout(
-    () => m(new Error(`${n} did not report completion within ${l}ms`)),
+import { filterAmpErrors as y } from "../utils/ampErrorFilter.js";
+import { getEditorApi as s } from "../utils/stripoEditorApi.js";
+import { useToaster as D } from "./useToaster.js";
+const h = 1e4, T = 3e4, r = (n, l, A) => new Promise((C, p) => {
+  const f = setTimeout(
+    () => p(new Error(`${n} did not report completion within ${l}ms`)),
     l
-  ), p = (A) => (t) => {
-    clearTimeout(w), A(t);
-  };
-  u(p(T), p(m));
-}), I = () => {
-  const { handleError: n } = y(), l = (t = {}) => s(
+  ), c = (t) => (e) => {
+    clearTimeout(f), t(e);
+  }, d = c(p);
+  try {
+    A(c(C), d);
+  } catch (t) {
+    d(t);
+  }
+}), P = () => {
+  const { handleError: n } = D(), l = (t = {}) => r(
     "compileEmail",
-    d,
-    (e, a) => {
+    T,
+    (e, i) => {
       const o = { ...{
         minimize: !0,
         utmEntity: {
@@ -32,53 +37,53 @@ const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
         forceAmp: !1,
         resetDataSavedFlag: !1,
         disableLineHeightsReplace: !0
-      }, ...t }, c = {
-        callback: (r, C, f, S, g) => {
-          r ? a(r) : e({
-            html: C,
-            ampHtml: f,
-            ampErrors: v(S ?? []),
-            displayConditions: g
+      }, ...t }, u = {
+        callback: (m, g, w, S, v) => {
+          m ? i(m) : e({
+            html: g,
+            ampHtml: w,
+            ampErrors: y(S ?? []),
+            displayConditions: v
           });
         },
         ...o
       };
-      window.StripoEditorApi.actionsApi.compileEmail(c);
+      s().actionsApi.compileEmail(u);
     }
   );
   return {
     getCompiledEmail: l,
-    getTemplateData: () => s(
+    getTemplateData: () => r(
       "getTemplateData",
-      d,
+      T,
       (t) => {
-        const e = ({ html: a, css: i, width: o, height: E, utmParams: c, syncModulesIds: r }) => t({
-          html: a,
-          css: i,
+        const e = ({ html: i, css: a, width: o, height: E, utmParams: u, syncModulesIds: m }) => t({
+          html: i,
+          css: a,
           width: o,
           height: E,
-          utmParams: c,
-          syncModulesIds: r
+          utmParams: u,
+          syncModulesIds: m
         });
-        window.StripoEditorApi.actionsApi.getTemplateData(e);
+        s().actionsApi.getTemplateData(e);
       }
     ),
     activateCustomViewStyles: (t = !0) => {
-      window.StripoEditorApi.actionsApi.activateCustomViewStyles(t);
+      s().actionsApi.activateCustomViewStyles(t);
     },
     getPreviewData: async (t) => {
       try {
         const {
           html: e,
-          displayConditions: a,
-          ampHtml: i = "",
+          displayConditions: i,
+          ampHtml: a = "",
           ampErrors: o = []
         } = await l({ minimize: !1, resetDataSavedFlag: !1, ...t });
         return {
           html: e,
-          ampHtml: i,
+          ampHtml: a,
           ampErrors: o,
-          displayConditions: a
+          displayConditions: i
         };
       } catch (e) {
         return n(e, "Error loading preview"), {
@@ -90,30 +95,30 @@ const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
       }
     },
     updateTimerInClonedTemplate: () => new Promise((t) => {
-      var e, a;
-      if (typeof ((a = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : a.updateTimerInClonedTemplate) != "function") {
+      var e, i;
+      if (typeof ((i = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : i.updateTimerInClonedTemplate) != "function") {
         t(null);
         return;
       }
       try {
-        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((i, o) => {
-          i ? (n(i, "Failed to update timer in cloned template"), t(null)) : t(o || null);
+        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((a, o) => {
+          a ? (n(a, "Failed to update timer in cloned template"), t(null)) : t(o || null);
         });
-      } catch (i) {
-        n(i, "Failed to call updateTimerInClonedTemplate"), t(null);
+      } catch (a) {
+        n(a, "Failed to call updateTimerInClonedTemplate"), t(null);
       }
     }),
     updateHtmlAndCss: (t, e) => {
-      const { actionsApi: a } = window.StripoEditorApi;
-      return s("updateHtmlAndCss", D, (i) => {
-        a.updateHtmlAndCss(t, e, () => i());
+      const { actionsApi: i } = s();
+      return r("updateHtmlAndCss", h, (a) => {
+        i.updateHtmlAndCss(t, e, () => a());
       });
     },
-    editorSave: () => s(
+    editorSave: () => r(
       "save",
-      d,
+      T,
       (t) => {
-        window.StripoEditorApi.actionsApi.save((e) => {
+        s().actionsApi.save((e) => {
           if (e) {
             n(e, "Failed to save template"), t(!1);
             return;
@@ -125,5 +130,5 @@ const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
   };
 };
 export {
-  I as useActionsApi
+  P as useActionsApi
 };

package/dist/composables/useAuthError.js

@@ -0,0 +1,54 @@
+import { ToasterTypeOptions as u } from "../enums/toaster.js";
+import { ref as f } from "vue";
+import { useToaster as p } from "./useToaster.js";
+import { useTranslations as d } from "./useTranslations.js";
+const a = ["accessExpired", "domainRestricted", "ipRestricted", "insiderAccessRestricted"], n = f(null);
+let t = !1;
+const w = (e) => {
+  try {
+    return new URL(e, window.location.href).origin === window.location.origin;
+  } catch {
+    return !0;
+  }
+}, g = (e) => {
+  try {
+    const o = new URL(e, window.location.href);
+    return o.origin === window.location.origin ? o.href : "";
+  } catch {
+    return "";
+  }
+}, y = (e) => {
+  try {
+    const o = JSON.parse(e);
+    return o && typeof o == "object" && Object.keys(o).length ? o : null;
+  } catch {
+    return null;
+  }
+}, h = (e) => typeof (e == null ? void 0 : e.message) == "string" ? e.message : "", c = (e) => h(e) || d()("user-management.collaborate-forbidden-action"), l = (e) => {
+  p().showToaster({ type: u.Error, message: e });
+}, m = () => {
+  n.value = null, t && (window.isSessionExpired = !1, t = !1);
+}, A = (e, o, i) => {
+  if (i && !w(i))
+    return;
+  const r = y(o);
+  if (e === 403) {
+    l(c(r));
+    return;
+  }
+  if (e === 401 && (r == null ? void 0 : r.type) === "groupLevelAccess") {
+    l(c(r));
+    return;
+  }
+  if (e === 401 && typeof (r == null ? void 0 : r.type) == "string" && a.includes(r.type)) {
+    const s = typeof r.redirect == "string" ? g(r.redirect) : "";
+    s && window.location.replace(s);
+    return;
+  }
+  e !== 401 && e !== 419 || n.value || (t = t || !window.isSessionExpired, window.isSessionExpired = !0, n.value = { status: e, data: r });
+}, O = () => ({ authError: n, releaseAuthFreeze: m });
+export {
+  m as releaseAuthFreeze,
+  A as reportAuthError,
+  O as useAuthError
+};

package/dist/composables/useCodeEditorApi.js

@@ -1,11 +1,25 @@
-const i = () => ({
-  openCodeEditor: () => {
-    window.StripoEditorApi.codeEditorApi.openCodeEditor();
-  },
-  closeCodeEditor: () => {
-    window.StripoEditorApi.codeEditorApi.closeCodeEditor();
-  }
-});
+import { ToasterTypeOptions as d } from "../enums/toaster.js";
+import { findEditorApi as s, EDITOR_NOT_READY_MESSAGE as p } from "../utils/stripoEditorApi.js";
+import { useToaster as E } from "./useToaster.js";
+const T = () => {
+  const { showToaster: i } = E(), t = (o) => {
+    var r;
+    const e = (r = s()) == null ? void 0 : r.codeEditorApi;
+    if (!e) {
+      i({ type: d.Error, message: p });
+      return;
+    }
+    o(e);
+  };
+  return {
+    openCodeEditor: () => {
+      t((o) => o.openCodeEditor());
+    },
+    closeCodeEditor: () => {
+      t((o) => o.closeCodeEditor());
+    }
+  };
+};
 export {
-  i as useCodeEditorApi
+  T as useCodeEditorApi
 };

package/dist/composables/useCustomInterfaceAppearance.js

@@ -1,71 +1,81 @@
-import i from "../static/assets/icons/filled-arrow-rising.svg.js";
-import n from "../static/assets/icons/line-change.svg.js";
-import S from "../static/assets/icons/line-delete.svg.js";
-import p from "../static/assets/icons/line-info.svg.js";
-import s from "../static/assets/icons/line-plus.svg.js";
-import f from "../static/styles/base.css.js";
+import p from "../static/assets/icons/filled-arrow-rising.svg.js";
+import s from "../static/assets/icons/line-change.svg.js";
+import a from "../static/assets/icons/line-delete.svg.js";
+import f from "../static/assets/icons/line-info.svg.js";
+import c from "../static/assets/icons/line-plus.svg.js";
+import l from "../static/styles/base.css.js";
 import C from "../static/styles/components/alert-message.css.js";
-import a from "../static/styles/components/amp-block.css.js";
-import c from "../static/styles/components/base-input.css.js";
-import l from "../static/styles/components/button-group.css.js";
-import u from "../static/styles/components/button.css.js";
-import d from "../static/styles/components/combobox.css.js";
-import I from "../static/styles/components/counter.css.js";
-import g from "../static/styles/components/dropdown-menu.css.js";
-import h from "../static/styles/components/loader.css.js";
-import w from "../static/styles/components/narrow-panel.css.js";
-import $ from "../static/styles/components/popup.css.js";
-import y from "../static/styles/components/recommendation-strategy.css.js";
-import b from "../static/styles/components/switcher.css.js";
-import B from "../static/styles/components/tabs.css.js";
-import A from "../static/styles/components/tools.css.js";
-import P from "../static/styles/components/version-history.css.js";
-import R from "../static/styles/components/wide-panel.css.js";
-import x from "../static/styles/variables.css.js";
-function o(t, r) {
-  return `--guido-icon-${t}: url("data:image/svg+xml,${encodeURIComponent(r.trim())}");`;
+import d from "../static/styles/components/amp-block.css.js";
+import u from "../static/styles/components/base-input.css.js";
+import h from "../static/styles/components/button-group.css.js";
+import I from "../static/styles/components/button.css.js";
+import g from "../static/styles/components/combobox.css.js";
+import w from "../static/styles/components/counter.css.js";
+import y from "../static/styles/components/dropdown-menu.css.js";
+import A from "../static/styles/components/loader.css.js";
+import $ from "../static/styles/components/narrow-panel.css.js";
+import b from "../static/styles/components/popup.css.js";
+import B from "../static/styles/components/recommendation-strategy.css.js";
+import D from "../static/styles/components/skeleton.css.js";
+import R from "../static/styles/components/switcher.css.js";
+import P from "../static/styles/components/tabs.css.js";
+import T from "../static/styles/components/tools.css.js";
+import x from "../static/styles/components/version-history.css.js";
+import M from "../static/styles/components/wide-panel.css.js";
+import O from "../static/styles/variables.css.js";
+function o(i, r) {
+  return `--guido-icon-${i}: url("data:image/svg+xml,${encodeURIComponent(r.trim())}");`;
 }
 const V = `:host {
-    ${o("line-change", n)}
-    ${o("line-delete", S)}
-    ${o("filled-arrow-rising", i)}
-    ${o("line-info", p)}
-    ${o("line-plus", s)}
-}`, D = [
-  x,
+    ${o("line-change", s)}
+    ${o("line-delete", a)}
+    ${o("filled-arrow-rising", p)}
+    ${o("line-info", f)}
+    ${o("line-plus", c)}
+}`, W = [
+  O,
   // Must be on top
   V,
-  f,
+  l,
   // Must be on top
   C,
-  a,
-  c,
-  l,
-  u,
   d,
+  u,
+  h,
   I,
   g,
-  h,
   w,
+  y,
+  A,
   $,
   b,
-  B,
-  A,
-  P,
+  D,
   R,
-  y
+  P,
+  T,
+  x,
+  M,
+  B
   // Last: overrides button.css / wide-panel.css defaults
 ].join(`
 
-`), ro = () => ({ importCss: () => {
-  const r = new CSSStyleSheet();
-  r.replaceSync(D);
-  const e = document.querySelector("ui-editor");
-  if (!e)
-    return;
-  const m = e.shadowRoot;
-  m && (m.adoptedStyleSheets = [r]);
+`), _ = 3e4;
+let e = null;
+function k() {
+  return e || (e = new CSSStyleSheet(), e.replaceSync(W)), e;
+}
+const po = () => ({ importCss: () => {
+  const r = k(), S = Date.now() + _, n = () => {
+    var m;
+    const t = (m = document.querySelector("ui-editor")) == null ? void 0 : m.shadowRoot;
+    if (t) {
+      t.adoptedStyleSheets.includes(r) || (t.adoptedStyleSheets = [...t.adoptedStyleSheets, r]);
+      return;
+    }
+    Date.now() < S && requestAnimationFrame(n);
+  };
+  n();
 } });
 export {
-  ro as useCustomInterfaceAppearance
+  po as useCustomInterfaceAppearance
 };