@amsom-habitat/ui 2.20.6 → 2.20.8

package/dist/ui.js

@@ -1,16 +1,2044 @@
-import { a as s, l as o, f as e, h as A, A as l, d as t, j as r, k as i, n as d, i as n, m as p, e as S, A as g } from "./index-DW6kT0Fx.js";
+import { FontAwesomeIcon as D } from "@fortawesome/vue-fontawesome";
+import { library as M } from "@fortawesome/fontawesome-svg-core";
+import { faTimes as Q, faCheck as W, faCamera as X, faTrash as R, faArrowRight as $, faArrowLeft as ee, faEye as q, faEyeSlash as K, faArrowDownWideShort as te, faArrowUpShortWide as se, faPlus as le, faAnglesLeft as ie, faAngleLeft as ne, faAngleRight as oe, faAnglesRight as ae, faCloudArrowDown as re, faTriangleExclamation as de, faCloudArrowUp as ce, faPaperclip as ue, faFileCirclePlus as me } from "@fortawesome/free-solid-svg-icons";
+import { resolveComponent as x, createBlock as k, openBlock as n, Teleport as fe, createElementVNode as o, createElementBlock as r, createCommentVNode as h, normalizeStyle as _, normalizeClass as f, withModifiers as w, renderSlot as I, toDisplayString as p, Fragment as y, renderList as C, createTextVNode as A, useCssVars as he, createVNode as b, withCtx as z, withDirectives as N, vModelCheckbox as E, vShow as ge } from "vue";
+import { isImage as j, resizeImage as G, handleFile as J, base64ToBlob as pe, openFileBlob as ye, downloadBlob as be, imageToPDF as Se, openFileBase64 as xe, isPdf as ke } from "@amsom-habitat/file-utils";
+import { VueDraggableNext as we } from "vue-draggable-next";
+import P from "moment-timezone";
+import { unixToDateString as Ce } from "@amsom-habitat/date-utils";
+import _e from "pdf-merger-js";
+const ve = (s, e) => {
+  const t = s.__vccOpts || s;
+  for (const [u, i] of e)
+    t[u] = i;
+  return t;
+};
+M.add(Q);
+const Pe = {
+  name: "AmsomModalComponent",
+  components: {
+    FontAwesomeIcon: D
+  },
+  props: {
+    closeOption: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator(s) {
+        return ["xxs", "xs", "sm", "md", "lg", "xl"].includes(s);
+      }
+    },
+    position: {
+      type: String,
+      default: "center",
+      validator(s) {
+        return ["top", "center", "bottom"].includes(s);
+      }
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    reducible: {
+      type: Boolean,
+      default: !1
+    },
+    classTitle: {
+      type: String,
+      default: "h4 text-center"
+    }
+  },
+  emits: ["close"],
+  data() {
+    return {
+      alreadyHidden: !1,
+      modalId: this.$options.modalManager.generateModalId(),
+      reduced: !1,
+      mouseDownOnBackdrop: !1
+    };
+  },
+  // Gestionnaire global des modales ouvertes
+  // Utilise un array pour maintenir l'ordre d'ouverture et fermer la bonne modal avec ESC
+  modalManager: {
+    openModals: [],
+    baseZIndex: 1e4,
+    // Z-index de base pour les modals - au-dessus de Bootstrap (max ~1090) et Overlay
+    zIndexIncrement: 10,
+    // Incrément de z-index entre chaque modal
+    modalCounter: 0,
+    // Compteur pour générer des IDs uniques
+    // Configuration des tailles de modal
+    sizes: {
+      xxs: "col-12 col-md-3",
+      xs: "col-12 col-md-4",
+      sm: "col-12 col-md-6",
+      md: "col-12 col-md-8",
+      lg: "col-12 col-md-10",
+      xl: "col-12"
+    },
+    generateModalId() {
+      return `modal-${Date.now()}-${++this.modalCounter}`;
+    },
+    register(s) {
+      this.openModals.push(s);
+    },
+    unregister(s) {
+      const e = this.openModals.indexOf(s);
+      e > -1 && this.openModals.splice(e, 1);
+    },
+    getTopModal() {
+      return this.openModals[this.openModals.length - 1];
+    },
+    clear() {
+      this.openModals.length = 0;
+    }
+  },
+  computed: {
+    // Z-index dynamique basé sur l'ordre d'ouverture
+    modalZIndex() {
+      const s = this.$options.modalManager.openModals.indexOf(this.modalId);
+      return this.$options.modalManager.baseZIndex + (s >= 0 ? s * this.$options.modalManager.zIndexIncrement : 0);
+    },
+    // Dimension de la modal
+    modalSize() {
+      return this.$options.modalManager.sizes[this.size] || this.$options.modalManager.sizes.md;
+    },
+    // Alignement vertical de la modal
+    alignmentClass() {
+      return {
+        top: "flex-start",
+        center: "center",
+        bottom: "flex-end"
+      }[this.position] || "center";
+    }
+  },
+  mounted() {
+    this.$options.modalManager.register(this.modalId), this.$options.modalManager.openModals.length === 1 && this.lockBodyScroll(), this.closeOption && document.addEventListener("keydown", this.closeEsc);
+  },
+  beforeUnmount() {
+    this.$options.modalManager.unregister(this.modalId), this.$options.modalManager.openModals.length === 0 && this.unlockBodyScroll(), this.closeOption && document.removeEventListener("keydown", this.closeEsc);
+  },
+  methods: {
+    lockBodyScroll() {
+      if (window.getComputedStyle(document.body).overflow === "hidden") {
+        this.alreadyHidden = !0;
+        return;
+      }
+      document.body.style.overflow = "hidden";
+    },
+    unlockBodyScroll() {
+      this.alreadyHidden || (document.body.style.overflow = "");
+    },
+    // Gestion du mousedown sur le backdrop pour tracker où commence le clic
+    handleBackdropMouseDown(s) {
+      s.target === s.currentTarget && (this.mouseDownOnBackdrop = !0);
+    },
+    // Gestion du mousedown sur la modal pour tracker le début
+    handleModalMouseDown() {
+      this.mouseDownOnBackdrop = !1;
+    },
+    // Gestion du mouseup sur la modal pour empêcher la fermeture
+    handleModalMouseUp() {
+      this.mouseDownOnBackdrop = !1;
+    },
+    // Gestion du clic sur le backdrop (arrière-plan)
+    handleBackdropClick(s) {
+      s.target === s.currentTarget && this.mouseDownOnBackdrop && this.closeOption && this.$emit("close"), this.mouseDownOnBackdrop = !1;
+    },
+    // Fermeture de la modal avec la touche echap
+    closeEsc(s) {
+      s.key === "Escape" && this.$options.modalManager.getTopModal() === this.modalId && this.$emit("close");
+    }
+  }
+}, Ie = ["id"], De = { class: "amsom-modal-body mt-2" }, Me = /* @__PURE__ */ o("p", null, " Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. ", -1), Be = {
+  key: 0,
+  class: "position-fixed bottom-0 end-0 mb-3 me-3"
+}, Ae = {
+  key: 0,
+  class: "position-fixed bottom-0 end-0 mb-3 me-3"
+};
+function Te(s, e, t, u, i, l) {
+  const c = x("font-awesome-icon");
+  return n(), k(fe, { to: "body" }, [
+    o("div", {
+      class: f(["p-2 m-0 bg-black bg-opacity-25 position-fixed overflow-y-auto", { "d-none": i.reduced }]),
+      style: _({
+        zIndex: l.modalZIndex,
+        inset: 0
+      }),
+      onMousedown: e[7] || (e[7] = (...d) => l.handleBackdropMouseDown && l.handleBackdropMouseDown(...d)),
+      onClick: e[8] || (e[8] = (...d) => l.handleBackdropClick && l.handleBackdropClick(...d))
+    }, [
+      o("div", {
+        class: "d-flex justify-content-center",
+        style: _({
+          minHeight: "100%",
+          alignItems: l.alignmentClass,
+          paddingTop: t.position === "center" ? "2rem" : "1rem",
+          paddingBottom: t.position === "center" ? "2rem" : "1rem"
+        }),
+        onMousedown: e[4] || (e[4] = (...d) => l.handleBackdropMouseDown && l.handleBackdropMouseDown(...d)),
+        onClick: e[5] || (e[5] = (...d) => l.handleBackdropClick && l.handleBackdropClick(...d))
+      }, [
+        o("div", {
+          id: i.modalId,
+          class: f(["container-fluid bg-white rounded-4 p-3 position-relative d-flex flex-column", l.modalSize]),
+          style: {
+            minHeight: "auto",
+            maxHeight: "none"
+          },
+          onClick: e[1] || (e[1] = w(() => {
+          }, ["stop"])),
+          onMousedown: e[2] || (e[2] = (...d) => l.handleModalMouseDown && l.handleModalMouseDown(...d)),
+          onMouseup: e[3] || (e[3] = (...d) => l.handleModalMouseUp && l.handleModalMouseUp(...d))
+        }, [
+          t.closeOption ? (n(), k(c, {
+            key: 0,
+            icon: "fa-solid fa-times",
+            role: "button",
+            class: "position-absolute top-0 end-0 m-3 translate-middle-y",
+            size: "lg",
+            onClick: e[0] || (e[0] = (d) => s.$emit("close"))
+          })) : h("", !0),
+          o("div", De, [
+            I(s.$slots, "title", {}, () => [
+              t.title ? (n(), r("div", {
+                key: 0,
+                class: f(t.classTitle)
+              }, p(t.title), 3)) : h("", !0)
+            ]),
+            I(s.$slots, "default", {}, () => [
+              Me
+            ])
+          ])
+        ], 42, Ie)
+      ], 36),
+      t.reducible ? (n(), r("div", Be, [
+        o("button", {
+          class: "btn btn-primary",
+          onClick: e[6] || (e[6] = (d) => i.reduced = !i.reduced)
+        }, " Réduire la fenêtre ")
+      ])) : h("", !0)
+    ], 38),
+    t.reducible && i.reduced ? (n(), r("div", Ae, [
+      o("button", {
+        class: "btn btn-primary",
+        onClick: e[9] || (e[9] = (d) => i.reduced = !i.reduced)
+      }, " Restaurer la fenêtre ")
+    ])) : h("", !0)
+  ]);
+}
+const ze = /* @__PURE__ */ ve(Pe, [["render", Te]]), v = (s, e) => {
+  const t = s.__vccOpts || s;
+  for (const [u, i] of e)
+    t[u] = i;
+  return t;
+}, Fe = {
+  name: "AmsomCard",
+  props: {
+    //string or null
+    title: {
+      type: String,
+      default: null
+    },
+    bgImage: {
+      type: String,
+      default: null
+    },
+    bgOpacity: {
+      type: Number,
+      default: 0.25,
+      validator: (s) => s >= 0 && s <= 1
+    },
+    bubbleTitle: {
+      type: Boolean,
+      default: !1
+    },
+    bubbleTitleClass: {
+      type: String,
+      default: "bg-primary text-white"
+    },
+    noBody: {
+      type: Boolean,
+      default: !1
+    },
+    header: {
+      type: Boolean,
+      default: !1
+    },
+    headerClass: {
+      type: String,
+      default: ""
+    },
+    cardClass: {
+      type: String,
+      default: ""
+    },
+    cardStyle: {
+      type: String,
+      default: ""
+    },
+    footer: {
+      type: Boolean,
+      default: !1
+    },
+    footerClass: {
+      type: String,
+      default: ""
+    }
+  }
+}, Le = { class: "position-relative" }, Ne = {
+  key: 0,
+  class: "card-title"
+}, je = ["src"];
+function qe(s, e, t, u, i, l) {
+  return n(), r("div", Le, [
+    t.header ? (n(), r("div", {
+      key: 0,
+      class: f(["card card-header", t.headerClass])
+    }, [
+      I(s.$slots, "header")
+    ], 2)) : h("", !0),
+    o("div", {
+      class: f(["card position-relative h-100", [
+        {
+          "rounded-top-0": t.header,
+          "rounded-bottom-0": t.footer
+        },
+        t.cardClass
+      ]])
+    }, [
+      o("div", {
+        class: "position-relative overflow-y-auto h-100",
+        style: _(t.cardStyle)
+      }, [
+        o("div", {
+          class: f([
+            {
+              "card-body": !t.noBody
+            }
+          ]),
+          style: { position: "relative", "z-index": "1" }
+        }, [
+          I(s.$slots, "title", {}, () => [
+            t.title && !t.bubbleTitle ? (n(), r("h4", Ne, p(t.title), 1)) : h("", !0)
+          ]),
+          I(s.$slots, "default")
+        ], 2)
+      ], 4),
+      t.bgImage ? (n(), r("img", {
+        key: 0,
+        src: t.bgImage,
+        class: f(["img img-fluid bg-white object-fit-cover h-100 w-100 position-absolute top-0 start-0", [
+          {
+            "rounded-top-0": t.header,
+            "rounded-bottom-0": t.footer
+          }
+        ]]),
+        alt: "Image de fond du widget",
+        style: _({
+          opacity: t.bgOpacity,
+          zIndex: 0,
+          borderRadius: "inherit"
+        })
+      }, null, 14, je)) : h("", !0)
+    ], 2),
+    t.title && t.bubbleTitle ? (n(), r("span", {
+      key: 1,
+      id: "bubble-title",
+      class: f(["position-absolute top-0 start-0 translate-middle-y rounded-pill shadow px-1", t.bubbleTitleClass]),
+      style: { "z-index": "2" }
+    }, p(t.title), 3)) : h("", !0),
+    t.footer ? (n(), r("div", {
+      key: 2,
+      class: f(["card card-footer", t.footerClass])
+    }, [
+      I(s.$slots, "footer")
+    ], 2)) : h("", !0)
+  ]);
+}
+const Ve = /* @__PURE__ */ v(Fe, [["render", qe]]), Ee = {
+  name: "AmsomOverlay",
+  props: {
+    loading: {
+      type: Boolean,
+      default: !1,
+      required: !0
+    },
+    opacity: {
+      type: Number,
+      default: 60,
+      required: !1,
+      validator: (s) => s >= 0 && s <= 100
+    }
+  }
+}, He = { class: "position-relative" };
+function Oe(s, e, t, u, i, l) {
+  return n(), r("div", He, [
+    t.loading ? (n(), r("div", {
+      key: 0,
+      class: "position-absolute w-100 h-100 d-flex align-items-center justify-content-center rounded",
+      style: _({
+        backgroundColor: "rgba(193, 193, 193," + t.opacity / 100 + ")",
+        boxShadow: "inset 0 0 0 10px rgba(193, 193, 193, 0.5)",
+        zIndex: 1090
+      })
+    }, [...e[0] || (e[0] = [
+      o("div", {
+        class: "spinner-border text-primary position-sticky sticky-top",
+        role: "status"
+      }, [
+        o("span", { class: "sr-only visually-hidden" }, "Chargement...")
+      ], -1)
+    ])], 4)) : h("", !0),
+    I(s.$slots, "default", {}, () => [
+      e[1] || (e[1] = o("p", null, " Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. ", -1))
+    ])
+  ]);
+}
+const Z = /* @__PURE__ */ v(Ee, [["render", Oe]]);
+M.add(W);
+const Ye = {
+  name: "WorkflowAssuranceBlock",
+  components: {
+    FontAwesomeIcon: D
+  },
+  props: {
+    steps: {
+      type: Array,
+      required: !0,
+      default: () => [
+        {
+          numero: 1,
+          texte: "Step 1"
+        },
+        {
+          numero: 2,
+          texte: "Step 2"
+        },
+        {
+          numero: 3,
+          texte: "Step 3"
+        }
+      ]
+    },
+    currentStep: {
+      type: Number,
+      required: !1,
+      default: 1
+    },
+    size: {
+      type: String,
+      required: !1,
+      default: "md"
+    },
+    checkPassedStep: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    passedStepBgColor: {
+      type: String,
+      required: !1,
+      default: "success"
+    },
+    currentStepBgColor: {
+      type: String,
+      required: !1,
+      default: "primary"
+    },
+    futureStepBgColor: {
+      type: String,
+      required: !1,
+      default: "secondary"
+    },
+    passedStepCss: {
+      type: String,
+      required: !1,
+      default: "text-white"
+    },
+    currentStepCss: {
+      type: String,
+      required: !1,
+      default: "text-white fw-bold"
+    },
+    futureStepCss: {
+      type: String,
+      required: !1,
+      default: "text-white"
+    },
+    passedStepTextCss: {
+      type: String,
+      required: !1,
+      default: "white"
+    },
+    currentStepTextCss: {
+      type: String,
+      required: !1,
+      default: "white"
+    },
+    futureStepTextCss: {
+      type: String,
+      required: !1,
+      default: "white"
+    },
+    hideText: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  emits: ["clickStep"],
+  computed: {
+    fontSize() {
+      return this.bubbleSize / 2;
+    },
+    bubbleSize() {
+      switch (this.size) {
+        case "sm":
+          return 2;
+        case "lg":
+          return 4;
+        default:
+          return 3;
+      }
+    }
+  }
+}, Ue = { class: "d-flex flex-column align-items-center" }, We = ["onClick"], Re = {
+  key: 0,
+  class: "line h-100",
+  style: { height: "30px", "min-height": "30px" }
+};
+function Ke(s, e, t, u, i, l) {
+  const c = x("font-awesome-icon");
+  return n(!0), r(y, null, C(t.steps, (d, m) => (n(), r("div", {
+    key: d.numero,
+    class: "d-flex mb-1"
+  }, [
+    o("div", Ue, [
+      o("div", {
+        style: _({
+          width: l.bubbleSize + "rem",
+          minHeight: l.bubbleSize + "rem",
+          height: l.bubbleSize + "rem",
+          lineHeight: l.bubbleSize + "rem",
+          fontSize: l.fontSize + "rem"
+        }),
+        class: f(["d-inline-block rounded-circle text-center mb-1", [
+          "bg-" + (m + 1 < t.currentStep ? t.passedStepBgColor : m + 1 === t.currentStep ? t.currentStepBgColor : t.futureStepBgColor),
+          m + 1 < t.currentStep ? t.passedStepCss : m + 1 === t.currentStep ? t.currentStepCss : t.futureStepCss
+        ]]),
+        onClick: (a) => s.$emit("clickStep", d.numero)
+      }, [
+        m + 1 < t.currentStep && t.checkPassedStep ? (n(), k(c, {
+          key: 0,
+          icon: ["fas", "check"]
+        })) : (n(), r(y, { key: 1 }, [
+          A(p(d.numero), 1)
+        ], 64))
+      ], 14, We),
+      m < t.steps.length - 1 ? (n(), r("div", Re)) : h("", !0)
+    ]),
+    t.hideText ? h("", !0) : (n(), r("span", {
+      key: 0,
+      class: f(["ms-1", [m + 1 < t.currentStep ? t.passedStepTextCss : m + 1 === t.currentStep ? t.currentStepTextCss : t.futureStepTextCss]]),
+      style: _({
+        minHeight: l.bubbleSize + "rem",
+        lineHeight: l.bubbleSize + "rem"
+      })
+    }, [
+      I(s.$slots, "stepContent", { step: d }, () => [
+        A(p(d.texte), 1)
+      ], !0)
+    ], 6))
+  ]))), 128);
+}
+const Hs = /* @__PURE__ */ v(Ye, [["render", Ke], ["__scopeId", "data-v-5eab4376"]]);
+M.add(W);
+const V = {
+  name: "AmsomHorizontalStepper",
+  components: {
+    FontAwesomeIcon: D
+  },
+  props: {
+    currentStep: {
+      type: Number,
+      required: !0,
+      default: 1
+    },
+    steps: {
+      type: Array,
+      required: !0,
+      default: () => [
+        {
+          numero: 1,
+          texte: "Step 1"
+        },
+        {
+          numero: 2,
+          texte: "Step 2"
+        },
+        {
+          numero: 3,
+          texte: "Step 3"
+        }
+      ]
+    },
+    size: {
+      type: String,
+      required: !1,
+      default: "md",
+      validator: function(s) {
+        return ["sm", "md", "lg"].indexOf(s) !== -1;
+      }
+    },
+    checkPassedStep: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    passedStepBgColor: {
+      type: String,
+      required: !1,
+      default: "success"
+    },
+    currentStepBgColor: {
+      type: String,
+      required: !1,
+      default: "primary"
+    },
+    futureStepBgColor: {
+      type: String,
+      required: !1,
+      default: "secondary"
+    },
+    passedStepCss: {
+      type: String,
+      required: !1,
+      default: "text-white"
+    },
+    currentStepCss: {
+      type: String,
+      required: !1,
+      default: "text-white fw-bold"
+    },
+    futureStepCss: {
+      type: String,
+      required: !1,
+      default: "text-white"
+    },
+    passedStepTextCss: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    currentStepTextCss: {
+      type: String,
+      required: !1,
+      default: "fw-bold"
+    },
+    futureStepTextCss: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    hideText: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  emits: ["clickStep"],
+  computed: {
+    fontSizeText() {
+      return this.bubbleSize / 2.5;
+    },
+    fontSizeStep() {
+      return this.bubbleSize / 2;
+    },
+    bubbleSize() {
+      switch (this.size) {
+        case "sm":
+          return 2;
+        case "lg":
+          return 4;
+        default:
+          return 3;
+      }
+    },
+    passedStepBgColorCss() {
+      return "var(--bs-" + this.passedStepBgColor + ")";
+    },
+    futureStepBgColorCss() {
+      return "var(--bs-" + this.futureStepBgColor + ")";
+    },
+    currentStepBgColorCss() {
+      return "var(--bs-" + this.currentStepBgColor + ")";
+    },
+    lineTopCss() {
+      return "calc(" + this.bubbleSize + "/ 2)";
+    }
+  }
+}, H = () => {
+  he((s) => ({
+    v31536048: s.futureStepBgColorCss,
+    dac29eac: s.bubbleSize + "rem",
+    a3a0806e: s.passedStepBgColorCss,
+    de0182ca: s.fontSizeStep + "rem"
+  }));
+}, O = V.setup;
+V.setup = O ? (s, e) => (H(), O(s, e)) : H;
+const Ge = { class: "d-flex justify-content-between" }, Je = ["role", "onClick"];
+function Ze(s, e, t, u, i, l) {
+  const c = x("font-awesome-icon");
+  return n(), r("div", Ge, [
+    (n(!0), r(y, null, C(t.steps, (d, m) => (n(), r("div", {
+      key: d.numero,
+      role: d.numero < t.currentStep ? "button" : "none",
+      class: f(["stepper-item", [
+        {
+          active: d.numero === t.currentStep,
+          completed: d.numero < t.currentStep
+        }
+      ]]),
+      onClick: (a) => s.$emit("clickStep", d.numero)
+    }, [
+      o("div", {
+        class: f(["step-counter", [
+          "bg-" + (m + 1 < t.currentStep ? t.passedStepBgColor : m + 1 === t.currentStep ? t.currentStepBgColor : t.futureStepBgColor),
+          m + 1 < t.currentStep ? t.passedStepCss : m + 1 === t.currentStep ? t.currentStepCss : t.futureStepCss
+        ]]),
+        style: _({ fontSize: l.fontSizeStep + "rem" })
+      }, [
+        m + 1 < t.currentStep && t.checkPassedStep ? (n(), k(c, {
+          key: 0,
+          icon: ["fas", "check"]
+        })) : (n(), r(y, { key: 1 }, [
+          A(p(d.numero), 1)
+        ], 64))
+      ], 6),
+      t.hideText ? h("", !0) : (n(), r("div", {
+        key: 0,
+        class: f(["step-name", [m + 1 < t.currentStep ? t.passedStepTextCss : m + 1 === t.currentStep ? t.currentStepTextCss : t.futureStepTextCss]]),
+        style: _({ fontSize: l.fontSizeText + "rem" })
+      }, p(d.texte), 7))
+    ], 10, Je))), 128))
+  ]);
+}
+const Os = /* @__PURE__ */ v(V, [["render", Ze]]);
+M.add(X, R, $, ee);
+const Qe = {
+  name: "PhotoComponent",
+  components: {
+    AmsomModal: ze,
+    FontAwesomeIcon: D
+  },
+  props: {
+    images: {
+      type: Array,
+      default: () => []
+    },
+    imageSizeWidth: {
+      type: String,
+      default: "50px"
+    },
+    imageSizeHeight: {
+      type: String,
+      default: "50px"
+    },
+    imagesLimit: {
+      type: Number,
+      default: -1
+    },
+    capture: {
+      type: String,
+      default: "file"
+    }
+  },
+  emits: ["update:images"],
+  data() {
+    return {
+      showModal: !1,
+      selectedPhotoIndex: 0
+    };
+  },
+  computed: {
+    canAddImage() {
+      return this.imagesLimit === -1 ? !0 : this.imagesLimit !== -1 && this.images.length < this.imagesLimit;
+    }
+  },
+  methods: {
+    triggerFileInput() {
+      this.$refs.fileInput.click();
+    },
+    openPhoto(s) {
+      this.selectedPhotoIndex = this.images.findIndex((e) => e === s), this.showModal = !0;
+    },
+    closeModal() {
+      this.showModal = !1;
+    },
+    changeIndex(s) {
+      s === 0 ? this.selectedPhotoIndex = this.selectedPhotoIndex === 0 ? 0 : this.selectedPhotoIndex - 1 : this.selectedPhotoIndex = this.selectedPhotoIndex === this.images.length - 1 ? 0 : this.selectedPhotoIndex + 1;
+    },
+    deleteImage() {
+      this.$emit(
+        "update:images",
+        this.images.filter((s, e) => e !== this.selectedPhotoIndex)
+      ), this.images.length - 1 === 0 ? this.closeModal() : this.changeIndex(0);
+    },
+    getDataFiles(s) {
+      let e = s.target.files;
+      if (e) {
+        this.imagesLimit !== -1 && (e = Array.from(e), e = e.slice(0, this.imagesLimit));
+        for (let t of e)
+          j(t) && G({ file: t, maxWidth: this.maxWidth, maxHeigth: this.maxHeigth }).then((u) => {
+            J(pe(u), t.type.split("/")[1]).then((i) => {
+              i.nomFichier = t.name, this.$emit("update:images", [...this.images, i]);
+            });
+          });
+      }
+    }
+  }
+}, Xe = { class: "border border-1 border-grey rounded-4 p-2 d-flex align-items-center" }, $e = ["disabled"], et = ["capture"], tt = {
+  key: 0,
+  class: "d-flex overflow-x-auto w-100"
+}, st = ["onClick"], lt = ["src", "alt"], it = {
+  key: 1,
+  class: "fs-7"
+}, nt = { class: "row w-100 mx-auto" }, ot = { class: "col-12 mb-3" }, at = ["src", "alt"], rt = { class: "col-12 d-flex justify-content-center" };
+function dt(s, e, t, u, i, l) {
+  const c = x("font-awesome-icon"), d = x("amsom-modal");
+  return n(), r("div", Xe, [
+    o("button", {
+      type: "button",
+      class: "btn rounded-4 me-1 d-flex justify-content-center align-items-center",
+      style: _({
+        width: t.imageSizeWidth,
+        minWidth: t.imageSizeWidth,
+        height: t.imageSizeHeight,
+        minHeight: t.imageSizeHeight,
+        backgroundColor: "#a4a228"
+      }),
+      disabled: !l.canAddImage,
+      onClick: e[2] || (e[2] = (...m) => l.triggerFileInput && l.triggerFileInput(...m))
+    }, [
+      b(c, {
+        icon: "fa-solid fa-camera",
+        size: "lg",
+        class: "text-white"
+      }),
+      t.capture === "file" ? (n(), r("input", {
+        key: 0,
+        id: "file",
+        ref: "fileInput",
+        type: "file",
+        class: "form-control",
+        accept: "image/*",
+        style: { display: "none" },
+        multiple: "",
+        onInput: e[0] || (e[0] = (...m) => l.getDataFiles && l.getDataFiles(...m))
+      }, null, 544)) : (n(), r("input", {
+        key: 1,
+        id: "file",
+        ref: "fileInput",
+        type: "file",
+        class: "form-control",
+        style: { display: "none" },
+        accept: "image/*",
+        multiple: "",
+        capture: t.capture,
+        onInput: e[1] || (e[1] = (...m) => l.getDataFiles && l.getDataFiles(...m))
+      }, null, 40, et))
+    ], 12, $e),
+    t.images.length > 0 ? (n(), r("div", tt, [
+      (n(!0), r(y, null, C(t.images, (m) => (n(), r("button", {
+        key: m,
+        type: "button",
+        class: "btn p-0 mx-1 rounded-1",
+        style: _({
+          minWidth: t.imageSizeWidth,
+          width: t.imageSizeWidth,
+          minHeight: t.imageSizeHeight,
+          height: t.imageSizeHeight
+        }),
+        onClick: (a) => l.openPhoto(m)
+      }, [
+        o("img", {
+          src: "data:" + (m == null ? void 0 : m.type) + ";base64," + (m == null ? void 0 : m.file),
+          class: "h-100 w-100 rounded-1",
+          alt: m == null ? void 0 : m.nomFichier
+        }, null, 8, lt)
+      ], 12, st))), 128))
+    ])) : (n(), r("div", it, " Ajouter une image ")),
+    i.showModal ? (n(), k(d, {
+      key: 2,
+      size: "sm",
+      "close-option": "",
+      onClose: l.closeModal
+    }, {
+      default: z(() => {
+        var m, a, g;
+        return [
+          o("div", nt, [
+            o("div", ot, [
+              o("img", {
+                src: "data:" + ((m = t.images[i.selectedPhotoIndex]) == null ? void 0 : m.type) + ";base64," + ((a = t.images[i.selectedPhotoIndex]) == null ? void 0 : a.file),
+                alt: (g = t.images[i.selectedPhotoIndex]) == null ? void 0 : g.nomFichier,
+                class: "h-100 w-100"
+              }, null, 8, at)
+            ]),
+            o("div", rt, [
+              o("button", {
+                type: "button",
+                class: "btn btn-primary mx-1",
+                onClick: e[3] || (e[3] = (S) => l.changeIndex(0))
+              }, [
+                b(c, {
+                  icon: "fa-arrow-left",
+                  size: "lg"
+                })
+              ]),
+              o("button", {
+                type: "button",
+                class: "btn btn-primary mx-1",
+                onClick: e[4] || (e[4] = (S) => l.changeIndex(1))
+              }, [
+                b(c, {
+                  icon: "fa-arrow-right",
+                  size: "lg"
+                })
+              ]),
+              o("button", {
+                type: "button",
+                class: "btn btn-danger ms-auto",
+                onClick: e[5] || (e[5] = (...S) => l.deleteImage && l.deleteImage(...S))
+              }, [
+                b(c, {
+                  icon: "fa-trash",
+                  size: "lg"
+                })
+              ])
+            ])
+          ])
+        ];
+      }),
+      _: 1
+    }, 8, ["onClose"])) : h("", !0)
+  ]);
+}
+const Ys = /* @__PURE__ */ v(Qe, [["render", dt]]);
+function ct(s, e, t = !1, u = !1) {
+  return s && s.sort((i, l) => {
+    const c = new RegExp("(0|[1-9]\\d*)\\.(0|[1-9]\\d*)\\.(0|[1-9]\\d*)?$");
+    if (c.test(i[e]) && c.test(l[e]))
+      switch (i[e].replace(/\d+/g, (g) => +g + 1e5).localeCompare(l[e].replace(/\d+/g, (g) => +g + 1e5))) {
+        case 1:
+          return t ? 1 : -1;
+        case -1:
+          return t ? -1 : 1;
+        case 0:
+          return 0;
+        default:
+          return 0;
+      }
+    if (!isNaN(i[e]) && !isNaN(l[e]))
+      return t ? parseFloat(i[e]) - parseFloat(l[e]) : parseFloat(l[e]) - parseFloat(i[e]);
+    if (!i[e] && l[e])
+      return t ? u ? 1 : -1 : u ? -1 : 1;
+    if (i[e] && !l[e])
+      return t ? u ? -1 : 1 : u ? 1 : -1;
+    if (!i[e] && !l[e])
+      return 0;
+    if (P(i[e], "DD/MM/YYYY").isValid() || P(l[e], "DD/MM/YYYY").isValid())
+      return t ? P(i[e], "DD/MM/YYYY").unix() - P(l[e], "DD/MM/YYYY").unix() : P(l[e], "DD/MM/YYYY").unix() - P(i[e], "DD/MM/YYYY").unix();
+    let d = (typeof i[e] == "string" || typeof l[e] == "string") && i[e] ? i[e].toString().toLowerCase() : i[e], m = (typeof i[e] == "string" || typeof l[e] == "string") && l[e] ? l[e].toString().toLowerCase() : l[e];
+    return d > m ? t ? 1 : -1 : m > d ? t ? -1 : 1 : 0;
+  });
+}
+function L(s, e = !0) {
+  if (!s) return null;
+  let t = s.toString().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+  return e ? t.toLowerCase() : t;
+}
+function Y(s, e = "DD/MM/YYYY") {
+  return P.unix(s).isValid() ? P.unix(s).format(e) : s;
+}
+function U(s, e) {
+  let t = F(s);
+  if (!t)
+    t = {
+      columns: e
+    };
+  else if (!t.columns)
+    t.columns = e;
+  else {
+    let u = e.filter(function(l) {
+      return !t.columns.some(function(c) {
+        return c.id === l.id;
+      });
+    });
+    t.columns = t.columns.concat(u);
+    let i = t.columns.filter(function(l) {
+      return !e.some(function(c) {
+        return l.id === c.id;
+      });
+    });
+    t.columns = t.columns.filter(function(l) {
+      return !i.some(function(c) {
+        return l.id === c.id;
+      });
+    }), t.columns.filter((l) => {
+      for (let c of e)
+        c.id === l.id && c.libelle !== l.libelle && (l.libelle = c.libelle);
+    });
+  }
+  T(s, t);
+}
+function ut(s, e, t = null) {
+  let u = F(s);
+  u ? t && !u[t] && (u[t] = e) : t ? (u = {}, u[t] = e) : u = e, T(s, u);
+}
+function F(s) {
+  return JSON.parse(window.localStorage.getItem(s));
+}
+function T(s, e, t = null) {
+  let u = F(s);
+  return t ? u[t] = e : u = e, window.localStorage.setItem(s, JSON.stringify(u));
+}
+M.add(q, K, te, se, R, le);
+const mt = {
+  name: "TableDraggableComponent",
+  components: { VueDraggableNext: we, FontAwesomeIcon: D },
+  props: {
+    defaultColumns: {
+      type: Array,
+      require: !0,
+      default: null
+    },
+    localStorageItemName: {
+      type: String,
+      default: null
+    },
+    tdItemsList: {
+      type: [Array, Object],
+      require: !0,
+      default: null
+    },
+    search: {
+      type: String,
+      default: null
+    },
+    pickedDate: {
+      type: Array,
+      default: null
+    },
+    columnNameDateFilter: {
+      type: Array,
+      default: null
+    },
+    maxItemPerPage: {
+      type: Number,
+      default: 10
+    },
+    clickable: {
+      type: Boolean,
+      default: !1
+    },
+    showModifyColumnsBtn: {
+      type: Boolean,
+      default: !1
+    },
+    ghostClass: {
+      type: String,
+      default: "bg-success"
+    },
+    lineEditMode: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["changeSubject", "updateSelectedItems", "lineEditModeAddNewLine", "lineEditModeDeleteLine"],
+  data() {
+    return {
+      checkAllCheckBox: !1,
+      sortKey: null,
+      sortAsc: !1,
+      currentPage: 1,
+      selectedItems: [],
+      currentHeaderSort: null,
+      headerEditMode: !1,
+      totalPages: null,
+      // Default values
+      columns: this.copyDefaultColumns(),
+      maxItemsPerPage: this.getDefaultMaxItemPerPage(),
+      forceTableUpdateIndex: 0
+    };
+  },
+  computed: {
+    currentDisplayPagination() {
+      let s = [];
+      return this.totalPages <= 1 ? s : (this.currentPage === 1 ? s = [1, 2, 3] : this.currentPage === this.totalPages ? s = [this.totalPages - 2, this.totalPages - 1, this.totalPages] : s = [this.currentPage - 1, this.currentPage, this.currentPage + 1], s.filter((e) => e >= 1 && e <= this.totalPages));
+    },
+    items() {
+      return this.tdItemsList ? this.tdItemsList : [];
+    },
+    filtereditems() {
+      if (!this.items) return this.items;
+      let s = L(this.search), e, t;
+      return this.pickedDate && this.pickedDate[0] && this.pickedDate[1] && (e = P(this.pickedDate[0]).set({ hour: 0, minute: 0 }).unix(), t = P(this.pickedDate[1]).set({ hour: 23, minute: 59 }).unix()), this.items.filter((u) => {
+        let i = this.filterBy(u, s);
+        if (e && t && this.columnNameDateFilter && this.columnNameDateFilter.length > 0 && this.columnNameDateFilter.some((c) => {
+          const d = this.columns.find((m) => m.id === c);
+          return d && d.show === !0;
+        })) {
+          let c = this.columnNameDateFilter.some((d) => {
+            const m = this.columns.find((a) => a.id === d);
+            if (u[d] && m.show === !0) {
+              let a = parseInt(u[d]);
+              return a >= e && a <= t;
+            }
+            return !1;
+          });
+          return i && c;
+        }
+        return i;
+      });
+    },
+    showeditems() {
+      const s = this.filtereditems.slice((this.currentPage - 1) * this.maxItemsPerPage, this.currentPage * this.maxItemsPerPage);
+      return !this.sortKey || !this.filtereditems ? s : ct(s, this.sortKey, this.sortAsc);
+    }
+  },
+  watch: {
+    headerEditMode(s) {
+      s ? this.maxItemsPerPage = 5 : this.maxItemsPerPage = this.getDefaultMaxItemPerPage();
+    },
+    filtereditems: function(s) {
+      this.currentPage = 1, this.totalPages = this.newTotalPage(s.length);
+    },
+    maxItemPerPage: function(s) {
+      this.maxItemsPerPage = s, this.localStorageItemName !== null && T(this.localStorageItemName, s, "maxItemPerPage"), this.currentPage = 1, this.totalPages = this.newTotalPage(this.filtereditems.length);
+    },
+    columns: function(s) {
+      this.localStorageItemName !== null && T(this.localStorageItemName, s, "columns"), this.forceTableUpdateIndex += 1;
+    },
+    showeditems: function() {
+      this.checkAllCheckBox = this.showeditems.every((s) => this.selectedItems.includes(s.id));
+    }
+  },
+  mounted() {
+    if (this.localStorageItemName !== null) {
+      U(this.localStorageItemName, this.columns), ut(this.localStorageItemName, this.maxItemPerPage, "maxItemPerPage");
+      let s = F(this.localStorageItemName);
+      this.maxItemsPerPage = s.maxItemPerPage, this.columns = s.columns;
+    }
+    this.totalPages = this.newTotalPage(this.filtereditems.length);
+  },
+  methods: {
+    unixToDateString: Y,
+    newTotalPage(s) {
+      return Math.ceil(s / this.maxItemsPerPage);
+    },
+    lineStateClass(s) {
+      return s === "add" ? "addLineState text-success" : s === "delete" ? "deleteLineState text-danger" : s === "update" ? "updateLineState text-warning" : "";
+    },
+    checkItem(s) {
+      this.selectedItems.includes(s) ? this.selectedItems = this.selectedItems.filter((e) => e !== s) : this.selectedItems.push(s), this.checkAllCheckBox ? this.checkAllCheckBox = !1 : this.showeditems.every((e) => this.selectedItems.includes(e.id)) && (this.checkAllCheckBox = !0), this.$emit("updateSelectedItems", this.selectedItems);
+    },
+    toggleAllCheckBox() {
+      const s = this.showeditems.map((e) => e.id);
+      this.checkAllCheckBox ? (this.selectedItems = this.selectedItems.filter((e) => !s.includes(e)), this.checkAllCheckBox = !1) : (this.selectedItems = [.../* @__PURE__ */ new Set([...this.selectedItems, ...s])], this.checkAllCheckBox = !0), this.$emit("updateSelectedItems", this.selectedItems);
+    },
+    updateCurrentSort(s) {
+      this.currentHeaderSort && (this.currentHeaderSort.isSorted = !1), s.isSorted = !0, this.currentHeaderSort = s, this.updateSortitems(s.id);
+    },
+    checkMove(s) {
+      return s.draggedContext.index !== 0 && s.relatedContext.index !== 0;
+    },
+    filterBy(s, e) {
+      for (const t of this.columns) {
+        if (t.show && s[t.id] && L(s[t.id]).includes(e))
+          return !0;
+        if (t.show && t.id.startsWith("date") && s[t.id] && L(Y(s[t.id])).includes(e))
+          return !0;
+      }
+      return !e;
+    },
+    getDefaultMaxItemPerPage() {
+      return this.maxItemPerPage;
+    },
+    copyDefaultColumns() {
+      return JSON.parse(JSON.stringify(this.defaultColumns));
+    },
+    updateSortitems(s) {
+      if (!this.items) return this.items;
+      this.sortKey === s ? this.sortAsc = !this.sortAsc : this.sortAsc = !0, this.sortKey = s, this.$forceUpdate();
+    },
+    selectSubject(s) {
+      this.$emit("changeSubject", s);
+    },
+    saveTablePreferences() {
+      this.localStorageItemName !== null && T(this.localStorageItemName, this.columns, "columns"), this.headerEditMode = !1;
+    },
+    resetTablePreferences() {
+      this.columns = this.copyDefaultColumns(), this.localStorageItemName !== null && U(this.localStorageItemName, this.columns), this.headerEditMode = !1;
+    },
+    editTablePreferences() {
+      this.headerEditMode = !0;
+    }
+  }
+}, ft = {
+  key: 0,
+  class: "my-3 text-center"
+}, ht = { class: "row mb-3 overflow-x-auto" }, gt = { class: "col-12" }, pt = {
+  key: 1,
+  class: "bg-secondary",
+  scope: "col"
+}, yt = {
+  key: 0,
+  class: "position-absolute start-50 translate-middle",
+  style: { top: "25px" }
+}, bt = { class: "d-inline-flex text-nowrap" }, St = { class: "my-auto" }, xt = {
+  key: 0,
+  class: "ms-2 float-end"
+}, kt = { key: 0 }, wt = ["colspan"], Ct = ["onClick"], _t = ["onClick"], vt = ["id", "value"], Pt = ["onClick"], It = { class: "row mb-2" }, Dt = {
+  key: 0,
+  class: "col"
+}, Mt = { class: "m-0 pagination pagination-sm" }, Bt = { class: "page-item hoverable" }, At = { class: "page-item hoverable" }, Tt = ["onClick"], zt = { class: "page-item hoverable" }, Ft = { class: "page-item hoverable" }, Lt = {
+  key: 1,
+  class: "col d-flex justify-content-end"
+}, Nt = { class: "d-flex mb-1" }, jt = {
+  key: 0,
+  class: "d-flex"
+};
+function qt(s, e, t, u, i, l) {
+  var m;
+  const c = x("font-awesome-icon"), d = x("vue-draggable-next");
+  return n(), r(y, null, [
+    t.lineEditMode ? (n(), r("div", ft, [
+      o("button", {
+        type: "button",
+        class: "btn btn-success rounded-5 m-0 p-0",
+        style: { height: "45px", width: "45px" },
+        onClick: e[0] || (e[0] = (a) => s.$emit("lineEditModeAddNewLine"))
+      }, [
+        b(c, {
+          icon: "fa-solid fa-plus",
+          size: "xl"
+        })
+      ])
+    ])) : h("", !0),
+    o("div", ht, [
+      o("div", gt, [
+        (n(), r("table", {
+          id: "table-draggable",
+          key: i.forceTableUpdateIndex,
+          class: "table table-striped table-hover table-responsive overflow-hidden table-bordered align-middle border-1 border-top border-bottom",
+          style: { "border-radius": "10px !important", "border-collapse": "separate", "border-spacing": "0" }
+        }, [
+          o("thead", null, [
+            b(d, {
+              modelValue: i.columns,
+              "onUpdate:modelValue": e[4] || (e[4] = (a) => i.columns = a),
+              "ghost-class": t.ghostClass,
+              "drag-class": t.ghostClass,
+              tag: "tr",
+              move: l.checkMove,
+              group: "columns"
+            }, {
+              default: z(() => [
+                (n(!0), r(y, null, C(i.columns, (a) => (n(), r(y, {
+                  key: a.id
+                }, [
+                  a.id === "checkBox" ? (n(), r("th", {
+                    key: 0,
+                    class: "text-center bg-secondary",
+                    scope: "col",
+                    onClick: e[3] || (e[3] = w((...g) => l.toggleAllCheckBox && l.toggleAllCheckBox(...g), ["stop"]))
+                  }, [
+                    N(o("input", {
+                      id: "checkBoxSelectAll",
+                      "onUpdate:modelValue": e[1] || (e[1] = (g) => i.checkAllCheckBox = g),
+                      class: "form-check-input",
+                      type: "checkbox",
+                      onClick: e[2] || (e[2] = w((...g) => l.toggleAllCheckBox && l.toggleAllCheckBox(...g), ["stop"]))
+                    }, null, 512), [
+                      [E, i.checkAllCheckBox]
+                    ])
+                  ])) : a.id === "deleteButton" && t.lineEditMode ? (n(), r("th", pt)) : a.show || i.headerEditMode ? (n(), r("th", {
+                    key: 2,
+                    scope: "col",
+                    class: f(["text-white bg-secondary hoverable position-relative text-center", [
+                      {
+                        "table-danger": !a.show,
+                        "pt-5": i.headerEditMode
+                      }
+                    ]])
+                  }, [
+                    i.headerEditMode ? (n(), r("div", yt, [
+                      a.show ? (n(), k(c, {
+                        key: 0,
+                        icon: "fa-solid fa-eye",
+                        class: "fa-xl",
+                        onClick: (g) => a.show = !1
+                      }, null, 8, ["onClick"])) : (n(), k(c, {
+                        key: 1,
+                        icon: "fa-solid fa-eye-slash",
+                        class: "fa-xl",
+                        onClick: (g) => a.show = !0
+                      }, null, 8, ["onClick"]))
+                    ])) : h("", !0),
+                    o("div", bt, [
+                      o("span", St, p(a.libelle), 1),
+                      a.isSortable ? (n(), r("div", xt, [
+                        b(c, {
+                          icon: i.sortKey !== a.id || i.sortKey === a.id && !i.sortAsc ? "fa-solid fa-arrow-down-wide-short" : "fa-solid fa-arrow-up-short-wide",
+                          onClick: (g) => l.updateCurrentSort(a)
+                        }, null, 8, ["icon", "onClick"])
+                      ])) : h("", !0)
+                    ])
+                  ], 2)) : h("", !0)
+                ], 64))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "ghost-class", "drag-class", "move"])
+          ]),
+          o("tbody", null, [
+            ((m = l.showeditems) == null ? void 0 : m.length) === 0 ? (n(), r("tr", kt, [
+              o("th", {
+                colspan: i.columns.length,
+                class: "text-center"
+              }, [...e[14] || (e[14] = [
+                o("span", { class: "text-danger fs-5" }, "Aucune valeur", -1)
+              ])], 8, wt)
+            ])) : (n(!0), r(y, { key: 1 }, C(l.showeditems, (a, g) => (n(), r("tr", {
+              key: a.id,
+              class: f({ hoverable: t.clickable }),
+              onClick: (S) => t.clickable ? l.selectSubject(a) : null
+            }, [
+              (n(!0), r(y, null, C(i.columns, (S) => (n(), r(y, {
+                key: S.id
+              }, [
+                S.id === "checkBox" ? (n(), r("td", {
+                  key: 0,
+                  class: f(["text-center", [a.lineState ? l.lineStateClass(a.lineState) : ""]]),
+                  onClick: w((B) => l.checkItem(a.id), ["stop"])
+                }, [
+                  N(o("input", {
+                    id: `checkbox-${g}`,
+                    "onUpdate:modelValue": e[5] || (e[5] = (B) => i.selectedItems = B),
+                    type: "checkbox",
+                    class: "form-check-input hoverable",
+                    value: a.id,
+                    onClick: e[6] || (e[6] = w(() => {
+                    }, ["stop"]))
+                  }, null, 8, vt), [
+                    [E, i.selectedItems]
+                  ])
+                ], 10, _t)) : S.id === "deleteButton" && t.lineEditMode ? (n(), r("td", {
+                  key: 1,
+                  class: f([[a.lineState ? l.lineStateClass(a.lineState) : ""], "text-center py-0"])
+                }, [
+                  o("button", {
+                    type: "button",
+                    class: "btn btn-danger",
+                    onClick: (B) => s.$emit("lineEditModeDeleteLine", a.id)
+                  }, [
+                    b(c, {
+                      icon: "fa-solid fa-trash",
+                      size: "lg"
+                    })
+                  ], 8, Pt)
+                ], 2)) : S.show || i.headerEditMode ? (n(), r("td", {
+                  key: 2,
+                  class: f([[S.show ? "" : "table-danger", S.isSorted ? "bg-gray-200" : "", a.lineState ? l.lineStateClass(a.lineState) : ""], "text-center text-nowrap"])
+                }, [
+                  I(s.$slots, "tableBodyTd", {
+                    header: S,
+                    item: a
+                  }, void 0, !0)
+                ], 2)) : h("", !0)
+              ], 64))), 128))
+            ], 10, Ct))), 128))
+          ])
+        ]))
+      ])
+    ]),
+    o("div", It, [
+      i.totalPages && i.totalPages > 1 ? (n(), r("div", Dt, [
+        o("ul", Mt, [
+          o("li", Bt, [
+            o("a", {
+              class: f(["page-link", { disabled: i.currentPage === 1 }]),
+              onClick: e[7] || (e[7] = (a) => i.currentPage = 1)
+            }, " « ", 2)
+          ]),
+          o("li", At, [
+            o("a", {
+              class: f(["page-link", { disabled: i.currentPage === 1 }]),
+              onClick: e[8] || (e[8] = (a) => i.currentPage -= 1)
+            }, " < ", 2)
+          ]),
+          (n(!0), r(y, null, C(l.currentDisplayPagination, (a) => (n(), r("li", {
+            key: a,
+            class: f(["page-item hoverable", { active: i.currentPage === a }])
+          }, [
+            o("a", {
+              class: "page-link",
+              onClick: (g) => i.currentPage = a
+            }, p(a), 9, Tt)
+          ], 2))), 128)),
+          o("li", zt, [
+            o("a", {
+              class: f(["page-link", { disabled: i.currentPage === i.totalPages }]),
+              onClick: e[9] || (e[9] = (a) => i.currentPage += 1)
+            }, " > ", 2)
+          ]),
+          o("li", Ft, [
+            o("a", {
+              class: f(["page-link", { disabled: i.currentPage === i.totalPages }]),
+              onClick: e[10] || (e[10] = (a) => i.currentPage = i.totalPages)
+            }, " » ", 2)
+          ])
+        ])
+      ])) : h("", !0),
+      t.showModifyColumnsBtn ? (n(), r("div", Lt, [
+        o("div", Nt, [
+          i.headerEditMode ? (n(), r("div", jt, [
+            o("button", {
+              id: "btn-save-table",
+              class: "btn btn-sm btn-success d-flex justify-content-center align-items-center ms-auto me-2",
+              type: "button",
+              onClick: e[11] || (e[11] = (...a) => l.saveTablePreferences && l.saveTablePreferences(...a))
+            }, " Sauvegarder "),
+            o("button", {
+              id: "btn-reset-table",
+              class: "btn btn-sm btn-outline-danger d-flex justify-content-center align-items-center",
+              type: "button",
+              onClick: e[12] || (e[12] = (...a) => l.resetTablePreferences && l.resetTablePreferences(...a))
+            }, " Réinitialiser le tableau ")
+          ])) : (n(), r("button", {
+            key: 1,
+            id: "btn-edit-table",
+            class: "btn btn-sm btn-outline-secondary d-flex justify-content-center align-items-center fs-7 p-1 rounded-3",
+            type: "button",
+            onClick: e[13] || (e[13] = (...a) => l.editTablePreferences && l.editTablePreferences(...a))
+          }, " Modifier colonnes "))
+        ])
+      ])) : h("", !0)
+    ])
+  ], 64);
+}
+const Us = /* @__PURE__ */ v(mt, [["render", qt], ["__scopeId", "data-v-6b16b420"]]);
+M.add(ie, ne, oe, ae);
+const Vt = {
+  name: "AmsomPagination",
+  components: {
+    FontAwesomeIcon: D
+  },
+  props: {
+    modelValue: {
+      type: Number,
+      required: !0
+    },
+    totalPages: {
+      type: Number,
+      required: !0
+    },
+    totalDisplayPages: {
+      type: Number,
+      default: 5
+    }
+  },
+  emits: ["update:modelValue"],
+  methods: {
+    goNextPage() {
+      this.goToPage(this.modelValue + 1);
+    },
+    goPreviousPage() {
+      this.goToPage(this.modelValue - 1);
+    },
+    goFirstPage() {
+      this.goToPage(1);
+    },
+    goLastPage() {
+      this.goToPage(this.totalPages);
+    },
+    goToPage(s) {
+      this.$emit("update:modelValue", s);
+    }
+  },
+  computed: {
+    toDisplayPagination() {
+      let s = [];
+      if (this.totalPages <= this.totalDisplayPages)
+        s = this.totalPages;
+      else {
+        let e, t;
+        this.totalDisplayPages % 2 === 0 ? (e = this.modelValue - Math.floor(this.totalDisplayPages / 2) + 1, t = this.modelValue + Math.floor(this.totalDisplayPages / 2)) : (e = this.modelValue - Math.floor(this.totalDisplayPages / 2), t = this.modelValue + Math.floor(this.totalDisplayPages / 2)), e < 1 && (e = 1, t = this.totalDisplayPages), t > this.totalPages && (t = this.totalPages, e = this.totalPages - this.totalDisplayPages + 1);
+        for (let u = e; u <= t; u++)
+          s.push(u);
+      }
+      return s;
+    }
+  }
+}, Et = {
+  key: 0,
+  class: "w-100 user-select-none"
+}, Ht = { class: "pagination pagination mb-0" }, Ot = { class: "page-item" }, Yt = { class: "page-item" }, Ut = ["onClick"], Wt = { class: "page-item" }, Rt = { class: "page-item" };
+function Kt(s, e, t, u, i, l) {
+  const c = x("font-awesome-icon");
+  return t.totalPages && t.totalPages > 1 ? (n(), r("div", Et, [
+    o("ul", Ht, [
+      o("li", Ot, [
+        o("span", {
+          role: "button",
+          class: f(["page-link", { disabled: t.modelValue === 1 }]),
+          onClick: e[0] || (e[0] = (...d) => l.goFirstPage && l.goFirstPage(...d))
+        }, [
+          b(c, { icon: "fa-angles-left" })
+        ], 2)
+      ]),
+      o("li", Yt, [
+        o("span", {
+          role: "button",
+          class: f(["page-link", { disabled: t.modelValue === 1 }]),
+          onClick: e[1] || (e[1] = (...d) => l.goPreviousPage && l.goPreviousPage(...d))
+        }, [
+          b(c, { icon: "fa-angle-left" })
+        ], 2)
+      ]),
+      (n(!0), r(y, null, C(l.toDisplayPagination, (d) => (n(), r("li", {
+        key: d,
+        class: f(["page-item", { active: t.modelValue === d }])
+      }, [
+        o("span", {
+          role: "button",
+          class: "page-link",
+          onClick: (m) => l.goToPage(d)
+        }, p(d), 9, Ut)
+      ], 2))), 128)),
+      o("li", Wt, [
+        o("span", {
+          role: "button",
+          class: f(["page-link", { disabled: t.modelValue === t.totalPages }]),
+          onClick: e[2] || (e[2] = (...d) => l.goNextPage && l.goNextPage(...d))
+        }, [
+          b(c, { icon: "fa-angle-right" })
+        ], 2)
+      ]),
+      o("li", Rt, [
+        o("span", {
+          role: "button",
+          class: f(["page-link", { disabled: t.modelValue === t.totalPages }]),
+          onClick: e[3] || (e[3] = (...d) => l.goLastPage && l.goLastPage(...d))
+        }, [
+          b(c, { icon: "fa-angles-right" })
+        ], 2)
+      ])
+    ])
+  ])) : h("", !0);
+}
+const Ws = /* @__PURE__ */ v(Vt, [["render", Kt]]), Gt = {
+  name: "AmsomSkeleton",
+  props: {
+    /**
+     * @type {Array}
+     * @description Nombre et taille (col-*) des placeholders
+     * @default [8, 10, 12]
+     */
+    config: {
+      type: Array,
+      default: () => [8, 10, 12]
+    },
+    rowClass: {
+      type: String,
+      default: ""
+    },
+    loaderClass: {
+      type: String,
+      default: "text-gray rounded-2"
+    }
+  }
+};
+function Jt(s, e, t, u, i, l) {
+  return n(), r("div", {
+    class: f(["container row placeholder-wave", t.rowClass])
+  }, [
+    (n(!0), r(y, null, C(t.config, (c, d) => (n(), r("div", {
+      key: d,
+      class: f(["placeholder mt-1", [t.loaderClass, "col-" + c]])
+    }, null, 2))), 128))
+  ], 2);
+}
+const Zt = /* @__PURE__ */ v(Gt, [["render", Jt]]);
+M.add(re, q);
+const Qt = {
+  name: "AmsomDocumentList",
+  components: {
+    AmsomSkeleton: Zt,
+    AmsomOverlay: Z,
+    AmsomCard: Ve,
+    FontAwesomeIcon: D
+  },
+  props: {
+    title: {
+      type: String,
+      default: "Mes documents"
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    documentList: {
+      type: Array,
+      required: !0,
+      validator: (s) => s.every((e) => e.categorie && e.dateFichier)
+    },
+    anonym: {
+      type: Boolean,
+      default: !1
+    },
+    getDocumentBlob: {
+      type: Function,
+      required: !0
+    },
+    clickAction: {
+      type: String,
+      default: "download",
+      validator: (s) => ["download", "view"].includes(s)
+    }
+  },
+  data() {
+    return {
+      processing: !1
+    };
+  },
+  methods: {
+    unixToDateString: Ce,
+    handleClick(s, e) {
+      this.clickAction === "download" ? this.downloadFile(s, e) : this.viewFile(s);
+    },
+    async downloadFile(s, e) {
+      this.processing = !0;
+      let t = this.anonym ? "Document " + (e + 1) : (s == null ? void 0 : s.titre) ?? "Document", u = await this.getDocumentBlob(s);
+      be(u, t), this.processing = !1;
+    },
+    async viewFile(s) {
+      this.processing = !0;
+      let e = await this.getDocumentBlob(s);
+      ye(e), this.processing = !1;
+    }
+  }
+}, Xt = { key: 0 }, $t = { class: "d-flex justify-content-between text-primary" }, es = { class: "mb-0" }, ts = { class: "mb-0" }, ss = ["onClick"], ls = {
+  role: "button",
+  class: "d-flex justify-content-between align-items-center p-2 px-3 text-secondary"
+}, is = { key: 0 }, ns = { key: 1 };
+function os(s, e, t, u, i, l) {
+  const c = x("amsom-skeleton"), d = x("font-awesome-icon"), m = x("amsom-card"), a = x("amsom-overlay");
+  return n(), k(a, { loading: i.processing }, {
+    default: z(() => [
+      b(m, null, {
+        default: z(() => {
+          var g;
+          return [
+            o("h5", null, p(t.title), 1),
+            t.loading ? (n(), r(y, { key: 0 }, [
+              b(c, {
+                config: [3, 3],
+                "row-class": "justify-content-between"
+              }),
+              b(c, { config: [12] })
+            ], 64)) : (n(), r(y, { key: 1 }, [
+              (g = t.documentList) != null && g.length ? (n(!0), r(y, { key: 1 }, C(t.documentList, (S, B) => (n(), r("div", {
+                key: B,
+                class: "document-item pt-2"
+              }, [
+                o("div", $t, [
+                  o("p", es, p(S.categorie), 1),
+                  o("p", ts, p(l.unixToDateString(S.dateFichier)), 1)
+                ]),
+                o("div", {
+                  class: "bg-primary bg-opacity-25 mt-0 rounded-3",
+                  onClick: (As) => l.handleClick(S, B)
+                }, [
+                  o("div", ls, [
+                    t.anonym ? (n(), r("strong", ns, "Document " + p(B + 1), 1)) : (n(), r("strong", is, p(S.titre), 1)),
+                    t.clickAction === "download" ? (n(), k(d, {
+                      key: 2,
+                      icon: "fa-solid fa-cloud-arrow-down"
+                    })) : t.clickAction === "view" ? (n(), k(d, {
+                      key: 3,
+                      icon: "fa-solid fa-eye"
+                    })) : h("", !0)
+                  ])
+                ], 8, ss)
+              ]))), 128)) : (n(), r("div", Xt, [...e[0] || (e[0] = [
+                o("p", null, "Aucun document", -1)
+              ])]))
+            ], 64))
+          ];
+        }),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["loading"]);
+}
+const Rs = /* @__PURE__ */ v(Qt, [["render", os]]);
+M.add(de, q, K, ce, ue, me);
+const as = window.File_native ?? window.File, rs = {
+  name: "AmsomUploadFile",
+  components: { FontAwesomeIcon: D, AmsomOverlay: Z },
+  props: ["name", "pjName", "fileName", "subText", "title", "required", "label", "modelValue", "gedFile", "readStatus", "readOnly", "rejectStatus", "clickFileHandler"],
+  /*
+   * name: Nom technique de la pj
+   * pjName: Nom de la Pj à afficher pour l'utilisateur
+   * fileName : Nom du fichier
+   * subText: indication complémentaire pour l'utilisateur
+   * title : Titre qui s'affiche au dessus de la pj lorsqu'elle est renseignée
+   * required: Indique si la pj est obligatoire
+   * label: Label du champ
+   */
+  data() {
+    return {
+      fileToUpload: [],
+      fileLoading: !1,
+      finalFile: null,
+      fileDragged: !1
+    };
+  },
+  computed: {},
+  watch: {
+    gedFile: function() {
+      this.handleGedFile();
+    },
+    fileName: function(s) {
+      this.finalFile !== null && (this.finalFile.name = s, this.emitFile());
+    }
+  },
+  mounted() {
+    var s;
+    (s = this.modelValue) != null && s.file ? this.finalFile = this.modelValue : this.gedFile && this.handleGedFile();
+  },
+  //todo a voir avec antoine
+  // unmounted() {
+  //   this.deletePj()
+  // },
+  methods: {
+    clickAddPj() {
+      document.getElementById("fileUpload-" + this.name).click();
+    },
+    handleGedFile() {
+      this.fileToUpload = [this.gedFile], this.uploadImage();
+    },
+    async addPj(s) {
+      this.fileDragged = !1;
+      const e = s.dataTransfer ? [...s.dataTransfer.files] : [...s.target.files];
+      let t = !0;
+      for (let u of e)
+        if (!await j(u) && !await ke(u)) {
+          t = !1;
+          break;
+        }
+      if (!t) {
+        alert("Les documents doivent être de type PDF et/ou des images"), document.getElementById("input-pj-" + this.name).value = null;
+        return;
+      }
+      this.fileToUpload.push(...e), this.uploadImage();
+    },
+    clickFile(s) {
+      this.clickFileHandler ? this.clickFileHandler(s) : this.openFile(s);
+    },
+    openFile(s) {
+      if (!s) {
+        alert("Aucun fichier");
+        return;
+      }
+      xe(s);
+    },
+    async uploadImage() {
+      this.$emit("fileLoading", !0), this.fileLoading = !0;
+      let s = new _e(), e = this.fileToUpload;
+      for (let l of e)
+        if (await j(l)) {
+          let c = await G({
+            file: l,
+            maxWidth: 795,
+            maxHeigth: 1125
+          }), d = Se(c);
+          await s.add(d);
+        } else
+          await s.add(l);
+      let t = await s.saveAsBlob(), u = new as([t], "doc.pdf", {
+        type: "application/pdf"
+      }), i = await J(u, "pdf");
+      i.name = this.fileName, this.finalFile = i, this.emitFile(), this.$emit("fileLoading", !1), this.fileLoading = !1;
+    },
+    emitFile() {
+      this.$emit("update:modelValue", this.finalFile);
+    },
+    deletePj() {
+      this.finalFile = null, this.emitFile(), this.$emit("deleteFile"), this.fileToUpload = [];
+    }
+  }
+}, ds = { class: "position-relative" }, cs = ["id"], us = ["id", "for"], ms = { class: "" }, fs = { class: "flex-grow-1" }, hs = { class: "fs-6 fw-bold" }, gs = {
+  class: "text-primary form-text fst-italic",
+  style: { "font-size": "smaller" }
+}, ps = ["id", "required", "name"], ys = {
+  key: 1,
+  class: "w-100"
+}, bs = {
+  key: 0,
+  class: "text-decoration-underline"
+}, Ss = { class: "p-2 d-flex align-items-center" }, xs = {
+  key: 3,
+  class: "text-muted"
+}, ks = {
+  key: 0,
+  class: "me-2"
+}, ws = ["id"], Cs = ["id"], _s = { key: 1 }, vs = ["id"];
+function Ps(s, e, t, u, i, l) {
+  const c = x("font-awesome-icon"), d = x("amsom-overlay");
+  return n(), k(d, { loading: i.fileLoading }, {
+    default: z(() => {
+      var m;
+      return [
+        o("div", ds, [
+          (m = i.finalFile) != null && m.file ? (n(), r("div", ys, [
+            t.title ? (n(), r("h5", bs, p(t.title), 1)) : h("", !0),
+            o("div", Ss, [
+              o("div", {
+                role: "button",
+                class: "hoverable flex-grow-1",
+                onClick: e[8] || (e[8] = (a) => l.clickFile(i.finalFile.file))
+              }, [
+                t.rejectStatus ? (n(), k(c, {
+                  key: 0,
+                  icon: "fa-solid fa-exclamation-triangle",
+                  class: "text-danger me-1"
+                })) : h("", !0),
+                t.readStatus === "read" ? (n(), k(c, {
+                  key: 1,
+                  icon: "fa-solid fa-eye",
+                  class: "text-amsom-green me-1"
+                })) : h("", !0),
+                t.readStatus === "unread" ? (n(), k(c, {
+                  key: 2,
+                  icon: "fa-solid fa-eye-slash",
+                  class: "text-warning me-1"
+                })) : h("", !0),
+                b(c, { icon: "fa-solid fa-solid fa-paperclip" }),
+                A(" " + p(t.pjName), 1),
+                i.fileToUpload.length > 1 ? (n(), r("small", xs, " (" + p(i.fileToUpload.length) + " Fichiers)", 1)) : h("", !0)
+              ]),
+              t.readOnly ? h("", !0) : N((n(), r("div", ks, [
+                o("input", {
+                  id: "fileUpload-" + t.name,
+                  type: "file",
+                  style: { opacity: "0", position: "absolute", top: "0", "z-index": "-1" },
+                  accept: "image/png, image/jpeg, application/pdf",
+                  hidden: "",
+                  multiple: "",
+                  onChange: e[9] || (e[9] = (...a) => l.addPj && l.addPj(...a))
+                }, null, 40, ws),
+                o("button", {
+                  id: "add-field-" + t.name,
+                  type: "button",
+                  class: "btn btn-primary rounded-5 fs-7 py-0 me-1",
+                  onClick: e[10] || (e[10] = (...a) => l.clickAddPj && l.clickAddPj(...a))
+                }, [
+                  b(c, {
+                    icon: "fa-solid fa-file-circle-plus",
+                    class: "me-1"
+                  }),
+                  e[14] || (e[14] = o("span", null, [
+                    A(" Ajouter"),
+                    o("span", { class: "d-none d-md-block" }, " un document")
+                  ], -1))
+                ], 8, Cs)
+              ], 512)), [
+                [ge, i.fileToUpload.length > 0]
+              ]),
+              t.readOnly ? h("", !0) : (n(), r("div", _s, [
+                o("button", {
+                  id: "delete-all-pj-" + t.name,
+                  type: "button",
+                  class: "btn btn-link text-danger hoverable text-decoration-underline p-0",
+                  onClick: e[11] || (e[11] = (...a) => l.deletePj && l.deletePj(...a))
+                }, " Supprimer ", 8, vs)
+              ]))
+            ])
+          ])) : (n(), r("div", {
+            key: 0,
+            id: "input-group-pj-" + t.name,
+            role: "group"
+          }, [
+            o("label", {
+              id: "label-pj-" + t.name,
+              for: "input-pj-" + t.name,
+              role: "button",
+              class: f(["m-0 px-1 py-2 d-block text-center text-secondary rounded-4 border-2 pj-label", { "border border-solid shadow": i.fileDragged }]),
+              style: { "border-color": "var(--bs-gray-400)", "border-style": "dashed" },
+              onDrop: e[1] || (e[1] = w((...a) => l.addPj && l.addPj(...a), ["prevent", "stop"])),
+              onDrag: e[2] || (e[2] = w(() => {
+              }, ["prevent", "stop"])),
+              onDragstart: e[3] || (e[3] = w((a) => i.fileDragged = !0, ["prevent", "stop"])),
+              onDragend: e[4] || (e[4] = w((a) => i.fileDragged = !1, ["prevent", "stop"])),
+              onDragover: e[5] || (e[5] = w((a) => i.fileDragged = !0, ["prevent", "stop"])),
+              onDragenter: e[6] || (e[6] = w((a) => i.fileDragged = !0, ["prevent", "stop"])),
+              onDragleave: e[7] || (e[7] = w((a) => i.fileDragged = !1, ["prevent", "stop"]))
+            }, [
+              o("div", ms, [
+                b(c, {
+                  icon: ["fas", "cloud-arrow-up"],
+                  size: "3x",
+                  "beat-fade": i.fileDragged
+                }, null, 8, ["beat-fade"])
+              ]),
+              o("div", fs, [
+                o("div", hs, p(t.label ?? t.pjName), 1),
+                o("small", gs, p(t.subText), 1),
+                e[12] || (e[12] = o("hr", { class: "mx-auto w-50 m-0 mb-1" }, null, -1)),
+                e[13] || (e[13] = o("small", {
+                  class: "d-block text-muted",
+                  style: { "font-size": "0.8em" }
+                }, [
+                  o("u", null, "Glissez"),
+                  A(" vos fichiers ici ou "),
+                  o("u", null, "cliquez"),
+                  A(" pour les sélectionner ")
+                ], -1))
+              ]),
+              o("input", {
+                id: "input-pj-" + t.name,
+                class: "form-control",
+                type: "file",
+                style: { opacity: "0", position: "absolute", top: "0", "z-index": "-1" },
+                accept: "image/png, image/jpeg, application/pdf",
+                multiple: "",
+                required: t.required,
+                name: "pj" + t.name,
+                onChange: e[0] || (e[0] = (...a) => l.addPj && l.addPj(...a))
+              }, null, 40, ps)
+            ], 42, us)
+          ], 8, cs))
+        ])
+      ];
+    }),
+    _: 1
+  }, 8, ["loading"]);
+}
+const Ks = /* @__PURE__ */ v(rs, [["render", Ps]]), Is = {
+  name: "SliderSwitch",
+  props: {
+    listSection: {
+      type: Array,
+      default: () => [
+        { id: 1, name: "Slider 1" },
+        { id: 2, name: "Slider 2" },
+        { id: 3, name: "Slider 3" }
+      ]
+    },
+    containerClass: {
+      type: String,
+      default: "bg-secondary-subtle"
+    },
+    itemClass: {
+      type: String,
+      default: "fs-6"
+    },
+    bubbleClass: {
+      type: String,
+      default: "bg-light"
+    },
+    modelValue: {
+      type: Number,
+      default: 1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  mounted() {
+    this.updateSliderPosition(), window.addEventListener("resize", this.handleResize);
+  },
+  beforeUnmount() {
+    window.removeEventListener("resize", this.handleResize);
+  },
+  methods: {
+    updateSliderPosition() {
+      this.$nextTick(() => {
+        const s = this.$el.querySelector(`#switch-section-${this.modelValue}`);
+        if (!s) {
+          const t = this.$el.querySelector("#switch-section-1");
+          if (!t) return;
+          const u = this.$el.querySelector(".slider");
+          if (!u) return;
+          u.style.width = `${t.offsetWidth}px`, u.style.height = `${t.offsetHeight}px`, u.style.left = `${t.offsetLeft}px`;
+          return;
+        }
+        const e = this.$el.querySelector(".slider");
+        e && (e.style.width = `${s.offsetWidth}px`, e.style.height = `${s.offsetHeight}px`, e.style.left = `${s.offsetLeft}px`);
+      });
+    },
+    handleResize() {
+      this.updateSliderPosition();
+    },
+    switchSection(s) {
+      if (this.disabled) return;
+      this.$emit("update:modelValue", s);
+      const e = this.$el.querySelector(".slider"), t = this.$el.querySelector(`#switch-section-${s}`);
+      e.style.width = t.clientWidth + "px", e.style.left = t.offsetLeft + "px";
+    }
+  }
+}, Ds = {
+  class: "d-flex align-items-center justify-content-center mb-2 w-100 p-0",
+  style: { "border-radius": "1em" }
+}, Ms = ["id", "onClick"];
+function Bs(s, e, t, u, i, l) {
+  return n(), r("div", Ds, [
+    o("ul", {
+      id: "switch-section",
+      class: f(["d-flex justify-content-center rounded-5 p-2 m-0 position-relative w-100", [t.containerClass, { disabled: t.disabled }]])
+    }, [
+      (n(!0), r(y, null, C(t.listSection, (c) => (n(), r("li", {
+        id: "switch-section-" + c.id,
+        key: c.id,
+        class: f(["rounded-5 px-4 py-2 w-100 text-center", [
+          t.itemClass,
+          {
+            hoverable: !t.disabled,
+            "cursor-not-allowed": t.disabled
+          }
+        ]]),
+        role: "button",
+        onClick: (d) => l.switchSection(c.id)
+      }, p(c.name), 11, Ms))), 128)),
+      o("span", {
+        class: f(["slider position-absolute", t.bubbleClass])
+      }, null, 2)
+    ], 2)
+  ]);
+}
+const Gs = /* @__PURE__ */ v(Is, [["render", Bs], ["__scopeId", "data-v-02559b82"]]);
 export {
-  s as AmsomCard,
-  o as AmsomDocumentList,
-  e as AmsomHorizontalStepper,
-  A as AmsomImage,
-  l as AmsomModal,
-  t as AmsomOverlay,
-  r as AmsomPagination,
-  i as AmsomSkeleton,
-  d as AmsomSliderSwitch,
-  n as AmsomTableDraggable,
-  p as AmsomUploadFile,
-  S as AmsomVerticalStepper,
-  g as default
+  Ve as AmsomCard,
+  Rs as AmsomDocumentList,
+  Os as AmsomHorizontalStepper,
+  Ys as AmsomImage,
+  ze as AmsomModal,
+  Z as AmsomOverlay,
+  Ws as AmsomPagination,
+  Zt as AmsomSkeleton,
+  Gs as AmsomSliderSwitch,
+  Us as AmsomTableDraggable,
+  Ks as AmsomUploadFile,
+  Hs as AmsomVerticalStepper,
+  ze as default
 };