@appmax_npm/ds-prime 1.0.0-alpha.141 → 1.0.0-alpha.143

package/aminternationalizationmodal/index.d.ts

@@ -8,4 +8,3 @@ export interface AmInternationalizationModalSlots {
 declare const AmInternationalizationModal: DefineComponent<AmInternationalizationModalProps, {}, AmInternationalizationModalEmits>;
 
 export default AmInternationalizationModal;
-export * from './aminternationalizationmodal.types';

package/aminternationalizationmodal/index.js

@@ -1,161 +1,167 @@
-import { getCurrentScope as E, onScopeDispose as I, unref as v, ref as b, watchEffect as A, computed as W, getCurrentInstance as G, onMounted as P, defineComponent as S, openBlock as h, createElementBlock as y, createElementVNode as u, createVNode as l, withCtx as p, createTextVNode as w, toDisplayString as _, normalizeClass as j, createCommentVNode as V, createBlock as k, createSlots as R, renderList as D, watch as B, mergeProps as O } from "vue";
+import { getCurrentScope as L, onScopeDispose as E, unref as b, ref as w, watchEffect as W, computed as P, getCurrentInstance as R, onMounted as A, defineComponent as $, openBlock as p, createElementBlock as S, createElementVNode as c, createVNode as d, withCtx as f, createTextVNode as h, toDisplayString as _, normalizeClass as j, createCommentVNode as C, createBlock as y, createSlots as D, renderList as G, renderSlot as I, watch as k, mergeProps as O } from "vue";
 import Q from "primevue/dialog";
-import C from "../ambutton/index.js";
-import { _ as x } from "../AmText.vue_vue_type_script_setup_true_lang-yjw50cPR.js";
-import { _ as L } from "../AmIcon.vue_vue_type_script_setup_true_lang-DSPwaviT.js";
-import { _ as M } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-import U from "../amslider/index.js";
-function H(n) {
-  return E() ? (I(n), !0) : !1;
+import z from "../ambutton/index.js";
+import { _ as g } from "../AmText.vue_vue_type_script_setup_true_lang-yjw50cPR.js";
+import { _ as V } from "../AmIcon.vue_vue_type_script_setup_true_lang-DSPwaviT.js";
+import { _ as T } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+import H from "../amslider/index.js";
+function U(o) {
+  return L() ? (E(o), !0) : !1;
 }
-function q(n) {
-  return typeof n == "function" ? n() : v(n);
+function q(o) {
+  return typeof o == "function" ? o() : b(o);
 }
 const F = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const J = F ? window : void 0;
 function K() {
-  const n = b(!1), o = G();
-  return o && P(() => {
-    n.value = !0;
-  }, o), n;
+  const o = w(!1), i = R();
+  return i && A(() => {
+    o.value = !0;
+  }, i), o;
 }
-function X(n) {
-  const o = K();
-  return W(() => (o.value, !!n()));
+function X(o) {
+  const i = K();
+  return P(() => (i.value, !!o()));
 }
-function T(n, o = {}) {
-  const { window: t = J } = o, a = X(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
+function M(o, i = {}) {
+  const { window: t = J } = i, n = X(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
   let e;
-  const s = b(!1), i = (d) => {
-    s.value = d.matches;
-  }, r = () => {
-    e && ("removeEventListener" in e ? e.removeEventListener("change", i) : e.removeListener(i));
-  }, m = A(() => {
-    a.value && (r(), e = t.matchMedia(q(n)), "addEventListener" in e ? e.addEventListener("change", i) : e.addListener(i), s.value = e.matches);
+  const l = w(!1), a = (v) => {
+    l.value = v.matches;
+  }, m = () => {
+    e && ("removeEventListener" in e ? e.removeEventListener("change", a) : e.removeListener(a));
+  }, x = W(() => {
+    n.value && (m(), e = t.matchMedia(q(o)), "addEventListener" in e ? e.addEventListener("change", a) : e.addListener(a), l.value = e.matches);
   });
-  return H(() => {
-    m(), r(), e = void 0;
-  }), s;
+  return U(() => {
+    x(), m(), e = void 0;
+  }), l;
 }
-const Y = { class: "briefing-modal" }, Z = { class: "briefing-modal-title" }, ee = { class: "child-body" }, te = { class: "child-body-button-container" }, ne = { class: "child-body" }, oe = ["src"], se = { name: "Briefing" }, ie = /* @__PURE__ */ S({
-  ...se,
+const Y = { class: "briefing-modal" }, Z = { class: "briefing-modal-title" }, ee = { class: "child-body" }, te = { class: "child-body-button-container" }, ne = { class: "child-body" }, oe = ["src"], ie = { name: "Briefing" }, se = /* @__PURE__ */ $({
+  ...ie,
   props: {
     title: {},
     subtitle: {},
     description: {},
     buttonTitle: {},
-    buttonLabel: {}
+    buttonLabel: {},
+    image: {}
   },
   emits: ["nextStep", "closeModal"],
-  setup(n, { emit: o }) {
-    const t = n, a = T("(max-width: 775px)"), e = "", s = o;
-    return (i, r) => (h(), y("div", Y, [
-      u("div", Z, [
-        l(x, { variant: "l3" }, {
-          default: p(() => [
-            w(_(t.title), 1)
+  setup(o, { emit: i }) {
+    const t = o, n = M("(max-width: 775px)"), e = i;
+    return (l, a) => (p(), S("div", Y, [
+      c("div", Z, [
+        d(g, {
+          variant: "subtitle",
+          size: "large"
+        }, {
+          default: f(() => [
+            h(_(t.title), 1)
           ]),
           _: 1
         }),
-        l(L, {
+        d(V, {
           icon: "close",
           size: "md",
-          onClick: r[0] || (r[0] = (m) => s("closeModal"))
+          onClick: a[0] || (a[0] = (m) => e("closeModal"))
         })
       ]),
-      u("div", {
-        class: j(["briefing-modal-body", { "briefing-modal-body-mobile": v(a) }])
+      c("div", {
+        class: j(["briefing-modal-body", { "briefing-modal-body-mobile": b(n) }])
       }, [
-        u("div", ee, [
-          l(x, {
-            class: "title",
-            variant: "l1",
-            isStrong: ""
+        c("div", ee, [
+          d(g, {
+            variant: "title",
+            isStrong: "",
+            size: "medium",
+            class: "title"
           }, {
-            default: p(() => [
-              w(_(t.subtitle), 1)
+            default: f(() => [
+              h(_(t.subtitle), 1)
             ]),
             _: 1
           }),
-          l(x, {
+          d(g, {
             class: "mt-4",
-            variant: "l5"
+            variant: "body"
           }, {
-            default: p(() => [
-              w(_(t.description), 1)
+            default: f(() => [
+              h(_(t.description), 1)
             ]),
             _: 1
           }),
-          l(x, {
+          d(g, {
             class: "mt-4",
-            variant: "l5"
+            variant: "body"
           }, {
-            default: p(() => [
-              w(_(t.buttonTitle), 1)
+            default: f(() => [
+              h(_(t.buttonTitle), 1)
             ]),
             _: 1
           }),
-          u("div", te, [
-            l(C, {
+          c("div", te, [
+            d(z, {
               label: t.buttonLabel,
-              size: "xlarge",
-              onClick: r[1] || (r[1] = (m) => s("nextStep"))
+              onClick: a[1] || (a[1] = (m) => e("nextStep"))
             }, null, 8, ["label"])
           ])
         ]),
-        u("div", ne, [
-          u("img", {
-            src: `${v(e)}images/internationalization-briefing.webp`
+        c("div", ne, [
+          c("img", {
+            src: t.image
           }, null, 8, oe)
         ])
       ], 2)
     ]));
   }
-}), le = /* @__PURE__ */ M(ie, [["__scopeId", "data-v-356f2620"]]), ae = { class: "whats-new" }, re = { class: "whats-new-img-container" }, de = ["src"], ce = ["href"], ue = { name: "GenericStepper" }, fe = /* @__PURE__ */ S({
-  ...ue,
+}), le = /* @__PURE__ */ T(se, [["__scopeId", "data-v-2607cf0e"]]), ae = { class: "whats-new" }, re = { class: "whats-new-img-container" }, de = ["src"], ue = ["href"], ce = { name: "GenericStepper" }, me = /* @__PURE__ */ $({
+  ...ce,
   props: {
     slotObj: {}
   },
-  setup(n) {
-    const o = n, t = T("(max-width: 775px)");
-    return (a, e) => (h(), y("div", ae, [
-      u("div", re, [
-        u("img", {
+  setup(o) {
+    const i = o, t = M("(max-width: 775px)");
+    return (n, e) => (p(), S("div", ae, [
+      c("div", re, [
+        c("img", {
           class: "whats-new-img",
-          src: v(t) ? o.slotObj.image.replace(/(\.webp)$/, "-mobile$1") : o.slotObj.image
+          src: b(t) ? i.slotObj.image.replace(/(\.webp)$/, "-mobile$1") : i.slotObj.image
         }, null, 8, de)
       ]),
-      l(x, {
+      d(g, {
         class: "whats-new-title",
-        variant: "l3",
+        variant: "subtitle",
+        size: "medium",
         isStrong: ""
       }, {
-        default: p(() => [
-          w(_(o.slotObj.subtitle), 1)
+        default: f(() => [
+          h(_(i.slotObj.subtitle), 1)
         ]),
         _: 1
       }),
-      l(x, {
+      d(g, {
         class: "whats-new-description",
-        variant: "body"
+        variant: "body",
+        size: "medium"
       }, {
-        default: p(() => {
-          var s;
+        default: f(() => {
+          var l;
           return [
-            w(_(o.slotObj.description) + " ", 1),
-            (s = o.slotObj) != null && s.url ? (h(), y("a", {
+            h(_(i.slotObj.description) + " ", 1),
+            (l = i.slotObj) != null && l.url ? (p(), S("a", {
               key: 0,
               target: "_blank",
-              href: o.slotObj.url
-            }, _(o.slotObj.linkHint), 9, ce)) : V("", !0)
+              href: i.slotObj.url
+            }, _(i.slotObj.linkHint), 9, ue)) : C("", !0)
           ];
         }),
         _: 1
       })
     ]));
   }
-}), me = /* @__PURE__ */ M(fe, [["__scopeId", "data-v-e4ecbdfd"]]), pe = { class: "internationalization-modal" }, _e = { class: "internationalization-modal-title" }, ve = { class: "internationalization-modal-body" }, be = { name: "WhatsNew" }, he = /* @__PURE__ */ S({
+}), fe = /* @__PURE__ */ T(me, [["__scopeId", "data-v-f570da73"]]), pe = { class: "internationalization-modal" }, ve = { class: "internationalization-modal-title" }, _e = { class: "internationalization-modal-body" }, be = { name: "WhatsNew" }, he = /* @__PURE__ */ $({
   ...be,
   props: {
     title: {},
@@ -166,84 +172,87 @@ const Y = { class: "briefing-modal" }, Z = { class: "briefing-modal-title" }, ee
     pagination: { type: Boolean, default: !0 },
     items: {}
   },
-  emits: ["closeModal", "returnStep"],
-  setup(n, { expose: o, emit: t }) {
-    const a = n, e = T("(max-width: 775px)"), s = t, i = b(0), r = b(a.items), m = r.value.map((f) => f.subtitle), d = ({ slidingToIndex: f }) => {
-      i.value = f;
-    }, c = b(), g = () => {
-      var f;
-      if (i.value === 3) {
-        s("closeModal");
+  emits: ["closeModal", "returnStep", "nextStep", "slideChange"],
+  setup(o, { expose: i, emit: t }) {
+    const n = o, e = M("(max-width: 775px)"), l = t, a = w(0), m = n.items.map((s) => s.subtitle), x = ({ slidingToIndex: s }) => {
+      a.value = s, l("slideChange", s);
+    }, v = w(), u = () => {
+      var s;
+      if (a.value === n.items.length - 1) {
+        l("nextStep"), l("closeModal");
         return;
       }
-      (f = c.value) == null || f.nextSlide();
-    }, z = () => {
-      var f;
-      if (i.value === 0)
-        return s("returnStep");
-      if (i.value === 3)
-        return s("closeModal");
-      (f = c.value) == null || f.prevSlide();
+      (s = v.value) == null || s.nextSlide();
+    }, r = () => {
+      var s;
+      if (a.value === 0)
+        return l("returnStep");
+      if (a.value === n.items.length - 1)
+        return l("closeModal");
+      (s = v.value) == null || s.prevSlide();
     };
-    return o({
-      nextSlide: g,
-      prevSlide: z
-    }), (f, N) => (h(), y("div", pe, [
-      u("div", _e, [
-        l(x, {
-          variant: "l3",
+    return i({
+      nextSlide: u,
+      prevSlide: r
+    }), (s, N) => (p(), S("div", pe, [
+      c("div", ve, [
+        d(g, {
+          variant: "title",
+          size: "small",
           isStrong: ""
         }, {
-          default: p(() => [
-            w(_(a.title), 1)
+          default: f(() => [
+            h(_(n.title), 1)
           ]),
           _: 1
         }),
-        l(L, {
+        d(V, {
           icon: "close",
           size: "md",
-          onClick: N[0] || (N[0] = ($) => s("closeModal"))
+          onClick: N[0] || (N[0] = (B) => l("closeModal"))
         })
       ]),
-      v(m).length > 0 ? (h(), k(U, {
+      b(m).length > 0 ? (p(), y(H, {
         key: 0,
         ref_key: "sliderRef",
-        ref: c,
-        "slot-names": v(m),
+        ref: v,
+        "slot-names": b(m),
         "slides-per-view": 1,
         pagination: !0,
         navigation: !1,
         infinite: !1,
         "centered-slides": !0,
-        onOnChange: d
-      }, R({ _: 2 }, [
-        D(r.value, ($, Se) => ({
-          name: $.subtitle,
-          fn: p(() => [
-            u("div", ve, [
-              l(me, { "slot-obj": $ }, null, 8, ["slot-obj"])
+        onOnChange: x
+      }, D({ _: 2 }, [
+        G(n.items, (B, Se) => ({
+          name: B.subtitle,
+          fn: f(() => [
+            c("div", _e, [
+              d(fe, { "slot-obj": B }, null, 8, ["slot-obj"])
             ])
           ])
         }))
-      ]), 1032, ["slot-names"])) : V("", !0),
-      u("div", {
-        class: j(["internationalization-modal-button-container", { "mobile-alignment": v(e) }])
+      ]), 1032, ["slot-names"])) : C("", !0),
+      c("div", {
+        class: j(["internationalization-modal-button-container", { "mobile-alignment": b(e) }])
       }, [
-        l(C, {
-          label: i.value === 3 ? a.finishButtonText : a.backButtonText,
-          variant: "maxGhost",
-          size: "xlarge",
-          onClick: z
-        }, null, 8, ["label"]),
-        l(C, {
-          label: i.value === 3 ? a.integrationMenuButtonText : a.nextButtonText,
-          size: "xlarge",
-          onClick: g
-        }, null, 8, ["label"])
+        I(s.$slots, "buttons", {}, () => [
+          a.value !== n.items.length - 1 || n.finishButtonText ? (p(), y(z, {
+            key: 0,
+            label: a.value === n.items.length - 1 ? n.finishButtonText : n.backButtonText,
+            severity: "secondary",
+            outlined: "",
+            onClick: r
+          }, null, 8, ["label"])) : C("", !0),
+          d(z, {
+            label: a.value === n.items.length - 1 ? n.integrationMenuButtonText : n.nextButtonText,
+            onClick: u
+          }, null, 8, ["label"])
+        ], !0)
       ], 2)
     ]));
   }
-}), ge = /* @__PURE__ */ M(he, [["__scopeId", "data-v-deac99cd"]]), we = { key: 0 }, xe = { name: "AmInternationalizationModal" }, ye = /* @__PURE__ */ S({
+}), ge = /* @__PURE__ */ T(he, [["__scopeId", "data-v-921d30a3"]]), we = { key: 0 }, xe = { name: "AmInternationalizationModal" }, Te = /* @__PURE__ */ $({
   ...xe,
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -251,63 +260,66 @@ const Y = { class: "briefing-modal" }, Z = { class: "briefing-modal-title" }, ee
     briefingProps: {},
     whatsNewProps: {}
   },
-  emits: ["update:modelValue"],
-  setup(n, { emit: o }) {
-    const t = n, a = o, e = b(t.modelValue), s = b(!t.showBriefing), i = b(), r = () => {
+  emits: ["update:modelValue", "nextStep", "slideChange"],
+  setup(o, { emit: i }) {
+    const t = o, n = i, e = w(t.modelValue), l = w(!t.showBriefing), a = w(), m = M("(max-width: 775px)"), x = () => {
       e.value = !1, setTimeout(() => {
-        s.value = !t.showBriefing;
+        l.value = !t.showBriefing;
       }, 500);
     };
-    B(
+    k(
       () => t.modelValue,
-      (d) => {
-        e.value = d;
+      (u) => {
+        e.value = u;
       }
-    ), B(
+    ), k(
       () => t.showBriefing,
-      (d) => {
-        s.value = !d;
+      (u) => {
+        l.value = !u;
       },
       { immediate: !0 }
-    ), B(
+    ), k(
       () => e.value,
-      (d) => {
-        a("update:modelValue", d);
+      (u) => {
+        n("update:modelValue", u);
       }
     );
-    const m = (d) => {
+    const v = (u) => {
       e.value = !1, setTimeout(() => {
-        s.value = d, e.value = !0;
+        l.value = u, e.value = !0;
       }, 300);
     };
-    return (d, c) => (h(), k(v(Q), {
+    return (u, r) => (p(), y(b(Q), {
       visible: e.value,
-      "onUpdate:visible": c[3] || (c[3] = (g) => e.value = g),
+      "onUpdate:visible": r[5] || (r[5] = (s) => e.value = s),
       style: { width: "800px" },
       modal: !0,
       closable: !1,
-      closeOnEscape: !1,
-      class: "internationalization-dialog"
+      maximized: b(m),
+      closeOnEscape: !0,
+      class: "p-dialog-custom internationalization-dialog"
     }, {
-      default: p(() => [
-        s.value ? (h(), k(ge, O({
+      default: f(() => [
+        l.value ? (p(), y(ge, O({
           key: 1,
           ref_key: "whatsNewRef",
-          ref: i
+          ref: a
         }, t.whatsNewProps, {
-          onReturnStep: c[2] || (c[2] = (g) => m(!1)),
-          onCloseModal: r
-        }), null, 16)) : (h(), y("div", we, [
-          l(le, O(t.briefingProps, {
-            onCloseModal: c[0] || (c[0] = (g) => e.value = !1),
-            onNextStep: c[1] || (c[1] = (g) => m(!0))
+          onNextStep: r[2] || (r[2] = (s) => n("nextStep", !0)),
+          onReturnStep: r[3] || (r[3] = (s) => v(!1)),
+          onCloseModal: x,
+          onSlideChange: r[4] || (r[4] = (s) => n("slideChange", s))
+        }), null, 16)) : (p(), S("div", we, [
+          d(le, O(t.briefingProps, {
+            onCloseModal: r[0] || (r[0] = (s) => e.value = !1),
+            onNextStep: r[1] || (r[1] = (s) => v(!0))
           }), null, 16)
         ]))
       ]),
       _: 1
-    }, 8, ["visible"]));
+    }, 8, ["visible", "maximized"]));
   }
-}), Ne = /* @__PURE__ */ M(ye, [["__scopeId", "data-v-9d06981e"]]);
+});
 export {
-  Ne as default
+  Te as default
 };