@evance/evance-ui 1.1.9 → 1.1.11

package/dist/esm/components/EvSlideGroup/EvSlideGroup.vue.mjs

@@ -1,355 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import { defineComponent, shallowRef, computed, watch, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, createElementVNode, createElementBlock, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createVNode } from "vue";
-/* empty css                   */
-import { makeEvSlideGroupProps } from "./EvSlideGroup.mjs";
-import _sfc_main$1 from "../EvButton/EvButton.vue.mjs";
-import { useDisplayRuleClasses } from "../../composables/display.mjs";
-import { useGroup } from "../../composables/group.mjs";
-import { useResizeObserver } from "../../composables/resizeObserver.mjs";
-import { calculateCenteredOffset, calculateUpdatedOffset, bias } from "./helpers.mjs";
-import ChevronDownIcon from "../../icons/glyph/ChevronDownIcon.svg.mjs";
-import ChevronLeftIcon from "../../icons/glyph/ChevronLeftIcon.svg.mjs";
-import ChevronRightIcon from "../../icons/glyph/ChevronRightIcon.svg.mjs";
-import ChevronUpIcon from "../../icons/glyph/ChevronUpIcon.svg.mjs";
-import { useRtl } from "../../composables/locale.mjs";
-import { focusableChildren } from "../../util/children.mjs";
-import { Browser } from "../../util/browser.mjs";
-import { isBoolean } from "../../util/is-functions.mjs";
-import { clamp } from "../../util/helpers.mjs";
-const _hoisted_1 = ["hidden"];
-const _hoisted_2 = ["hidden"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvSlideGroup",
-  props: {
-    ...makeEvSlideGroupProps()
-  },
-  setup(__props) {
-    const props = __props;
-    const group = useGroup(props, props.symbol);
-    const { isRtl } = useRtl();
-    const isFocused = shallowRef(false);
-    const isOverflowing = shallowRef(false);
-    const scrollOffset = shallowRef(0);
-    const containerSize = shallowRef(0);
-    const contentSize = shallowRef(0);
-    const isHorizontal = computed(() => props.direction === "horizontal");
-    const disableTransition = shallowRef(false);
-    const { resizeRef: containerRef, contentRect: containerRect } = useResizeObserver();
-    const { resizeRef: contentRef, contentRect } = useResizeObserver();
-    const firstSelectedIndex = computed(() => {
-      if (!group.selected.value.length) {
-        return -1;
-      }
-      return group.items.value.findIndex(
-        (item) => item.id === group.selected.value[0]
-      );
-    });
-    const lastSelectedIndex = computed(() => {
-      if (!group.selected.value.length) {
-        return -1;
-      }
-      return group.items.value.findIndex(
-        (item) => item.id === group.selected.value[group.selected.value.length - 1]
-      );
-    });
-    if (Browser.hasWindow) {
-      let frame = -1;
-      watch(
-        () => [
-          group.selected.value,
-          containerRect.value,
-          contentRect.value,
-          isHorizontal.value
-        ],
-        () => {
-          cancelAnimationFrame(frame);
-          frame = requestAnimationFrame(() => {
-            if (containerRect.value && contentRect.value) {
-              const sizeProperty = isHorizontal.value ? "width" : "height";
-              containerSize.value = containerRect.value[sizeProperty];
-              contentSize.value = contentRect.value[sizeProperty];
-              isOverflowing.value = containerSize.value + 1 < contentSize.value;
-            }
-            if (firstSelectedIndex.value >= 0 && contentRef.value) {
-              const selectedElement = contentRef.value.children[lastSelectedIndex.value];
-              if (firstSelectedIndex.value === 0 || !isOverflowing.value) {
-                scrollOffset.value = 0;
-              } else if (props.centerActive) {
-                scrollOffset.value = calculateCenteredOffset({
-                  selectedElement,
-                  containerSize: containerSize.value,
-                  contentSize: contentSize.value,
-                  isRtl: isRtl.value,
-                  isHorizontal: isHorizontal.value
-                });
-              } else if (isOverflowing.value) {
-                scrollOffset.value = calculateUpdatedOffset({
-                  selectedElement,
-                  containerSize: containerSize.value,
-                  contentSize: contentSize.value,
-                  isRtl: isRtl.value,
-                  currentScrollOffset: scrollOffset.value,
-                  isHorizontal: isHorizontal.value
-                });
-              }
-            }
-          });
-        }
-      );
-    }
-    function focus(location) {
-      var _a, _b, _c, _d, _e;
-      if (!contentRef.value) {
-        return;
-      }
-      if (!location) {
-        const focusable = focusableChildren(contentRef.value);
-        (_a = focusable[0]) == null ? void 0 : _a.focus();
-      } else if (location === "next") {
-        const el = (_b = contentRef.value.querySelector(":focus")) == null ? void 0 : _b.nextElementSibling;
-        if (el) {
-          el.focus();
-        } else {
-          focus("first");
-        }
-      } else if (location === "previous") {
-        const el = (_c = contentRef.value.querySelector(":focus")) == null ? void 0 : _c.previousElementSibling;
-        if (el) {
-          el.focus();
-        } else {
-          focus("last");
-        }
-      } else if (location === "first") {
-        (_d = contentRef.value.firstElementChild) == null ? void 0 : _d.focus();
-      } else if (location === "last") {
-        (_e = contentRef.value.lastElementChild) == null ? void 0 : _e.focus();
-      }
-    }
-    function onFocus(e) {
-      var _a;
-      if (!isFocused.value && !(e.relatedTarget && ((_a = contentRef.value) == null ? void 0 : _a.contains(e.relatedTarget)))) {
-        focus();
-      }
-    }
-    function onFocusin(e) {
-      isFocused.value = true;
-      if (!isOverflowing.value || !contentRef.value) {
-        return;
-      }
-      for (const el of e.composedPath()) {
-        for (const item of contentRef.value.children) {
-          if (item === el) {
-            scrollOffset.value = calculateUpdatedOffset({
-              selectedElement: item,
-              containerSize: containerSize.value,
-              contentSize: contentSize.value,
-              isRtl: isRtl.value,
-              currentScrollOffset: scrollOffset.value,
-              isHorizontal: isHorizontal.value
-            });
-            return;
-          }
-        }
-      }
-    }
-    function onFocusout(e) {
-      isFocused.value = false;
-    }
-    function onKeydown(e) {
-      if (!contentRef.value) {
-        return;
-      }
-      if (isHorizontal.value) {
-        if (e.key === "ArrowRight") {
-          focus(isRtl.value ? "previous" : "next");
-        } else if (e.key === "ArrowLeft") {
-          focus(isRtl.value ? "next" : "previous");
-        }
-      } else {
-        if (e.key === "ArrowDown") {
-          focus("next");
-        } else if (e.key === "ArrowUp") {
-          focus("previous");
-        }
-      }
-      if (e.key === "Home") {
-        focus("first");
-      } else if (e.key === "End") {
-        focus("last");
-      }
-    }
-    function onScroll() {
-      if (!containerRef.value) {
-        return;
-      }
-      containerRef.value[isHorizontal.value ? "scrollLeft" : "scrollTop"] = 0;
-    }
-    let startTouch = 0;
-    let startOffset = 0;
-    function onTouchstart(e) {
-      const sizeProperty = isHorizontal.value ? "clientX" : "clientY";
-      const sign = isRtl.value && isHorizontal.value ? -1 : 1;
-      startOffset = sign * scrollOffset.value;
-      startTouch = e.touches[0][sizeProperty];
-      disableTransition.value = true;
-    }
-    function onTouchmove(e) {
-      if (!isOverflowing.value) {
-        return;
-      }
-      const sizeProperty = isHorizontal.value ? "clientX" : "clientY";
-      const sign = isRtl.value && isHorizontal.value ? -1 : 1;
-      scrollOffset.value = sign * (startOffset + startTouch - e.touches[0][sizeProperty]);
-    }
-    function onTouchend(e) {
-      const maxScrollOffset = contentSize.value - containerSize.value;
-      if (scrollOffset.value < 0 || !isOverflowing.value) {
-        scrollOffset.value = 0;
-      } else if (scrollOffset.value >= maxScrollOffset) {
-        scrollOffset.value = maxScrollOffset;
-      }
-      disableTransition.value = false;
-    }
-    function scrollTo(location) {
-      const newAbsoluteOffset = scrollOffset.value + (location === "previous" ? -1 : 1) * containerSize.value;
-      scrollOffset.value = clamp(
-        newAbsoluteOffset,
-        0,
-        contentSize.value - containerSize.value
-      );
-    }
-    const arrowsHiddenClasses = useDisplayRuleClasses(
-      props,
-      "arrowsHidden",
-      "hidden"
-    );
-    const arrowsHiddenAttribute = computed(() => {
-      return isBoolean(props.arrowsHidden) && props.arrowsHidden;
-    });
-    const contentStyles = computed(() => {
-      let scrollAmount = scrollOffset.value > contentSize.value - containerSize.value ? -(contentSize.value - containerSize.value) + bias(contentSize.value - containerSize.value - scrollOffset.value) : -scrollOffset.value;
-      if (scrollOffset.value <= 0) {
-        scrollAmount = bias(-scrollOffset.value);
-      }
-      const sign = isRtl.value && isHorizontal.value ? -1 : 1;
-      return {
-        transform: `translate${isHorizontal.value ? "X" : "Y"}(${sign * scrollAmount}px)`,
-        transition: disableTransition.value ? "none" : "",
-        willChange: disableTransition.value ? "transform" : ""
-      };
-    });
-    const slotProps = computed(() => ({
-      next: group.next,
-      previous: group.previous,
-      select: group.select,
-      isSelected: group.isSelected
-    }));
-    const hasPrevious = computed(() => {
-      return Math.abs(scrollOffset.value) > 0;
-    });
-    const hasNext = computed(() => {
-      return contentSize.value > Math.abs(scrollOffset.value) + containerSize.value;
-    });
-    const hasAffix = computed(() => {
-      if (isBoolean(props.arrowsHidden) && props.arrowsHidden) {
-        return false;
-      }
-      return isOverflowing.value || Math.abs(scrollOffset.value) > 0;
-    });
-    const arrowsAlignClass = computed(() => {
-      return `is-arrows-${props.arrowsAlign}`;
-    });
-    const iconNext = computed(() => {
-      if (props.iconNext) {
-        return props.iconNext;
-      }
-      return isHorizontal.value ? ChevronRightIcon : ChevronDownIcon;
-    });
-    const iconPrevious = computed(() => {
-      if (props.iconPrevious) {
-        return props.iconPrevious;
-      }
-      return isHorizontal.value ? ChevronLeftIcon : ChevronUpIcon;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
-        class: normalizeClass([
-          "ev-slide-group",
-          {
-            "is-overflowing": isOverflowing.value,
-            "is-vertical": !isHorizontal.value
-          },
-          arrowsAlignClass.value,
-          props.class
-        ]),
-        style: normalizeStyle(props.style),
-        tabindex: isFocused.value || unref(group).selected.value.length ? -1 : 0,
-        onFocus
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", {
-            key: "container",
-            ref_key: "containerRef",
-            ref: containerRef,
-            class: "ev-slide-group--container",
-            onScroll
-          }, [
-            createElementVNode("div", {
-              ref_key: "contentRef",
-              ref: contentRef,
-              class: "ev-slide-group--content",
-              style: normalizeStyle(contentStyles.value),
-              onTouchstartPassive: onTouchstart,
-              onTouchmovePassive: onTouchmove,
-              onTouchendPassive: onTouchend,
-              onFocusin,
-              onFocusout,
-              onKeydown
-            }, [
-              renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))
-            ], 36)
-          ], 544),
-          hasAffix.value ? (openBlock(), createElementBlock("div", {
-            key: "previous",
-            class: normalizeClass([
-              "ev-slide-group--previous",
-              { "is-disabled": !hasPrevious.value },
-              ...unref(arrowsHiddenClasses)
-            ]),
-            hidden: arrowsHiddenAttribute.value,
-            onClick: _cache[0] || (_cache[0] = () => scrollTo("previous"))
-          }, [
-            renderSlot(_ctx.$slots, "previous", {}, () => [
-              createVNode(unref(_sfc_main$1), {
-                icon: unref(isRtl) && isHorizontal.value ? iconNext.value : iconPrevious.value,
-                variant: "subtle"
-              }, null, 8, ["icon"])
-            ])
-          ], 10, _hoisted_1)) : createCommentVNode("", true),
-          hasAffix.value ? (openBlock(), createElementBlock("div", {
-            key: "next",
-            class: normalizeClass([
-              "ev-slide-group--next",
-              { "is-disabled": !hasNext.value },
-              ...unref(arrowsHiddenClasses)
-            ]),
-            hidden: arrowsHiddenAttribute.value,
-            onClick: _cache[1] || (_cache[1] = () => scrollTo("next"))
-          }, [
-            renderSlot(_ctx.$slots, "next", {}, () => [
-              createVNode(unref(_sfc_main$1), {
-                icon: unref(isRtl) && isHorizontal.value ? iconPrevious.value : iconNext.value,
-                variant: "subtle"
-              }, null, 8, ["icon"])
-            ])
-          ], 10, _hoisted_2)) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 40, ["class", "style", "tabindex"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                    */const J=require("./EvSlideGroup.mjs"),T=require("../EvButton/EvButton.vue.mjs"),Q=require("../../composables/display.mjs"),Z=require("../../composables/group.mjs"),H=require("../../composables/resizeObserver.mjs"),m=require("./helpers.mjs"),ee=require("../../icons/glyph/ChevronDownIcon.svg.mjs"),le=require("../../icons/glyph/ChevronLeftIcon.svg.mjs"),te=require("../../icons/glyph/ChevronRightIcon.svg.mjs"),se=require("../../icons/glyph/ChevronUpIcon.svg.mjs"),ne=require("../../composables/locale.mjs"),oe=require("../../util/children.mjs"),ue=require("../../util/browser.mjs"),B=require("../../util/is-functions.mjs"),re=require("../../util/helpers.mjs"),ae=["hidden"],ie=["hidden"],ce=e.defineComponent({__name:"EvSlideGroup",props:{...J.makeEvSlideGroupProps()},setup(N){const o=N,u=Z.useGroup(o,o.symbol),{isRtl:c}=ne.useRtl(),h=e.shallowRef(!1),f=e.shallowRef(!1),s=e.shallowRef(0),a=e.shallowRef(0),i=e.shallowRef(0),n=e.computed(()=>o.direction==="horizontal"),w=e.shallowRef(!1),{resizeRef:g,contentRect:S}=H.useResizeObserver(),{resizeRef:r,contentRect:y}=H.useResizeObserver(),z=e.computed(()=>u.selected.value.length?u.items.value.findIndex(l=>l.id===u.selected.value[0]):-1),I=e.computed(()=>u.selected.value.length?u.items.value.findIndex(l=>l.id===u.selected.value[u.selected.value.length-1]):-1);if(ue.Browser.hasWindow){let l=-1;e.watch(()=>[u.selected.value,S.value,y.value,n.value],()=>{cancelAnimationFrame(l),l=requestAnimationFrame(()=>{if(S.value&&y.value){const t=n.value?"width":"height";a.value=S.value[t],i.value=y.value[t],f.value=a.value+1<i.value}if(z.value>=0&&r.value){const t=r.value.children[I.value];z.value===0||!f.value?s.value=0:o.centerActive?s.value=m.calculateCenteredOffset({selectedElement:t,containerSize:a.value,contentSize:i.value,isRtl:c.value,isHorizontal:n.value}):f.value&&(s.value=m.calculateUpdatedOffset({selectedElement:t,containerSize:a.value,contentSize:i.value,isRtl:c.value,currentScrollOffset:s.value,isHorizontal:n.value}))}})})}function v(l){var t,d,_,O,A;if(r.value)if(!l)(t=oe.focusableChildren(r.value)[0])==null||t.focus();else if(l==="next"){const p=(d=r.value.querySelector(":focus"))==null?void 0:d.nextElementSibling;p?p.focus():v("first")}else if(l==="previous"){const p=(_=r.value.querySelector(":focus"))==null?void 0:_.previousElementSibling;p?p.focus():v("last")}else l==="first"?(O=r.value.firstElementChild)==null||O.focus():l==="last"&&((A=r.value.lastElementChild)==null||A.focus())}function $(l){var t;!h.value&&!(l.relatedTarget&&((t=r.value)!=null&&t.contains(l.relatedTarget)))&&v()}function F(l){if(h.value=!0,!(!f.value||!r.value)){for(const t of l.composedPath())for(const d of r.value.children)if(d===t){s.value=m.calculateUpdatedOffset({selectedElement:d,containerSize:a.value,contentSize:i.value,isRtl:c.value,currentScrollOffset:s.value,isHorizontal:n.value});return}}}function V(l){h.value=!1}function M(l){r.value&&(n.value?l.key==="ArrowRight"?v(c.value?"previous":"next"):l.key==="ArrowLeft"&&v(c.value?"next":"previous"):l.key==="ArrowDown"?v("next"):l.key==="ArrowUp"&&v("previous"),l.key==="Home"?v("first"):l.key==="End"&&v("last"))}function D(){g.value&&(g.value[n.value?"scrollLeft":"scrollTop"]=0)}let b=0,R=0;function G(l){const t=n.value?"clientX":"clientY";R=(c.value&&n.value?-1:1)*s.value,b=l.touches[0][t],w.value=!0}function U(l){if(!f.value)return;const t=n.value?"clientX":"clientY",d=c.value&&n.value?-1:1;s.value=d*(R+b-l.touches[0][t])}function L(l){const t=i.value-a.value;s.value<0||!f.value?s.value=0:s.value>=t&&(s.value=t),w.value=!1}function x(l){const t=s.value+(l==="previous"?-1:1)*a.value;s.value=re.clamp(t,0,i.value-a.value)}const C=Q.useDisplayRuleClasses(o,"arrowsHidden","hidden"),k=e.computed(()=>B.isBoolean(o.arrowsHidden)&&o.arrowsHidden),X=e.computed(()=>{let l=s.value>i.value-a.value?-(i.value-a.value)+m.bias(i.value-a.value-s.value):-s.value;s.value<=0&&(l=m.bias(-s.value));const t=c.value&&n.value?-1:1;return{transform:`translate${n.value?"X":"Y"}(${t*l}px)`,transition:w.value?"none":"",willChange:w.value?"transform":""}}),Y=e.computed(()=>({next:u.next,previous:u.previous,select:u.select,isSelected:u.isSelected})),j=e.computed(()=>Math.abs(s.value)>0),K=e.computed(()=>i.value>Math.abs(s.value)+a.value),q=e.computed(()=>B.isBoolean(o.arrowsHidden)&&o.arrowsHidden?!1:f.value||Math.abs(s.value)>0),W=e.computed(()=>`is-arrows-${o.arrowsAlign}`),P=e.computed(()=>o.iconNext?o.iconNext:n.value?te.default:ee.default),E=e.computed(()=>o.iconPrevious?o.iconPrevious:n.value?le.default:se.default);return(l,t)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.tag),{class:e.normalizeClass(["ev-slide-group",{"is-overflowing":f.value,"is-vertical":!n.value},W.value,o.class]),style:e.normalizeStyle(o.style),tabindex:h.value||e.unref(u).selected.value.length?-1:0,onFocus:$},{default:e.withCtx(()=>[e.createElementVNode("div",{key:"container",ref_key:"containerRef",ref:g,class:"ev-slide-group--container",onScroll:D},[e.createElementVNode("div",{ref_key:"contentRef",ref:r,class:"ev-slide-group--content",style:e.normalizeStyle(X.value),onTouchstartPassive:G,onTouchmovePassive:U,onTouchendPassive:L,onFocusin:F,onFocusout:V,onKeydown:M},[e.renderSlot(l.$slots,"default",e.normalizeProps(e.guardReactiveProps(Y.value)))],36)],544),q.value?(e.openBlock(),e.createElementBlock("div",{key:"previous",class:e.normalizeClass(["ev-slide-group--previous",{"is-disabled":!j.value},...e.unref(C)]),hidden:k.value,onClick:t[0]||(t[0]=()=>x("previous"))},[e.renderSlot(l.$slots,"previous",{},()=>[e.createVNode(e.unref(T.default),{icon:e.unref(c)&&n.value?P.value:E.value,variant:"subtle"},null,8,["icon"])])],10,ae)):e.createCommentVNode("",!0),q.value?(e.openBlock(),e.createElementBlock("div",{key:"next",class:e.normalizeClass(["ev-slide-group--next",{"is-disabled":!K.value},...e.unref(C)]),hidden:k.value,onClick:t[1]||(t[1]=()=>x("next"))},[e.renderSlot(l.$slots,"next",{},()=>[e.createVNode(e.unref(T.default),{icon:e.unref(c)&&n.value?E.value:P.value,variant:"subtle"},null,8,["icon"])])],10,ie)):e.createCommentVNode("",!0)]),_:3},40,["class","style","tabindex"]))}});exports.default=ce;
 //# sourceMappingURL=EvSlideGroup.vue.mjs.map

package/dist/esm/components/EvSlideGroup/EvSlideGroup.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvSlideGroup.vue.mjs","sources":["../../../../src/components/EvSlideGroup/EvSlideGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvSlideGroup\n */\nimport \"./EvSlideGroup.scss\";\nimport { makeEvSlideGroupProps, EvSlideGroupSlot } from \"./EvSlideGroup\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { useDisplayRuleClasses } from \"@/composables/display\";\nimport { computed, shallowRef, watch } from \"vue\";\nimport { Browser, clamp, focusableChildren, isBoolean } from \"@/util\";\nimport { GroupProps, useGroup } from \"@/composables/group\";\nimport { useResizeObserver } from \"@/composables/resizeObserver\";\nimport {\n    bias,\n    calculateCenteredOffset,\n    calculateUpdatedOffset,\n} from \"@/components/EvSlideGroup/helpers\";\nimport {\n    ChevronDownIcon,\n    ChevronLeftIcon,\n    ChevronRightIcon,\n    ChevronUpIcon,\n} from \"@/icons\";\nimport { useRtl } from \"@/composables/locale\";\n\ndefineSlots<EvSlideGroupSlot>();\n\nconst props = defineProps({\n    ...makeEvSlideGroupProps(),\n});\nconst group = useGroup(props as any as GroupProps, props.symbol);\nconst { isRtl } = useRtl();\nconst isFocused = shallowRef(false);\nconst isOverflowing = shallowRef(false);\nconst scrollOffset = shallowRef(0);\nconst containerSize = shallowRef(0);\nconst contentSize = shallowRef(0);\nconst isHorizontal = computed(() => props.direction === \"horizontal\");\nconst disableTransition = shallowRef(false);\n\nconst { resizeRef: containerRef, contentRect: containerRect } =\n    useResizeObserver();\nconst { resizeRef: contentRef, contentRect } = useResizeObserver();\n\nconst firstSelectedIndex = computed(() => {\n    if (!group.selected.value.length) {\n        return -1;\n    }\n    return group.items.value.findIndex(\n        (item) => item.id === group.selected.value[0],\n    );\n});\n\nconst lastSelectedIndex = computed(() => {\n    if (!group.selected.value.length) {\n        return -1;\n    }\n    return group.items.value.findIndex(\n        (item) =>\n            item.id === group.selected.value[group.selected.value.length - 1],\n    );\n});\n\nif (Browser.hasWindow) {\n    let frame = -1;\n    watch(\n        () => [\n            group.selected.value,\n            containerRect.value,\n            contentRect.value,\n            isHorizontal.value,\n        ],\n        () => {\n            cancelAnimationFrame(frame);\n            frame = requestAnimationFrame(() => {\n                if (containerRect.value && contentRect.value) {\n                    const sizeProperty = isHorizontal.value\n                        ? \"width\"\n                        : \"height\";\n                    containerSize.value = containerRect.value[sizeProperty];\n                    contentSize.value = contentRect.value[sizeProperty];\n                    isOverflowing.value =\n                        containerSize.value + 1 < contentSize.value;\n                }\n\n                if (firstSelectedIndex.value >= 0 && contentRef.value) {\n                    // @todo: Is this too naive? Should we store element references in group composable?\n                    const selectedElement = contentRef.value.children[\n                        lastSelectedIndex.value\n                    ] as HTMLElement;\n\n                    if (\n                        firstSelectedIndex.value === 0 ||\n                        !isOverflowing.value\n                    ) {\n                        scrollOffset.value = 0;\n                    } else if (props.centerActive) {\n                        scrollOffset.value = calculateCenteredOffset({\n                            selectedElement,\n                            containerSize: containerSize.value,\n                            contentSize: contentSize.value,\n                            isRtl: isRtl.value,\n                            isHorizontal: isHorizontal.value,\n                        });\n                    } else if (isOverflowing.value) {\n                        scrollOffset.value = calculateUpdatedOffset({\n                            selectedElement,\n                            containerSize: containerSize.value,\n                            contentSize: contentSize.value,\n                            isRtl: isRtl.value,\n                            currentScrollOffset: scrollOffset.value,\n                            isHorizontal: isHorizontal.value,\n                        });\n                    }\n                }\n            });\n        },\n    );\n}\n\n/**\n * ## focus\n * @param location\n */\nfunction focus(location?: \"next\" | \"previous\" | \"first\" | \"last\") {\n    if (!contentRef.value) {\n        return;\n    }\n    if (!location) {\n        const focusable = focusableChildren(contentRef.value);\n        focusable[0]?.focus();\n    } else if (location === \"next\") {\n        const el = contentRef.value.querySelector(\":focus\")\n            ?.nextElementSibling as HTMLElement | undefined;\n        if (el) {\n            el.focus();\n        } else {\n            focus(\"first\");\n        }\n    } else if (location === \"previous\") {\n        const el = contentRef.value.querySelector(\":focus\")\n            ?.previousElementSibling as HTMLElement | undefined;\n        if (el) {\n            el.focus();\n        } else {\n            focus(\"last\");\n        }\n    } else if (location === \"first\") {\n        (contentRef.value.firstElementChild as HTMLElement)?.focus();\n    } else if (location === \"last\") {\n        (contentRef.value.lastElementChild as HTMLElement)?.focus();\n    }\n}\n\n/**\n * ## onFocus\n * @param e\n */\nfunction onFocus(e: FocusEvent) {\n    if (\n        !isFocused.value &&\n        !(\n            e.relatedTarget &&\n            contentRef.value?.contains(e.relatedTarget as Node)\n        )\n    ) {\n        focus();\n    }\n}\n\n/**\n * ## onFocusin\n * @param e\n */\nfunction onFocusin(e: FocusEvent) {\n    isFocused.value = true;\n\n    if (!isOverflowing.value || !contentRef.value) {\n        return;\n    }\n\n    // Focused element is likely to be the root of an item, so a\n    // breadth-first search will probably find it in the first iteration\n    for (const el of e.composedPath()) {\n        for (const item of contentRef.value.children) {\n            if (item === el) {\n                scrollOffset.value = calculateUpdatedOffset({\n                    selectedElement: item as HTMLElement,\n                    containerSize: containerSize.value,\n                    contentSize: contentSize.value,\n                    isRtl: isRtl.value,\n                    currentScrollOffset: scrollOffset.value,\n                    isHorizontal: isHorizontal.value,\n                });\n                return;\n            }\n        }\n    }\n}\n\n/**\n * ## onFocusout\n * @param e\n */\nfunction onFocusout(e: FocusEvent) {\n    isFocused.value = false;\n}\n\n/**\n * ## onKeydown\n * @param e\n */\nfunction onKeydown(e: KeyboardEvent) {\n    if (!contentRef.value) {\n        return;\n    }\n    if (isHorizontal.value) {\n        if (e.key === \"ArrowRight\") {\n            focus(isRtl.value ? \"previous\" : \"next\");\n        } else if (e.key === \"ArrowLeft\") {\n            focus(isRtl.value ? \"next\" : \"previous\");\n        }\n    } else {\n        if (e.key === \"ArrowDown\") {\n            focus(\"next\");\n        } else if (e.key === \"ArrowUp\") {\n            focus(\"previous\");\n        }\n    }\n    if (e.key === \"Home\") {\n        focus(\"first\");\n    } else if (e.key === \"End\") {\n        focus(\"last\");\n    }\n}\n\n/**\n * ## onScroll\n */\nfunction onScroll() {\n    if (!containerRef.value) {\n        return;\n    }\n    containerRef.value[isHorizontal.value ? \"scrollLeft\" : \"scrollTop\"] = 0;\n}\n\nlet startTouch = 0;\nlet startOffset = 0;\n\n/**\n * ## onTouchstart\n * @param e\n */\nfunction onTouchstart(e: TouchEvent) {\n    const sizeProperty = isHorizontal.value ? \"clientX\" : \"clientY\";\n    const sign = isRtl.value && isHorizontal.value ? -1 : 1;\n    startOffset = sign * scrollOffset.value;\n    startTouch = e.touches[0][sizeProperty];\n    disableTransition.value = true;\n}\n\n/**\n * ## onTouchmove\n * @param e\n */\nfunction onTouchmove(e: TouchEvent) {\n    if (!isOverflowing.value) {\n        return;\n    }\n    const sizeProperty = isHorizontal.value ? \"clientX\" : \"clientY\";\n    const sign = isRtl.value && isHorizontal.value ? -1 : 1;\n    scrollOffset.value =\n        sign * (startOffset + startTouch - e.touches[0][sizeProperty]);\n}\n\n/**\n * # onTouchend\n * @param e\n */\nfunction onTouchend(e: TouchEvent) {\n    const maxScrollOffset = contentSize.value - containerSize.value;\n    if (scrollOffset.value < 0 || !isOverflowing.value) {\n        scrollOffset.value = 0;\n    } else if (scrollOffset.value >= maxScrollOffset) {\n        scrollOffset.value = maxScrollOffset;\n    }\n    disableTransition.value = false;\n}\n\n/**\n * ## scrollTo\n * @param location\n */\nfunction scrollTo(location: \"previous\" | \"next\") {\n    const newAbsoluteOffset =\n        scrollOffset.value +\n        (location === \"previous\" ? -1 : 1) * containerSize.value;\n    scrollOffset.value = clamp(\n        newAbsoluteOffset,\n        0,\n        contentSize.value - containerSize.value,\n    );\n}\n\n/**\n * Arrows Hidden\n */\nconst arrowsHiddenClasses = useDisplayRuleClasses(\n    props,\n    \"arrowsHidden\",\n    \"hidden\",\n);\nconst arrowsHiddenAttribute = computed(() => {\n    return isBoolean(props.arrowsHidden) && props.arrowsHidden;\n});\n\nconst contentStyles = computed(() => {\n    // This adds friction when scrolling the 'wrong' way when at max offset\n    let scrollAmount =\n        scrollOffset.value > contentSize.value - containerSize.value\n            ? -(contentSize.value - containerSize.value) +\n              bias(contentSize.value - containerSize.value - scrollOffset.value)\n            : -scrollOffset.value;\n\n    // This adds friction when scrolling the 'wrong' way when at min offset\n    if (scrollOffset.value <= 0) {\n        scrollAmount = bias(-scrollOffset.value);\n    }\n\n    const sign = isRtl.value && isHorizontal.value ? -1 : 1;\n    return {\n        transform: `translate${isHorizontal.value ? \"X\" : \"Y\"}(${sign * scrollAmount}px)`,\n        transition: disableTransition.value ? \"none\" : \"\",\n        willChange: disableTransition.value ? \"transform\" : \"\",\n    };\n});\n\nconst slotProps = computed(() => ({\n    next: group.next,\n    previous: group.previous,\n    select: group.select,\n    isSelected: group.isSelected,\n}));\n\nconst hasPrevious = computed(() => {\n    return Math.abs(scrollOffset.value) > 0;\n});\n\nconst hasNext = computed(() => {\n    // Check one scroll ahead to know the width of right-most item\n    return (\n        contentSize.value > Math.abs(scrollOffset.value) + containerSize.value\n    );\n});\n\nconst hasAffix = computed(() => {\n    if (isBoolean(props.arrowsHidden) && props.arrowsHidden) {\n        return false;\n    }\n    return isOverflowing.value || Math.abs(scrollOffset.value) > 0;\n});\n\nconst arrowsAlignClass = computed(() => {\n    return `is-arrows-${props.arrowsAlign}`;\n});\n\nconst iconNext = computed(() => {\n    if (props.iconNext) {\n        return props.iconNext;\n    }\n    return isHorizontal.value ? ChevronRightIcon : ChevronDownIcon;\n});\n\nconst iconPrevious = computed(() => {\n    if (props.iconPrevious) {\n        return props.iconPrevious;\n    }\n    return isHorizontal.value ? ChevronLeftIcon : ChevronUpIcon;\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-slide-group',\n            {\n                'is-overflowing': isOverflowing,\n                'is-vertical': !isHorizontal,\n            },\n            arrowsAlignClass,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :tabindex=\"isFocused || group.selected.value.length ? -1 : 0\"\n        @focus=\"onFocus\">\n        <div\n            key=\"container\"\n            ref=\"containerRef\"\n            class=\"ev-slide-group--container\"\n            @scroll=\"onScroll\">\n            <div\n                ref=\"contentRef\"\n                class=\"ev-slide-group--content\"\n                :style=\"contentStyles\"\n                @touchstart.passive=\"onTouchstart\"\n                @touchmove.passive=\"onTouchmove\"\n                @touchend.passive=\"onTouchend\"\n                @focusin=\"onFocusin\"\n                @focusout=\"onFocusout\"\n                @keydown=\"onKeydown\">\n                <slot name=\"default\" v-bind=\"slotProps\" />\n            </div>\n        </div>\n\n        <div\n            v-if=\"hasAffix\"\n            key=\"previous\"\n            :class=\"[\n                'ev-slide-group--previous',\n                { 'is-disabled': !hasPrevious },\n                ...arrowsHiddenClasses,\n            ]\"\n            :hidden=\"arrowsHiddenAttribute\"\n            @click=\"() => scrollTo('previous')\">\n            <slot name=\"previous\">\n                <ev-button\n                    :icon=\"isRtl && isHorizontal ? iconNext : iconPrevious\"\n                    variant=\"subtle\" />\n            </slot>\n        </div>\n\n        <div\n            v-if=\"hasAffix\"\n            key=\"next\"\n            :class=\"[\n                'ev-slide-group--next',\n                { 'is-disabled': !hasNext },\n                ...arrowsHiddenClasses,\n            ]\"\n            :hidden=\"arrowsHiddenAttribute\"\n            @click=\"() => scrollTo('next')\">\n            <slot name=\"next\">\n                <ev-button\n                    :icon=\"isRtl && isHorizontal ? iconPrevious : iconNext\"\n                    variant=\"subtle\" />\n            </slot>\n        </div>\n    </component>\n</template>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EvSlideGroup.vue.mjs","sources":["../../../../src/components/EvSlideGroup/EvSlideGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvSlideGroup\n */\nimport \"./EvSlideGroup.scss\";\nimport { makeEvSlideGroupProps, EvSlideGroupSlot } from \"./EvSlideGroup\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { useDisplayRuleClasses } from \"@/composables/display\";\nimport { computed, shallowRef, watch } from \"vue\";\nimport { Browser, clamp, focusableChildren, isBoolean } from \"@/util\";\nimport { GroupProps, useGroup } from \"@/composables/group\";\nimport { useResizeObserver } from \"@/composables/resizeObserver\";\nimport {\n    bias,\n    calculateCenteredOffset,\n    calculateUpdatedOffset,\n} from \"@/components/EvSlideGroup/helpers\";\nimport {\n    ChevronDownIcon,\n    ChevronLeftIcon,\n    ChevronRightIcon,\n    ChevronUpIcon,\n} from \"@/icons\";\nimport { useRtl } from \"@/composables/locale\";\n\ndefineSlots<EvSlideGroupSlot>();\n\nconst props = defineProps({\n    ...makeEvSlideGroupProps(),\n});\nconst group = useGroup(props as any as GroupProps, props.symbol);\nconst { isRtl } = useRtl();\nconst isFocused = shallowRef(false);\nconst isOverflowing = shallowRef(false);\nconst scrollOffset = shallowRef(0);\nconst containerSize = shallowRef(0);\nconst contentSize = shallowRef(0);\nconst isHorizontal = computed(() => props.direction === \"horizontal\");\nconst disableTransition = shallowRef(false);\n\nconst { resizeRef: containerRef, contentRect: containerRect } =\n    useResizeObserver();\nconst { resizeRef: contentRef, contentRect } = useResizeObserver();\n\nconst firstSelectedIndex = computed(() => {\n    if (!group.selected.value.length) {\n        return -1;\n    }\n    return group.items.value.findIndex(\n        (item) => item.id === group.selected.value[0],\n    );\n});\n\nconst lastSelectedIndex = computed(() => {\n    if (!group.selected.value.length) {\n        return -1;\n    }\n    return group.items.value.findIndex(\n        (item) =>\n            item.id === group.selected.value[group.selected.value.length - 1],\n    );\n});\n\nif (Browser.hasWindow) {\n    let frame = -1;\n    watch(\n        () => [\n            group.selected.value,\n            containerRect.value,\n            contentRect.value,\n            isHorizontal.value,\n        ],\n        () => {\n            cancelAnimationFrame(frame);\n            frame = requestAnimationFrame(() => {\n                if (containerRect.value && contentRect.value) {\n                    const sizeProperty = isHorizontal.value\n                        ? \"width\"\n                        : \"height\";\n                    containerSize.value = containerRect.value[sizeProperty];\n                    contentSize.value = contentRect.value[sizeProperty];\n                    isOverflowing.value =\n                        containerSize.value + 1 < contentSize.value;\n                }\n\n                if (firstSelectedIndex.value >= 0 && contentRef.value) {\n                    // @todo: Is this too naive? Should we store element references in group composable?\n                    const selectedElement = contentRef.value.children[\n                        lastSelectedIndex.value\n                    ] as HTMLElement;\n\n                    if (\n                        firstSelectedIndex.value === 0 ||\n                        !isOverflowing.value\n                    ) {\n                        scrollOffset.value = 0;\n                    } else if (props.centerActive) {\n                        scrollOffset.value = calculateCenteredOffset({\n                            selectedElement,\n                            containerSize: containerSize.value,\n                            contentSize: contentSize.value,\n                            isRtl: isRtl.value,\n                            isHorizontal: isHorizontal.value,\n                        });\n                    } else if (isOverflowing.value) {\n                        scrollOffset.value = calculateUpdatedOffset({\n                            selectedElement,\n                            containerSize: containerSize.value,\n                            contentSize: contentSize.value,\n                            isRtl: isRtl.value,\n                            currentScrollOffset: scrollOffset.value,\n                            isHorizontal: isHorizontal.value,\n                        });\n                    }\n                }\n            });\n        },\n    );\n}\n\n/**\n * ## focus\n * @param location\n */\nfunction focus(location?: \"next\" | \"previous\" | \"first\" | \"last\") {\n    if (!contentRef.value) {\n        return;\n    }\n    if (!location) {\n        const focusable = focusableChildren(contentRef.value);\n        focusable[0]?.focus();\n    } else if (location === \"next\") {\n        const el = contentRef.value.querySelector(\":focus\")\n            ?.nextElementSibling as HTMLElement | undefined;\n        if (el) {\n            el.focus();\n        } else {\n            focus(\"first\");\n        }\n    } else if (location === \"previous\") {\n        const el = contentRef.value.querySelector(\":focus\")\n            ?.previousElementSibling as HTMLElement | undefined;\n        if (el) {\n            el.focus();\n        } else {\n            focus(\"last\");\n        }\n    } else if (location === \"first\") {\n        (contentRef.value.firstElementChild as HTMLElement)?.focus();\n    } else if (location === \"last\") {\n        (contentRef.value.lastElementChild as HTMLElement)?.focus();\n    }\n}\n\n/**\n * ## onFocus\n * @param e\n */\nfunction onFocus(e: FocusEvent) {\n    if (\n        !isFocused.value &&\n        !(\n            e.relatedTarget &&\n            contentRef.value?.contains(e.relatedTarget as Node)\n        )\n    ) {\n        focus();\n    }\n}\n\n/**\n * ## onFocusin\n * @param e\n */\nfunction onFocusin(e: FocusEvent) {\n    isFocused.value = true;\n\n    if (!isOverflowing.value || !contentRef.value) {\n        return;\n    }\n\n    // Focused element is likely to be the root of an item, so a\n    // breadth-first search will probably find it in the first iteration\n    for (const el of e.composedPath()) {\n        for (const item of contentRef.value.children) {\n            if (item === el) {\n                scrollOffset.value = calculateUpdatedOffset({\n                    selectedElement: item as HTMLElement,\n                    containerSize: containerSize.value,\n                    contentSize: contentSize.value,\n                    isRtl: isRtl.value,\n                    currentScrollOffset: scrollOffset.value,\n                    isHorizontal: isHorizontal.value,\n                });\n                return;\n            }\n        }\n    }\n}\n\n/**\n * ## onFocusout\n * @param e\n */\nfunction onFocusout(e: FocusEvent) {\n    isFocused.value = false;\n}\n\n/**\n * ## onKeydown\n * @param e\n */\nfunction onKeydown(e: KeyboardEvent) {\n    if (!contentRef.value) {\n        return;\n    }\n    if (isHorizontal.value) {\n        if (e.key === \"ArrowRight\") {\n            focus(isRtl.value ? \"previous\" : \"next\");\n        } else if (e.key === \"ArrowLeft\") {\n            focus(isRtl.value ? \"next\" : \"previous\");\n        }\n    } else {\n        if (e.key === \"ArrowDown\") {\n            focus(\"next\");\n        } else if (e.key === \"ArrowUp\") {\n            focus(\"previous\");\n        }\n    }\n    if (e.key === \"Home\") {\n        focus(\"first\");\n    } else if (e.key === \"End\") {\n        focus(\"last\");\n    }\n}\n\n/**\n * ## onScroll\n */\nfunction onScroll() {\n    if (!containerRef.value) {\n        return;\n    }\n    containerRef.value[isHorizontal.value ? \"scrollLeft\" : \"scrollTop\"] = 0;\n}\n\nlet startTouch = 0;\nlet startOffset = 0;\n\n/**\n * ## onTouchstart\n * @param e\n */\nfunction onTouchstart(e: TouchEvent) {\n    const sizeProperty = isHorizontal.value ? \"clientX\" : \"clientY\";\n    const sign = isRtl.value && isHorizontal.value ? -1 : 1;\n    startOffset = sign * scrollOffset.value;\n    startTouch = e.touches[0][sizeProperty];\n    disableTransition.value = true;\n}\n\n/**\n * ## onTouchmove\n * @param e\n */\nfunction onTouchmove(e: TouchEvent) {\n    if (!isOverflowing.value) {\n        return;\n    }\n    const sizeProperty = isHorizontal.value ? \"clientX\" : \"clientY\";\n    const sign = isRtl.value && isHorizontal.value ? -1 : 1;\n    scrollOffset.value =\n        sign * (startOffset + startTouch - e.touches[0][sizeProperty]);\n}\n\n/**\n * # onTouchend\n * @param e\n */\nfunction onTouchend(e: TouchEvent) {\n    const maxScrollOffset = contentSize.value - containerSize.value;\n    if (scrollOffset.value < 0 || !isOverflowing.value) {\n        scrollOffset.value = 0;\n    } else if (scrollOffset.value >= maxScrollOffset) {\n        scrollOffset.value = maxScrollOffset;\n    }\n    disableTransition.value = false;\n}\n\n/**\n * ## scrollTo\n * @param location\n */\nfunction scrollTo(location: \"previous\" | \"next\") {\n    const newAbsoluteOffset =\n        scrollOffset.value +\n        (location === \"previous\" ? -1 : 1) * containerSize.value;\n    scrollOffset.value = clamp(\n        newAbsoluteOffset,\n        0,\n        contentSize.value - containerSize.value,\n    );\n}\n\n/**\n * Arrows Hidden\n */\nconst arrowsHiddenClasses = useDisplayRuleClasses(\n    props,\n    \"arrowsHidden\",\n    \"hidden\",\n);\nconst arrowsHiddenAttribute = computed(() => {\n    return isBoolean(props.arrowsHidden) && props.arrowsHidden;\n});\n\nconst contentStyles = computed(() => {\n    // This adds friction when scrolling the 'wrong' way when at max offset\n    let scrollAmount =\n        scrollOffset.value > contentSize.value - containerSize.value\n            ? -(contentSize.value - containerSize.value) +\n              bias(contentSize.value - containerSize.value - scrollOffset.value)\n            : -scrollOffset.value;\n\n    // This adds friction when scrolling the 'wrong' way when at min offset\n    if (scrollOffset.value <= 0) {\n        scrollAmount = bias(-scrollOffset.value);\n    }\n\n    const sign = isRtl.value && isHorizontal.value ? -1 : 1;\n    return {\n        transform: `translate${isHorizontal.value ? \"X\" : \"Y\"}(${sign * scrollAmount}px)`,\n        transition: disableTransition.value ? \"none\" : \"\",\n        willChange: disableTransition.value ? \"transform\" : \"\",\n    };\n});\n\nconst slotProps = computed(() => ({\n    next: group.next,\n    previous: group.previous,\n    select: group.select,\n    isSelected: group.isSelected,\n}));\n\nconst hasPrevious = computed(() => {\n    return Math.abs(scrollOffset.value) > 0;\n});\n\nconst hasNext = computed(() => {\n    // Check one scroll ahead to know the width of right-most item\n    return (\n        contentSize.value > Math.abs(scrollOffset.value) + containerSize.value\n    );\n});\n\nconst hasAffix = computed(() => {\n    if (isBoolean(props.arrowsHidden) && props.arrowsHidden) {\n        return false;\n    }\n    return isOverflowing.value || Math.abs(scrollOffset.value) > 0;\n});\n\nconst arrowsAlignClass = computed(() => {\n    return `is-arrows-${props.arrowsAlign}`;\n});\n\nconst iconNext = computed(() => {\n    if (props.iconNext) {\n        return props.iconNext;\n    }\n    return isHorizontal.value ? ChevronRightIcon : ChevronDownIcon;\n});\n\nconst iconPrevious = computed(() => {\n    if (props.iconPrevious) {\n        return props.iconPrevious;\n    }\n    return isHorizontal.value ? ChevronLeftIcon : ChevronUpIcon;\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-slide-group',\n            {\n                'is-overflowing': isOverflowing,\n                'is-vertical': !isHorizontal,\n            },\n            arrowsAlignClass,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :tabindex=\"isFocused || group.selected.value.length ? -1 : 0\"\n        @focus=\"onFocus\">\n        <div\n            key=\"container\"\n            ref=\"containerRef\"\n            class=\"ev-slide-group--container\"\n            @scroll=\"onScroll\">\n            <div\n                ref=\"contentRef\"\n                class=\"ev-slide-group--content\"\n                :style=\"contentStyles\"\n                @touchstart.passive=\"onTouchstart\"\n                @touchmove.passive=\"onTouchmove\"\n                @touchend.passive=\"onTouchend\"\n                @focusin=\"onFocusin\"\n                @focusout=\"onFocusout\"\n                @keydown=\"onKeydown\">\n                <slot name=\"default\" v-bind=\"slotProps\" />\n            </div>\n        </div>\n\n        <div\n            v-if=\"hasAffix\"\n            key=\"previous\"\n            :class=\"[\n                'ev-slide-group--previous',\n                { 'is-disabled': !hasPrevious },\n                ...arrowsHiddenClasses,\n            ]\"\n            :hidden=\"arrowsHiddenAttribute\"\n            @click=\"() => scrollTo('previous')\">\n            <slot name=\"previous\">\n                <ev-button\n                    :icon=\"isRtl && isHorizontal ? iconNext : iconPrevious\"\n                    variant=\"subtle\" />\n            </slot>\n        </div>\n\n        <div\n            v-if=\"hasAffix\"\n            key=\"next\"\n            :class=\"[\n                'ev-slide-group--next',\n                { 'is-disabled': !hasNext },\n                ...arrowsHiddenClasses,\n            ]\"\n            :hidden=\"arrowsHiddenAttribute\"\n            @click=\"() => scrollTo('next')\">\n            <slot name=\"next\">\n                <ev-button\n                    :icon=\"isRtl && isHorizontal ? iconPrevious : iconNext\"\n                    variant=\"subtle\" />\n            </slot>\n        </div>\n    </component>\n</template>\n"],"names":["group","useGroup","props","isRtl","useRtl","isFocused","shallowRef","isOverflowing","scrollOffset","containerSize","contentSize","isHorizontal","computed","disableTransition","containerRef","containerRect","useResizeObserver","contentRef","contentRect","firstSelectedIndex","item","lastSelectedIndex","Browser","frame","watch","sizeProperty","selectedElement","calculateCenteredOffset","calculateUpdatedOffset","focus","location","_a","focusableChildren","el","_b","_c","_d","_e","onFocus","e","onFocusin","onFocusout","onKeydown","onScroll","startTouch","startOffset","onTouchstart","onTouchmove","sign","onTouchend","maxScrollOffset","scrollTo","newAbsoluteOffset","clamp","arrowsHiddenClasses","useDisplayRuleClasses","arrowsHiddenAttribute","isBoolean","contentStyles","scrollAmount","bias","slotProps","hasPrevious","hasNext","hasAffix","arrowsAlignClass","iconNext","ChevronRightIcon","ChevronDownIcon","iconPrevious","ChevronLeftIcon","ChevronUpIcon"],"mappings":"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"}

package/dist/esm/components/EvSlideGroup/EvSlideGroup.vue2.mjs

@@ -1,6 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import _sfc_main from "./EvSlideGroup.vue.mjs";
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvSlideGroup.vue.mjs");exports.default=e.default;
 //# sourceMappingURL=EvSlideGroup.vue2.mjs.map

package/dist/esm/components/EvSlideGroup/EvSlideGroup.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvSlideGroup.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"EvSlideGroup.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/components/EvSlideGroup/EvSlideGroupItem.vue.mjs

@@ -1,33 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import { defineComponent, computed, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { makeGroupItemProps, useGroupItem } from "../../composables/groupItem.mjs";
-import { EvSlideGroupSymbol } from "./EvSlideGroup.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvSlideGroupItem",
-  props: {
-    ...makeGroupItemProps()
-  },
-  emits: ["group:selected"],
-  setup(__props) {
-    const props = __props;
-    const slideGroupItem = useGroupItem(
-      props,
-      EvSlideGroupSymbol
-    );
-    const slotProps = computed(() => {
-      return {
-        isSelected: slideGroupItem.isSelected.value,
-        select: slideGroupItem.select,
-        toggle: slideGroupItem.toggle,
-        selectedClass: slideGroupItem.selectedClass.value
-      };
-    });
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)));
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../../composables/groupItem.mjs"),p=require("./EvSlideGroup.mjs"),c=e.defineComponent({__name:"EvSlideGroupItem",props:{...o.makeGroupItemProps()},emits:["group:selected"],setup(s){const r=s,t=o.useGroupItem(r,p.EvSlideGroupSymbol),l=e.computed(()=>({isSelected:t.isSelected.value,select:t.select,toggle:t.toggle,selectedClass:t.selectedClass.value}));return(u,n)=>e.renderSlot(u.$slots,"default",e.normalizeProps(e.guardReactiveProps(l.value)))}});exports.default=c;
 //# sourceMappingURL=EvSlideGroupItem.vue.mjs.map

package/dist/esm/components/EvSlideGroup/EvSlideGroupItem.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvSlideGroupItem.vue.mjs","sources":["../../../../src/components/EvSlideGroup/EvSlideGroupItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n    GroupItemProps,\n    GroupItemProvide,\n    makeGroupItemProps,\n    useGroupItem,\n} from \"@/composables/groupItem.ts\";\nimport { computed, UnwrapRef } from \"vue\";\nimport { EvSlideGroupSymbol } from \"./EvSlideGroup\";\n\ntype EvSlideGroupItemSlots = {\n    default: {\n        isSelected: UnwrapRef<GroupItemProvide[\"isSelected\"]>;\n        select: GroupItemProvide[\"select\"];\n        toggle: GroupItemProvide[\"toggle\"];\n        selectedClass: UnwrapRef<GroupItemProvide[\"selectedClass\"]>;\n    };\n};\n\ndefineEmits([\"group:selected\"]);\n\ndefineSlots<EvSlideGroupItemSlots>();\n\nconst props = defineProps({\n    ...makeGroupItemProps(),\n});\nconst slideGroupItem = useGroupItem(\n    props as any as GroupItemProps,\n    EvSlideGroupSymbol,\n);\nconst slotProps = computed(() => {\n    return {\n        isSelected: slideGroupItem!.isSelected.value,\n        select: slideGroupItem!.select,\n        toggle: slideGroupItem!.toggle,\n        selectedClass: slideGroupItem!.selectedClass.value,\n    };\n});\n</script>\n\n<template>\n    <slot v-bind=\"slotProps\" />\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;AA0BA,UAAM,iBAAiB;AAAA,MACnB;AAAA,MACA;AAAA,IACJ;AACM,UAAA,YAAY,SAAS,MAAM;AACtB,aAAA;AAAA,QACH,YAAY,eAAgB,WAAW;AAAA,QACvC,QAAQ,eAAgB;AAAA,QACxB,QAAQ,eAAgB;AAAA,QACxB,eAAe,eAAgB,cAAc;AAAA,MACjD;AAAA,IAAA,CACH;;;;;;"}
+{"version":3,"file":"EvSlideGroupItem.vue.mjs","sources":["../../../../src/components/EvSlideGroup/EvSlideGroupItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n    GroupItemProps,\n    GroupItemProvide,\n    makeGroupItemProps,\n    useGroupItem,\n} from \"@/composables/groupItem.ts\";\nimport { computed, UnwrapRef } from \"vue\";\nimport { EvSlideGroupSymbol } from \"./EvSlideGroup\";\n\ntype EvSlideGroupItemSlots = {\n    default: {\n        isSelected: UnwrapRef<GroupItemProvide[\"isSelected\"]>;\n        select: GroupItemProvide[\"select\"];\n        toggle: GroupItemProvide[\"toggle\"];\n        selectedClass: UnwrapRef<GroupItemProvide[\"selectedClass\"]>;\n    };\n};\n\ndefineEmits([\"group:selected\"]);\n\ndefineSlots<EvSlideGroupItemSlots>();\n\nconst props = defineProps({\n    ...makeGroupItemProps(),\n});\nconst slideGroupItem = useGroupItem(\n    props as any as GroupItemProps,\n    EvSlideGroupSymbol,\n);\nconst slotProps = computed(() => {\n    return {\n        isSelected: slideGroupItem!.isSelected.value,\n        select: slideGroupItem!.select,\n        toggle: slideGroupItem!.toggle,\n        selectedClass: slideGroupItem!.selectedClass.value,\n    };\n});\n</script>\n\n<template>\n    <slot v-bind=\"slotProps\" />\n</template>\n"],"names":["slideGroupItem","useGroupItem","props","EvSlideGroupSymbol","slotProps","computed"],"mappings":"mXA0BMA,EAAiBC,EAAA,aACnBC,EACAC,EAAAA,kBACJ,EACMC,EAAYC,EAAAA,SAAS,KAChB,CACH,WAAYL,EAAgB,WAAW,MACvC,OAAQA,EAAgB,OACxB,OAAQA,EAAgB,OACxB,cAAeA,EAAgB,cAAc,KACjD,EACH"}

package/dist/esm/components/EvSlideGroup/EvSlideGroupItem.vue2.mjs

@@ -1,6 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import _sfc_main from "./EvSlideGroupItem.vue.mjs";
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvSlideGroupItem.vue.mjs");exports.default=e.default;
 //# sourceMappingURL=EvSlideGroupItem.vue2.mjs.map

package/dist/esm/components/EvSlideGroup/EvSlideGroupItem.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvSlideGroupItem.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"EvSlideGroupItem.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/components/EvSlideGroup/helpers.mjs

@@ -1,51 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-function bias(val) {
-  const c = 0.501;
-  const x = Math.abs(val);
-  return Math.sign(val) * (x / ((1 / c - 2) * (1 - x) + 1));
-}
-function calculateUpdatedOffset({
-  selectedElement,
-  containerSize,
-  contentSize,
-  isRtl,
-  currentScrollOffset,
-  isHorizontal
-}) {
-  const clientSize = isHorizontal ? selectedElement.clientWidth : selectedElement.clientHeight;
-  const offsetStart = isHorizontal ? selectedElement.offsetLeft : selectedElement.offsetTop;
-  const adjustedOffsetStart = isRtl && isHorizontal ? contentSize - offsetStart - clientSize : offsetStart;
-  const totalSize = containerSize + currentScrollOffset;
-  const itemOffset = clientSize + adjustedOffsetStart;
-  const additionalOffset = clientSize * 0.4;
-  if (adjustedOffsetStart <= currentScrollOffset) {
-    currentScrollOffset = Math.max(
-      adjustedOffsetStart - additionalOffset,
-      0
-    );
-  } else if (totalSize <= itemOffset) {
-    currentScrollOffset = Math.min(
-      currentScrollOffset - (totalSize - itemOffset - additionalOffset),
-      contentSize - containerSize
-    );
-  }
-  return currentScrollOffset;
-}
-function calculateCenteredOffset({
-  selectedElement,
-  containerSize,
-  contentSize,
-  isRtl,
-  isHorizontal
-}) {
-  const clientSize = isHorizontal ? selectedElement.clientWidth : selectedElement.clientHeight;
-  const offsetStart = isHorizontal ? selectedElement.offsetLeft : selectedElement.offsetTop;
-  const offsetCentered = isRtl && isHorizontal ? contentSize - offsetStart - clientSize / 2 - containerSize / 2 : offsetStart + clientSize / 2 - containerSize / 2;
-  return Math.min(contentSize - containerSize, Math.max(0, offsetCentered));
-}
-export {
-  bias,
-  calculateCenteredOffset,
-  calculateUpdatedOffset
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function u(t){const a=Math.abs(t);return Math.sign(t)*(a/((1/.501-2)*(1-a)+1))}function x({selectedElement:t,containerSize:s,contentSize:a,isRtl:e,currentScrollOffset:f,isHorizontal:o}){const i=o?t.clientWidth:t.clientHeight,c=o?t.offsetLeft:t.offsetTop,h=e&&o?a-c-i:c,n=s+f,d=i+h,p=i*.4;return h<=f?f=Math.max(h-p,0):n<=d&&(f=Math.min(f-(n-d-p),a-s)),f}function M({selectedElement:t,containerSize:s,contentSize:a,isRtl:e,isHorizontal:f}){const o=f?t.clientWidth:t.clientHeight,i=f?t.offsetLeft:t.offsetTop,c=e&&f?a-i-o/2-s/2:i+o/2-s/2;return Math.min(a-s,Math.max(0,c))}exports.bias=u;exports.calculateCenteredOffset=M;exports.calculateUpdatedOffset=x;
 //# sourceMappingURL=helpers.mjs.map

package/dist/esm/components/EvSlideGroup/helpers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.mjs","sources":["../../../../src/components/EvSlideGroup/helpers.ts"],"sourcesContent":["/**\n * # bias\n *\n * @param val\n */\nexport function bias(val: number) {\n    const c = 0.501;\n    const x = Math.abs(val);\n    return Math.sign(val) * (x / ((1 / c - 2) * (1 - x) + 1));\n}\n\n/**\n * # calculateUpdatedOffset\n *\n * @param selectedElement\n * @param containerSize\n * @param contentSize\n * @param isRtl\n * @param currentScrollOffset\n * @param isHorizontal\n */\nexport function calculateUpdatedOffset({\n    selectedElement,\n    containerSize,\n    contentSize,\n    isRtl,\n    currentScrollOffset,\n    isHorizontal,\n}: {\n    selectedElement: HTMLElement;\n    containerSize: number;\n    contentSize: number;\n    isRtl: boolean;\n    currentScrollOffset: number;\n    isHorizontal: boolean;\n}): number {\n    const clientSize = isHorizontal\n        ? selectedElement.clientWidth\n        : selectedElement.clientHeight;\n    const offsetStart = isHorizontal\n        ? selectedElement.offsetLeft\n        : selectedElement.offsetTop;\n    const adjustedOffsetStart =\n        isRtl && isHorizontal\n            ? contentSize - offsetStart - clientSize\n            : offsetStart;\n\n    const totalSize = containerSize + currentScrollOffset;\n    const itemOffset = clientSize + adjustedOffsetStart;\n    const additionalOffset = clientSize * 0.4; // @todo: why 0.4?\n\n    if (adjustedOffsetStart <= currentScrollOffset) {\n        currentScrollOffset = Math.max(\n            adjustedOffsetStart - additionalOffset,\n            0,\n        );\n    } else if (totalSize <= itemOffset) {\n        currentScrollOffset = Math.min(\n            currentScrollOffset - (totalSize - itemOffset - additionalOffset),\n            contentSize - containerSize,\n        );\n    }\n\n    return currentScrollOffset;\n}\n\n/**\n * # calculateCenteredOffset\n *\n * @param selectedElement\n * @param containerSize\n * @param contentSize\n * @param isRtl\n * @param isHorizontal\n */\nexport function calculateCenteredOffset({\n    selectedElement,\n    containerSize,\n    contentSize,\n    isRtl,\n    isHorizontal,\n}: {\n    selectedElement: HTMLElement;\n    containerSize: number;\n    contentSize: number;\n    isRtl: boolean;\n    isHorizontal: boolean;\n}): number {\n    const clientSize = isHorizontal\n        ? selectedElement.clientWidth\n        : selectedElement.clientHeight;\n    const offsetStart = isHorizontal\n        ? selectedElement.offsetLeft\n        : selectedElement.offsetTop;\n\n    const offsetCentered =\n        isRtl && isHorizontal\n            ? contentSize - offsetStart - clientSize / 2 - containerSize / 2\n            : offsetStart + clientSize / 2 - containerSize / 2;\n\n    return Math.min(contentSize - containerSize, Math.max(0, offsetCentered));\n}\n"],"names":[],"mappings":";AAKO,SAAS,KAAK,KAAa;AAC9B,QAAM,IAAI;AACJ,QAAA,IAAI,KAAK,IAAI,GAAG;AACf,SAAA,KAAK,KAAK,GAAG,KAAK,MAAM,IAAI,IAAI,MAAM,IAAI,KAAK;AAC1D;AAYO,SAAS,uBAAuB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAOW;AACP,QAAM,aAAa,eACb,gBAAgB,cAChB,gBAAgB;AACtB,QAAM,cAAc,eACd,gBAAgB,aAChB,gBAAgB;AACtB,QAAM,sBACF,SAAS,eACH,cAAc,cAAc,aAC5B;AAEV,QAAM,YAAY,gBAAgB;AAClC,QAAM,aAAa,aAAa;AAChC,QAAM,mBAAmB,aAAa;AAEtC,MAAI,uBAAuB,qBAAqB;AAC5C,0BAAsB,KAAK;AAAA,MACvB,sBAAsB;AAAA,MACtB;AAAA,IACJ;AAAA,EAAA,WACO,aAAa,YAAY;AAChC,0BAAsB,KAAK;AAAA,MACvB,uBAAuB,YAAY,aAAa;AAAA,MAChD,cAAc;AAAA,IAClB;AAAA,EAAA;AAGG,SAAA;AACX;AAWO,SAAS,wBAAwB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAMW;AACP,QAAM,aAAa,eACb,gBAAgB,cAChB,gBAAgB;AACtB,QAAM,cAAc,eACd,gBAAgB,aAChB,gBAAgB;AAEtB,QAAM,iBACF,SAAS,eACH,cAAc,cAAc,aAAa,IAAI,gBAAgB,IAC7D,cAAc,aAAa,IAAI,gBAAgB;AAElD,SAAA,KAAK,IAAI,cAAc,eAAe,KAAK,IAAI,GAAG,cAAc,CAAC;AAC5E;"}
+{"version":3,"file":"helpers.mjs","sources":["../../../../src/components/EvSlideGroup/helpers.ts"],"sourcesContent":["/**\n * # bias\n *\n * @param val\n */\nexport function bias(val: number) {\n    const c = 0.501;\n    const x = Math.abs(val);\n    return Math.sign(val) * (x / ((1 / c - 2) * (1 - x) + 1));\n}\n\n/**\n * # calculateUpdatedOffset\n *\n * @param selectedElement\n * @param containerSize\n * @param contentSize\n * @param isRtl\n * @param currentScrollOffset\n * @param isHorizontal\n */\nexport function calculateUpdatedOffset({\n    selectedElement,\n    containerSize,\n    contentSize,\n    isRtl,\n    currentScrollOffset,\n    isHorizontal,\n}: {\n    selectedElement: HTMLElement;\n    containerSize: number;\n    contentSize: number;\n    isRtl: boolean;\n    currentScrollOffset: number;\n    isHorizontal: boolean;\n}): number {\n    const clientSize = isHorizontal\n        ? selectedElement.clientWidth\n        : selectedElement.clientHeight;\n    const offsetStart = isHorizontal\n        ? selectedElement.offsetLeft\n        : selectedElement.offsetTop;\n    const adjustedOffsetStart =\n        isRtl && isHorizontal\n            ? contentSize - offsetStart - clientSize\n            : offsetStart;\n\n    const totalSize = containerSize + currentScrollOffset;\n    const itemOffset = clientSize + adjustedOffsetStart;\n    const additionalOffset = clientSize * 0.4; // @todo: why 0.4?\n\n    if (adjustedOffsetStart <= currentScrollOffset) {\n        currentScrollOffset = Math.max(\n            adjustedOffsetStart - additionalOffset,\n            0,\n        );\n    } else if (totalSize <= itemOffset) {\n        currentScrollOffset = Math.min(\n            currentScrollOffset - (totalSize - itemOffset - additionalOffset),\n            contentSize - containerSize,\n        );\n    }\n\n    return currentScrollOffset;\n}\n\n/**\n * # calculateCenteredOffset\n *\n * @param selectedElement\n * @param containerSize\n * @param contentSize\n * @param isRtl\n * @param isHorizontal\n */\nexport function calculateCenteredOffset({\n    selectedElement,\n    containerSize,\n    contentSize,\n    isRtl,\n    isHorizontal,\n}: {\n    selectedElement: HTMLElement;\n    containerSize: number;\n    contentSize: number;\n    isRtl: boolean;\n    isHorizontal: boolean;\n}): number {\n    const clientSize = isHorizontal\n        ? selectedElement.clientWidth\n        : selectedElement.clientHeight;\n    const offsetStart = isHorizontal\n        ? selectedElement.offsetLeft\n        : selectedElement.offsetTop;\n\n    const offsetCentered =\n        isRtl && isHorizontal\n            ? contentSize - offsetStart - clientSize / 2 - containerSize / 2\n            : offsetStart + clientSize / 2 - containerSize / 2;\n\n    return Math.min(contentSize - containerSize, Math.max(0, offsetCentered));\n}\n"],"names":["bias","val","x","calculateUpdatedOffset","selectedElement","containerSize","contentSize","isRtl","currentScrollOffset","isHorizontal","clientSize","offsetStart","adjustedOffsetStart","totalSize","itemOffset","additionalOffset","calculateCenteredOffset","offsetCentered"],"mappings":"sHAKO,SAASA,EAAKC,EAAa,CAExB,MAAAC,EAAI,KAAK,IAAID,CAAG,EACf,OAAA,KAAK,KAAKA,CAAG,GAAKC,IAAM,EAAI,KAAI,IAAM,EAAIA,GAAK,GAC1D,CAYO,SAASC,EAAuB,CACnC,gBAAAC,EACA,cAAAC,EACA,YAAAC,EACA,MAAAC,EACA,oBAAAC,EACA,aAAAC,CACJ,EAOW,CACP,MAAMC,EAAaD,EACbL,EAAgB,YAChBA,EAAgB,aAChBO,EAAcF,EACdL,EAAgB,WAChBA,EAAgB,UAChBQ,EACFL,GAASE,EACHH,EAAcK,EAAcD,EAC5BC,EAEJE,EAAYR,EAAgBG,EAC5BM,EAAaJ,EAAaE,EAC1BG,EAAmBL,EAAa,GAEtC,OAAIE,GAAuBJ,EACvBA,EAAsB,KAAK,IACvBI,EAAsBG,EACtB,CACJ,EACOF,GAAaC,IACpBN,EAAsB,KAAK,IACvBA,GAAuBK,EAAYC,EAAaC,GAChDT,EAAcD,CAClB,GAGGG,CACX,CAWO,SAASQ,EAAwB,CACpC,gBAAAZ,EACA,cAAAC,EACA,YAAAC,EACA,MAAAC,EACA,aAAAE,CACJ,EAMW,CACP,MAAMC,EAAaD,EACbL,EAAgB,YAChBA,EAAgB,aAChBO,EAAcF,EACdL,EAAgB,WAChBA,EAAgB,UAEhBa,EACFV,GAASE,EACHH,EAAcK,EAAcD,EAAa,EAAIL,EAAgB,EAC7DM,EAAcD,EAAa,EAAIL,EAAgB,EAElD,OAAA,KAAK,IAAIC,EAAcD,EAAe,KAAK,IAAI,EAAGY,CAAc,CAAC,CAC5E"}