sl-ui-pc 2.12.7-beta1 → 2.12.7

package/es/components/roving-focus-group/src/roving-focus-group2.mjs

@@ -1,31 +1,31 @@
-import { createCollectionWithScope } from '../../collection/src/collection.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, normalizeProps, guardReactiveProps, renderSlot } from 'vue';
+import SlRovingFocusGroupImpl from './roving-focus-group-impl.mjs';
+import { SlCollection } from './roving-focus-group.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-const rovingFocusGroupProps = buildProps({
-  style: { type: definePropType([String, Array, Object]) },
-  currentTabId: {
-    type: definePropType(String)
-  },
-  defaultCurrentTabId: String,
-  loop: Boolean,
-  dir: {
-    type: String,
-    values: ["ltr", "rtl"],
-    default: "ltr"
-  },
-  orientation: {
-    type: definePropType(String)
-  },
-  onBlur: Function,
-  onFocus: Function,
-  onMousedown: Function
+const _sfc_main = defineComponent({
+  name: "SlRovingFocusGroup",
+  components: {
+    SlFocusGroupCollection: SlCollection,
+    SlRovingFocusGroupImpl
+  }
 });
-const {
-  SlCollection,
-  SlCollectionItem,
-  COLLECTION_INJECTION_KEY,
-  COLLECTION_ITEM_INJECTION_KEY
-} = createCollectionWithScope("RovingFocusGroup");
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_sl_roving_focus_group_impl = resolveComponent("sl-roving-focus-group-impl");
+  const _component_sl_focus_group_collection = resolveComponent("sl-focus-group-collection");
+  return openBlock(), createBlock(_component_sl_focus_group_collection, null, {
+    default: withCtx(() => [
+      createVNode(_component_sl_roving_focus_group_impl, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16)
+    ]),
+    _: 3
+  });
+}
+var SlRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "roving-focus-group.vue"]]);
 
-export { COLLECTION_INJECTION_KEY as ROVING_FOCUS_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY, SlCollection, SlCollectionItem, rovingFocusGroupProps };
+export { SlRovingFocusGroup as default };
 //# sourceMappingURL=roving-focus-group2.mjs.map

package/es/components/roving-focus-group/src/roving-focus-group2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"roving-focus-group2.mjs","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-group.ts"],"sourcesContent":["import { buildProps, definePropType } from '@sl-ui-pc/utils'\nimport { createCollectionWithScope } from '@sl-ui-pc/components/collection'\n\nimport type {\n  ExtractPropTypes,\n  HTMLAttributes,\n  StyleValue,\n  __ExtractPublicPropTypes,\n} from 'vue'\n\nexport const rovingFocusGroupProps = buildProps({\n  style: { type: definePropType<StyleValue>([String, Array, Object]) },\n  currentTabId: {\n    type: definePropType<string | null>(String),\n  },\n  defaultCurrentTabId: String,\n  loop: Boolean,\n  dir: {\n    type: String, // left for direction support\n    values: ['ltr', 'rtl'],\n    default: 'ltr',\n  },\n  orientation: {\n    // left for orientation support\n    type: definePropType<HTMLAttributes['aria-orientation']>(String),\n  },\n\n  onBlur: Function,\n  onFocus: Function,\n  onMousedown: Function,\n})\n\nexport type SlRovingFocusGroupProps = ExtractPropTypes<\n  typeof rovingFocusGroupProps\n>\nexport type SlRovingFocusGroupPropsPublic = __ExtractPublicPropTypes<\n  typeof rovingFocusGroupProps\n>\n\nconst {\n  SlCollection,\n  SlCollectionItem,\n  COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY,\n} = createCollectionWithScope('RovingFocusGroup')\n\nexport {\n  SlCollection,\n  SlCollectionItem,\n  COLLECTION_INJECTION_KEY as ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n}\n"],"names":[],"mappings":";;;AAEY,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE;AAC1D,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,mBAAmB,EAAE,MAAM;AAC7B,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,OAAO,EAAE,QAAQ;AACnB,EAAE,WAAW,EAAE,QAAQ;AACvB,CAAC,EAAE;AACE,MAAC;AACN,EAAE,YAAY;AACd,EAAE,gBAAgB;AAClB,EAAE,wBAAwB;AAC1B,EAAE,6BAA6B;AAC/B,CAAC,GAAG,yBAAyB,CAAC,kBAAkB;;;;"}
+{"version":3,"file":"roving-focus-group2.mjs","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-group.vue"],"sourcesContent":["<template>\n  <sl-focus-group-collection>\n    <sl-roving-focus-group-impl v-bind=\"$attrs\">\n      <slot />\n    </sl-roving-focus-group-impl>\n  </sl-focus-group-collection>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport SlRovingFocusGroupImpl from './roving-focus-group-impl.vue'\nimport { SlCollection as SlFocusGroupCollection } from './roving-focus-group'\n\nexport default defineComponent({\n  name: 'SlRovingFocusGroup',\n  components: {\n    SlFocusGroupCollection,\n    SlRovingFocusGroupImpl,\n  },\n})\n</script>\n"],"names":["SlFocusGroupCollection","_createBlock","_withCtx","_createVNode","_normalizeProps","_guardReactiveProps","_renderSlot"],"mappings":";;;;;AAaA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,oBAAA;AAAA,EACN,UAAY,EAAA;AAAA,4BACVA,YAAA;AAAA,IACA,sBAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;sBAlBCC,WAI4B,CAAA,oCAAA,EAAA,IAAA,EAAA;AAAA,IAAA,OAAA,EAAAC,OAAA,CAH1B,MAE6B;AAAA,MAF7BC,WAAA,CAAA,qCAAA,EAAAC,cAAA,CAAAC,kBAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA;AAAA,QAE6B,OAAA,EAAAH,OAAA,CAAA,MAAA;AAAA,UAAAI,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAFO,CAAM;AAAA,SAAA,CAAA;AAAA,QAAA,CAAA,EAAA,CAAA;AAChC,OAAA,EAAA,EAAA,CAAR;AAAQ,KAAA,CAAA;;;;;;;;"}

package/es/components/roving-focus-group/src/roving-focus-item.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, inject, ref, computed, unref, provide, nextTick, resolveComponent, openBlock, createBlock, withCtx, renderSlot } from 'vue';
-import { SlCollectionItem, ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY } from './roving-focus-group2.mjs';
+import { SlCollectionItem, ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY } from './roving-focus-group.mjs';
 import { ROVING_FOCUS_GROUP_INJECTION_KEY, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY } from './tokens.mjs';
 import { getFocusIntent, reorderArray, focusFirst } from './utils.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';

package/es/components/row/index.mjs

@@ -1,5 +1,5 @@
-import Row from './src/row2.mjs';
-export { RowAlign, RowJustify, rowProps } from './src/row.mjs';
+import Row from './src/row.mjs';
+export { RowAlign, RowJustify, rowProps } from './src/row2.mjs';
 export { rowContextKey } from './src/constants.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 

package/es/components/row/src/row.mjs

@@ -1,33 +1,56 @@
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, computed, provide, openBlock, createBlock, resolveDynamicComponent, normalizeClass, unref, normalizeStyle, withCtx, renderSlot } from 'vue';
+import { rowContextKey } from './constants.mjs';
+import { rowProps } from './row2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const RowJustify = [
-  "start",
-  "center",
-  "end",
-  "space-around",
-  "space-between",
-  "space-evenly"
-];
-const RowAlign = ["top", "middle", "bottom"];
-const rowProps = buildProps({
-  tag: {
-    type: String,
-    default: "div"
-  },
-  gutter: {
-    type: [Number, Array],
-    default: 0
-  },
-  justify: {
-    type: String,
-    values: RowJustify,
-    default: "start"
-  },
-  align: {
-    type: String,
-    values: RowAlign
+const __default__ = defineComponent({
+  name: "SlRow"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: rowProps,
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("row");
+    const gutter = computed(() => props.gutter);
+    provide(rowContextKey, {
+      gutter
+    });
+    const style = computed(() => {
+      const styles = {};
+      if (!props.gutter) {
+        return styles;
+      }
+      if (Array.isArray(props.gutter) && props.gutter.length > 1) {
+        const transverse = props.gutter[0] || 0;
+        const direction = props.gutter[1] || 0;
+        styles.marginRight = styles.marginLeft = `-${transverse / 2}px`;
+        styles.marginBottom = styles.marginTop = `-${direction / 2}px`;
+      } else if (typeof props.gutter === "number") {
+        styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`;
+      }
+      return styles;
+    });
+    const rowKls = computed(() => [
+      ns.b(),
+      ns.is(`justify-${props.justify}`, props.justify !== "start"),
+      ns.is(`align-${props.align}`, !!props.align)
+    ]);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+        class: normalizeClass(unref(rowKls)),
+        style: normalizeStyle(unref(style))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
   }
 });
+var Row = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "row.vue"]]);
 
-export { RowAlign, RowJustify, rowProps };
+export { Row as default };
 //# sourceMappingURL=row.mjs.map

package/es/components/row/src/row.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"row.mjs","sources":["../../../../../../packages/components/row/src/row.ts"],"sourcesContent":["import { buildProps } from '@sl-ui-pc/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Row from './row.vue'\n\nexport const RowJustify = [\n  'start',\n  'center',\n  'end',\n  'space-around',\n  'space-between',\n  'space-evenly',\n] as const\n\nexport const RowAlign = ['top', 'middle', 'bottom'] as const\n\nexport const rowProps = buildProps({\n  /**\n   * @description custom element tag\n   */\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  /**\n   * @description grid spacing\n   */\n  gutter: {\n    type: [Number, Array],\n    default: 0,\n  },\n  /**\n   * @description horizontal alignment of flex layout\n   */\n  justify: {\n    type: String,\n    values: RowJustify,\n    default: 'start',\n  },\n  /**\n   * @description vertical alignment of flex layout\n   */\n  align: {\n    type: String,\n    values: RowAlign,\n  },\n} as const)\n\nexport type RowProps = ExtractPropTypes<typeof rowProps>\nexport type RowPropsPublic = __ExtractPublicPropTypes<typeof rowProps>\nexport type RowInstance = InstanceType<typeof Row> & unknown\n"],"names":[],"mappings":";;AACY,MAAC,UAAU,GAAG;AAC1B,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,eAAe;AACjB,EAAE,cAAc;AAChB,EAAE;AACU,MAAC,QAAQ,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACxC,MAAC,QAAQ,GAAG,UAAU,CAAC;AACnC,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;AACzB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,QAAQ;AACpB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"row.mjs","sources":["../../../../../../packages/components/row/src/row.vue"],"sourcesContent":["<template>\n  <component :is=\"tag\" :class=\"rowKls\" :style=\"style\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { useNamespace } from '@sl-ui-pc/hooks'\nimport { rowContextKey } from './constants'\nimport { rowProps } from './row'\n\nimport type { CSSProperties, ComputedRef } from 'vue'\n\ndefineOptions({\n  name: 'SlRow',\n})\n\nconst props = defineProps(rowProps)\n\nconst ns = useNamespace('row')\nconst gutter = computed(() => props.gutter)\n\nprovide(rowContextKey, {\n  gutter: gutter as ComputedRef<number | number[]>,\n})\n\nconst style = computed(() => {\n  const styles: CSSProperties = {}\n  if (!props.gutter) {\n    return styles\n  }\n  if (Array.isArray(props.gutter) && props.gutter.length > 1) {\n    const transverse: number = (props.gutter[0] as number) || 0\n    const direction = (props.gutter[1] as number) || 0\n    styles.marginRight = styles.marginLeft = `-${transverse / 2}px`\n    styles.marginBottom = styles.marginTop = `-${direction / 2}px`\n  } else if (typeof props.gutter === 'number') {\n    styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`\n  }\n  return styles\n})\n\nconst rowKls = computed(() => [\n  ns.b(),\n  ns.is(`justify-${props.justify}`, props.justify !== 'start'),\n  ns.is(`align-${props.align}`, !!props.align),\n])\n</script>\n"],"names":[],"mappings":";;;;;;mCAcc,CAAA;AAAA,EACZ,IAAM,EAAA,OAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,KAAK,CAAA,CAAA;AAC7B,IAAA,MAAM,MAAS,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,MAAM,CAAA,CAAA;AAE1C,IAAA,OAAA,CAAQ,aAAe,EAAA;AAAA,MACrB,MAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,KAAA,GAAQ,SAAS,MAAM;AAC3B,MAAA,MAAM,SAAwB,EAAC,CAAA;AAC/B,MAAI,IAAA,CAAC,MAAM,MAAQ,EAAA;AACjB,QAAO,OAAA,MAAA,CAAA;AAAA,OACT;AACA,MAAI,IAAA,KAAA,CAAM,QAAQ,KAAM,CAAA,MAAM,KAAK,KAAM,CAAA,MAAA,CAAO,SAAS,CAAG,EAAA;AAC1D,QAAA,MAAM,UAAsB,GAAA,KAAA,CAAM,MAAO,CAAA,CAAC,CAAgB,IAAA,CAAA,CAAA;AAC1D,QAAA,MAAM,SAAa,GAAA,KAAA,CAAM,MAAO,CAAA,CAAC,CAAgB,IAAA,CAAA,CAAA;AACjD,QAAA,MAAA,CAAO,WAAc,GAAA,MAAA,CAAO,UAAa,GAAA,CAAA,CAAA,EAAI,aAAa,CAAC,CAAA,EAAA,CAAA,CAAA;AAC3D,QAAA,MAAA,CAAO,YAAe,GAAA,MAAA,CAAO,SAAY,GAAA,CAAA,CAAA,EAAI,YAAY,CAAC,CAAA,EAAA,CAAA,CAAA;AAAA,OACjD,MAAA,IAAA,OAAO,KAAM,CAAA,MAAA,KAAW,QAAU,EAAA;AAC3C,QAAA,MAAA,CAAO,cAAc,MAAO,CAAA,UAAA,GAAa,CAAI,CAAA,EAAA,KAAA,CAAM,SAAS,CAAC,CAAA,EAAA,CAAA,CAAA;AAAA,OAC/D;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAAS,SAAS,MAAM;AAAA,MAC5B,GAAG,CAAE,EAAA;AAAA,MACL,EAAA,CAAG,GAAG,CAAW,QAAA,EAAA,KAAA,CAAM,OAAO,CAAI,CAAA,EAAA,KAAA,CAAM,YAAY,OAAO,CAAA;AAAA,MAC3D,EAAA,CAAG,GAAG,CAAS,MAAA,EAAA,KAAA,CAAM,KAAK,CAAI,CAAA,EAAA,CAAC,CAAC,KAAA,CAAM,KAAK,CAAA;AAAA,KAC5C,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}

package/es/components/row/src/row2.mjs

@@ -1,56 +1,33 @@
-import { defineComponent, computed, provide, openBlock, createBlock, resolveDynamicComponent, normalizeClass, unref, normalizeStyle, withCtx, renderSlot } from 'vue';
-import { rowContextKey } from './constants.mjs';
-import { rowProps } from './row.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "SlRow"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: rowProps,
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("row");
-    const gutter = computed(() => props.gutter);
-    provide(rowContextKey, {
-      gutter
-    });
-    const style = computed(() => {
-      const styles = {};
-      if (!props.gutter) {
-        return styles;
-      }
-      if (Array.isArray(props.gutter) && props.gutter.length > 1) {
-        const transverse = props.gutter[0] || 0;
-        const direction = props.gutter[1] || 0;
-        styles.marginRight = styles.marginLeft = `-${transverse / 2}px`;
-        styles.marginBottom = styles.marginTop = `-${direction / 2}px`;
-      } else if (typeof props.gutter === "number") {
-        styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`;
-      }
-      return styles;
-    });
-    const rowKls = computed(() => [
-      ns.b(),
-      ns.is(`justify-${props.justify}`, props.justify !== "start"),
-      ns.is(`align-${props.align}`, !!props.align)
-    ]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
-        class: normalizeClass(unref(rowKls)),
-        style: normalizeStyle(unref(style))
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "style"]);
-    };
+const RowJustify = [
+  "start",
+  "center",
+  "end",
+  "space-around",
+  "space-between",
+  "space-evenly"
+];
+const RowAlign = ["top", "middle", "bottom"];
+const rowProps = buildProps({
+  tag: {
+    type: String,
+    default: "div"
+  },
+  gutter: {
+    type: [Number, Array],
+    default: 0
+  },
+  justify: {
+    type: String,
+    values: RowJustify,
+    default: "start"
+  },
+  align: {
+    type: String,
+    values: RowAlign
   }
 });
-var Row = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "row.vue"]]);
 
-export { Row as default };
+export { RowAlign, RowJustify, rowProps };
 //# sourceMappingURL=row2.mjs.map

package/es/components/row/src/row2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"row2.mjs","sources":["../../../../../../packages/components/row/src/row.vue"],"sourcesContent":["<template>\n  <component :is=\"tag\" :class=\"rowKls\" :style=\"style\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { useNamespace } from '@sl-ui-pc/hooks'\nimport { rowContextKey } from './constants'\nimport { rowProps } from './row'\n\nimport type { CSSProperties, ComputedRef } from 'vue'\n\ndefineOptions({\n  name: 'SlRow',\n})\n\nconst props = defineProps(rowProps)\n\nconst ns = useNamespace('row')\nconst gutter = computed(() => props.gutter)\n\nprovide(rowContextKey, {\n  gutter: gutter as ComputedRef<number | number[]>,\n})\n\nconst style = computed(() => {\n  const styles: CSSProperties = {}\n  if (!props.gutter) {\n    return styles\n  }\n  if (Array.isArray(props.gutter) && props.gutter.length > 1) {\n    const transverse: number = (props.gutter[0] as number) || 0\n    const direction = (props.gutter[1] as number) || 0\n    styles.marginRight = styles.marginLeft = `-${transverse / 2}px`\n    styles.marginBottom = styles.marginTop = `-${direction / 2}px`\n  } else if (typeof props.gutter === 'number') {\n    styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`\n  }\n  return styles\n})\n\nconst rowKls = computed(() => [\n  ns.b(),\n  ns.is(`justify-${props.justify}`, props.justify !== 'start'),\n  ns.is(`align-${props.align}`, !!props.align),\n])\n</script>\n"],"names":[],"mappings":";;;;;;mCAcc,CAAA;AAAA,EACZ,IAAM,EAAA,OAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,KAAK,CAAA,CAAA;AAC7B,IAAA,MAAM,MAAS,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,MAAM,CAAA,CAAA;AAE1C,IAAA,OAAA,CAAQ,aAAe,EAAA;AAAA,MACrB,MAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,KAAA,GAAQ,SAAS,MAAM;AAC3B,MAAA,MAAM,SAAwB,EAAC,CAAA;AAC/B,MAAI,IAAA,CAAC,MAAM,MAAQ,EAAA;AACjB,QAAO,OAAA,MAAA,CAAA;AAAA,OACT;AACA,MAAI,IAAA,KAAA,CAAM,QAAQ,KAAM,CAAA,MAAM,KAAK,KAAM,CAAA,MAAA,CAAO,SAAS,CAAG,EAAA;AAC1D,QAAA,MAAM,UAAsB,GAAA,KAAA,CAAM,MAAO,CAAA,CAAC,CAAgB,IAAA,CAAA,CAAA;AAC1D,QAAA,MAAM,SAAa,GAAA,KAAA,CAAM,MAAO,CAAA,CAAC,CAAgB,IAAA,CAAA,CAAA;AACjD,QAAA,MAAA,CAAO,WAAc,GAAA,MAAA,CAAO,UAAa,GAAA,CAAA,CAAA,EAAI,aAAa,CAAC,CAAA,EAAA,CAAA,CAAA;AAC3D,QAAA,MAAA,CAAO,YAAe,GAAA,MAAA,CAAO,SAAY,GAAA,CAAA,CAAA,EAAI,YAAY,CAAC,CAAA,EAAA,CAAA,CAAA;AAAA,OACjD,MAAA,IAAA,OAAO,KAAM,CAAA,MAAA,KAAW,QAAU,EAAA;AAC3C,QAAA,MAAA,CAAO,cAAc,MAAO,CAAA,UAAA,GAAa,CAAI,CAAA,EAAA,KAAA,CAAM,SAAS,CAAC,CAAA,EAAA,CAAA,CAAA;AAAA,OAC/D;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAAS,SAAS,MAAM;AAAA,MAC5B,GAAG,CAAE,EAAA;AAAA,MACL,EAAA,CAAG,GAAG,CAAW,QAAA,EAAA,KAAA,CAAM,OAAO,CAAI,CAAA,EAAA,KAAA,CAAM,YAAY,OAAO,CAAA;AAAA,MAC3D,EAAA,CAAG,GAAG,CAAS,MAAA,EAAA,KAAA,CAAM,KAAK,CAAI,CAAA,EAAA,CAAC,CAAC,KAAA,CAAM,KAAK,CAAA;AAAA,KAC5C,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"row2.mjs","sources":["../../../../../../packages/components/row/src/row.ts"],"sourcesContent":["import { buildProps } from '@sl-ui-pc/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Row from './row.vue'\n\nexport const RowJustify = [\n  'start',\n  'center',\n  'end',\n  'space-around',\n  'space-between',\n  'space-evenly',\n] as const\n\nexport const RowAlign = ['top', 'middle', 'bottom'] as const\n\nexport const rowProps = buildProps({\n  /**\n   * @description custom element tag\n   */\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  /**\n   * @description grid spacing\n   */\n  gutter: {\n    type: [Number, Array],\n    default: 0,\n  },\n  /**\n   * @description horizontal alignment of flex layout\n   */\n  justify: {\n    type: String,\n    values: RowJustify,\n    default: 'start',\n  },\n  /**\n   * @description vertical alignment of flex layout\n   */\n  align: {\n    type: String,\n    values: RowAlign,\n  },\n} as const)\n\nexport type RowProps = ExtractPropTypes<typeof rowProps>\nexport type RowPropsPublic = __ExtractPublicPropTypes<typeof rowProps>\nexport type RowInstance = InstanceType<typeof Row> & unknown\n"],"names":[],"mappings":";;AACY,MAAC,UAAU,GAAG;AAC1B,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,eAAe;AACjB,EAAE,cAAc;AAChB,EAAE;AACU,MAAC,QAAQ,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACxC,MAAC,QAAQ,GAAG,UAAU,CAAC;AACnC,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;AACzB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,QAAQ;AACpB,GAAG;AACH,CAAC;;;;"}

package/es/components/scrollbar/index.mjs

@@ -1,6 +1,6 @@
-import Scrollbar from './src/scrollbar2.mjs';
+import Scrollbar from './src/scrollbar.mjs';
 export { BAR_MAP, GAP, renderThumbStyle } from './src/util.mjs';
-export { scrollbarEmits, scrollbarProps } from './src/scrollbar.mjs';
+export { scrollbarEmits, scrollbarProps } from './src/scrollbar2.mjs';
 export { thumbProps } from './src/thumb.mjs';
 export { scrollbarContextKey } from './src/constants.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';

package/es/components/scrollbar/src/bar.mjs

@@ -1,69 +1,15 @@
-import { defineComponent, inject, ref, openBlock, createElementBlock, Fragment, createVNode } from 'vue';
-import { GAP } from './util.mjs';
-import Thumb from './thumb2.mjs';
-import { barProps } from './bar2.mjs';
-import { scrollbarContextKey } from './constants.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "bar",
-  props: barProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const scrollbar = inject(scrollbarContextKey);
-    const moveX = ref(0);
-    const moveY = ref(0);
-    const sizeWidth = ref("");
-    const sizeHeight = ref("");
-    const ratioY = ref(1);
-    const ratioX = ref(1);
-    const handleScroll = (wrap) => {
-      if (wrap) {
-        const offsetHeight = wrap.offsetHeight - GAP;
-        const offsetWidth = wrap.offsetWidth - GAP;
-        moveY.value = wrap.scrollTop * 100 / offsetHeight * ratioY.value;
-        moveX.value = wrap.scrollLeft * 100 / offsetWidth * ratioX.value;
-      }
-    };
-    const update = () => {
-      const wrap = scrollbar == null ? void 0 : scrollbar.wrapElement;
-      if (!wrap)
-        return;
-      const offsetHeight = wrap.offsetHeight - GAP;
-      const offsetWidth = wrap.offsetWidth - GAP;
-      const originalHeight = offsetHeight ** 2 / wrap.scrollHeight;
-      const originalWidth = offsetWidth ** 2 / wrap.scrollWidth;
-      const height = Math.max(originalHeight, props.minSize);
-      const width = Math.max(originalWidth, props.minSize);
-      ratioY.value = originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height));
-      ratioX.value = originalWidth / (offsetWidth - originalWidth) / (width / (offsetWidth - width));
-      sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : "";
-      sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : "";
-    };
-    expose({
-      handleScroll,
-      update
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(Thumb, {
-          move: moveX.value,
-          ratio: ratioX.value,
-          size: sizeWidth.value,
-          always: _ctx.always
-        }, null, 8, ["move", "ratio", "size", "always"]),
-        createVNode(Thumb, {
-          move: moveY.value,
-          ratio: ratioY.value,
-          size: sizeHeight.value,
-          vertical: "",
-          always: _ctx.always
-        }, null, 8, ["move", "ratio", "size", "always"])
-      ], 64);
-    };
+const barProps = buildProps({
+  always: {
+    type: Boolean,
+    default: true
+  },
+  minSize: {
+    type: Number,
+    required: true
   }
 });
-var Bar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "bar.vue"]]);
 
-export { Bar as default };
+export { barProps };
 //# sourceMappingURL=bar.mjs.map

package/es/components/scrollbar/src/bar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bar.mjs","sources":["../../../../../../packages/components/scrollbar/src/bar.vue"],"sourcesContent":["<template>\n  <thumb :move=\"moveX\" :ratio=\"ratioX\" :size=\"sizeWidth\" :always=\"always\" />\n  <thumb\n    :move=\"moveY\"\n    :ratio=\"ratioY\"\n    :size=\"sizeHeight\"\n    vertical\n    :always=\"always\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, ref } from 'vue'\nimport { GAP } from './util'\nimport Thumb from './thumb.vue'\nimport { barProps } from './bar'\nimport { scrollbarContextKey } from './constants'\n\nconst props = defineProps(barProps)\n\nconst scrollbar = inject(scrollbarContextKey)\n\nconst moveX = ref(0)\nconst moveY = ref(0)\nconst sizeWidth = ref('')\nconst sizeHeight = ref('')\nconst ratioY = ref(1)\nconst ratioX = ref(1)\n\nconst handleScroll = (wrap: HTMLDivElement) => {\n  if (wrap) {\n    const offsetHeight = wrap.offsetHeight - GAP\n    const offsetWidth = wrap.offsetWidth - GAP\n\n    moveY.value = ((wrap.scrollTop * 100) / offsetHeight) * ratioY.value\n    moveX.value = ((wrap.scrollLeft * 100) / offsetWidth) * ratioX.value\n  }\n}\n\nconst update = () => {\n  const wrap = scrollbar?.wrapElement\n  if (!wrap) return\n  const offsetHeight = wrap.offsetHeight - GAP\n  const offsetWidth = wrap.offsetWidth - GAP\n\n  const originalHeight = offsetHeight ** 2 / wrap.scrollHeight\n  const originalWidth = offsetWidth ** 2 / wrap.scrollWidth\n  const height = Math.max(originalHeight, props.minSize)\n  const width = Math.max(originalWidth, props.minSize)\n\n  ratioY.value =\n    originalHeight /\n    (offsetHeight - originalHeight) /\n    (height / (offsetHeight - height))\n  ratioX.value =\n    originalWidth /\n    (offsetWidth - originalWidth) /\n    (width / (offsetWidth - width))\n\n  sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : ''\n  sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : ''\n}\n\ndefineExpose({\n  handleScroll,\n  update,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AAoBA,IAAM,MAAA,SAAA,GAAY,OAAO,mBAAmB,CAAA,CAAA;AAE5C,IAAM,MAAA,KAAA,GAAQ,IAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,KAAA,GAAQ,IAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,SAAA,GAAY,IAAI,EAAE,CAAA,CAAA;AACxB,IAAM,MAAA,UAAA,GAAa,IAAI,EAAE,CAAA,CAAA;AACzB,IAAM,MAAA,MAAA,GAAS,IAAI,CAAC,CAAA,CAAA;AACpB,IAAM,MAAA,MAAA,GAAS,IAAI,CAAC,CAAA,CAAA;AAEpB,IAAM,MAAA,YAAA,GAAe,CAAC,IAAyB,KAAA;AAC7C,MAAA,IAAI,IAAM,EAAA;AACR,QAAM,MAAA,YAAA,GAAe,KAAK,YAAe,GAAA,GAAA,CAAA;AACzC,QAAM,MAAA,WAAA,GAAc,KAAK,WAAc,GAAA,GAAA,CAAA;AAEvC,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,SAAY,GAAA,GAAA,GAAO,eAAgB,MAAO,CAAA,KAAA,CAAA;AAC/D,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,UAAa,GAAA,GAAA,GAAO,cAAe,MAAO,CAAA,KAAA,CAAA;AAAA,OACjE;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,MAAM,OAAO,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,WAAA,CAAA;AACxB,MAAA,IAAI,CAAC,IAAM;AACX,QAAM,OAAA;AACN,MAAM,MAAA,YAAA,OAAmB,CAAc,YAAA,GAAA,GAAA,CAAA;AAEvC,MAAM,MAAA,WAAA,GAAA,IAAiC,CAAA,WAAA,GAAA,GAAA,CAAI;AAC3C,MAAM,MAAA,cAAA,GAA+B,YAAA,IAAA,CAAA,GAAS,IAAA,CAAA,YAAA,CAAA;AAC9C,MAAA,MAAM,aAAS,GAAS,WAAA,IAAA,CAAA,QAAsB,WAAO,CAAA;AACrD,MAAA,MAAM,MAAQ,GAAA,IAAK,CAAI,GAAA,CAAA,cAAe,OAAa,CAAA,OAAA,CAAA,CAAA;AAEnD,MAAA,MAAA,KACE,GAAA,IAAA,CAAA,GAAA,CAAA,aACgB,EAAA,KAAA,CAAA,OAAA,CAAA,CAAA;AAElB,MAAA,MAAA,CAAO,KACL,GAAA,cAAA,IACe,YAAA,GAAA,cAAA,CAAA,UACL,IAAc,YAAA,GAAA,MAAA,CAAA,CAAA,CAAA;AAE1B,MAAA,MAAA,CAAA,qBAA4B,IAAA,WAAqB,GAAA,aAAgB,CAAA,IAAA,KAAA,IAAA,WAAA,GAAA,KAAA,CAAA,CAAA,CAAA;AACjE,MAAA,UAAU,SAAgB,MAAA,GAAA,GAAA,GAAoB,YAAA,GAAG,SAAY,CAAA,EAAA,CAAA,GAAA,EAAA,CAAA;AAAA,MAC/D,SAAA,CAAA,KAAA,GAAA,KAAA,GAAA,GAAA,GAAA,WAAA,GAAA,CAAA,EAAA,KAAA,CAAA,EAAA,CAAA,GAAA,EAAA,CAAA;AAEA,KAAa,CAAA;AAAA,IACX,MAAA,CAAA;AAAA,MACA,YAAA;AAAA,MACD,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"bar.mjs","sources":["../../../../../../packages/components/scrollbar/src/bar.ts"],"sourcesContent":["import { buildProps } from '@sl-ui-pc/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Bar from './bar.vue'\n\nexport const barProps = buildProps({\n  always: {\n    type: Boolean,\n    default: true,\n  },\n  minSize: {\n    type: Number,\n    required: true,\n  },\n} as const)\nexport type BarProps = ExtractPropTypes<typeof barProps>\nexport type BarPropsPublic = __ExtractPublicPropTypes<typeof barProps>\n\nexport type BarInstance = InstanceType<typeof Bar> & unknown\n"],"names":[],"mappings":";;AACY,MAAC,QAAQ,GAAG,UAAU,CAAC;AACnC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,CAAC;;;;"}

package/es/components/scrollbar/src/bar2.mjs

@@ -1,15 +1,69 @@
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, inject, ref, openBlock, createElementBlock, Fragment, createVNode } from 'vue';
+import { GAP } from './util.mjs';
+import Thumb from './thumb2.mjs';
+import { barProps } from './bar.mjs';
+import { scrollbarContextKey } from './constants.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-const barProps = buildProps({
-  always: {
-    type: Boolean,
-    default: true
-  },
-  minSize: {
-    type: Number,
-    required: true
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "bar",
+  props: barProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const scrollbar = inject(scrollbarContextKey);
+    const moveX = ref(0);
+    const moveY = ref(0);
+    const sizeWidth = ref("");
+    const sizeHeight = ref("");
+    const ratioY = ref(1);
+    const ratioX = ref(1);
+    const handleScroll = (wrap) => {
+      if (wrap) {
+        const offsetHeight = wrap.offsetHeight - GAP;
+        const offsetWidth = wrap.offsetWidth - GAP;
+        moveY.value = wrap.scrollTop * 100 / offsetHeight * ratioY.value;
+        moveX.value = wrap.scrollLeft * 100 / offsetWidth * ratioX.value;
+      }
+    };
+    const update = () => {
+      const wrap = scrollbar == null ? void 0 : scrollbar.wrapElement;
+      if (!wrap)
+        return;
+      const offsetHeight = wrap.offsetHeight - GAP;
+      const offsetWidth = wrap.offsetWidth - GAP;
+      const originalHeight = offsetHeight ** 2 / wrap.scrollHeight;
+      const originalWidth = offsetWidth ** 2 / wrap.scrollWidth;
+      const height = Math.max(originalHeight, props.minSize);
+      const width = Math.max(originalWidth, props.minSize);
+      ratioY.value = originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height));
+      ratioX.value = originalWidth / (offsetWidth - originalWidth) / (width / (offsetWidth - width));
+      sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : "";
+      sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : "";
+    };
+    expose({
+      handleScroll,
+      update
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(Thumb, {
+          move: moveX.value,
+          ratio: ratioX.value,
+          size: sizeWidth.value,
+          always: _ctx.always
+        }, null, 8, ["move", "ratio", "size", "always"]),
+        createVNode(Thumb, {
+          move: moveY.value,
+          ratio: ratioY.value,
+          size: sizeHeight.value,
+          vertical: "",
+          always: _ctx.always
+        }, null, 8, ["move", "ratio", "size", "always"])
+      ], 64);
+    };
   }
 });
+var Bar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "bar.vue"]]);
 
-export { barProps };
+export { Bar as default };
 //# sourceMappingURL=bar2.mjs.map

package/es/components/scrollbar/src/bar2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bar2.mjs","sources":["../../../../../../packages/components/scrollbar/src/bar.ts"],"sourcesContent":["import { buildProps } from '@sl-ui-pc/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Bar from './bar.vue'\n\nexport const barProps = buildProps({\n  always: {\n    type: Boolean,\n    default: true,\n  },\n  minSize: {\n    type: Number,\n    required: true,\n  },\n} as const)\nexport type BarProps = ExtractPropTypes<typeof barProps>\nexport type BarPropsPublic = __ExtractPublicPropTypes<typeof barProps>\n\nexport type BarInstance = InstanceType<typeof Bar> & unknown\n"],"names":[],"mappings":";;AACY,MAAC,QAAQ,GAAG,UAAU,CAAC;AACnC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"bar2.mjs","sources":["../../../../../../packages/components/scrollbar/src/bar.vue"],"sourcesContent":["<template>\n  <thumb :move=\"moveX\" :ratio=\"ratioX\" :size=\"sizeWidth\" :always=\"always\" />\n  <thumb\n    :move=\"moveY\"\n    :ratio=\"ratioY\"\n    :size=\"sizeHeight\"\n    vertical\n    :always=\"always\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, ref } from 'vue'\nimport { GAP } from './util'\nimport Thumb from './thumb.vue'\nimport { barProps } from './bar'\nimport { scrollbarContextKey } from './constants'\n\nconst props = defineProps(barProps)\n\nconst scrollbar = inject(scrollbarContextKey)\n\nconst moveX = ref(0)\nconst moveY = ref(0)\nconst sizeWidth = ref('')\nconst sizeHeight = ref('')\nconst ratioY = ref(1)\nconst ratioX = ref(1)\n\nconst handleScroll = (wrap: HTMLDivElement) => {\n  if (wrap) {\n    const offsetHeight = wrap.offsetHeight - GAP\n    const offsetWidth = wrap.offsetWidth - GAP\n\n    moveY.value = ((wrap.scrollTop * 100) / offsetHeight) * ratioY.value\n    moveX.value = ((wrap.scrollLeft * 100) / offsetWidth) * ratioX.value\n  }\n}\n\nconst update = () => {\n  const wrap = scrollbar?.wrapElement\n  if (!wrap) return\n  const offsetHeight = wrap.offsetHeight - GAP\n  const offsetWidth = wrap.offsetWidth - GAP\n\n  const originalHeight = offsetHeight ** 2 / wrap.scrollHeight\n  const originalWidth = offsetWidth ** 2 / wrap.scrollWidth\n  const height = Math.max(originalHeight, props.minSize)\n  const width = Math.max(originalWidth, props.minSize)\n\n  ratioY.value =\n    originalHeight /\n    (offsetHeight - originalHeight) /\n    (height / (offsetHeight - height))\n  ratioX.value =\n    originalWidth /\n    (offsetWidth - originalWidth) /\n    (width / (offsetWidth - width))\n\n  sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : ''\n  sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : ''\n}\n\ndefineExpose({\n  handleScroll,\n  update,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AAoBA,IAAM,MAAA,SAAA,GAAY,OAAO,mBAAmB,CAAA,CAAA;AAE5C,IAAM,MAAA,KAAA,GAAQ,IAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,KAAA,GAAQ,IAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,SAAA,GAAY,IAAI,EAAE,CAAA,CAAA;AACxB,IAAM,MAAA,UAAA,GAAa,IAAI,EAAE,CAAA,CAAA;AACzB,IAAM,MAAA,MAAA,GAAS,IAAI,CAAC,CAAA,CAAA;AACpB,IAAM,MAAA,MAAA,GAAS,IAAI,CAAC,CAAA,CAAA;AAEpB,IAAM,MAAA,YAAA,GAAe,CAAC,IAAyB,KAAA;AAC7C,MAAA,IAAI,IAAM,EAAA;AACR,QAAM,MAAA,YAAA,GAAe,KAAK,YAAe,GAAA,GAAA,CAAA;AACzC,QAAM,MAAA,WAAA,GAAc,KAAK,WAAc,GAAA,GAAA,CAAA;AAEvC,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,SAAY,GAAA,GAAA,GAAO,eAAgB,MAAO,CAAA,KAAA,CAAA;AAC/D,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,UAAa,GAAA,GAAA,GAAO,cAAe,MAAO,CAAA,KAAA,CAAA;AAAA,OACjE;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,MAAM,OAAO,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,WAAA,CAAA;AACxB,MAAA,IAAI,CAAC,IAAM;AACX,QAAM,OAAA;AACN,MAAM,MAAA,YAAA,OAAmB,CAAc,YAAA,GAAA,GAAA,CAAA;AAEvC,MAAM,MAAA,WAAA,GAAA,IAAiC,CAAA,WAAA,GAAA,GAAA,CAAI;AAC3C,MAAM,MAAA,cAAA,GAA+B,YAAA,IAAA,CAAA,GAAS,IAAA,CAAA,YAAA,CAAA;AAC9C,MAAA,MAAM,aAAS,GAAS,WAAA,IAAA,CAAA,QAAsB,WAAO,CAAA;AACrD,MAAA,MAAM,MAAQ,GAAA,IAAK,CAAI,GAAA,CAAA,cAAe,OAAa,CAAA,OAAA,CAAA,CAAA;AAEnD,MAAA,MAAA,KACE,GAAA,IAAA,CAAA,GAAA,CAAA,aACgB,EAAA,KAAA,CAAA,OAAA,CAAA,CAAA;AAElB,MAAA,MAAA,CAAO,KACL,GAAA,cAAA,IACe,YAAA,GAAA,cAAA,CAAA,UACL,IAAc,YAAA,GAAA,MAAA,CAAA,CAAA,CAAA;AAE1B,MAAA,MAAA,CAAA,qBAA4B,IAAA,WAAqB,GAAA,aAAgB,CAAA,IAAA,KAAA,IAAA,WAAA,GAAA,KAAA,CAAA,CAAA,CAAA;AACjE,MAAA,UAAU,SAAgB,MAAA,GAAA,GAAA,GAAoB,YAAA,GAAG,SAAY,CAAA,EAAA,CAAA,GAAA,EAAA,CAAA;AAAA,MAC/D,SAAA,CAAA,KAAA,GAAA,KAAA,GAAA,GAAA,GAAA,WAAA,GAAA,CAAA,EAAA,KAAA,CAAA,EAAA,CAAA,GAAA,EAAA,CAAA;AAEA,KAAa,CAAA;AAAA,IACX,MAAA,CAAA;AAAA,MACA,YAAA;AAAA,MACD,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}