reka-ui 2.3.2 → 2.4.0

package/dist/ScrollArea/ScrollAreaViewport.cjs

@@ -1,91 +1,82 @@
-'use strict';
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const require_shared_useNonce = require('../shared/useNonce.cjs');
+const require_ScrollArea_ScrollAreaRoot = require('./ScrollAreaRoot.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
 
-const vue = require('vue');
-const shared_useNonce = require('../shared/useNonce.cjs');
-const shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
-const Primitive_Primitive = require('../Primitive/Primitive.cjs');
-const ScrollArea_ScrollAreaRoot = require('./ScrollAreaRoot.cjs');
+//#region src/ScrollArea/ScrollAreaViewport.vue?vue&type=script&setup=true&lang.ts
+var ScrollAreaViewport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "ScrollAreaViewport",
+	props: {
+		nonce: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const { nonce: propNonce } = (0, vue.toRefs)(props);
+		const nonce = require_shared_useNonce.useNonce(propNonce);
+		const rootContext = require_ScrollArea_ScrollAreaRoot.injectScrollAreaRootContext();
+		const viewportElement = (0, vue.ref)();
+		(0, vue.onMounted)(() => {
+			rootContext.onViewportChange(viewportElement.value);
+			rootContext.onContentChange(contentElement.value);
+		});
+		__expose({ viewportElement });
+		const { forwardRef, currentElement: contentElement } = require_shared_useForwardExpose.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createElementVNode)("div", (0, vue.mergeProps)({
+				ref_key: "viewportElement",
+				ref: viewportElement,
+				"data-reka-scroll-area-viewport": "",
+				style: {
+					overflowX: (0, vue.unref)(rootContext).scrollbarXEnabled.value ? "scroll" : "hidden",
+					overflowY: (0, vue.unref)(rootContext).scrollbarYEnabled.value ? "scroll" : "hidden"
+				}
+			}, _ctx.$attrs, { tabindex: 0 }), [(0, vue.createVNode)((0, vue.unref)(require_Primitive_Primitive.Primitive), {
+				ref: (0, vue.unref)(forwardRef),
+				style: (0, vue.normalizeStyle)({ minWidth: (0, vue.unref)(rootContext).scrollbarXEnabled.value ? "fit-content" : void 0 }),
+				"as-child": props.asChild,
+				as: _ctx.as
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"style",
+				"as-child",
+				"as"
+			])], 16), (0, vue.createVNode)((0, vue.unref)(require_Primitive_Primitive.Primitive), {
+				as: "style",
+				nonce: (0, vue.unref)(nonce)
+			}, {
+				default: (0, vue.withCtx)(() => _cache[0] || (_cache[0] = [(0, vue.createTextVNode)(" /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-scroll-area-viewport] { scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-reka-scroll-area-viewport]::-webkit-scrollbar { display:none; } ")])),
+				_: 1,
+				__: [0]
+			}, 8, ["nonce"])], 64);
+		};
+	}
+});
+
+//#endregion
+//#region src/ScrollArea/ScrollAreaViewport.vue
+var ScrollAreaViewport_default = ScrollAreaViewport_vue_vue_type_script_setup_true_lang_default;
 
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "ScrollAreaViewport",
-  props: {
-    nonce: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const { nonce: propNonce } = vue.toRefs(props);
-    const nonce = shared_useNonce.useNonce(propNonce);
-    const rootContext = ScrollArea_ScrollAreaRoot.injectScrollAreaRootContext();
-    const viewportElement = vue.ref();
-    vue.onMounted(() => {
-      rootContext.onViewportChange(viewportElement.value);
-      rootContext.onContentChange(contentElement.value);
-    });
-    __expose({
-      viewportElement
-    });
-    const { forwardRef, currentElement: contentElement } = shared_useForwardExpose.useForwardExpose();
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createElementVNode("div", vue.mergeProps({
-          ref_key: "viewportElement",
-          ref: viewportElement,
-          "data-reka-scroll-area-viewport": "",
-          style: {
-            /**
-             * We don't support `visible` because the intention is to have at least one scrollbar
-             * if this component is used and `visible` will behave like `auto` in that case
-             * https://developer.mozilla.org/en-US/docs/Web/CSS/overflowed#description
-             *
-             * We don't handle `auto` because the intention is for the native implementation
-             * to be hidden if using this component. We just want to ensure the node is scrollable
-             * so could have used either `scroll` or `auto` here. We picked `scroll` to prevent
-             * the browser from having to work out whether to render native scrollbars or not,
-             * we tell it to with the intention of hiding them in CSS.
-             */
-            overflowX: vue.unref(rootContext).scrollbarXEnabled.value ? "scroll" : "hidden",
-            overflowY: vue.unref(rootContext).scrollbarYEnabled.value ? "scroll" : "hidden"
-          }
-        }, _ctx.$attrs, { tabindex: 0 }), [
-          vue.createVNode(vue.unref(Primitive_Primitive.Primitive), {
-            ref: vue.unref(forwardRef),
-            style: vue.normalizeStyle({
-              /**
-               * When horizontal scrollbar is visible: this element should be at least
-               * as wide as its children for size calculations to work correctly.
-               *
-               * When horizontal scrollbar is NOT visible: this element's width should
-               * be constrained by the parent container to enable `text-overflow: ellipsis`
-               */
-              minWidth: vue.unref(rootContext).scrollbarXEnabled.value ? "fit-content" : void 0
-            }),
-            "as-child": props.asChild,
-            as: _ctx.as
-          }, {
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["style", "as-child", "as"])
-        ], 16),
-        vue.createVNode(vue.unref(Primitive_Primitive.Primitive), {
-          as: "style",
-          nonce: vue.unref(nonce)
-        }, {
-          default: vue.withCtx(() => _cache[0] || (_cache[0] = [
-            vue.createTextVNode(" /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-scroll-area-viewport] { scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-reka-scroll-area-viewport]::-webkit-scrollbar { display:none; } ")
-          ])),
-          _: 1
-        }, 8, ["nonce"])
-      ], 64);
-    };
+//#endregion
+Object.defineProperty(exports, 'ScrollAreaViewport_default', {
+  enumerable: true,
+  get: function () {
+    return ScrollAreaViewport_default;
   }
 });
-
-exports._sfc_main = _sfc_main;
-//# sourceMappingURL=ScrollAreaViewport.cjs.map
+//# sourceMappingURL=ScrollAreaViewport.cjs.map

package/dist/ScrollArea/ScrollAreaViewport.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaViewport.cjs","sources":["../../src/ScrollArea/ScrollAreaViewport.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { useForwardExpose } from '@/shared'\nimport { useNonce } from '@/shared/useNonce'\n\nexport interface ScrollAreaViewportProps extends PrimitiveProps {\n  /**\n   * Will add `nonce` attribute to the style tag which can be used by Content Security Policy. <br> If omitted, inherits globally from `ConfigProvider`.\n   */\n  nonce?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref, toRefs } from 'vue'\nimport { Primitive } from '@/Primitive'\nimport { injectScrollAreaRootContext } from './ScrollAreaRoot.vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = defineProps<ScrollAreaViewportProps>()\n\nconst { nonce: propNonce } = toRefs(props)\nconst nonce = useNonce(propNonce)\n\nconst rootContext = injectScrollAreaRootContext()\n\nconst viewportElement = ref<HTMLElement>()\n\nonMounted(() => {\n  rootContext.onViewportChange(viewportElement.value!)\n  rootContext.onContentChange(contentElement.value!)\n})\n\ndefineExpose({\n  viewportElement,\n})\nconst { forwardRef, currentElement: contentElement } = useForwardExpose()\n</script>\n\n<template>\n  <div\n    ref=\"viewportElement\"\n    data-reka-scroll-area-viewport=\"\"\n    :style=\"{\n      /**\n       * We don't support `visible` because the intention is to have at least one scrollbar\n       * if this component is used and `visible` will behave like `auto` in that case\n       * https://developer.mozilla.org/en-US/docs/Web/CSS/overflowed#description\n       *\n       * We don't handle `auto` because the intention is for the native implementation\n       * to be hidden if using this component. We just want to ensure the node is scrollable\n       * so could have used either `scroll` or `auto` here. We picked `scroll` to prevent\n       * the browser from having to work out whether to render native scrollbars or not,\n       * we tell it to with the intention of hiding them in CSS.\n       */\n      overflowX: rootContext.scrollbarXEnabled.value ? 'scroll' : 'hidden',\n      overflowY: rootContext.scrollbarYEnabled.value ? 'scroll' : 'hidden',\n    }\"\n    v-bind=\"$attrs\"\n    :tabindex=\"0\"\n  >\n    <Primitive\n      :ref=\"forwardRef\"\n      :style=\"{\n        /**\n         * When horizontal scrollbar is visible: this element should be at least\n         * as wide as its children for size calculations to work correctly.\n         *\n         * When horizontal scrollbar is NOT visible: this element's width should\n         * be constrained by the parent container to enable `text-overflow: ellipsis`\n         */\n        minWidth: rootContext.scrollbarXEnabled.value ? 'fit-content' : undefined,\n      }\"\n      :as-child=\"props.asChild\"\n      :as=\"as\"\n    >\n      <slot />\n    </Primitive>\n  </div>\n  <Primitive\n    as=\"style\"\n    :nonce=\"nonce\"\n  >\n    /* Hide scrollbars cross-browser and enable momentum scroll for touch\n    devices */\n    [data-reka-scroll-area-viewport] {\n    scrollbar-width:none;\n    -ms-overflow-style:none;\n    -webkit-overflow-scrolling:touch;\n    }\n\n    [data-reka-scroll-area-viewport]::-webkit-scrollbar {\n    display:none;\n    }\n  </Primitive>\n</template>\n"],"names":["toRefs","useNonce","injectScrollAreaRootContext","ref","onMounted","useForwardExpose"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,EAAE,KAAA,EAAO,SAAU,EAAA,GAAIA,WAAO,KAAK,CAAA;AACzC,IAAM,MAAA,KAAA,GAAQC,yBAAS,SAAS,CAAA;AAEhC,IAAA,MAAM,cAAcC,qDAA4B,EAAA;AAEhD,IAAA,MAAM,kBAAkBC,OAAiB,EAAA;AAEzC,IAAAC,aAAA,CAAU,MAAM;AACd,MAAY,WAAA,CAAA,gBAAA,CAAiB,gBAAgB,KAAM,CAAA;AACnD,MAAY,WAAA,CAAA,eAAA,CAAgB,eAAe,KAAM,CAAA;AAAA,KAClD,CAAA;AAED,IAAa,QAAA,CAAA;AAAA,MACX;AAAA,KACD,CAAA;AACD,IAAA,MAAM,EAAE,UAAA,EAAY,cAAgB,EAAA,cAAA,KAAmBC,wCAAiB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ScrollAreaViewport.cjs","names":["$attrs","as"],"sources":["../../src/ScrollArea/ScrollAreaViewport.vue","../../src/ScrollArea/ScrollAreaViewport.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EAEd,MAAM,EAAE,OAAO,WAAW,GAAG,gBAAO,MAAK;EACzC,MAAM,QAAQ,iCAAS,UAAS;EAEhC,MAAM,cAAc,+DAA4B;EAEhD,MAAM,kBAAkB,cAAiB;AAEzC,qBAAU,MAAM;AACd,eAAY,iBAAiB,gBAAgB,MAAM;AACnD,eAAY,gBAAgB,eAAe,MAAM;EAClD,EAAA;AAED,WAAa,EACX,gBACD,EAAA;EACD,MAAM,EAAE,YAAY,gBAAgB,gBAAgB,GAAG,kDAAiB;;iFAItE,4BAsCM,OAtCN,oBAsCM;aArCA;IAAJ,KAAI;IACJ,kCAA+B;IAC9B,OAAK;gBAA6tB,eAAA,YAAW,CAAC,kBAAkB,QAAK,WAAA;gBAAyC,eAAA,YAAW,CAAC,kBAAkB,QAAK,WAAA;;MAe10BA,KAAAA,QAAM,EACb,UAAU,EAAC,EAAA,EAAA,CAEZ,qBAgBY,eAAA,sCAAA,EAAA;IAfT,KAAK,eAAA,WAAU;IACf,OAAK,wBAAA,YAA6X,eAAA,YAAW,CAAC,kBAAkB,QAAK;IAUra,YAAU,MAAM;IAChB,IAAIC,KAAAA;;8BAEL,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA;;;;;;aAGZ,qBAeY,eAAA,sCAAA,EAAA;IAdV,IAAG;IACF,OAAO,eAAA,MAAK;;8BACd,MAYD,OAAA,OAAA,OAAA,KAAA,0BAZC,iRAYD"}

package/dist/ScrollArea/ScrollAreaViewport.js

@@ -1,89 +1,76 @@
-import { defineComponent, toRefs, ref, onMounted, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, mergeProps, unref, normalizeStyle, withCtx, renderSlot, createTextVNode } from 'vue';
-import { u as useNonce } from '../shared/useNonce.js';
-import { u as useForwardExpose } from '../shared/useForwardExpose.js';
-import { P as Primitive } from '../Primitive/Primitive.js';
-import { i as injectScrollAreaRootContext } from './ScrollAreaRoot.js';
+import { useForwardExpose } from "../shared/useForwardExpose.js";
+import { Primitive } from "../Primitive/Primitive.js";
+import { useNonce } from "../shared/useNonce.js";
+import { injectScrollAreaRootContext } from "./ScrollAreaRoot.js";
+import { Fragment, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeStyle, onMounted, openBlock, ref, renderSlot, toRefs, unref, withCtx } from "vue";
 
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "ScrollAreaViewport",
-  props: {
-    nonce: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const { nonce: propNonce } = toRefs(props);
-    const nonce = useNonce(propNonce);
-    const rootContext = injectScrollAreaRootContext();
-    const viewportElement = ref();
-    onMounted(() => {
-      rootContext.onViewportChange(viewportElement.value);
-      rootContext.onContentChange(contentElement.value);
-    });
-    __expose({
-      viewportElement
-    });
-    const { forwardRef, currentElement: contentElement } = useForwardExpose();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", mergeProps({
-          ref_key: "viewportElement",
-          ref: viewportElement,
-          "data-reka-scroll-area-viewport": "",
-          style: {
-            /**
-             * We don't support `visible` because the intention is to have at least one scrollbar
-             * if this component is used and `visible` will behave like `auto` in that case
-             * https://developer.mozilla.org/en-US/docs/Web/CSS/overflowed#description
-             *
-             * We don't handle `auto` because the intention is for the native implementation
-             * to be hidden if using this component. We just want to ensure the node is scrollable
-             * so could have used either `scroll` or `auto` here. We picked `scroll` to prevent
-             * the browser from having to work out whether to render native scrollbars or not,
-             * we tell it to with the intention of hiding them in CSS.
-             */
-            overflowX: unref(rootContext).scrollbarXEnabled.value ? "scroll" : "hidden",
-            overflowY: unref(rootContext).scrollbarYEnabled.value ? "scroll" : "hidden"
-          }
-        }, _ctx.$attrs, { tabindex: 0 }), [
-          createVNode(unref(Primitive), {
-            ref: unref(forwardRef),
-            style: normalizeStyle({
-              /**
-               * When horizontal scrollbar is visible: this element should be at least
-               * as wide as its children for size calculations to work correctly.
-               *
-               * When horizontal scrollbar is NOT visible: this element's width should
-               * be constrained by the parent container to enable `text-overflow: ellipsis`
-               */
-              minWidth: unref(rootContext).scrollbarXEnabled.value ? "fit-content" : void 0
-            }),
-            "as-child": props.asChild,
-            as: _ctx.as
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["style", "as-child", "as"])
-        ], 16),
-        createVNode(unref(Primitive), {
-          as: "style",
-          nonce: unref(nonce)
-        }, {
-          default: withCtx(() => _cache[0] || (_cache[0] = [
-            createTextVNode(" /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-scroll-area-viewport] { scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-reka-scroll-area-viewport]::-webkit-scrollbar { display:none; } ")
-          ])),
-          _: 1
-        }, 8, ["nonce"])
-      ], 64);
-    };
-  }
+//#region src/ScrollArea/ScrollAreaViewport.vue?vue&type=script&setup=true&lang.ts
+var ScrollAreaViewport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ScrollAreaViewport",
+	props: {
+		nonce: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const { nonce: propNonce } = toRefs(props);
+		const nonce = useNonce(propNonce);
+		const rootContext = injectScrollAreaRootContext();
+		const viewportElement = ref();
+		onMounted(() => {
+			rootContext.onViewportChange(viewportElement.value);
+			rootContext.onContentChange(contentElement.value);
+		});
+		__expose({ viewportElement });
+		const { forwardRef, currentElement: contentElement } = useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", mergeProps({
+				ref_key: "viewportElement",
+				ref: viewportElement,
+				"data-reka-scroll-area-viewport": "",
+				style: {
+					overflowX: unref(rootContext).scrollbarXEnabled.value ? "scroll" : "hidden",
+					overflowY: unref(rootContext).scrollbarYEnabled.value ? "scroll" : "hidden"
+				}
+			}, _ctx.$attrs, { tabindex: 0 }), [createVNode(unref(Primitive), {
+				ref: unref(forwardRef),
+				style: normalizeStyle({ minWidth: unref(rootContext).scrollbarXEnabled.value ? "fit-content" : void 0 }),
+				"as-child": props.asChild,
+				as: _ctx.as
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"style",
+				"as-child",
+				"as"
+			])], 16), createVNode(unref(Primitive), {
+				as: "style",
+				nonce: unref(nonce)
+			}, {
+				default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode(" /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-scroll-area-viewport] { scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-reka-scroll-area-viewport]::-webkit-scrollbar { display:none; } ")])),
+				_: 1,
+				__: [0]
+			}, 8, ["nonce"])], 64);
+		};
+	}
 });
 
-export { _sfc_main as _ };
-//# sourceMappingURL=ScrollAreaViewport.js.map
+//#endregion
+//#region src/ScrollArea/ScrollAreaViewport.vue
+var ScrollAreaViewport_default = ScrollAreaViewport_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { ScrollAreaViewport_default };
+//# sourceMappingURL=ScrollAreaViewport.js.map

package/dist/ScrollArea/ScrollAreaViewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaViewport.js","sources":["../../src/ScrollArea/ScrollAreaViewport.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { useForwardExpose } from '@/shared'\nimport { useNonce } from '@/shared/useNonce'\n\nexport interface ScrollAreaViewportProps extends PrimitiveProps {\n  /**\n   * Will add `nonce` attribute to the style tag which can be used by Content Security Policy. <br> If omitted, inherits globally from `ConfigProvider`.\n   */\n  nonce?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref, toRefs } from 'vue'\nimport { Primitive } from '@/Primitive'\nimport { injectScrollAreaRootContext } from './ScrollAreaRoot.vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = defineProps<ScrollAreaViewportProps>()\n\nconst { nonce: propNonce } = toRefs(props)\nconst nonce = useNonce(propNonce)\n\nconst rootContext = injectScrollAreaRootContext()\n\nconst viewportElement = ref<HTMLElement>()\n\nonMounted(() => {\n  rootContext.onViewportChange(viewportElement.value!)\n  rootContext.onContentChange(contentElement.value!)\n})\n\ndefineExpose({\n  viewportElement,\n})\nconst { forwardRef, currentElement: contentElement } = useForwardExpose()\n</script>\n\n<template>\n  <div\n    ref=\"viewportElement\"\n    data-reka-scroll-area-viewport=\"\"\n    :style=\"{\n      /**\n       * We don't support `visible` because the intention is to have at least one scrollbar\n       * if this component is used and `visible` will behave like `auto` in that case\n       * https://developer.mozilla.org/en-US/docs/Web/CSS/overflowed#description\n       *\n       * We don't handle `auto` because the intention is for the native implementation\n       * to be hidden if using this component. We just want to ensure the node is scrollable\n       * so could have used either `scroll` or `auto` here. We picked `scroll` to prevent\n       * the browser from having to work out whether to render native scrollbars or not,\n       * we tell it to with the intention of hiding them in CSS.\n       */\n      overflowX: rootContext.scrollbarXEnabled.value ? 'scroll' : 'hidden',\n      overflowY: rootContext.scrollbarYEnabled.value ? 'scroll' : 'hidden',\n    }\"\n    v-bind=\"$attrs\"\n    :tabindex=\"0\"\n  >\n    <Primitive\n      :ref=\"forwardRef\"\n      :style=\"{\n        /**\n         * When horizontal scrollbar is visible: this element should be at least\n         * as wide as its children for size calculations to work correctly.\n         *\n         * When horizontal scrollbar is NOT visible: this element's width should\n         * be constrained by the parent container to enable `text-overflow: ellipsis`\n         */\n        minWidth: rootContext.scrollbarXEnabled.value ? 'fit-content' : undefined,\n      }\"\n      :as-child=\"props.asChild\"\n      :as=\"as\"\n    >\n      <slot />\n    </Primitive>\n  </div>\n  <Primitive\n    as=\"style\"\n    :nonce=\"nonce\"\n  >\n    /* Hide scrollbars cross-browser and enable momentum scroll for touch\n    devices */\n    [data-reka-scroll-area-viewport] {\n    scrollbar-width:none;\n    -ms-overflow-style:none;\n    -webkit-overflow-scrolling:touch;\n    }\n\n    [data-reka-scroll-area-viewport]::-webkit-scrollbar {\n    display:none;\n    }\n  </Primitive>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAsBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,EAAE,KAAA,EAAO,SAAU,EAAA,GAAI,OAAO,KAAK,CAAA;AACzC,IAAM,MAAA,KAAA,GAAQ,SAAS,SAAS,CAAA;AAEhC,IAAA,MAAM,cAAc,2BAA4B,EAAA;AAEhD,IAAA,MAAM,kBAAkB,GAAiB,EAAA;AAEzC,IAAA,SAAA,CAAU,MAAM;AACd,MAAY,WAAA,CAAA,gBAAA,CAAiB,gBAAgB,KAAM,CAAA;AACnD,MAAY,WAAA,CAAA,eAAA,CAAgB,eAAe,KAAM,CAAA;AAAA,KAClD,CAAA;AAED,IAAa,QAAA,CAAA;AAAA,MACX;AAAA,KACD,CAAA;AACD,IAAA,MAAM,EAAE,UAAA,EAAY,cAAgB,EAAA,cAAA,KAAmB,gBAAiB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ScrollAreaViewport.js","names":["$attrs","as"],"sources":["../../src/ScrollArea/ScrollAreaViewport.vue","../../src/ScrollArea/ScrollAreaViewport.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EAEd,MAAM,EAAE,OAAO,WAAW,GAAG,OAAO,MAAK;EACzC,MAAM,QAAQ,SAAS,UAAS;EAEhC,MAAM,cAAc,6BAA4B;EAEhD,MAAM,kBAAkB,KAAiB;AAEzC,YAAU,MAAM;AACd,eAAY,iBAAiB,gBAAgB,MAAM;AACnD,eAAY,gBAAgB,eAAe,MAAM;EAClD,EAAA;AAED,WAAa,EACX,gBACD,EAAA;EACD,MAAM,EAAE,YAAY,gBAAgB,gBAAgB,GAAG,kBAAiB;;2DAItE,mBAsCM,OAtCN,WAsCM;aArCA;IAAJ,KAAI;IACJ,kCAA+B;IAC9B,OAAK;gBAA6tB,MAAA,YAAW,CAAC,kBAAkB,QAAK,WAAA;gBAAyC,MAAA,YAAW,CAAC,kBAAkB,QAAK,WAAA;;MAe10BA,KAAAA,QAAM,EACb,UAAU,EAAC,EAAA,EAAA,CAEZ,YAgBY,MAAA,UAAA,EAAA;IAfT,KAAK,MAAA,WAAU;IACf,OAAK,eAAA,YAA6X,MAAA,YAAW,CAAC,kBAAkB,QAAK;IAUra,YAAU,MAAM;IAChB,IAAIC,KAAAA;;qBAEL,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA;;;;;;aAGZ,YAeY,MAAA,UAAA,EAAA;IAdV,IAAG;IACF,OAAO,MAAA,MAAK;;qBACd,MAYD,OAAA,OAAA,OAAA,KAAA,iBAZC,iRAYD"}

package/dist/ScrollArea/utils.cjs

@@ -1,82 +1,113 @@
-'use strict';
-
-const shared_clamp = require('../shared/clamp.cjs');
+const require_shared_clamp = require('../shared/clamp.cjs');
 
+//#region src/ScrollArea/utils.ts
 function linearScale(input, output) {
-  return (value) => {
-    if (input[0] === input[1] || output[0] === output[1])
-      return output[0];
-    const ratio = (output[1] - output[0]) / (input[1] - input[0]);
-    return output[0] + ratio * (value - input[0]);
-  };
+	return (value) => {
+		if (input[0] === input[1] || output[0] === output[1]) return output[0];
+		const ratio = (output[1] - output[0]) / (input[1] - input[0]);
+		return output[0] + ratio * (value - input[0]);
+	};
 }
 function getThumbSize(sizes) {
-  const ratio = getThumbRatio(sizes.viewport, sizes.content);
-  const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
-  const thumbSize = (sizes.scrollbar.size - scrollbarPadding) * ratio;
-  return Math.max(thumbSize, 18);
+	const ratio = getThumbRatio(sizes.viewport, sizes.content);
+	const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
+	const thumbSize = (sizes.scrollbar.size - scrollbarPadding) * ratio;
+	return Math.max(thumbSize, 18);
 }
 function getThumbRatio(viewportSize, contentSize) {
-  const ratio = viewportSize / contentSize;
-  return Number.isNaN(ratio) ? 0 : ratio;
+	const ratio = viewportSize / contentSize;
+	return Number.isNaN(ratio) ? 0 : ratio;
 }
-function addUnlinkedScrollListener(node, handler = () => {
-}) {
-  let prevPosition = { left: node.scrollLeft, top: node.scrollTop };
-  let rAF = 0;
-  (function loop() {
-    const position = { left: node.scrollLeft, top: node.scrollTop };
-    const isHorizontalScroll = prevPosition.left !== position.left;
-    const isVerticalScroll = prevPosition.top !== position.top;
-    if (isHorizontalScroll || isVerticalScroll)
-      handler();
-    prevPosition = position;
-    rAF = window.requestAnimationFrame(loop);
-  })();
-  return () => window.cancelAnimationFrame(rAF);
+function addUnlinkedScrollListener(node, handler = () => {}) {
+	let prevPosition = {
+		left: node.scrollLeft,
+		top: node.scrollTop
+	};
+	let rAF = 0;
+	(function loop() {
+		const position = {
+			left: node.scrollLeft,
+			top: node.scrollTop
+		};
+		const isHorizontalScroll = prevPosition.left !== position.left;
+		const isVerticalScroll = prevPosition.top !== position.top;
+		if (isHorizontalScroll || isVerticalScroll) handler();
+		prevPosition = position;
+		rAF = window.requestAnimationFrame(loop);
+	})();
+	return () => window.cancelAnimationFrame(rAF);
 }
 function getThumbOffsetFromScroll(scrollPos, sizes, dir = "ltr") {
-  const thumbSizePx = getThumbSize(sizes);
-  const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
-  const scrollbar = sizes.scrollbar.size - scrollbarPadding;
-  const maxScrollPos = sizes.content - sizes.viewport;
-  const maxThumbPos = scrollbar - thumbSizePx;
-  const scrollClampRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
-  const scrollWithoutMomentum = shared_clamp.clamp(
-    scrollPos,
-    scrollClampRange[0],
-    scrollClampRange[1]
-  );
-  const interpolate = linearScale([0, maxScrollPos], [0, maxThumbPos]);
-  return interpolate(scrollWithoutMomentum);
+	const thumbSizePx = getThumbSize(sizes);
+	const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
+	const scrollbar = sizes.scrollbar.size - scrollbarPadding;
+	const maxScrollPos = sizes.content - sizes.viewport;
+	const maxThumbPos = scrollbar - thumbSizePx;
+	const scrollClampRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
+	const scrollWithoutMomentum = require_shared_clamp.clamp(scrollPos, scrollClampRange[0], scrollClampRange[1]);
+	const interpolate = linearScale([0, maxScrollPos], [0, maxThumbPos]);
+	return interpolate(scrollWithoutMomentum);
 }
 function toInt(value) {
-  return value ? Number.parseInt(value, 10) : 0;
+	return value ? Number.parseInt(value, 10) : 0;
 }
 function getScrollPositionFromPointer(pointerPos, pointerOffset, sizes, dir = "ltr") {
-  const thumbSizePx = getThumbSize(sizes);
-  const thumbCenter = thumbSizePx / 2;
-  const offset = pointerOffset || thumbCenter;
-  const thumbOffsetFromEnd = thumbSizePx - offset;
-  const minPointerPos = sizes.scrollbar.paddingStart + offset;
-  const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;
-  const maxScrollPos = sizes.content - sizes.viewport;
-  const scrollRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
-  const interpolate = linearScale(
-    [minPointerPos, maxPointerPos],
-    scrollRange
-  );
-  return interpolate(pointerPos);
+	const thumbSizePx = getThumbSize(sizes);
+	const thumbCenter = thumbSizePx / 2;
+	const offset = pointerOffset || thumbCenter;
+	const thumbOffsetFromEnd = thumbSizePx - offset;
+	const minPointerPos = sizes.scrollbar.paddingStart + offset;
+	const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;
+	const maxScrollPos = sizes.content - sizes.viewport;
+	const scrollRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
+	const interpolate = linearScale([minPointerPos, maxPointerPos], scrollRange);
+	return interpolate(pointerPos);
 }
 function isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos) {
-  return scrollPos > 0 && scrollPos < maxScrollPos;
+	return scrollPos > 0 && scrollPos < maxScrollPos;
 }
 
-exports.addUnlinkedScrollListener = addUnlinkedScrollListener;
-exports.getScrollPositionFromPointer = getScrollPositionFromPointer;
-exports.getThumbOffsetFromScroll = getThumbOffsetFromScroll;
-exports.getThumbRatio = getThumbRatio;
-exports.getThumbSize = getThumbSize;
-exports.isScrollingWithinScrollbarBounds = isScrollingWithinScrollbarBounds;
-exports.toInt = toInt;
-//# sourceMappingURL=utils.cjs.map
+//#endregion
+Object.defineProperty(exports, 'addUnlinkedScrollListener', {
+  enumerable: true,
+  get: function () {
+    return addUnlinkedScrollListener;
+  }
+});
+Object.defineProperty(exports, 'getScrollPositionFromPointer', {
+  enumerable: true,
+  get: function () {
+    return getScrollPositionFromPointer;
+  }
+});
+Object.defineProperty(exports, 'getThumbOffsetFromScroll', {
+  enumerable: true,
+  get: function () {
+    return getThumbOffsetFromScroll;
+  }
+});
+Object.defineProperty(exports, 'getThumbRatio', {
+  enumerable: true,
+  get: function () {
+    return getThumbRatio;
+  }
+});
+Object.defineProperty(exports, 'getThumbSize', {
+  enumerable: true,
+  get: function () {
+    return getThumbSize;
+  }
+});
+Object.defineProperty(exports, 'isScrollingWithinScrollbarBounds', {
+  enumerable: true,
+  get: function () {
+    return isScrollingWithinScrollbarBounds;
+  }
+});
+Object.defineProperty(exports, 'toInt', {
+  enumerable: true,
+  get: function () {
+    return toInt;
+  }
+});
+//# sourceMappingURL=utils.cjs.map

package/dist/ScrollArea/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../src/ScrollArea/utils.ts"],"sourcesContent":["import type { Direction, Sizes } from './types'\nimport { clamp } from '@/shared'\n\n// https://github.com/tmcw-up-for-adoption/simple-linear-scale/blob/master/index.js\nfunction linearScale(\n  input: readonly [number, number],\n  output: readonly [number, number],\n) {\n  return (value: number) => {\n    if (input[0] === input[1] || output[0] === output[1])\n      return output[0]\n    const ratio = (output[1] - output[0]) / (input[1] - input[0])\n    return output[0] + ratio * (value - input[0])\n  }\n}\n\nexport function getThumbSize(sizes: Sizes) {\n  const ratio = getThumbRatio(sizes.viewport, sizes.content)\n  const scrollbarPadding\n    = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd\n  const thumbSize = (sizes.scrollbar.size - scrollbarPadding) * ratio\n  // minimum of 18 matches macOS minimum\n  return Math.max(thumbSize, 18)\n}\n\nexport function getThumbRatio(viewportSize: number, contentSize: number) {\n  const ratio = viewportSize / contentSize\n  return Number.isNaN(ratio) ? 0 : ratio\n}\n\n// Custom scroll handler to avoid scroll-linked effects\n// https://developer.mozilla.org/en-US/docs/Mozilla/Performance/Scroll-linked_effects\nexport function addUnlinkedScrollListener(\n  node: HTMLElement,\n  handler = () => {},\n) {\n  let prevPosition = { left: node.scrollLeft, top: node.scrollTop }\n  let rAF = 0;\n  (function loop() {\n    const position = { left: node.scrollLeft, top: node.scrollTop }\n    const isHorizontalScroll = prevPosition.left !== position.left\n    const isVerticalScroll = prevPosition.top !== position.top\n    if (isHorizontalScroll || isVerticalScroll)\n      handler()\n    prevPosition = position\n    rAF = window.requestAnimationFrame(loop)\n  })()\n  return () => window.cancelAnimationFrame(rAF)\n}\n\nexport function getThumbOffsetFromScroll(\n  scrollPos: number,\n  sizes: Sizes,\n  dir: Direction = 'ltr',\n) {\n  const thumbSizePx = getThumbSize(sizes)\n  const scrollbarPadding\n    = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd\n  const scrollbar = sizes.scrollbar.size - scrollbarPadding\n  const maxScrollPos = sizes.content - sizes.viewport\n  const maxThumbPos = scrollbar - thumbSizePx\n  const scrollClampRange\n    = dir === 'ltr' ? [0, maxScrollPos] : [maxScrollPos * -1, 0]\n  const scrollWithoutMomentum = clamp(\n    scrollPos,\n    scrollClampRange[0],\n    scrollClampRange[1],\n  )\n  const interpolate = linearScale([0, maxScrollPos], [0, maxThumbPos])\n  return interpolate(scrollWithoutMomentum)\n}\n\nexport function toInt(value?: string) {\n  return value ? Number.parseInt(value, 10) : 0\n}\n\nexport function getScrollPositionFromPointer(\n  pointerPos: number,\n  pointerOffset: number,\n  sizes: Sizes,\n  dir: Direction = 'ltr',\n) {\n  const thumbSizePx = getThumbSize(sizes)\n  const thumbCenter = thumbSizePx / 2\n  const offset = pointerOffset || thumbCenter\n  const thumbOffsetFromEnd = thumbSizePx - offset\n  const minPointerPos = sizes.scrollbar.paddingStart + offset\n  const maxPointerPos\n    = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd\n  const maxScrollPos = sizes.content - sizes.viewport\n  const scrollRange\n    = dir === 'ltr' ? [0, maxScrollPos] : [maxScrollPos * -1, 0]\n  const interpolate = linearScale(\n    [minPointerPos, maxPointerPos],\n    scrollRange as [number, number],\n  )\n  return interpolate(pointerPos)\n}\n\nexport function isScrollingWithinScrollbarBounds(\n  scrollPos: number,\n  maxScrollPos: number,\n) {\n  return scrollPos > 0 && scrollPos < maxScrollPos\n}\n"],"names":["clamp"],"mappings":"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"}
+{"version":3,"file":"utils.cjs","names":["input: readonly [number, number]","output: readonly [number, number]","value: number","sizes: Sizes","viewportSize: number","contentSize: number","node: HTMLElement","scrollPos: number","dir: Direction","value?: string","pointerPos: number","pointerOffset: number","maxScrollPos: number"],"sources":["../../src/ScrollArea/utils.ts"],"sourcesContent":[],"mappings":";;;AAIA,SAAS,YACPA,OACAC,QACA;AACA,QAAO,CAACC,UAAkB;AACxB,MAAI,MAAM,OAAO,MAAM,MAAM,OAAO,OAAO,OAAO,GAChD,QAAO,OAAO;EAChB,MAAM,SAAS,OAAO,KAAK,OAAO,OAAO,MAAM,KAAK,MAAM;AAC1D,SAAO,OAAO,KAAK,SAAS,QAAQ,MAAM;CAC3C;AACF;AAED,SAAgB,aAAaC,OAAc;CACzC,MAAM,QAAQ,cAAc,MAAM,UAAU,MAAM,QAAQ;CAC1D,MAAM,mBACF,MAAM,UAAU,eAAe,MAAM,UAAU;CACnD,MAAM,aAAa,MAAM,UAAU,OAAO,oBAAoB;AAE9D,QAAO,KAAK,IAAI,WAAW,GAAG;AAC/B;AAED,SAAgB,cAAcC,cAAsBC,aAAqB;CACvE,MAAM,QAAQ,eAAe;AAC7B,QAAO,OAAO,MAAM,MAAM,GAAG,IAAI;AAClC;AAID,SAAgB,0BACdC,MACA,UAAU,MAAM,CAAE,GAClB;CACA,IAAI,eAAe;EAAE,MAAM,KAAK;EAAY,KAAK,KAAK;CAAW;CACjE,IAAI,MAAM;AACV,EAAC,SAAS,OAAO;EACf,MAAM,WAAW;GAAE,MAAM,KAAK;GAAY,KAAK,KAAK;EAAW;EAC/D,MAAM,qBAAqB,aAAa,SAAS,SAAS;EAC1D,MAAM,mBAAmB,aAAa,QAAQ,SAAS;AACvD,MAAI,sBAAsB,iBACxB,UAAS;AACX,iBAAe;AACf,QAAM,OAAO,sBAAsB,KAAK;CACzC,IAAG;AACJ,QAAO,MAAM,OAAO,qBAAqB,IAAI;AAC9C;AAED,SAAgB,yBACdC,WACAJ,OACAK,MAAiB,OACjB;CACA,MAAM,cAAc,aAAa,MAAM;CACvC,MAAM,mBACF,MAAM,UAAU,eAAe,MAAM,UAAU;CACnD,MAAM,YAAY,MAAM,UAAU,OAAO;CACzC,MAAM,eAAe,MAAM,UAAU,MAAM;CAC3C,MAAM,cAAc,YAAY;CAChC,MAAM,mBACF,QAAQ,QAAQ,CAAC,GAAG,YAAa,IAAG,CAAC,eAAe,IAAI,CAAE;CAC9D,MAAM,wBAAwB,2BAC5B,WACA,iBAAiB,IACjB,iBAAiB,GAClB;CACD,MAAM,cAAc,YAAY,CAAC,GAAG,YAAa,GAAE,CAAC,GAAG,WAAY,EAAC;AACpE,QAAO,YAAY,sBAAsB;AAC1C;AAED,SAAgB,MAAMC,OAAgB;AACpC,QAAO,QAAQ,OAAO,SAAS,OAAO,GAAG,GAAG;AAC7C;AAED,SAAgB,6BACdC,YACAC,eACAR,OACAK,MAAiB,OACjB;CACA,MAAM,cAAc,aAAa,MAAM;CACvC,MAAM,cAAc,cAAc;CAClC,MAAM,SAAS,iBAAiB;CAChC,MAAM,qBAAqB,cAAc;CACzC,MAAM,gBAAgB,MAAM,UAAU,eAAe;CACrD,MAAM,gBACF,MAAM,UAAU,OAAO,MAAM,UAAU,aAAa;CACxD,MAAM,eAAe,MAAM,UAAU,MAAM;CAC3C,MAAM,cACF,QAAQ,QAAQ,CAAC,GAAG,YAAa,IAAG,CAAC,eAAe,IAAI,CAAE;CAC9D,MAAM,cAAc,YAClB,CAAC,eAAe,aAAc,GAC9B,YACD;AACD,QAAO,YAAY,WAAW;AAC/B;AAED,SAAgB,iCACdD,WACAK,cACA;AACA,QAAO,YAAY,KAAK,YAAY;AACrC"}