@1024pix/epreuves-components 4.0.1 → 4.1.0

package/dist/Popin.ce-Co12R3C8.js

@@ -0,0 +1,75 @@
+import { B as u } from "./Button.ce-DZ8jDtW5.js";
+import { F as x } from "./FocusManager.ce-DHXwg6WZ.js";
+import { b as m, h as b, B as g, o as n, c as r, F as y, l, C as h, D as p, a as e, q as d, E as i, x as a, f as B, z as _, _ as v } from "./_plugin-vue_export-helper-B-lVMTio.js";
+const k = {
+  key: 0,
+  class: "overlay"
+}, w = ["aria-label"], S = { class: "pop-in__header" }, z = { class: "pop-in__title" }, C = {
+  id: "content",
+  class: "pop-in__content"
+}, P = /* @__PURE__ */ m({
+  __name: "Popin.ce",
+  props: {
+    title: { type: String },
+    content: { type: String },
+    textButton: { type: String },
+    buttonPosition: { default: "right", type: String },
+    show: { type: Boolean }
+  },
+  emits: ["primaryAction"],
+  setup(t) {
+    const f = b("pop-in"), c = {
+      left: "start",
+      center: "center",
+      right: "end"
+    };
+    return g(() => {
+      !t.textButton && t.show && f.value?.focus();
+    }), (o, s) => (n(), r(y, null, [
+      t.show ? (n(), r("div", k)) : l("", !0),
+      h(x, {
+        "is-visible": t.show,
+        loop: !!t.textButton
+      }, {
+        default: p(() => [
+          e("div", {
+            ref: "pop-in",
+            role: "dialog",
+            class: "pop-in",
+            "aria-label": t.title,
+            "aria-describedBy": "content",
+            tabindex: "-1"
+          }, [
+            e("div", S, [
+              e("h1", z, [
+                d(o.$slots, "title", {}, () => [
+                  i(a(t.title), 1)
+                ])
+              ]),
+              e("p", C, [
+                d(o.$slots, "content", {}, () => [
+                  i(a(t.content), 1)
+                ])
+              ])
+            ]),
+            t.textButton ? (n(), B(u, {
+              key: 0,
+              onClick: s[0] || (s[0] = (N) => o.$emit("primaryAction")),
+              class: "pop-in__button",
+              style: _({ "--button-position": c[t.buttonPosition] })
+            }, {
+              default: p(() => [
+                i(a(t.textButton), 1)
+              ]),
+              _: 1
+            }, 8, ["style"])) : l("", !0)
+          ], 8, w)
+        ]),
+        _: 3
+      }, 8, ["is-visible", "loop"])
+    ], 64));
+  }
+}), F = ".overlay{position:absolute;border-radius:8px;z-index:200;inset:0;background-color:#25385859}.pop-in{display:flex;flex-direction:column;width:min(560px,95%);gap:16px;padding-bottom:24px;position:absolute;z-index:300;border-radius:16px;top:40%;left:50%;transform:translate(-50%,-50%);background-color:#fff;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset}.pop-in__header{padding:24px;border-radius:16px 16px 0 0;background:linear-gradient(180deg,#613fdd33,#613fdd1a 40%,#fff)}.pop-in__title{font-weight:700;font-size:1.25rem}.pop-in__content{font-family:Roboto,sans-serif;font-size:.875rem}.pop-in__button{font-weight:700;align-self:var(--button-position);margin-right:24px;font-family:Roboto,sans-serif}", A = /* @__PURE__ */ v(P, [["styles", [F]]]);
+export {
+  A as P
+};

package/dist/{Retry-BZf7NJz9.js → Retry-C7C78Wpj.js}

@@ -1,4 +1,4 @@
-import { _ as e, c as t, o as r, a as o } from "./_plugin-vue_export-helper-D0N_62VD.js";
+import { _ as e, o as t, c as r, a as o } from "./_plugin-vue_export-helper-B-lVMTio.js";
 const s = {}, n = {
   width: "20",
   height: "20",
@@ -8,7 +8,7 @@ const s = {}, n = {
   "aria-hidden": "true"
 };
 function a(c, C) {
-  return r(), t("svg", n, [...C[0] || (C[0] = [
+  return t(), r("svg", n, [...C[0] || (C[0] = [
     o("path", { d: "M9.98008 16.836C8.07578 16.836 6.46036 16.1728 5.13383 14.8462C3.80731 13.5197 3.14404 11.9043 3.14404 9.99998C3.14404 8.09568 3.80731 6.48026 5.13383 5.15373C6.46036 3.8272 8.07578 3.16394 9.98008 3.16394C10.9684 3.16394 11.9108 3.36686 12.8074 3.77269C13.7039 4.17839 14.4713 4.76095 15.1097 5.5204V4.03707C15.1097 3.7897 15.1933 3.58234 15.3607 3.41498C15.5281 3.24762 15.7354 3.16394 15.9828 3.16394C16.2303 3.16394 16.4377 3.24762 16.6051 3.41498C16.7724 3.58234 16.8561 3.7897 16.8561 4.03707V8.29352C16.8561 8.5595 16.7646 8.78394 16.5815 8.96686C16.3986 9.14991 16.1742 9.24144 15.9082 9.24144H11.6418C11.3958 9.24144 11.1896 9.15776 11.0232 8.9904C10.8568 8.82304 10.7736 8.61561 10.7736 8.36811C10.7736 8.12213 10.8573 7.91595 11.0247 7.74956C11.192 7.58318 11.3994 7.49998 11.6468 7.49998H14.2438C13.7994 6.74207 13.199 6.14589 12.4428 5.71144C11.6867 5.277 10.8658 5.05977 9.98008 5.05977C8.60786 5.05977 7.44147 5.54005 6.48092 6.50061C5.52022 7.4613 5.03988 8.62776 5.03988 9.99998C5.03988 11.3722 5.52022 12.5387 6.48092 13.4994C7.44147 14.4599 8.60786 14.9402 9.98008 14.9402C10.888 14.9402 11.7219 14.713 12.4818 14.2587C13.2416 13.8046 13.8385 13.1963 14.2724 12.4339C14.4021 12.2189 14.5846 12.0692 14.8199 11.9848C15.055 11.9005 15.2896 11.8996 15.5236 11.9823C15.7733 12.0651 15.9535 12.2275 16.064 12.4696C16.1745 12.7118 16.1675 12.9401 16.0432 13.1544C15.4538 14.2688 14.6222 15.161 13.5484 15.831C12.4745 16.501 11.2851 16.836 9.98008 16.836Z" }, null, -1)
   ])]);
 }

package/dist/{Stepper.ce-B1yDelzC.js → Stepper.ce-Dttf3Dsf.js}

@@ -1,8 +1,8 @@
-import { b as i, g as o, c as d, o as c, a as e, s as l, t as p, _ as u } from "./_plugin-vue_export-helper-D0N_62VD.js";
+import { b as i, o as d, c, a as e, z as l, x as p, g as o, _ as u } from "./_plugin-vue_export-helper-B-lVMTio.js";
 const h = { class: "steps-wrapper" }, _ = { class: "steps-wrapper__stepper" }, f = { "aria-hidden": "true" }, w = {
   class: "sr-only",
   "aria-live": "polite"
-}, g = /* @__PURE__ */ i({
+}, x = /* @__PURE__ */ i({
   __name: "Stepper.ce",
   props: {
     step: { type: Number },
@@ -10,7 +10,7 @@ const h = { class: "steps-wrapper" }, _ = { class: "steps-wrapper__stepper" }, f
   },
   setup(t) {
     const r = t, s = o(() => r.step + 1), a = o(() => Math.floor(s.value / r.stepsCount * 100));
-    return (n, x) => (c(), d("div", h, [
+    return (n, m) => (d(), c("div", h, [
       e("div", _, [
         e("div", {
           class: "steps-wrapper__effective-steps",
@@ -21,7 +21,7 @@ const h = { class: "steps-wrapper" }, _ = { class: "steps-wrapper__stepper" }, f
       e("p", w, p(n.$t("stepper.step", { step: s.value, stepsCount: t.stepsCount })), 1)
     ]));
   }
-}), m = ".steps-wrapper{display:flex;align-items:center;justify-content:center;color:#613fdd;font-size:.875rem;gap:6px;font-weight:500;width:100%}.steps-wrapper p{text-wrap:nowrap;margin:0}.steps-wrapper__stepper{background:#e8eaed;height:8px;width:100%;border-radius:4px}.steps-wrapper__effective-steps{width:var(--stepIndex);background:#613fdd;border-radius:4px;height:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}", y = /* @__PURE__ */ u(g, [["styles", [m]]]);
+}), g = ".steps-wrapper{display:flex;align-items:center;justify-content:center;color:#613fdd;font-size:.875rem;gap:6px;font-weight:500;width:100%}.steps-wrapper p{text-wrap:nowrap;margin:0}.steps-wrapper__stepper{background:#e8eaed;height:8px;width:100%;border-radius:4px}.steps-wrapper__effective-steps{width:var(--stepIndex);background:#613fdd;border-radius:4px;height:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}", y = /* @__PURE__ */ u(x, [["styles", [g]]]);
 export {
   y as S
 };