yuyeon 0.0.14 → 0.0.16

package/lib/components/tree-view/YTreeViewNode.mjs

@@ -4,29 +4,24 @@ import { getObjectValueByPath } from "../../util/common.mjs";
 import { propsFactory } from "../../util/vue-component.mjs";
 import { YButton } from "../button/index.mjs";
 import { YPlate } from "../plate/index.mjs";
+import YTextHighlighter from "../text-highlighter/YTextHighlighter.mjs";
 import { YIconCheckbox, YIconExpand } from "../icons/index.mjs";
 import { YExpandVTransition } from "../transitions/index.mjs";
+import { pressItemsPropsOptions } from "../../abstract/items.mjs";
 export const pressYTreeViewNodeProps = propsFactory({
-  itemKey: {
-    type: String,
-    default: 'id'
-  },
-  textKey: {
-    type: String,
-    default: 'text'
-  },
-  childrenKey: {
-    type: String,
-    default: 'children'
-  },
+  search: String,
   disableTransition: Boolean,
   enableActive: Boolean,
   activeClass: [String, Array],
+  activeSingleModifier: String,
   activeColor: {
     type: String,
     default: 'primary'
   },
-  enableSelect: Boolean
+  enableSelect: Boolean,
+  ...pressItemsPropsOptions({
+    itemKey: 'id'
+  })
 }, 'YTreeViewNode');
 export const YTreeViewNode = defineComponent({
   name: 'YTreeNode',
@@ -59,7 +54,7 @@ export const YTreeViewNode = defineComponent({
     function onClick(e) {
       const to = !active.value;
       active.value = to;
-      treeView.updateActive(myKey.value, to);
+      treeView.updateActive(myKey.value, to, e);
       treeView.emitActive();
     }
     function onClickExpand(e) {
@@ -77,7 +72,7 @@ export const YTreeViewNode = defineComponent({
       treeView.emitSelected();
     }
     const children = computed(() => {
-      return props.item?.[props.childrenKey] ?? [];
+      return props.item?.[props.itemChildren] ?? [];
     });
     const imLeaf = computed(() => children.value.length < 1);
     const classes = computed(() => {
@@ -94,7 +89,7 @@ export const YTreeViewNode = defineComponent({
       };
     });
     const contentText = computed(() => {
-      return getObjectValueByPath(props.item, props.textKey) ?? '';
+      return getObjectValueByPath(props.item, props.itemText) ?? '';
     });
     const slotProps = computed(() => {
       return {
@@ -102,8 +97,13 @@ export const YTreeViewNode = defineComponent({
         imLeaf: imLeaf.value
       };
     });
+    const searchLoading = computed(() => {
+      return treeView.searchLoading.value;
+    });
     useRender(() => {
-      const leaves = children.value.map(item => {
+      const leaves = children.value.filter(leaf => {
+        return !treeView.isExcluded(getObjectValueByPath(leaf, props.itemKey));
+      }).map(item => {
         return h(YTreeViewNode, {
           ...props,
           level: (props.level ?? 0) + 1,
@@ -127,7 +127,7 @@ export const YTreeViewNode = defineComponent({
       }, [h(YPlate), h('div', {
         class: 'y-tree-view-node__indents'
       }, indentSpacer), /* EXPAND */
-      !imLeaf.value ? h(YButton, {
+      !imLeaf.value && leaves.length > 0 ? h(YButton, {
         class: 'y-tree-view-node__expand-icon',
         variation: 'icon',
         onClick: e => onClickExpand(e)
@@ -148,6 +148,9 @@ export const YTreeViewNode = defineComponent({
       }, slots.default ? slots.default?.({
         text: contentText.value,
         item: props.item
+      }) : props.search && !searchLoading.value ? h(YTextHighlighter, {
+        text: contentText.value,
+        keyword: props.search
       }) : contentText.value), slots.trailing && h('div', {
         class: 'y-tree-view-node__trailing'
       }, slots.trailing())])]), /* CHILDREN */

package/lib/components/tree-view/YTreeViewNode.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YTreeViewNode.mjs","names":["computed","defineComponent","h","inject","ref","useRender","getObjectValueByPath","propsFactory","YButton","YPlate","YIconCheckbox","YIconExpand","YExpandVTransition","pressYTreeViewNodeProps","itemKey","type","String","default","textKey","childrenKey","disableTransition","Boolean","enableActive","activeClass","Array","activeColor","enableSelect","YTreeViewNode","name","components","props","item","Object","level","Number","setup","_ref","slots","expose","treeView","expanded","active","selected","immediate","onClick","e","to","value","updateActive","myKey","emitActive","onClickExpand","stopPropagation","updateExpanded","emitExpanded","onClickSelect","updateSelected","emitSelected","children","imLeaf","length","classes","styles","contentText","slotProps","leaves","map","indentSpacer","i","push","class","style","variation","checked","leading","text","trailing","disabled","role","undefined","created","register"],"sources":["../../../src/components/tree-view/YTreeViewNode.ts"],"sourcesContent":["import {\n  PropType,\n  VNodeArrayChildren,\n  computed,\n  defineComponent,\n  h,\n  inject,\n  ref,\n} from 'vue';\n\nimport { useRender } from '../../composables/component';\nimport { getObjectValueByPath } from '../../util/common';\nimport { propsFactory } from '../../util/vue-component';\nimport { YButton } from '../button';\nimport { YPlate } from '../plate';\n\nimport { YIconCheckbox, YIconExpand } from '../icons';\nimport { YExpandVTransition } from '../transitions';\n\nexport const pressYTreeViewNodeProps = propsFactory(\n  {\n    itemKey: {\n      type: String as PropType<string>,\n      default: 'id',\n    },\n    textKey: {\n      type: String as PropType<string>,\n      default: 'text',\n    },\n    childrenKey: {\n      type: String as PropType<string>,\n      default: 'children',\n    },\n    disableTransition: Boolean,\n    enableActive: Boolean,\n    activeClass: [String, Array],\n    activeColor: {\n      type: String,\n      default: 'primary',\n    },\n    enableSelect: Boolean,\n  },\n  'YTreeViewNode',\n);\n\nexport const YTreeViewNode = defineComponent({\n  name: 'YTreeNode',\n  components: {\n    YButton,\n    YIconExpand,\n    YPlate,\n    YIconCheckbox,\n  },\n  props: {\n    item: {\n      type: Object as PropType<any>,\n    },\n    level: {\n      type: Number as PropType<number>,\n      default: 0,\n    },\n    ...pressYTreeViewNodeProps(),\n  },\n  setup(props, { slots, expose }) {\n    const treeView = inject<any>('tree-view');\n\n    const expanded = ref(false);\n    const active = ref(false);\n    const selected = ref(false);\n    const immediate = ref(false);\n\n    function onClick(e: MouseEvent) {\n      const to = !active.value;\n      active.value = to;\n      treeView.updateActive(myKey.value, to);\n      treeView.emitActive();\n    }\n\n    function onClickExpand(e: MouseEvent) {\n      e.stopPropagation();\n      const to = !expanded.value;\n      expanded.value = to;\n      treeView.updateExpanded(myKey.value, to);\n      treeView.emitExpanded();\n    }\n\n    function onClickSelect(e: MouseEvent) {\n      e.stopPropagation();\n      const to = !selected.value;\n      selected.value = to;\n      treeView.updateSelected(myKey.value, to);\n      treeView.emitSelected();\n    }\n\n    const children = computed(() => {\n      return props.item?.[props.childrenKey] ?? [];\n    });\n\n    const imLeaf = computed(() => children.value.length < 1);\n\n    const classes = computed(() => {\n      return {\n        'y-tree-view-node': true,\n        'y-tree-view-node--leaf': imLeaf.value,\n        'y-tree-view-node--expanded': expanded.value,\n        'y-tree-view-node--active': active.value,\n      };\n    });\n\n    const styles = computed(() => {\n      return {\n        '--tree-view-node--level': props.level,\n      };\n    });\n\n    const contentText = computed(() => {\n      return getObjectValueByPath(props.item, props.textKey) ?? '';\n    });\n\n    const slotProps = computed(() => {\n      return {\n        level: props.level,\n        imLeaf: imLeaf.value,\n      };\n    });\n\n    useRender(() => {\n      const leaves = children.value.map((item: any) => {\n        return h(\n          YTreeViewNode,\n          { ...props, level: (props.level ?? 0) + 1, item },\n          slots,\n        );\n      });\n      const indentSpacer: VNodeArrayChildren = [];\n      for (let i = 0; i < props.level; i += 1) {\n        indentSpacer.push(\n          h('div', { class: 'y-tree-view-node__indent-spacer' }),\n        );\n      }\n      return h(\n        'div',\n        {\n          class: classes.value,\n          style: styles.value,\n          '.role': 'treeitem',\n          'data-level': props.level,\n        },\n        [\n          h(\n            'div',\n            {\n              class: 'y-tree-view-node__container',\n              onClick: (e: MouseEvent) =>\n                props.enableActive ? onClick(e) : void 0,\n            },\n            [\n              h(YPlate),\n              h('div', { class: 'y-tree-view-node__indents' }, indentSpacer),\n              /* EXPAND */\n              !imLeaf.value\n                ? h(\n                    YButton,\n                    {\n                      class: 'y-tree-view-node__expand-icon',\n                      variation: 'icon',\n                      onClick: (e: MouseEvent) => onClickExpand(e),\n                    },\n                    () => [\n                      slots['expand-icon']\n                        ? slots['expand-icon']()\n                        : h(YIconExpand),\n                    ],\n                  )\n                : h('i', { class: 'y-tree-view-node__no-expand-icon' }),\n              props.enableSelect &&\n                h(\n                  'div',\n                  {\n                    class: ['y-tree-view-node__select'],\n                    onClick: (e: MouseEvent) => onClickSelect(e),\n                  },\n                  [h(YIconCheckbox, { checked: selected.value })],\n                ),\n              /* CONTENT */\n              h('div', { class: 'y-tree-view-node__content' }, [\n                slots.leading &&\n                  h(\n                    'div',\n                    { class: 'y-tree-view-node__leading' },\n                    slots.leading(slotProps.value),\n                  ),\n                h(\n                  'div',\n                  { class: 'y-tree-view-node__text' },\n                  slots.default\n                    ? slots.default?.({\n                        text: contentText.value,\n                        item: props.item,\n                      })\n                    : contentText.value,\n                ),\n                slots.trailing &&\n                  h(\n                    'div',\n                    { class: 'y-tree-view-node__trailing' },\n                    slots.trailing(),\n                  ),\n              ]),\n            ],\n          ),\n          /* CHILDREN */\n          children.value.length > 0\n            ? h(\n                YExpandVTransition,\n                { disabled: props.disableTransition },\n                expanded.value\n                  ? () =>\n                      h(\n                        'div',\n                        {\n                          class: { 'y-tree-view-node__leaves': true },\n                          role: 'tree',\n                        },\n                        leaves,\n                      )\n                  : undefined,\n              )\n            : undefined,\n        ],\n      );\n    });\n\n    const myKey = computed(() => {\n      return getObjectValueByPath(props.item, props.itemKey);\n    });\n\n    expose({\n      myKey,\n      expanded,\n      active,\n      selected,\n      immediate,\n    });\n\n    return {\n      treeView,\n      myKey,\n      expanded,\n      active,\n      selected,\n      immediate,\n    };\n  },\n  created() {\n    this.treeView?.register?.(this.myKey, this);\n  },\n});\n\nexport type YTreeNode = InstanceType<typeof YTreeViewNode>;\n"],"mappings":"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"}
+{"version":3,"file":"YTreeViewNode.mjs","names":["computed","defineComponent","h","inject","ref","useRender","getObjectValueByPath","propsFactory","YButton","YPlate","YTextHighlighter","YIconCheckbox","YIconExpand","YExpandVTransition","pressItemsPropsOptions","pressYTreeViewNodeProps","search","String","disableTransition","Boolean","enableActive","activeClass","Array","activeSingleModifier","activeColor","type","default","enableSelect","itemKey","YTreeViewNode","name","components","props","item","Object","level","Number","setup","_ref","slots","expose","treeView","expanded","active","selected","immediate","onClick","e","to","value","updateActive","myKey","emitActive","onClickExpand","stopPropagation","updateExpanded","emitExpanded","onClickSelect","updateSelected","emitSelected","children","itemChildren","imLeaf","length","classes","styles","contentText","itemText","slotProps","searchLoading","leaves","filter","leaf","isExcluded","map","indentSpacer","i","push","class","style","variation","checked","leading","text","keyword","trailing","disabled","role","undefined","created","register"],"sources":["../../../src/components/tree-view/YTreeViewNode.ts"],"sourcesContent":["import {\n  PropType,\n  VNodeArrayChildren,\n  computed,\n  defineComponent,\n  h,\n  inject,\n  ref,\n} from 'vue';\n\nimport { useRender } from '../../composables/component';\nimport { getObjectValueByPath } from '../../util/common';\nimport { propsFactory } from '../../util/vue-component';\nimport { YButton } from '../button';\nimport { YPlate } from '../plate';\nimport YTextHighlighter from '../text-highlighter/YTextHighlighter';\n\nimport { YIconCheckbox, YIconExpand } from '../icons';\nimport { YExpandVTransition } from '../transitions';\nimport { pressItemsPropsOptions } from \"../../abstract/items\";\n\nexport const pressYTreeViewNodeProps = propsFactory(\n  {\n    search: String,\n    disableTransition: Boolean,\n    enableActive: Boolean,\n    activeClass: [String, Array],\n    activeSingleModifier: String,\n    activeColor: {\n      type: String,\n      default: 'primary',\n    },\n    enableSelect: Boolean,\n    ...pressItemsPropsOptions({\n      itemKey: 'id',\n    }),\n  },\n  'YTreeViewNode',\n);\n\nexport const YTreeViewNode = defineComponent({\n  name: 'YTreeNode',\n  components: {\n    YButton,\n    YIconExpand,\n    YPlate,\n    YIconCheckbox,\n  },\n  props: {\n    item: {\n      type: Object as PropType<any>,\n    },\n    level: {\n      type: Number as PropType<number>,\n      default: 0,\n    },\n    ...pressYTreeViewNodeProps(),\n  },\n  setup(props, { slots, expose }) {\n    const treeView = inject<any>('tree-view');\n\n    const expanded = ref(false);\n    const active = ref(false);\n    const selected = ref(false);\n    const immediate = ref(false);\n\n    function onClick(e: MouseEvent) {\n      const to = !active.value;\n      active.value = to;\n      treeView.updateActive(myKey.value, to, e);\n      treeView.emitActive();\n    }\n\n    function onClickExpand(e: MouseEvent) {\n      e.stopPropagation();\n      const to = !expanded.value;\n      expanded.value = to;\n      treeView.updateExpanded(myKey.value, to);\n      treeView.emitExpanded();\n    }\n\n    function onClickSelect(e: MouseEvent) {\n      e.stopPropagation();\n      const to = !selected.value;\n      selected.value = to;\n      treeView.updateSelected(myKey.value, to);\n      treeView.emitSelected();\n    }\n\n    const children = computed(() => {\n      return props.item?.[props.itemChildren as string] ?? [];\n    });\n\n    const imLeaf = computed(() => children.value.length < 1);\n\n    const classes = computed(() => {\n      return {\n        'y-tree-view-node': true,\n        'y-tree-view-node--leaf': imLeaf.value,\n        'y-tree-view-node--expanded': expanded.value,\n        'y-tree-view-node--active': active.value,\n      };\n    });\n\n    const styles = computed(() => {\n      return {\n        '--tree-view-node--level': props.level,\n      };\n    });\n\n    const contentText = computed(() => {\n      return getObjectValueByPath(props.item, props.itemText) ?? '';\n    });\n\n    const slotProps = computed(() => {\n      return {\n        level: props.level,\n        imLeaf: imLeaf.value,\n      };\n    });\n\n    const searchLoading = computed(() => {\n      return treeView.searchLoading.value;\n    });\n\n    useRender(() => {\n      const leaves = children.value\n        .filter((leaf: any) => {\n          return !treeView.isExcluded(\n            getObjectValueByPath(leaf, props.itemKey),\n          );\n        })\n        .map((item: any) => {\n          return h(\n            YTreeViewNode,\n            { ...props, level: (props.level ?? 0) + 1, item },\n            slots,\n          );\n        });\n      const indentSpacer: VNodeArrayChildren = [];\n      for (let i = 0; i < props.level; i += 1) {\n        indentSpacer.push(\n          h('div', { class: 'y-tree-view-node__indent-spacer' }),\n        );\n      }\n      return h(\n        'div',\n        {\n          class: classes.value,\n          style: styles.value,\n          '.role': 'treeitem',\n          'data-level': props.level,\n        },\n        [\n          h(\n            'div',\n            {\n              class: 'y-tree-view-node__container',\n              onClick: (e: MouseEvent) =>\n                props.enableActive ? onClick(e) : void 0,\n            },\n            [\n              h(YPlate),\n              h('div', { class: 'y-tree-view-node__indents' }, indentSpacer),\n              /* EXPAND */\n              !imLeaf.value && leaves.length > 0\n                ? h(\n                    YButton,\n                    {\n                      class: 'y-tree-view-node__expand-icon',\n                      variation: 'icon',\n                      onClick: (e: MouseEvent) => onClickExpand(e),\n                    },\n                    () => [\n                      slots['expand-icon']\n                        ? slots['expand-icon']()\n                        : h(YIconExpand),\n                    ],\n                  )\n                : h('i', { class: 'y-tree-view-node__no-expand-icon' }),\n              props.enableSelect &&\n                h(\n                  'div',\n                  {\n                    class: ['y-tree-view-node__select'],\n                    onClick: (e: MouseEvent) => onClickSelect(e),\n                  },\n                  [h(YIconCheckbox, { checked: selected.value })],\n                ),\n              /* CONTENT */\n              h('div', { class: 'y-tree-view-node__content' }, [\n                slots.leading &&\n                  h(\n                    'div',\n                    { class: 'y-tree-view-node__leading' },\n                    slots.leading(slotProps.value),\n                  ),\n                h(\n                  'div',\n                  { class: 'y-tree-view-node__text' },\n                  slots.default\n                    ? slots.default?.({\n                        text: contentText.value,\n                        item: props.item,\n                      })\n                    : props.search && !searchLoading.value\n                    ? h(YTextHighlighter, {\n                        text: contentText.value,\n                        keyword: props.search,\n                      })\n                    : contentText.value,\n                ),\n                slots.trailing &&\n                  h(\n                    'div',\n                    { class: 'y-tree-view-node__trailing' },\n                    slots.trailing(),\n                  ),\n              ]),\n            ],\n          ),\n          /* CHILDREN */\n          children.value.length > 0\n            ? h(\n                YExpandVTransition,\n                { disabled: props.disableTransition },\n                expanded.value\n                  ? () =>\n                      h(\n                        'div',\n                        {\n                          class: { 'y-tree-view-node__leaves': true },\n                          role: 'tree',\n                        },\n                        leaves,\n                      )\n                  : undefined,\n              )\n            : undefined,\n        ],\n      );\n    });\n\n    const myKey = computed(() => {\n      return getObjectValueByPath(props.item, props.itemKey);\n    });\n\n    expose({\n      myKey,\n      expanded,\n      active,\n      selected,\n      immediate,\n    });\n\n    return {\n      treeView,\n      myKey,\n      expanded,\n      active,\n      selected,\n      immediate,\n    };\n  },\n  created() {\n    this.treeView?.register?.(this.myKey, this);\n  },\n});\n\nexport type YTreeNode = InstanceType<typeof YTreeViewNode>;\n"],"mappings":"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"}

package/lib/components/tree-view/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","names":[],"sources":["../../../src/components/tree-view/types.ts"],"sourcesContent":["import { ComponentPublicInstance } from 'vue';\nimport { CandidateKey } from \"../../types\";\n\nexport interface NodeState {\n  childKeys: CandidateKey[];\n  item: any;\n  parentKey: null | CandidateKey;\n  vnode: null | ComponentPublicInstance;\n  level: number;\n  //\n  selected: false;\n  indeterminate: false;\n  active: false;\n  expanded: false;\n}\n"],"mappings":""}
+{"version":3,"file":"types.mjs","names":[],"sources":["../../../src/components/tree-view/types.ts"],"sourcesContent":["import { ComponentPublicInstance } from 'vue';\nimport { CandidateKey } from \"../../types\";\n\nexport interface NodeState {\n  childKeys: CandidateKey[];\n  item: any;\n  parentKey: null | CandidateKey;\n  vnode: null | ComponentPublicInstance;\n  level: number;\n  //\n  selected: false;\n  indeterminate: false;\n  active: false;\n  expanded: false;\n}\n\nexport type TreeviewFilterFn = (item: any, search: string, itemText: string) => boolean;\n"],"mappings":""}

package/lib/components/tree-view/util.mjs

@@ -11,4 +11,28 @@ export function getKeys(items, itemKey, childrenKey) {
   }
   return keys;
 }
+export function filterTreeItem(item, search, textKey) {
+  const text = getObjectValueByPath(item, textKey);
+  return text.toLocaleLowerCase().indexOf(search.toLocaleLowerCase()) > -1;
+}
+export function filterTreeItems(filter, item, search, idKey, textKey, childrenKey, excluded) {
+  const children = getObjectValueByPath(item, childrenKey);
+  if (children) {
+    let match = false;
+    for (let i = 0; i < children.length; i++) {
+      if (filterTreeItems(filter, children[i], search, idKey, textKey, childrenKey, excluded)) {
+        match = true;
+      }
+    }
+    if (match) {
+      return true;
+    } else if (filter(item, search, textKey)) {
+      return true;
+    }
+  } else if (filter(item, search, textKey)) {
+    return true;
+  }
+  excluded.add(getObjectValueByPath(item, idKey));
+  return false;
+}
 //# sourceMappingURL=util.mjs.map

package/lib/components/tree-view/util.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"util.mjs","names":["getObjectValueByPath","getKeys","items","itemKey","childrenKey","keys","item","key","push","children","Array","isArray"],"sources":["../../../src/components/tree-view/util.ts"],"sourcesContent":["import { getObjectValueByPath } from '../../util/common';\nimport { CandidateKey } from \"../../types\";\n\nexport function getKeys(items: any[], itemKey: string, childrenKey: string) {\n  const keys: CandidateKey[] = [];\n  for (const item of items) {\n    const key = getObjectValueByPath(item, itemKey);\n    keys.push(key);\n    const children = getObjectValueByPath(item, childrenKey);\n    if (Array.isArray(children)) {\n      keys.push(...getKeys(children, itemKey, childrenKey));\n    }\n  }\n  return keys;\n}\n"],"mappings":"SAASA,oBAAoB;AAG7B,OAAO,SAASC,OAAOA,CAACC,KAAY,EAAEC,OAAe,EAAEC,WAAmB,EAAE;EAC1E,MAAMC,IAAoB,GAAG,EAAE;EAC/B,KAAK,MAAMC,IAAI,IAAIJ,KAAK,EAAE;IACxB,MAAMK,GAAG,GAAGP,oBAAoB,CAACM,IAAI,EAAEH,OAAO,CAAC;IAC/CE,IAAI,CAACG,IAAI,CAACD,GAAG,CAAC;IACd,MAAME,QAAQ,GAAGT,oBAAoB,CAACM,IAAI,EAAEF,WAAW,CAAC;IACxD,IAAIM,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,EAAE;MAC3BJ,IAAI,CAACG,IAAI,CAAC,GAAGP,OAAO,CAACQ,QAAQ,EAAEN,OAAO,EAAEC,WAAW,CAAC,CAAC;IACvD;EACF;EACA,OAAOC,IAAI;AACb"}
+{"version":3,"file":"util.mjs","names":["getObjectValueByPath","getKeys","items","itemKey","childrenKey","keys","item","key","push","children","Array","isArray","filterTreeItem","search","textKey","text","toLocaleLowerCase","indexOf","filterTreeItems","filter","idKey","excluded","match","i","length","add"],"sources":["../../../src/components/tree-view/util.ts"],"sourcesContent":["import { getObjectValueByPath } from '../../util/common';\n\nimport { CandidateKey } from '../../types';\nimport { TreeviewFilterFn } from './types';\n\nexport function getKeys(items: any[], itemKey: string, childrenKey: string) {\n  const keys: CandidateKey[] = [];\n  for (const item of items) {\n    const key = getObjectValueByPath(item, itemKey);\n    keys.push(key);\n    const children = getObjectValueByPath(item, childrenKey);\n    if (Array.isArray(children)) {\n      keys.push(...getKeys(children, itemKey, childrenKey));\n    }\n  }\n  return keys;\n}\n\nexport function filterTreeItem(\n  item: object,\n  search: string,\n  textKey: string,\n): boolean {\n  const text = getObjectValueByPath(item, textKey);\n\n  return text.toLocaleLowerCase().indexOf(search.toLocaleLowerCase()) > -1;\n}\n\nexport function filterTreeItems(\n  filter: TreeviewFilterFn,\n  item: any,\n  search: string,\n  idKey: string,\n  textKey: string,\n  childrenKey: string,\n  excluded: Set<CandidateKey>,\n): boolean {\n  const children = getObjectValueByPath(item, childrenKey);\n\n  if (children) {\n    let match = false;\n    for (let i = 0; i < children.length; i++) {\n      if (\n        filterTreeItems(\n          filter,\n          children[i],\n          search,\n          idKey,\n          textKey,\n          childrenKey,\n          excluded,\n        )\n      ) {\n        match = true;\n      }\n    }\n\n    if (match) {\n      return true;\n    } else if (filter(item, search, textKey)) {\n      return true;\n    }\n  } else if (filter(item, search, textKey)) {\n    return true;\n  }\n\n  excluded.add(getObjectValueByPath(item, idKey));\n\n  return false;\n}\n"],"mappings":"SAASA,oBAAoB;AAK7B,OAAO,SAASC,OAAOA,CAACC,KAAY,EAAEC,OAAe,EAAEC,WAAmB,EAAE;EAC1E,MAAMC,IAAoB,GAAG,EAAE;EAC/B,KAAK,MAAMC,IAAI,IAAIJ,KAAK,EAAE;IACxB,MAAMK,GAAG,GAAGP,oBAAoB,CAACM,IAAI,EAAEH,OAAO,CAAC;IAC/CE,IAAI,CAACG,IAAI,CAACD,GAAG,CAAC;IACd,MAAME,QAAQ,GAAGT,oBAAoB,CAACM,IAAI,EAAEF,WAAW,CAAC;IACxD,IAAIM,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,EAAE;MAC3BJ,IAAI,CAACG,IAAI,CAAC,GAAGP,OAAO,CAACQ,QAAQ,EAAEN,OAAO,EAAEC,WAAW,CAAC,CAAC;IACvD;EACF;EACA,OAAOC,IAAI;AACb;AAEA,OAAO,SAASO,cAAcA,CAC5BN,IAAY,EACZO,MAAc,EACdC,OAAe,EACN;EACT,MAAMC,IAAI,GAAGf,oBAAoB,CAACM,IAAI,EAAEQ,OAAO,CAAC;EAEhD,OAAOC,IAAI,CAACC,iBAAiB,CAAC,CAAC,CAACC,OAAO,CAACJ,MAAM,CAACG,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAC1E;AAEA,OAAO,SAASE,eAAeA,CAC7BC,MAAwB,EACxBb,IAAS,EACTO,MAAc,EACdO,KAAa,EACbN,OAAe,EACfV,WAAmB,EACnBiB,QAA2B,EAClB;EACT,MAAMZ,QAAQ,GAAGT,oBAAoB,CAACM,IAAI,EAAEF,WAAW,CAAC;EAExD,IAAIK,QAAQ,EAAE;IACZ,IAAIa,KAAK,GAAG,KAAK;IACjB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGd,QAAQ,CAACe,MAAM,EAAED,CAAC,EAAE,EAAE;MACxC,IACEL,eAAe,CACbC,MAAM,EACNV,QAAQ,CAACc,CAAC,CAAC,EACXV,MAAM,EACNO,KAAK,EACLN,OAAO,EACPV,WAAW,EACXiB,QACF,CAAC,EACD;QACAC,KAAK,GAAG,IAAI;MACd;IACF;IAEA,IAAIA,KAAK,EAAE;MACT,OAAO,IAAI;IACb,CAAC,MAAM,IAAIH,MAAM,CAACb,IAAI,EAAEO,MAAM,EAAEC,OAAO,CAAC,EAAE;MACxC,OAAO,IAAI;IACb;EACF,CAAC,MAAM,IAAIK,MAAM,CAACb,IAAI,EAAEO,MAAM,EAAEC,OAAO,CAAC,EAAE;IACxC,OAAO,IAAI;EACb;EAEAO,QAAQ,CAACI,GAAG,CAACzB,oBAAoB,CAACM,IAAI,EAAEc,KAAK,CAAC,CAAC;EAE/C,OAAO,KAAK;AACd"}

package/lib/composables/coordinate/arrangement.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"arrangement.mjs","names":["applyArrangement","props","state","coordinate","coordinateStyles","contentEl","baseEl","active","updateCoordinate"],"sources":["../../../src/composables/coordinate/arrangement.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'vue';\n\nimport { Rect } from '../../util/Rect';\n\nimport { CoordinateState } from './types';\n\nexport function applyArrangement(\n  props: any,\n  state: CoordinateState,\n  coordinate: Ref<Rect | undefined>,\n  coordinateStyles: Ref<CSSProperties>,\n) {\n  const { contentEl, baseEl, active } = state;\n\n  function updateCoordinate(): any {\n    //\n  }\n\n  return {\n    updateCoordinate,\n  };\n}\n"],"mappings":"AAMA,OAAO,SAASA,gBAAgBA,CAC9BC,KAAU,EACVC,KAAsB,EACtBC,UAAiC,EACjCC,gBAAoC,EACpC;EACA,MAAM;IAAEC,SAAS;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAE3C,SAASM,gBAAgBA,CAAA,EAAQ;IAC/B;EAAA;EAGF,OAAO;IACLA;EACF,CAAC;AACH"}
+{"version":3,"file":"arrangement.mjs","names":["applyArrangement","props","state","coordinate","coordinateStyles","contentEl","baseEl","active","updateCoordinate"],"sources":["../../../src/composables/coordinate/arrangement.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'vue';\n\nimport { Rect } from '../../util/rect';\n\nimport { CoordinateState } from './types';\n\nexport function applyArrangement(\n  props: any,\n  state: CoordinateState,\n  coordinate: Ref<Rect | undefined>,\n  coordinateStyles: Ref<CSSProperties>,\n) {\n  const { contentEl, baseEl, active } = state;\n\n  function updateCoordinate(): any {\n    //\n  }\n\n  return {\n    updateCoordinate,\n  };\n}\n"],"mappings":"AAMA,OAAO,SAASA,gBAAgBA,CAC9BC,KAAU,EACVC,KAAsB,EACtBC,UAAiC,EACjCC,gBAAoC,EACpC;EACA,MAAM;IAAEC,SAAS;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAE3C,SAASM,gBAAgBA,CAAA,EAAQ;IAC/B;EAAA;EAGF,OAAO;IACLA;EACF,CAAC;AACH"}

package/lib/composables/coordinate/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["onScopeDispose","ref","watch","propsFactory","useToggleScope","applyArrangement","applyLevitation","coordinateStrategies","levitation","arrangement","pressCoordinateProps","coordinateStrategy","type","String","Function","default","position","align","origin","offset","Number","Array","viewportMargin","useCoordinate","props","state","updateCoordinate","coordinate","coordinateStyles","active","value","reset","undefined","strategy","window","addEventListener","onResize","passive","removeEventListener","e"],"sources":["../../../src/composables/coordinate/index.ts"],"sourcesContent":["import type { CSSProperties, PropType, Ref } from 'vue';\nimport { onScopeDispose, ref, watch } from 'vue';\n\nimport { Rect } from '../../util/Rect';\nimport { propsFactory } from '../../util/vue-component';\nimport { useToggleScope } from '../scope';\nimport { applyArrangement } from './arrangement';\nimport { applyLevitation } from './levitation';\n\nimport { CoordinateState } from './types';\n\nconst coordinateStrategies = {\n  levitation: applyLevitation,\n  arrangement: applyArrangement,\n};\n\nexport type CoordinateStrategyFn = (\n  props: any,\n  state: CoordinateState,\n  coordinate: Ref<Rect | undefined>,\n  coordinateStyles: Ref<CSSProperties>,\n) => undefined | { updateCoordinate: (e: Event) => void };\n\nexport const pressCoordinateProps = propsFactory(\n  {\n    coordinateStrategy: {\n      type: [String, Function] as PropType<keyof typeof coordinateStrategies | CoordinateStrategyFn>,\n      default: 'arrangement',\n    },\n    position: {\n      type: String as PropType<\n        'default' | 'top' | 'end' | 'right' | 'bottom' | 'left' | 'start'\n      >,\n      default: 'default',\n    },\n    align: {\n      type: String as PropType<'start' | 'center' | 'end'>,\n      default: 'start',\n    },\n    origin: {\n      type: String,\n      default: 'auto'\n    },\n    offset: {\n      type: [Number, String, Array],\n    },\n    viewportMargin: {\n      type: Number,\n      default: 16,\n    }\n  },\n  'Coordinate',\n);\n\nexport function useCoordinate(props: any, state: CoordinateState) {\n  const updateCoordinate = ref<(e: Event) => void>();\n  const coordinate = ref<Rect | undefined>();\n  const coordinateStyles = ref<CSSProperties>({});\n\n  useToggleScope(\n    () => !!(state.active.value && props.coordinateStrategy),\n    (reset) => {\n      watch(() => props.coordinateStrategy, reset);\n      onScopeDispose(() => {\n        updateCoordinate.value = undefined;\n      });\n\n      if (typeof props.coordinateStrategy === 'function') {\n        updateCoordinate.value = props.coordinateStrategy(\n          props,\n          state,\n          coordinate,\n          coordinateStyles,\n        )?.updateCoordinate;\n      } else {\n        const strategy =\n          coordinateStrategies[\n            props.coordinateStrategy as keyof typeof coordinateStrategies\n          ];\n        updateCoordinate.value = strategy?.(\n          props,\n          state,\n          coordinate,\n          coordinateStyles,\n        )?.updateCoordinate;\n      }\n    },\n  );\n\n  window.addEventListener('resize', onResize, { passive: true });\n\n  onScopeDispose(() => {\n    window.removeEventListener('resize', onResize);\n    updateCoordinate.value = undefined;\n  });\n\n  function onResize(e: Event) {\n    updateCoordinate.value?.(e);\n  }\n\n  return {\n    coordinate,\n    coordinateStyles,\n    updateCoordinate,\n  };\n}\n"],"mappings":"AACA,SAASA,cAAc,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAC,SAGxCC,YAAY;AAAA,SACZC,cAAc;AAAA,SACdC,gBAAgB;AAAA,SAChBC,eAAe;AAIxB,MAAMC,oBAAoB,GAAG;EAC3BC,UAAU,EAAEF,eAAe;EAC3BG,WAAW,EAAEJ;AACf,CAAC;AASD,OAAO,MAAMK,oBAAoB,GAAGP,YAAY,CAC9C;EACEQ,kBAAkB,EAAE;IAClBC,IAAI,EAAE,CAACC,MAAM,EAAEC,QAAQ,CAAuE;IAC9FC,OAAO,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACRJ,IAAI,EAAEC,MAEL;IACDE,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAE;IACLL,IAAI,EAAEC,MAA8C;IACpDE,OAAO,EAAE;EACX,CAAC;EACDG,MAAM,EAAE;IACNN,IAAI,EAAEC,MAAM;IACZE,OAAO,EAAE;EACX,CAAC;EACDI,MAAM,EAAE;IACNP,IAAI,EAAE,CAACQ,MAAM,EAAEP,MAAM,EAAEQ,KAAK;EAC9B,CAAC;EACDC,cAAc,EAAE;IACdV,IAAI,EAAEQ,MAAM;IACZL,OAAO,EAAE;EACX;AACF,CAAC,EACD,YACF,CAAC;AAED,OAAO,SAASQ,aAAaA,CAACC,KAAU,EAAEC,KAAsB,EAAE;EAChE,MAAMC,gBAAgB,GAAGzB,GAAG,CAAqB,CAAC;EAClD,MAAM0B,UAAU,GAAG1B,GAAG,CAAmB,CAAC;EAC1C,MAAM2B,gBAAgB,GAAG3B,GAAG,CAAgB,CAAC,CAAC,CAAC;EAE/CG,cAAc,CACZ,MAAM,CAAC,EAAEqB,KAAK,CAACI,MAAM,CAACC,KAAK,IAAIN,KAAK,CAACb,kBAAkB,CAAC,EACvDoB,KAAK,IAAK;IACT7B,KAAK,CAAC,MAAMsB,KAAK,CAACb,kBAAkB,EAAEoB,KAAK,CAAC;IAC5C/B,cAAc,CAAC,MAAM;MACnB0B,gBAAgB,CAACI,KAAK,GAAGE,SAAS;IACpC,CAAC,CAAC;IAEF,IAAI,OAAOR,KAAK,CAACb,kBAAkB,KAAK,UAAU,EAAE;MAClDe,gBAAgB,CAACI,KAAK,GAAGN,KAAK,CAACb,kBAAkB,CAC/Ca,KAAK,EACLC,KAAK,EACLE,UAAU,EACVC,gBACF,CAAC,EAAEF,gBAAgB;IACrB,CAAC,MAAM;MACL,MAAMO,QAAQ,GACZ1B,oBAAoB,CAClBiB,KAAK,CAACb,kBAAkB,CACzB;MACHe,gBAAgB,CAACI,KAAK,GAAGG,QAAQ,GAC/BT,KAAK,EACLC,KAAK,EACLE,UAAU,EACVC,gBACF,CAAC,EAAEF,gBAAgB;IACrB;EACF,CACF,CAAC;EAEDQ,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEC,QAAQ,EAAE;IAAEC,OAAO,EAAE;EAAK,CAAC,CAAC;EAE9DrC,cAAc,CAAC,MAAM;IACnBkC,MAAM,CAACI,mBAAmB,CAAC,QAAQ,EAAEF,QAAQ,CAAC;IAC9CV,gBAAgB,CAACI,KAAK,GAAGE,SAAS;EACpC,CAAC,CAAC;EAEF,SAASI,QAAQA,CAACG,CAAQ,EAAE;IAC1Bb,gBAAgB,CAACI,KAAK,GAAGS,CAAC,CAAC;EAC7B;EAEA,OAAO;IACLZ,UAAU;IACVC,gBAAgB;IAChBF;EACF,CAAC;AACH"}
+{"version":3,"file":"index.mjs","names":["onScopeDispose","ref","watch","propsFactory","useToggleScope","applyArrangement","applyLevitation","coordinateStrategies","levitation","arrangement","pressCoordinateProps","coordinateStrategy","type","String","Function","default","position","align","origin","offset","Number","Array","viewportMargin","useCoordinate","props","state","updateCoordinate","coordinate","coordinateStyles","active","value","reset","undefined","strategy","window","addEventListener","onResize","passive","removeEventListener","e"],"sources":["../../../src/composables/coordinate/index.ts"],"sourcesContent":["import type { CSSProperties, PropType, Ref } from 'vue';\nimport { onScopeDispose, ref, watch } from 'vue';\n\nimport { Rect } from '../../util/rect';\nimport { propsFactory } from '../../util/vue-component';\nimport { useToggleScope } from '../scope';\nimport { applyArrangement } from './arrangement';\nimport { applyLevitation } from './levitation';\n\nimport { CoordinateState } from './types';\n\nconst coordinateStrategies = {\n  levitation: applyLevitation,\n  arrangement: applyArrangement,\n};\n\nexport type CoordinateStrategyFn = (\n  props: any,\n  state: CoordinateState,\n  coordinate: Ref<Rect | undefined>,\n  coordinateStyles: Ref<CSSProperties>,\n) => undefined | { updateCoordinate: (e: Event) => void };\n\nexport const pressCoordinateProps = propsFactory(\n  {\n    coordinateStrategy: {\n      type: [String, Function] as PropType<keyof typeof coordinateStrategies | CoordinateStrategyFn>,\n      default: 'arrangement',\n    },\n    position: {\n      type: String as PropType<\n        'default' | 'top' | 'end' | 'right' | 'bottom' | 'left' | 'start'\n      >,\n      default: 'default',\n    },\n    align: {\n      type: String as PropType<'start' | 'center' | 'end'>,\n      default: 'start',\n    },\n    origin: {\n      type: String,\n      default: 'auto'\n    },\n    offset: {\n      type: [Number, String, Array],\n    },\n    viewportMargin: {\n      type: Number,\n      default: 16,\n    }\n  },\n  'Coordinate',\n);\n\nexport function useCoordinate(props: any, state: CoordinateState) {\n  const updateCoordinate = ref<(e: Event) => void>();\n  const coordinate = ref<Rect | undefined>();\n  const coordinateStyles = ref<CSSProperties>({});\n\n  useToggleScope(\n    () => !!(state.active.value && props.coordinateStrategy),\n    (reset) => {\n      watch(() => props.coordinateStrategy, reset);\n      onScopeDispose(() => {\n        updateCoordinate.value = undefined;\n      });\n\n      if (typeof props.coordinateStrategy === 'function') {\n        updateCoordinate.value = props.coordinateStrategy(\n          props,\n          state,\n          coordinate,\n          coordinateStyles,\n        )?.updateCoordinate;\n      } else {\n        const strategy =\n          coordinateStrategies[\n            props.coordinateStrategy as keyof typeof coordinateStrategies\n          ];\n        updateCoordinate.value = strategy?.(\n          props,\n          state,\n          coordinate,\n          coordinateStyles,\n        )?.updateCoordinate;\n      }\n    },\n  );\n\n  window.addEventListener('resize', onResize, { passive: true });\n\n  onScopeDispose(() => {\n    window.removeEventListener('resize', onResize);\n    updateCoordinate.value = undefined;\n  });\n\n  function onResize(e: Event) {\n    updateCoordinate.value?.(e);\n  }\n\n  return {\n    coordinate,\n    coordinateStyles,\n    updateCoordinate,\n  };\n}\n"],"mappings":"AACA,SAASA,cAAc,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAC,SAGxCC,YAAY;AAAA,SACZC,cAAc;AAAA,SACdC,gBAAgB;AAAA,SAChBC,eAAe;AAIxB,MAAMC,oBAAoB,GAAG;EAC3BC,UAAU,EAAEF,eAAe;EAC3BG,WAAW,EAAEJ;AACf,CAAC;AASD,OAAO,MAAMK,oBAAoB,GAAGP,YAAY,CAC9C;EACEQ,kBAAkB,EAAE;IAClBC,IAAI,EAAE,CAACC,MAAM,EAAEC,QAAQ,CAAuE;IAC9FC,OAAO,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACRJ,IAAI,EAAEC,MAEL;IACDE,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAE;IACLL,IAAI,EAAEC,MAA8C;IACpDE,OAAO,EAAE;EACX,CAAC;EACDG,MAAM,EAAE;IACNN,IAAI,EAAEC,MAAM;IACZE,OAAO,EAAE;EACX,CAAC;EACDI,MAAM,EAAE;IACNP,IAAI,EAAE,CAACQ,MAAM,EAAEP,MAAM,EAAEQ,KAAK;EAC9B,CAAC;EACDC,cAAc,EAAE;IACdV,IAAI,EAAEQ,MAAM;IACZL,OAAO,EAAE;EACX;AACF,CAAC,EACD,YACF,CAAC;AAED,OAAO,SAASQ,aAAaA,CAACC,KAAU,EAAEC,KAAsB,EAAE;EAChE,MAAMC,gBAAgB,GAAGzB,GAAG,CAAqB,CAAC;EAClD,MAAM0B,UAAU,GAAG1B,GAAG,CAAmB,CAAC;EAC1C,MAAM2B,gBAAgB,GAAG3B,GAAG,CAAgB,CAAC,CAAC,CAAC;EAE/CG,cAAc,CACZ,MAAM,CAAC,EAAEqB,KAAK,CAACI,MAAM,CAACC,KAAK,IAAIN,KAAK,CAACb,kBAAkB,CAAC,EACvDoB,KAAK,IAAK;IACT7B,KAAK,CAAC,MAAMsB,KAAK,CAACb,kBAAkB,EAAEoB,KAAK,CAAC;IAC5C/B,cAAc,CAAC,MAAM;MACnB0B,gBAAgB,CAACI,KAAK,GAAGE,SAAS;IACpC,CAAC,CAAC;IAEF,IAAI,OAAOR,KAAK,CAACb,kBAAkB,KAAK,UAAU,EAAE;MAClDe,gBAAgB,CAACI,KAAK,GAAGN,KAAK,CAACb,kBAAkB,CAC/Ca,KAAK,EACLC,KAAK,EACLE,UAAU,EACVC,gBACF,CAAC,EAAEF,gBAAgB;IACrB,CAAC,MAAM;MACL,MAAMO,QAAQ,GACZ1B,oBAAoB,CAClBiB,KAAK,CAACb,kBAAkB,CACzB;MACHe,gBAAgB,CAACI,KAAK,GAAGG,QAAQ,GAC/BT,KAAK,EACLC,KAAK,EACLE,UAAU,EACVC,gBACF,CAAC,EAAEF,gBAAgB;IACrB;EACF,CACF,CAAC;EAEDQ,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEC,QAAQ,EAAE;IAAEC,OAAO,EAAE;EAAK,CAAC,CAAC;EAE9DrC,cAAc,CAAC,MAAM;IACnBkC,MAAM,CAACI,mBAAmB,CAAC,QAAQ,EAAEF,QAAQ,CAAC;IAC9CV,gBAAgB,CAACI,KAAK,GAAGE,SAAS;EACpC,CAAC,CAAC;EAEF,SAASI,QAAQA,CAACG,CAAQ,EAAE;IAC1Bb,gBAAgB,CAACI,KAAK,GAAGS,CAAC,CAAC;EAC7B;EAEA,OAAO;IACLZ,UAAU;IACVC,gBAAgB;IAChBF;EACF,CAAC;AACH"}

package/lib/composables/coordinate/levitation.mjs

@@ -1,5 +1,5 @@
 import { computed, nextTick, onScopeDispose, ref, watch } from "vue";
-import { MutableRect, getOverflow } from "../../util/Rect.mjs";
+import { MutableRect, getOverflow } from "../../util/rect.mjs";
 import { $computed } from "../../util/reactivity.mjs";
 import { getScrollParents } from "../../util/scroll.mjs";
 import { getBoundingPureRect, pixelCeil, pixelRound, toStyleSizeValue } from "../../util/ui.mjs";

package/lib/composables/coordinate/levitation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"levitation.mjs","names":["computed","nextTick","onScopeDispose","ref","watch","MutableRect","getOverflow","$computed","getScrollParents","getBoundingPureRect","pixelCeil","pixelRound","toStyleSizeValue","anchorToPoint","getOffset","flipAlign","flipCorner","flipSide","getAxis","parseAnchor","clamp","applyLevitation","props","state","coordinate","coordinateStyles","contentEl","baseEl","active","isRtl","minWidth","minHeight","maxWidth","maxHeight","map","key","val","parseFloat","isNaN","Infinity","offset","Array","isArray","split","length","push","observe","resizeObserver","ResizeObserver","updateCoordinate","_ref","_ref2","neoBaseEl","neoContentEl","oldBaseEl","oldContentEl","unobserve","immediate","disconnect","getIgnoreInsetRect","el","rect","x","style","left","y","top","$base","value","$content","requestAnimationFrame","viewportMargin","baseRect","getBoundingClientRect","contentRect","scrollParents","document","documentElement","viewport","reduce","box","scrollBox","width","clientWidth","height","clientHeight","Math","max","min","right","bottom","undefined","preferredAnchor","preferredOrigin","location","position","align","parsedAnchor","parsedOrigin","origin","side","placement","anchor","checkOverflow","_placement","targetPoint","contentPoint","overflows","available","flipped","resets","_x","_y","axis","hasOverflowX","before","after","hasOverflowY","reset","forEach","newPlacement","flip","newOverflows","Object","assign","transformOrigin","result"],"sources":["../../../src/composables/coordinate/levitation.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'vue';\nimport { computed, nextTick, onScopeDispose, ref, watch } from \"vue\";\n\nimport { MutableRect, Rect, getOverflow } from '../../util/Rect';\nimport { $computed } from '../../util/reactivity';\nimport { getScrollParents } from '../../util/scroll';\nimport { getBoundingPureRect, pixelCeil, pixelRound, toStyleSizeValue } from \"../../util/ui\";\nimport {\n  anchorToPoint,\n  getOffset,\n} from './utils/point';\n\nimport { CoordinateState } from './types';\nimport { Anchor, flipAlign, flipCorner, flipSide, getAxis, parseAnchor } from \"../../util/anchor\";\nimport { clamp } from \"../../util/common\";\n\nexport function applyLevitation(\n  props: any,\n  state: CoordinateState,\n  coordinate: Ref<Rect | undefined>,\n  coordinateStyles: Ref<CSSProperties>,\n) {\n  const { contentEl, baseEl, active } = state;\n\n  const isRtl = ref(false);\n\n  /* Content Limitations */\n  const [minWidth, minHeight, maxWidth, maxHeight] = (\n    ['minWidth', 'minHeight', 'maxWidth', 'maxHeight'] as const\n  ).map((key) => {\n    return computed(() => {\n      const val = parseFloat(props[key]!);\n      return isNaN(val) ? Infinity : val;\n    });\n  });\n\n  /* Offset */\n  const offset = computed(() => {\n    if (Array.isArray(props.offset)) {\n      return props.offset;\n    }\n    if (typeof props.offset === 'string') {\n      const offset = props.offset.split(' ').map(parseFloat);\n      if (offset.length < 2) offset.push(0);\n      return offset;\n    }\n    return typeof props.offset === 'number' ? [props.offset, 0] : [0, 0];\n  });\n\n  /* Observing Update */\n  let observe = false;\n  const resizeObserver = new ResizeObserver(() => {\n    if (observe) updateCoordinate();\n  });\n  watch(\n    [state.baseEl, state.contentEl],\n    ([neoBaseEl, neoContentEl], [oldBaseEl, oldContentEl]) => {\n      if (oldBaseEl) resizeObserver.unobserve(oldBaseEl);\n      if (neoBaseEl) resizeObserver.observe(neoBaseEl);\n\n      if (oldContentEl) resizeObserver.unobserve(oldContentEl);\n      if (neoContentEl) resizeObserver.observe(neoContentEl);\n    },\n    { immediate: true },\n  );\n  onScopeDispose(() => {\n    resizeObserver.disconnect();\n  });\n\n  function getIgnoreInsetRect(el: HTMLElement) {\n    const rect = getBoundingPureRect(el);\n    rect.x -= parseFloat(el.style.left || '0');\n    rect.y -= parseFloat(el.style.top || '0');\n    return rect;\n  }\n\n  function updateCoordinate(): any {\n    observe = false;\n    const $base = baseEl.value;\n    const $content = contentEl.value;\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => (observe = true));\n    });\n\n    if (!$base || !$content) return;\n\n    const { viewportMargin } = props;\n\n    const baseRect = $base.getBoundingClientRect();\n    const contentRect = getIgnoreInsetRect($content);\n    const scrollParents = getScrollParents($content);\n\n    if (scrollParents.length < 1) {\n      scrollParents.push(document.documentElement);\n    }\n\n    /**\n     * Viewport area\n     */\n    const viewport = scrollParents.reduce<MutableRect>(\n      (box: MutableRect | undefined, el) => {\n        const rect = el.getBoundingClientRect();\n        const scrollBox = new MutableRect({\n          x: el === document.documentElement ? 0 : rect.x,\n          y: el === document.documentElement ? 0 : rect.y,\n          width: el.clientWidth,\n          height: el.clientHeight,\n        });\n\n        if (box) {\n          return new MutableRect({\n            x: Math.max(box.left, scrollBox.left),\n            y: Math.max(box.top, scrollBox.top),\n            width:\n              Math.min(box.right, scrollBox.right) -\n              Math.max(box.left, scrollBox.left),\n            height:\n              Math.min(box.bottom, scrollBox.bottom) -\n              Math.max(box.top, scrollBox.top),\n          });\n        }\n        return scrollBox;\n      },\n      undefined!,\n    );\n    viewport.x += viewportMargin;\n    viewport.y += viewportMargin;\n    viewport.width -= viewportMargin * 2;\n    viewport.height -= viewportMargin * 2;\n\n    const { preferredAnchor, preferredOrigin } = $computed(() => {\n      const location = `${props.position} ${props.align}` as Anchor;\n      const parsedAnchor = parseAnchor(location, false);\n      const parsedOrigin =\n        props.origin === 'overlap'\n          ? parsedAnchor\n          : props.origin === 'auto'\n          ? flipSide(parsedAnchor)\n          : parseAnchor(props.origin, false);\n\n      // Some combinations of props may produce an invalid origin\n      if (\n        parsedAnchor.side === parsedOrigin.side &&\n        parsedAnchor.align === flipAlign(parsedOrigin).align\n      ) {\n        return {\n          preferredAnchor: flipCorner(parsedAnchor),\n          preferredOrigin: flipCorner(parsedOrigin),\n        };\n      } else {\n        return {\n          preferredAnchor: parsedAnchor,\n          preferredOrigin: parsedOrigin,\n        };\n      }\n    });\n\n    let placement = {\n      anchor: preferredAnchor.value,\n      origin: preferredOrigin.value,\n    };\n\n    function checkOverflow(_placement: typeof placement) {\n      const box = new MutableRect(contentRect);\n      const targetPoint = anchorToPoint(_placement.anchor, baseRect);\n      const contentPoint = anchorToPoint(_placement.origin, box);\n\n      let { x, y } = getOffset(targetPoint, contentPoint);\n\n      switch (_placement.anchor.side) {\n        case 'top':\n          y -= offset.value[0];\n          break;\n        case 'bottom':\n          y += offset.value[0];\n          break;\n        case 'left':\n          x -= offset.value[0];\n          break;\n        case 'right':\n          x += offset.value[0];\n          break;\n      }\n\n      switch (_placement.anchor.align) {\n        case 'top':\n          y -= offset.value[1];\n          break;\n        case 'bottom':\n          y += offset.value[1];\n          break;\n        case 'left':\n          x -= offset.value[1];\n          break;\n        case 'right':\n          x += offset.value[1];\n          break;\n      }\n\n      box.x += x;\n      box.y += y;\n\n      box.width = Math.min(box.width, maxWidth.value);\n      box.height = Math.min(box.height, maxHeight.value);\n\n      const overflows = getOverflow(box, viewport);\n\n      return { overflows, x, y };\n    }\n\n    let x = 0;\n    let y = 0;\n    const available = { x: 0, y: 0 };\n    const flipped = { x: false, y: false };\n    let resets = -1;\n    while (true) {\n      if (resets++ > 10) {\n        break;\n      }\n\n      const { x: _x, y: _y, overflows } = checkOverflow(placement);\n\n      x += _x;\n      y += _y;\n\n      contentRect.x += _x;\n      contentRect.y += _y;\n\n      // flip\n      {\n        const axis = getAxis(placement.anchor);\n        const hasOverflowX = overflows.x.before || overflows.x.after;\n        const hasOverflowY = overflows.y.before || overflows.y.after;\n\n        let reset = false;\n        ['x', 'y'].forEach((key) => {\n          if (\n            (key === 'x' && hasOverflowX && !flipped.x) ||\n            (key === 'y' && hasOverflowY && !flipped.y)\n          ) {\n            const newPlacement = {\n              anchor: { ...placement.anchor },\n              origin: { ...placement.origin },\n            };\n            const flip =\n              key === 'x'\n                ? axis === 'y'\n                  ? flipAlign\n                  : flipSide\n                : axis === 'y'\n                ? flipSide\n                : flipAlign;\n            newPlacement.anchor = flip(newPlacement.anchor);\n            newPlacement.origin = flip(newPlacement.origin);\n            const { overflows: newOverflows } = checkOverflow(newPlacement);\n            if (\n              (newOverflows[key].before <= overflows[key].before &&\n                newOverflows[key].after <= overflows[key].after) ||\n              newOverflows[key].before + newOverflows[key].after <\n                (overflows[key].before + overflows[key].after) / 2\n            ) {\n              placement = newPlacement;\n              reset = flipped[key] = true;\n            }\n          }\n        });\n        if (reset) continue;\n      }\n\n      // shift\n      if (overflows.x.before) {\n        x += overflows.x.before;\n        contentRect.x += overflows.x.before;\n      }\n      if (overflows.x.after) {\n        x -= overflows.x.after;\n        contentRect.x -= overflows.x.after;\n      }\n      if (overflows.y.before) {\n        y += overflows.y.before;\n        contentRect.y += overflows.y.before;\n      }\n      if (overflows.y.after) {\n        y -= overflows.y.after;\n        contentRect.y -= overflows.y.after;\n      }\n\n      // size\n      {\n        const overflows = getOverflow(contentRect, viewport);\n        available.x = viewport.width - overflows.x.before - overflows.x.after;\n        available.y = viewport.height - overflows.y.before - overflows.y.after;\n\n        x += overflows.x.before;\n        contentRect.x += overflows.x.before;\n        y += overflows.y.before;\n        contentRect.y += overflows.y.before;\n      }\n\n      break;\n    }\n\n    const axis = getAxis(placement.anchor);\n\n    Object.assign(coordinateStyles.value, {\n      '--y-levitation-anchor-origin': `${placement.anchor.side} ${placement.anchor.align}`,\n      transformOrigin: `${placement.origin.side} ${placement.origin.align}`,\n      top: toStyleSizeValue(pixelRound(y)),\n      left: isRtl.value ? undefined : toStyleSizeValue(pixelRound(x)),\n      right: isRtl.value ? toStyleSizeValue(pixelRound(-x)) : undefined,\n      minWidth: toStyleSizeValue(\n        axis === 'y'\n          ? Math.min(minWidth.value, baseRect.width)\n          : minWidth.value,\n      ),\n      maxWidth: toStyleSizeValue(\n        pixelCeil(\n          clamp(\n            available.x,\n            minWidth.value === Infinity ? 0 : minWidth.value,\n            maxWidth.value,\n          ),\n        ),\n      ),\n      maxHeight: toStyleSizeValue(\n        pixelCeil(\n          clamp(\n            available.y,\n            minHeight.value === Infinity ? 0 : minHeight.value,\n            maxHeight.value,\n          ),\n        ),\n      ),\n    });\n\n    return {\n      available,\n      contentRect,\n    };\n  }\n\n  watch(\n    () => [\n      props.offset,\n      props.minWidth,\n      props.minHeight,\n      props.maxWidth,\n      props.maxHeight,\n    ],\n    () => updateCoordinate(),\n  );\n\n  nextTick(() => {\n    const result = updateCoordinate();\n    if (!result) return;\n    const { available, contentRect } = result;\n    if (contentRect.height > available.y) {\n      requestAnimationFrame(() => {\n        updateCoordinate();\n        requestAnimationFrame(() => {\n          updateCoordinate();\n        });\n      });\n    }\n  });\n\n  return {\n    updateCoordinate,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"levitation.mjs","names":["computed","nextTick","onScopeDispose","ref","watch","MutableRect","getOverflow","$computed","getScrollParents","getBoundingPureRect","pixelCeil","pixelRound","toStyleSizeValue","anchorToPoint","getOffset","flipAlign","flipCorner","flipSide","getAxis","parseAnchor","clamp","applyLevitation","props","state","coordinate","coordinateStyles","contentEl","baseEl","active","isRtl","minWidth","minHeight","maxWidth","maxHeight","map","key","val","parseFloat","isNaN","Infinity","offset","Array","isArray","split","length","push","observe","resizeObserver","ResizeObserver","updateCoordinate","_ref","_ref2","neoBaseEl","neoContentEl","oldBaseEl","oldContentEl","unobserve","immediate","disconnect","getIgnoreInsetRect","el","rect","x","style","left","y","top","$base","value","$content","requestAnimationFrame","viewportMargin","baseRect","getBoundingClientRect","contentRect","scrollParents","document","documentElement","viewport","reduce","box","scrollBox","width","clientWidth","height","clientHeight","Math","max","min","right","bottom","undefined","preferredAnchor","preferredOrigin","location","position","align","parsedAnchor","parsedOrigin","origin","side","placement","anchor","checkOverflow","_placement","targetPoint","contentPoint","overflows","available","flipped","resets","_x","_y","axis","hasOverflowX","before","after","hasOverflowY","reset","forEach","newPlacement","flip","newOverflows","Object","assign","transformOrigin","result"],"sources":["../../../src/composables/coordinate/levitation.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'vue';\nimport { computed, nextTick, onScopeDispose, ref, watch } from \"vue\";\n\nimport { MutableRect, Rect, getOverflow } from '../../util/rect';\nimport { $computed } from '../../util/reactivity';\nimport { getScrollParents } from '../../util/scroll';\nimport { getBoundingPureRect, pixelCeil, pixelRound, toStyleSizeValue } from \"../../util/ui\";\nimport {\n  anchorToPoint,\n  getOffset,\n} from './utils/point';\n\nimport { CoordinateState } from './types';\nimport { Anchor, flipAlign, flipCorner, flipSide, getAxis, parseAnchor } from \"../../util/anchor\";\nimport { clamp } from \"../../util/common\";\n\nexport function applyLevitation(\n  props: any,\n  state: CoordinateState,\n  coordinate: Ref<Rect | undefined>,\n  coordinateStyles: Ref<CSSProperties>,\n) {\n  const { contentEl, baseEl, active } = state;\n\n  const isRtl = ref(false);\n\n  /* Content Limitations */\n  const [minWidth, minHeight, maxWidth, maxHeight] = (\n    ['minWidth', 'minHeight', 'maxWidth', 'maxHeight'] as const\n  ).map((key) => {\n    return computed(() => {\n      const val = parseFloat(props[key]!);\n      return isNaN(val) ? Infinity : val;\n    });\n  });\n\n  /* Offset */\n  const offset = computed(() => {\n    if (Array.isArray(props.offset)) {\n      return props.offset;\n    }\n    if (typeof props.offset === 'string') {\n      const offset = props.offset.split(' ').map(parseFloat);\n      if (offset.length < 2) offset.push(0);\n      return offset;\n    }\n    return typeof props.offset === 'number' ? [props.offset, 0] : [0, 0];\n  });\n\n  /* Observing Update */\n  let observe = false;\n  const resizeObserver = new ResizeObserver(() => {\n    if (observe) updateCoordinate();\n  });\n  watch(\n    [state.baseEl, state.contentEl],\n    ([neoBaseEl, neoContentEl], [oldBaseEl, oldContentEl]) => {\n      if (oldBaseEl) resizeObserver.unobserve(oldBaseEl);\n      if (neoBaseEl) resizeObserver.observe(neoBaseEl);\n\n      if (oldContentEl) resizeObserver.unobserve(oldContentEl);\n      if (neoContentEl) resizeObserver.observe(neoContentEl);\n    },\n    { immediate: true },\n  );\n  onScopeDispose(() => {\n    resizeObserver.disconnect();\n  });\n\n  function getIgnoreInsetRect(el: HTMLElement) {\n    const rect = getBoundingPureRect(el);\n    rect.x -= parseFloat(el.style.left || '0');\n    rect.y -= parseFloat(el.style.top || '0');\n    return rect;\n  }\n\n  function updateCoordinate(): any {\n    observe = false;\n    const $base = baseEl.value;\n    const $content = contentEl.value;\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => (observe = true));\n    });\n\n    if (!$base || !$content) return;\n\n    const { viewportMargin } = props;\n\n    const baseRect = $base.getBoundingClientRect();\n    const contentRect = getIgnoreInsetRect($content);\n    const scrollParents = getScrollParents($content);\n\n    if (scrollParents.length < 1) {\n      scrollParents.push(document.documentElement);\n    }\n\n    /**\n     * Viewport area\n     */\n    const viewport = scrollParents.reduce<MutableRect>(\n      (box: MutableRect | undefined, el) => {\n        const rect = el.getBoundingClientRect();\n        const scrollBox = new MutableRect({\n          x: el === document.documentElement ? 0 : rect.x,\n          y: el === document.documentElement ? 0 : rect.y,\n          width: el.clientWidth,\n          height: el.clientHeight,\n        });\n\n        if (box) {\n          return new MutableRect({\n            x: Math.max(box.left, scrollBox.left),\n            y: Math.max(box.top, scrollBox.top),\n            width:\n              Math.min(box.right, scrollBox.right) -\n              Math.max(box.left, scrollBox.left),\n            height:\n              Math.min(box.bottom, scrollBox.bottom) -\n              Math.max(box.top, scrollBox.top),\n          });\n        }\n        return scrollBox;\n      },\n      undefined!,\n    );\n    viewport.x += viewportMargin;\n    viewport.y += viewportMargin;\n    viewport.width -= viewportMargin * 2;\n    viewport.height -= viewportMargin * 2;\n\n    const { preferredAnchor, preferredOrigin } = $computed(() => {\n      const location = `${props.position} ${props.align}` as Anchor;\n      const parsedAnchor = parseAnchor(location, false);\n      const parsedOrigin =\n        props.origin === 'overlap'\n          ? parsedAnchor\n          : props.origin === 'auto'\n          ? flipSide(parsedAnchor)\n          : parseAnchor(props.origin, false);\n\n      // Some combinations of props may produce an invalid origin\n      if (\n        parsedAnchor.side === parsedOrigin.side &&\n        parsedAnchor.align === flipAlign(parsedOrigin).align\n      ) {\n        return {\n          preferredAnchor: flipCorner(parsedAnchor),\n          preferredOrigin: flipCorner(parsedOrigin),\n        };\n      } else {\n        return {\n          preferredAnchor: parsedAnchor,\n          preferredOrigin: parsedOrigin,\n        };\n      }\n    });\n\n    let placement = {\n      anchor: preferredAnchor.value,\n      origin: preferredOrigin.value,\n    };\n\n    function checkOverflow(_placement: typeof placement) {\n      const box = new MutableRect(contentRect);\n      const targetPoint = anchorToPoint(_placement.anchor, baseRect);\n      const contentPoint = anchorToPoint(_placement.origin, box);\n\n      let { x, y } = getOffset(targetPoint, contentPoint);\n\n      switch (_placement.anchor.side) {\n        case 'top':\n          y -= offset.value[0];\n          break;\n        case 'bottom':\n          y += offset.value[0];\n          break;\n        case 'left':\n          x -= offset.value[0];\n          break;\n        case 'right':\n          x += offset.value[0];\n          break;\n      }\n\n      switch (_placement.anchor.align) {\n        case 'top':\n          y -= offset.value[1];\n          break;\n        case 'bottom':\n          y += offset.value[1];\n          break;\n        case 'left':\n          x -= offset.value[1];\n          break;\n        case 'right':\n          x += offset.value[1];\n          break;\n      }\n\n      box.x += x;\n      box.y += y;\n\n      box.width = Math.min(box.width, maxWidth.value);\n      box.height = Math.min(box.height, maxHeight.value);\n\n      const overflows = getOverflow(box, viewport);\n\n      return { overflows, x, y };\n    }\n\n    let x = 0;\n    let y = 0;\n    const available = { x: 0, y: 0 };\n    const flipped = { x: false, y: false };\n    let resets = -1;\n    while (true) {\n      if (resets++ > 10) {\n        break;\n      }\n\n      const { x: _x, y: _y, overflows } = checkOverflow(placement);\n\n      x += _x;\n      y += _y;\n\n      contentRect.x += _x;\n      contentRect.y += _y;\n\n      // flip\n      {\n        const axis = getAxis(placement.anchor);\n        const hasOverflowX = overflows.x.before || overflows.x.after;\n        const hasOverflowY = overflows.y.before || overflows.y.after;\n\n        let reset = false;\n        ['x', 'y'].forEach((key) => {\n          if (\n            (key === 'x' && hasOverflowX && !flipped.x) ||\n            (key === 'y' && hasOverflowY && !flipped.y)\n          ) {\n            const newPlacement = {\n              anchor: { ...placement.anchor },\n              origin: { ...placement.origin },\n            };\n            const flip =\n              key === 'x'\n                ? axis === 'y'\n                  ? flipAlign\n                  : flipSide\n                : axis === 'y'\n                ? flipSide\n                : flipAlign;\n            newPlacement.anchor = flip(newPlacement.anchor);\n            newPlacement.origin = flip(newPlacement.origin);\n            const { overflows: newOverflows } = checkOverflow(newPlacement);\n            if (\n              (newOverflows[key].before <= overflows[key].before &&\n                newOverflows[key].after <= overflows[key].after) ||\n              newOverflows[key].before + newOverflows[key].after <\n                (overflows[key].before + overflows[key].after) / 2\n            ) {\n              placement = newPlacement;\n              reset = flipped[key] = true;\n            }\n          }\n        });\n        if (reset) continue;\n      }\n\n      // shift\n      if (overflows.x.before) {\n        x += overflows.x.before;\n        contentRect.x += overflows.x.before;\n      }\n      if (overflows.x.after) {\n        x -= overflows.x.after;\n        contentRect.x -= overflows.x.after;\n      }\n      if (overflows.y.before) {\n        y += overflows.y.before;\n        contentRect.y += overflows.y.before;\n      }\n      if (overflows.y.after) {\n        y -= overflows.y.after;\n        contentRect.y -= overflows.y.after;\n      }\n\n      // size\n      {\n        const overflows = getOverflow(contentRect, viewport);\n        available.x = viewport.width - overflows.x.before - overflows.x.after;\n        available.y = viewport.height - overflows.y.before - overflows.y.after;\n\n        x += overflows.x.before;\n        contentRect.x += overflows.x.before;\n        y += overflows.y.before;\n        contentRect.y += overflows.y.before;\n      }\n\n      break;\n    }\n\n    const axis = getAxis(placement.anchor);\n\n    Object.assign(coordinateStyles.value, {\n      '--y-levitation-anchor-origin': `${placement.anchor.side} ${placement.anchor.align}`,\n      transformOrigin: `${placement.origin.side} ${placement.origin.align}`,\n      top: toStyleSizeValue(pixelRound(y)),\n      left: isRtl.value ? undefined : toStyleSizeValue(pixelRound(x)),\n      right: isRtl.value ? toStyleSizeValue(pixelRound(-x)) : undefined,\n      minWidth: toStyleSizeValue(\n        axis === 'y'\n          ? Math.min(minWidth.value, baseRect.width)\n          : minWidth.value,\n      ),\n      maxWidth: toStyleSizeValue(\n        pixelCeil(\n          clamp(\n            available.x,\n            minWidth.value === Infinity ? 0 : minWidth.value,\n            maxWidth.value,\n          ),\n        ),\n      ),\n      maxHeight: toStyleSizeValue(\n        pixelCeil(\n          clamp(\n            available.y,\n            minHeight.value === Infinity ? 0 : minHeight.value,\n            maxHeight.value,\n          ),\n        ),\n      ),\n    });\n\n    return {\n      available,\n      contentRect,\n    };\n  }\n\n  watch(\n    () => [\n      props.offset,\n      props.minWidth,\n      props.minHeight,\n      props.maxWidth,\n      props.maxHeight,\n    ],\n    () => updateCoordinate(),\n  );\n\n  nextTick(() => {\n    const result = updateCoordinate();\n    if (!result) return;\n    const { available, contentRect } = result;\n    if (contentRect.height > available.y) {\n      requestAnimationFrame(() => {\n        updateCoordinate();\n        requestAnimationFrame(() => {\n          updateCoordinate();\n        });\n      });\n    }\n  });\n\n  return {\n    updateCoordinate,\n  };\n}\n"],"mappings":"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"}

package/lib/composables/coordinate/utils/point.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"point.mjs","names":["elementToViewport","point","offset","x","y","viewportToElement","getOffset","a","b","anchorToPoint","anchor","box","side","align","width","height"],"sources":["../../../../src/composables/coordinate/utils/point.ts"],"sourcesContent":["import { MutableRect } from '../../../util/Rect';\nimport { ParsedAnchor } from '../../../util/anchor';\n\ntype Point = { x: number; y: number };\ndeclare class As<T extends string> {\n  private as: T;\n}\ntype ElementPoint = Point & As<'element'>;\ntype ViewportPoint = Point & As<'viewport'>;\ntype Offset = Point & As<'offset'>;\n\n/** Convert a point in local space to viewport space */\nexport function elementToViewport(\n  point: ElementPoint,\n  offset: Offset | MutableRect,\n) {\n  return {\n    x: point.x + offset.x,\n    y: point.y + offset.y,\n  } as ViewportPoint;\n}\n\n/** Convert a point in viewport space to local space */\nexport function viewportToElement(\n  point: ViewportPoint,\n  offset: Offset | MutableRect,\n) {\n  return {\n    x: point.x - offset.x,\n    y: point.y - offset.y,\n  } as ElementPoint;\n}\n\n/** Get the difference between two points */\nexport function getOffset<T extends Point>(a: T, b: T) {\n  return {\n    x: a.x - b.x,\n    y: a.y - b.y,\n  } as Offset;\n}\n\n/** Convert an anchor object to a point in local space */\nexport function anchorToPoint(\n  anchor: ParsedAnchor,\n  box: MutableRect,\n): ViewportPoint {\n  if (anchor.side === 'top' || anchor.side === 'bottom') {\n    const { side, align } = anchor;\n\n    const x: number =\n      align === 'left'\n        ? 0\n        : align === 'center'\n        ? box.width / 2\n        : align === 'right'\n        ? box.width\n        : align;\n    const y: number =\n      side === 'top' ? 0 : side === 'bottom' ? box.height : side;\n\n    return elementToViewport({ x, y } as ElementPoint, box);\n  } else if (anchor.side === 'left' || anchor.side === 'right') {\n    const { side, align } = anchor;\n\n    const x: number = side === 'left' ? 0 : side === 'right' ? box.width : side;\n    const y: number =\n      align === 'top'\n        ? 0\n        : align === 'center'\n        ? box.height / 2\n        : align === 'bottom'\n        ? box.height\n        : align;\n\n    return elementToViewport({ x, y } as ElementPoint, box);\n  }\n\n  return elementToViewport(\n    {\n      x: box.width / 2,\n      y: box.height / 2,\n    } as ElementPoint,\n    box,\n  );\n}\n"],"mappings":"AAWA;AACA,OAAO,SAASA,iBAAiBA,CAC/BC,KAAmB,EACnBC,MAA4B,EAC5B;EACA,OAAO;IACLC,CAAC,EAAEF,KAAK,CAACE,CAAC,GAAGD,MAAM,CAACC,CAAC;IACrBC,CAAC,EAAEH,KAAK,CAACG,CAAC,GAAGF,MAAM,CAACE;EACtB,CAAC;AACH;;AAEA;AACA,OAAO,SAASC,iBAAiBA,CAC/BJ,KAAoB,EACpBC,MAA4B,EAC5B;EACA,OAAO;IACLC,CAAC,EAAEF,KAAK,CAACE,CAAC,GAAGD,MAAM,CAACC,CAAC;IACrBC,CAAC,EAAEH,KAAK,CAACG,CAAC,GAAGF,MAAM,CAACE;EACtB,CAAC;AACH;;AAEA;AACA,OAAO,SAASE,SAASA,CAAkBC,CAAI,EAAEC,CAAI,EAAE;EACrD,OAAO;IACLL,CAAC,EAAEI,CAAC,CAACJ,CAAC,GAAGK,CAAC,CAACL,CAAC;IACZC,CAAC,EAAEG,CAAC,CAACH,CAAC,GAAGI,CAAC,CAACJ;EACb,CAAC;AACH;;AAEA;AACA,OAAO,SAASK,aAAaA,CAC3BC,MAAoB,EACpBC,GAAgB,EACD;EACf,IAAID,MAAM,CAACE,IAAI,KAAK,KAAK,IAAIF,MAAM,CAACE,IAAI,KAAK,QAAQ,EAAE;IACrD,MAAM;MAAEA,IAAI;MAAEC;IAAM,CAAC,GAAGH,MAAM;IAE9B,MAAMP,CAAS,GACbU,KAAK,KAAK,MAAM,GACZ,CAAC,GACDA,KAAK,KAAK,QAAQ,GAClBF,GAAG,CAACG,KAAK,GAAG,CAAC,GACbD,KAAK,KAAK,OAAO,GACjBF,GAAG,CAACG,KAAK,GACTD,KAAK;IACX,MAAMT,CAAS,GACbQ,IAAI,KAAK,KAAK,GAAG,CAAC,GAAGA,IAAI,KAAK,QAAQ,GAAGD,GAAG,CAACI,MAAM,GAAGH,IAAI;IAE5D,OAAOZ,iBAAiB,CAAC;MAAEG,CAAC;MAAEC;IAAE,CAAC,EAAkBO,GAAG,CAAC;EACzD,CAAC,MAAM,IAAID,MAAM,CAACE,IAAI,KAAK,MAAM,IAAIF,MAAM,CAACE,IAAI,KAAK,OAAO,EAAE;IAC5D,MAAM;MAAEA,IAAI;MAAEC;IAAM,CAAC,GAAGH,MAAM;IAE9B,MAAMP,CAAS,GAAGS,IAAI,KAAK,MAAM,GAAG,CAAC,GAAGA,IAAI,KAAK,OAAO,GAAGD,GAAG,CAACG,KAAK,GAAGF,IAAI;IAC3E,MAAMR,CAAS,GACbS,KAAK,KAAK,KAAK,GACX,CAAC,GACDA,KAAK,KAAK,QAAQ,GAClBF,GAAG,CAACI,MAAM,GAAG,CAAC,GACdF,KAAK,KAAK,QAAQ,GAClBF,GAAG,CAACI,MAAM,GACVF,KAAK;IAEX,OAAOb,iBAAiB,CAAC;MAAEG,CAAC;MAAEC;IAAE,CAAC,EAAkBO,GAAG,CAAC;EACzD;EAEA,OAAOX,iBAAiB,CACtB;IACEG,CAAC,EAAEQ,GAAG,CAACG,KAAK,GAAG,CAAC;IAChBV,CAAC,EAAEO,GAAG,CAACI,MAAM,GAAG;EAClB,CAAC,EACDJ,GACF,CAAC;AACH"}
+{"version":3,"file":"point.mjs","names":["elementToViewport","point","offset","x","y","viewportToElement","getOffset","a","b","anchorToPoint","anchor","box","side","align","width","height"],"sources":["../../../../src/composables/coordinate/utils/point.ts"],"sourcesContent":["import { MutableRect } from '../../../util/rect';\nimport { ParsedAnchor } from '../../../util/anchor';\n\ntype Point = { x: number; y: number };\ndeclare class As<T extends string> {\n  private as: T;\n}\ntype ElementPoint = Point & As<'element'>;\ntype ViewportPoint = Point & As<'viewport'>;\ntype Offset = Point & As<'offset'>;\n\n/** Convert a point in local space to viewport space */\nexport function elementToViewport(\n  point: ElementPoint,\n  offset: Offset | MutableRect,\n) {\n  return {\n    x: point.x + offset.x,\n    y: point.y + offset.y,\n  } as ViewportPoint;\n}\n\n/** Convert a point in viewport space to local space */\nexport function viewportToElement(\n  point: ViewportPoint,\n  offset: Offset | MutableRect,\n) {\n  return {\n    x: point.x - offset.x,\n    y: point.y - offset.y,\n  } as ElementPoint;\n}\n\n/** Get the difference between two points */\nexport function getOffset<T extends Point>(a: T, b: T) {\n  return {\n    x: a.x - b.x,\n    y: a.y - b.y,\n  } as Offset;\n}\n\n/** Convert an anchor object to a point in local space */\nexport function anchorToPoint(\n  anchor: ParsedAnchor,\n  box: MutableRect,\n): ViewportPoint {\n  if (anchor.side === 'top' || anchor.side === 'bottom') {\n    const { side, align } = anchor;\n\n    const x: number =\n      align === 'left'\n        ? 0\n        : align === 'center'\n        ? box.width / 2\n        : align === 'right'\n        ? box.width\n        : align;\n    const y: number =\n      side === 'top' ? 0 : side === 'bottom' ? box.height : side;\n\n    return elementToViewport({ x, y } as ElementPoint, box);\n  } else if (anchor.side === 'left' || anchor.side === 'right') {\n    const { side, align } = anchor;\n\n    const x: number = side === 'left' ? 0 : side === 'right' ? box.width : side;\n    const y: number =\n      align === 'top'\n        ? 0\n        : align === 'center'\n        ? box.height / 2\n        : align === 'bottom'\n        ? box.height\n        : align;\n\n    return elementToViewport({ x, y } as ElementPoint, box);\n  }\n\n  return elementToViewport(\n    {\n      x: box.width / 2,\n      y: box.height / 2,\n    } as ElementPoint,\n    box,\n  );\n}\n"],"mappings":"AAWA;AACA,OAAO,SAASA,iBAAiBA,CAC/BC,KAAmB,EACnBC,MAA4B,EAC5B;EACA,OAAO;IACLC,CAAC,EAAEF,KAAK,CAACE,CAAC,GAAGD,MAAM,CAACC,CAAC;IACrBC,CAAC,EAAEH,KAAK,CAACG,CAAC,GAAGF,MAAM,CAACE;EACtB,CAAC;AACH;;AAEA;AACA,OAAO,SAASC,iBAAiBA,CAC/BJ,KAAoB,EACpBC,MAA4B,EAC5B;EACA,OAAO;IACLC,CAAC,EAAEF,KAAK,CAACE,CAAC,GAAGD,MAAM,CAACC,CAAC;IACrBC,CAAC,EAAEH,KAAK,CAACG,CAAC,GAAGF,MAAM,CAACE;EACtB,CAAC;AACH;;AAEA;AACA,OAAO,SAASE,SAASA,CAAkBC,CAAI,EAAEC,CAAI,EAAE;EACrD,OAAO;IACLL,CAAC,EAAEI,CAAC,CAACJ,CAAC,GAAGK,CAAC,CAACL,CAAC;IACZC,CAAC,EAAEG,CAAC,CAACH,CAAC,GAAGI,CAAC,CAACJ;EACb,CAAC;AACH;;AAEA;AACA,OAAO,SAASK,aAAaA,CAC3BC,MAAoB,EACpBC,GAAgB,EACD;EACf,IAAID,MAAM,CAACE,IAAI,KAAK,KAAK,IAAIF,MAAM,CAACE,IAAI,KAAK,QAAQ,EAAE;IACrD,MAAM;MAAEA,IAAI;MAAEC;IAAM,CAAC,GAAGH,MAAM;IAE9B,MAAMP,CAAS,GACbU,KAAK,KAAK,MAAM,GACZ,CAAC,GACDA,KAAK,KAAK,QAAQ,GAClBF,GAAG,CAACG,KAAK,GAAG,CAAC,GACbD,KAAK,KAAK,OAAO,GACjBF,GAAG,CAACG,KAAK,GACTD,KAAK;IACX,MAAMT,CAAS,GACbQ,IAAI,KAAK,KAAK,GAAG,CAAC,GAAGA,IAAI,KAAK,QAAQ,GAAGD,GAAG,CAACI,MAAM,GAAGH,IAAI;IAE5D,OAAOZ,iBAAiB,CAAC;MAAEG,CAAC;MAAEC;IAAE,CAAC,EAAkBO,GAAG,CAAC;EACzD,CAAC,MAAM,IAAID,MAAM,CAACE,IAAI,KAAK,MAAM,IAAIF,MAAM,CAACE,IAAI,KAAK,OAAO,EAAE;IAC5D,MAAM;MAAEA,IAAI;MAAEC;IAAM,CAAC,GAAGH,MAAM;IAE9B,MAAMP,CAAS,GAAGS,IAAI,KAAK,MAAM,GAAG,CAAC,GAAGA,IAAI,KAAK,OAAO,GAAGD,GAAG,CAACG,KAAK,GAAGF,IAAI;IAC3E,MAAMR,CAAS,GACbS,KAAK,KAAK,KAAK,GACX,CAAC,GACDA,KAAK,KAAK,QAAQ,GAClBF,GAAG,CAACI,MAAM,GAAG,CAAC,GACdF,KAAK,KAAK,QAAQ,GAClBF,GAAG,CAACI,MAAM,GACVF,KAAK;IAEX,OAAOb,iBAAiB,CAAC;MAAEG,CAAC;MAAEC;IAAE,CAAC,EAAkBO,GAAG,CAAC;EACzD;EAEA,OAAOX,iBAAiB,CACtB;IACEG,CAAC,EAAEQ,GAAG,CAACG,KAAK,GAAG,CAAC;IAChBV,CAAC,EAAEO,GAAG,CAACI,MAAM,GAAG;EAClB,CAAC,EACDJ,GACF,CAAC;AACH"}

package/lib/composables/dimension.mjs

@@ -0,0 +1,26 @@
+import { computed } from 'vue';
+import { toStyleSizeValue } from "../util/ui.mjs";
+import { propsFactory } from "../util/vue-component.mjs";
+const dimensionPropsOptions = {
+  minWidth: [Number, String],
+  width: [Number, String],
+  maxWidth: [Number, String],
+  minHeight: [Number, String],
+  height: [Number, String],
+  maxHeight: [Number, String]
+};
+export const pressDimensionPropsOptions = propsFactory(dimensionPropsOptions, 'dimension');
+export function useDimension(props) {
+  const dimensionStyles = computed(() => ({
+    minWidth: toStyleSizeValue(props.minWidth),
+    width: toStyleSizeValue(props.width),
+    maxWidth: toStyleSizeValue(props.maxWidth),
+    minHeight: toStyleSizeValue(props.minHeight),
+    height: toStyleSizeValue(props.height),
+    maxHeight: toStyleSizeValue(props.maxHeight)
+  }));
+  return {
+    dimensionStyles
+  };
+}
+//# sourceMappingURL=dimension.mjs.map

package/lib/composables/dimension.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dimension.mjs","names":["computed","toStyleSizeValue","propsFactory","dimensionPropsOptions","minWidth","Number","String","width","maxWidth","minHeight","height","maxHeight","pressDimensionPropsOptions","useDimension","props","dimensionStyles"],"sources":["../../src/composables/dimension.ts"],"sourcesContent":["import { ExtractPropTypes, PropType, computed } from 'vue';\n\nimport { toStyleSizeValue } from '../util/ui';\nimport { propsFactory } from '../util/vue-component';\n\nconst dimensionPropsOptions = {\n  minWidth: [Number, String] as PropType<number | string>,\n  width: [Number, String] as PropType<number | string>,\n  maxWidth: [Number, String] as PropType<number | string>,\n  minHeight: [Number, String] as PropType<number | string>,\n  height: [Number, String] as PropType<number | string>,\n  maxHeight: [Number, String] as PropType<number | string>,\n};\n\nexport const pressDimensionPropsOptions = propsFactory(\n  dimensionPropsOptions,\n  'dimension',\n);\n\nexport function useDimension(\n  props: ExtractPropTypes<typeof dimensionPropsOptions>,\n) {\n  const dimensionStyles = computed(() => ({\n    minWidth: toStyleSizeValue(props.minWidth),\n    width: toStyleSizeValue(props.width),\n    maxWidth: toStyleSizeValue(props.maxWidth),\n    minHeight: toStyleSizeValue(props.minHeight),\n    height: toStyleSizeValue(props.height),\n    maxHeight: toStyleSizeValue(props.maxHeight),\n  }));\n\n  return {\n    dimensionStyles,\n  };\n}\n"],"mappings":"AAAA,SAAqCA,QAAQ,QAAQ,KAAK;AAAC,SAElDC,gBAAgB;AAAA,SAChBC,YAAY;AAErB,MAAMC,qBAAqB,GAAG;EAC5BC,QAAQ,EAAE,CAACC,MAAM,EAAEC,MAAM,CAA8B;EACvDC,KAAK,EAAE,CAACF,MAAM,EAAEC,MAAM,CAA8B;EACpDE,QAAQ,EAAE,CAACH,MAAM,EAAEC,MAAM,CAA8B;EACvDG,SAAS,EAAE,CAACJ,MAAM,EAAEC,MAAM,CAA8B;EACxDI,MAAM,EAAE,CAACL,MAAM,EAAEC,MAAM,CAA8B;EACrDK,SAAS,EAAE,CAACN,MAAM,EAAEC,MAAM;AAC5B,CAAC;AAED,OAAO,MAAMM,0BAA0B,GAAGV,YAAY,CACpDC,qBAAqB,EACrB,WACF,CAAC;AAED,OAAO,SAASU,YAAYA,CAC1BC,KAAqD,EACrD;EACA,MAAMC,eAAe,GAAGf,QAAQ,CAAC,OAAO;IACtCI,QAAQ,EAAEH,gBAAgB,CAACa,KAAK,CAACV,QAAQ,CAAC;IAC1CG,KAAK,EAAEN,gBAAgB,CAACa,KAAK,CAACP,KAAK,CAAC;IACpCC,QAAQ,EAAEP,gBAAgB,CAACa,KAAK,CAACN,QAAQ,CAAC;IAC1CC,SAAS,EAAER,gBAAgB,CAACa,KAAK,CAACL,SAAS,CAAC;IAC5CC,MAAM,EAAET,gBAAgB,CAACa,KAAK,CAACJ,MAAM,CAAC;IACtCC,SAAS,EAAEV,gBAAgB,CAACa,KAAK,CAACH,SAAS;EAC7C,CAAC,CAAC,CAAC;EAEH,OAAO;IACLI;EACF,CAAC;AACH"}

package/lib/composables/focus.mjs

@@ -0,0 +1,29 @@
+import { propsFactory } from "../util/vue-component.mjs";
+import { computed } from "vue";
+import { useModelDuplex } from "./communication.mjs";
+const focusPropsOptions = {
+  focused: Boolean,
+  'onUpdate:focused': Function
+};
+export const pressFocusPropsOptions = propsFactory(focusPropsOptions, 'focus');
+export function useFocus(props, className) {
+  const focused = useModelDuplex(props, 'focused');
+  function whenFocus() {
+    focused.value = true;
+  }
+  function whenBlur() {
+    focused.value = false;
+  }
+  const focusedClasses = computed(() => {
+    return {
+      [`${className}--focused`]: focused.value
+    };
+  });
+  return {
+    focused,
+    whenFocus,
+    whenBlur,
+    focusedClasses
+  };
+}
+//# sourceMappingURL=focus.mjs.map

package/lib/composables/focus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.mjs","names":["propsFactory","computed","useModelDuplex","focusPropsOptions","focused","Boolean","Function","pressFocusPropsOptions","useFocus","props","className","whenFocus","value","whenBlur","focusedClasses"],"sources":["../../src/composables/focus.ts"],"sourcesContent":["import { propsFactory } from \"../util/vue-component\";\r\nimport { computed, ExtractPropTypes, PropType } from \"vue\";\r\nimport { useModelDuplex } from \"./communication\";\r\n\r\nconst focusPropsOptions = {\r\n  focused: Boolean,\r\n  'onUpdate:focused': Function as PropType<(v: boolean) => void>,\r\n};\r\n\r\nexport const pressFocusPropsOptions = propsFactory(focusPropsOptions, 'focus');\r\n\r\nexport function useFocus(props: ExtractPropTypes<typeof focusPropsOptions>, className: string) {\r\n  const focused = useModelDuplex(props, 'focused');\r\n\r\n  function whenFocus() {\r\n    focused.value = true;\r\n  }\r\n\r\n  function whenBlur() {\r\n    focused.value = false;\r\n  }\r\n\r\n  const focusedClasses = computed(() => {\r\n    return {\r\n      [`${className}--focused`]: focused.value,\r\n    }\r\n  })\r\n\r\n  return {\r\n    focused,\r\n    whenFocus,\r\n    whenBlur,\r\n    focusedClasses,\r\n  }\r\n}\r\n"],"mappings":"SAASA,YAAY;AACrB,SAASC,QAAQ,QAAoC,KAAK;AAAC,SAClDC,cAAc;AAEvB,MAAMC,iBAAiB,GAAG;EACxBC,OAAO,EAAEC,OAAO;EAChB,kBAAkB,EAAEC;AACtB,CAAC;AAED,OAAO,MAAMC,sBAAsB,GAAGP,YAAY,CAACG,iBAAiB,EAAE,OAAO,CAAC;AAE9E,OAAO,SAASK,QAAQA,CAACC,KAAiD,EAAEC,SAAiB,EAAE;EAC7F,MAAMN,OAAO,GAAGF,cAAc,CAACO,KAAK,EAAE,SAAS,CAAC;EAEhD,SAASE,SAASA,CAAA,EAAG;IACnBP,OAAO,CAACQ,KAAK,GAAG,IAAI;EACtB;EAEA,SAASC,QAAQA,CAAA,EAAG;IAClBT,OAAO,CAACQ,KAAK,GAAG,KAAK;EACvB;EAEA,MAAME,cAAc,GAAGb,QAAQ,CAAC,MAAM;IACpC,OAAO;MACL,CAAE,GAAES,SAAU,WAAU,GAAGN,OAAO,CAACQ;IACrC,CAAC;EACH,CAAC,CAAC;EAEF,OAAO;IACLR,OAAO;IACPO,SAAS;IACTE,QAAQ;IACRC;EACF,CAAC;AACH"}

package/lib/composables/list-items.mjs

@@ -0,0 +1,58 @@
+import { computed } from 'vue';
+import { pressItemsPropsOptions } from "../abstract/items.mjs";
+import { deepEqual, getPropertyFromItem } from "../util/common.mjs";
+import { propsFactory } from "../util/vue-component.mjs";
+const listItemsPropsOptions = {
+  ...pressItemsPropsOptions({
+    itemKey: 'value',
+    itemChildren: false
+  }),
+  returnItem: Boolean
+};
+export const pressListItemsPropsOptions = propsFactory(listItemsPropsOptions, 'list-items');
+export function refineListItems(props, items) {
+  return items.map(item => {
+    return refineListItem(props, item);
+  });
+}
+export function refineListItem(props, item) {
+  const text = getPropertyFromItem(item, props.itemText, item);
+  const value = props.returnItem ? item : getPropertyFromItem(item, props.itemKey, text);
+  const children = getPropertyFromItem(item, props.itemChildren);
+  return {
+    value,
+    text,
+    props: {
+      value,
+      text
+    },
+    children: Array.isArray(children) ? refineListItems(props, children) : undefined,
+    raw: item
+  };
+}
+export function useItems(props) {
+  const items = computed(() => refineListItems(props, props.items));
+  return useRefineListItems(items, v => refineListItem(props, v));
+}
+export function useRefineListItems(items, refine) {
+  function toRefineItems(values) {
+    return values.filter(v => v !== null || items.value.some(item => item.value === null)).map(v => {
+      const found = items.value.find(item => deepEqual(v, item.value));
+      return found ?? refine(v);
+    });
+  }
+  function toEmitItems(items) {
+    return items.map(_ref => {
+      let {
+        value
+      } = _ref;
+      return value;
+    });
+  }
+  return {
+    items,
+    toEmitItems,
+    toRefineItems
+  };
+}
+//# sourceMappingURL=list-items.mjs.map

package/lib/composables/list-items.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-items.mjs","names":["computed","pressItemsPropsOptions","deepEqual","getPropertyFromItem","propsFactory","listItemsPropsOptions","itemKey","itemChildren","returnItem","Boolean","pressListItemsPropsOptions","refineListItems","props","items","map","item","refineListItem","text","itemText","value","children","Array","isArray","undefined","raw","useItems","useRefineListItems","v","refine","toRefineItems","values","filter","some","found","find","toEmitItems","_ref"],"sources":["../../src/composables/list-items.ts"],"sourcesContent":["import type { ExtractPropTypes, Ref } from 'vue';\nimport { computed } from 'vue';\n\nimport { pressItemsPropsOptions } from '../abstract/items';\nimport { deepEqual, getPropertyFromItem } from '../util/common';\nimport { propsFactory } from '../util/vue-component';\n\nexport interface ListItem<T = any> {\n  value: any;\n  text: string;\n  props: {\n    [key: string]: any;\n    value: any;\n    text: string;\n  };\n  children?: ListItem<T>[];\n  raw: T;\n}\n\nconst listItemsPropsOptions = {\n  ...pressItemsPropsOptions({\n    itemKey: 'value',\n    itemChildren: false,\n  }),\n  returnItem: Boolean,\n};\n\ntype ListItemProps = ExtractPropTypes<typeof listItemsPropsOptions>;\n\nexport const pressListItemsPropsOptions = propsFactory(\n  listItemsPropsOptions,\n  'list-items',\n);\n\nexport function refineListItems(\n  props: Omit<ListItemProps, 'items'>,\n  items: any[],\n) {\n  return items.map((item) => {\n    return refineListItem(props, item);\n  });\n}\n\nexport function refineListItem(\n  props: Omit<ListItemProps, 'items'>,\n  item: any,\n): ListItem {\n  const text = getPropertyFromItem(item, props.itemText, item);\n  const value = props.returnItem\n    ? item\n    : getPropertyFromItem(item, props.itemKey, text);\n  const children = getPropertyFromItem(item, props.itemChildren);\n\n  return {\n    value,\n    text,\n    props: {\n      value,\n      text,\n    },\n    children: Array.isArray(children)\n      ? refineListItems(props, children)\n      : undefined,\n    raw: item,\n  };\n}\n\nexport function useItems(props: ListItemProps) {\n  const items = computed(() => refineListItems(props, props.items));\n  return useRefineListItems(items, (v) => refineListItem(props, v));\n}\n\nexport function useRefineListItems<T extends { value: unknown }>(\n  items: Ref<T[]>,\n  refine: (value: unknown) => T,\n) {\n  function toRefineItems(values: any[]): T[] {\n    return values\n      .filter(\n        (v) => v !== null || items.value.some((item) => item.value === null),\n      )\n      .map((v) => {\n        const found = items.value.find((item) => deepEqual(v, item.value));\n        return found ?? refine(v);\n      });\n  }\n\n  function toEmitItems(items: T[]) {\n    return items.map(({ value }) => value);\n  }\n\n  return {\n    items,\n    toEmitItems,\n    toRefineItems,\n  };\n}\n"],"mappings":"AACA,SAASA,QAAQ,QAAQ,KAAK;AAAC,SAEtBC,sBAAsB;AAAA,SACtBC,SAAS,EAAEC,mBAAmB;AAAA,SAC9BC,YAAY;AAcrB,MAAMC,qBAAqB,GAAG;EAC5B,GAAGJ,sBAAsB,CAAC;IACxBK,OAAO,EAAE,OAAO;IAChBC,YAAY,EAAE;EAChB,CAAC,CAAC;EACFC,UAAU,EAAEC;AACd,CAAC;AAID,OAAO,MAAMC,0BAA0B,GAAGN,YAAY,CACpDC,qBAAqB,EACrB,YACF,CAAC;AAED,OAAO,SAASM,eAAeA,CAC7BC,KAAmC,EACnCC,KAAY,EACZ;EACA,OAAOA,KAAK,CAACC,GAAG,CAAEC,IAAI,IAAK;IACzB,OAAOC,cAAc,CAACJ,KAAK,EAAEG,IAAI,CAAC;EACpC,CAAC,CAAC;AACJ;AAEA,OAAO,SAASC,cAAcA,CAC5BJ,KAAmC,EACnCG,IAAS,EACC;EACV,MAAME,IAAI,GAAGd,mBAAmB,CAACY,IAAI,EAAEH,KAAK,CAACM,QAAQ,EAAEH,IAAI,CAAC;EAC5D,MAAMI,KAAK,GAAGP,KAAK,CAACJ,UAAU,GAC1BO,IAAI,GACJZ,mBAAmB,CAACY,IAAI,EAAEH,KAAK,CAACN,OAAO,EAAEW,IAAI,CAAC;EAClD,MAAMG,QAAQ,GAAGjB,mBAAmB,CAACY,IAAI,EAAEH,KAAK,CAACL,YAAY,CAAC;EAE9D,OAAO;IACLY,KAAK;IACLF,IAAI;IACJL,KAAK,EAAE;MACLO,KAAK;MACLF;IACF,CAAC;IACDG,QAAQ,EAAEC,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,GAC7BT,eAAe,CAACC,KAAK,EAAEQ,QAAQ,CAAC,GAChCG,SAAS;IACbC,GAAG,EAAET;EACP,CAAC;AACH;AAEA,OAAO,SAASU,QAAQA,CAACb,KAAoB,EAAE;EAC7C,MAAMC,KAAK,GAAGb,QAAQ,CAAC,MAAMW,eAAe,CAACC,KAAK,EAAEA,KAAK,CAACC,KAAK,CAAC,CAAC;EACjE,OAAOa,kBAAkB,CAACb,KAAK,EAAGc,CAAC,IAAKX,cAAc,CAACJ,KAAK,EAAEe,CAAC,CAAC,CAAC;AACnE;AAEA,OAAO,SAASD,kBAAkBA,CAChCb,KAAe,EACfe,MAA6B,EAC7B;EACA,SAASC,aAAaA,CAACC,MAAa,EAAO;IACzC,OAAOA,MAAM,CACVC,MAAM,CACJJ,CAAC,IAAKA,CAAC,KAAK,IAAI,IAAId,KAAK,CAACM,KAAK,CAACa,IAAI,CAAEjB,IAAI,IAAKA,IAAI,CAACI,KAAK,KAAK,IAAI,CACrE,CAAC,CACAL,GAAG,CAAEa,CAAC,IAAK;MACV,MAAMM,KAAK,GAAGpB,KAAK,CAACM,KAAK,CAACe,IAAI,CAAEnB,IAAI,IAAKb,SAAS,CAACyB,CAAC,EAAEZ,IAAI,CAACI,KAAK,CAAC,CAAC;MAClE,OAAOc,KAAK,IAAIL,MAAM,CAACD,CAAC,CAAC;IAC3B,CAAC,CAAC;EACN;EAEA,SAASQ,WAAWA,CAACtB,KAAU,EAAE;IAC/B,OAAOA,KAAK,CAACC,GAAG,CAACsB,IAAA;MAAA,IAAC;QAAEjB;MAAM,CAAC,GAAAiB,IAAA;MAAA,OAAKjB,KAAK;IAAA,EAAC;EACxC;EAEA,OAAO;IACLN,KAAK;IACLsB,WAAW;IACXN;EACF,CAAC;AACH"}

package/lib/composables/theme/factory.mjs

@@ -0,0 +1,45 @@
+import { APCAcontrast, sRGBtoY } from "../../util/color/apca.mjs";
+import { rgbFromHex } from "../../util/color/conversion.mjs";
+export function createThemes(options) {
+  const acc = {};
+  for (const [themeKey, themeOptions] of Object.entries(options)) {
+    const theme = acc[themeKey] = {
+      ...themeOptions,
+      colors: {
+        ...themeOptions.colors
+      },
+      variables: {
+        ...themeOptions.variables
+      }
+    };
+    for (const colorName of Object.keys(theme.colors)) {
+      const color = theme.colors[colorName];
+      if (/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})/i.test(color)) {
+        theme.colors[colorName] = rgbFromHex(color)?.join(', ');
+      }
+      if (/^on-[a-z]/.test(colorName) || theme.colors[`on-${colorName}`]) continue;
+      const onColor = `on-${colorName}`;
+      const colorY = sRGBtoY(rgbFromHex(color) ?? [0, 0, 0]);
+      const blackContrast = Math.abs(APCAcontrast(sRGBtoY([0, 0, 0]), colorY));
+      const whiteContrast = Math.abs(APCAcontrast(sRGBtoY([255, 255, 255]), colorY));
+
+      // Prefer white text if both have an acceptable contrast ratio
+      theme.colors[onColor] = whiteContrast > Math.min(blackContrast, 50) ? '255, 255, 255' : '0, 0, 0';
+    }
+  }
+  return acc;
+}
+export function createPalette(options) {
+  const acc = {};
+  const {
+    scaleMethod,
+    colors
+  } = options;
+  for (const [colorName, value] of Object.entries(colors)) {
+    if (typeof value === 'string') {
+      acc[colorName] = value;
+    }
+  }
+  return acc;
+}
+//# sourceMappingURL=factory.mjs.map

package/lib/composables/theme/factory.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.mjs","names":["APCAcontrast","sRGBtoY","rgbFromHex","createThemes","options","acc","themeKey","themeOptions","Object","entries","theme","colors","variables","colorName","keys","color","test","join","onColor","colorY","blackContrast","Math","abs","whiteContrast","min","createPalette","scaleMethod","value"],"sources":["../../../src/composables/theme/factory.ts"],"sourcesContent":["import { APCAcontrast, sRGBtoY } from '../../util/color/apca';\nimport { rgbFromHex } from '../../util/color/conversion';\nimport { ThemeDefinition } from './types';\n\nexport function createThemes(options: Record<string, any>) {\n  const acc: Record<'light' | 'dark' | string, ThemeDefinition> = {};\n\n  for (const [themeKey, themeOptions] of Object.entries(options)) {\n    const theme = (acc[themeKey] = {\n      ...themeOptions,\n      colors: {\n        ...themeOptions.colors,\n      },\n      variables: {\n        ...themeOptions.variables,\n      },\n    });\n\n    for (const colorName of Object.keys(theme.colors)) {\n      const color = theme.colors[colorName];\n      if (/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})/i.test(color)) {\n        theme.colors[colorName] = rgbFromHex(color)?.join(', ');\n      }\n\n      if (/^on-[a-z]/.test(colorName) || theme.colors[`on-${colorName}`])\n        continue;\n\n      const onColor = `on-${colorName}`;\n      const colorY = sRGBtoY(rgbFromHex(color!) ?? [0, 0, 0]);\n\n      const blackContrast = Math.abs(\n        APCAcontrast(sRGBtoY([0, 0, 0]), colorY) as number,\n      );\n      const whiteContrast = Math.abs(\n        APCAcontrast(sRGBtoY([255, 255, 255]), colorY) as number,\n      );\n\n      // Prefer white text if both have an acceptable contrast ratio\n      theme.colors[onColor] =\n        whiteContrast > Math.min(blackContrast, 50)\n          ? '255, 255, 255'\n          : '0, 0, 0';\n    }\n  }\n\n  return acc;\n}\n\nexport function createPalette(options: Record<string, string | any>) {\n  const acc: Record<string, string> = {};\n  const { scaleMethod, colors } = options;\n  for (const [colorName, value] of Object.entries(colors)) {\n    if (typeof value === 'string') {\n      acc[colorName] = value;\n    }\n  }\n  return acc;\n}\n"],"mappings":"SAASA,YAAY,EAAEC,OAAO;AAAA,SACrBC,UAAU;AAGnB,OAAO,SAASC,YAAYA,CAACC,OAA4B,EAAE;EACzD,MAAMC,GAAuD,GAAG,CAAC,CAAC;EAElE,KAAK,MAAM,CAACC,QAAQ,EAAEC,YAAY,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACL,OAAO,CAAC,EAAE;IAC9D,MAAMM,KAAK,GAAIL,GAAG,CAACC,QAAQ,CAAC,GAAG;MAC7B,GAAGC,YAAY;MACfI,MAAM,EAAE;QACN,GAAGJ,YAAY,CAACI;MAClB,CAAC;MACDC,SAAS,EAAE;QACT,GAAGL,YAAY,CAACK;MAClB;IACF,CAAE;IAEF,KAAK,MAAMC,SAAS,IAAIL,MAAM,CAACM,IAAI,CAACJ,KAAK,CAACC,MAAM,CAAC,EAAE;MACjD,MAAMI,KAAK,GAAGL,KAAK,CAACC,MAAM,CAACE,SAAS,CAAC;MACrC,IAAI,0CAA0C,CAACG,IAAI,CAACD,KAAK,CAAC,EAAE;QAC1DL,KAAK,CAACC,MAAM,CAACE,SAAS,CAAC,GAAGX,UAAU,CAACa,KAAK,CAAC,EAAEE,IAAI,CAAC,IAAI,CAAC;MACzD;MAEA,IAAI,WAAW,CAACD,IAAI,CAACH,SAAS,CAAC,IAAIH,KAAK,CAACC,MAAM,CAAE,MAAKE,SAAU,EAAC,CAAC,EAChE;MAEF,MAAMK,OAAO,GAAI,MAAKL,SAAU,EAAC;MACjC,MAAMM,MAAM,GAAGlB,OAAO,CAACC,UAAU,CAACa,KAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;MAEvD,MAAMK,aAAa,GAAGC,IAAI,CAACC,GAAG,CAC5BtB,YAAY,CAACC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAEkB,MAAM,CACzC,CAAC;MACD,MAAMI,aAAa,GAAGF,IAAI,CAACC,GAAG,CAC5BtB,YAAY,CAACC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,EAAEkB,MAAM,CAC/C,CAAC;;MAED;MACAT,KAAK,CAACC,MAAM,CAACO,OAAO,CAAC,GACnBK,aAAa,GAAGF,IAAI,CAACG,GAAG,CAACJ,aAAa,EAAE,EAAE,CAAC,GACvC,eAAe,GACf,SAAS;IACjB;EACF;EAEA,OAAOf,GAAG;AACZ;AAEA,OAAO,SAASoB,aAAaA,CAACrB,OAAqC,EAAE;EACnE,MAAMC,GAA2B,GAAG,CAAC,CAAC;EACtC,MAAM;IAAEqB,WAAW;IAAEf;EAAO,CAAC,GAAGP,OAAO;EACvC,KAAK,MAAM,CAACS,SAAS,EAAEc,KAAK,CAAC,IAAInB,MAAM,CAACC,OAAO,CAACE,MAAM,CAAC,EAAE;IACvD,IAAI,OAAOgB,KAAK,KAAK,QAAQ,EAAE;MAC7BtB,GAAG,CAACQ,SAAS,CAAC,GAAGc,KAAK;IACxB;EACF;EACA,OAAOtB,GAAG;AACZ"}