@cling-se/widget 0.17.2 → 0.18.0

package/dist/index-CR-KQfRE.js

@@ -1,81 +0,0 @@
-import { n as i, L as n } from "./main-BpqUyMpC.js";
-const o = {
-  name: "DocumentGuide",
-  i18nOptions: {
-    namespaces: "documentGuide",
-    messages: {
-      en: {
-        title: "Quick tour",
-        steps: {
-          addBlocks: "Add document blocks from the left sidebar.",
-          textFormatting: "Select some text and formatting options will appear.",
-          editBlocks: `Adjust a block's appearance by clicking on the <span class="dg-button-icon appearance"></span> button.`,
-          changeProduct: `Change a product's quantity by clicking on the <span class="dg-button-icon cog"></span> button.`,
-          send: `Once you're done, hit <span class="dg-button-text">Send</span>`
-        }
-      },
-      sv: {
-        title: "Snabbguide",
-        steps: {
-          addBlocks: "Lägg till dokumentblock ifrån vänstra sidomenyn.",
-          textFormatting: "Markera en bit text för att få upp formateringsmenyn.",
-          editBlocks: 'Ändra utseendet på ett block genom att klicka på <span class="dg-button-icon appearance"></span> knappen.',
-          changeProduct: 'Ändra en varas antal genom att klicka på <span class="dg-button-icon cog"></span> knappen.',
-          send: 'När du är klar, klicka på <span class="dg-button-text">Skicka</span>'
-        }
-      }
-    }
-  },
-  data() {
-    return {
-      step: 0,
-      steps: [
-        {
-          title: this.$t("steps.addBlocks"),
-          img: n("/account/onboarding/drag-block.png")
-        },
-        {
-          title: this.$t("steps.textFormatting"),
-          img: n("/account/onboarding/text-bubble.png")
-        },
-        {
-          title: this.$t("steps.editBlocks"),
-          img: n("/account/onboarding/block-options.png")
-        },
-        {
-          title: this.$t("steps.changeProduct"),
-          img: n("/account/onboarding/article-options.png")
-        },
-        {
-          title: this.$t("steps.send"),
-          img: n("/account/onboarding/doc-send.png")
-        }
-      ]
-    };
-  }
-};
-var c = function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticStyle: { position: "fixed", left: "0", top: "0", right: "0", bottom: "0", "background-color": "hsla(0, 0%, 0%, 0.2)", padding: "calc(4 * var(--rem)) 0", display: "grid", "place-items": "center", "z-index": "9999" } }, [e("div", { staticClass: "max-w-[95%] md:max-w-lg", staticStyle: { "background-color": "hsl(212, 90%, 15%)", padding: "calc(3 * var(--rem)) calc(2.5 * var(--rem))", "border-radius": "8px", color: "hsla(0, 0%, 100%, 0.8)", "font-size": "16px", position: "relative" } }, [e("CButton", { staticStyle: { position: "absolute", right: "calc(1 * var(--rem))", top: "calc(1 * var(--rem))" }, attrs: { size: "small", type: "none", pattern: "tertiary", circle: "", icon: "x" }, on: { click: function(s) {
-    return t.$emit("close");
-  } } }), e("div", { staticStyle: { "padding-left": "calc(1 * var(--rem))" } }, [e("div", { staticStyle: { "text-transform": "uppercase", "font-size": "0.75em", "padding-bottom": "0.7em", color: "hsl(321, 100%, 78%)" } }, [t._v(" " + t._s(t.$t("title")) + " ")]), e("div", { staticStyle: { "font-size": "1.5em", "padding-bottom": "1em", "line-height": "1.4", "font-weight": "500", color: "white", "min-height": "100px" } }, [t._v(" " + t._s(t.step + 1) + ". "), e("span", { domProps: { innerHTML: t._s(t.steps[t.step].title) } })])]), e("div", { staticStyle: { width: "100%", "background-color": "hsla(0, 0%, 100%, 0.2)", "line-height": "0", "border-radius": "8px", overflow: "hidden", position: "relative", "padding-bottom": "60%" } }, [e("transition", { attrs: { name: "slide-prev" } }, [e("img", { key: t.step, staticStyle: { position: "absolute", left: "0", top: "0", width: "100%", height: "100%" }, attrs: { src: t.steps[t.step].img } })])], 1), e("div", { staticStyle: { "margin-top": "calc(3 * var(--rem))", display: "flex", "justify-content": "flex-end", position: "relative" } }, [e("div", { staticStyle: { position: "absolute", display: "grid", gap: "10px", "grid-template-columns": "repeat(5, 1fr)", top: "50%", left: "50%", transform: "translate(-50%, -50%)" } }, t._l(t.steps, function(s, a) {
-    return e("div", { key: a, staticStyle: { width: "8px", height: "8px", "border-radius": "8px", cursor: "pointer" }, style: {
-      backgroundColor: t.step === a ? "white" : "hsla(0, 0%, 100%, 0.4)"
-    }, on: { click: function(d) {
-      t.step = a;
-    } } });
-  }), 0), e("CButton", { staticClass: "pulse", staticStyle: { "border-radius": "5px", "animation-duration": "0.2s" }, attrs: { type: "secondary", "icon-right": "arrow-right" }, on: { click: function(s) {
-    t.step === t.steps.length - 1 ? t.$emit("close") : t.step++;
-  } } }, [t._v(" " + t._s(t.step === t.steps.length - 1 ? t.$t("_common:done").capitalize() : t.$t("_common:next").capitalize()) + " ")])], 1)], 1)]);
-}, r = [], l = /* @__PURE__ */ i(
-  o,
-  c,
-  r,
-  !1,
-  null,
-  null
-);
-const m = l.exports;
-export {
-  m as default
-};