@sysvale/cuida 3.41.0 → 3.43.0

package/dist/@sysvale/cuida.es.js

@@ -1,7 +1,7 @@
 var DC = Object.defineProperty;
 var TC = (t, e, n) => e in t ? DC(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var ve = (t, e, n) => (TC(t, typeof e != "symbol" ? e + "" : e, n), n);
-import { openBlock as y, createElementBlock as k, createElementVNode as M, normalizeClass as B, createCommentVNode as q, resolveComponent as re, resolveDirective as ln, withDirectives as He, withModifiers as We, createBlock as de, renderSlot as ue, createTextVNode as Je, toDisplayString as G, useCssVars as cn, Fragment as Ve, renderList as Ue, createVNode as Y, withCtx as ye, Transition as Ia, normalizeStyle as wn, createSlots as AC, mergeProps as Qi, version as IC, defineComponent as $n, ref as Dt, shallowRef as E_, onMounted as Wc, onUnmounted as m1, watch as An, toRaw as k0, nextTick as Eo, h as M0, isProxy as L_, pushScopeId as dr, popScopeId as hr, reactive as wf, computed as ne, toRefs as $C, inject as Yc, watchEffect as z_, provide as jc, unref as ce, resolveDynamicComponent as V_, normalizeProps as gc, withKeys as Ft, toRef as Cd, guardReactiveProps as O0, isRef as Gl, toHandlers as xf, vShow as Os, vModelText as ds, vModelCheckbox as F_, vModelDynamic as Rd, vModelRadio as PC } from "vue";
+import { openBlock as y, createElementBlock as k, createElementVNode as M, normalizeClass as B, createCommentVNode as q, resolveComponent as re, resolveDirective as ln, withDirectives as We, withModifiers as He, createBlock as de, renderSlot as ue, createTextVNode as Je, toDisplayString as G, useCssVars as cn, Fragment as Ve, renderList as Ue, createVNode as Y, withCtx as ye, Transition as Ia, normalizeStyle as wn, createSlots as AC, mergeProps as Qi, version as IC, defineComponent as $n, ref as Dt, shallowRef as E_, onMounted as Wc, onUnmounted as m1, watch as An, toRaw as k0, nextTick as Eo, h as M0, isProxy as L_, pushScopeId as dr, popScopeId as hr, reactive as wf, computed as ne, toRefs as $C, inject as Yc, watchEffect as z_, provide as jc, unref as ce, resolveDynamicComponent as V_, normalizeProps as gc, withKeys as Ft, toRef as Cd, guardReactiveProps as O0, isRef as Gl, toHandlers as xf, vShow as Os, vModelText as ds, vModelCheckbox as F_, vModelDynamic as Rd, vModelRadio as PC } from "vue";
 const EC = {
   name: "alert-outline",
   data: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g class="alert-outline"><g class="Vector"><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-10 8a8 8 0 100-16 8 8 0 000 16z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M12 14a1 1 0 01-1-1V8a1 1 0 112 0v5a1 1 0 01-1 1z" clip-rule="evenodd"/><path d="M11 16a1 1 0 112 0 1 1 0 01-2 0z"/></g></g></svg>'
@@ -2555,9 +2555,9 @@ If.setup = ym ? (t, e) => (_m(), ym(t, e)) : _m;
 const wT = If;
 function xT(t, e, n, i, s, r) {
   const a = re("cds-spinner"), l = ln("cdstip");
-  return He((y(), k("button", {
+  return We((y(), k("button", {
     class: B(["button__container", r.computedStyle]),
-    onClick: e[0] || (e[0] = We((...c) => r.clickHandler && r.clickHandler(...c), ["stop"]))
+    onClick: e[0] || (e[0] = He((...c) => r.clickHandler && r.clickHandler(...c), ["stop"]))
   }, [
     n.loading ? (y(), de(a, {
       key: 0,
@@ -3170,7 +3170,7 @@ function PT(t, e, n, i, s, r) {
                 "action-list__item--left-bordered": l !== 0,
                 "action-list__item--disabled": a.disabled
               }),
-              onClick: We((c) => r.handleClick(a), ["stop"])
+              onClick: He((c) => r.handleClick(a), ["stop"])
             }, [
               ue(t.$slots, "action", { list: a }, void 0, !0)
             ], 10, $T)) : q("", !0)
@@ -3181,7 +3181,7 @@ function PT(t, e, n, i, s, r) {
       n.actions.length > n.numberOfExpandedActions ? (y(), k("div", {
         key: 0,
         class: "action-list__item--left-bordered",
-        onClick: e[0] || (e[0] = We((...a) => r.toggleCollapseState && r.toggleCollapseState(...a), ["stop"]))
+        onClick: e[0] || (e[0] = He((...a) => r.toggleCollapseState && r.toggleCollapseState(...a), ["stop"]))
       }, [
         ue(t.$slots, "action-trigger", {}, () => [
           Je(G(s.itsBeingShown ? "Menos a\xE7\xF5es" : "Mais a\xE7\xF5es"), 1)
@@ -3529,7 +3529,7 @@ function QT(t, e, n, i, s, r) {
       "clickable__container--clickable": n.clickable,
       "clickable__container--not-clickable": !n.clickable
     }),
-    onClick: e[0] || (e[0] = We((a) => t.$emit("cds-click", !0), ["stop"]))
+    onClick: e[0] || (e[0] = He((a) => t.$emit("cds-click", !0), ["stop"]))
   }, [
     ue(t.$slots, "default")
   ], 2);
@@ -3758,7 +3758,7 @@ Ef.setup = Sm ? (t, e) => (xm(), Sm(t, e)) : xm;
 const sA = Ef, rA = ["id"];
 function aA(t, e, n, i, s, r) {
   const a = re("cds-scrollable"), l = ln("on-click-outside");
-  return He((y(), k("div", {
+  return We((y(), k("div", {
     id: t.$attrs.id || s.id,
     class: "popover"
   }, [
@@ -4135,7 +4135,7 @@ const OA = {
 }, DA = ["data-tippy-placement", "data-tippy-content"];
 function TA(t, e, n, i, s, r) {
   const a = ln("cdstip");
-  return He((y(), k("div", {
+  return We((y(), k("div", {
     class: "tooltip",
     "data-tippy-placement": n.position,
     "data-tippy-content": r.content,
@@ -18146,6 +18146,10 @@ const dR = {
     title: {
       type: String,
       default: "Onde encontrar o meu CNS"
+    },
+    noCloseOnBackdrop: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
@@ -18173,16 +18177,18 @@ const dR = {
       document.body.style.overflow = t ? "hidden" : "auto";
     }
   }
-}, hR = (t) => (dr("data-v-5566e57a"), t = t(), hr(), t), fR = { key: 0 }, pR = /* @__PURE__ */ hR(() => /* @__PURE__ */ M("div", { class: "bottom-sheet__header-border" }, [
+}, hR = (t) => (dr("data-v-1c75ced8"), t = t(), hr(), t), fR = { key: 0 }, pR = /* @__PURE__ */ hR(() => /* @__PURE__ */ M("div", { class: "bottom-sheet__header-border" }, [
   /* @__PURE__ */ M("div", { class: "bottom-sheet__header-border-line" })
 ], -1)), gR = { class: "bottom-sheet__header" }, mR = { class: "bottom-sheet__title" }, vR = { class: "bottom-sheet__content" };
 function _R(t, e, n, i, s, r) {
   const a = re("cds-icon"), l = ln("on-click-outside");
   return s.internalModelValue ? (y(), k("div", fR, [
     M("div", {
-      class: B(s.toggleAnimationClass ? "backdrop__show" : "backdrop__hide")
+      class: B(s.toggleAnimationClass ? "backdrop__show" : "backdrop__hide"),
+      onClick: e[1] || (e[1] = He((c) => n.noCloseOnBackdrop ? () => {
+      } : r.closeHandle(), ["stop"]))
     }, [
-      He((y(), k("div", {
+      We((y(), k("div", {
         class: B(s.toggleAnimationClass ? "bottom-sheet__show" : "bottom-sheet__hide")
       }, [
         pR,
@@ -18209,7 +18215,7 @@ function _R(t, e, n, i, s, r) {
     ], 2)
   ])) : q("", !0);
 }
-const yR = /* @__PURE__ */ me(dR, [["render", _R], ["__scopeId", "data-v-5566e57a"]]);
+const yR = /* @__PURE__ */ me(dR, [["render", _R], ["__scopeId", "data-v-1c75ced8"]]);
 var nf = { exports: {} };
 (function(t, e) {
   var n = 9007199254740991, i = "[object Arguments]", s = "[object Function]", r = "[object GeneratorFunction]", a = "[object Map]", l = "[object Object]", c = "[object Promise]", d = "[object Set]", h = "[object WeakMap]", p = "[object DataView]", g = /[\\^$.*+?()[\]{}|]/g, v = /^\[object .+?Constructor\]$/, b = typeof zn == "object" && zn && zn.Object === Object && zn, x = typeof self == "object" && self && self.Object === Object && self, S = b || x || Function("return this")(), O = e && !e.nodeType && e, I = O && !0 && t && !t.nodeType && t, z = I && I.exports === O;
@@ -19100,7 +19106,7 @@ function IN(t, e, n, i, s, r) {
     M("div", {
       id: "color-picker",
       class: "color-picker__trigger",
-      onClick: e[0] || (e[0] = We((c) => s.showPopover = !s.showPopover, ["stop"]))
+      onClick: e[0] || (e[0] = He((c) => s.showPopover = !s.showPopover, ["stop"]))
     }, TN),
     Y(l, {
       modelValue: s.showPopover,
@@ -23407,7 +23413,7 @@ const Dne = /* @__PURE__ */ Zr(Sne, [["render", One]]), Tne = /* @__PURE__ */ Ob
       ce(v).title ? (y(), k("div", Ine, [
         Y(Zi, { name: "header-title-wrapper" }, {
           default: ye(() => [
-            He((y(), k("button", $ne, [
+            We((y(), k("button", $ne, [
               Y(Zi, {
                 name: "header-title",
                 title: t.page.title
@@ -23863,7 +23869,7 @@ function Gne(t, e, n, i, s, r) {
       locale: t.locale
     }, {
       default: ye(() => [
-        He((y(), k("div", Qi(t.dayContentProps, xf(t.dayContentEvents, !0)), [
+        We((y(), k("div", Qi(t.dayContentProps, xf(t.dayContentEvents, !0)), [
           Je(G(t.day.label), 1)
         ], 16)), [
           [l, t.dayPopover]
@@ -23975,7 +23981,7 @@ function nie(t, e, n, i, s, r) {
           "vc-transparent": t.transparent
         }
       ],
-      onMouseup: e[0] || (e[0] = We(() => {
+      onMouseup: e[0] || (e[0] = He(() => {
       }, ["prevent"])),
       ref: "containerRef"
     }), [
@@ -29018,7 +29024,7 @@ function ise(t, e, n, i, s, r) {
         direction: s.isActive ? "top" : "bottom"
       }, null, 8, ["direction"]))
     ], 10, ese),
-    s.isActive ? He((y(), k("div", {
+    s.isActive ? We((y(), k("div", {
       key: 0,
       style: wn(r.dynamicStyle),
       class: "filter-pill__dropdown"
@@ -29115,7 +29121,7 @@ function use(t, e, n, i, s, r) {
         direction: s.isActive ? "bottom" : "top"
       }, null, 8, ["light", "direction"])
     ], 10, ase),
-    s.isActive ? He((y(), k("div", {
+    s.isActive ? We((y(), k("div", {
       key: 0,
       style: wn(r.dynamicStyle),
       class: "dropdown-button__dropdown"
@@ -29565,14 +29571,14 @@ function $se(t, e, n, i, s, r) {
           "file-input--disabled": n.disabled === !0,
           [r.sizeClass.holderPadding]: n.size
         }]),
-        onDragover: e[2] || (e[2] = We((l) => s.isOnDragEnterState = !0, ["prevent", "stop"])),
-        onDragenter: e[3] || (e[3] = We((l) => s.isOnDragEnterState = !0, ["prevent", "stop"])),
-        onDragleave: e[4] || (e[4] = We((l) => s.isOnDragEnterState = !1, ["prevent", "stop"])),
-        onDragend: e[5] || (e[5] = We((l) => s.isOnDragEnterState = !1, ["prevent", "stop"])),
+        onDragover: e[2] || (e[2] = He((l) => s.isOnDragEnterState = !0, ["prevent", "stop"])),
+        onDragenter: e[3] || (e[3] = He((l) => s.isOnDragEnterState = !0, ["prevent", "stop"])),
+        onDragleave: e[4] || (e[4] = He((l) => s.isOnDragEnterState = !1, ["prevent", "stop"])),
+        onDragend: e[5] || (e[5] = He((l) => s.isOnDragEnterState = !1, ["prevent", "stop"])),
         onDrop: e[6] || (e[6] = (...l) => r.dropHandler && r.dropHandler(...l)),
         onClick: e[7] || (e[7] = (...l) => r.linkClick && r.linkClick(...l))
       }, [
-        He(M("input", {
+        We(M("input", {
           ref: "fileInput",
           type: "file",
           accept: r.acceptString,
@@ -29605,7 +29611,7 @@ function $se(t, e, n, i, s, r) {
               M("div", null, G(r.formatFilename), 1),
               M("div", {
                 class: "x-icon__container",
-                onClick: e[1] || (e[1] = We((...l) => r.handleRemove && r.handleRemove(...l), ["stop"]))
+                onClick: e[1] || (e[1] = He((...l) => r.handleRemove && r.handleRemove(...l), ["stop"]))
               }, [
                 Y(a, {
                   height: "18",
@@ -29785,7 +29791,7 @@ const Ese = { class: "file-viewer__image" }, Lse = {
           M("div", null, [
             M("a", {
               class: B(["file-viewer__download", `file-viewer__download--${t.variant}`]),
-              onClick: S[0] || (S[0] = We((O) => n("download-click", !0), ["stop"]))
+              onClick: S[0] || (S[0] = He((O) => n("download-click", !0), ["stop"]))
             }, " Baixar arquivo ", 2)
           ])
         ])
@@ -29822,7 +29828,7 @@ const Ese = { class: "file-viewer__image" }, Lse = {
             key: 0,
             class: "file-viewer__visualizer-image",
             src: t.fileUrl,
-            onClick: S[2] || (S[2] = We(() => {
+            onClick: S[2] || (S[2] = He(() => {
             }, ["stop"]))
           }, null, 8, ["src"])) : (y(), k("div", Yse, [
             Y(n1, {
@@ -29836,7 +29842,7 @@ const Ese = { class: "file-viewer__image" }, Lse = {
       ])) : q("", !0)
     ], 64));
   }
-}, Use = /* @__PURE__ */ me(jse, [["__scopeId", "data-v-0723645b"]]);
+}, Use = /* @__PURE__ */ me(jse, [["__scopeId", "data-v-c35f914b"]]);
 function f1(t = "") {
   const e = "\xC0\xC1\xC2\xC3\xC4\xC5\xE0\xE1\xE2\xE3\xE4\xE5\xD2\xD3\xD4\xD5\xD5\xD6\xD8\xF2\xF3\xF4\xF5\xF6\xF8\xC8\xC9\xCA\xCB\xE8\xE9\xEA\xEB\xF0\xC7\xE7\xD0\xCC\xCD\xCE\xCF\xEC\xED\xEE\xEF\xD9\xDA\xDB\xDC\xF9\xFA\xFB\xFC\xD1\xF1\u0160\u0161\u0178\xFF\xFD\u017D\u017E", n = "AAAAAAaaaaaaOOOOOOOooooooEEEEeeeeeCcDIIIIiiiiUUUUuuuuNnSsYyyZz", i = t.length;
   let s = t.split(""), r;
@@ -30023,12 +30029,12 @@ const qse = {
 function sre(t, e, n, i, s, r) {
   const a = ln("on-click-outside");
   return y(), k("div", Kse, [
-    He((y(), k("div", {
+    We((y(), k("div", {
       class: B(["filter-select__container", r.inputClass]),
       onKeydown: [
-        e[6] || (e[6] = Ft(We((...l) => r.activateSelectionOnEnter && r.activateSelectionOnEnter(...l), ["prevent"]), ["enter"])),
-        e[7] || (e[7] = Ft(We((...l) => r.highlightOnArrowDown && r.highlightOnArrowDown(...l), ["prevent"]), ["arrow-down"])),
-        e[8] || (e[8] = Ft(We((...l) => r.highlightOnArrowUp && r.highlightOnArrowUp(...l), ["prevent"]), ["arrow-up"]))
+        e[6] || (e[6] = Ft(He((...l) => r.activateSelectionOnEnter && r.activateSelectionOnEnter(...l), ["prevent"]), ["enter"])),
+        e[7] || (e[7] = Ft(He((...l) => r.highlightOnArrowDown && r.highlightOnArrowDown(...l), ["prevent"]), ["arrow-down"])),
+        e[8] || (e[8] = Ft(He((...l) => r.highlightOnArrowUp && r.highlightOnArrowUp(...l), ["prevent"]), ["arrow-up"]))
       ],
       onClick: e[9] || (e[9] = (...l) => r.activateSelectionOnClick && r.activateSelectionOnClick(...l))
     }, [
@@ -30037,7 +30043,7 @@ function sre(t, e, n, i, s, r) {
           M("span", null, G(r.capitalizedLabel), 1)
         ])
       ]),
-      He(M("input", {
+      We(M("input", {
         id: t.$attrs.id || s.id,
         ref: "filter-select-input",
         "onUpdate:modelValue": e[0] || (e[0] = (l) => s.localValue[n.optionsField] = l),
@@ -30054,7 +30060,7 @@ function sre(t, e, n, i, s, r) {
       }, null, 42, Jse), [
         [ds, s.localValue[n.optionsField]]
       ]),
-      He(M("div", {
+      We(M("div", {
         ref: "filter-select-options",
         class: B(["filter-select__options", {
           "filter-select__options--thin": n.width === "thin",
@@ -30165,7 +30171,7 @@ const cre = {
 }, ure = { id: "cds-pulsar" };
 function dre(t, e, n, i, s, r) {
   const a = ln("cds-floatify");
-  return He((y(), k("div", ure, [
+  return We((y(), k("div", ure, [
     M("div", {
       class: B(`pulsar__outer-circle--${n.variant}`)
     }, [
@@ -30279,11 +30285,11 @@ function xre(t, e, n, i, s, r) {
       "target-id": n.targetId,
       variant: n.variant
     }, null, 8, ["id", "target-id", "variant"]),
-    He((y(), k("div", {
+    We((y(), k("div", {
       id: s.containerId,
       class: "floating-assistant__container"
     }, [
-      He((y(), k("div", {
+      We((y(), k("div", {
         class: B(["floating-assistant__dropdown", {
           "floating-assistant__dropdown--expanded": s.isExpanded,
           "floating-assistant__dropdown--confirmation": s.waitingConfirmation
@@ -30320,7 +30326,7 @@ function xre(t, e, n, i, s, r) {
         ])),
         s.isExpanded ? (y(), k("div", wre, [
           M("div", {
-            onClick: e[2] || (e[2] = We((...h) => r.close && r.close(...h), ["stop"]))
+            onClick: e[2] || (e[2] = He((...h) => r.close && r.close(...h), ["stop"]))
           }, [
             Y(l, {
               class: "floating-assistant__close-button",
@@ -30447,7 +30453,7 @@ Np.setup = Q4 ? (t, e) => (J4(), Q4(t, e)) : J4;
 const Cre = Np, kre = ["id"];
 function Mre(t, e, n, i, s, r) {
   const a = ln("on-click-outside");
-  return He((y(), k("div", {
+  return We((y(), k("div", {
     id: t.$attrs.id || s.id,
     class: "richTooltip"
   }, [
@@ -31871,7 +31877,7 @@ const Oae = [
 function Eae(t, e, n, i, s, r) {
   const a = re("cds-icon"), l = re("cds-scrollable"), c = re("cds-button"), d = ln("on-click-outside");
   return s.innerValue ? (y(), k("div", Tae, [
-    s.innerValue ? He((y(), k("div", {
+    s.innerValue ? We((y(), k("div", {
       key: 0,
       class: B(["cds-modal", `cds-modal--${n.size}`])
     }, [
@@ -32443,17 +32449,17 @@ function Xae(t, e, n, i, s, r) {
     onFocus: e[14] || (e[14] = (a) => t.activate()),
     onBlur: e[15] || (e[15] = (a) => t.searchable ? !1 : t.deactivate()),
     onKeydown: [
-      e[16] || (e[16] = Ft(We((a) => t.pointerForward(), ["self", "prevent"]), ["down"])),
-      e[17] || (e[17] = Ft(We((a) => t.pointerBackward(), ["self", "prevent"]), ["up"]))
+      e[16] || (e[16] = Ft(He((a) => t.pointerForward(), ["self", "prevent"]), ["down"])),
+      e[17] || (e[17] = Ft(He((a) => t.pointerBackward(), ["self", "prevent"]), ["up"]))
     ],
-    onKeypress: e[18] || (e[18] = Ft(We((a) => t.addPointerElement(a), ["stop", "self"]), ["enter", "tab"])),
+    onKeypress: e[18] || (e[18] = Ft(He((a) => t.addPointerElement(a), ["stop", "self"]), ["enter", "tab"])),
     onKeyup: e[19] || (e[19] = Ft((a) => t.deactivate(), ["esc"])),
     role: "combobox",
     "aria-owns": "listbox-" + t.id
   }, [
     ue(t.$slots, "caret", { toggle: t.toggle }, () => [
       Y("div", {
-        onMousedown: e[1] || (e[1] = We((a) => t.toggle(), ["prevent", "stop"])),
+        onMousedown: e[1] || (e[1] = He((a) => t.toggle(), ["prevent", "stop"])),
         class: "multiselect__select"
       }, null, 32)
     ]),
@@ -32465,7 +32471,7 @@ function Xae(t, e, n, i, s, r) {
         values: r.visibleValues,
         isOpen: t.isOpen
       }, () => [
-        He(Y("div", Wae, [
+        We(Y("div", Wae, [
           (y(!0), de(Ve, null, Ue(r.visibleValues, (a, l) => ue(t.$slots, "tag", {
             option: a,
             search: t.search,
@@ -32480,8 +32486,8 @@ function Xae(t, e, n, i, s, r) {
               }, null, 8, ["textContent"]),
               Y("i", {
                 tabindex: "1",
-                onKeypress: Ft(We((c) => t.removeElement(a), ["prevent"]), ["enter"]),
-                onMousedown: We((c) => t.removeElement(a), ["prevent"]),
+                onKeypress: Ft(He((c) => t.removeElement(a), ["prevent"]), ["enter"]),
+                onMousedown: He((c) => t.removeElement(a), ["prevent"]),
                 class: "multiselect__tag-icon"
               }, null, 40, ["onKeypress", "onMousedown"])
             ]))
@@ -32499,7 +32505,7 @@ function Xae(t, e, n, i, s, r) {
       Y(Ia, { name: "multiselect__loading" }, {
         default: ye(() => [
           ue(t.$slots, "loading", {}, () => [
-            He(Y("div", Yae, null, 512), [
+            We(Y("div", Yae, null, 512), [
               [Os, n.loading]
             ])
           ])
@@ -32520,22 +32526,22 @@ function Xae(t, e, n, i, s, r) {
         disabled: n.disabled,
         tabindex: n.tabindex,
         onInput: e[2] || (e[2] = (a) => t.updateSearch(a.target.value)),
-        onFocus: e[3] || (e[3] = We((a) => t.activate(), ["prevent"])),
-        onBlur: e[4] || (e[4] = We((a) => t.deactivate(), ["prevent"])),
+        onFocus: e[3] || (e[3] = He((a) => t.activate(), ["prevent"])),
+        onBlur: e[4] || (e[4] = He((a) => t.deactivate(), ["prevent"])),
         onKeyup: e[5] || (e[5] = Ft((a) => t.deactivate(), ["esc"])),
         onKeydown: [
-          e[6] || (e[6] = Ft(We((a) => t.pointerForward(), ["prevent"]), ["down"])),
-          e[7] || (e[7] = Ft(We((a) => t.pointerBackward(), ["prevent"]), ["up"])),
-          e[9] || (e[9] = Ft(We((a) => t.removeLastElement(), ["stop"]), ["delete"]))
+          e[6] || (e[6] = Ft(He((a) => t.pointerForward(), ["prevent"]), ["down"])),
+          e[7] || (e[7] = Ft(He((a) => t.pointerBackward(), ["prevent"]), ["up"])),
+          e[9] || (e[9] = Ft(He((a) => t.removeLastElement(), ["stop"]), ["delete"]))
         ],
-        onKeypress: e[8] || (e[8] = Ft(We((a) => t.addPointerElement(a), ["prevent", "stop", "self"]), ["enter"])),
+        onKeypress: e[8] || (e[8] = Ft(He((a) => t.addPointerElement(a), ["prevent", "stop", "self"]), ["enter"])),
         class: "multiselect__input",
         "aria-controls": "listbox-" + t.id
       }, null, 44, ["name", "id", "placeholder", "value", "disabled", "tabindex", "aria-controls"])) : q("v-if", !0),
       r.isSingleLabelVisible ? (y(), de("span", {
         key: 1,
         class: "multiselect__single",
-        onMousedown: e[10] || (e[10] = We((...a) => t.toggle && t.toggle(...a), ["prevent"]))
+        onMousedown: e[10] || (e[10] = He((...a) => t.toggle && t.toggle(...a), ["prevent"]))
       }, [
         ue(t.$slots, "singleLabel", { option: r.singleValue }, () => [
           Je(G(t.currentOptionLabel), 1)
@@ -32544,7 +32550,7 @@ function Xae(t, e, n, i, s, r) {
       r.isPlaceholderVisible ? (y(), de("span", {
         key: 2,
         class: "multiselect__placeholder",
-        onMousedown: e[11] || (e[11] = We((...a) => t.toggle && t.toggle(...a), ["prevent"]))
+        onMousedown: e[11] || (e[11] = He((...a) => t.toggle && t.toggle(...a), ["prevent"]))
       }, [
         ue(t.$slots, "placeholder", {}, () => [
           Je(G(t.placeholder), 1)
@@ -32553,11 +32559,11 @@ function Xae(t, e, n, i, s, r) {
     ], 512),
     Y(Ia, { name: "multiselect" }, {
       default: ye(() => [
-        He(Y("div", {
+        We(Y("div", {
           class: "multiselect__content-wrapper",
           onFocus: e[12] || (e[12] = (...a) => t.activate && t.activate(...a)),
           tabindex: "-1",
-          onMousedown: e[13] || (e[13] = We(() => {
+          onMousedown: e[13] || (e[13] = He(() => {
           }, ["prevent"])),
           style: { maxHeight: t.optimizedHeight + "px" },
           ref: "list"
@@ -32585,8 +32591,8 @@ function Xae(t, e, n, i, s, r) {
               a && (a.$isLabel || a.$isDisabled) ? q("v-if", !0) : (y(), de("span", {
                 key: 0,
                 class: [t.optionHighlight(l, a), "multiselect__option"],
-                onClick: We((c) => t.select(a), ["stop"]),
-                onMouseenter: We((c) => t.pointerSet(l), ["self"]),
+                onClick: He((c) => t.select(a), ["stop"]),
+                onMouseenter: He((c) => t.pointerSet(l), ["self"]),
                 "data-select": a && a.isTag ? t.tagPlaceholder : r.selectLabelText,
                 "data-selected": r.selectedLabelText,
                 "data-deselect": r.deselectLabelText
@@ -32604,8 +32610,8 @@ function Xae(t, e, n, i, s, r) {
                 "data-select": t.groupSelect && r.selectGroupLabelText,
                 "data-deselect": t.groupSelect && r.deselectGroupLabelText,
                 class: [t.groupHighlight(l, a), "multiselect__option"],
-                onMouseenter: We((c) => t.groupSelect && t.pointerSet(l), ["self"]),
-                onMousedown: We((c) => t.selectGroup(a), ["prevent"])
+                onMouseenter: He((c) => t.groupSelect && t.pointerSet(l), ["self"]),
+                onMousedown: He((c) => t.selectGroup(a), ["prevent"])
               }, [
                 ue(t.$slots, "option", {
                   option: a,
@@ -32616,7 +32622,7 @@ function Xae(t, e, n, i, s, r) {
                 ])
               ], 42, ["data-select", "data-deselect", "onMouseenter", "onMousedown"])) : q("v-if", !0)
             ], 8, ["id", "role"]))), 128)) : q("v-if", !0),
-            He(Y("li", null, [
+            We(Y("li", null, [
               Y("span", qae, [
                 ue(t.$slots, "noResult", { search: t.search }, () => [
                   Gae
@@ -32625,7 +32631,7 @@ function Xae(t, e, n, i, s, r) {
             ], 512), [
               [Os, n.showNoResults && t.filteredOptions.length === 0 && t.search && !n.loading]
             ]),
-            He(Y("li", null, [
+            We(Y("li", null, [
               Y("span", Kae, [
                 ue(t.$slots, "noOptions", {}, () => [
                   Zae
@@ -32923,7 +32929,7 @@ function hoe(t, e, n, i, s, r) {
       onSearchChange: r.handleSearchChange
     }), {
       beforeList: ye(() => [
-        He(M("div", null, [
+        We(M("div", null, [
           n.hideSelectAll ? q("", !0) : (y(), k("div", {
             key: 0,
             class: "cds-multiselect__option multiselect__option",
@@ -32959,7 +32965,7 @@ function hoe(t, e, n, i, s, r) {
           }, null, 8, ["text"])
         ])) : (y(), k("div", roe, [
           M("div", aoe, [
-            He(M("input", {
+            We(M("input", {
               id: `input-${h[n.optionsField]}-${s.uniqueKey}`,
               "onUpdate:modelValue": (p) => h.isSelected = p,
               type: "checkbox",
@@ -33602,7 +33608,7 @@ const Io = Va, uu = {
 }, $oe = ["value"];
 function Poe(t, e, n, i, s, r) {
   const a = ln("facade");
-  return He((y(), k("input", {
+  return We((y(), k("input", {
     type: "text",
     value: s.maskedValue,
     onInput: e[0] || (e[0] = (...l) => r.onInput && r.onInput(...l)),
@@ -33784,7 +33790,7 @@ function Yoe(t, e, n, i, s, r) {
         M("div", Voe, [
           M("span", null, G(n.label), 1),
           n.required ? (y(), k("span", Foe, " * ")) : q("", !0),
-          n.tooltip ? He((y(), de(a, {
+          n.tooltip ? We((y(), de(a, {
             key: 1,
             name: n.tooltipIcon,
             height: "20",
@@ -33806,7 +33812,7 @@ function Yoe(t, e, n, i, s, r) {
     M("div", {
       class: B(r.stepperInputDynamicClass)
     }, [
-      n.money ? He((y(), k("input", {
+      n.money ? We((y(), k("input", {
         key: 0,
         id: "cds-text-input",
         "onUpdate:modelValue": e[0] || (e[0] = (g) => s.internalValue = g),
@@ -33823,7 +33829,7 @@ function Yoe(t, e, n, i, s, r) {
           { lazy: !0 }
         ],
         [h, s.moneyDirectiveConfig]
-      ]) : n.mask ? He((y(), k("input", {
+      ]) : n.mask ? We((y(), k("input", {
         key: 1,
         id: "cds-text-input",
         "onUpdate:modelValue": e[3] || (e[3] = (g) => s.internalValue = g),
@@ -33836,7 +33842,7 @@ function Yoe(t, e, n, i, s, r) {
       }, null, 42, Roe)), [
         [ds, s.internalValue],
         [p, n.mask]
-      ]) : He((y(), k("input", {
+      ]) : We((y(), k("input", {
         key: 2,
         id: "cds-text-input",
         "onUpdate:modelValue": e[6] || (e[6] = (g) => s.internalValue = g),
@@ -33958,6 +33964,10 @@ const Qoe = {
       type: Boolean,
       default: !1
     },
+    collapsibleState: {
+      type: Boolean,
+      default: !1
+    },
     logoImage: {
       type: String,
       default: null
@@ -33989,6 +33999,12 @@ const Qoe = {
       },
       immediate: !0
     },
+    collapsibleState: {
+      handler(t) {
+        this.collapsed = t;
+      },
+      immediate: !0
+    },
     activeItem: {
       handler(t) {
         this.internalActiveItem = t;
@@ -34006,7 +34022,7 @@ const Qoe = {
     }
   },
   mounted() {
-    this.internalActiveItem = this.activeItem;
+    this.internalActiveItem = this.activeItem, this.collapsed = this.collapsibleState;
   },
   methods: {
     colorHexCode: cu,
@@ -34128,7 +34144,7 @@ function ule(t, e, n, i, s, r) {
             name: "collapse"
           }, {
             default: ye(() => [
-              He(M("div", sle, [
+              We(M("div", sle, [
                 M("div", rle, [
                   (y(!0), k(Ve, null, Ue(d.items, (p, g) => (y(), k("a", {
                     key: `${g}-${p.name}-item`,
@@ -34794,7 +34810,7 @@ const Ule = {
 }, qle = { class: "pin-input__container" }, Gle = ["id", "onUpdate:modelValue", "type", "onKeydown", "onKeypress", "onInput", "onFocus"];
 function Kle(t, e, n, i, s, r) {
   return y(), k("div", qle, [
-    (y(!0), k(Ve, null, Ue(n.length, (a, l) => He((y(), k("input", {
+    (y(!0), k(Ve, null, Ue(n.length, (a, l) => We((y(), k("input", {
       id: `pin-input${a}`,
       key: l,
       ref_for: !0,
@@ -34804,7 +34820,7 @@ function Kle(t, e, n, i, s, r) {
       maxlength: "1",
       class: B(["pin-input", r.computedClass]),
       autocomplete: "off",
-      onKeydown: Ft(We((c) => r.handleBack(a), ["stop"]), ["delete"]),
+      onKeydown: Ft(He((c) => r.handleBack(a), ["stop"]), ["delete"]),
       onKeypress: (c) => r.changeInputContent(c, a),
       onInput: (c) => r.handleInput(c, a),
       onFocus: (c) => r.fixCursorPosition(a)
@@ -35346,7 +35362,7 @@ function Mce(t, e, n, i, s, r) {
           disabled: a.disabled || n.disabled,
           for: a.value
         }, [
-          He(M("input", {
+          We(M("input", {
             id: a.value,
             "onUpdate:modelValue": e[0] || (e[0] = (c) => s.selected = c),
             type: "radio",
@@ -35751,7 +35767,7 @@ function Zce(t, e, n, i, s, r) {
       M("div", Nce, [
         M("span", null, G(n.label), 1),
         n.required ? (y(), k("span", Hce, " * ")) : q("", !0),
-        n.tooltip ? He((y(), de(a, {
+        n.tooltip ? We((y(), de(a, {
           key: 1,
           name: n.tooltipIcon,
           height: "20",
@@ -35765,7 +35781,7 @@ function Zce(t, e, n, i, s, r) {
     M("div", {
       class: B(["select__container", n.fluid ? "select__container--fluid" : "select__container--fit"])
     }, [
-      He(M("input", {
+      We(M("input", {
         id: t.$attrs.id || s.id,
         ref: "select-input",
         "onUpdate:modelValue": e[0] || (e[0] = (c) => s.localValue[n.optionsField] = c),
@@ -35777,9 +35793,9 @@ function Zce(t, e, n, i, s, r) {
         disabled: n.disabled,
         readonly: !n.searchable,
         onKeydown: [
-          e[1] || (e[1] = Ft(We((...c) => r.activateSelectionOnEnter && r.activateSelectionOnEnter(...c), ["prevent"]), ["enter"])),
-          e[2] || (e[2] = Ft(We((...c) => r.highlightOnArrowDown && r.highlightOnArrowDown(...c), ["prevent"]), ["arrow-down"])),
-          e[3] || (e[3] = Ft(We((...c) => r.highlightOnArrowUp && r.highlightOnArrowUp(...c), ["prevent"]), ["arrow-up"]))
+          e[1] || (e[1] = Ft(He((...c) => r.activateSelectionOnEnter && r.activateSelectionOnEnter(...c), ["prevent"]), ["enter"])),
+          e[2] || (e[2] = Ft(He((...c) => r.highlightOnArrowDown && r.highlightOnArrowDown(...c), ["prevent"]), ["arrow-down"])),
+          e[3] || (e[3] = Ft(He((...c) => r.highlightOnArrowUp && r.highlightOnArrowUp(...c), ["prevent"]), ["arrow-up"]))
         ],
         onClick: e[4] || (e[4] = (...c) => r.activateSelectionOnClick && r.activateSelectionOnClick(...c)),
         onInput: e[5] || (e[5] = (...c) => r.filterOptions && r.filterOptions(...c)),
@@ -35788,7 +35804,7 @@ function Zce(t, e, n, i, s, r) {
       }, null, 42, Wce), [
         [ds, s.localValue[n.optionsField]]
       ]),
-      He(M("div", {
+      We(M("div", {
         ref: "select-options",
         class: B(["select__options", {
           "select__options--thin": n.width === "thin",
@@ -35937,7 +35953,7 @@ function eue(t, e, n, i, s, r) {
       class: "side-sheet__container",
       elevated: "",
       fluid: "",
-      onClick: e[2] || (e[2] = We(() => {
+      onClick: e[2] || (e[2] = He(() => {
       }, ["stop"]))
     }, {
       default: ye(() => [
@@ -35955,7 +35971,7 @@ function eue(t, e, n, i, s, r) {
                       height: "20",
                       width: "20",
                       name: "x-outline",
-                      onClick: e[0] || (e[0] = We((d) => t.$emit("update:modelValue", !n.modelValue), ["stop"]))
+                      onClick: e[0] || (e[0] = He((d) => t.$emit("update:modelValue", !n.modelValue), ["stop"]))
                     })
                   ]),
                   _: 1
@@ -36854,7 +36870,7 @@ function $ue(t, e, n, i, s, r) {
     M("div", {
       class: B(r.stepperInputDynamicClass)
     }, [
-      He(M("input", {
+      We(M("input", {
         id: "stepper-input",
         "onUpdate:modelValue": e[0] || (e[0] = (c) => s.internalValue = c),
         disabled: n.disabled,
@@ -36870,7 +36886,7 @@ function $ue(t, e, n, i, s, r) {
         [ds, s.internalValue]
       ]),
       M("div", Due, [
-        He((y(), k("button", {
+        We((y(), k("button", {
           disabled: n.disabled,
           class: "stepper-input__icon--plus",
           tabindex: "-1",
@@ -36886,7 +36902,7 @@ function $ue(t, e, n, i, s, r) {
         ], 40, Tue)), [
           [l, () => r.changeValue(1)]
         ]),
-        He((y(), k("button", {
+        We((y(), k("button", {
           disabled: n.disabled,
           class: "stepper-input__icon--minus",
           tabindex: "-1",
@@ -36963,7 +36979,7 @@ function zue(t, e, n, i, s, r) {
     M("label", {
       class: B(["switch", r.toggleSwitchSize])
     }, [
-      He(M("input", {
+      We(M("input", {
         "onUpdate:modelValue": e[0] || (e[0] = (a) => s.isActive = a),
         type: "checkbox",
         disabled: n.disabled,
@@ -37160,7 +37176,7 @@ function Wue(t, e, n, i, s, r) {
             key: 1,
             id: `sort-icon-${d.key}`,
             clickable: n.sortable,
-            onClick: We((p) => r.handleSortBy(d.key), ["stop"])
+            onClick: He((p) => r.handleSortBy(d.key), ["stop"])
           }, {
             default: ye(() => [
               Je(G(d.label) + " ", 1),
@@ -37312,7 +37328,7 @@ function Que(t, e, n, i, s, r) {
           class: B(["inner-tabs__tab", r.isActive(l) ? "inner-tabs__tab--active" : "inner-tabs__tab--inactive"]),
           style: wn(r.activeBorderStyle),
           onClick: (d) => r.handleClick(d, l),
-          onContextmenu: We((d) => r.handleRightClick(d, l), ["prevent", "stop"])
+          onContextmenu: He((d) => r.handleRightClick(d, l), ["prevent", "stop"])
         }, [
           M("span", Zue, G(l.title), 1)
         ], 46, Kue)
@@ -37323,7 +37339,7 @@ function Que(t, e, n, i, s, r) {
           href: "javascript:void(0)",
           target: "_self",
           class: "nav-link",
-          onClick: e[0] || (e[0] = We((...l) => r.handleAddAction && r.handleAddAction(...l), ["prevent"]))
+          onClick: e[0] || (e[0] = He((...l) => r.handleAddAction && r.handleAddAction(...l), ["prevent"]))
         }, [
           Y(a, {
             height: "32",
@@ -37443,7 +37459,7 @@ function cde(t, e, n, i, s, r) {
       ]))
     ]),
     M("div", null, [
-      He(M("textarea", {
+      We(M("textarea", {
         id: "textarea",
         "onUpdate:modelValue": e[0] || (e[0] = (c) => s.internalValue = c),
         class: B(r.inputClass),
@@ -37647,7 +37663,7 @@ function yde(t, e, n, i, s, r) {
         M("div", fde, [
           M("span", null, G(n.label), 1),
           n.required ? (y(), k("span", pde, " * ")) : q("", !0),
-          n.tooltip ? He((y(), de(a, {
+          n.tooltip ? We((y(), de(a, {
             key: 1,
             name: n.tooltipIcon,
             height: "20",
@@ -37669,7 +37685,7 @@ function yde(t, e, n, i, s, r) {
     M("div", {
       class: B(r.stepperInputDynamicClass)
     }, [
-      n.mask ? He((y(), k("input", {
+      n.mask ? We((y(), k("input", {
         key: 0,
         id: "cds-text-input",
         "onUpdate:modelValue": e[0] || (e[0] = (p) => s.internalValue = p),
@@ -37682,7 +37698,7 @@ function yde(t, e, n, i, s, r) {
       }, null, 42, gde)), [
         [Rd, s.internalValue],
         [h, n.mask]
-      ]) : He((y(), k("input", {
+      ]) : We((y(), k("input", {
         key: 1,
         id: "cds-text-input",
         "onUpdate:modelValue": e[3] || (e[3] = (p) => s.internalValue = p),
@@ -37872,7 +37888,7 @@ function Lde(t, e, n, i, s, r) {
       class: "input__container"
     }, [
       M("div", null, [
-        He(M("input", {
+        We(M("input", {
           id: `${n.id}-start-hour`,
           "onUpdate:modelValue": e[0] || (e[0] = (l) => s.startHour = l),
           class: B(r.computedInputClass),
@@ -37892,7 +37908,7 @@ function Lde(t, e, n, i, s, r) {
           [a, "##"]
         ]),
         Je(" : "),
-        He(M("input", {
+        We(M("input", {
           id: `${n.id}-start-minute`,
           "onUpdate:modelValue": e[4] || (e[4] = (l) => s.startMinute = l),
           class: B(r.computedInputClass),
@@ -37914,7 +37930,7 @@ function Lde(t, e, n, i, s, r) {
       ]),
       n.mode === "range" ? (y(), k("div", Ade, " At\xE9 ")) : q("", !0),
       n.mode === "range" ? (y(), k("div", Ide, [
-        He(M("input", {
+        We(M("input", {
           id: `${n.id}-end-hour`,
           "onUpdate:modelValue": e[8] || (e[8] = (l) => s.endHour = l),
           class: B(r.computedInputClass),
@@ -37934,7 +37950,7 @@ function Lde(t, e, n, i, s, r) {
           [a, "##"]
         ]),
         Je(" : "),
-        He(M("input", {
+        We(M("input", {
           id: `${n.id}-end-minute`,
           "onUpdate:modelValue": e[12] || (e[12] = (l) => s.endMinute = l),
           class: B(r.computedInputClass),
@@ -38196,7 +38212,7 @@ function i1e(t, e, n, i, s, r) {
         M("div", Jde, [
           M("span", null, G(n.label), 1),
           n.required ? (y(), k("span", Qde, " * ")) : q("", !0),
-          n.tooltip ? He((y(), de(a, {
+          n.tooltip ? We((y(), de(a, {
             key: 1,
             name: n.tooltipIcon,
             height: "20",
@@ -38211,7 +38227,7 @@ function i1e(t, e, n, i, s, r) {
     M("div", {
       class: B(r.stepperInputDynamicClass)
     }, [
-      He(M("input", {
+      We(M("input", {
         id: "cds-password-input",
         "onUpdate:modelValue": e[0] || (e[0] = (d) => s.internalValue = d),
         type: r.customInputType,
@@ -38334,7 +38350,7 @@ function v1e(t, e, n, i, s, r) {
         fluid: "",
         clickable: n.clickable,
         onBoxClick: (h) => r.handleStepBoxClick(d),
-        onClick: e[0] || (e[0] = We(() => {
+        onClick: e[0] || (e[0] = He(() => {
         }, ["prevent"]))
       }, {
         default: ye(() => [
@@ -38365,7 +38381,7 @@ function v1e(t, e, n, i, s, r) {
         text: n.cancelButtonText,
         secondary: "",
         onButtonClick: r.backActionClick,
-        onClick: e[1] || (e[1] = We(() => {
+        onClick: e[1] || (e[1] = He(() => {
         }, ["prevent"]))
       }, null, 8, ["text", "onButtonClick"]),
       Y(l, {
@@ -38373,7 +38389,7 @@ function v1e(t, e, n, i, s, r) {
         variant: n.nextButtonVariant,
         disabled: n.disableNextButton,
         onButtonClick: r.nextActionClick,
-        onClick: e[2] || (e[2] = We(() => {
+        onClick: e[2] || (e[2] = He(() => {
         }, ["prevent"]))
       }, null, 8, ["text", "variant", "disabled", "onButtonClick"])
     ])