yuyeon 0.3.1-rc.6 → 0.3.1

package/lib/components/snackbar/YSnackbar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YSnackbar.mjs","names":["animate","computed","ref","toRef","watch","withModifiers","useModelDuplex","useRender","useTimer","omit","bindClasses","chooseProps","defineComponent","propsFactory","YLayer","pressYLayerProps","YPlate","defaultSnackbarTransition","name","onBeforeEnter","direction","el","getAttribute","cache","style","getPropertyValue","setAttribute","setProperty","onEnter","done","motion","transform","replace","duration","finished","then","removeAttribute","pressYSnackbarPropsOptions","scrollStrategy","position","modelValue","type","Boolean","contentClasses","Array","String","Object","transition","default","Number","closeClickContent","YSnackbar","components","emits","props","setup","_ref","emit","slots","active","hover","classes","computedContentClasses","boundClasses","computedInset","first","second","split","y","x","ret","dismiss","value","start","stop","reset","setTimer","neo","isNaN","immediate","onClickContent","event","proxyTransition","includes","_createVNode","_mergeProps","v","_Fragment","onMouseenter","onMouseleave"],"sources":["../../../src/components/snackbar/YSnackbar.tsx"],"sourcesContent":["import { animate } from 'motion';\r\nimport { type PropType, computed, ref, toRef, watch, withModifiers } from 'vue';\r\n\r\nimport { useModelDuplex } from '@/composables/communication';\r\nimport { useRender } from '@/composables/component';\r\nimport { useTimer } from '@/composables/timing';\r\nimport { omit } from '@/util/common';\r\nimport {\r\n  bindClasses,\r\n  chooseProps,\r\n  defineComponent,\r\n  propsFactory,\r\n} from '@/util/component';\r\n\r\nimport { YLayer, pressYLayerProps } from '../layer';\r\nimport { YPlate } from '../plate';\r\n\r\nimport './YSnackbar.scss';\r\n\r\nconst defaultSnackbarTransition = {\r\n  name: 'y-snackbar',\r\n  onBeforeEnter: (direction: 'top' | 'bottom') => (el: HTMLElement) => {\r\n    if (!el.getAttribute('data-transform')) {\r\n      const cache = el.style.getPropertyValue('transform');\r\n      el.setAttribute('data-transform', cache);\r\n      el.style.setProperty(\r\n        'transform',\r\n        `${cache} translateY(${direction === 'top' ? '-' : ''}40px)`,\r\n      );\r\n    }\r\n  },\r\n  onEnter(el: HTMLElement, done: () => void) {\r\n    const cache = el.getAttribute('data-transform');\r\n    const motion = el.getAttribute('data-motion');\r\n    if (motion || !cache) {\r\n      return;\r\n    }\r\n    el.setAttribute('data-motion', 'true');\r\n    animate(\r\n      el,\r\n      {\r\n        transform: `${cache.replace(/translateY(.+)/, 'translateY(0)')}`,\r\n      },\r\n      { duration: 0.1 },\r\n    ).finished.then(() => {\r\n      el.removeAttribute('data-transform');\r\n      el.removeAttribute('data-motion');\r\n      done();\r\n    });\r\n  },\r\n};\r\n\r\nexport const pressYSnackbarPropsOptions = propsFactory(\r\n  {\r\n    ...pressYLayerProps({\r\n      scrollStrategy: 'none' as const,\r\n      position: 'top center',\r\n    }),\r\n    modelValue: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    contentClasses: {\r\n      type: [Array, String, Object] as PropType<\r\n        string[] | string | Record<string, any>\r\n      >,\r\n    },\r\n    transition: {\r\n      type: [String, Object] as PropType<string | any>,\r\n      default: () => ({ ...defaultSnackbarTransition }),\r\n    },\r\n    /**\r\n     * @property Number\r\n     *\r\n     * The amount of time the snackbar should be displayed.\r\n     * @default 4000\r\n     */\r\n    duration: {\r\n      type: Number as PropType<number>,\r\n      default: 4000,\r\n    },\r\n    closeClickContent: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n  },\r\n  'YSnackbar',\r\n);\r\n\r\nexport const YSnackbar = defineComponent({\r\n  name: 'YSnackbar',\r\n  components: { YPlate, YLayer },\r\n  emits: ['update:modelValue', 'click'],\r\n  props: {\r\n    ...pressYSnackbarPropsOptions(),\r\n  },\r\n  setup(props, { emit, slots }) {\r\n    const active = useModelDuplex(props);\r\n    const hover = ref(false);\r\n    const duration = toRef(props, 'duration');\r\n\r\n    const classes = computed(() => {\r\n      return {\r\n        'y-snackbar': true,\r\n      };\r\n    });\r\n\r\n    const computedContentClasses = computed<Record<string, boolean>>(() => {\r\n      const boundClasses = bindClasses(props.contentClasses);\r\n      return {\r\n        ...boundClasses,\r\n        'y-snackbar__display': true,\r\n      };\r\n    });\r\n\r\n    const computedInset = computed(() => {\r\n      const [first, second] = props.position?.split(' ');\r\n      let y = 'top';\r\n      let x = 'left';\r\n      if (second) {\r\n        x = second;\r\n        y = first;\r\n      } else if (first === 'bottom') {\r\n        y = 'bottom';\r\n      } else {\r\n        x = first;\r\n      }\r\n      const ret = {\r\n        [x === 'center' ? 'left' : x]: x === 'center' ? `50%` : 0,\r\n        [y]: 0,\r\n      } as any;\r\n      if (x === 'center') {\r\n        ret.transform = 'translateX(-50%)';\r\n      }\r\n      return ret;\r\n    });\r\n\r\n    function dismiss() {\r\n      active.value = false;\r\n    }\r\n\r\n    const { start, stop, reset } = useTimer(dismiss, duration);\r\n    function setTimer() {\r\n      if (props.duration > 0) {\r\n        start();\r\n      }\r\n    }\r\n\r\n    watch(hover, (neo: boolean) => {\r\n      if (neo) {\r\n        stop();\r\n      } else {\r\n        setTimer();\r\n      }\r\n    });\r\n\r\n    watch(\r\n      () => props.duration,\r\n      (neo) => {\r\n        if (!isNaN(neo) && active.value) {\r\n          reset();\r\n          if (!hover.value) {\r\n            setTimer();\r\n          }\r\n        }\r\n      },\r\n    );\r\n\r\n    watch(\r\n      active,\r\n      (neo: boolean) => {\r\n        if (neo) {\r\n          setTimer();\r\n        } else {\r\n          reset();\r\n        }\r\n      },\r\n      { immediate: true },\r\n    );\r\n\r\n    function onClickContent(event: Event) {\r\n      emit('click', event);\r\n      if (props.closeClickContent) {\r\n        active.value = false;\r\n      }\r\n    }\r\n\r\n    const proxyTransition = computed(() => {\r\n      const { transition, position } = props;\r\n      if (transition?.name === 'y-snackbar') {\r\n        transition.onBeforeEnter = defaultSnackbarTransition.onBeforeEnter(\r\n          position.includes('top') ? 'top' : 'bottom',\r\n        );\r\n        return { ...transition };\r\n      }\r\n      return props.transition;\r\n    });\r\n\r\n    useRender(() => {\r\n      return (\r\n        <YLayer\r\n          ref=\"layer\"\r\n          {...omit(chooseProps(props, YLayer.props), [\r\n            'scrim',\r\n            'transition',\r\n            'content-classes',\r\n            'classes',\r\n          ])}\r\n          modelValue={active.value}\r\n          onUpdate:modelValue={(v) => (active.value = v)}\r\n          classes={classes.value}\r\n          content-classes={computedContentClasses.value}\r\n          scrim={false}\r\n          content-styles={computedInset.value}\r\n          transition={proxyTransition.value as any}\r\n        >\r\n          {{\r\n            default: () => (\r\n              <>\r\n                <YPlate></YPlate>\r\n                <div\r\n                  class=\"y-snackbar__content\"\r\n                  onClick={withModifiers(onClickContent, ['exact'])}\r\n                  onMouseenter={() => (hover.value = true)}\r\n                  onMouseleave={() => (hover.value = false)}\r\n                >\r\n                  {slots.default?.()}\r\n                </div>\r\n              </>\r\n            ),\r\n          }}\r\n        </YLayer>\r\n      );\r\n    });\r\n\r\n    return {\r\n      active,\r\n      hover,\r\n      classes,\r\n      computedContentClasses,\r\n      computedInset,\r\n      proxyTransition,\r\n      onClickContent,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YSnackbar = InstanceType<typeof YSnackbar>;\r\n"],"mappings":"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"}

package/lib/components/snackbar/index.mjs

@@ -1,2 +0,0 @@
-export * from "./YSnackbar.mjs";
-//# sourceMappingURL=index.mjs.map

package/lib/components/snackbar/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/snackbar/index.ts"],"sourcesContent":["export * from './YSnackbar';\n"],"mappings":""}

package/lib/components/switch/YSwitch.mjs

@@ -1,184 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, nextTick, ref, watch, withModifiers } from 'vue';
-import { useModelDuplex } from "../../composables/communication.mjs";
-import { useRender } from "../../composables/component.mjs";
-import { defineComponent, getUid, propsFactory } from "../../util/component/index.mjs";
-import "./YSwitch.scss";
-export const pressYSwitchPropsOptions = propsFactory({
-  modelValue: {
-    type: [Boolean, Array],
-    default: false
-  },
-  value: {
-    type: [String, Number, Object]
-  },
-  max: {
-    type: Number
-  },
-  loading: {
-    type: Boolean
-  },
-  disabled: {
-    type: Boolean
-  },
-  stickOut: {
-    type: Boolean
-  },
-  stateLabel: {
-    type: Boolean
-  },
-  color: {
-    type: String
-  },
-  labelOn: {
-    type: String,
-    default: 'ON'
-  },
-  labelOff: {
-    type: String,
-    default: 'OFF'
-  }
-}, 'YSwitch');
-export const YSwitch = defineComponent({
-  name: 'YSwitch',
-  props: {
-    ...pressYSwitchPropsOptions()
-  },
-  emits: ['update:modelValue', 'change', 'click', 'focus', 'blur', 'keydown', 'overmax'],
-  setup(props, _ref) {
-    let {
-      emit,
-      slots
-    } = _ref;
-    const counterId = (getUid() ?? '').toString();
-    const inputId = `input-${counterId}`;
-    const input$ = ref();
-    const model = useModelDuplex(props);
-    const checked = ref(false);
-    const focused = ref(false);
-    const isMultipleInput = computed(() => {
-      return Array.isArray(model.value);
-    });
-    const multipleInputIndex = computed(() => {
-      if (!isMultipleInput.value) return -1;
-      return model.value.findIndex(item => item === props.value);
-    });
-    const classes = computed(() => {
-      return {
-        'y-switch--active': checked.value,
-        'y-switch--focused': focused.value,
-        'y-switch--disabled': !!props.disabled,
-        'y-switch--loading': !!props.loading,
-        'y-switch--stick-out': !!props.stickOut
-      };
-    });
-    watch(model, () => {
-      inputByProp();
-    }, {
-      immediate: true
-    });
-    function inputByProp() {
-      const modelValue = model.value;
-      if (Array.isArray(modelValue)) {
-        const found = modelValue.find(item => {
-          return item === props.value;
-        });
-        checked.value = found !== undefined;
-      } else if (typeof modelValue === 'boolean') {
-        checked.value = modelValue;
-      }
-    }
-    function changeMultipleInput(to) {
-      const modelValue = model.value;
-      if (Array.isArray(modelValue)) {
-        const multipleInput = modelValue.slice();
-        if (to && props.max !== undefined && multipleInput.length >= props.max) {
-          emit('overmax');
-          nextChange(false, multipleInput);
-          return;
-        }
-        if (to && multipleInputIndex.value < 0) {
-          multipleInput.push(props.value);
-        } else if (multipleInputIndex.value > -1) {
-          multipleInput.splice(multipleInputIndex.value, 1);
-        }
-        emit('change', multipleInput);
-      }
-    }
-    function nextChange(to, value) {
-      nextTick(() => {
-        checked.value = to;
-      });
-    }
-    function onFocus(e) {
-      focused.value = true;
-      emit('focus', e);
-    }
-    function onBlur(e) {
-      focused.value = false;
-      emit('blur', e);
-    }
-    function onClick($event) {
-      if (props.disabled || props.loading) return;
-      changeInput(!checked.value, $event);
-    }
-    function changeInput(to, event) {
-      checked.value = to;
-      if (isMultipleInput.value) {
-        changeMultipleInput(to);
-      } else {
-        model.value = to;
-        emit('change', to);
-      }
-    }
-    function onKeydown($event) {
-      emit('keydown', $event);
-    }
-    useRender(() => {
-      const trackStyles = {
-        backgroundColor: props.color
-      };
-      return _createVNode("div", {
-        "class": {
-          'y-switch': true,
-          ...classes.value
-        }
-      }, [_createVNode("div", {
-        "class": "y-switch__slot"
-      }, [_createVNode("div", {
-        "class": "y-switch__input",
-        "onClick": withModifiers(onClick, ['exact']),
-        "onKeydown": onKeydown
-      }, [_createVNode("input", {
-        "ref": input$,
-        "id": inputId,
-        "aria-checked": checked.value,
-        "type": "checkbox",
-        "role": "switch",
-        "onFocus": onFocus,
-        "onBlur": onBlur,
-        "disabled": props.disabled,
-        "checked": checked.value
-      }, null), _createVNode("div", {
-        "class": "y-switch__track",
-        "style": trackStyles
-      }, [props.stateLabel && _createVNode("div", {
-        "class": "y-switch__state"
-      }, [_createVNode("span", {
-        "class": "y-switch__state-label y-switch__state-label--on"
-      }, [props.labelOn]), _createVNode("span", {
-        "class": "y-switch__state-label y-switch__state-label--off"
-      }, [props.labelOff])])]), _createVNode("div", {
-        "class": "y-switch__thumb"
-      }, [props.loading && _createVNode("div", {
-        "class": "y-switch__spinner"
-      }, null)])]), slots.label && _createVNode("label", {
-        "for": inputId,
-        "class": "y-switch__label"
-      }, [slots.label?.(), _createVNode("input", {
-        "hidden": true
-      }, null)])])]);
-    });
-  }
-});
-//# sourceMappingURL=YSwitch.mjs.map

package/lib/components/switch/YSwitch.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YSwitch.mjs","names":["computed","nextTick","ref","watch","withModifiers","useModelDuplex","useRender","defineComponent","getUid","propsFactory","pressYSwitchPropsOptions","modelValue","type","Boolean","Array","default","value","String","Number","Object","max","loading","disabled","stickOut","stateLabel","color","labelOn","labelOff","YSwitch","name","props","emits","setup","_ref","emit","slots","counterId","toString","inputId","input$","model","checked","focused","isMultipleInput","isArray","multipleInputIndex","findIndex","item","classes","inputByProp","immediate","found","find","undefined","changeMultipleInput","to","multipleInput","slice","length","nextChange","push","splice","onFocus","e","onBlur","onClick","$event","changeInput","event","onKeydown","trackStyles","backgroundColor","_createVNode","label"],"sources":["../../../src/components/switch/YSwitch.tsx"],"sourcesContent":["import {\r\n  type PropType,\r\n  computed,\r\n  nextTick,\r\n  ref,\r\n  watch,\r\n  withModifiers,\r\n} from 'vue';\r\n\r\nimport { useModelDuplex } from '@/composables/communication';\r\nimport { useRender } from '@/composables/component';\r\nimport { defineComponent, getUid, propsFactory } from '@/util/component';\r\n\r\nimport './YSwitch.scss';\r\n\r\nexport const pressYSwitchPropsOptions = propsFactory(\r\n  {\r\n    modelValue: {\r\n      type: [Boolean, Array] as PropType<boolean | any[]>,\r\n      default: false,\r\n    },\r\n    value: {\r\n      type: [String, Number, Object] as PropType<any>,\r\n    },\r\n    max: {\r\n      type: Number,\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n    },\r\n    stickOut: {\r\n      type: Boolean,\r\n    },\r\n    stateLabel: {\r\n      type: Boolean,\r\n    },\r\n    color: {\r\n      type: String,\r\n    },\r\n    labelOn: {\r\n      type: String,\r\n      default: 'ON',\r\n    },\r\n    labelOff: {\r\n      type: String,\r\n      default: 'OFF',\r\n    },\r\n  },\r\n  'YSwitch',\r\n);\r\n\r\nexport const YSwitch = defineComponent({\r\n  name: 'YSwitch',\r\n  props: {\r\n    ...pressYSwitchPropsOptions(),\r\n  },\r\n  emits: [\r\n    'update:modelValue',\r\n    'change',\r\n    'click',\r\n    'focus',\r\n    'blur',\r\n    'keydown',\r\n    'overmax',\r\n  ],\r\n  setup(props, { emit, slots }) {\r\n    const counterId = (getUid() ?? '').toString();\r\n    const inputId = `input-${counterId}`;\r\n    const input$ = ref<HTMLInputElement>();\r\n    const model = useModelDuplex(props);\r\n    const checked = ref(false);\r\n    const focused = ref(false);\r\n\r\n    const isMultipleInput = computed(() => {\r\n      return Array.isArray(model.value);\r\n    });\r\n\r\n    const multipleInputIndex = computed(() => {\r\n      if (!isMultipleInput.value) return -1;\r\n      return model.value.findIndex((item: any) => item === props.value);\r\n    });\r\n\r\n    const classes = computed(() => {\r\n      return {\r\n        'y-switch--active': checked.value,\r\n        'y-switch--focused': focused.value,\r\n        'y-switch--disabled': !!props.disabled,\r\n        'y-switch--loading': !!props.loading,\r\n        'y-switch--stick-out': !!props.stickOut,\r\n      };\r\n    });\r\n\r\n    watch(model, () => {\r\n      inputByProp();\r\n    }, { immediate: true });\r\n\r\n    function inputByProp() {\r\n      const modelValue = model.value;\r\n      if (Array.isArray(modelValue)) {\r\n        const found = modelValue.find((item: any) => {\r\n          return item === props.value;\r\n        });\r\n        checked.value = found !== undefined;\r\n      } else if (typeof modelValue === 'boolean') {\r\n        checked.value = modelValue;\r\n      }\r\n    }\r\n\r\n    function changeMultipleInput(to: boolean) {\r\n      const modelValue = model.value;\r\n      if (Array.isArray(modelValue)) {\r\n        const multipleInput = modelValue.slice();\r\n        if (\r\n          to &&\r\n          props.max !== undefined &&\r\n          multipleInput.length >= props.max\r\n        ) {\r\n          emit('overmax');\r\n          nextChange(false, multipleInput);\r\n          return;\r\n        }\r\n        if (to && multipleInputIndex.value < 0) {\r\n          multipleInput.push(props.value);\r\n        } else if (multipleInputIndex.value > -1) {\r\n          multipleInput.splice(multipleInputIndex.value, 1);\r\n        }\r\n        emit('change', multipleInput);\r\n      }\r\n    }\r\n\r\n    function nextChange(to: boolean, value: any) {\r\n      nextTick(() => {\r\n        checked.value = to;\r\n      });\r\n    }\r\n\r\n    function onFocus(e: FocusEvent) {\r\n      focused.value = true;\r\n      emit('focus', e);\r\n    }\r\n\r\n    function onBlur(e: FocusEvent) {\r\n      focused.value = false;\r\n      emit('blur', e);\r\n    }\r\n\r\n    function onClick($event: Event) {\r\n      if (props.disabled || props.loading) return;\r\n      changeInput(!checked.value, $event);\r\n    }\r\n\r\n    function changeInput(to: boolean, event?: Event) {\r\n      checked.value = to;\r\n      if (isMultipleInput.value) {\r\n        changeMultipleInput(to);\r\n      } else {\r\n        model.value = to;\r\n        emit('change', to);\r\n      }\r\n    }\r\n\r\n    function onKeydown($event: KeyboardEvent) {\r\n      emit('keydown', $event);\r\n    }\r\n\r\n    useRender(() => {\r\n      const trackStyles = {\r\n        backgroundColor: props.color,\r\n      };\r\n\r\n      return (\r\n        <div class={{ 'y-switch': true, ...classes.value }}>\r\n          <div class=\"y-switch__slot\">\r\n            <div\r\n              class=\"y-switch__input\"\r\n              onClick={withModifiers(onClick, ['exact'])}\r\n              onKeydown={onKeydown}\r\n            >\r\n              <input\r\n                ref={input$}\r\n                id={inputId}\r\n                aria-checked={checked.value}\r\n                type=\"checkbox\"\r\n                role=\"switch\"\r\n                onFocus={onFocus}\r\n                onBlur={onBlur}\r\n                disabled={props.disabled}\r\n                checked={checked.value}\r\n              />\r\n              <div class=\"y-switch__track\" style={trackStyles}>\r\n                {props.stateLabel && (\r\n                  <div class=\"y-switch__state\">\r\n                    <span class=\"y-switch__state-label y-switch__state-label--on\">\r\n                      {props.labelOn}\r\n                    </span>\r\n                    <span class=\"y-switch__state-label y-switch__state-label--off\">\r\n                      {props.labelOff}\r\n                    </span>\r\n                  </div>\r\n                )}\r\n              </div>\r\n              <div class=\"y-switch__thumb\">\r\n                {props.loading && <div class=\"y-switch__spinner\"></div>}\r\n              </div>\r\n            </div>\r\n            {slots.label && (\r\n              <label for={inputId} class=\"y-switch__label\">\r\n                {slots.label?.()}\r\n                <input hidden />\r\n              </label>\r\n            )}\r\n          </div>\r\n        </div>\r\n      );\r\n    });\r\n  },\r\n});\r\n\r\nexport type YSwitch = InstanceType<typeof YSwitch>;\r\n"],"mappings":"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"}

package/lib/components/switch/index.mjs

@@ -1,2 +0,0 @@
-export * from "./YSwitch.mjs";
-//# sourceMappingURL=index.mjs.map

package/lib/components/switch/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/switch/index.ts"],"sourcesContent":["export * from './YSwitch';\n"],"mappings":""}

package/lib/components/tab/YTab.mjs

@@ -1,64 +0,0 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { computed, ref, shallowRef } from 'vue';
-import { useRender } from "../../composables/component.mjs";
-import { chooseProps, defineComponent, propsFactory } from "../../util/component/index.mjs";
-import { YButton, pressYButtonProps } from "../button/index.mjs";
-import { Y_TABS_KEY } from "./shared.mjs";
-import "./YTab.scss";
-export const pressYTabPropsOptions = propsFactory({
-  text: String,
-  hideIndicator: Boolean,
-  indicatorColor: String,
-  ...pressYButtonProps({
-    selectedClass: 'y-tab--selected',
-    noWave: true
-  })
-}, 'YTab');
-export const YTab = defineComponent({
-  name: 'YTab',
-  props: pressYTabPropsOptions(),
-  slots: Object,
-  setup(props, _ref) {
-    let {
-      slots,
-      attrs
-    } = _ref;
-    const selected = shallowRef(false);
-    const indicator$ = ref();
-    const indicatorStyles = computed(() => {
-      return {};
-    });
-    const attrsProps = computed(() => {
-      return {
-        role: 'tab',
-        'aria-selected': `${String(selected.value)}`,
-        tabindex: selected.value ? 0 : -1
-      };
-    });
-    function onChoice(_ref2) {
-      let {
-        value
-      } = _ref2;
-      selected.value = value;
-    }
-    useRender(() => {
-      const yButtonProps = chooseProps(props, YButton.props);
-      return _createVNode(YButton, _mergeProps({
-        "class": ['y-tab'],
-        "active": false
-      }, attrsProps.value, attrs, yButtonProps, {
-        "injectSymbol": Y_TABS_KEY,
-        "onChoice:selected": onChoice
-      }), {
-        default: () => slots.default?.() ?? props.text,
-        append: () => !props.hideIndicator && _createVNode("div", {
-          "ref": indicator$,
-          "class": ['y-tab__indicator'],
-          "style": indicatorStyles.value
-        }, null)
-      });
-    });
-    return {};
-  }
-});
-//# sourceMappingURL=YTab.mjs.map

package/lib/components/tab/YTab.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YTab.mjs","names":["computed","ref","shallowRef","useRender","chooseProps","defineComponent","propsFactory","YButton","pressYButtonProps","Y_TABS_KEY","pressYTabPropsOptions","text","String","hideIndicator","Boolean","indicatorColor","selectedClass","noWave","YTab","name","props","slots","Object","setup","_ref","attrs","selected","indicator$","indicatorStyles","attrsProps","role","value","tabindex","onChoice","_ref2","yButtonProps","_createVNode","_mergeProps","default","append"],"sources":["../../../src/components/tab/YTab.tsx"],"sourcesContent":["import { type PropType, type SlotsType, computed, ref, shallowRef } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { chooseProps, defineComponent, propsFactory } from '@/util/component';\r\n\r\nimport { YButton, pressYButtonProps } from '../button';\r\nimport { Y_TABS_KEY } from './shared';\r\n\r\nimport './YTab.scss';\r\n\r\nexport const pressYTabPropsOptions = propsFactory(\r\n  {\r\n    text: String as PropType<string>,\r\n    hideIndicator: Boolean as PropType<boolean>,\r\n    indicatorColor: String as PropType<string>,\r\n    ...pressYButtonProps({\r\n      selectedClass: 'y-tab--selected',\r\n      noWave: true,\r\n    }),\r\n  },\r\n  'YTab',\r\n);\r\n\r\nexport const YTab = defineComponent({\r\n  name: 'YTab',\r\n  props: pressYTabPropsOptions(),\r\n  slots: Object as SlotsType<{\r\n    default?: any;\r\n  }>,\r\n  setup(props, { slots, attrs }) {\r\n    const selected = shallowRef(false);\r\n\r\n    const indicator$ = ref();\r\n    const indicatorStyles = computed(() => {\r\n      return {};\r\n    });\r\n    const attrsProps = computed(() => {\r\n      return {\r\n        role: 'tab',\r\n        'aria-selected': `${String(selected.value)}`,\r\n        tabindex: selected.value ? 0 : -1,\r\n      };\r\n    });\r\n\r\n    function onChoice({ value }: { value: boolean }) {\r\n      selected.value = value;\r\n    }\r\n\r\n    useRender(() => {\r\n      const yButtonProps = chooseProps(props, YButton.props);\r\n      return (\r\n        <YButton\r\n          class={['y-tab']}\r\n          active={false}\r\n          {...attrsProps.value}\r\n          {...attrs}\r\n          {...yButtonProps}\r\n          injectSymbol={Y_TABS_KEY}\r\n          onChoice:selected={onChoice}\r\n        >\r\n          {{\r\n            default: () => slots.default?.() ?? props.text,\r\n            append: () =>\r\n              !props.hideIndicator && (\r\n                <div\r\n                  ref={indicator$}\r\n                  class={['y-tab__indicator']}\r\n                  style={indicatorStyles.value}\r\n                ></div>\r\n              ),\r\n          }}\r\n        </YButton>\r\n      );\r\n    });\r\n\r\n    return {};\r\n  },\r\n});\r\n\r\nexport type YTab = InstanceType<typeof YTab>;\r\n"],"mappings":";AAAA,SAAwCA,QAAQ,EAAEC,GAAG,EAAEC,UAAU,QAAQ,KAAK;AAAC,SAEtEC,SAAS;AAAA,SACTC,WAAW,EAAEC,eAAe,EAAEC,YAAY;AAAA,SAE1CC,OAAO,EAAEC,iBAAiB;AAAA,SAC1BC,UAAU;AAEnB;AAEA,OAAO,MAAMC,qBAAqB,GAAGJ,YAAY,CAC/C;EACEK,IAAI,EAAEC,MAA0B;EAChCC,aAAa,EAAEC,OAA4B;EAC3CC,cAAc,EAAEH,MAA0B;EAC1C,GAAGJ,iBAAiB,CAAC;IACnBQ,aAAa,EAAE,iBAAiB;IAChCC,MAAM,EAAE;EACV,CAAC;AACH,CAAC,EACD,MACF,CAAC;AAED,OAAO,MAAMC,IAAI,GAAGb,eAAe,CAAC;EAClCc,IAAI,EAAE,MAAM;EACZC,KAAK,EAAEV,qBAAqB,CAAC,CAAC;EAC9BW,KAAK,EAAEC,MAEL;EACFC,KAAKA,CAACH,KAAK,EAAAI,IAAA,EAAoB;IAAA,IAAlB;MAAEH,KAAK;MAAEI;IAAM,CAAC,GAAAD,IAAA;IAC3B,MAAME,QAAQ,GAAGxB,UAAU,CAAC,KAAK,CAAC;IAElC,MAAMyB,UAAU,GAAG1B,GAAG,CAAC,CAAC;IACxB,MAAM2B,eAAe,GAAG5B,QAAQ,CAAC,MAAM;MACrC,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;IACF,MAAM6B,UAAU,GAAG7B,QAAQ,CAAC,MAAM;MAChC,OAAO;QACL8B,IAAI,EAAE,KAAK;QACX,eAAe,EAAG,GAAElB,MAAM,CAACc,QAAQ,CAACK,KAAK,CAAE,EAAC;QAC5CC,QAAQ,EAAEN,QAAQ,CAACK,KAAK,GAAG,CAAC,GAAG,CAAC;MAClC,CAAC;IACH,CAAC,CAAC;IAEF,SAASE,QAAQA,CAAAC,KAAA,EAAgC;MAAA,IAA/B;QAAEH;MAA0B,CAAC,GAAAG,KAAA;MAC7CR,QAAQ,CAACK,KAAK,GAAGA,KAAK;IACxB;IAEA5B,SAAS,CAAC,MAAM;MACd,MAAMgC,YAAY,GAAG/B,WAAW,CAACgB,KAAK,EAAEb,OAAO,CAACa,KAAK,CAAC;MACtD,OAAAgB,YAAA,CAAA7B,OAAA,EAAA8B,WAAA;QAAA,SAEW,CAAC,OAAO,CAAC;QAAA,UACR;MAAK,GACTR,UAAU,CAACE,KAAK,EAChBN,KAAK,EACLU,YAAY;QAAA,gBACF1B,UAAU;QAAA,qBACLwB;MAAQ;QAGzBK,OAAO,EAAEA,CAAA,KAAMjB,KAAK,CAACiB,OAAO,GAAG,CAAC,IAAIlB,KAAK,CAACT,IAAI;QAC9C4B,MAAM,EAAEA,CAAA,KACN,CAACnB,KAAK,CAACP,aAAa,IAAAuB,YAAA;UAAA,OAEXT,UAAU;UAAA,SACR,CAAC,kBAAkB,CAAC;UAAA,SACpBC,eAAe,CAACG;QAAK;MAE/B;IAIX,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/tab/YTabs.mjs

@@ -1,86 +0,0 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { computed } from 'vue';
-import { pressChoicePropsOptions, useChoice } from "../../composables/choice.mjs";
-import { useRender } from "../../composables/component.mjs";
-import { useResizeObserver } from "../../composables/resize-observer.mjs";
-import { defineComponent, propsFactory } from "../../util/component/index.mjs";
-import { YTab } from "./YTab.mjs";
-import { Y_TABS_KEY } from "./shared.mjs";
-import "./YTabs.scss";
-export const pressYTabsPropOptions = propsFactory({
-  items: {
-    type: Array
-  },
-  ...pressChoicePropsOptions({
-    selectedClass: 'y-tab--active',
-    mandatory: 'force'
-  })
-}, 'YTabs');
-export const YTabs = defineComponent({
-  name: 'YTabs',
-  props: {
-    tag: {
-      type: String,
-      default: 'div'
-    },
-    ...pressYTabsPropOptions()
-  },
-  emits: {
-    'update:modelValue': value => true
-  },
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    const {
-      resizeObservedRef: container$,
-      contentRect: containerRect
-    } = useResizeObserver();
-    const {
-      resizeObservedRef: content$,
-      contentRect
-    } = useResizeObserver();
-    const choiceState = useChoice(props, Y_TABS_KEY);
-    const slotProps = computed(() => {
-      return {
-        next: choiceState.next,
-        prev: choiceState.prev,
-        select: choiceState.select,
-        isSelected: choiceState.isSelected
-      };
-    });
-    const tabItems = computed(() => {
-      return props.items?.map(item => {
-        if (typeof item !== 'object') {
-          return {
-            text: item,
-            value: item
-          };
-        }
-        return item;
-      }) ?? [];
-    });
-    useRender(() => {
-      return _createVNode(props.tag, {
-        "class": ['y-tabs'],
-        "role": "tablist"
-      }, {
-        default: () => [_createVNode("div", {
-          "key": "container",
-          "ref": container$,
-          "class": ['y-tabs__container']
-        }, [_createVNode("div", {
-          "key": "content",
-          "ref": content$,
-          "class": ['y-tabs__content']
-        }, [slots.default ? slots.default(slotProps.value) : tabItems.value.map(tabItem => _createVNode(YTab, _mergeProps(tabItem, {
-          "key": tabItem.text
-        }), null))])])]
-      });
-    });
-    return {
-      selected: choiceState.selected
-    };
-  }
-});
-//# sourceMappingURL=YTabs.mjs.map

package/lib/components/tab/YTabs.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YTabs.mjs","names":["computed","pressChoicePropsOptions","useChoice","useRender","useResizeObserver","defineComponent","propsFactory","YTab","Y_TABS_KEY","pressYTabsPropOptions","items","type","Array","selectedClass","mandatory","YTabs","name","props","tag","String","default","emits","value","setup","_ref","slots","resizeObservedRef","container$","contentRect","containerRect","content$","choiceState","slotProps","next","prev","select","isSelected","tabItems","map","item","text","_createVNode","tabItem","_mergeProps","selected"],"sources":["../../../src/components/tab/YTabs.tsx"],"sourcesContent":["import { type PropType, computed } from 'vue';\r\n\r\nimport { pressChoicePropsOptions, useChoice } from '@/composables/choice';\r\nimport { useRender } from '@/composables/component';\r\nimport { useResizeObserver } from '@/composables/resize-observer';\r\nimport { defineComponent, propsFactory } from '@/util/component';\r\n\r\nimport { YTab } from './YTab';\r\nimport { Y_TABS_KEY } from './shared';\r\nimport { YTabPropItem } from './types';\r\n\r\nimport './YTabs.scss';\r\n\r\nexport const pressYTabsPropOptions = propsFactory(\r\n  {\r\n    items: {\r\n      type: Array as PropType<YTabPropItem[]>,\r\n    },\r\n    ...pressChoicePropsOptions({\r\n      selectedClass: 'y-tab--active',\r\n      mandatory: 'force' as const,\r\n    }),\r\n  },\r\n  'YTabs',\r\n);\r\n\r\nexport const YTabs = defineComponent({\r\n  name: 'YTabs',\r\n  props: {\r\n    tag: {\r\n      type: String as PropType<'div' | 'nav' | 'ol' | 'ul'>,\r\n      default: 'div',\r\n    },\r\n    ...pressYTabsPropOptions(),\r\n  },\r\n  emits: {\r\n    'update:modelValue': (value: any) => true,\r\n  },\r\n  setup(props, { slots }) {\r\n    const { resizeObservedRef: container$, contentRect: containerRect } =\r\n      useResizeObserver();\r\n    const { resizeObservedRef: content$, contentRect } = useResizeObserver();\r\n\r\n    const choiceState = useChoice(props, Y_TABS_KEY);\r\n\r\n    const slotProps = computed(() => {\r\n      return {\r\n        next: choiceState.next,\r\n        prev: choiceState.prev,\r\n        select: choiceState.select,\r\n        isSelected: choiceState.isSelected,\r\n      };\r\n    });\r\n\r\n    const tabItems = computed(() => {\r\n      return (\r\n        props.items?.map((item) => {\r\n          if (typeof item !== 'object') {\r\n            return {\r\n              text: item,\r\n              value: item,\r\n            };\r\n          }\r\n          return item;\r\n        }) ?? []\r\n      );\r\n    });\r\n\r\n    useRender(() => {\r\n      return (\r\n        <props.tag class={['y-tabs']} role=\"tablist\">\r\n          <div key=\"container\" ref={container$} class={['y-tabs__container']}>\r\n            <div key=\"content\" ref={content$} class={['y-tabs__content']}>\r\n              {slots.default\r\n                ? slots.default(slotProps.value)\r\n                : tabItems.value.map((tabItem) => (\r\n                    <YTab {...tabItem} key={tabItem.text}></YTab>\r\n                  ))}\r\n            </div>\r\n          </div>\r\n        </props.tag>\r\n      );\r\n    });\r\n\r\n    return {\r\n      selected: choiceState.selected,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YTabs = InstanceType<typeof YTabs>;\r\n"],"mappings":";AAAA,SAAwBA,QAAQ,QAAQ,KAAK;AAAC,SAErCC,uBAAuB,EAAEC,SAAS;AAAA,SAClCC,SAAS;AAAA,SACTC,iBAAiB;AAAA,SACjBC,eAAe,EAAEC,YAAY;AAAA,SAE7BC,IAAI;AAAA,SACJC,UAAU;AAGnB;AAEA,OAAO,MAAMC,qBAAqB,GAAGH,YAAY,CAC/C;EACEI,KAAK,EAAE;IACLC,IAAI,EAAEC;EACR,CAAC;EACD,GAAGX,uBAAuB,CAAC;IACzBY,aAAa,EAAE,eAAe;IAC9BC,SAAS,EAAE;EACb,CAAC;AACH,CAAC,EACD,OACF,CAAC;AAED,OAAO,MAAMC,KAAK,GAAGV,eAAe,CAAC;EACnCW,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE;IACLC,GAAG,EAAE;MACHP,IAAI,EAAEQ,MAA+C;MACrDC,OAAO,EAAE;IACX,CAAC;IACD,GAAGX,qBAAqB,CAAC;EAC3B,CAAC;EACDY,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EACDC,KAAKA,CAACN,KAAK,EAAAO,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpB,MAAM;MAAEE,iBAAiB,EAAEC,UAAU;MAAEC,WAAW,EAAEC;IAAc,CAAC,GACjEzB,iBAAiB,CAAC,CAAC;IACrB,MAAM;MAAEsB,iBAAiB,EAAEI,QAAQ;MAAEF;IAAY,CAAC,GAAGxB,iBAAiB,CAAC,CAAC;IAExE,MAAM2B,WAAW,GAAG7B,SAAS,CAACe,KAAK,EAAET,UAAU,CAAC;IAEhD,MAAMwB,SAAS,GAAGhC,QAAQ,CAAC,MAAM;MAC/B,OAAO;QACLiC,IAAI,EAAEF,WAAW,CAACE,IAAI;QACtBC,IAAI,EAAEH,WAAW,CAACG,IAAI;QACtBC,MAAM,EAAEJ,WAAW,CAACI,MAAM;QAC1BC,UAAU,EAAEL,WAAW,CAACK;MAC1B,CAAC;IACH,CAAC,CAAC;IAEF,MAAMC,QAAQ,GAAGrC,QAAQ,CAAC,MAAM;MAC9B,OACEiB,KAAK,CAACP,KAAK,EAAE4B,GAAG,CAAEC,IAAI,IAAK;QACzB,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;UAC5B,OAAO;YACLC,IAAI,EAAED,IAAI;YACVjB,KAAK,EAAEiB;UACT,CAAC;QACH;QACA,OAAOA,IAAI;MACb,CAAC,CAAC,IAAI,EAAE;IAEZ,CAAC,CAAC;IAEFpC,SAAS,CAAC,MAAM;MACd,OAAAsC,YAAA,CAAAxB,KAAA,CAAAC,GAAA;QAAA,SACoB,CAAC,QAAQ,CAAC;QAAA;MAAA;QAAAE,OAAA,EAAAA,CAAA,MAAAqB,YAAA;UAAA;UAAA,OACAd,UAAU;UAAA,SAAS,CAAC,mBAAmB;QAAC,IAAAc,YAAA;UAAA;UAAA,OACxCX,QAAQ;UAAA,SAAS,CAAC,iBAAiB;QAAC,IACzDL,KAAK,CAACL,OAAO,GACVK,KAAK,CAACL,OAAO,CAACY,SAAS,CAACV,KAAK,CAAC,GAC9Be,QAAQ,CAACf,KAAK,CAACgB,GAAG,CAAEI,OAAO,IAAAD,YAAA,CAAAlC,IAAA,EAAAoC,WAAA,CACfD,OAAO;UAAA,OAAOA,OAAO,CAACF;QAAI,SACrC,CAAC;MAAA;IAKhB,CAAC,CAAC;IAEF,OAAO;MACLI,QAAQ,EAAEb,WAAW,CAACa;IACxB,CAAC;EACH;AACF,CAAC,CAAC"}

package/lib/components/tab/index.mjs

@@ -1,4 +0,0 @@
-export * from "./YTabs.mjs";
-export * from "./YTab.mjs";
-export { Y_TABS_KEY } from "./shared.mjs";
-//# sourceMappingURL=index.mjs.map

package/lib/components/tab/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["Y_TABS_KEY"],"sources":["../../../src/components/tab/index.ts"],"sourcesContent":["export * from './YTabs';\r\nexport * from './YTab';\r\nexport { Y_TABS_KEY } from './shared';\r\n"],"mappings":";;SAESA,UAAU"}

package/lib/components/tab/shared.mjs

@@ -1,2 +0,0 @@
-export const Y_TABS_KEY = Symbol.for('yuyeon.y-tabs');
-//# sourceMappingURL=shared.mjs.map

package/lib/components/tab/shared.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"shared.mjs","names":["Y_TABS_KEY","Symbol","for"],"sources":["../../../src/components/tab/shared.ts"],"sourcesContent":["import { InjectionKey } from 'vue';\n\nimport { ChoiceProvide } from '../../composables/choice';\n\nexport const Y_TABS_KEY: InjectionKey<ChoiceProvide> =\n  Symbol.for('yuyeon.y-tabs');\n"],"mappings":"AAIA,OAAO,MAAMA,UAAuC,GAClDC,MAAM,CAACC,GAAG,CAAC,eAAe,CAAC"}

package/lib/components/tab/types.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.mjs.map

package/lib/components/tab/types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.mjs","names":[],"sources":["../../../src/components/tab/types.ts"],"sourcesContent":["export interface YTabPropItem {\r\n  text: string;\r\n  value?: string;\r\n  [Key: string]: any;\r\n}\r\n"],"mappings":""}

package/lib/components/table/YDataTable.mjs

@@ -1,182 +0,0 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode, resolveDirective as _resolveDirective, Fragment as _Fragment } from "vue";
-import { computed, provide, toRef } from 'vue';
-import { useRender } from "../../composables/component.mjs";
-import { useResizeObserver } from "../../composables/resize-observer.mjs";
-import { chooseProps, defineComponent, propsFactory } from "../../util/component/index.mjs";
-import { toStyleSizeValue } from "../../util/ui.mjs";
-import { YDataTableBody, pressYDataTableBodyProps } from "./YDataTableBody.mjs";
-import { YDataTableControl } from "./YDataTableControl.mjs";
-import { YDataTableHead, pressYDataTableHeadProps } from "./YDataTableHead.mjs";
-import { YDataTableLayer } from "./YDataTableLayer.mjs";
-import { YTable, pressYTableProps } from "./YTable.mjs";
-import { createHeader, pressDataTableHeader } from "./composibles/header.mjs";
-import { pressDataTableItemsProps, useItems } from "./composibles/items.mjs";
-import { useOptions } from "./composibles/options.mjs";
-import { createPagination, pressDataTablePaginationProps, providePagination, usePaginatedItems } from "./composibles/pagination.mjs";
-import { pressDataTableSelectionProps, provideSelection } from "./composibles/selection.mjs";
-import { useSortedItems } from "./composibles/sorted-items.mjs";
-import { createSorting, pressDataTableSortProps, provideSorting } from "./composibles/sorting.mjs";
-export const pressDataTableProps = propsFactory({
-  ...pressYDataTableBodyProps(),
-  width: [String, Number],
-  search: String,
-  hideDefaultTbody: Boolean,
-  ...pressDataTableHeader(),
-  ...pressDataTableItemsProps(),
-  ...pressDataTableSortProps(),
-  ...pressDataTableSelectionProps(),
-  ...pressYDataTableHeadProps(),
-  ...pressYTableProps()
-}, 'DataTable');
-export const YDataTable = defineComponent({
-  name: 'YDataTable',
-  props: {
-    ...pressDataTablePaginationProps(),
-    ...pressDataTableProps()
-  },
-  emits: {
-    'update:modelValue': value => true,
-    'update:page': page => true,
-    'update:pageSize': pageSize => true,
-    'update:sortBy': sortBy => true,
-    'update:options': options => true,
-    'click:row': (e, value) => true,
-    scroll: e => true
-  },
-  setup(props, _ref) {
-    let {
-      slots,
-      emit
-    } = _ref;
-    const {
-      page,
-      pageSize
-    } = createPagination(props);
-    const {
-      sortBy,
-      multiSort
-    } = createSorting(props);
-    const {
-      columns,
-      headers
-    } = createHeader(props, {
-      enableSelect: toRef(props, 'enableSelect')
-    });
-    const {
-      items
-    } = useItems(props, columns);
-    const {
-      toggleSort
-    } = provideSorting({
-      sortBy,
-      multiSort,
-      page
-    });
-    const total = computed(() => items.value.length);
-    const {
-      startIndex,
-      endIndex,
-      pageLength,
-      setPageSize,
-      setPage
-    } = providePagination({
-      page,
-      pageSize,
-      total
-    });
-    const {
-      sortedItems
-    } = useSortedItems(props, items, sortBy);
-    const {
-      paginatedItems
-    } = usePaginatedItems({
-      items: sortedItems,
-      startIndex,
-      endIndex,
-      pageSize
-    });
-    const {
-      isSelected,
-      select,
-      selectAll,
-      toggleSelect,
-      someSelected,
-      allSelected
-    } = provideSelection(props, {
-      allItems: items,
-      pageItems: items
-    });
-    const {
-      resizeObservedRef: headObserveRef,
-      contentRect: headRect
-    } = useResizeObserver();
-    useOptions({
-      page,
-      pageSize,
-      search: toRef(props, 'search'),
-      sortBy
-    }, emit);
-    provide('y-data-table', {
-      toggleSort,
-      sortBy,
-      headRect
-    });
-    const slotProps = computed(() => {
-      return {
-        // pagination
-        page: page.value,
-        pageSize: pageSize.value,
-        pageLength: pageLength.value,
-        setPageSize,
-        setPage,
-        // sorting
-        sortBy: sortBy.value,
-        toggleSort,
-        // selection
-        someSelected: someSelected.value,
-        allSelected: allSelected.value,
-        isSelected,
-        select,
-        selectAll,
-        toggleSelect,
-        //
-        items: paginatedItems.value,
-        columns: columns.value,
-        headers: headers.value
-      };
-    });
-    useRender(() => {
-      const yDataTableHeadProps = chooseProps(props, YDataTableHead.props);
-      const yDataTableBodyProps = chooseProps(props, YDataTableBody.props);
-      const yTableProps = chooseProps(props, YTable.props);
-      return _createVNode(YTable, _mergeProps({
-        "class": ['y-data-table', {
-          'y-data-table--no-data': !props.loading && props.items.length < 1 && !props.hideNoData
-        }]
-      }, yTableProps, {
-        "style": {
-          '--y-table-head-height': toStyleSizeValue(headRect.value?.height)
-        }
-      }), {
-        top: () => slots.top?.(slotProps.value),
-        leading: () => slots.leading ? slots.leading(slotProps.value) : _createVNode(_Fragment, null, [_createVNode(YDataTableLayer, {
-          "slot-props": slotProps.value
-        }, slots)]),
-        default: () => slots.default ? slots.default(slotProps.value) : _createVNode(_Fragment, null, [_createVNode("thead", {
-          "ref": headObserveRef
-        }, [_createVNode(YDataTableHead, yDataTableHeadProps, slots)]), slots.thead?.(slotProps.value), !props.hideDefaultTbody && _createVNode("tbody", null, [_createVNode(YDataTableBody, _mergeProps(yDataTableBodyProps, {
-          "items": slotProps.value.items
-        }), slots)]), slots.tbody?.(slotProps.value), slots.tfoot?.(slotProps.value)]),
-        trailing: () => slots.trailing?.(slotProps.value),
-        bottom: () => slots.bottom ? slots.bottom(slotProps.value) : _createVNode(YDataTableControl, null, {
-          prepend: slots['control.prepend'],
-          append: slots['control.append']
-        })
-      });
-    });
-    return {
-      paginatedItems
-    };
-  }
-});
-//# sourceMappingURL=YDataTable.mjs.map