@leaflink/stash 42.5.0 → 42.5.2

package/dist/ButtonGroup.js

@@ -1,8 +1,6 @@
 import { defineComponent as m, computed as r, ref as b, openBlock as n, createElementBlock as s, normalizeClass as p, Fragment as g, renderList as $, withModifiers as y, toDisplayString as B } from "vue";
-import { u as h } from "./uniqueId-847efe53.js";
+import h from "lodash-es/uniqueId";
 import { _ as k } from "./_plugin-vue_export-helper-dad06003.js";
-import "./toString-7d5bf363.js";
-import "./isObjectLike-54341556.js";
 const C = ["data-test"], G = ["data-test", "disabled", "onClick"], w = {
   name: "ll-button-group"
 }, D = /* @__PURE__ */ m({
@@ -18,10 +16,10 @@ const C = ["data-test"], G = ["data-test", "disabled", "onClick"], w = {
   setup(v, { emit: _ }) {
     const e = v, u = r(() => e.options.length === 1), i = r(() => e.allowDeactivate || u.value), a = b(e.options.find((t) => t.active) || null);
     function f(t) {
-      var l;
-      i.value && ((l = a.value) == null ? void 0 : l.id) === t.id ? a.value = null : a.value = t, _("input", a.value);
+      var o;
+      i.value && ((o = a.value) == null ? void 0 : o.id) === t.id ? a.value = null : a.value = t, _("input", a.value);
     }
-    return (t, l) => (n(), s("div", {
+    return (t, o) => (n(), s("div", {
       class: p([
         "flex",
         t.$style.buttonGroup,
@@ -31,16 +29,16 @@ const C = ["data-test"], G = ["data-test", "disabled", "onClick"], w = {
       ]),
       "data-test": `button-group-${t.$props.groupName}`
     }, [
-      (n(!0), s(g, null, $(e.options, (o) => {
+      (n(!0), s(g, null, $(e.options, (l) => {
         var c, d;
         return n(), s("button", {
-          key: `${e.groupName}-${o.id}`,
-          class: p([t.$style.button, { [t.$style.active]: ((c = a.value) == null ? void 0 : c.id) === o.id }]),
-          "data-test": `${e.groupName}-button-${((d = a.value) == null ? void 0 : d.id) === o.id ? "active" : "inactive"}`,
+          key: `${e.groupName}-${l.id}`,
+          class: p([t.$style.button, { [t.$style.active]: ((c = a.value) == null ? void 0 : c.id) === l.id }]),
+          "data-test": `${e.groupName}-button-${((d = a.value) == null ? void 0 : d.id) === l.id ? "active" : "inactive"}`,
           tabindex: 0,
           disabled: e.disabled,
-          onClick: y((E) => f(o), ["prevent"])
-        }, B(o.text), 11, G);
+          onClick: y((E) => f(l), ["prevent"])
+        }, B(l.text), 11, G);
       }), 128))
     ], 10, C));
   }
@@ -52,8 +50,8 @@ const C = ["data-test"], G = ["data-test", "disabled", "onClick"], w = {
   "can-deactivate": "_can-deactivate_15lt7_215"
 }, z = {
   $style: q
-}, A = /* @__PURE__ */ k(D, [["__cssModules", z]]);
+}, j = /* @__PURE__ */ k(D, [["__cssModules", z]]);
 export {
-  A as default
+  j as default
 };
 //# sourceMappingURL=ButtonGroup.js.map

package/dist/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","sources":["../src/components/ButtonGroup/ButtonGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * @deprecated use RadioGroup instead with `variant=\"button\"`.\n   * RadioGroup uses pretty much the same API as the ButtonGroup,\n   * but every button is a radio element which makes more sense semantically.\n   */\n  export default {\n    name: 'll-button-group',\n  };\n</script>\n\n<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, ref } from 'vue';\n\n  export interface ButtonGroupOption {\n    id: string;\n    active?: boolean;\n    text: string;\n  }\n\n  export interface ButtonGroupProps {\n    /**\n     * A name for the group, useful when multiple ButtonGroups exist on the page\n     */\n    groupName?: string;\n\n    /**\n     * The list of buttons to render\n     */\n    options: ButtonGroupOption[];\n\n    /**\n     * Whether the group should expand to the parent's width\n     */\n    fullWidth?: boolean;\n\n    /**\n     * Whether the entire group should be disabled\n     */\n    disabled?: boolean;\n\n    /**\n     * Whether the active button can be deactivated\n     */\n    allowDeactivate?: boolean;\n  }\n\n  const props = withDefaults(defineProps<ButtonGroupProps>(), {\n    groupName: uniqueId(),\n    fullWidth: false,\n    disabled: false,\n    allowDeactivate: false,\n  });\n\n  const emit =\n    defineEmits<{\n      (e: 'input', activeButton: ButtonGroupOption | null): void;\n    }>();\n\n  const isSingleButton = computed(() => props.options.length === 1);\n\n  const canDeactivate = computed(() => props.allowDeactivate || isSingleButton.value);\n\n  const activeButton = ref(props.options.find((o) => o.active) || null);\n\n  function onClick(clickedOption: ButtonGroupOption) {\n    if (canDeactivate.value && activeButton.value?.id === clickedOption.id) {\n      activeButton.value = null;\n    } else {\n      activeButton.value = clickedOption;\n    }\n\n    emit('input', activeButton.value);\n  }\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'flex',\n      $style.buttonGroup,\n      { 'w-full': props.fullWidth },\n      { [$style.single]: isSingleButton },\n      { [$style['can-deactivate']]: canDeactivate },\n    ]\"\n    :data-test=\"`button-group-${$props.groupName}`\"\n  >\n    <button\n      v-for=\"option in props.options\"\n      :key=\"`${props.groupName}-${option.id}`\"\n      :class=\"[$style.button, { [$style.active]: activeButton?.id === option.id }]\"\n      :data-test=\"`${props.groupName}-button-${activeButton?.id === option.id ? 'active' : 'inactive'}`\"\n      :tabindex=\"0\"\n      :disabled=\"props.disabled\"\n      @click.prevent=\"onClick(option)\"\n    >\n      {{ option.text }}\n    </button>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n  // full width buttons\n  .buttonGroup:global(.w-full) > button {\n    flex: 1 1 50%;\n    max-width: 100%;\n  }\n\n  .button {\n    border: 1px solid var(--color-ice);\n    border-radius: 0;\n    font-weight: var(--font-weight-semibold);\n    line-height: var(--line-height-body);\n    min-width: 100px;\n    padding: 7px 8px;\n  }\n\n  .single .button {\n    border: 1px solid var(--color-ice-700);\n    color: var(--color-ice-700);\n  }\n\n  .button:focus,\n  .button:hover {\n    border: 1px solid var(--color-blue) !important;\n    color: var(--color-blue);\n    z-index: 1;\n  }\n\n  .button.active {\n    background-color: var(--color-blue-100);\n    border: 1px solid var(--color-blue) !important;\n    color: var(--color-blue);\n    cursor: default;\n    z-index: 1;\n  }\n\n  .button.active + button {\n    border-left: 1px solid transparent;\n  }\n\n  .single .button.active,\n  .can-deactivate .button.active {\n    cursor: pointer;\n  }\n\n  .button[disabled] {\n    color: var(--color-ice);\n    cursor: default;\n    pointer-events: none;\n  }\n\n  .button:focus {\n    box-shadow: none;\n    outline: 0;\n  }\n\n  .button:not(:first-child) {\n    margin-left: -1px;\n  }\n\n  .button:not(:last-child) {\n    border-right: 1px solid transparent;\n  }\n\n  .button:first-child {\n    border-bottom-left-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n\n  .button:last-child {\n    border-bottom-right-radius: var(--border-radius);\n    border-top-right-radius: var(--border-radius);\n  }\n</style>\n"],"names":["isSingleButton","computed","props","canDeactivate","activeButton","ref","o","onClick","clickedOption","_a","emit"],"mappings":";;;;;uEAMiB;AAAA,EACb,MAAM;AACR;;;;;;;;;;;iBAoDMA,IAAiBC,EAAS,MAAMC,EAAM,QAAQ,WAAW,CAAC,GAE1DC,IAAgBF,EAAS,MAAMC,EAAM,mBAAmBF,EAAe,KAAK,GAE5EI,IAAeC,EAAIH,EAAM,QAAQ,KAAK,CAACI,MAAMA,EAAE,MAAM,KAAK,IAAI;AAEpE,aAASC,EAAQC,GAAkC;;AACjD,MAAIL,EAAc,WAASM,IAAAL,EAAa,UAAb,gBAAAK,EAAoB,QAAOD,EAAc,KAClEJ,EAAa,QAAQ,OAErBA,EAAa,QAAQI,GAGlBE,EAAA,SAASN,EAAa,KAAK;AAAA,IAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ButtonGroup.js","sources":["../src/components/ButtonGroup/ButtonGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * @deprecated use RadioGroup instead with `variant=\"button\"`.\n   * RadioGroup uses pretty much the same API as the ButtonGroup,\n   * but every button is a radio element which makes more sense semantically.\n   */\n  export default {\n    name: 'll-button-group',\n  };\n</script>\n\n<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, ref } from 'vue';\n\n  export interface ButtonGroupOption {\n    id: string;\n    active?: boolean;\n    text: string;\n  }\n\n  export interface ButtonGroupProps {\n    /**\n     * A name for the group, useful when multiple ButtonGroups exist on the page\n     */\n    groupName?: string;\n\n    /**\n     * The list of buttons to render\n     */\n    options: ButtonGroupOption[];\n\n    /**\n     * Whether the group should expand to the parent's width\n     */\n    fullWidth?: boolean;\n\n    /**\n     * Whether the entire group should be disabled\n     */\n    disabled?: boolean;\n\n    /**\n     * Whether the active button can be deactivated\n     */\n    allowDeactivate?: boolean;\n  }\n\n  const props = withDefaults(defineProps<ButtonGroupProps>(), {\n    groupName: uniqueId(),\n    fullWidth: false,\n    disabled: false,\n    allowDeactivate: false,\n  });\n\n  const emit =\n    defineEmits<{\n      (e: 'input', activeButton: ButtonGroupOption | null): void;\n    }>();\n\n  const isSingleButton = computed(() => props.options.length === 1);\n\n  const canDeactivate = computed(() => props.allowDeactivate || isSingleButton.value);\n\n  const activeButton = ref(props.options.find((o) => o.active) || null);\n\n  function onClick(clickedOption: ButtonGroupOption) {\n    if (canDeactivate.value && activeButton.value?.id === clickedOption.id) {\n      activeButton.value = null;\n    } else {\n      activeButton.value = clickedOption;\n    }\n\n    emit('input', activeButton.value);\n  }\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'flex',\n      $style.buttonGroup,\n      { 'w-full': props.fullWidth },\n      { [$style.single]: isSingleButton },\n      { [$style['can-deactivate']]: canDeactivate },\n    ]\"\n    :data-test=\"`button-group-${$props.groupName}`\"\n  >\n    <button\n      v-for=\"option in props.options\"\n      :key=\"`${props.groupName}-${option.id}`\"\n      :class=\"[$style.button, { [$style.active]: activeButton?.id === option.id }]\"\n      :data-test=\"`${props.groupName}-button-${activeButton?.id === option.id ? 'active' : 'inactive'}`\"\n      :tabindex=\"0\"\n      :disabled=\"props.disabled\"\n      @click.prevent=\"onClick(option)\"\n    >\n      {{ option.text }}\n    </button>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n  // full width buttons\n  .buttonGroup:global(.w-full) > button {\n    flex: 1 1 50%;\n    max-width: 100%;\n  }\n\n  .button {\n    border: 1px solid var(--color-ice);\n    border-radius: 0;\n    font-weight: var(--font-weight-semibold);\n    line-height: var(--line-height-body);\n    min-width: 100px;\n    padding: 7px 8px;\n  }\n\n  .single .button {\n    border: 1px solid var(--color-ice-700);\n    color: var(--color-ice-700);\n  }\n\n  .button:focus,\n  .button:hover {\n    border: 1px solid var(--color-blue) !important;\n    color: var(--color-blue);\n    z-index: 1;\n  }\n\n  .button.active {\n    background-color: var(--color-blue-100);\n    border: 1px solid var(--color-blue) !important;\n    color: var(--color-blue);\n    cursor: default;\n    z-index: 1;\n  }\n\n  .button.active + button {\n    border-left: 1px solid transparent;\n  }\n\n  .single .button.active,\n  .can-deactivate .button.active {\n    cursor: pointer;\n  }\n\n  .button[disabled] {\n    color: var(--color-ice);\n    cursor: default;\n    pointer-events: none;\n  }\n\n  .button:focus {\n    box-shadow: none;\n    outline: 0;\n  }\n\n  .button:not(:first-child) {\n    margin-left: -1px;\n  }\n\n  .button:not(:last-child) {\n    border-right: 1px solid transparent;\n  }\n\n  .button:first-child {\n    border-bottom-left-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n\n  .button:last-child {\n    border-bottom-right-radius: var(--border-radius);\n    border-top-right-radius: var(--border-radius);\n  }\n</style>\n"],"names":["isSingleButton","computed","props","canDeactivate","activeButton","ref","o","onClick","clickedOption","_a","emit"],"mappings":";;;uEAMiB;AAAA,EACb,MAAM;AACR;;;;;;;;;;;iBAoDMA,IAAiBC,EAAS,MAAMC,EAAM,QAAQ,WAAW,CAAC,GAE1DC,IAAgBF,EAAS,MAAMC,EAAM,mBAAmBF,EAAe,KAAK,GAE5EI,IAAeC,EAAIH,EAAM,QAAQ,KAAK,CAACI,MAAMA,EAAE,MAAM,KAAK,IAAI;AAEpE,aAASC,EAAQC,GAAkC;;AACjD,MAAIL,EAAc,WAASM,IAAAL,EAAa,UAAb,gBAAAK,EAAoB,QAAOD,EAAc,KAClEJ,EAAa,QAAQ,OAErBA,EAAa,QAAQI,GAGlBE,EAAA,SAASN,EAAa,KAAK;AAAA,IAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/CardMedia.js

@@ -1,11 +1,9 @@
-import { defineComponent as m, ref as a, useCssModule as u, openBlock as l, createElementBlock as c, normalizeClass as n, unref as i, createVNode as p, createCommentVNode as _, createElementVNode as f } from "vue";
+import { defineComponent as m, ref as a, useCssModule as u, openBlock as l, createElementBlock as c, normalizeClass as n, unref as d, createVNode as p, createCommentVNode as _, createElementVNode as f } from "vue";
 import w from "./Icon.js";
 import { _ as z } from "./_plugin-vue_export-helper-dad06003.js";
-import "./Icon.vue_used_vue_type_style_index_0_lang.module-d2507af3.js";
-import "./uniqueId-847efe53.js";
-import "./toString-7d5bf363.js";
-import "./isObjectLike-54341556.js";
+import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
+import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 const h = {
   class: "stash-card-media",
   "data-test": "stash-card-media"
@@ -15,16 +13,16 @@ const h = {
     src: {},
     alt: {}
   },
-  setup(d) {
-    const t = d, s = a(!0), o = a(!1), r = u();
+  setup(i) {
+    const t = i, s = a(!0), o = a(!1), r = u();
     return (E, e) => (l(), c("div", h, [
       s.value || o.value ? (l(), c("div", {
         key: 0,
-        class: n([i(r).placeholder, "tw-bg-ice-200 tw-flex tw-items-center tw-justify-center tw-rounded-t tw-w-full"])
+        class: n([d(r).placeholder, "tw-bg-ice-200 tw-flex tw-items-center tw-justify-center tw-rounded-t tw-w-full"])
       }, [
         p(w, {
           name: "image",
-          class: n(i(r).iconSize)
+          class: n(d(r).iconSize)
         }, null, 8, ["class"])
       ], 2)) : _("", !0),
       f("img", {
@@ -41,8 +39,8 @@ const h = {
   iconSize: g
 }, y = {
   $style: x
-}, I = /* @__PURE__ */ z(C, [["__cssModules", y]]);
+}, b = /* @__PURE__ */ z(C, [["__cssModules", y]]);
 export {
-  I as default
+  b as default
 };
 //# sourceMappingURL=CardMedia.js.map

package/dist/CardMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardMedia.js","sources":["../src/components/CardMedia/CardMedia.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { ref, useCssModule } from 'vue';\n\n  import Icon from '../Icon/Icon.vue';\n\n  export interface CardMediaProps {\n    /**\n     * The image source.\n     */\n    src: string;\n    /**\n     * The image alternative text.\n     */\n    alt?: string;\n  }\n\n  const isLoading = ref(true);\n\n  const hasErrored = ref(false);\n\n  const props = defineProps<CardMediaProps>();\n\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"stash-card-media\" data-test=\"stash-card-media\">\n    <div\n      v-if=\"isLoading || hasErrored\"\n      :class=\"classes.placeholder\"\n      class=\"tw-bg-ice-200 tw-flex tw-items-center tw-justify-center tw-rounded-t tw-w-full\"\n    >\n      <Icon name=\"image\" :class=\"classes.iconSize\" />\n    </div>\n    <img\n      :src=\"props.src\"\n      class=\"tw-w-full tw-rounded-t\"\n      :alt=\"props.alt\"\n      @load=\"() => (isLoading = false)\"\n      @error=\"() => (hasErrored = true)\"\n    />\n  </div>\n</template>\n\n<style module>\n  .placeholder {\n    height: 300px;\n    width: 100%;\n  }\n\n  .iconSize {\n    width: 189px;\n    height: 189px;\n  }\n</style>\n"],"names":["isLoading","ref","hasErrored","classes","useCssModule"],"mappings":";;;;;;;;;;;;;;;;;;iBAgBQA,IAAYC,EAAI,EAAI,GAEpBC,IAAaD,EAAI,EAAK,GAItBE,IAAUC;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardMedia.js","sources":["../src/components/CardMedia/CardMedia.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { ref, useCssModule } from 'vue';\n\n  import Icon from '../Icon/Icon.vue';\n\n  export interface CardMediaProps {\n    /**\n     * The image source.\n     */\n    src: string;\n    /**\n     * The image alternative text.\n     */\n    alt?: string;\n  }\n\n  const isLoading = ref(true);\n\n  const hasErrored = ref(false);\n\n  const props = defineProps<CardMediaProps>();\n\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"stash-card-media\" data-test=\"stash-card-media\">\n    <div\n      v-if=\"isLoading || hasErrored\"\n      :class=\"classes.placeholder\"\n      class=\"tw-bg-ice-200 tw-flex tw-items-center tw-justify-center tw-rounded-t tw-w-full\"\n    >\n      <Icon name=\"image\" :class=\"classes.iconSize\" />\n    </div>\n    <img\n      :src=\"props.src\"\n      class=\"tw-w-full tw-rounded-t\"\n      :alt=\"props.alt\"\n      @load=\"() => (isLoading = false)\"\n      @error=\"() => (hasErrored = true)\"\n    />\n  </div>\n</template>\n\n<style module>\n  .placeholder {\n    height: 300px;\n    width: 100%;\n  }\n\n  .iconSize {\n    width: 189px;\n    height: 189px;\n  }\n</style>\n"],"names":["isLoading","ref","hasErrored","classes","useCssModule"],"mappings":";;;;;;;;;;;;;;;;iBAgBQA,IAAYC,EAAI,EAAI,GAEpBC,IAAaD,EAAI,EAAK,GAItBE,IAAUC;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Carousel.js

@@ -1,16 +1,13 @@
 import { defineComponent as Y, inject as b, reactive as M, ref as d, h as S, provide as A, onMounted as Me, nextTick as Ie, onUnmounted as Ee, computed as xe, watch as ae, cloneVNode as _e, Fragment as P, useAttrs as je, openBlock as x, createElementBlock as C, createVNode as De, unref as _, mergeProps as Be, withCtx as oe, createBlock as ke, createCommentVNode as Re, renderList as le, renderSlot as Pe, createElementVNode as Ae, normalizeClass as H } from "vue";
 import { t as E } from "./locale.js";
 import { _ as Ve } from "./_plugin-vue_export-helper-dad06003.js";
-import "./get-27d90892.js";
-import "./isObjectLike-54341556.js";
-import "./toString-7d5bf363.js";
-import "./_MapCache-65811284.js";
+import "lodash-es/get";
 /**
  * Vue 3 Carousel 0.3.1
  * (c) 2023
  * @license MIT
  */
-const f = {
+const p = {
   itemsToShow: 1,
   itemsToScroll: 1,
   modelValue: 0,
@@ -38,49 +35,49 @@ const f = {
 }, Te = {
   // count of items to showed per view
   itemsToShow: {
-    default: f.itemsToShow,
+    default: p.itemsToShow,
     type: Number
   },
   // count of items to be scrolled
   itemsToScroll: {
-    default: f.itemsToScroll,
+    default: p.itemsToScroll,
     type: Number
   },
   // control infinite scrolling mode
   wrapAround: {
-    default: f.wrapAround,
+    default: p.wrapAround,
     type: Boolean
   },
   // control max drag
   throttle: {
-    default: f.throttle,
+    default: p.throttle,
     type: Number
   },
   // control snap position alignment
   snapAlign: {
-    default: f.snapAlign,
+    default: p.snapAlign,
     validator(t) {
       return ["start", "end", "center", "center-even", "center-odd"].includes(t);
     }
   },
   // sliding transition time in ms
   transition: {
-    default: f.transition,
+    default: p.transition,
     type: Number
   },
   // an object to store breakpoints
   breakpoints: {
-    default: f.breakpoints,
+    default: p.breakpoints,
     type: Object
   },
   // time to auto advance slides in ms
   autoplay: {
-    default: f.autoplay,
+    default: p.autoplay,
     type: Number
   },
   // pause autoplay when mouse hover over the carousel
   pauseAutoplayOnHover: {
-    default: f.pauseAutoplayOnHover,
+    default: p.pauseAutoplayOnHover,
     type: Boolean
   },
   // slide number number of initial slide
@@ -90,24 +87,24 @@ const f = {
   },
   // toggle mouse dragging.
   mouseDrag: {
-    default: f.mouseDrag,
+    default: p.mouseDrag,
     type: Boolean
   },
   // toggle mouse dragging.
   touchDrag: {
-    default: f.touchDrag,
+    default: p.touchDrag,
     type: Boolean
   },
   // control snap position alignment
   dir: {
-    default: f.dir,
+    default: p.dir,
     validator(t) {
       return ["rtl", "ltr"].includes(t);
     }
   },
   // aria-labels and additional text labels
   i18n: {
-    default: f.i18n,
+    default: p.i18n,
     type: Object
   },
   // an object to pass all settings
@@ -222,7 +219,7 @@ function Ye(t = "", n = {}) {
 var We = Y({
   name: "ARIA",
   setup() {
-    const t = b("config", M(Object.assign({}, f))), n = b("currentSlide", d(0)), e = b("slidesCount", d(0));
+    const t = b("config", M(Object.assign({}, p))), n = b("currentSlide", d(0)), e = b("slidesCount", d(0));
     return () => S("div", {
       class: ["carousel__liveregion", "carousel__sr-only"],
       "aria-live": "polite",
@@ -237,8 +234,8 @@ var We = Y({
   props: Te,
   setup(t, { slots: n, emit: e, expose: l }) {
     var s;
-    const r = d(null), c = d([]), h = d(0), v = d(0), o = M(Object.assign({}, f));
-    let u = Object.assign({}, f), w;
+    const r = d(null), c = d([]), h = d(0), v = d(0), o = M(Object.assign({}, p));
+    let u = Object.assign({}, p), w;
     const i = d((s = t.modelValue) !== null && s !== void 0 ? s : 0), g = d(0), j = d(0), T = d(0), D = d(0);
     let I, W;
     A("config", o), A("slidesCount", v), A("currentSlide", i), A("maxSlide", T), A("minSlide", D), A("slideWidth", h);
@@ -248,15 +245,15 @@ var We = Y({
     function V() {
       if (!w || !Object.keys(w).length)
         return;
-      const a = Object.keys(w).map((p) => Number(p)).sort((p, k) => +k - +p);
+      const a = Object.keys(w).map((f) => Number(f)).sort((f, k) => +k - +f);
       let m = Object.assign({}, u);
-      a.some((p) => {
-        const k = window.matchMedia(`(min-width: ${p}px)`).matches;
-        return k && (m = Object.assign(Object.assign({}, m), w[p])), k;
+      a.some((f) => {
+        const k = window.matchMedia(`(min-width: ${f}px)`).matches;
+        return k && (m = Object.assign(Object.assign({}, m), w[f])), k;
       }), ce(m);
     }
     function ce(a) {
-      Object.entries(a).forEach(([m, p]) => o[m] = p);
+      Object.entries(a).forEach(([m, f]) => o[m] = f);
     }
     const de = He(() => {
       V(), B();
@@ -288,22 +285,22 @@ var We = Y({
       X.value = !1;
     };
     function ve(a) {
-      ["INPUT", "TEXTAREA", "SELECT"].includes(a.target.tagName) || (y = a.type === "touchstart", y || a.preventDefault(), !(!y && a.button !== 0 || O.value) && ($.x = y ? a.touches[0].clientX : a.clientX, $.y = y ? a.touches[0].clientY : a.clientY, document.addEventListener(y ? "touchmove" : "mousemove", pe, !0), document.addEventListener(y ? "touchend" : "mouseup", fe, !0)));
+      ["INPUT", "TEXTAREA", "SELECT"].includes(a.target.tagName) || (y = a.type === "touchstart", y || a.preventDefault(), !(!y && a.button !== 0 || O.value) && ($.x = y ? a.touches[0].clientX : a.clientX, $.y = y ? a.touches[0].clientY : a.clientY, document.addEventListener(y ? "touchmove" : "mousemove", fe, !0), document.addEventListener(y ? "touchend" : "mouseup", pe, !0)));
     }
-    const pe = ze((a) => {
+    const fe = ze((a) => {
       q.value = !0, U.x = y ? a.touches[0].clientX : a.clientX, U.y = y ? a.touches[0].clientY : a.clientY;
-      const m = U.x - $.x, p = U.y - $.y;
-      N.y = p, N.x = m;
+      const m = U.x - $.x, f = U.y - $.y;
+      N.y = f, N.x = m;
     }, o.throttle);
-    function fe() {
-      const a = o.dir === "rtl" ? -1 : 1, m = Math.sign(N.x) * 0.4, p = Math.round(N.x / h.value + m) * a;
-      if (p && !y) {
+    function pe() {
+      const a = o.dir === "rtl" ? -1 : 1, m = Math.sign(N.x) * 0.4, f = Math.round(N.x / h.value + m) * a;
+      if (f && !y) {
         const k = (Z) => {
           Z.stopPropagation(), window.removeEventListener("click", k, !0);
         };
         window.addEventListener("click", k, !0);
       }
-      L(i.value - p), N.x = 0, N.y = 0, q.value = !1, document.removeEventListener(y ? "touchmove" : "mousemove", pe, !0), document.removeEventListener(y ? "touchend" : "mouseup", fe, !0);
+      L(i.value - f), N.x = 0, N.y = 0, q.value = !1, document.removeEventListener(y ? "touchmove" : "mousemove", fe, !0), document.removeEventListener(y ? "touchend" : "mouseup", pe, !0);
     }
     function ge() {
       !o.autoplay || o.autoplay <= 0 || (I = setInterval(() => {
@@ -327,12 +324,12 @@ var We = Y({
         slidesCount: v.value
       }), O.value = !0, g.value = i.value, i.value = m, W = setTimeout(() => {
         if (o.wrapAround) {
-          const p = ie({
+          const f = ie({
             val: m,
             max: T.value,
             min: 0
           });
-          p !== i.value && (i.value = p, e("loop", {
+          f !== i.value && (i.value = f, e("loop", {
             currentSlideIndex: i.value,
             slidingToIndex: a
           }));
@@ -403,7 +400,7 @@ var We = Y({
     return () => {
       const a = Ce(K == null ? void 0 : K(ye)), m = (Q == null ? void 0 : Q(ye)) || [];
       a.forEach((ee, te) => ee.props.index = te);
-      let p = a;
+      let f = a;
       if (o.wrapAround) {
         const ee = a.map((ne, R) => _e(ne, {
           index: -a.length + R,
@@ -414,7 +411,7 @@ var We = Y({
           isClone: !0,
           key: `clone-after-${R}`
         }));
-        p = [...ee, ...a, ...te];
+        f = [...ee, ...a, ...te];
       }
       c.value = a, v.value = Math.max(a.length, 1);
       const k = S("ol", {
@@ -422,7 +419,7 @@ var We = Y({
         style: Le.value,
         onMousedownCapture: o.mouseDrag ? ve : null,
         onTouchstartPassiveCapture: o.touchDrag ? ve : null
-      }, p), Z = S("div", { class: "carousel__viewport" }, k);
+      }, f), Z = S("div", { class: "carousel__viewport" }, k);
       return S("section", {
         ref: r,
         class: {
@@ -454,7 +451,7 @@ function qe(t) {
   return t in se;
 }
 const ue = (t) => {
-  const n = b("config", M(Object.assign({}, f))), e = String(t.name), l = `icon${e.charAt(0).toUpperCase() + e.slice(1)}`;
+  const n = b("config", M(Object.assign({}, p))), e = String(t.name), l = `icon${e.charAt(0).toUpperCase() + e.slice(1)}`;
   if (!e || typeof e != "string" || !qe(e))
     return;
   const s = Fe[e], r = S("path", { d: s }), c = n.i18n[l] || t.title || e, h = S("title", c);
@@ -467,7 +464,7 @@ const ue = (t) => {
 };
 ue.props = { name: String, title: String };
 const Je = (t, { slots: n, attrs: e }) => {
-  const { next: l, prev: s } = n || {}, r = b("config", M(Object.assign({}, f))), c = b("maxSlide", d(1)), h = b("minSlide", d(1)), v = b("currentSlide", d(1)), o = b("nav", {}), { dir: u, wrapAround: w, i18n: i } = r, g = u === "rtl", j = S("button", {
+  const { next: l, prev: s } = n || {}, r = b("config", M(Object.assign({}, p))), c = b("maxSlide", d(1)), h = b("minSlide", d(1)), v = b("currentSlide", d(1)), o = b("nav", {}), { dir: u, wrapAround: w, i18n: i } = r, g = u === "rtl", j = S("button", {
     type: "button",
     class: [
       "carousel__prev",
@@ -501,7 +498,7 @@ var Ke = Y({
     }
   },
   setup(t, { slots: n }) {
-    const e = b("config", M(Object.assign({}, f))), l = b("currentSlide", d(0)), s = b("slidesToScroll", d(0)), r = b("isSliding", d(!1)), c = () => t.index === l.value, h = () => t.index === l.value - 1, v = () => t.index === l.value + 1, o = () => {
+    const e = b("config", M(Object.assign({}, p))), l = b("currentSlide", d(0)), s = b("slidesToScroll", d(0)), r = b("isSliding", d(!1)), c = () => t.index === l.value, h = () => t.index === l.value - 1, v = () => t.index === l.value + 1, o = () => {
       const u = Math.floor(s.value), w = Math.ceil(s.value + e.itemsToShow - 1);
       return t.index >= u && t.index <= w;
     };
@@ -640,8 +637,8 @@ const Qe = ["src", "title"], Ze = {
     ], 64));
   }
 });
-const ct = /* @__PURE__ */ Ve(nt, [["__scopeId", "data-v-274b7c1c"]]);
+const it = /* @__PURE__ */ Ve(nt, [["__scopeId", "data-v-274b7c1c"]]);
 export {
-  ct as default
+  it as default
 };
 //# sourceMappingURL=Carousel.js.map