ablok-components 0.1.137 → 0.1.138

package/dist/ablok-components.es.js

@@ -3,7 +3,7 @@ import { applyStyles as ES, createPopper as FS } from "@popperjs/core";
 const bS = {
   class: "icon",
   preserveAspectRatio: "xMaxYMin"
-}, US = ["xlink:href"], F3 = /* @__PURE__ */ LA({
+}, US = ["xlink:href"], E3 = /* @__PURE__ */ LA({
   __name: "svg-icon",
   props: {
     basePath: {
@@ -59,7 +59,7 @@ const IS = { class: "loading-spinner d-block" }, SS = /* @__PURE__ */ N("span",
       })
     ])
   ])
-], -1), b3 = /* @__PURE__ */ LA({
+], -1), F3 = /* @__PURE__ */ LA({
   __name: "loading-spinner",
   props: {
     color: {
@@ -74,7 +74,7 @@ const IS = { class: "loading-spinner d-block" }, SS = /* @__PURE__ */ N("span",
     ]));
   }
 });
-const TS = ["src", "alt"], U3 = /* @__PURE__ */ LA({
+const TS = ["src", "alt"], b3 = /* @__PURE__ */ LA({
   __name: "base-image",
   props: {
     src: {
@@ -119,7 +119,7 @@ const TS = ["src", "alt"], U3 = /* @__PURE__ */ LA({
     };
   }
 });
-const I3 = /* @__PURE__ */ LA({
+const U3 = /* @__PURE__ */ LA({
   __name: "base-headline",
   props: {
     tag: {},
@@ -141,7 +141,7 @@ const I3 = /* @__PURE__ */ LA({
       _: 3
     }, 8, ["class"]));
   }
-}), _S = ["innerHTML"], S3 = /* @__PURE__ */ LA({
+}), _S = ["innerHTML"], I3 = /* @__PURE__ */ LA({
   __name: "base-paragraph",
   props: {
     size: {},
@@ -159,7 +159,7 @@ const I3 = /* @__PURE__ */ LA({
 function xe() {
   return ((/* @__PURE__ */ new Date()).valueOf() + Math.random()).toString(36).replace(".", "");
 }
-const xS = { class: "accordion-item" }, OS = ["id"], LS = ["data-bs-target", "aria-controls"], HS = { class: "flex-grow-1" }, DS = ["id", "aria-labelledby", "data-bs-parent"], MS = { class: "accordion-body" }, kS = ["innerHTML"], T3 = /* @__PURE__ */ LA({
+const xS = { class: "accordion-item" }, OS = ["id"], LS = ["data-bs-target", "aria-controls"], HS = { class: "flex-grow-1" }, DS = ["id", "aria-labelledby", "data-bs-parent"], MS = { class: "accordion-body" }, kS = ["innerHTML"], S3 = /* @__PURE__ */ LA({
   __name: "accordion-item",
   props: {
     id: {
@@ -234,7 +234,7 @@ function PS(t, A) {
     jA(t.$slots, "default")
   ]);
 }
-const _3 = /* @__PURE__ */ NS(RS, [["render", PS]]), VS = ["type", "disabled"], x3 = /* @__PURE__ */ LA({
+const T3 = /* @__PURE__ */ NS(RS, [["render", PS]]), VS = ["type", "disabled"], _3 = /* @__PURE__ */ LA({
   __name: "base-button",
   props: {
     type: {
@@ -323,7 +323,7 @@ const _3 = /* @__PURE__ */ NS(RS, [["render", PS]]), VS = ["type", "disabled"],
     };
   }
 });
-const GS = { class: "input-group input__input-group" }, WS = ["type", "id", "name", "placeholder", "pattern", "disabled", "read-only", "required", "maxlength", "true-value", "false-value", "aria-label", "role", "autocomplete"], $S = ["for", "innerHTML"], O3 = /* @__PURE__ */ LA({
+const GS = { class: "input-group input__input-group" }, WS = ["type", "id", "name", "placeholder", "pattern", "disabled", "read-only", "required", "maxlength", "true-value", "false-value", "aria-label", "role", "autocomplete"], $S = ["for", "innerHTML"], x3 = /* @__PURE__ */ LA({
   __name: "base-input",
   props: {
     modelValue: {
@@ -442,7 +442,7 @@ const GS = { class: "input-group input__input-group" }, WS = ["type", "id", "nam
     ], 2));
   }
 });
-const JS = { class: "input input--textarea" }, XS = ["type", "id", "name", "placeholder", "pattern", "disabled", "read-only", "required", "maxlength", "aria-label"], YS = ["for", "innerHTML"], L3 = /* @__PURE__ */ LA({
+const JS = { class: "input input--textarea" }, XS = ["type", "id", "name", "placeholder", "pattern", "disabled", "read-only", "required", "maxlength", "aria-label"], YS = ["for", "innerHTML"], O3 = /* @__PURE__ */ LA({
   __name: "input-textarea",
   props: {
     modelValue: {
@@ -537,7 +537,7 @@ const JS = { class: "input input--textarea" }, XS = ["type", "id", "name", "plac
       ])
     ]));
   }
-}), zS = ["value", "id", "name", "required", "disabled", "true-value", "false-value"], qS = ["for", "innerHTML"], ZS = /* @__PURE__ */ N("span", { class: "input__error" }, "error", -1), H3 = /* @__PURE__ */ LA({
+}), zS = ["value", "id", "name", "required", "disabled", "true-value", "false-value"], qS = ["for", "innerHTML"], ZS = /* @__PURE__ */ N("span", { class: "input__error" }, "error", -1), L3 = /* @__PURE__ */ LA({
   __name: "input-checkbox",
   props: {
     id: {
@@ -620,7 +620,7 @@ const JS = { class: "input input--textarea" }, XS = ["type", "id", "name", "plac
     ]));
   }
 });
-const jS = { class: "input-group input__input-group" }, AT = ["id", "name", "placeholder", "pattern", "disabled", "read-only", "required", "aria-label"], eT = ["for", "innerHTML"], D3 = /* @__PURE__ */ LA({
+const jS = { class: "input-group input__input-group" }, AT = ["id", "name", "placeholder", "pattern", "disabled", "read-only", "required", "aria-label"], eT = ["for", "innerHTML"], H3 = /* @__PURE__ */ LA({
   __name: "input-datetime",
   props: {
     modelValue: {
@@ -712,7 +712,7 @@ const jS = { class: "input-group input__input-group" }, AT = ["id", "name", "pla
       ])
     ], 2));
   }
-}), tT = { class: "check-group" }, nT = ["id", "name", "value", "disabled", "read-only", "required"], rT = ["for", "innerHTML"], M3 = /* @__PURE__ */ LA({
+}), tT = { class: "check-group" }, nT = ["id", "name", "value", "disabled", "read-only", "required"], rT = ["for", "innerHTML"], D3 = /* @__PURE__ */ LA({
   __name: "check-group",
   props: {
     modelValue: {
@@ -793,7 +793,7 @@ const jS = { class: "input-group input__input-group" }, AT = ["id", "name", "pla
     ]));
   }
 });
-const iT = { class: "input radio-group" }, sT = ["id", "name", "value", "checked", "disabled", "read-only", "required", "onChange"], oT = ["for", "innerHTML"], aT = ["for"], k3 = /* @__PURE__ */ LA({
+const iT = { class: "input radio-group" }, sT = ["id", "name", "value", "checked", "disabled", "read-only", "required", "onChange"], oT = ["for", "innerHTML"], aT = ["for"], M3 = /* @__PURE__ */ LA({
   __name: "radio-group",
   props: {
     modelValue: {
@@ -872,7 +872,7 @@ const iT = { class: "input radio-group" }, sT = ["id", "name", "value", "checked
     ]));
   }
 });
-const lT = ["id", "name", "multiple", "accept", "disabled"], uT = { class: "input__input-group input-group" }, cT = ["value", "id", "name", "disabled"], fT = ["for", "disabled"], dT = /* @__PURE__ */ N("span", { class: "btn btn-outline-dark" }, "Select File", -1), hT = ["for"], pT = ["innerHTML"], N3 = /* @__PURE__ */ LA({
+const lT = ["id", "name", "multiple", "accept", "disabled"], uT = { class: "input__input-group input-group" }, cT = ["value", "id", "name", "disabled"], fT = ["for", "disabled"], dT = /* @__PURE__ */ N("span", { class: "btn btn-outline-dark" }, "Select File", -1), hT = ["for"], pT = ["innerHTML"], k3 = /* @__PURE__ */ LA({
   __name: "input-file",
   props: {
     modelValue: {
@@ -15511,7 +15511,7 @@ const zD = (t = {}) => {
 }, qD = { class: "rte-editor" }, ZD = {
   key: 0,
   class: "rte-editor__controls"
-}, jD = ["disabled"], AM = ["disabled"], eM = ["disabled"], tM = ["disabled"], nM = ["disabled"], rM = ["disabled"], K3 = /* @__PURE__ */ LA({
+}, jD = ["disabled"], AM = ["disabled"], eM = ["disabled"], tM = ["disabled"], nM = ["disabled"], rM = ["disabled"], R3 = /* @__PURE__ */ LA({
   __name: "rte-editor",
   props: {
     modelValue: {
@@ -15753,7 +15753,7 @@ const zD = (t = {}) => {
     };
   }
 });
-const iM = { class: "input-color" }, sM = { class: "base-input__color-swatch" }, oM = ["name", "id", "disabled", "read-only", "required", "aria-label"], P3 = /* @__PURE__ */ LA({
+const iM = { class: "input-color" }, sM = { class: "base-input__color-swatch" }, oM = ["name", "id", "disabled", "read-only", "required", "aria-label"], K3 = /* @__PURE__ */ LA({
   __name: "input-color",
   props: {
     modelValue: {
@@ -18845,7 +18845,7 @@ if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) {
   t.__INTLIFY__ = !0, dk(t.__INTLIFY_DEVTOOLS_GLOBAL_HOOK__);
 }
 process.env.NODE_ENV;
-const iN = { class: "input input-dropdown" }, sN = { class: "dropdown" }, oN = { class: "caption" }, aN = ["innerHTML"], lN = { class: "caption__text" }, uN = { class: "d-block text-truncate" }, cN = { class: "dropdown-menu" }, fN = { class: "form-check" }, dN = ["value", "id", "name", "label", "required", "disabled"], hN = ["value", "id", "name", "label", "required", "disabled"], pN = ["for"], V3 = /* @__PURE__ */ LA({
+const iN = { class: "input input-dropdown" }, sN = { class: "dropdown" }, oN = { class: "caption" }, aN = ["innerHTML"], lN = { class: "caption__text" }, uN = { class: "d-block text-truncate" }, cN = { class: "dropdown-menu" }, fN = { class: "form-check" }, dN = ["value", "id", "name", "label", "required", "disabled"], hN = ["value", "id", "name", "label", "required", "disabled"], pN = ["for"], P3 = /* @__PURE__ */ LA({
   __name: "input-dropdown",
   props: {
     id: {
@@ -19019,7 +19019,7 @@ const iN = { class: "input input-dropdown" }, sN = { class: "dropdown" }, oN = {
 const gN = {
   key: 0,
   class: "auto-suggest__suggestions position-relative"
-}, BN = { class: "suggestions dropdown-menu show w-100 mt-2" }, mN = ["onClick"], wN = ["innerHTML"], G3 = /* @__PURE__ */ LA({
+}, BN = { class: "suggestions dropdown-menu show w-100 mt-2" }, mN = ["onClick"], wN = ["innerHTML"], V3 = /* @__PURE__ */ LA({
   __name: "auto-suggest",
   props: {
     modelValue: {
@@ -22826,7 +22826,7 @@ function kN(t) {
     n[r] = A.charCodeAt(r);
   return new Blob([e], { type: "image/png" });
 }
-const W3 = /* @__PURE__ */ LA({
+const G3 = /* @__PURE__ */ LA({
   ...MN,
   props: {
     modelValue: {
@@ -23492,7 +23492,7 @@ async function KR(t) {
     e.onload = () => A(e.result), e.readAsDataURL(t);
   });
 }
-const $3 = /* @__PURE__ */ LA({
+const W3 = /* @__PURE__ */ LA({
   __name: "file-upload",
   props: {
     modelValue: {
@@ -23785,7 +23785,7 @@ const PR = { class: "upload-group" }, VR = ["innerHTML"], GR = { class: "upload-
     };
   }
 });
-const zR = { class: "asset-uploader" }, qR = ["innerHTML"], J3 = /* @__PURE__ */ LA({
+const zR = { class: "asset-uploader" }, qR = ["innerHTML"], $3 = /* @__PURE__ */ LA({
   __name: "asset-uploader",
   props: {
     modelValue: {
@@ -23975,7 +23975,7 @@ const ZR = { class: "carousel d-flex" }, jR = ["onClick"], A4 = /* @__PURE__ */
     };
   }
 });
-const e4 = { class: "media-thumbnails" }, t4 = ["onClick"], n4 = { class: "img-container ratio ratio-1x1" }, r4 = ["src"], X3 = /* @__PURE__ */ LA({
+const e4 = { class: "media-thumbnails" }, t4 = ["onClick"], n4 = { class: "img-container ratio ratio-1x1" }, r4 = ["src"], J3 = /* @__PURE__ */ LA({
   __name: "media-thumbnails",
   props: {
     modelValue: {
@@ -24021,7 +24021,7 @@ const e4 = { class: "media-thumbnails" }, t4 = ["onClick"], n4 = { class: "img-c
     ]));
   }
 });
-const i4 = { class: "progress-steps" }, s4 = { class: "progress-steps__list" }, o4 = { class: "progress-step" }, a4 = ["checked", "id", "value", "disabled", "read-only", "required", "onChange"], l4 = ["for"], u4 = ["innerHTML"], c4 = ["for"], f4 = ["innerHTML"], Y3 = /* @__PURE__ */ LA({
+const i4 = { class: "progress-steps" }, s4 = { class: "progress-steps__list" }, o4 = { class: "progress-step" }, a4 = ["checked", "id", "value", "disabled", "read-only", "required", "onChange"], l4 = ["for"], u4 = ["innerHTML"], c4 = ["for"], f4 = ["innerHTML"], X3 = /* @__PURE__ */ LA({
   __name: "progress-steps",
   props: {
     modelValue: {
@@ -28983,7 +28983,7 @@ var DG = function(t, A) {
   var n = A.ownerDocument, r = n.documentElement ? xo(t, getComputedStyle(n.documentElement).backgroundColor) : mr.TRANSPARENT, i = n.body ? xo(t, getComputedStyle(n.body).backgroundColor) : mr.TRANSPARENT, s = typeof e == "string" ? xo(t, e) : e === null ? mr.TRANSPARENT : 4294967295;
   return A === n.documentElement ? jr(r) ? jr(i) ? s : i : r : s;
 };
-const z3 = /* @__PURE__ */ LA({
+const Y3 = /* @__PURE__ */ LA({
   __name: "dom-renderer",
   props: {
     modelValue: {
@@ -29084,7 +29084,7 @@ const z3 = /* @__PURE__ */ LA({
 }, r3 = ["href"], i3 = { class: "caption" }, s3 = {
   key: 1,
   class: "link-sharing__instructions pt-5"
-}, o3 = { class: "row" }, a3 = { class: "col-12 text-center py-0" }, l3 = { class: "mb-5" }, u3 = (t) => t.replace(/<(?:.|\n)*?>/gm, ""), q3 = /* @__PURE__ */ LA({
+}, o3 = { class: "row" }, a3 = { class: "col-12 text-center py-0" }, l3 = { class: "mb-5" }, u3 = (t) => t.replace(/<(?:.|\n)*?>/gm, ""), z3 = /* @__PURE__ */ LA({
   __name: "link-sharing",
   props: {
     url: {
@@ -29222,7 +29222,7 @@ const z3 = /* @__PURE__ */ LA({
     };
   }
 });
-const c3 = { class: "base-form" }, Z3 = /* @__PURE__ */ LA({
+const c3 = { class: "base-form" }, q3 = /* @__PURE__ */ LA({
   __name: "base-form",
   props: {
     id: {},
@@ -29260,7 +29260,7 @@ const f3 = { class: "modal-dialog__content d-flex flex-column" }, d3 = { class:
 }, p3 = { class: "modal-dialog__body" }, g3 = {
   key: 0,
   class: "modal-dialog__footer d-flex p-3 border-top"
-}, j3 = /* @__PURE__ */ LA({
+}, Z3 = /* @__PURE__ */ LA({
   __name: "modal-dialog",
   props: {
     modelValue: {
@@ -29381,10 +29381,10 @@ const B3 = ["onDragenter", "onDragover", "onDragleave", "onDragend", "onDrop", "
 }, C3 = {
   type: "button",
   class: "btn"
-}, y3 = { class: "sortable-list__item" }, v3 = {
+}, y3 = {
   key: 0,
   class: "sortable-list__item"
-}, AW = /* @__PURE__ */ LA({
+}, j3 = /* @__PURE__ */ LA({
   __name: "sortable-list",
   props: {
     modelValue: {
@@ -29493,17 +29493,21 @@ const B3 = ["onDragenter", "onDragover", "onDragleave", "onDragend", "onDrop", "
                   RA(y, { symbol: "drag" })
                 ])
               ])) : JA("", !0),
-              N("div", y3, [
+              N("div", {
+                class: yA(["sortable-list__item-content", {
+                  "flex-grow-1": t.vertical
+                }])
+              }, [
                 jA(T.$slots, "list-item", {
                   item: O,
                   index: F
                 }, () => [
                   oC(be(O), 1)
                 ])
-              ])
+              ], 2)
             ], 42, m3)
           ], 64))), 128)),
-          f.value ? (q(), Z("li", v3, [
+          f.value ? (q(), Z("li", y3, [
             jA(T.$slots, "list-append")
           ])) : JA("", !0)
         ]),
@@ -29513,35 +29517,35 @@ const B3 = ["onDragenter", "onDragover", "onDragleave", "onDragend", "onDrop", "
   }
 });
 export {
-  _3 as Accordion,
-  T3 as AccordionItem,
-  J3 as AssetUploader,
-  G3 as AutoSuggest,
-  x3 as BaseButton,
-  W3 as BaseCamera,
+  T3 as Accordion,
+  S3 as AccordionItem,
+  $3 as AssetUploader,
+  V3 as AutoSuggest,
+  _3 as BaseButton,
+  G3 as BaseCamera,
   A4 as BaseCarousel,
-  Z3 as BaseForm,
-  I3 as BaseHeadline,
-  U3 as BaseImage,
-  O3 as BaseInput,
-  S3 as BaseParagraph,
-  M3 as CheckGroup,
-  z3 as DomRenderer,
-  $3 as FileUpload,
-  H3 as InputCheckbox,
-  P3 as InputColor,
-  D3 as InputDatetime,
-  V3 as InputDropdown,
-  N3 as InputFile,
-  L3 as InputTextarea,
-  q3 as LinkSharing,
-  b3 as LoadingSpinner,
-  X3 as MediaThumbnails,
-  j3 as ModalDialog,
-  Y3 as ProgressSteps,
-  k3 as RadioGroup,
-  K3 as RteEditor,
-  AW as SortableList,
-  F3 as SvgIcon,
+  q3 as BaseForm,
+  U3 as BaseHeadline,
+  b3 as BaseImage,
+  x3 as BaseInput,
+  I3 as BaseParagraph,
+  D3 as CheckGroup,
+  Y3 as DomRenderer,
+  W3 as FileUpload,
+  L3 as InputCheckbox,
+  K3 as InputColor,
+  H3 as InputDatetime,
+  P3 as InputDropdown,
+  k3 as InputFile,
+  O3 as InputTextarea,
+  z3 as LinkSharing,
+  F3 as LoadingSpinner,
+  J3 as MediaThumbnails,
+  Z3 as ModalDialog,
+  X3 as ProgressSteps,
+  M3 as RadioGroup,
+  R3 as RteEditor,
+  j3 as SortableList,
+  E3 as SvgIcon,
   YR as UploadGroup
 };