yuyeon 0.2.1-rc.8 → 0.2.1

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

@@ -19,7 +19,12 @@ export const pressDataTableItemsProps = propsFactory({
 export function updateItem(props, item, index, columns) {
   const key = getPropertyFromItem(item, props.itemKey);
   const value = props.returnItem ? item : key;
-  const selectable = getPropertyFromItem(item, props.itemSelectable, true);
+  let selectable;
+  if (typeof props.itemSelectable === 'function') {
+    selectable = !!props.itemSelectable(item);
+  } else {
+    selectable = getPropertyFromItem(item, props.itemSelectable, true);
+  }
   const itemColumns = columns.reduce((acc, column) => {
     acc[column.key] = getPropertyFromItem(item, column.value ?? column.key);
     return acc;

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

@@ -1 +1 @@
-{"version":3,"file":"items.mjs","names":["computed","getPropertyFromItem","propsFactory","pressDataTableItemsProps","items","type","Array","default","itemKey","String","Function","itemSelectable","returnItem","Boolean","updateItem","props","item","index","columns","key","value","selectable","itemColumns","reduce","acc","column","raw","updateItems","map","useItems"],"sources":["../../../../src/components/table/composibles/items.ts"],"sourcesContent":["import { type PropType, type Ref, computed } from 'vue';\n\nimport { getPropertyFromItem } from '@/util/common';\nimport { propsFactory } from '@/util/component';\n\nimport { DataTableItem, InternalDataTableHeader } from '../types';\n\nexport type DataTableItemsProps = {\n  items: any[];\n  itemKey: any;\n  itemSelectable: any;\n  returnItem: boolean;\n};\n\nexport const pressDataTableItemsProps = propsFactory(\n  {\n    items: {\n      type: Array as PropType<DataTableItemsProps['items']>,\n      default: () => [],\n    },\n    itemKey: {\n      type: [String, Array, Function] as PropType<any>,\n      default: 'id',\n    },\n    itemSelectable: {\n      type: [String, Array, Function] as PropType<any>,\n      default: null,\n    },\n    returnItem: Boolean,\n  },\n  'YDataTable--items',\n);\n\nexport function updateItem(\n  props: Omit<DataTableItemsProps, 'items'>,\n  item: any,\n  index: number,\n  columns: InternalDataTableHeader[],\n): DataTableItem {\n  const key = getPropertyFromItem(item, props.itemKey);\n  const value = props.returnItem ? item : key;\n  const selectable = getPropertyFromItem(item, props.itemSelectable, true);\n  const itemColumns = columns.reduce(\n    (acc, column) => {\n      acc[column.key] = getPropertyFromItem(item, column.value ?? column.key);\n      return acc;\n    },\n    {} as Record<string, unknown>,\n  );\n\n  return {\n    index,\n    key,\n    value,\n    selectable,\n    columns: itemColumns,\n    raw: item,\n  };\n}\n\nexport function updateItems(\n  props: Omit<DataTableItemsProps, 'items'>,\n  items: DataTableItemsProps['items'],\n  columns: InternalDataTableHeader[],\n): DataTableItem[] {\n  return items.map((item, index) => updateItem(props, item, index, columns));\n}\n\nexport function useItems(\n  props: DataTableItemsProps,\n  columns: Ref<InternalDataTableHeader[]>,\n) {\n  const items = computed(() => {\n    return updateItems(props, props.items, columns.value);\n  });\n  return { items };\n}\n"],"mappings":"AAAA,SAAkCA,QAAQ,QAAQ,KAAK;AAAC,SAE/CC,mBAAmB;AAAA,SACnBC,YAAY;AAWrB,OAAO,MAAMC,wBAAwB,GAAGD,YAAY,CAClD;EACEE,KAAK,EAAE;IACLC,IAAI,EAAEC,KAA+C;IACrDC,OAAO,EAAEA,CAAA,KAAM;EACjB,CAAC;EACDC,OAAO,EAAE;IACPH,IAAI,EAAE,CAACI,MAAM,EAAEH,KAAK,EAAEI,QAAQ,CAAkB;IAChDH,OAAO,EAAE;EACX,CAAC;EACDI,cAAc,EAAE;IACdN,IAAI,EAAE,CAACI,MAAM,EAAEH,KAAK,EAAEI,QAAQ,CAAkB;IAChDH,OAAO,EAAE;EACX,CAAC;EACDK,UAAU,EAAEC;AACd,CAAC,EACD,mBACF,CAAC;AAED,OAAO,SAASC,UAAUA,CACxBC,KAAyC,EACzCC,IAAS,EACTC,KAAa,EACbC,OAAkC,EACnB;EACf,MAAMC,GAAG,GAAGlB,mBAAmB,CAACe,IAAI,EAAED,KAAK,CAACP,OAAO,CAAC;EACpD,MAAMY,KAAK,GAAGL,KAAK,CAACH,UAAU,GAAGI,IAAI,GAAGG,GAAG;EAC3C,MAAME,UAAU,GAAGpB,mBAAmB,CAACe,IAAI,EAAED,KAAK,CAACJ,cAAc,EAAE,IAAI,CAAC;EACxE,MAAMW,WAAW,GAAGJ,OAAO,CAACK,MAAM,CAChC,CAACC,GAAG,EAAEC,MAAM,KAAK;IACfD,GAAG,CAACC,MAAM,CAACN,GAAG,CAAC,GAAGlB,mBAAmB,CAACe,IAAI,EAAES,MAAM,CAACL,KAAK,IAAIK,MAAM,CAACN,GAAG,CAAC;IACvE,OAAOK,GAAG;EACZ,CAAC,EACD,CAAC,CACH,CAAC;EAED,OAAO;IACLP,KAAK;IACLE,GAAG;IACHC,KAAK;IACLC,UAAU;IACVH,OAAO,EAAEI,WAAW;IACpBI,GAAG,EAAEV;EACP,CAAC;AACH;AAEA,OAAO,SAASW,WAAWA,CACzBZ,KAAyC,EACzCX,KAAmC,EACnCc,OAAkC,EACjB;EACjB,OAAOd,KAAK,CAACwB,GAAG,CAAC,CAACZ,IAAI,EAAEC,KAAK,KAAKH,UAAU,CAACC,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAEC,OAAO,CAAC,CAAC;AAC5E;AAEA,OAAO,SAASW,QAAQA,CACtBd,KAA0B,EAC1BG,OAAuC,EACvC;EACA,MAAMd,KAAK,GAAGJ,QAAQ,CAAC,MAAM;IAC3B,OAAO2B,WAAW,CAACZ,KAAK,EAAEA,KAAK,CAACX,KAAK,EAAEc,OAAO,CAACE,KAAK,CAAC;EACvD,CAAC,CAAC;EACF,OAAO;IAAEhB;EAAM,CAAC;AAClB"}
+{"version":3,"file":"items.mjs","names":["computed","getPropertyFromItem","propsFactory","pressDataTableItemsProps","items","type","Array","default","itemKey","String","Function","itemSelectable","returnItem","Boolean","updateItem","props","item","index","columns","key","value","selectable","itemColumns","reduce","acc","column","raw","updateItems","map","useItems"],"sources":["../../../../src/components/table/composibles/items.ts"],"sourcesContent":["import { type PropType, type Ref, computed } from 'vue';\n\nimport { getPropertyFromItem } from '@/util/common';\nimport { propsFactory } from '@/util/component';\n\nimport { DataTableItem, InternalDataTableHeader } from '../types';\n\nexport type DataTableItemsProps = {\n  items: any[];\n  itemKey: any;\n  itemSelectable: any;\n  returnItem: boolean;\n};\n\nexport const pressDataTableItemsProps = propsFactory(\n  {\n    items: {\n      type: Array as PropType<DataTableItemsProps['items']>,\n      default: () => [],\n    },\n    itemKey: {\n      type: [String, Array, Function] as PropType<any>,\n      default: 'id',\n    },\n    itemSelectable: {\n      type: [String, Array, Function] as PropType<any>,\n      default: null,\n    },\n    returnItem: Boolean,\n  },\n  'YDataTable--items',\n);\n\nexport function updateItem(\n  props: Omit<DataTableItemsProps, 'items'>,\n  item: any,\n  index: number,\n  columns: InternalDataTableHeader[],\n): DataTableItem {\n  const key = getPropertyFromItem(item, props.itemKey);\n  const value = props.returnItem ? item : key;\n  let selectable;\n  if (typeof props.itemSelectable === 'function') {\n    selectable = !!props.itemSelectable(item);\n  } else {\n    selectable = getPropertyFromItem(item, props.itemSelectable, true);\n  }\n\n  const itemColumns = columns.reduce(\n    (acc, column) => {\n      acc[column.key] = getPropertyFromItem(item, column.value ?? column.key);\n      return acc;\n    },\n    {} as Record<string, unknown>,\n  );\n\n  return {\n    index,\n    key,\n    value,\n    selectable,\n    columns: itemColumns,\n    raw: item,\n  };\n}\n\nexport function updateItems(\n  props: Omit<DataTableItemsProps, 'items'>,\n  items: DataTableItemsProps['items'],\n  columns: InternalDataTableHeader[],\n): DataTableItem[] {\n  return items.map((item, index) => updateItem(props, item, index, columns));\n}\n\nexport function useItems(\n  props: DataTableItemsProps,\n  columns: Ref<InternalDataTableHeader[]>,\n) {\n  const items = computed(() => {\n    return updateItems(props, props.items, columns.value);\n  });\n  return { items };\n}\n"],"mappings":"AAAA,SAAkCA,QAAQ,QAAQ,KAAK;AAAC,SAE/CC,mBAAmB;AAAA,SACnBC,YAAY;AAWrB,OAAO,MAAMC,wBAAwB,GAAGD,YAAY,CAClD;EACEE,KAAK,EAAE;IACLC,IAAI,EAAEC,KAA+C;IACrDC,OAAO,EAAEA,CAAA,KAAM;EACjB,CAAC;EACDC,OAAO,EAAE;IACPH,IAAI,EAAE,CAACI,MAAM,EAAEH,KAAK,EAAEI,QAAQ,CAAkB;IAChDH,OAAO,EAAE;EACX,CAAC;EACDI,cAAc,EAAE;IACdN,IAAI,EAAE,CAACI,MAAM,EAAEH,KAAK,EAAEI,QAAQ,CAAkB;IAChDH,OAAO,EAAE;EACX,CAAC;EACDK,UAAU,EAAEC;AACd,CAAC,EACD,mBACF,CAAC;AAED,OAAO,SAASC,UAAUA,CACxBC,KAAyC,EACzCC,IAAS,EACTC,KAAa,EACbC,OAAkC,EACnB;EACf,MAAMC,GAAG,GAAGlB,mBAAmB,CAACe,IAAI,EAAED,KAAK,CAACP,OAAO,CAAC;EACpD,MAAMY,KAAK,GAAGL,KAAK,CAACH,UAAU,GAAGI,IAAI,GAAGG,GAAG;EAC3C,IAAIE,UAAU;EACd,IAAI,OAAON,KAAK,CAACJ,cAAc,KAAK,UAAU,EAAE;IAC9CU,UAAU,GAAG,CAAC,CAACN,KAAK,CAACJ,cAAc,CAACK,IAAI,CAAC;EAC3C,CAAC,MAAM;IACLK,UAAU,GAAGpB,mBAAmB,CAACe,IAAI,EAAED,KAAK,CAACJ,cAAc,EAAE,IAAI,CAAC;EACpE;EAEA,MAAMW,WAAW,GAAGJ,OAAO,CAACK,MAAM,CAChC,CAACC,GAAG,EAAEC,MAAM,KAAK;IACfD,GAAG,CAACC,MAAM,CAACN,GAAG,CAAC,GAAGlB,mBAAmB,CAACe,IAAI,EAAES,MAAM,CAACL,KAAK,IAAIK,MAAM,CAACN,GAAG,CAAC;IACvE,OAAOK,GAAG;EACZ,CAAC,EACD,CAAC,CACH,CAAC;EAED,OAAO;IACLP,KAAK;IACLE,GAAG;IACHC,KAAK;IACLC,UAAU;IACVH,OAAO,EAAEI,WAAW;IACpBI,GAAG,EAAEV;EACP,CAAC;AACH;AAEA,OAAO,SAASW,WAAWA,CACzBZ,KAAyC,EACzCX,KAAmC,EACnCc,OAAkC,EACjB;EACjB,OAAOd,KAAK,CAACwB,GAAG,CAAC,CAACZ,IAAI,EAAEC,KAAK,KAAKH,UAAU,CAACC,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAEC,OAAO,CAAC,CAAC;AAC5E;AAEA,OAAO,SAASW,QAAQA,CACtBd,KAA0B,EAC1BG,OAAuC,EACvC;EACA,MAAMd,KAAK,GAAGJ,QAAQ,CAAC,MAAM;IAC3B,OAAO2B,WAAW,CAACZ,KAAK,EAAEA,KAAK,CAACX,KAAK,EAAEc,OAAO,CAACE,KAAK,CAAC;EACvD,CAAC,CAAC;EACF,OAAO;IAAEhB;EAAM,CAAC;AAClB"}

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

@@ -15,7 +15,7 @@ export const pressDataTableSelectionProps = propsFactory({
   },
   itemComparator: {
     type: [Function, String],
-    default: deepEqual
+    default: () => deepEqual
   }
 }, 'YDataTable--selection');
 const singleSelectStrategy = {

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

@@ -1 +1 @@
-{"version":3,"file":"selection.mjs","names":["computed","inject","provide","useModelDuplex","wrapInArray","deepEqual","getPropertyFromItem","propsFactory","pressDataTableSelectionProps","enableSelect","Boolean","selectStrategy","type","String","Object","default","modelValue","Array","itemComparator","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","itemKey","key","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 {\n  type InjectionKey,\n  type PropType,\n  type Ref,\n  computed,\n  inject,\n  provide,\n} from 'vue';\n\nimport { useModelDuplex } from '@/composables/communication';\nimport { wrapInArray } from '@/util/array';\nimport { deepEqual, getPropertyFromItem } from '@/util/common';\nimport { propsFactory } from '@/util/component';\n\nimport { DataTableProvideSelectionData } from '../types';\nimport { DataTableItemsProps } from './items';\n\nexport interface SelectableItem {\n  key: string;\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    itemComparator: {\n      type: [Function, String] as PropType<typeof deepEqual | string>,\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  itemComparator: ((a: any, b: any) => boolean) | string;\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) => {\n              const { itemComparator } = props;\n              if (typeof itemComparator === 'function') {\n                itemComparator(v, item.value);\n              }\n              return getPropertyFromItem(v, props.itemKey) === item.key;\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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"}
+{"version":3,"file":"selection.mjs","names":["computed","inject","provide","useModelDuplex","wrapInArray","deepEqual","getPropertyFromItem","propsFactory","pressDataTableSelectionProps","enableSelect","Boolean","selectStrategy","type","String","Object","default","modelValue","Array","itemComparator","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","itemKey","key","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 {\n  type InjectionKey,\n  type PropType,\n  type Ref,\n  computed,\n  inject,\n  provide,\n} from 'vue';\n\nimport { useModelDuplex } from '@/composables/communication';\nimport { wrapInArray } from '@/util/array';\nimport { deepEqual, getPropertyFromItem } from '@/util/common';\nimport { propsFactory } from '@/util/component';\n\nimport { DataTableProvideSelectionData } from '../types';\nimport { DataTableItemsProps } from './items';\n\nexport interface SelectableItem {\n  key: string;\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    itemComparator: {\n      type: [Function, String] as PropType<typeof deepEqual | string>,\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  itemComparator: ((a: any, b: any) => boolean) | string;\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) => {\n              const { itemComparator } = props;\n              if (typeof itemComparator === 'function') {\n                itemComparator(v, item.value);\n              }\n              return getPropertyFromItem(v, props.itemKey) === item.key;\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/header.mjs.map

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

package/lib/composables/layer-group.mjs

@@ -1,4 +1,4 @@
-import { computed, getCurrentInstance, onBeforeUnmount, watch } from 'vue';
+import { computed, getCurrentInstance, onBeforeUnmount, unref, watch } from 'vue';
 import { useYuyeon } from "./../index.mjs";
 export const Y_LAYER_GROUP_CLASS_NAME = 'y-layer-group';
 const layerGroupState = new WeakMap();
@@ -6,12 +6,12 @@ export function useLayerGroup(target) {
   const vm = getCurrentInstance();
   const yuyeon = useYuyeon();
   const layerGroup = computed(() => {
-    const refTarget = target?.value;
     let targetEl = document.body;
     const rootEl = yuyeon.root;
     if (rootEl) {
       targetEl = rootEl;
     }
+    const refTarget = unref(target);
     if (typeof refTarget === 'string') {
       const el = document.querySelector(refTarget);
       if (el) {

package/lib/composables/layer-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"layer-group.mjs","names":["computed","getCurrentInstance","onBeforeUnmount","watch","useYuyeon","Y_LAYER_GROUP_CLASS_NAME","layerGroupState","WeakMap","useLayerGroup","target","vm","yuyeon","layerGroup","refTarget","value","targetEl","document","body","rootEl","root","el","querySelector","nodeType","layerEl","createElement","className","appendChild","neo","old","has","get","delete","set","Set","add","immediate","getActiveLayers","activeLayers","currentGroup","forEach","ctx","active","isUnmounted","push","unregister"],"sources":["../../src/composables/layer-group.ts"],"sourcesContent":["import { computed, getCurrentInstance, onBeforeUnmount, watch } from 'vue';\nimport type { ComponentInternalInstance, Ref } from 'vue';\n\nimport { useYuyeon } from '@/index';\n\nexport const Y_LAYER_GROUP_CLASS_NAME = 'y-layer-group';\n\nconst layerGroupState = new WeakMap<HTMLElement, Set<any>>();\n\nexport function useLayerGroup(target?: Ref<string | Element>) {\n  const vm = getCurrentInstance()!;\n  const yuyeon = useYuyeon();\n\n  const layerGroup = computed<HTMLElement>(() => {\n    const refTarget = target?.value;\n    let targetEl: Element = document.body;\n\n    const rootEl = yuyeon.root;\n    if (rootEl) {\n      targetEl = rootEl;\n    }\n\n    if (typeof refTarget === 'string') {\n      const el = document.querySelector(refTarget);\n      if (el) {\n        targetEl = el;\n      }\n    }\n    if (refTarget && (refTarget as Element).nodeType === 1) {\n      targetEl = refTarget as Element;\n    }\n    //\n    let layerEl = targetEl.querySelector(`.${Y_LAYER_GROUP_CLASS_NAME}`);\n    if (!layerEl) {\n      layerEl = document.createElement('div');\n      layerEl.className = Y_LAYER_GROUP_CLASS_NAME;\n      targetEl.appendChild(layerEl);\n    }\n    return layerEl as HTMLElement;\n  });\n\n  watch(\n    layerGroup,\n    (neo, old) => {\n      if (old && layerGroupState.has(old)) {\n        layerGroupState.get(old)?.delete(vm);\n      }\n      if (!(layerGroupState.has(neo) && layerGroupState.get(neo))) {\n        layerGroupState.set(neo, new Set());\n      }\n      layerGroupState.get(neo)?.add(vm);\n    },\n    { immediate: true },\n  );\n\n  function getActiveLayers() {\n    const activeLayers: ComponentInternalInstance[] = [];\n    const currentGroup = layerGroupState.get(layerGroup.value);\n    currentGroup?.forEach((value) => {\n      if (value?.ctx?.active && !value?.isUnmounted) {\n        activeLayers.push(value);\n      }\n    });\n    return activeLayers;\n  }\n\n  function unregister() {\n    layerGroupState.get(layerGroup.value)?.delete(vm);\n  }\n\n  onBeforeUnmount(() => {\n    unregister();\n  });\n\n  return { layerGroup, layerGroupState, getActiveLayers };\n}\n"],"mappings":"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"}
+{"version":3,"file":"layer-group.mjs","names":["computed","getCurrentInstance","onBeforeUnmount","unref","watch","useYuyeon","Y_LAYER_GROUP_CLASS_NAME","layerGroupState","WeakMap","useLayerGroup","target","vm","yuyeon","layerGroup","targetEl","document","body","rootEl","root","refTarget","el","querySelector","nodeType","layerEl","createElement","className","appendChild","neo","old","has","get","delete","set","Set","add","immediate","getActiveLayers","activeLayers","currentGroup","value","forEach","ctx","active","isUnmounted","push","unregister"],"sources":["../../src/composables/layer-group.ts"],"sourcesContent":["import { computed, getCurrentInstance, onBeforeUnmount, unref, watch } from 'vue';\nimport type { ComponentInternalInstance, Ref } from 'vue';\n\nimport { useYuyeon } from '@/index';\n\nexport const Y_LAYER_GROUP_CLASS_NAME = 'y-layer-group';\n\nconst layerGroupState = new WeakMap<HTMLElement, Set<any>>();\n\nexport function useLayerGroup(target?: Ref<string | Element | undefined>) {\n  const vm = getCurrentInstance()!;\n  const yuyeon = useYuyeon();\n\n  const layerGroup = computed<HTMLElement>(() => {\n    let targetEl: Element = document.body;\n    const rootEl = yuyeon.root;\n    if (rootEl) {\n      targetEl = rootEl;\n    }\n    const refTarget = unref(target);\n    if (typeof refTarget === 'string') {\n      const el = document.querySelector(refTarget);\n      if (el) {\n        targetEl = el;\n      }\n    }\n    if (refTarget && (refTarget as Element).nodeType === 1) {\n      targetEl = refTarget as Element;\n    }\n    //\n    let layerEl = targetEl.querySelector(`.${Y_LAYER_GROUP_CLASS_NAME}`);\n    if (!layerEl) {\n      layerEl = document.createElement('div');\n      layerEl.className = Y_LAYER_GROUP_CLASS_NAME;\n      targetEl.appendChild(layerEl);\n    }\n    return layerEl as HTMLElement;\n  });\n\n  watch(\n    layerGroup,\n    (neo, old) => {\n      if (old && layerGroupState.has(old)) {\n        layerGroupState.get(old)?.delete(vm);\n      }\n      if (!(layerGroupState.has(neo) && layerGroupState.get(neo))) {\n        layerGroupState.set(neo, new Set());\n      }\n      layerGroupState.get(neo)?.add(vm);\n    },\n    { immediate: true },\n  );\n\n  function getActiveLayers() {\n    const activeLayers: ComponentInternalInstance[] = [];\n    const currentGroup = layerGroupState.get(layerGroup.value);\n    currentGroup?.forEach((value) => {\n      if (value?.ctx?.active && !value?.isUnmounted) {\n        activeLayers.push(value);\n      }\n    });\n    return activeLayers;\n  }\n\n  function unregister() {\n    layerGroupState.get(layerGroup.value)?.delete(vm);\n  }\n\n  onBeforeUnmount(() => {\n    unregister();\n  });\n\n  return { layerGroup, layerGroupState, getActiveLayers };\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,kBAAkB,EAAEC,eAAe,EAAEC,KAAK,EAAEC,KAAK,QAAQ,KAAK;AAAC,SAGzEC,SAAS;AAElB,OAAO,MAAMC,wBAAwB,GAAG,eAAe;AAEvD,MAAMC,eAAe,GAAG,IAAIC,OAAO,CAAwB,CAAC;AAE5D,OAAO,SAASC,aAAaA,CAACC,MAA0C,EAAE;EACxE,MAAMC,EAAE,GAAGV,kBAAkB,CAAC,CAAE;EAChC,MAAMW,MAAM,GAAGP,SAAS,CAAC,CAAC;EAE1B,MAAMQ,UAAU,GAAGb,QAAQ,CAAc,MAAM;IAC7C,IAAIc,QAAiB,GAAGC,QAAQ,CAACC,IAAI;IACrC,MAAMC,MAAM,GAAGL,MAAM,CAACM,IAAI;IAC1B,IAAID,MAAM,EAAE;MACVH,QAAQ,GAAGG,MAAM;IACnB;IACA,MAAME,SAAS,GAAGhB,KAAK,CAACO,MAAM,CAAC;IAC/B,IAAI,OAAOS,SAAS,KAAK,QAAQ,EAAE;MACjC,MAAMC,EAAE,GAAGL,QAAQ,CAACM,aAAa,CAACF,SAAS,CAAC;MAC5C,IAAIC,EAAE,EAAE;QACNN,QAAQ,GAAGM,EAAE;MACf;IACF;IACA,IAAID,SAAS,IAAKA,SAAS,CAAaG,QAAQ,KAAK,CAAC,EAAE;MACtDR,QAAQ,GAAGK,SAAoB;IACjC;IACA;IACA,IAAII,OAAO,GAAGT,QAAQ,CAACO,aAAa,CAAE,IAAGf,wBAAyB,EAAC,CAAC;IACpE,IAAI,CAACiB,OAAO,EAAE;MACZA,OAAO,GAAGR,QAAQ,CAACS,aAAa,CAAC,KAAK,CAAC;MACvCD,OAAO,CAACE,SAAS,GAAGnB,wBAAwB;MAC5CQ,QAAQ,CAACY,WAAW,CAACH,OAAO,CAAC;IAC/B;IACA,OAAOA,OAAO;EAChB,CAAC,CAAC;EAEFnB,KAAK,CACHS,UAAU,EACV,CAACc,GAAG,EAAEC,GAAG,KAAK;IACZ,IAAIA,GAAG,IAAIrB,eAAe,CAACsB,GAAG,CAACD,GAAG,CAAC,EAAE;MACnCrB,eAAe,CAACuB,GAAG,CAACF,GAAG,CAAC,EAAEG,MAAM,CAACpB,EAAE,CAAC;IACtC;IACA,IAAI,EAAEJ,eAAe,CAACsB,GAAG,CAACF,GAAG,CAAC,IAAIpB,eAAe,CAACuB,GAAG,CAACH,GAAG,CAAC,CAAC,EAAE;MAC3DpB,eAAe,CAACyB,GAAG,CAACL,GAAG,EAAE,IAAIM,GAAG,CAAC,CAAC,CAAC;IACrC;IACA1B,eAAe,CAACuB,GAAG,CAACH,GAAG,CAAC,EAAEO,GAAG,CAACvB,EAAE,CAAC;EACnC,CAAC,EACD;IAAEwB,SAAS,EAAE;EAAK,CACpB,CAAC;EAED,SAASC,eAAeA,CAAA,EAAG;IACzB,MAAMC,YAAyC,GAAG,EAAE;IACpD,MAAMC,YAAY,GAAG/B,eAAe,CAACuB,GAAG,CAACjB,UAAU,CAAC0B,KAAK,CAAC;IAC1DD,YAAY,EAAEE,OAAO,CAAED,KAAK,IAAK;MAC/B,IAAIA,KAAK,EAAEE,GAAG,EAAEC,MAAM,IAAI,CAACH,KAAK,EAAEI,WAAW,EAAE;QAC7CN,YAAY,CAACO,IAAI,CAACL,KAAK,CAAC;MAC1B;IACF,CAAC,CAAC;IACF,OAAOF,YAAY;EACrB;EAEA,SAASQ,UAAUA,CAAA,EAAG;IACpBtC,eAAe,CAACuB,GAAG,CAACjB,UAAU,CAAC0B,KAAK,CAAC,EAAER,MAAM,CAACpB,EAAE,CAAC;EACnD;EAEAT,eAAe,CAAC,MAAM;IACpB2C,UAAU,CAAC,CAAC;EACd,CAAC,CAAC;EAEF,OAAO;IAAEhC,UAAU;IAAEN,eAAe;IAAE6B;EAAgB,CAAC;AACzD"}

package/lib/util/color/const.mjs

@@ -1,5 +1,5 @@
 export const RGBA_REGEX = /rgb(a?)\((?<v>.*)\)/;
-export const HEX_COLOR_REGEX = /#([0-9a-fA-F]{3,6,8})/;
+export const HEX_COLOR_REGEX = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/;
 export const SRGB_TO_XYZ = [[0.41233895, 0.35762064, 0.18051042], [0.2126, 0.7152, 0.0722], [0.01932141, 0.11916382, 0.95034478]];
 export const XYZ_TO_SRGB = [[3.2413774792388685, -1.5376652402851851, -0.49885366846268053], [-0.9691452513005321, 1.8758853451067872, 0.04156585616912061], [0.05562093689691305, -0.20395524564742123, 1.0571799111220335]];
 export const WHITE_POINT_D65 = [95.047, 100.0, 108.883];

package/lib/util/color/const.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"const.mjs","names":["RGBA_REGEX","HEX_COLOR_REGEX","SRGB_TO_XYZ","XYZ_TO_SRGB","WHITE_POINT_D65"],"sources":["../../../src/util/color/const.ts"],"sourcesContent":["export const RGBA_REGEX = /rgb(a?)\\((?<v>.*)\\)/;\r\nexport const HEX_COLOR_REGEX = /#([0-9a-fA-F]{3,6,8})/;\r\n\r\nexport const SRGB_TO_XYZ = [\r\n  [0.41233895, 0.35762064, 0.18051042],\r\n  [0.2126, 0.7152, 0.0722],\r\n  [0.01932141, 0.11916382, 0.95034478],\r\n];\r\n\r\nexport const XYZ_TO_SRGB = [\r\n  [\r\n    3.2413774792388685,\r\n    -1.5376652402851851,\r\n    -0.49885366846268053,\r\n  ],\r\n  [\r\n    -0.9691452513005321,\r\n    1.8758853451067872,\r\n    0.04156585616912061,\r\n  ],\r\n  [\r\n    0.05562093689691305,\r\n    -0.20395524564742123,\r\n    1.0571799111220335,\r\n  ],\r\n];\r\n\r\nexport const WHITE_POINT_D65 = [95.047, 100.0, 108.883];\r\n"],"mappings":"AAAA,OAAO,MAAMA,UAAU,GAAG,qBAAqB;AAC/C,OAAO,MAAMC,eAAe,GAAG,uBAAuB;AAEtD,OAAO,MAAMC,WAAW,GAAG,CACzB,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,EACpC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EACxB,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,CACrC;AAED,OAAO,MAAMC,WAAW,GAAG,CACzB,CACE,kBAAkB,EAClB,CAAC,kBAAkB,EACnB,CAAC,mBAAmB,CACrB,EACD,CACE,CAAC,kBAAkB,EACnB,kBAAkB,EAClB,mBAAmB,CACpB,EACD,CACE,mBAAmB,EACnB,CAAC,mBAAmB,EACpB,kBAAkB,CACnB,CACF;AAED,OAAO,MAAMC,eAAe,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC"}
+{"version":3,"file":"const.mjs","names":["RGBA_REGEX","HEX_COLOR_REGEX","SRGB_TO_XYZ","XYZ_TO_SRGB","WHITE_POINT_D65"],"sources":["../../../src/util/color/const.ts"],"sourcesContent":["export const RGBA_REGEX = /rgb(a?)\\((?<v>.*)\\)/;\r\nexport const HEX_COLOR_REGEX = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/;\r\n\r\nexport const SRGB_TO_XYZ = [\r\n  [0.41233895, 0.35762064, 0.18051042],\r\n  [0.2126, 0.7152, 0.0722],\r\n  [0.01932141, 0.11916382, 0.95034478],\r\n];\r\n\r\nexport const XYZ_TO_SRGB = [\r\n  [\r\n    3.2413774792388685,\r\n    -1.5376652402851851,\r\n    -0.49885366846268053,\r\n  ],\r\n  [\r\n    -0.9691452513005321,\r\n    1.8758853451067872,\r\n    0.04156585616912061,\r\n  ],\r\n  [\r\n    0.05562093689691305,\r\n    -0.20395524564742123,\r\n    1.0571799111220335,\r\n  ],\r\n];\r\n\r\nexport const WHITE_POINT_D65 = [95.047, 100.0, 108.883];\r\n"],"mappings":"AAAA,OAAO,MAAMA,UAAU,GAAG,qBAAqB;AAC/C,OAAO,MAAMC,eAAe,GAAG,mDAAmD;AAElF,OAAO,MAAMC,WAAW,GAAG,CACzB,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,EACpC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EACxB,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,CACrC;AAED,OAAO,MAAMC,WAAW,GAAG,CACzB,CACE,kBAAkB,EAClB,CAAC,kBAAkB,EACnB,CAAC,mBAAmB,CACrB,EACD,CACE,CAAC,kBAAkB,EACnB,kBAAkB,EAClB,mBAAmB,CACpB,EACD,CACE,mBAAmB,EACnB,CAAC,mBAAmB,EACpB,kBAAkB,CACnB,CACF;AAED,OAAO,MAAMC,eAAe,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC"}

package/package.json

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

package/types/components/date-picker/YMonthPicker.d.ts

@@ -21,5 +21,5 @@ export declare const YMonthPicker: import('vue').DefineComponent<{
     modelValue: NumberConstructor;
     color: StringConstructor;
     height: (NumberConstructor | StringConstructor)[];
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "mode"[], "mode">;
 export type YMonthPicker = InstanceType<typeof YMonthPicker>;

package/types/components/date-picker/YYearPicker.d.ts

@@ -34,5 +34,5 @@ export declare const YYearPicker: import('vue').DefineComponent<{
     height: (NumberConstructor | StringConstructor)[];
     min: PropType<unknown>;
     max: PropType<unknown>;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "mode"[], "mode">;
 export type YYearPicker = InstanceType<typeof YYearPicker>;

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

@@ -30,6 +30,7 @@ export declare const pressYDialogPropsOptions: <Defaults extends {
     contentStyles?: unknown;
     openOnHover?: unknown;
     contained?: unknown;
+    layerGroup?: unknown;
     persistent?: unknown;
     dialogClasses?: unknown;
     maximized?: unknown;
@@ -278,6 +279,10 @@ export declare const pressYDialogPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"]>;
         default: unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"];
     };
+    layerGroup: unknown extends Defaults["layerGroup"] ? PropType<string | Element> : {
+        type: PropType<unknown extends Defaults["layerGroup"] ? string | Element : NonNullable<string | Element> | Defaults["layerGroup"]>;
+        default: unknown extends Defaults["layerGroup"] ? string | Element : NonNullable<string | Element> | Defaults["layerGroup"];
+    };
     persistent: unknown extends Defaults["persistent"] ? {
         type: PropType<boolean>;
         default: boolean;
@@ -408,6 +413,7 @@ export declare const YDialog: import('vue').DefineComponent<{
         default: boolean;
     };
     contained: BooleanConstructor;
+    layerGroup: PropType<string | Element>;
     persistent: {
         type: PropType<boolean>;
         default: boolean;
@@ -519,6 +525,7 @@ export declare const YDialog: import('vue').DefineComponent<{
             default: number;
         };
         contained: BooleanConstructor;
+        layerGroup: PropType<string | Element>;
         modal: PropType<boolean>;
     }, {
         complementClickOption: {

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

@@ -39,6 +39,7 @@ export declare const pressYDropdownPropsOptions: <Defaults extends {
     contentStyles?: unknown;
     openOnHover?: unknown;
     contained?: unknown;
+    layerGroup?: unknown;
     preventClip?: unknown;
     preventCloseBubble?: unknown;
     menuClasses?: unknown;
@@ -367,6 +368,10 @@ export declare const pressYDropdownPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"]>;
         default: unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"];
     };
+    layerGroup: unknown extends Defaults["layerGroup"] ? PropType<string | Element> : {
+        type: PropType<unknown extends Defaults["layerGroup"] ? string | Element : NonNullable<string | Element> | Defaults["layerGroup"]>;
+        default: unknown extends Defaults["layerGroup"] ? string | Element : NonNullable<string | Element> | Defaults["layerGroup"];
+    };
     preventClip: unknown extends Defaults["preventClip"] ? {
         type: PropType<boolean>;
         default: boolean;
@@ -531,6 +536,7 @@ export declare const YDropdown: import('vue').DefineComponent<{
         default: boolean;
     };
     contained: BooleanConstructor;
+    layerGroup: PropType<string | Element>;
     preventClip: {
         type: PropType<boolean>;
         default: boolean;

package/types/components/layer/YLayer.d.ts

@@ -32,6 +32,7 @@ export declare const pressYLayerProps: <Defaults extends {
     closeDelay?: unknown;
     zIndex?: unknown;
     contained?: unknown;
+    layerGroup?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     minWidth: unknown extends Defaults["minWidth"] ? PropType<string | number> : {
         type: PropType<unknown extends Defaults["minWidth"] ? string | number : NonNullable<string | number> | Defaults["minWidth"]>;
@@ -285,6 +286,10 @@ export declare const pressYLayerProps: <Defaults extends {
         type: PropType<unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"]>;
         default: unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"];
     };
+    layerGroup: unknown extends Defaults["layerGroup"] ? PropType<string | Element> : {
+        type: PropType<unknown extends Defaults["layerGroup"] ? string | Element : Defaults["layerGroup"] | NonNullable<string | Element>>;
+        default: unknown extends Defaults["layerGroup"] ? string | Element : Defaults["layerGroup"] | NonNullable<string | Element>;
+    };
 };
 export declare const YLayer: import('vue').DefineComponent<{
     minWidth: PropType<string | number>;
@@ -378,6 +383,7 @@ export declare const YLayer: import('vue').DefineComponent<{
         default: number;
     };
     contained: BooleanConstructor;
+    layerGroup: PropType<string | Element>;
     modal: PropType<boolean>;
 }, {
     complementClickOption: {

package/types/components/menu/YMenu.d.ts

@@ -99,6 +99,7 @@ export declare const YMenuPropOptions: {
         default: number;
     };
     contained: BooleanConstructor;
+    layerGroup: PropType<string | Element>;
     menuClasses: {
         type: PropType<string | string[] | Record<string, any>>;
     };
@@ -224,6 +225,7 @@ export declare const YMenu: import('vue').DefineComponent<{
         default: number;
     };
     contained: BooleanConstructor;
+    layerGroup: PropType<string | Element>;
     menuClasses: {
         type: PropType<string | string[] | Record<string, any>>;
     };
@@ -332,6 +334,7 @@ export declare const YMenu: import('vue').DefineComponent<{
             default: number;
         };
         contained: BooleanConstructor;
+        layerGroup: PropType<string | Element>;
         modal: PropType<boolean>;
     }, {
         complementClickOption: {

package/types/components/select/YSelect.d.ts

@@ -151,6 +151,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -263,6 +264,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -340,6 +342,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -452,6 +455,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -529,6 +533,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -641,6 +646,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -716,6 +722,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -828,6 +835,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -904,6 +912,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -1016,6 +1025,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -1091,6 +1101,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -1203,6 +1214,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -1666,6 +1678,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -1778,6 +1791,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -1855,6 +1869,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -1967,6 +1982,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -2044,6 +2060,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -2156,6 +2173,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -2231,6 +2249,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -2343,6 +2362,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -2419,6 +2439,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -2531,6 +2552,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -2606,6 +2628,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -2718,6 +2741,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -2956,6 +2980,7 @@ export declare const YSelect: import('vue').DefineComponent<{
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -3068,6 +3093,7 @@ export declare const YSelect: import('vue').DefineComponent<{
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -3218,6 +3244,7 @@ export declare const YSelect: import('vue').DefineComponent<{
             default: number;
         };
         contained: BooleanConstructor;
+        layerGroup: PropType<string | Element>;
         menuClasses: {
             type: PropType<string | string[] | Record<string, any>>;
         };
@@ -3330,6 +3357,7 @@ export declare const YSelect: import('vue').DefineComponent<{
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             modal: PropType<boolean>;
         }, {
             complementClickOption: {
@@ -5069,6 +5097,7 @@ export declare const YSelect: import('vue').DefineComponent<{
             default: number;
         };
         contained: BooleanConstructor;
+        layerGroup: PropType<string | Element>;
         menuClasses: {
             type: PropType<string | string[] | Record<string, any>>;
         };
@@ -5221,6 +5250,7 @@ export declare const YSelect: import('vue').DefineComponent<{
             default: number;
         };
         contained: BooleanConstructor;
+        layerGroup: PropType<string | Element>;
         menuClasses: {
             type: PropType<string | string[] | Record<string, any>>;
         };
@@ -5333,6 +5363,7 @@ export declare const YSelect: import('vue').DefineComponent<{
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             modal: PropType<boolean>;
         }, {
             complementClickOption: {

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

@@ -33,6 +33,7 @@ export declare const pressYSnackbarPropsOptions: <Defaults extends {
     closeDelay?: unknown;
     zIndex?: unknown;
     contained?: unknown;
+    layerGroup?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     modelValue: unknown extends Defaults["modelValue"] ? {
         type: PropType<boolean>;
@@ -306,6 +307,10 @@ export declare const pressYSnackbarPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"]>;
         default: unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"];
     };
+    layerGroup: unknown extends Defaults["layerGroup"] ? PropType<string | Element> : {
+        type: PropType<unknown extends Defaults["layerGroup"] ? string | Element : NonNullable<string | Element> | Defaults["layerGroup"]>;
+        default: unknown extends Defaults["layerGroup"] ? string | Element : NonNullable<string | Element> | Defaults["layerGroup"];
+    };
 };
 export declare const YSnackbar: import('vue').DefineComponent<{
     modelValue: {
@@ -412,6 +417,7 @@ export declare const YSnackbar: import('vue').DefineComponent<{
         default: number;
     };
     contained: BooleanConstructor;
+    layerGroup: PropType<string | Element>;
 }, {
     active: import('vue').Ref<any> & {
         readonly rxValue: any;