yuyeon 0.0.47-rc.1 → 0.0.47-rc.10

package/lib/components/table/YDataTableRow.mjs

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { defineComponent, computed } from 'vue';
+import { computed, defineComponent } from 'vue';
 import { useRender } from "../../composables/component.mjs";
 import { getPropertyFromItem } from "../../util/common.mjs";
 import { propsFactory } from "../../util/vue-component.mjs";
@@ -9,7 +9,10 @@ import { useHeader } from "./composibles/header.mjs";
 import { useSelection } from "./composibles/selection.mjs";
 export const pressYDataTableRowProps = propsFactory({
   index: Number,
-  onClick: Function
+  onClick: Function,
+  onContextmenu: Function,
+  onDblclick: Function,
+  onHover: Function
 }, 'YDataTableRow');
 export const YDataTableRow = defineComponent({
   name: 'YDataTableRow',
@@ -33,7 +36,9 @@ export const YDataTableRow = defineComponent({
     useRender(() => {
       return _createVNode("tr", {
         "class": ['y-data-table__row'],
-        "onClick": e => emit('click:row', e)
+        "onClick": props.onClick,
+        "onContextmenu": props.onContextmenu,
+        "onDblclick": props.onDblclick
       }, [props.item && columns.value.map((column, colIndex) => {
         const item = props.item;
         const slotProps = {

package/lib/components/table/YDataTableRow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YDataTableRow.mjs","names":["defineComponent","computed","useRender","getPropertyFromItem","propsFactory","YIconCheckbox","YDataTableCell","useHeader","useSelection","pressYDataTableRowProps","index","Number","onClick","Function","YDataTableRow","name","props","item","Object","cellProps","setup","_ref","emit","slots","isSelected","toggleSelect","columns","_createVNode","e","value","map","column","colIndex","slotProps","raw","internalItem","key","selected","_mergeProps","align","fixed","lastFixed","undefined","fixedOffset","width","maxWidth","default","slotName","selectable","stopPropagation"],"sources":["../../../src/components/table/YDataTableRow.tsx"],"sourcesContent":["import {PropType, defineComponent, computed} from 'vue';\r\n\r\nimport { useRender } from '../../composables/component';\r\nimport { getPropertyFromItem } from '../../util/common';\r\nimport { propsFactory } from '../../util/vue-component';\r\nimport { YIconCheckbox } from '../icons';\r\nimport { YDataTableCell } from './YDataTableCell';\r\nimport { useHeader } from './composibles/header';\r\nimport { useSelection } from './composibles/selection';\r\nimport { CellProps, DataTableItem } from './types';\r\n\r\nexport const pressYDataTableRowProps = propsFactory(\r\n  {\r\n    index: Number as PropType<number>,\r\n    onClick: Function as PropType<(e: MouseEvent) => void>,\r\n  },\r\n  'YDataTableRow',\r\n);\r\n\r\nexport const YDataTableRow = defineComponent({\r\n  name: 'YDataTableRow',\r\n  props: {\r\n    item: Object as PropType<DataTableItem>,\r\n    cellProps: [Object, Function] as PropType<CellProps>,\r\n    ...pressYDataTableRowProps(),\r\n  },\r\n  setup(props, { emit, slots }) {\r\n    const { isSelected, toggleSelect } = useSelection();\r\n    const { columns } = useHeader();\r\n\r\n    useRender(() => {\r\n      return (\r\n        <tr class={['y-data-table__row']} onClick={(e) => emit('click:row', e)}>\r\n          {props.item &&\r\n            columns.value.map((column, colIndex) => {\r\n              const item = props.item!;\r\n              const slotProps = {\r\n                index: props.index!,\r\n                item: props.item!.raw,\r\n                internalItem: props.item!,\r\n                columns: columns.value,\r\n                value: getPropertyFromItem(item.columns, column.key),\r\n                selected: computed(() => isSelected(item)).value,\r\n                toggleSelect,\r\n              };\r\n\r\n              const cellProps =\r\n                typeof props.cellProps === 'function'\r\n                  ? props.cellProps({\r\n                      index: slotProps.index,\r\n                      column,\r\n                      internalItem: slotProps.internalItem,\r\n                      item: slotProps.item,\r\n                      value: slotProps.value,\r\n                      selected: slotProps.selected,\r\n                    })\r\n                  : props.cellProps;\r\n\r\n              return (\r\n                <YDataTableCell\r\n                  align={column.align}\r\n                  fixed={\r\n                    column.fixed\r\n                      ? column.lastFixed\r\n                        ? 'last'\r\n                        : 'lead'\r\n                      : undefined\r\n                  }\r\n                  fixedOffset={column.fixedOffset}\r\n                  width={column.width}\r\n                  maxWidth={column.maxWidth}\r\n                  class={[\r\n                    'y-data-table-data',\r\n                    {\r\n                      'y-data-table-data--select':\r\n                        column.key === 'data-table-select',\r\n                    },\r\n                  ]}\r\n                  {...cellProps}\r\n                >\r\n                  {{\r\n                    default: () => {\r\n                      const slotName = `item.${column.key}`;\r\n\r\n                      if (slots[slotName]) {\r\n                        return slots[slotName]?.(slotProps);\r\n                      }\r\n\r\n                      if (column.key === 'data-table-select') {\r\n                        return (\r\n                          slots['item.data-table-select']?.(slotProps) ?? (\r\n                            <YIconCheckbox\r\n                              checked={isSelected(item)}\r\n                              disabled={!item.selectable}\r\n                              {...{\r\n                                onClick: (e: MouseEvent) => {\r\n                                  e.stopPropagation();\r\n                                  toggleSelect(item);\r\n                                },\r\n                              }}\r\n                            ></YIconCheckbox>\r\n                          )\r\n                        );\r\n                      }\r\n\r\n                      return slotProps.value;\r\n                    },\r\n                  }}\r\n                </YDataTableCell>\r\n              );\r\n            })}\r\n        </tr>\r\n      );\r\n    });\r\n  },\r\n});\r\n\r\nexport type YDataTableRow = InstanceType<typeof YDataTableRow>;\r\n"],"mappings":";AAAA,SAAkBA,eAAe,EAAEC,QAAQ,QAAO,KAAK;AAAC,SAE/CC,SAAS;AAAA,SACTC,mBAAmB;AAAA,SACnBC,YAAY;AAAA,SACZC,aAAa;AAAA,SACbC,cAAc;AAAA,SACdC,SAAS;AAAA,SACTC,YAAY;AAGrB,OAAO,MAAMC,uBAAuB,GAAGL,YAAY,CACjD;EACEM,KAAK,EAAEC,MAA0B;EACjCC,OAAO,EAAEC;AACX,CAAC,EACD,eACF,CAAC;AAED,OAAO,MAAMC,aAAa,GAAGd,eAAe,CAAC;EAC3Ce,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE;IACLC,IAAI,EAAEC,MAAiC;IACvCC,SAAS,EAAE,CAACD,MAAM,EAAEL,QAAQ,CAAwB;IACpD,GAAGJ,uBAAuB,CAAC;EAC7B,CAAC;EACDW,KAAKA,CAACJ,KAAK,EAAAK,IAAA,EAAmB;IAAA,IAAjB;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC1B,MAAM;MAAEG,UAAU;MAAEC;IAAa,CAAC,GAAGjB,YAAY,CAAC,CAAC;IACnD,MAAM;MAAEkB;IAAQ,CAAC,GAAGnB,SAAS,CAAC,CAAC;IAE/BL,SAAS,CAAC,MAAM;MACd,OAAAyB,YAAA;QAAA,SACa,CAAC,mBAAmB,CAAC;QAAA,WAAYC,CAAC,IAAKN,IAAI,CAAC,WAAW,EAAEM,CAAC;MAAC,IACnEZ,KAAK,CAACC,IAAI,IACTS,OAAO,CAACG,KAAK,CAACC,GAAG,CAAC,CAACC,MAAM,EAAEC,QAAQ,KAAK;QACtC,MAAMf,IAAI,GAAGD,KAAK,CAACC,IAAK;QACxB,MAAMgB,SAAS,GAAG;UAChBvB,KAAK,EAAEM,KAAK,CAACN,KAAM;UACnBO,IAAI,EAAED,KAAK,CAACC,IAAI,CAAEiB,GAAG;UACrBC,YAAY,EAAEnB,KAAK,CAACC,IAAK;UACzBS,OAAO,EAAEA,OAAO,CAACG,KAAK;UACtBA,KAAK,EAAE1B,mBAAmB,CAACc,IAAI,CAACS,OAAO,EAAEK,MAAM,CAACK,GAAG,CAAC;UACpDC,QAAQ,EAAEpC,QAAQ,CAAC,MAAMuB,UAAU,CAACP,IAAI,CAAC,CAAC,CAACY,KAAK;UAChDJ;QACF,CAAC;QAED,MAAMN,SAAS,GACb,OAAOH,KAAK,CAACG,SAAS,KAAK,UAAU,GACjCH,KAAK,CAACG,SAAS,CAAC;UACdT,KAAK,EAAEuB,SAAS,CAACvB,KAAK;UACtBqB,MAAM;UACNI,YAAY,EAAEF,SAAS,CAACE,YAAY;UACpClB,IAAI,EAAEgB,SAAS,CAAChB,IAAI;UACpBY,KAAK,EAAEI,SAAS,CAACJ,KAAK;UACtBQ,QAAQ,EAAEJ,SAAS,CAACI;QACtB,CAAC,CAAC,GACFrB,KAAK,CAACG,SAAS;QAErB,OAAAQ,YAAA,CAAArB,cAAA,EAAAgC,WAAA;UAAA,SAEWP,MAAM,CAACQ,KAAK;UAAA,SAEjBR,MAAM,CAACS,KAAK,GACRT,MAAM,CAACU,SAAS,GACd,MAAM,GACN,MAAM,GACRC,SAAS;UAAA,eAEFX,MAAM,CAACY,WAAW;UAAA,SACxBZ,MAAM,CAACa,KAAK;UAAA,YACTb,MAAM,CAACc,QAAQ;UAAA,SAClB,CACL,mBAAmB,EACnB;YACE,2BAA2B,EACzBd,MAAM,CAACK,GAAG,KAAK;UACnB,CAAC;QACF,GACGjB,SAAS;UAGX2B,OAAO,EAAEA,CAAA,KAAM;YACb,MAAMC,QAAQ,GAAI,QAAOhB,MAAM,CAACK,GAAI,EAAC;YAErC,IAAIb,KAAK,CAACwB,QAAQ,CAAC,EAAE;cACnB,OAAOxB,KAAK,CAACwB,QAAQ,CAAC,GAAGd,SAAS,CAAC;YACrC;YAEA,IAAIF,MAAM,CAACK,GAAG,KAAK,mBAAmB,EAAE;cACtC,OACEb,KAAK,CAAC,wBAAwB,CAAC,GAAGU,SAAS,CAAC,IAAAN,YAAA,CAAAtB,aAAA,EAAAiC,WAAA;gBAAA,WAE/Bd,UAAU,CAACP,IAAI,CAAC;gBAAA,YACf,CAACA,IAAI,CAAC+B;cAAU;gBAExBpC,OAAO,EAAGgB,CAAa,IAAK;kBAC1BA,CAAC,CAACqB,eAAe,CAAC,CAAC;kBACnBxB,YAAY,CAACR,IAAI,CAAC;gBACpB;cAAC,SAGN;YAEL;YAEA,OAAOgB,SAAS,CAACJ,KAAK;UACxB;QAAC;MAIT,CAAC,CAAC;IAGV,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"YDataTableRow.mjs","names":["computed","defineComponent","useRender","getPropertyFromItem","propsFactory","YIconCheckbox","YDataTableCell","useHeader","useSelection","pressYDataTableRowProps","index","Number","onClick","Function","onContextmenu","onDblclick","onHover","YDataTableRow","name","props","item","Object","cellProps","setup","_ref","emit","slots","isSelected","toggleSelect","columns","_createVNode","value","map","column","colIndex","slotProps","raw","internalItem","key","selected","_mergeProps","align","fixed","lastFixed","undefined","fixedOffset","width","maxWidth","default","slotName","selectable","e","stopPropagation"],"sources":["../../../src/components/table/YDataTableRow.tsx"],"sourcesContent":["import { PropType, computed, defineComponent, ref } from 'vue';\n\nimport { useRender } from '../../composables/component';\nimport { getPropertyFromItem } from '../../util/common';\nimport { propsFactory } from '../../util/vue-component';\nimport { YIconCheckbox } from '../icons';\nimport { YDataTableCell } from './YDataTableCell';\nimport { useHeader } from './composibles/header';\nimport { useSelection } from './composibles/selection';\nimport { CellProps, DataTableItem } from './types';\n\nexport const pressYDataTableRowProps = propsFactory(\n  {\n    index: Number as PropType<number>,\n    onClick: Function as PropType<(...args: any[]) => void>,\n    onContextmenu: Function as PropType<(...args: any[]) => void>,\n    onDblclick: Function as PropType<(...args: any[]) => void>,\n    onHover: Function as PropType<(...args: any[]) => void>,\n  },\n  'YDataTableRow',\n);\n\nexport const YDataTableRow = defineComponent({\n  name: 'YDataTableRow',\n  props: {\n    item: Object as PropType<DataTableItem>,\n    cellProps: [Object, Function] as PropType<CellProps>,\n    ...pressYDataTableRowProps(),\n  },\n  setup(props, { emit, slots }) {\n    const { isSelected, toggleSelect } = useSelection();\n    const { columns } = useHeader();\n\n    useRender(() => {\n      return (\n        <tr\n          class={['y-data-table__row']}\n          onClick={props.onClick as any}\n          onContextmenu={props.onContextmenu as any}\n          onDblclick={props.onDblclick as any}\n        >\n          {props.item &&\n            columns.value.map((column, colIndex) => {\n              const item = props.item!;\n              const slotProps = {\n                index: props.index!,\n                item: props.item!.raw,\n                internalItem: props.item!,\n                columns: columns.value,\n                value: getPropertyFromItem(item.columns, column.key),\n                selected: computed(() => isSelected(item)).value,\n                toggleSelect,\n              };\n\n              const cellProps =\n                typeof props.cellProps === 'function'\n                  ? props.cellProps({\n                      index: slotProps.index,\n                      column,\n                      internalItem: slotProps.internalItem,\n                      item: slotProps.item,\n                      value: slotProps.value,\n                      selected: slotProps.selected,\n                    })\n                  : props.cellProps;\n\n              return (\n                <YDataTableCell\n                  align={column.align}\n                  fixed={\n                    column.fixed\n                      ? column.lastFixed\n                        ? 'last'\n                        : 'lead'\n                      : undefined\n                  }\n                  fixedOffset={column.fixedOffset}\n                  width={column.width}\n                  maxWidth={column.maxWidth}\n                  class={[\n                    'y-data-table-data',\n                    {\n                      'y-data-table-data--select':\n                        column.key === 'data-table-select',\n                    },\n                  ]}\n                  {...cellProps}\n                >\n                  {{\n                    default: () => {\n                      const slotName = `item.${column.key}`;\n\n                      if (slots[slotName]) {\n                        return slots[slotName]?.(slotProps);\n                      }\n\n                      if (column.key === 'data-table-select') {\n                        return (\n                          slots['item.data-table-select']?.(slotProps) ?? (\n                            <YIconCheckbox\n                              checked={isSelected(item)}\n                              disabled={!item.selectable}\n                              {...{\n                                onClick: (e: MouseEvent) => {\n                                  e.stopPropagation();\n                                  toggleSelect(item);\n                                },\n                              }}\n                            ></YIconCheckbox>\n                          )\n                        );\n                      }\n\n                      return slotProps.value;\n                    },\n                  }}\n                </YDataTableCell>\n              );\n            })}\n        </tr>\n      );\n    });\n  },\n});\n\nexport type YDataTableRow = InstanceType<typeof YDataTableRow>;\n"],"mappings":";AAAA,SAAmBA,QAAQ,EAAEC,eAAe,QAAa,KAAK;AAAC,SAEtDC,SAAS;AAAA,SACTC,mBAAmB;AAAA,SACnBC,YAAY;AAAA,SACZC,aAAa;AAAA,SACbC,cAAc;AAAA,SACdC,SAAS;AAAA,SACTC,YAAY;AAGrB,OAAO,MAAMC,uBAAuB,GAAGL,YAAY,CACjD;EACEM,KAAK,EAAEC,MAA0B;EACjCC,OAAO,EAAEC,QAA8C;EACvDC,aAAa,EAAED,QAA8C;EAC7DE,UAAU,EAAEF,QAA8C;EAC1DG,OAAO,EAAEH;AACX,CAAC,EACD,eACF,CAAC;AAED,OAAO,MAAMI,aAAa,GAAGhB,eAAe,CAAC;EAC3CiB,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE;IACLC,IAAI,EAAEC,MAAiC;IACvCC,SAAS,EAAE,CAACD,MAAM,EAAER,QAAQ,CAAwB;IACpD,GAAGJ,uBAAuB,CAAC;EAC7B,CAAC;EACDc,KAAKA,CAACJ,KAAK,EAAAK,IAAA,EAAmB;IAAA,IAAjB;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC1B,MAAM;MAAEG,UAAU;MAAEC;IAAa,CAAC,GAAGpB,YAAY,CAAC,CAAC;IACnD,MAAM;MAAEqB;IAAQ,CAAC,GAAGtB,SAAS,CAAC,CAAC;IAE/BL,SAAS,CAAC,MAAM;MACd,OAAA4B,YAAA;QAAA,SAEW,CAAC,mBAAmB,CAAC;QAAA,WACnBX,KAAK,CAACP,OAAO;QAAA,iBACPO,KAAK,CAACL,aAAa;QAAA,cACtBK,KAAK,CAACJ;MAAU,IAE3BI,KAAK,CAACC,IAAI,IACTS,OAAO,CAACE,KAAK,CAACC,GAAG,CAAC,CAACC,MAAM,EAAEC,QAAQ,KAAK;QACtC,MAAMd,IAAI,GAAGD,KAAK,CAACC,IAAK;QACxB,MAAMe,SAAS,GAAG;UAChBzB,KAAK,EAAES,KAAK,CAACT,KAAM;UACnBU,IAAI,EAAED,KAAK,CAACC,IAAI,CAAEgB,GAAG;UACrBC,YAAY,EAAElB,KAAK,CAACC,IAAK;UACzBS,OAAO,EAAEA,OAAO,CAACE,KAAK;UACtBA,KAAK,EAAE5B,mBAAmB,CAACiB,IAAI,CAACS,OAAO,EAAEI,MAAM,CAACK,GAAG,CAAC;UACpDC,QAAQ,EAAEvC,QAAQ,CAAC,MAAM2B,UAAU,CAACP,IAAI,CAAC,CAAC,CAACW,KAAK;UAChDH;QACF,CAAC;QAED,MAAMN,SAAS,GACb,OAAOH,KAAK,CAACG,SAAS,KAAK,UAAU,GACjCH,KAAK,CAACG,SAAS,CAAC;UACdZ,KAAK,EAAEyB,SAAS,CAACzB,KAAK;UACtBuB,MAAM;UACNI,YAAY,EAAEF,SAAS,CAACE,YAAY;UACpCjB,IAAI,EAAEe,SAAS,CAACf,IAAI;UACpBW,KAAK,EAAEI,SAAS,CAACJ,KAAK;UACtBQ,QAAQ,EAAEJ,SAAS,CAACI;QACtB,CAAC,CAAC,GACFpB,KAAK,CAACG,SAAS;QAErB,OAAAQ,YAAA,CAAAxB,cAAA,EAAAkC,WAAA;UAAA,SAEWP,MAAM,CAACQ,KAAK;UAAA,SAEjBR,MAAM,CAACS,KAAK,GACRT,MAAM,CAACU,SAAS,GACd,MAAM,GACN,MAAM,GACRC,SAAS;UAAA,eAEFX,MAAM,CAACY,WAAW;UAAA,SACxBZ,MAAM,CAACa,KAAK;UAAA,YACTb,MAAM,CAACc,QAAQ;UAAA,SAClB,CACL,mBAAmB,EACnB;YACE,2BAA2B,EACzBd,MAAM,CAACK,GAAG,KAAK;UACnB,CAAC;QACF,GACGhB,SAAS;UAGX0B,OAAO,EAAEA,CAAA,KAAM;YACb,MAAMC,QAAQ,GAAI,QAAOhB,MAAM,CAACK,GAAI,EAAC;YAErC,IAAIZ,KAAK,CAACuB,QAAQ,CAAC,EAAE;cACnB,OAAOvB,KAAK,CAACuB,QAAQ,CAAC,GAAGd,SAAS,CAAC;YACrC;YAEA,IAAIF,MAAM,CAACK,GAAG,KAAK,mBAAmB,EAAE;cACtC,OACEZ,KAAK,CAAC,wBAAwB,CAAC,GAAGS,SAAS,CAAC,IAAAL,YAAA,CAAAzB,aAAA,EAAAmC,WAAA;gBAAA,WAE/Bb,UAAU,CAACP,IAAI,CAAC;gBAAA,YACf,CAACA,IAAI,CAAC8B;cAAU;gBAExBtC,OAAO,EAAGuC,CAAa,IAAK;kBAC1BA,CAAC,CAACC,eAAe,CAAC,CAAC;kBACnBxB,YAAY,CAACR,IAAI,CAAC;gBACpB;cAAC,SAGN;YAEL;YAEA,OAAOe,SAAS,CAACJ,KAAK;UACxB;QAAC;MAIT,CAAC,CAAC;IAGV,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/table/composibles/selection.mjs

@@ -1,5 +1,6 @@
 import { computed, inject, provide } from 'vue';
 import { useModelDuplex } from "../../../composables/communication.mjs";
+import { deepEqual } from "../../../util/index.mjs";
 import { wrapInArray } from "../../../util/array.mjs";
 import { propsFactory } from "../../../util/vue-component.mjs";
 export const pressDataTableSelectionProps = propsFactory({
@@ -11,6 +12,10 @@ export const pressDataTableSelectionProps = propsFactory({
   modelValue: {
     type: Array,
     default: () => []
+  },
+  valueEqual: {
+    type: Function,
+    default: deepEqual
   }
 }, 'YDataTable--selection');
 const singleSelectStrategy = {
@@ -101,7 +106,9 @@ export function provideSelection(props, _ref9) {
     pageItems
   } = _ref9;
   const selected = useModelDuplex(props, 'modelValue', props.modelValue, v => {
-    return new Set(v);
+    return new Set(wrapInArray(v).map(v => {
+      return allItems.value.find(item => props.valueEqual(v, item.value))?.value ?? v;
+    }));
   }, v => {
     return [...v.values()];
   });
@@ -151,7 +158,9 @@ export function provideSelection(props, _ref9) {
       pageItems: pageSelectables.value
     });
   });
-  const someSelected = computed(() => selected.value.size > 0);
+  const someSelected = computed(() => {
+    return isSomeSelected(pageSelectables.value);
+  });
   const allSelected = computed(() => {
     return isSelected(selectables.value);
   });

package/lib/components/table/composibles/selection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"selection.mjs","names":["computed","inject","provide","useModelDuplex","wrapInArray","propsFactory","pressDataTableSelectionProps","enableSelect","Boolean","selectStrategy","type","String","Object","default","modelValue","Array","singleSelectStrategy","showSelectAll","allSelected","select","_ref","items","value","Set","selectAll","_ref2","selected","pageSelectStrategy","_ref3","pageItems","_ref4","item","add","delete","_ref5","allSelectStrategy","_ref6","allItems","_ref7","_ref8","Y_DATA_TABLE_SELECTION_KEY","Symbol","for","provideSelection","props","_ref9","v","values","allSelectables","filter","selectable","pageSelectables","isSelected","every","has","isSomeSelected","some","toggleSelect","selectables","someSelected","size","data","useSelection","Error","description"],"sources":["../../../../src/components/table/composibles/selection.ts"],"sourcesContent":["import { InjectionKey, PropType, Ref, computed, inject, provide } from 'vue';\n\nimport { useModelDuplex } from '../../../composables/communication';\nimport { wrapInArray } from '../../../util/array';\nimport { propsFactory } from '../../../util/vue-component';\n\nimport { DataTableProvideSelectionData } from '../types';\nimport { DataTableItemsProps } from './items';\n\nexport interface SelectableItem {\n  value: any;\n  selectable: boolean;\n}\n\nexport interface DataTableSelectStrategy {\n  showSelectAll: boolean;\n  allSelected: (data: {\n    allItems: SelectableItem[];\n    pageItems: SelectableItem[];\n  }) => SelectableItem[];\n  select: (data: {\n    items: SelectableItem[];\n    value: boolean;\n    selected: Set<unknown>;\n  }) => Set<unknown>;\n  selectAll: (data: {\n    value: boolean;\n    allItems: SelectableItem[];\n    pageItems: SelectableItem[];\n    selected: Set<unknown>;\n  }) => Set<unknown>;\n}\n\nexport const pressDataTableSelectionProps = propsFactory(\n  {\n    enableSelect: Boolean,\n    selectStrategy: {\n      type: [String, Object] as PropType<'single' | 'page' | 'all'>,\n      default: 'page',\n    },\n    modelValue: {\n      type: Array as PropType<readonly any[]>,\n      default: () => [],\n    },\n  },\n  'YDataTable--selection',\n);\n\ntype DataTableSelectionProps = Pick<DataTableItemsProps, 'itemKey'> & {\n  modelValue: readonly any[];\n  selectStrategy: 'single' | 'page' | 'all';\n  'onUpdate:modelValue': ((value: any[]) => void) | undefined;\n};\n\nconst singleSelectStrategy: DataTableSelectStrategy = {\n  showSelectAll: false,\n  allSelected: () => [],\n  select: ({ items, value }) => {\n    return new Set(value ? [items[0]?.value] : []);\n  },\n  selectAll: ({ selected }) => selected,\n};\n\nconst pageSelectStrategy: DataTableSelectStrategy = {\n  showSelectAll: true,\n  allSelected: ({ pageItems }) => pageItems,\n  select: ({ items, value, selected }) => {\n    for (const item of items) {\n      if (value) selected.add(item.value);\n      else selected.delete(item.value);\n    }\n\n    return selected;\n  },\n  selectAll: ({ value, pageItems, selected }) =>\n    pageSelectStrategy.select({ items: pageItems, value, selected }),\n};\n\nconst allSelectStrategy: DataTableSelectStrategy = {\n  showSelectAll: true,\n  allSelected: ({ allItems }) => allItems,\n  select: ({ items, value, selected }) => {\n    for (const item of items) {\n      if (value) selected.add(item.value);\n      else selected.delete(item.value);\n    }\n\n    return selected;\n  },\n  selectAll: ({ value, allItems, selected }) =>\n    allSelectStrategy.select({ items: allItems, value, selected }),\n};\n\nexport const Y_DATA_TABLE_SELECTION_KEY: InjectionKey<\n  ReturnType<typeof provideSelection>\n> = Symbol.for('yuyeon.data-table.selection');\n\nexport function provideSelection(\n  props: DataTableSelectionProps,\n  {\n    allItems,\n    pageItems,\n  }: { allItems: Ref<SelectableItem[]>; pageItems: Ref<SelectableItem[]> },\n) {\n  const selected = useModelDuplex(\n    props,\n    'modelValue',\n    props.modelValue,\n    (v) => {\n      return new Set(v);\n    },\n    (v) => {\n      return [...v.values()];\n    },\n  );\n\n  const allSelectables = computed(() =>\n    allItems.value.filter((item) => item.selectable),\n  );\n\n  const pageSelectables = computed(() =>\n    pageItems.value.filter((item) => item.selectable),\n  );\n\n  const selectStrategy = computed(() => {\n    if (typeof props.selectStrategy === 'object') {\n      return props.selectStrategy;\n    }\n    switch (props.selectStrategy) {\n      case 'single':\n        return singleSelectStrategy;\n      case 'all':\n        return allSelectStrategy;\n      case 'page':\n      default:\n        return pageSelectStrategy;\n    }\n  });\n\n  function isSelected(items: SelectableItem | SelectableItem[]) {\n    return wrapInArray(items).every((item) => selected.value.has(item.value));\n  }\n\n  function isSomeSelected(items: SelectableItem | SelectableItem[]) {\n    return wrapInArray(items).some((item) => selected.value.has(item.value));\n  }\n\n  function select(items: SelectableItem[], value: boolean) {\n    selected.value = selectStrategy.value.select({\n      items,\n      value,\n      selected: new Set(selected.value),\n    });\n  }\n\n  function toggleSelect(item: SelectableItem) {\n    select([item], !isSelected([item]));\n  }\n\n  function selectAll(value: boolean) {\n    selected.value = selectStrategy.value.selectAll({\n      value,\n      allItems: allSelectables.value,\n      pageItems: pageSelectables.value,\n      selected: new Set(selected.value),\n    });\n  }\n\n  const selectables = computed(() => {\n    return selectStrategy.value.allSelected({\n      allItems: allSelectables.value,\n      pageItems: pageSelectables.value,\n    });\n  });\n\n  const someSelected = computed(() => selected.value.size > 0);\n\n  const allSelected = computed(() => {\n    return isSelected(selectables.value);\n  });\n\n  const data: DataTableProvideSelectionData = {\n    toggleSelect,\n    select,\n    selectAll,\n    isSelected,\n    isSomeSelected,\n    someSelected,\n    allSelected,\n    showSelectAll: selectStrategy.value.showSelectAll,\n    selectables,\n  };\n\n  provide(Y_DATA_TABLE_SELECTION_KEY, data);\n\n  return data;\n}\n\nexport function useSelection() {\n  const data = inject(Y_DATA_TABLE_SELECTION_KEY);\n  if (!data) {\n    throw new Error(`Not provided: ${Y_DATA_TABLE_SELECTION_KEY.description}`);\n  }\n\n  return data;\n}\n"],"mappings":"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"}
+{"version":3,"file":"selection.mjs","names":["computed","inject","provide","useModelDuplex","deepEqual","wrapInArray","propsFactory","pressDataTableSelectionProps","enableSelect","Boolean","selectStrategy","type","String","Object","default","modelValue","Array","valueEqual","Function","singleSelectStrategy","showSelectAll","allSelected","select","_ref","items","value","Set","selectAll","_ref2","selected","pageSelectStrategy","_ref3","pageItems","_ref4","item","add","delete","_ref5","allSelectStrategy","_ref6","allItems","_ref7","_ref8","Y_DATA_TABLE_SELECTION_KEY","Symbol","for","provideSelection","props","_ref9","v","map","find","values","allSelectables","filter","selectable","pageSelectables","isSelected","every","has","isSomeSelected","some","toggleSelect","selectables","someSelected","data","useSelection","Error","description"],"sources":["../../../../src/components/table/composibles/selection.ts"],"sourcesContent":["import { InjectionKey, PropType, Ref, computed, inject, provide } from 'vue';\n\nimport { useModelDuplex } from '../../../composables/communication';\nimport { deepEqual } from '../../../util';\nimport { wrapInArray } from '../../../util/array';\nimport { propsFactory } from '../../../util/vue-component';\nimport { DataTableProvideSelectionData } from '../types';\nimport { DataTableItemsProps } from './items';\n\nexport interface SelectableItem {\n  value: any;\n  selectable: boolean;\n}\n\nexport interface DataTableSelectStrategy {\n  showSelectAll: boolean;\n  allSelected: (data: {\n    allItems: SelectableItem[];\n    pageItems: SelectableItem[];\n  }) => SelectableItem[];\n  select: (data: {\n    items: SelectableItem[];\n    value: boolean;\n    selected: Set<unknown>;\n  }) => Set<unknown>;\n  selectAll: (data: {\n    value: boolean;\n    allItems: SelectableItem[];\n    pageItems: SelectableItem[];\n    selected: Set<unknown>;\n  }) => Set<unknown>;\n}\n\nexport const pressDataTableSelectionProps = propsFactory(\n  {\n    enableSelect: Boolean,\n    selectStrategy: {\n      type: [String, Object] as PropType<'single' | 'page' | 'all'>,\n      default: 'page',\n    },\n    modelValue: {\n      type: Array as PropType<readonly any[]>,\n      default: () => [],\n    },\n    valueEqual: {\n      type: Function as PropType<typeof deepEqual>,\n      default: deepEqual,\n    },\n  },\n  'YDataTable--selection',\n);\n\ntype DataTableSelectionProps = Pick<DataTableItemsProps, 'itemKey'> & {\n  modelValue: readonly any[];\n  selectStrategy: 'single' | 'page' | 'all';\n  'onUpdate:modelValue': ((value: any[]) => void) | undefined;\n  valueEqual: (a: any, b: any) => boolean;\n};\n\nconst singleSelectStrategy: DataTableSelectStrategy = {\n  showSelectAll: false,\n  allSelected: () => [],\n  select: ({ items, value }) => {\n    return new Set(value ? [items[0]?.value] : []);\n  },\n  selectAll: ({ selected }) => selected,\n};\n\nconst pageSelectStrategy: DataTableSelectStrategy = {\n  showSelectAll: true,\n  allSelected: ({ pageItems }) => pageItems,\n  select: ({ items, value, selected }) => {\n    for (const item of items) {\n      if (value) selected.add(item.value);\n      else selected.delete(item.value);\n    }\n\n    return selected;\n  },\n  selectAll: ({ value, pageItems, selected }) =>\n    pageSelectStrategy.select({ items: pageItems, value, selected }),\n};\n\nconst allSelectStrategy: DataTableSelectStrategy = {\n  showSelectAll: true,\n  allSelected: ({ allItems }) => allItems,\n  select: ({ items, value, selected }) => {\n    for (const item of items) {\n      if (value) selected.add(item.value);\n      else selected.delete(item.value);\n    }\n\n    return selected;\n  },\n  selectAll: ({ value, allItems, selected }) =>\n    allSelectStrategy.select({ items: allItems, value, selected }),\n};\n\nexport const Y_DATA_TABLE_SELECTION_KEY: InjectionKey<\n  ReturnType<typeof provideSelection>\n> = Symbol.for('yuyeon.data-table.selection');\n\nexport function provideSelection(\n  props: DataTableSelectionProps,\n  {\n    allItems,\n    pageItems,\n  }: { allItems: Ref<SelectableItem[]>; pageItems: Ref<SelectableItem[]> },\n) {\n  const selected = useModelDuplex(\n    props,\n    'modelValue',\n    props.modelValue,\n    (v) => {\n      return new Set(\n        wrapInArray(v).map((v) => {\n          return (\n            allItems.value.find((item) => props.valueEqual(v, item.value))\n              ?.value ?? v\n          );\n        }),\n      );\n    },\n    (v) => {\n      return [...v.values()];\n    },\n  );\n\n  const allSelectables = computed(() =>\n    allItems.value.filter((item) => item.selectable),\n  );\n\n  const pageSelectables = computed(() =>\n    pageItems.value.filter((item) => item.selectable),\n  );\n\n  const selectStrategy = computed(() => {\n    if (typeof props.selectStrategy === 'object') {\n      return props.selectStrategy;\n    }\n    switch (props.selectStrategy) {\n      case 'single':\n        return singleSelectStrategy;\n      case 'all':\n        return allSelectStrategy;\n      case 'page':\n      default:\n        return pageSelectStrategy;\n    }\n  });\n\n  function isSelected(items: SelectableItem | SelectableItem[]) {\n    return wrapInArray(items).every((item) => selected.value.has(item.value));\n  }\n\n  function isSomeSelected(items: SelectableItem | SelectableItem[]) {\n    return wrapInArray(items).some((item) => selected.value.has(item.value));\n  }\n\n  function select(items: SelectableItem[], value: boolean) {\n    selected.value = selectStrategy.value.select({\n      items,\n      value,\n      selected: new Set(selected.value),\n    });\n  }\n\n  function toggleSelect(item: SelectableItem) {\n    select([item], !isSelected([item]));\n  }\n\n  function selectAll(value: boolean) {\n    selected.value = selectStrategy.value.selectAll({\n      value,\n      allItems: allSelectables.value,\n      pageItems: pageSelectables.value,\n      selected: new Set(selected.value),\n    });\n  }\n\n  const selectables = computed(() => {\n    return selectStrategy.value.allSelected({\n      allItems: allSelectables.value,\n      pageItems: pageSelectables.value,\n    });\n  });\n\n  const someSelected = computed(() => {\n    return isSomeSelected(pageSelectables.value);\n  });\n\n  const allSelected = computed(() => {\n    return isSelected(selectables.value);\n  });\n\n  const data: DataTableProvideSelectionData = {\n    toggleSelect,\n    select,\n    selectAll,\n    isSelected,\n    isSomeSelected,\n    someSelected,\n    allSelected,\n    showSelectAll: selectStrategy.value.showSelectAll,\n    selectables,\n  };\n\n  provide(Y_DATA_TABLE_SELECTION_KEY, data);\n\n  return data;\n}\n\nexport function useSelection() {\n  const data = inject(Y_DATA_TABLE_SELECTION_KEY);\n  if (!data) {\n    throw new Error(`Not provided: ${Y_DATA_TABLE_SELECTION_KEY.description}`);\n  }\n\n  return data;\n}\n"],"mappings":"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"}

package/lib/components/table/types/common.mjs

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

package/lib/components/table/types/common.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.mjs","names":[],"sources":["../../../../src/components/table/types/common.ts"],"sourcesContent":["export type DataTableCompareFn<T = any> = (a: T, b: T) => number;\r\n"],"mappings":""}

package/lib/components/table/types/header.mjs

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

package/lib/components/table/types/header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.mjs","names":[],"sources":["../../../../src/components/table/types/header.ts"],"sourcesContent":["import { DataTableCompareFn } from './common';\r\n\r\nexport type DataTableHeader = {\r\n  key: string;\r\n  text: string;\r\n  value?: any;\r\n\r\n  colspan?: number;\r\n  rowspan?: number;\r\n  fixed?: boolean;\r\n\r\n  classes?: string | string[];\r\n  align?: 'start' | 'end' | 'center';\r\n  width?: number | string;\r\n  minWidth?: string;\r\n  maxWidth?: string;\r\n  sortable?: boolean;\r\n  sort?: DataTableCompareFn;\r\n  mustSort?: boolean;\r\n};\r\n\r\nexport type InternalDataTableHeader = DataTableHeader & {\r\n  sortable: boolean;\r\n  fixedOffset?: number;\r\n  lastFixed?: boolean;\r\n};\r\n"],"mappings":""}

package/lib/components/table/types/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/table/types/index.ts"],"sourcesContent":["import { ComputedRef, Ref, UnwrapRef } from 'vue';\r\n\r\nimport { SelectableItem, provideSelection } from '../composibles/selection';\r\n\r\nexport type DataTableCompareFn<T = any> = (a: T, b: T) => number;\r\n\r\nexport type DataTableHeader = {\r\n  key: string;\r\n  text: string;\r\n  value?: any;\r\n\r\n  colspan?: number;\r\n  rowspan?: number;\r\n  fixed?: boolean;\r\n\r\n  classes?: string | string[];\r\n  align?: 'start' | 'end' | 'center';\r\n  width?: number | string;\r\n  minWidth?: string;\r\n  maxWidth?: string;\r\n  sortable?: boolean;\r\n  sort?: DataTableCompareFn;\r\n  mustSort?: boolean;\r\n};\r\n\r\nexport type InternalDataTableHeader = DataTableHeader & {\r\n  sortable: boolean;\r\n  fixedOffset?: number;\r\n  lastFixed?: boolean;\r\n};\r\n\r\nexport interface DataTableItem<T = any> extends SelectableItem {\r\n  index: number;\r\n  columns: Record<string, any>;\r\n  raw: T;\r\n}\r\n\r\nexport type SortOption = { key: string; order?: boolean | 'asc' | 'desc' };\r\n\r\nexport type DataTableProvideSortingData = {\r\n  sortBy: Ref<readonly SortOption[]>;\r\n  toggleSort: (column: InternalDataTableHeader) => void;\r\n  isSorted: (column: InternalDataTableHeader) => boolean;\r\n};\r\n\r\nexport interface DataTableProvidePaginationData {\r\n  page: Ref<number>;\r\n  pageSize: Ref<number>;\r\n  startIndex: ComputedRef<number>;\r\n  endIndex: ComputedRef<number>;\r\n  pageLength: ComputedRef<number>;\r\n  total: Ref<number>;\r\n  nextPage: () => void;\r\n  prevPage: () => void;\r\n  setPage: (value: number) => void;\r\n  setPageSize: (value: number) => void;\r\n}\r\n\r\nexport interface DataTableProvideSelectionData {\r\n  toggleSelect: (item: SelectableItem) => void;\r\n  select: (items: SelectableItem[], value: boolean) => void;\r\n  selectAll: (value: boolean) => void;\r\n  isSelected: (items: SelectableItem | SelectableItem[]) => any;\r\n  isSomeSelected: (items: SelectableItem | SelectableItem[]) => any;\r\n  someSelected: ComputedRef<boolean>;\r\n  allSelected: ComputedRef<any>;\r\n  showSelectAll: boolean;\r\n  selectables: ComputedRef<SelectableItem[]>;\r\n}\r\n\r\nexport type YDataTableSlotProps = {\r\n  // pagination\r\n  page: number;\r\n  pageSize: number;\r\n  pageLength: number;\r\n  setPageSize: DataTableProvidePaginationData['setPageSize'];\r\n  // sorting\r\n  sortBy: UnwrapRef<DataTableProvideSortingData['sortBy']>;\r\n  toggleSort: DataTableProvideSortingData['toggleSort'];\r\n  // selection\r\n  someSelected: boolean;\r\n  allSelected: boolean;\r\n  isSelected: DataTableProvideSelectionData['isSelected'];\r\n  select: DataTableProvideSelectionData['select'];\r\n  selectAll: DataTableProvideSelectionData['selectAll'];\r\n  toggleSelect: DataTableProvideSelectionData['toggleSelect'];\r\n  //\r\n  items: readonly DataTableItem[];\r\n  columns: InternalDataTableHeader[];\r\n  headers: InternalDataTableHeader[][];\r\n};\r\n\r\ntype ItemSlotBase<T> = {\r\n  index: number;\r\n  item: T;\r\n  internalItem: DataTableItem<T>;\r\n  selected: boolean;\r\n  isSelected: ReturnType<typeof provideSelection>['isSelected'];\r\n  toggleSelect: ReturnType<typeof provideSelection>['toggleSelect'];\r\n};\r\n\r\nexport type ItemKeySlot<T> = ItemSlotBase<T> & {\r\n  value: any;\r\n  column: InternalDataTableHeader;\r\n};\r\n\r\nexport type CellProps<T = any> =\r\n  | Record<string, any>\r\n  | ((\r\n      data: Pick<\r\n        ItemKeySlot<T>,\r\n        'index' | 'item' | 'internalItem' | 'value' | 'column' | 'selected'\r\n      >,\r\n    ) => Record<string, any>);\r\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/table/types/index.ts"],"sourcesContent":["import { ComputedRef, Ref, UnwrapRef } from 'vue';\n\nimport { SelectableItem } from '../composibles/selection';\nimport type { DataTableCompareFn } from './common';\nimport type { DataTableHeader, InternalDataTableHeader } from './header';\nimport type { DataTableItem, ItemKeySlot } from './item';\nimport type { RowProps, CellProps } from './row';\n\nexport type {\n  ItemKeySlot,\n  RowProps,\n  CellProps,\n  DataTableHeader,\n  InternalDataTableHeader,\n  DataTableItem,\n  DataTableCompareFn,\n};\n\nexport type SortOption = { key: string; order?: boolean | 'asc' | 'desc' };\n\nexport type DataTableProvideSortingData = {\n  sortBy: Ref<readonly SortOption[]>;\n  toggleSort: (column: InternalDataTableHeader) => void;\n  isSorted: (column: InternalDataTableHeader) => boolean;\n};\n\nexport interface DataTableProvidePaginationData {\n  page: Ref<number>;\n  pageSize: Ref<number>;\n  startIndex: ComputedRef<number>;\n  endIndex: ComputedRef<number>;\n  pageLength: ComputedRef<number>;\n  total: Ref<number>;\n  nextPage: () => void;\n  prevPage: () => void;\n  setPage: (value: number) => void;\n  setPageSize: (value: number) => void;\n}\n\nexport interface DataTableProvideSelectionData {\n  toggleSelect: (item: SelectableItem) => void;\n  select: (items: SelectableItem[], value: boolean) => void;\n  selectAll: (value: boolean) => void;\n  isSelected: (items: SelectableItem | SelectableItem[]) => any;\n  isSomeSelected: (items: SelectableItem | SelectableItem[]) => any;\n  someSelected: ComputedRef<boolean>;\n  allSelected: ComputedRef<any>;\n  showSelectAll: boolean;\n  selectables: ComputedRef<SelectableItem[]>;\n}\n\nexport type YDataTableSlotProps = {\n  // pagination\n  page: number;\n  pageSize: number;\n  pageLength: number;\n  setPageSize: DataTableProvidePaginationData['setPageSize'];\n  // sorting\n  sortBy: UnwrapRef<DataTableProvideSortingData['sortBy']>;\n  toggleSort: DataTableProvideSortingData['toggleSort'];\n  // selection\n  someSelected: boolean;\n  allSelected: boolean;\n  isSelected: DataTableProvideSelectionData['isSelected'];\n  select: DataTableProvideSelectionData['select'];\n  selectAll: DataTableProvideSelectionData['selectAll'];\n  toggleSelect: DataTableProvideSelectionData['toggleSelect'];\n  //\n  items: readonly DataTableItem[];\n  columns: InternalDataTableHeader[];\n  headers: InternalDataTableHeader[][];\n};\n"],"mappings":""}

package/lib/components/table/types/item.mjs

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

package/lib/components/table/types/item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.mjs","names":[],"sources":["../../../../src/components/table/types/item.ts"],"sourcesContent":["import { SelectableItem, provideSelection } from '../composibles/selection';\nimport { InternalDataTableHeader } from './header';\n\ntype ItemSlotBase<T> = {\n  index: number;\n  item: T;\n  internalItem: DataTableItem<T>;\n  selected: boolean;\n  isSelected: ReturnType<typeof provideSelection>['isSelected'];\n  toggleSelect: ReturnType<typeof provideSelection>['toggleSelect'];\n};\n\nexport type ItemKeySlot<T> = ItemSlotBase<T> & {\n  value: any;\n  column: InternalDataTableHeader;\n};\n\nexport interface DataTableItem<T = any> extends SelectableItem {\n  index: number;\n  columns: Record<string, any>;\n  raw: T;\n}\n"],"mappings":""}

package/lib/components/table/types/row.mjs

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

package/lib/components/table/types/row.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.mjs","names":[],"sources":["../../../../src/components/table/types/row.ts"],"sourcesContent":["import { ItemKeySlot } from './item';\r\n\r\nexport type RowProps<T> =\r\n| Record<string, any>\r\n| ((data: Pick<ItemKeySlot<T>, 'index' | 'item' | 'internalItem'>) => Record<string, any>)\r\n\r\nexport type CellProps<T = any> =\r\n  | Record<string, any>\r\n  | ((\r\n  data: Pick<\r\n    ItemKeySlot<T>,\r\n    'index' | 'item' | 'internalItem' | 'value' | 'column' | 'selected'\r\n  >,\r\n) => Record<string, any>);\r\n"],"mappings":""}

package/lib/composables/resize-observer.mjs

@@ -16,7 +16,7 @@ export function useResizeObserver(callback) {
     });
     watch(resizeObservedRef, (neo, old) => {
       if (old) {
-        observer.unobserve(old);
+        observer.unobserve(getHtmlElement(old));
         contentRect.value = undefined;
       }
       if (neo) {

package/lib/composables/resize-observer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"resize-observer.mjs","names":["readonly","ref","onBeforeUnmount","watch","getHtmlElement","useResizeObserver","callback","resizeObservedRef","contentRect","window","observer","ResizeObserver","entries","length","value","disconnect","neo","old","unobserve","undefined","observe","flush"],"sources":["../../src/composables/resize-observer.ts"],"sourcesContent":["import { readonly, ref } from 'vue';\r\nimport { onBeforeUnmount } from 'vue';\r\nimport { watch } from 'vue';\r\n\r\nimport { getHtmlElement } from '../util/vue-component';\r\n\r\nexport function useResizeObserver(callback?: ResizeObserverCallback) {\r\n  const resizeObservedRef = ref<HTMLElement>();\r\n  const contentRect = ref<DOMRectReadOnly>();\r\n  if (window) {\r\n    const observer = new ResizeObserver((entries, observer) => {\r\n      callback?.(entries, observer);\r\n      if (!entries.length) return;\r\n      contentRect.value = entries[0].contentRect;\r\n    });\r\n\r\n    onBeforeUnmount(() => {\r\n      observer.disconnect();\r\n    });\r\n\r\n    watch(\r\n        resizeObservedRef,\r\n        (neo, old) => {\r\n          if (old) {\r\n            observer.unobserve(old);\r\n            contentRect.value = undefined;\r\n          }\r\n          if (neo) {\r\n            observer.observe(getHtmlElement(neo));\r\n          }\r\n        },\r\n        { flush: 'post' },\r\n    );\r\n  }\r\n\r\n  return {\r\n    resizeObservedRef,\r\n    contentRect: readonly(contentRect),\r\n  };\r\n}\r\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,GAAG,QAAQ,KAAK;AACnC,SAASC,eAAe,QAAQ,KAAK;AACrC,SAASC,KAAK,QAAQ,KAAK;AAAC,SAEnBC,cAAc;AAEvB,OAAO,SAASC,iBAAiBA,CAACC,QAAiC,EAAE;EACnE,MAAMC,iBAAiB,GAAGN,GAAG,CAAc,CAAC;EAC5C,MAAMO,WAAW,GAAGP,GAAG,CAAkB,CAAC;EAC1C,IAAIQ,MAAM,EAAE;IACV,MAAMC,QAAQ,GAAG,IAAIC,cAAc,CAAC,CAACC,OAAO,EAAEF,QAAQ,KAAK;MACzDJ,QAAQ,GAAGM,OAAO,EAAEF,QAAQ,CAAC;MAC7B,IAAI,CAACE,OAAO,CAACC,MAAM,EAAE;MACrBL,WAAW,CAACM,KAAK,GAAGF,OAAO,CAAC,CAAC,CAAC,CAACJ,WAAW;IAC5C,CAAC,CAAC;IAEFN,eAAe,CAAC,MAAM;MACpBQ,QAAQ,CAACK,UAAU,CAAC,CAAC;IACvB,CAAC,CAAC;IAEFZ,KAAK,CACDI,iBAAiB,EACjB,CAACS,GAAG,EAAEC,GAAG,KAAK;MACZ,IAAIA,GAAG,EAAE;QACPP,QAAQ,CAACQ,SAAS,CAACD,GAAG,CAAC;QACvBT,WAAW,CAACM,KAAK,GAAGK,SAAS;MAC/B;MACA,IAAIH,GAAG,EAAE;QACPN,QAAQ,CAACU,OAAO,CAAChB,cAAc,CAACY,GAAG,CAAC,CAAC;MACvC;IACF,CAAC,EACD;MAAEK,KAAK,EAAE;IAAO,CACpB,CAAC;EACH;EAEA,OAAO;IACLd,iBAAiB;IACjBC,WAAW,EAAER,QAAQ,CAACQ,WAAW;EACnC,CAAC;AACH"}
+{"version":3,"file":"resize-observer.mjs","names":["readonly","ref","onBeforeUnmount","watch","getHtmlElement","useResizeObserver","callback","resizeObservedRef","contentRect","window","observer","ResizeObserver","entries","length","value","disconnect","neo","old","unobserve","undefined","observe","flush"],"sources":["../../src/composables/resize-observer.ts"],"sourcesContent":["import { readonly, ref } from 'vue';\r\nimport { onBeforeUnmount } from 'vue';\r\nimport { watch } from 'vue';\r\n\r\nimport { getHtmlElement } from '../util/vue-component';\r\n\r\nexport function useResizeObserver(callback?: ResizeObserverCallback) {\r\n  const resizeObservedRef = ref<HTMLElement>();\r\n  const contentRect = ref<DOMRectReadOnly>();\r\n  if (window) {\r\n    const observer = new ResizeObserver((entries, observer) => {\r\n      callback?.(entries, observer);\r\n      if (!entries.length) return;\r\n      contentRect.value = entries[0].contentRect;\r\n    });\r\n\r\n    onBeforeUnmount(() => {\r\n      observer.disconnect();\r\n    });\r\n\r\n    watch(\r\n        resizeObservedRef,\r\n        (neo, old) => {\r\n          if (old) {\r\n            observer.unobserve(getHtmlElement(old));\r\n            contentRect.value = undefined;\r\n          }\r\n          if (neo) {\r\n            observer.observe(getHtmlElement(neo));\r\n          }\r\n        },\r\n        { flush: 'post' },\r\n    );\r\n  }\r\n\r\n  return {\r\n    resizeObservedRef,\r\n    contentRect: readonly(contentRect),\r\n  };\r\n}\r\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,GAAG,QAAQ,KAAK;AACnC,SAASC,eAAe,QAAQ,KAAK;AACrC,SAASC,KAAK,QAAQ,KAAK;AAAC,SAEnBC,cAAc;AAEvB,OAAO,SAASC,iBAAiBA,CAACC,QAAiC,EAAE;EACnE,MAAMC,iBAAiB,GAAGN,GAAG,CAAc,CAAC;EAC5C,MAAMO,WAAW,GAAGP,GAAG,CAAkB,CAAC;EAC1C,IAAIQ,MAAM,EAAE;IACV,MAAMC,QAAQ,GAAG,IAAIC,cAAc,CAAC,CAACC,OAAO,EAAEF,QAAQ,KAAK;MACzDJ,QAAQ,GAAGM,OAAO,EAAEF,QAAQ,CAAC;MAC7B,IAAI,CAACE,OAAO,CAACC,MAAM,EAAE;MACrBL,WAAW,CAACM,KAAK,GAAGF,OAAO,CAAC,CAAC,CAAC,CAACJ,WAAW;IAC5C,CAAC,CAAC;IAEFN,eAAe,CAAC,MAAM;MACpBQ,QAAQ,CAACK,UAAU,CAAC,CAAC;IACvB,CAAC,CAAC;IAEFZ,KAAK,CACDI,iBAAiB,EACjB,CAACS,GAAG,EAAEC,GAAG,KAAK;MACZ,IAAIA,GAAG,EAAE;QACPP,QAAQ,CAACQ,SAAS,CAACd,cAAc,CAACa,GAAG,CAAC,CAAC;QACvCT,WAAW,CAACM,KAAK,GAAGK,SAAS;MAC/B;MACA,IAAIH,GAAG,EAAE;QACPN,QAAQ,CAACU,OAAO,CAAChB,cAAc,CAACY,GAAG,CAAC,CAAC;MACvC;IACF,CAAC,EACD;MAAEK,KAAK,EAAE;IAAO,CACpB,CAAC;EACH;EAEA,OAAO;IACLd,iBAAiB;IACjBC,WAAW,EAAER,QAAQ,CAACQ,WAAW;EACnC,CAAC;AACH"}

package/lib/composables/timing.mjs

@@ -1,4 +1,4 @@
-import { computed, ref, watch } from 'vue';
+import { computed, ref, watch, unref } from 'vue';
 export function useLazy(eager, updated) {
   const tick = ref(false);
   const tack = ref();
@@ -27,16 +27,14 @@ export function useLazy(eager, updated) {
     onAfterUpdate
   };
 }
-export function useTimer(cb) {
-  let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
-  let options = arguments.length > 2 ? arguments[2] : undefined;
+export function useTimer(cb, duration, options) {
   const {
     tickDuration
   } = options ?? {};
   let tickInterval = tickDuration ?? 100;
   let timer = -1;
   const tickStart = ref(0);
-  const drift = ref(duration);
+  const drift = ref(unref(duration));
   const isWork = ref(false);
   function tick() {
     const now = Date.now();
@@ -64,7 +62,7 @@ export function useTimer(cb) {
   }
   function reset() {
     stop();
-    drift.value = duration;
+    drift.value = unref(duration);
   }
   return {
     start,
@@ -74,4 +72,31 @@ export function useTimer(cb) {
     isWork
   };
 }
+export function useDelay(props, callback) {
+  const state = {};
+  function clearDelay(propKey) {
+    state[propKey] && window.clearTimeout(state[propKey]);
+    delete state[propKey];
+  }
+  function setDelay(propKey, timeout, resolve) {
+    state[propKey] = window.setTimeout(() => {
+      const active = propKey === 'openDelay';
+      callback?.(active);
+      resolve(active);
+    }, timeout);
+  }
+  const generateDelay = propKey => () => {
+    clearDelay('openDelay');
+    clearDelay('closeDelay');
+    const delayTime = props[propKey] ?? 0;
+    return new Promise(resolve => {
+      const delay = parseInt(String(delayTime), 10);
+      setDelay(propKey, delay, resolve);
+    });
+  };
+  return {
+    startOpenDelay: generateDelay('openDelay'),
+    startCloseDelay: generateDelay('closeDelay')
+  };
+}
 //# sourceMappingURL=timing.mjs.map

package/lib/composables/timing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"timing.mjs","names":["computed","ref","watch","useLazy","eager","updated","tick","tack","value","lazyValue","onAfterUpdate","entered","useTimer","cb","duration","arguments","length","undefined","options","tickDuration","tickInterval","timer","tickStart","drift","isWork","now","Date","realTick","tickDrift","nextInterval","window","setTimeout","start","stop","clearTimeout","reset"],"sources":["../../src/composables/timing.ts"],"sourcesContent":["import { Ref, computed, ref, watch } from 'vue';\r\n\r\nexport function useLazy(eager: Ref<boolean | undefined>, updated: Ref<any>) {\r\n  const tick = ref(false);\r\n  const tack = ref();\r\n  tack.value = updated.value;\r\n  const lazyValue = computed(() => {\r\n    if (eager.value) return updated.value;\r\n    return tack.value;\r\n  });\r\n  watch(updated, () => {\r\n    if (!tick.value) {\r\n      tack.value = updated.value;\r\n    }\r\n    if (!eager.value) {\r\n      tick.value = true;\r\n    }\r\n  });\r\n  function onAfterUpdate() {\r\n    tack.value = updated.value;\r\n    if (!eager.value) {\r\n      tick.value = false;\r\n    }\r\n  }\r\n  return {\r\n    entered: tick,\r\n    lazyValue,\r\n    onAfterUpdate,\r\n  };\r\n}\r\n\r\nexport function useTimer(\r\n  cb: () => void,\r\n  duration = 1000,\r\n  options?: { tickDuration: number },\r\n) {\r\n  const { tickDuration } = options ?? {};\r\n  let tickInterval = tickDuration ?? 100;\r\n  let timer = -1;\r\n\r\n  const tickStart = ref(0);\r\n  const drift = ref(duration);\r\n  const isWork = ref(false);\r\n\r\n  function tick() {\r\n    const now = Date.now();\r\n    const realTick = now - tickStart.value;\r\n    drift.value = drift.value - realTick;\r\n    if (drift.value < 1) {\r\n      cb();\r\n    } else {\r\n      const tickDrift = now - tickStart.value + tickInterval;\r\n      const nextInterval = tickDrift >= 1 ? tickDrift : tickInterval;\r\n      tickStart.value = now;\r\n      timer = window.setTimeout(tick, nextInterval);\r\n    }\r\n  }\r\n\r\n  function start() {\r\n    if (isWork.value) return;\r\n    isWork.value = true;\r\n    tickStart.value = Date.now();\r\n    timer = window.setTimeout(tick, tickInterval);\r\n  }\r\n\r\n  function stop() {\r\n    window.clearTimeout(timer);\r\n    timer = -1;\r\n    isWork.value = false;\r\n  }\r\n\r\n  function reset() {\r\n    stop();\r\n    drift.value = duration;\r\n  }\r\n\r\n  return {\r\n    start,\r\n    stop,\r\n    reset,\r\n    drift,\r\n    isWork,\r\n  }\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"timing.mjs","names":["computed","ref","watch","unref","useLazy","eager","updated","tick","tack","value","lazyValue","onAfterUpdate","entered","useTimer","cb","duration","options","tickDuration","tickInterval","timer","tickStart","drift","isWork","now","Date","realTick","tickDrift","nextInterval","window","setTimeout","start","stop","clearTimeout","reset","useDelay","props","callback","state","clearDelay","propKey","setDelay","timeout","resolve","active","generateDelay","delayTime","Promise","delay","parseInt","String","startOpenDelay","startCloseDelay"],"sources":["../../src/composables/timing.ts"],"sourcesContent":["import { Ref, computed, ref, watch, MaybeRef, unref } from 'vue';\r\n\r\nexport function useLazy(eager: Ref<boolean | undefined>, updated: Ref<any>) {\r\n  const tick = ref(false);\r\n  const tack = ref();\r\n  tack.value = updated.value;\r\n  const lazyValue = computed(() => {\r\n    if (eager.value) return updated.value;\r\n    return tack.value;\r\n  });\r\n  watch(updated, () => {\r\n    if (!tick.value) {\r\n      tack.value = updated.value;\r\n    }\r\n    if (!eager.value) {\r\n      tick.value = true;\r\n    }\r\n  });\r\n  function onAfterUpdate() {\r\n    tack.value = updated.value;\r\n    if (!eager.value) {\r\n      tick.value = false;\r\n    }\r\n  }\r\n  return {\r\n    entered: tick,\r\n    lazyValue,\r\n    onAfterUpdate,\r\n  };\r\n}\r\n\r\nexport function useTimer(\r\n  cb: () => void,\r\n  duration: MaybeRef<number>,\r\n  options?: { tickDuration: number },\r\n) {\r\n  const { tickDuration } = options ?? {};\r\n  let tickInterval = tickDuration ?? 100;\r\n  let timer = -1;\r\n\r\n  const tickStart = ref(0);\r\n  const drift = ref(unref(duration));\r\n  const isWork = ref(false);\r\n\r\n  function tick() {\r\n    const now = Date.now();\r\n    const realTick = now - tickStart.value;\r\n    drift.value = drift.value - realTick;\r\n    if (drift.value < 1) {\r\n      cb();\r\n    } else {\r\n      const tickDrift = now - tickStart.value + tickInterval;\r\n      const nextInterval = tickDrift >= 1 ? tickDrift : tickInterval;\r\n      tickStart.value = now;\r\n      timer = window.setTimeout(tick, nextInterval);\r\n    }\r\n  }\r\n\r\n  function start() {\r\n    if (isWork.value) return;\r\n    isWork.value = true;\r\n    tickStart.value = Date.now();\r\n    timer = window.setTimeout(tick, tickInterval);\r\n  }\r\n\r\n  function stop() {\r\n    window.clearTimeout(timer);\r\n    timer = -1;\r\n    isWork.value = false;\r\n  }\r\n\r\n  function reset() {\r\n    stop();\r\n    drift.value = unref(duration);\r\n  }\r\n\r\n  return {\r\n    start,\r\n    stop,\r\n    reset,\r\n    drift,\r\n    isWork,\r\n  }\r\n}\r\n\r\ntype DelayType = 'closeDelay' | 'openDelay';\r\n\r\nexport function useDelay(props: any, callback?: (active: boolean) => void) {\r\n  const state: Partial<Record<DelayType, number>> = {};\r\n\r\n  function clearDelay(propKey: DelayType) {\r\n    state[propKey] && window.clearTimeout(state[propKey]);\r\n    delete state[propKey];\r\n  }\r\n\r\n  function setDelay(propKey: DelayType, timeout: number, resolve: any) {\r\n    state[propKey] = window.setTimeout(() => {\r\n      const active = propKey === 'openDelay';\r\n      callback?.(active);\r\n      resolve(active);\r\n    }, timeout);\r\n  }\r\n\r\n  const generateDelay = (propKey: DelayType) => () => {\r\n    clearDelay('openDelay');\r\n    clearDelay('closeDelay');\r\n    const delayTime = props[propKey] ?? 0;\r\n    return new Promise<boolean>((resolve) => {\r\n      const delay = parseInt(String(delayTime), 10);\r\n      setDelay(propKey, delay, resolve);\r\n    });\r\n  };\r\n\r\n  return {\r\n    startOpenDelay: generateDelay('openDelay'),\r\n    startCloseDelay: generateDelay('closeDelay'),\r\n  };\r\n}\r\n\r\n"],"mappings":"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"}

package/lib/locales/en.mjs

@@ -1,5 +1,6 @@
 export default {
   search: 'search',
-  noItems: 'No Options'
+  noItems: 'No Options',
+  noData: 'No Data'
 };
 //# sourceMappingURL=en.mjs.map

package/lib/locales/en.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"en.mjs","names":["search","noItems"],"sources":["../../src/locales/en.ts"],"sourcesContent":["export default {\r\n  search: 'search',\r\n  noItems: 'No Options'\r\n};\r\n"],"mappings":"AAAA,eAAe;EACbA,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE;AACX,CAAC"}
+{"version":3,"file":"en.mjs","names":["search","noItems","noData"],"sources":["../../src/locales/en.ts"],"sourcesContent":["export default {\r\n  search: 'search',\r\n  noItems: 'No Options',\r\n  noData: 'No Data'\r\n};\r\n"],"mappings":"AAAA,eAAe;EACbA,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,YAAY;EACrBC,MAAM,EAAE;AACV,CAAC"}

package/lib/locales/ko.mjs

@@ -1,5 +1,6 @@
 export default {
   search: '검색',
-  noItems: '항목이 없습니다.'
+  noItems: '항목이 없습니다.',
+  noData: '데이터가 없습니다.'
 };
 //# sourceMappingURL=ko.mjs.map

package/lib/locales/ko.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ko.mjs","names":["search","noItems"],"sources":["../../src/locales/ko.ts"],"sourcesContent":["export default {\r\n  search: '검색',\r\n  noItems: '항목이 없습니다.'\r\n};\r\n"],"mappings":"AAAA,eAAe;EACbA,MAAM,EAAE,IAAI;EACZC,OAAO,EAAE;AACX,CAAC"}
+{"version":3,"file":"ko.mjs","names":["search","noItems","noData"],"sources":["../../src/locales/ko.ts"],"sourcesContent":["export default {\r\n  search: '검색',\r\n  noItems: '항목이 없습니다.',\r\n  noData: '데이터가 없습니다.'\r\n};\r\n"],"mappings":"AAAA,eAAe;EACbA,MAAM,EAAE,IAAI;EACZC,OAAO,EAAE,WAAW;EACpBC,MAAM,EAAE;AACV,CAAC"}

package/lib/util/vue-component.mjs

@@ -1,6 +1,5 @@
 import { capitalize } from '@vue/runtime-core';
 import { getCurrentInstance } from 'vue';
-import { hasOwnProperty } from "./common.mjs";
 export function getSlot(vm) {
   let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
   let data = arguments.length > 2 ? arguments[2] : undefined;
@@ -43,7 +42,14 @@ export function bindClasses(classes) {
   return boundClasses;
 }
 export function getHtmlElement(node) {
-  return node && hasOwnProperty(node, '$el') ? node.$el : node;
+  if (node && '$el' in node) {
+    const el = node.$el;
+    if (el.nodeType === Node.TEXT_NODE) {
+      return el.nextElementSibling;
+    }
+    return el;
+  }
+  return node;
 }
 export function findChildrenWithProvide(key, vnode) {
   if (!vnode || typeof vnode !== 'object') {

package/lib/util/vue-component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"vue-component.mjs","names":["capitalize","getCurrentInstance","hasOwnProperty","getSlot","vm","name","arguments","length","undefined","data","optional","$slots","slot","Function","filter","node","el","nodeType","getUid","uid","chooseProps","props","target","Object","keys","reduce","acc","prop","bindClasses","classes","boundClasses","Array","isArray","clas","getHtmlElement","$el","findChildrenWithProvide","key","vnode","map","child","flat","children","component","getOwnPropertySymbols","provides","includes","subTree","propsFactory","source","defaults","options","option","isObjectOption","objectOption","type","default","hasEventProp","onType","EventPropOption"],"sources":["../../src/util/vue-component.ts"],"sourcesContent":["import { ComponentInternalInstance, capitalize } from '@vue/runtime-core';\nimport type { IfAny } from '@vue/shared';\nimport type {\n  ComponentObjectPropsOptions,\n  ComponentPublicInstance,\n  ExtractPropTypes,\n  InjectionKey,\n  Prop,\n  PropType,\n  VNode,\n  VNodeChild,\n} from 'vue';\nimport { getCurrentInstance } from 'vue';\n\nimport { hasOwnProperty } from './common';\n\nexport function getSlot(\n  vm: ComponentPublicInstance | any,\n  // eslint-disable-next-line default-param-last\n  name = 'default',\n  data?: any | (() => any),\n  optional = false,\n): VNode[] | undefined {\n  if (vm.$slots?.[name]) {\n    const slot = vm.$slots[name]!(data instanceof Function ? data() : data);\n    return slot.filter((node: VNode) => {\n      return node.el?.nodeType !== 8;\n    });\n  }\n  return undefined;\n}\n\nexport function getUid() {\n  const vm = getCurrentInstance();\n  return vm?.uid;\n}\n\nexport function chooseProps<PropsOptions extends ComponentObjectPropsOptions>(\n  props: any,\n  target: PropsOptions,\n): ExtractPropTypes<PropsOptions> {\n  return Object.keys(target).reduce((acc, prop) => {\n    if (props && prop in props) {\n      acc[prop as keyof ExtractPropTypes<PropsOptions>] = props[prop];\n    }\n    return acc;\n  }, {} as ExtractPropTypes<PropsOptions>);\n}\n\nexport function bindClasses(\n  classes: string | string[] | Record<string, any> | undefined,\n) {\n  const boundClasses = {} as Record<string, boolean>;\n  if (typeof classes === 'string') {\n    boundClasses[classes] = true;\n  } else if (Array.isArray(classes)) {\n    (classes as string[]).reduce((acc, clas) => {\n      acc[clas] = true;\n      return acc;\n    }, boundClasses);\n  } else if (typeof classes === 'object') {\n    Object.keys(classes).reduce((acc, clas) => {\n      acc[clas] = !!classes[clas];\n      return acc;\n    }, boundClasses);\n  }\n  return boundClasses;\n}\n\nexport function getHtmlElement<N extends object | undefined>(\n  node: N,\n): Exclude<N, ComponentPublicInstance> | HTMLElement {\n  return node && hasOwnProperty(node, '$el')\n    ? ((node as ComponentPublicInstance).$el as HTMLElement)\n    : (node as HTMLElement);\n}\n\nexport function findChildrenWithProvide(\n  key: InjectionKey<any> | symbol,\n  vnode?: VNodeChild,\n): ComponentInternalInstance[] {\n  if (!vnode || typeof vnode !== 'object') {\n    return [];\n  }\n\n  if (Array.isArray(vnode)) {\n    return vnode.map((child) => findChildrenWithProvide(key, child)).flat(1);\n  } else if (Array.isArray(vnode.children)) {\n    return vnode.children\n      .map((child) => findChildrenWithProvide(key, child))\n      .flat(1);\n  } else if (vnode.component) {\n    if (\n      Object.getOwnPropertySymbols((vnode.component as any).provides).includes(\n        key as symbol,\n      )\n    ) {\n      return [vnode.component];\n    } else if (vnode.component.subTree) {\n      return findChildrenWithProvide(key, vnode.component.subTree).flat(1);\n    }\n  }\n\n  return [];\n}\n\nexport function propsFactory<PropsOptions extends ComponentObjectPropsOptions>(\n  props: PropsOptions,\n  source: string,\n) {\n  return <Defaults extends PartialKeys<PropsOptions> = {}>(\n    defaults?: Defaults,\n  ): OverwrittenPropOptions<PropsOptions, Defaults> => {\n    return Object.keys(props).reduce<any>((options, prop) => {\n      const option = props[prop];\n      const isObjectOption =\n        typeof option === 'object' && option != null && !Array.isArray(option);\n      const objectOption = isObjectOption ? option : { type: option };\n      if (defaults && prop in defaults) {\n        options[prop] = {\n          ...objectOption,\n          default: defaults[prop],\n        };\n      } else {\n        options[prop] = objectOption;\n      }\n\n      if (source && !options[prop].source) {\n        options[prop].source = source;\n      }\n      return options;\n    }, {} as PropsOptions);\n  };\n}\n\nexport function hasEventProp(props: Record<string, any>, type: string) {\n  const onType = `on${capitalize(type)}`;\n  return !!(\n    props[onType] ||\n    props[`${onType}Once`] ||\n    props[`${onType}Capture`] ||\n    props[`${onType}OnceCapture`] ||\n    props[`${onType}CaptureOnce`]\n  );\n}\n\ntype OverwrittenPropOptions<\n  T extends ComponentObjectPropsOptions,\n  D extends PartialKeys<T>,\n> = {\n  [P in keyof T]-?: unknown extends D[P]\n    ? T[P]\n    : T[P] extends Record<string, unknown>\n    ? Omit<T[P], 'type' | 'default'> & {\n        type: PropType<MergeDefault<T[P], D[P]>>;\n        default: MergeDefault<T[P], D[P]>;\n      }\n    : {\n        type: PropType<MergeDefault<T[P], D[P]>>;\n        default: MergeDefault<T[P], D[P]>;\n      };\n};\n\ntype MergeDefault<T, D> = unknown extends D\n  ? InferPropType<T>\n  : NonNullable<InferPropType<T>> | D;\n\ntype FollowPropType<T, P, D> = [T] extends [PropType<unknown>]\n  ? T\n  : PropType<MergeDefault<P, D>>;\n\ntype PartialKeys<T> = { [P in keyof T]?: unknown };\n\n// Copied from Vue\ntype InferPropType<T> = [T] extends [null]\n  ? any // null & true would fail to infer\n  : [T] extends [{ type: null | true }]\n  ? // As TS issue https://github.com/Microsoft/TypeScript/issues/14829\n    // somehow `ObjectConstructor` when inferred from { (): T } becomes `any`\n    // `BooleanConstructor` when inferred from PropConstructor(with PropMethod) becomes `Boolean`\n    any\n  : [T] extends [ObjectConstructor | { type: ObjectConstructor }]\n  ? Record<string, any>\n  : [T] extends [BooleanConstructor | { type: BooleanConstructor }]\n  ? boolean\n  : [T] extends [DateConstructor | { type: DateConstructor }]\n  ? Date\n  : [T] extends [(infer U)[] | { type: (infer U)[] }]\n  ? U extends DateConstructor\n    ? Date | InferPropType<U>\n    : InferPropType<U>\n  : [T] extends [Prop<infer V, infer D>]\n  ? unknown extends V\n    ? IfAny<V, V, D>\n    : V\n  : T;\n\nexport type EventProp<T extends any[] = any[], F = (...args: T) => any> =\n  | F\n  | F[];\n\nexport const EventPropOption = <T extends any[] = any[]>() =>\n  [Function, Array] as PropType<EventProp<T>>;\n"],"mappings":"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"}
+{"version":3,"file":"vue-component.mjs","names":["capitalize","getCurrentInstance","getSlot","vm","name","arguments","length","undefined","data","optional","$slots","slot","Function","filter","node","el","nodeType","getUid","uid","chooseProps","props","target","Object","keys","reduce","acc","prop","bindClasses","classes","boundClasses","Array","isArray","clas","getHtmlElement","$el","Node","TEXT_NODE","nextElementSibling","findChildrenWithProvide","key","vnode","map","child","flat","children","component","getOwnPropertySymbols","provides","includes","subTree","propsFactory","source","defaults","options","option","isObjectOption","objectOption","type","default","hasEventProp","onType","EventPropOption"],"sources":["../../src/util/vue-component.ts"],"sourcesContent":["import { ComponentInternalInstance, capitalize } from '@vue/runtime-core';\nimport type { IfAny } from '@vue/shared';\nimport type {\n  ComponentObjectPropsOptions,\n  ComponentPublicInstance,\n  ExtractPropTypes,\n  InjectionKey,\n  Prop,\n  PropType,\n  VNode,\n  VNodeChild,\n} from 'vue';\nimport { getCurrentInstance } from 'vue';\n\nimport { hasOwnProperty } from './common';\n\nexport function getSlot(\n  vm: ComponentPublicInstance | any,\n  // eslint-disable-next-line default-param-last\n  name = 'default',\n  data?: any | (() => any),\n  optional = false,\n): VNode[] | undefined {\n  if (vm.$slots?.[name]) {\n    const slot = vm.$slots[name]!(data instanceof Function ? data() : data);\n    return slot.filter((node: VNode) => {\n      return node.el?.nodeType !== 8;\n    });\n  }\n  return undefined;\n}\n\nexport function getUid() {\n  const vm = getCurrentInstance();\n  return vm?.uid;\n}\n\nexport function chooseProps<PropsOptions extends ComponentObjectPropsOptions>(\n  props: any,\n  target: PropsOptions,\n): ExtractPropTypes<PropsOptions> {\n  return Object.keys(target).reduce((acc, prop) => {\n    if (props && prop in props) {\n      acc[prop as keyof ExtractPropTypes<PropsOptions>] = props[prop];\n    }\n    return acc;\n  }, {} as ExtractPropTypes<PropsOptions>);\n}\n\nexport function bindClasses(\n  classes: string | string[] | Record<string, any> | undefined,\n) {\n  const boundClasses = {} as Record<string, boolean>;\n  if (typeof classes === 'string') {\n    boundClasses[classes] = true;\n  } else if (Array.isArray(classes)) {\n    (classes as string[]).reduce((acc, clas) => {\n      acc[clas] = true;\n      return acc;\n    }, boundClasses);\n  } else if (typeof classes === 'object') {\n    Object.keys(classes).reduce((acc, clas) => {\n      acc[clas] = !!classes[clas];\n      return acc;\n    }, boundClasses);\n  }\n  return boundClasses;\n}\n\nexport function getHtmlElement<N extends object | undefined>(\n  node: N,\n): Exclude<N, ComponentPublicInstance> | HTMLElement {\n  if (node && '$el' in node) {\n    const el = ((node as ComponentPublicInstance).$el as HTMLElement);\n    if (el.nodeType === Node.TEXT_NODE) {\n      return el.nextElementSibling as HTMLElement;\n    }\n    return el;\n  }\n  return (node as HTMLElement);\n}\n\nexport function findChildrenWithProvide(\n  key: InjectionKey<any> | symbol,\n  vnode?: VNodeChild,\n): ComponentInternalInstance[] {\n  if (!vnode || typeof vnode !== 'object') {\n    return [];\n  }\n\n  if (Array.isArray(vnode)) {\n    return vnode.map((child) => findChildrenWithProvide(key, child)).flat(1);\n  } else if (Array.isArray(vnode.children)) {\n    return vnode.children\n      .map((child) => findChildrenWithProvide(key, child))\n      .flat(1);\n  } else if (vnode.component) {\n    if (\n      Object.getOwnPropertySymbols((vnode.component as any).provides).includes(\n        key as symbol,\n      )\n    ) {\n      return [vnode.component];\n    } else if (vnode.component.subTree) {\n      return findChildrenWithProvide(key, vnode.component.subTree).flat(1);\n    }\n  }\n\n  return [];\n}\n\nexport function propsFactory<PropsOptions extends ComponentObjectPropsOptions>(\n  props: PropsOptions,\n  source: string,\n) {\n  return <Defaults extends PartialKeys<PropsOptions> = {}>(\n    defaults?: Defaults,\n  ): OverwrittenPropOptions<PropsOptions, Defaults> => {\n    return Object.keys(props).reduce<any>((options, prop) => {\n      const option = props[prop];\n      const isObjectOption =\n        typeof option === 'object' && option != null && !Array.isArray(option);\n      const objectOption = isObjectOption ? option : { type: option };\n      if (defaults && prop in defaults) {\n        options[prop] = {\n          ...objectOption,\n          default: defaults[prop],\n        };\n      } else {\n        options[prop] = objectOption;\n      }\n\n      if (source && !options[prop].source) {\n        options[prop].source = source;\n      }\n      return options;\n    }, {} as PropsOptions);\n  };\n}\n\nexport function hasEventProp(props: Record<string, any>, type: string) {\n  const onType = `on${capitalize(type)}`;\n  return !!(\n    props[onType] ||\n    props[`${onType}Once`] ||\n    props[`${onType}Capture`] ||\n    props[`${onType}OnceCapture`] ||\n    props[`${onType}CaptureOnce`]\n  );\n}\n\ntype OverwrittenPropOptions<\n  T extends ComponentObjectPropsOptions,\n  D extends PartialKeys<T>,\n> = {\n  [P in keyof T]-?: unknown extends D[P]\n    ? T[P]\n    : T[P] extends Record<string, unknown>\n    ? Omit<T[P], 'type' | 'default'> & {\n        type: PropType<MergeDefault<T[P], D[P]>>;\n        default: MergeDefault<T[P], D[P]>;\n      }\n    : {\n        type: PropType<MergeDefault<T[P], D[P]>>;\n        default: MergeDefault<T[P], D[P]>;\n      };\n};\n\ntype MergeDefault<T, D> = unknown extends D\n  ? InferPropType<T>\n  : NonNullable<InferPropType<T>> | D;\n\ntype FollowPropType<T, P, D> = [T] extends [PropType<unknown>]\n  ? T\n  : PropType<MergeDefault<P, D>>;\n\ntype PartialKeys<T> = { [P in keyof T]?: unknown };\n\n// Copied from Vue\ntype InferPropType<T> = [T] extends [null]\n  ? any // null & true would fail to infer\n  : [T] extends [{ type: null | true }]\n  ? // As TS issue https://github.com/Microsoft/TypeScript/issues/14829\n    // somehow `ObjectConstructor` when inferred from { (): T } becomes `any`\n    // `BooleanConstructor` when inferred from PropConstructor(with PropMethod) becomes `Boolean`\n    any\n  : [T] extends [ObjectConstructor | { type: ObjectConstructor }]\n  ? Record<string, any>\n  : [T] extends [BooleanConstructor | { type: BooleanConstructor }]\n  ? boolean\n  : [T] extends [DateConstructor | { type: DateConstructor }]\n  ? Date\n  : [T] extends [(infer U)[] | { type: (infer U)[] }]\n  ? U extends DateConstructor\n    ? Date | InferPropType<U>\n    : InferPropType<U>\n  : [T] extends [Prop<infer V, infer D>]\n  ? unknown extends V\n    ? IfAny<V, V, D>\n    : V\n  : T;\n\nexport type EventProp<T extends any[] = any[], F = (...args: T) => any> =\n  | F\n  | F[];\n\nexport const EventPropOption = <T extends any[] = any[]>() =>\n  [Function, Array] as PropType<EventProp<T>>;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.0.47-rc.1",
+  "version": "0.0.47-rc.10",
   "keywords": [
     "UI Library",
     "Vue"

package/types/components/dialog/YDialog.d.ts

@@ -28,6 +28,7 @@ export declare const pressYDialogPropsOptions: <Defaults extends {
     persistent?: unknown;
     dialogClasses?: unknown;
     maximized?: unknown;
+    focusTrap?: unknown;
     offset?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     disabled: unknown extends Defaults["disabled"] ? {
@@ -260,6 +261,10 @@ export declare const pressYDialogPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["maximized"] ? boolean : boolean | Defaults["maximized"]>;
         default: unknown extends Defaults["maximized"] ? boolean : boolean | Defaults["maximized"];
     };
+    focusTrap: unknown extends Defaults["focusTrap"] ? PropType<string | false | string[] | HTMLElement> : {
+        type: PropType<unknown extends Defaults["focusTrap"] ? string | false | string[] | HTMLElement : Defaults["focusTrap"] | NonNullable<string | false | string[] | HTMLElement>>;
+        default: unknown extends Defaults["focusTrap"] ? string | false | string[] | HTMLElement : Defaults["focusTrap"] | NonNullable<string | false | string[] | HTMLElement>;
+    };
     offset: unknown extends Defaults["offset"] ? {
         type: PropType<string>;
     } : Omit<{
@@ -353,6 +358,7 @@ export declare const YDialog: import("vue").DefineComponent<{
         type: PropType<string | string[] | Record<string, any>>;
     };
     maximized: PropType<boolean>;
+    focusTrap: PropType<string | false | string[] | HTMLElement>;
     offset: {
         type: PropType<string>;
     };
@@ -2217,6 +2223,7 @@ export declare const YDialog: import("vue").DefineComponent<{
         type: PropType<string | string[] | Record<string, any>>;
     };
     maximized: PropType<boolean>;
+    focusTrap: PropType<string | false | string[] | HTMLElement>;
     offset: {
         type: PropType<string>;
     };

package/types/components/dropdown/YDropdown.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, SlotsType } from 'vue';
 import { YIconIconProp } from '../icon';
 export declare const pressYDropdownPropsOptions: <Defaults extends {
     items?: unknown;
@@ -237,4 +237,13 @@ export declare const YDropdown: import("vue").DefineComponent<{
     itemText: string;
     itemChildren: string | boolean;
     dropdownIcon: YIconIconProp;
-}, {}>;
+}, SlotsType<{
+    base: any;
+    default: any;
+    'dropdown-icon': any;
+    menu: any;
+    item: {
+        text: string;
+        item: any;
+    };
+}>>;

package/types/components/pagination/YPagination.d.ts

@@ -5,6 +5,7 @@ export declare const pressYPaginationProps: <Defaults extends {
     disabled?: unknown;
     length?: unknown;
     totalVisible?: unknown;
+    maxVisible?: unknown;
     showEndButton?: unknown;
     gap?: unknown;
     color?: unknown;
@@ -52,6 +53,10 @@ export declare const pressYPaginationProps: <Defaults extends {
         type: PropType<unknown extends Defaults["totalVisible"] ? string | number : NonNullable<string | number> | Defaults["totalVisible"]>;
         default: unknown extends Defaults["totalVisible"] ? string | number : NonNullable<string | number> | Defaults["totalVisible"];
     };
+    maxVisible: unknown extends Defaults["maxVisible"] ? (StringConstructor | NumberConstructor)[] : {
+        type: PropType<unknown extends Defaults["maxVisible"] ? string | number : NonNullable<string | number> | Defaults["maxVisible"]>;
+        default: unknown extends Defaults["maxVisible"] ? string | number : NonNullable<string | number> | Defaults["maxVisible"];
+    };
     showEndButton: unknown extends Defaults["showEndButton"] ? BooleanConstructor : {
         type: PropType<unknown extends Defaults["showEndButton"] ? boolean : boolean | Defaults["showEndButton"]>;
         default: unknown extends Defaults["showEndButton"] ? boolean : boolean | Defaults["showEndButton"];
@@ -105,6 +110,7 @@ export declare const YPagination: import("vue").DefineComponent<{
         validator: (val: number) => boolean;
     };
     totalVisible: (StringConstructor | NumberConstructor)[];
+    maxVisible: (StringConstructor | NumberConstructor)[];
     showEndButton: BooleanConstructor;
     gap: {
         type: (StringConstructor | NumberConstructor)[];
@@ -142,6 +148,7 @@ export declare const YPagination: import("vue").DefineComponent<{
         validator: (val: number) => boolean;
     };
     totalVisible: (StringConstructor | NumberConstructor)[];
+    maxVisible: (StringConstructor | NumberConstructor)[];
     showEndButton: BooleanConstructor;
     gap: {
         type: (StringConstructor | NumberConstructor)[];

package/types/components/snackbar/YSnackbar.d.ts

@@ -28,6 +28,10 @@ export declare const YSnackbar: import("vue").DefineComponent<{
         type: PropType<number>;
         default: number;
     };
+    closeClickContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     active: import("vue").WritableComputedRef<any> & {
         readonly rxValue: any;
@@ -69,6 +73,10 @@ export declare const YSnackbar: import("vue").DefineComponent<{
         type: PropType<number>;
         default: number;
     };
+    closeClickContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -76,5 +84,6 @@ export declare const YSnackbar: import("vue").DefineComponent<{
     position: string;
     transition: any;
     duration: number;
+    closeClickContent: boolean;
 }, {}>;
 export type YSnackbar = InstanceType<typeof YSnackbar>;