yuyeon 0.3.1-rc.6 → 0.3.1

package/lib/composables/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/composables/index.ts"],"sourcesContent":["export * from './communication';\r\nexport * from './date';\r\nexport * from './resize-observer';\r\nexport * from './component';\r\nexport * from './focus';\r\nexport * from './scope';\r\nexport * from './timing';\r\nexport * from './transition';\r\nexport * from './vue-router';\r\nexport * from './theme';\r\n"],"mappings":""}

package/lib/composables/layer-group.js

@@ -0,0 +1,66 @@
+import { computed, getCurrentInstance, onBeforeUnmount, unref, watch } from 'vue';
+import { useYuyeon } from "./../index.js";
+export const Y_LAYER_GROUP_CLASS_NAME = 'y-layer-group';
+const layerGroupState = new WeakMap();
+export function useLayerGroup(props) {
+  const vm = getCurrentInstance();
+  const yuyeon = useYuyeon();
+  const layerGroup = computed(() => {
+    let targetEl = document.body;
+    const rootEl = vm.root.proxy?.$el;
+    if (rootEl) {
+      targetEl = rootEl;
+    }
+    const refTarget = unref(props.layerGroup);
+    if (typeof refTarget === 'string') {
+      const el = document.querySelector(refTarget);
+      if (el) {
+        targetEl = el;
+      }
+    }
+    if (refTarget && refTarget.nodeType === 1) {
+      targetEl = refTarget;
+    }
+    //
+    let layerEl = targetEl.querySelector(`:scope > .${Y_LAYER_GROUP_CLASS_NAME}`);
+    if (!layerEl) {
+      layerEl = document.createElement('div');
+      layerEl.className = Y_LAYER_GROUP_CLASS_NAME;
+      targetEl.appendChild(layerEl);
+    }
+    return layerEl;
+  });
+  watch(layerGroup, (neo, old) => {
+    if (old && layerGroupState.has(old)) {
+      layerGroupState.get(old)?.delete(vm);
+    }
+    if (!(layerGroupState.has(neo) && layerGroupState.get(neo))) {
+      layerGroupState.set(neo, new Set());
+    }
+    layerGroupState.get(neo)?.add(vm);
+  }, {
+    immediate: true
+  });
+  function getActiveLayers() {
+    const activeLayers = [];
+    const currentGroup = layerGroupState.get(layerGroup.value);
+    currentGroup?.forEach(value => {
+      if (value?.ctx?.active && !value?.isUnmounted) {
+        activeLayers.push(value);
+      }
+    });
+    return activeLayers;
+  }
+  function unregister() {
+    layerGroupState.get(layerGroup.value)?.delete(vm);
+  }
+  onBeforeUnmount(() => {
+    unregister();
+  });
+  return {
+    layerGroup,
+    layerGroupState,
+    getActiveLayers
+  };
+}
+//# sourceMappingURL=layer-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layer-group.js","names":["computed","getCurrentInstance","onBeforeUnmount","unref","watch","useYuyeon","Y_LAYER_GROUP_CLASS_NAME","layerGroupState","WeakMap","useLayerGroup","props","vm","yuyeon","layerGroup","targetEl","document","body","rootEl","root","proxy","$el","refTarget","el","querySelector","nodeType","layerEl","createElement","className","appendChild","neo","old","has","get","delete","set","Set","add","immediate","getActiveLayers","activeLayers","currentGroup","value","forEach","ctx","active","isUnmounted","push","unregister"],"sources":["../../src/composables/layer-group.ts"],"sourcesContent":["import {\r\n  type MaybeRef,\r\n  computed,\r\n  getCurrentInstance,\r\n  onBeforeUnmount,\r\n  unref,\r\n  watch,\r\n} from 'vue';\r\nimport type { ComponentInternalInstance, Ref } from 'vue';\r\n\r\nimport { useYuyeon } from '@/index';\r\n\r\nexport const Y_LAYER_GROUP_CLASS_NAME = 'y-layer-group';\r\n\r\nconst layerGroupState = new WeakMap<HTMLElement, Set<any>>();\r\n\r\nexport function useLayerGroup(props: {\r\n  layerGroup?: MaybeRef<string | Element | undefined>;\r\n}) {\r\n  const vm = getCurrentInstance()!;\r\n  const yuyeon = useYuyeon();\r\n\r\n  const layerGroup = computed<HTMLElement>(() => {\r\n    let targetEl: Element = document.body;\r\n    const rootEl = vm.root.proxy?.$el;\r\n    if (rootEl) {\r\n      targetEl = rootEl;\r\n    }\r\n    const refTarget = unref(props.layerGroup);\r\n    if (typeof refTarget === 'string') {\r\n      const el = document.querySelector(refTarget);\r\n      if (el) {\r\n        targetEl = el;\r\n      }\r\n    }\r\n    if (refTarget && (refTarget as Element).nodeType === 1) {\r\n      targetEl = refTarget as Element;\r\n    }\r\n    //\r\n    let layerEl = targetEl.querySelector(\r\n      `:scope > .${Y_LAYER_GROUP_CLASS_NAME}`,\r\n    );\r\n    if (!layerEl) {\r\n      layerEl = document.createElement('div');\r\n      layerEl.className = Y_LAYER_GROUP_CLASS_NAME;\r\n      targetEl.appendChild(layerEl);\r\n    }\r\n    return layerEl as HTMLElement;\r\n  });\r\n\r\n  watch(\r\n    layerGroup,\r\n    (neo, old) => {\r\n      if (old && layerGroupState.has(old)) {\r\n        layerGroupState.get(old)?.delete(vm);\r\n      }\r\n      if (!(layerGroupState.has(neo) && layerGroupState.get(neo))) {\r\n        layerGroupState.set(neo, new Set());\r\n      }\r\n      layerGroupState.get(neo)?.add(vm);\r\n    },\r\n    { immediate: true },\r\n  );\r\n\r\n  function getActiveLayers() {\r\n    const activeLayers: ComponentInternalInstance[] = [];\r\n    const currentGroup = layerGroupState.get(layerGroup.value);\r\n    currentGroup?.forEach((value) => {\r\n      if (value?.ctx?.active && !value?.isUnmounted) {\r\n        activeLayers.push(value);\r\n      }\r\n    });\r\n    return activeLayers;\r\n  }\r\n\r\n  function unregister() {\r\n    layerGroupState.get(layerGroup.value)?.delete(vm);\r\n  }\r\n\r\n  onBeforeUnmount(() => {\r\n    unregister();\r\n  });\r\n\r\n  return { layerGroup, layerGroupState, getActiveLayers };\r\n}\r\n"],"mappings":"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"}

package/lib/composables/layout.js

@@ -0,0 +1,13 @@
+import { provide } from 'vue';
+export const YUYEON_LAYOUT_KEY = Symbol.for('yuyeon.layout');
+export function initLayoutSystem() {
+  provide(YUYEON_LAYOUT_KEY, {
+    register: () => {
+      return;
+    },
+    unregister: () => {
+      return;
+    }
+  });
+}
+//# sourceMappingURL=layout.js.map

package/lib/composables/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","names":["provide","YUYEON_LAYOUT_KEY","Symbol","for","initLayoutSystem","register","unregister"],"sources":["../../src/composables/layout.ts"],"sourcesContent":["import { type InjectionKey, provide } from 'vue';\r\n\r\ndeclare function register(): void;\r\n\r\ninterface LayoutProvide {\r\n  register: typeof register;\r\n  unregister: (id: string) => void;\r\n}\r\n\r\nexport const YUYEON_LAYOUT_KEY: InjectionKey<LayoutProvide> =\r\n  Symbol.for('yuyeon.layout');\r\n\r\nexport function initLayoutSystem() {\r\n  provide(YUYEON_LAYOUT_KEY, {\r\n    register: () => {\r\n      return;\r\n    },\r\n    unregister: () => {\r\n      return;\r\n    },\r\n  });\r\n}\r\n"],"mappings":"AAAA,SAA4BA,OAAO,QAAQ,KAAK;AAShD,OAAO,MAAMC,iBAA8C,GACzDC,MAAM,CAACC,GAAG,CAAC,eAAe,CAAC;AAE7B,OAAO,SAASC,gBAAgBA,CAAA,EAAG;EACjCJ,OAAO,CAACC,iBAAiB,EAAE;IACzBI,QAAQ,EAAEA,CAAA,KAAM;MACd;IACF,CAAC;IACDC,UAAU,EAAEA,CAAA,KAAM;MAChB;IACF;EACF,CAAC,CAAC;AACJ"}

package/lib/composables/list-items.js

@@ -0,0 +1,66 @@
+import { computed } from 'vue';
+import { pressItemsPropsOptions } from "../abstract/items.js";
+import { deepEqual, getPropertyFromItem } from "../util/common.js";
+import { propsFactory } from "../util/component/index.js";
+const listItemsPropsOptions = {
+  ...pressItemsPropsOptions({
+    itemKey: 'value',
+    itemChildren: false
+  }),
+  returnItem: Boolean
+};
+export const pressListItemsPropsOptions = propsFactory(listItemsPropsOptions, 'list-items');
+export function refineListItems(props, items) {
+  const ret = [];
+  for (const item of items) {
+    ret.push(refineListItem(props, item));
+  }
+  return ret;
+}
+export function refineListItem(props, item) {
+  const hide = !!item?.hide;
+  const disabled = !!item?.disabled;
+  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,
+    hide,
+    disabled,
+    props: {
+      value,
+      text
+    },
+    children: Array.isArray(children) ? refineListItems(props, children) : undefined,
+    raw: item
+  };
+}
+export function useItems(props) {
+  const items = computed(() => refineListItems(props, props.items));
+  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 ?? refineListItem(props, v);
+    });
+  }
+  function toEmitItems(items) {
+    return props.returnItem ? items.map(_ref => {
+      let {
+        raw
+      } = _ref;
+      return raw;
+    }) : items.map(_ref2 => {
+      let {
+        value
+      } = _ref2;
+      return value;
+    });
+  }
+  return {
+    items,
+    toEmitItems,
+    toRefineItems
+  };
+}
+//# sourceMappingURL=list-items.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-items.js","names":["computed","pressItemsPropsOptions","deepEqual","getPropertyFromItem","propsFactory","listItemsPropsOptions","itemKey","itemChildren","returnItem","Boolean","pressListItemsPropsOptions","refineListItems","props","items","ret","item","push","refineListItem","hide","disabled","text","itemText","value","children","Array","isArray","undefined","raw","useItems","toRefineItems","values","filter","v","some","map","found","find","toEmitItems","_ref","_ref2"],"sources":["../../src/composables/list-items.ts"],"sourcesContent":["import { type ExtractPropTypes, computed } from 'vue';\r\n\r\nimport { pressItemsPropsOptions } from '@/abstract/items';\r\nimport { deepEqual, getPropertyFromItem } from '@/util/common';\r\nimport { propsFactory } from '@/util/component';\r\n\r\nexport interface ListItem<T = any> {\r\n  value: any;\r\n  text: string;\r\n  hide: boolean;\r\n  disabled: boolean;\r\n  props: {\r\n    [key: string]: any;\r\n    value: any;\r\n    text: string;\r\n  };\r\n  children?: ListItem<T>[];\r\n  raw: T;\r\n}\r\n\r\nconst listItemsPropsOptions = {\r\n  ...pressItemsPropsOptions({\r\n    itemKey: 'value',\r\n    itemChildren: false,\r\n  }),\r\n  returnItem: Boolean,\r\n};\r\n\r\ntype ListItemProps = ExtractPropTypes<typeof listItemsPropsOptions>;\r\n\r\nexport const pressListItemsPropsOptions = propsFactory(\r\n  listItemsPropsOptions,\r\n  'list-items',\r\n);\r\n\r\nexport function refineListItems(\r\n  props: Omit<ListItemProps, 'items'>,\r\n  items: any[],\r\n) {\r\n  const ret: ListItem[] = [];\r\n  for (const item of items) {\r\n    ret.push(refineListItem(props, item));\r\n  }\r\n  return ret;\r\n}\r\n\r\nexport function refineListItem(\r\n  props: Omit<ListItemProps, 'items'>,\r\n  item: any,\r\n): ListItem {\r\n  const hide = !!item?.hide;\r\n  const disabled = !!item?.disabled;\r\n  const text = getPropertyFromItem(item, props.itemText, item);\r\n  const value = props.returnItem\r\n    ? item\r\n    : getPropertyFromItem(item, props.itemKey, text);\r\n  const children = getPropertyFromItem(item, props.itemChildren);\r\n\r\n  return {\r\n    value,\r\n    text,\r\n    hide,\r\n    disabled,\r\n    props: {\r\n      value,\r\n      text,\r\n    },\r\n    children: Array.isArray(children)\r\n      ? refineListItems(props, children)\r\n      : undefined,\r\n    raw: item,\r\n  };\r\n}\r\n\r\nexport function useItems(props: ListItemProps) {\r\n  const items = computed(() => refineListItems(props, props.items));\r\n\r\n  function toRefineItems(values: any[]) {\r\n    return values\r\n      .filter(\r\n        (v) => v !== null || items.value.some((item) => item.value === null),\r\n      )\r\n      .map((v) => {\r\n        const found = items.value.find((item) => deepEqual(v, item.value));\r\n        return found ?? refineListItem(props, v);\r\n      });\r\n  }\r\n\r\n  function toEmitItems(items: any[]) {\r\n    return props.returnItem\r\n      ? items.map(({ raw }) => raw)\r\n      : items.map(({ value }) => value);\r\n  }\r\n\r\n  return {\r\n    items,\r\n    toEmitItems,\r\n    toRefineItems,\r\n  };\r\n}\r\n"],"mappings":"AAAA,SAAgCA,QAAQ,QAAQ,KAAK;AAAC,SAE7CC,sBAAsB;AAAA,SACtBC,SAAS,EAAEC,mBAAmB;AAAA,SAC9BC,YAAY;AAgBrB,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,MAAMC,GAAe,GAAG,EAAE;EAC1B,KAAK,MAAMC,IAAI,IAAIF,KAAK,EAAE;IACxBC,GAAG,CAACE,IAAI,CAACC,cAAc,CAACL,KAAK,EAAEG,IAAI,CAAC,CAAC;EACvC;EACA,OAAOD,GAAG;AACZ;AAEA,OAAO,SAASG,cAAcA,CAC5BL,KAAmC,EACnCG,IAAS,EACC;EACV,MAAMG,IAAI,GAAG,CAAC,CAACH,IAAI,EAAEG,IAAI;EACzB,MAAMC,QAAQ,GAAG,CAAC,CAACJ,IAAI,EAAEI,QAAQ;EACjC,MAAMC,IAAI,GAAGjB,mBAAmB,CAACY,IAAI,EAAEH,KAAK,CAACS,QAAQ,EAAEN,IAAI,CAAC;EAC5D,MAAMO,KAAK,GAAGV,KAAK,CAACJ,UAAU,GAC1BO,IAAI,GACJZ,mBAAmB,CAACY,IAAI,EAAEH,KAAK,CAACN,OAAO,EAAEc,IAAI,CAAC;EAClD,MAAMG,QAAQ,GAAGpB,mBAAmB,CAACY,IAAI,EAAEH,KAAK,CAACL,YAAY,CAAC;EAE9D,OAAO;IACLe,KAAK;IACLF,IAAI;IACJF,IAAI;IACJC,QAAQ;IACRP,KAAK,EAAE;MACLU,KAAK;MACLF;IACF,CAAC;IACDG,QAAQ,EAAEC,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,GAC7BZ,eAAe,CAACC,KAAK,EAAEW,QAAQ,CAAC,GAChCG,SAAS;IACbC,GAAG,EAAEZ;EACP,CAAC;AACH;AAEA,OAAO,SAASa,QAAQA,CAAChB,KAAoB,EAAE;EAC7C,MAAMC,KAAK,GAAGb,QAAQ,CAAC,MAAMW,eAAe,CAACC,KAAK,EAAEA,KAAK,CAACC,KAAK,CAAC,CAAC;EAEjE,SAASgB,aAAaA,CAACC,MAAa,EAAE;IACpC,OAAOA,MAAM,CACVC,MAAM,CACJC,CAAC,IAAKA,CAAC,KAAK,IAAI,IAAInB,KAAK,CAACS,KAAK,CAACW,IAAI,CAAElB,IAAI,IAAKA,IAAI,CAACO,KAAK,KAAK,IAAI,CACrE,CAAC,CACAY,GAAG,CAAEF,CAAC,IAAK;MACV,MAAMG,KAAK,GAAGtB,KAAK,CAACS,KAAK,CAACc,IAAI,CAAErB,IAAI,IAAKb,SAAS,CAAC8B,CAAC,EAAEjB,IAAI,CAACO,KAAK,CAAC,CAAC;MAClE,OAAOa,KAAK,IAAIlB,cAAc,CAACL,KAAK,EAAEoB,CAAC,CAAC;IAC1C,CAAC,CAAC;EACN;EAEA,SAASK,WAAWA,CAACxB,KAAY,EAAE;IACjC,OAAOD,KAAK,CAACJ,UAAU,GACnBK,KAAK,CAACqB,GAAG,CAACI,IAAA;MAAA,IAAC;QAAEX;MAAI,CAAC,GAAAW,IAAA;MAAA,OAAKX,GAAG;IAAA,EAAC,GAC3Bd,KAAK,CAACqB,GAAG,CAACK,KAAA;MAAA,IAAC;QAAEjB;MAAM,CAAC,GAAAiB,KAAA;MAAA,OAAKjB,KAAK;IAAA,EAAC;EACrC;EAEA,OAAO;IACLT,KAAK;IACLwB,WAAW;IACXR;EACF,CAAC;AACH"}

package/lib/composables/progress.js

@@ -0,0 +1,26 @@
+import { computed, shallowRef, watch } from 'vue';
+export function useProgress(props) {
+  const delta = shallowRef(0);
+  const numValue = computed(() => {
+    const {
+      modelValue,
+      value
+    } = props;
+    const numValue = Number(modelValue ?? value);
+    if (Number.isNaN(numValue) || numValue < 0) {
+      return 0;
+    }
+    if (numValue > 100) {
+      return 100;
+    }
+    return numValue;
+  });
+  watch(numValue, (neo, old) => {
+    delta.value = neo - old;
+  });
+  return {
+    numValue,
+    delta
+  };
+}
+//# sourceMappingURL=progress.js.map

package/lib/composables/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","names":["computed","shallowRef","watch","useProgress","props","delta","numValue","modelValue","value","Number","isNaN","neo","old"],"sources":["../../src/composables/progress.ts"],"sourcesContent":["import { computed, shallowRef, watch } from 'vue';\r\n\r\nexport function useProgress(props: any) {\r\n  const delta = shallowRef(0);\r\n\r\n  const numValue = computed(() => {\r\n    const { modelValue, value } = props;\r\n    const numValue = Number(modelValue ?? value);\r\n    if (Number.isNaN(numValue) || numValue < 0) {\r\n      return 0;\r\n    }\r\n    if (numValue > 100) {\r\n      return 100;\r\n    }\r\n    return numValue;\r\n  });\r\n\r\n  watch(numValue, (neo, old) => {\r\n    delta.value = neo - old;\r\n  });\r\n\r\n  return {\r\n    numValue,\r\n    delta,\r\n  };\r\n}\r\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,UAAU,EAAEC,KAAK,QAAQ,KAAK;AAEjD,OAAO,SAASC,WAAWA,CAACC,KAAU,EAAE;EACtC,MAAMC,KAAK,GAAGJ,UAAU,CAAC,CAAC,CAAC;EAE3B,MAAMK,QAAQ,GAAGN,QAAQ,CAAC,MAAM;IAC9B,MAAM;MAAEO,UAAU;MAAEC;IAAM,CAAC,GAAGJ,KAAK;IACnC,MAAME,QAAQ,GAAGG,MAAM,CAACF,UAAU,IAAIC,KAAK,CAAC;IAC5C,IAAIC,MAAM,CAACC,KAAK,CAACJ,QAAQ,CAAC,IAAIA,QAAQ,GAAG,CAAC,EAAE;MAC1C,OAAO,CAAC;IACV;IACA,IAAIA,QAAQ,GAAG,GAAG,EAAE;MAClB,OAAO,GAAG;IACZ;IACA,OAAOA,QAAQ;EACjB,CAAC,CAAC;EAEFJ,KAAK,CAACI,QAAQ,EAAE,CAACK,GAAG,EAAEC,GAAG,KAAK;IAC5BP,KAAK,CAACG,KAAK,GAAGG,GAAG,GAAGC,GAAG;EACzB,CAAC,CAAC;EAEF,OAAO;IACLN,QAAQ;IACRD;EACF,CAAC;AACH"}

package/lib/composables/ref.js

@@ -0,0 +1,13 @@
+import { onBeforeUpdate, ref } from 'vue';
+export function useRefs() {
+  const refs = ref([]);
+  onBeforeUpdate(() => refs.value = []);
+  function updateRef(e, i) {
+    refs.value[i] = e;
+  }
+  return {
+    refs,
+    updateRef
+  };
+}
+//# sourceMappingURL=ref.js.map

package/lib/composables/ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ref.js","names":["onBeforeUpdate","ref","useRefs","refs","value","updateRef","e","i"],"sources":["../../src/composables/ref.ts"],"sourcesContent":["import { type Ref, onBeforeUpdate, ref } from 'vue';\r\n\r\nexport function useRefs<T extends {}>() {\r\n  const refs = ref<(T | undefined)[]>([]) as Ref<(T | undefined)[]>;\r\n\r\n  onBeforeUpdate(() => (refs.value = []));\r\n\r\n  function updateRef(e: any, i: number) {\r\n    refs.value[i] = e;\r\n  }\r\n\r\n  return { refs, updateRef };\r\n}\r\n"],"mappings":"AAAA,SAAmBA,cAAc,EAAEC,GAAG,QAAQ,KAAK;AAEnD,OAAO,SAASC,OAAOA,CAAA,EAAiB;EACtC,MAAMC,IAAI,GAAGF,GAAG,CAAoB,EAAE,CAA2B;EAEjED,cAAc,CAAC,MAAOG,IAAI,CAACC,KAAK,GAAG,EAAG,CAAC;EAEvC,SAASC,SAASA,CAACC,CAAM,EAAEC,CAAS,EAAE;IACpCJ,IAAI,CAACC,KAAK,CAACG,CAAC,CAAC,GAAGD,CAAC;EACnB;EAEA,OAAO;IAAEH,IAAI;IAAEE;EAAU,CAAC;AAC5B"}

package/lib/composables/resize-observer.js

@@ -0,0 +1,33 @@
+import { onBeforeUnmount, readonly, ref, watch } from 'vue';
+import { getHtmlElement } from "../util/component/index.js";
+import Environments from "../util/environments.js";
+export function useResizeObserver(callback) {
+  const resizeObservedRef = ref();
+  const contentRect = ref();
+  if (Environments.canUseResizeObserver) {
+    const observer = new ResizeObserver((entries, observer) => {
+      callback?.(entries, observer);
+      if (!entries.length) return;
+      contentRect.value = entries[0].contentRect;
+    });
+    onBeforeUnmount(() => {
+      observer.disconnect();
+    });
+    watch(resizeObservedRef, (neo, old) => {
+      if (old) {
+        observer.unobserve(getHtmlElement(old));
+        contentRect.value = undefined;
+      }
+      if (neo) {
+        observer.observe(getHtmlElement(neo));
+      }
+    }, {
+      flush: 'post'
+    });
+  }
+  return {
+    resizeObservedRef,
+    contentRect: readonly(contentRect)
+  };
+}
+//# sourceMappingURL=resize-observer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resize-observer.js","names":["onBeforeUnmount","readonly","ref","watch","getHtmlElement","Environments","useResizeObserver","callback","resizeObservedRef","contentRect","canUseResizeObserver","observer","ResizeObserver","entries","length","value","disconnect","neo","old","unobserve","undefined","observe","flush"],"sources":["../../src/composables/resize-observer.ts"],"sourcesContent":["import { onBeforeUnmount, readonly, ref, watch } from 'vue';\r\n\r\nimport { getHtmlElement } from '@/util/component';\r\nimport Environments from '@/util/environments';\r\n\r\nexport function useResizeObserver(callback?: ResizeObserverCallback) {\r\n  const resizeObservedRef = ref<HTMLElement>();\r\n  const contentRect = ref<DOMRectReadOnly>();\r\n  if (Environments.canUseResizeObserver) {\r\n    const observer = new ResizeObserver((entries, observer) => {\r\n      callback?.(entries, observer);\r\n      if (!entries.length) return;\r\n      contentRect.value = entries[0].contentRect;\r\n    });\r\n\r\n    onBeforeUnmount(() => {\r\n      observer.disconnect();\r\n    });\r\n\r\n    watch(\r\n      resizeObservedRef,\r\n      (neo, old) => {\r\n        if (old) {\r\n          observer.unobserve(getHtmlElement(old));\r\n          contentRect.value = undefined;\r\n        }\r\n        if (neo) {\r\n          observer.observe(getHtmlElement(neo));\r\n        }\r\n      },\r\n      { flush: 'post' },\r\n    );\r\n  }\r\n\r\n  return {\r\n    resizeObservedRef,\r\n    contentRect: readonly(contentRect),\r\n  };\r\n}\r\n"],"mappings":"AAAA,SAASA,eAAe,EAAEC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAC,SAEnDC,cAAc;AAAA,OAChBC,YAAY;AAEnB,OAAO,SAASC,iBAAiBA,CAACC,QAAiC,EAAE;EACnE,MAAMC,iBAAiB,GAAGN,GAAG,CAAc,CAAC;EAC5C,MAAMO,WAAW,GAAGP,GAAG,CAAkB,CAAC;EAC1C,IAAIG,YAAY,CAACK,oBAAoB,EAAE;IACrC,MAAMC,QAAQ,GAAG,IAAIC,cAAc,CAAC,CAACC,OAAO,EAAEF,QAAQ,KAAK;MACzDJ,QAAQ,GAAGM,OAAO,EAAEF,QAAQ,CAAC;MAC7B,IAAI,CAACE,OAAO,CAACC,MAAM,EAAE;MACrBL,WAAW,CAACM,KAAK,GAAGF,OAAO,CAAC,CAAC,CAAC,CAACJ,WAAW;IAC5C,CAAC,CAAC;IAEFT,eAAe,CAAC,MAAM;MACpBW,QAAQ,CAACK,UAAU,CAAC,CAAC;IACvB,CAAC,CAAC;IAEFb,KAAK,CACHK,iBAAiB,EACjB,CAACS,GAAG,EAAEC,GAAG,KAAK;MACZ,IAAIA,GAAG,EAAE;QACPP,QAAQ,CAACQ,SAAS,CAACf,cAAc,CAACc,GAAG,CAAC,CAAC;QACvCT,WAAW,CAACM,KAAK,GAAGK,SAAS;MAC/B;MACA,IAAIH,GAAG,EAAE;QACPN,QAAQ,CAACU,OAAO,CAACjB,cAAc,CAACa,GAAG,CAAC,CAAC;MACvC;IACF,CAAC,EACD;MAAEK,KAAK,EAAE;IAAO,CAClB,CAAC;EACH;EAEA,OAAO;IACLd,iBAAiB;IACjBC,WAAW,EAAER,QAAQ,CAACQ,WAAW;EACnC,CAAC;AACH"}

package/lib/composables/scope.js

@@ -0,0 +1,26 @@
+// vuetify/@/composables/toggleScope.ts
+import { effectScope, onScopeDispose, watch } from 'vue';
+export function useToggleScope(source, fn) {
+  let scope;
+  function start() {
+    scope = effectScope();
+    scope.run(() => fn.length ? fn(() => {
+      scope?.stop();
+      start();
+    }) : fn());
+  }
+  watch(source, active => {
+    if (active && !scope) {
+      start();
+    } else if (!active) {
+      scope?.stop();
+      scope = undefined;
+    }
+  }, {
+    immediate: true
+  });
+  onScopeDispose(() => {
+    scope?.stop();
+  });
+}
+//# sourceMappingURL=scope.js.map

package/lib/composables/scope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scope.js","names":["effectScope","onScopeDispose","watch","useToggleScope","source","fn","scope","start","run","length","stop","active","undefined","immediate"],"sources":["../../src/composables/scope.ts"],"sourcesContent":["// vuetify/@/composables/toggleScope.ts\r\nimport {\r\n  type EffectScope,\r\n  type WatchSource,\r\n  effectScope,\r\n  onScopeDispose,\r\n  watch,\r\n} from 'vue';\r\n\r\nexport function useToggleScope(\r\n  source: WatchSource<boolean>,\r\n  fn: (reset: () => void) => void,\r\n) {\r\n  let scope: EffectScope | undefined;\r\n  function start() {\r\n    scope = effectScope();\r\n    scope.run(() =>\r\n      fn.length\r\n        ? fn(() => {\r\n            scope?.stop();\r\n            start();\r\n          })\r\n        : (fn as any)(),\r\n    );\r\n  }\r\n\r\n  watch(\r\n    source,\r\n    (active) => {\r\n      if (active && !scope) {\r\n        start();\r\n      } else if (!active) {\r\n        scope?.stop();\r\n        scope = undefined;\r\n      }\r\n    },\r\n    { immediate: true },\r\n  );\r\n\r\n  onScopeDispose(() => {\r\n    scope?.stop();\r\n  });\r\n}\r\n"],"mappings":"AAAA;AACA,SAGEA,WAAW,EACXC,cAAc,EACdC,KAAK,QACA,KAAK;AAEZ,OAAO,SAASC,cAAcA,CAC5BC,MAA4B,EAC5BC,EAA+B,EAC/B;EACA,IAAIC,KAA8B;EAClC,SAASC,KAAKA,CAAA,EAAG;IACfD,KAAK,GAAGN,WAAW,CAAC,CAAC;IACrBM,KAAK,CAACE,GAAG,CAAC,MACRH,EAAE,CAACI,MAAM,GACLJ,EAAE,CAAC,MAAM;MACPC,KAAK,EAAEI,IAAI,CAAC,CAAC;MACbH,KAAK,CAAC,CAAC;IACT,CAAC,CAAC,GACDF,EAAE,CAAS,CAClB,CAAC;EACH;EAEAH,KAAK,CACHE,MAAM,EACLO,MAAM,IAAK;IACV,IAAIA,MAAM,IAAI,CAACL,KAAK,EAAE;MACpBC,KAAK,CAAC,CAAC;IACT,CAAC,MAAM,IAAI,CAACI,MAAM,EAAE;MAClBL,KAAK,EAAEI,IAAI,CAAC,CAAC;MACbJ,KAAK,GAAGM,SAAS;IACnB;EACF,CAAC,EACD;IAAEC,SAAS,EAAE;EAAK,CACpB,CAAC;EAEDZ,cAAc,CAAC,MAAM;IACnBK,KAAK,EAAEI,IAAI,CAAC,CAAC;EACf,CAAC,CAAC;AACJ"}

package/lib/composables/style-color.js

@@ -0,0 +1,37 @@
+import { computed } from 'vue';
+import { colorRgb, isColorValue } from "../util/index.js";
+export const styleColorPropsOptions = {
+  color: String,
+  background: String,
+  backgroundOpacity: {
+    type: Number,
+    default: 1
+  }
+};
+export function useStyleColor(props, name) {
+  const colorVars = computed(() => {
+    let {
+      color,
+      background
+    } = props;
+    if (!background) background = color;
+    if (color && !isColorValue(color)) {
+      color = `var(--y-theme-${color})`;
+    }
+    if (background) {
+      if (isColorValue(background)) {
+        background = `rgba(${colorRgb(background)}, ${props.backgroundOpacity})`;
+      } else if (!background.startsWith('var(')) {
+        background = `rgba(${`var(--y-theme-${background}-rgb)`}, ${props.backgroundOpacity})`;
+      }
+    }
+    return {
+      [`--y-${name}__color`]: color,
+      [`--y-${name}__background`]: background
+    };
+  });
+  return {
+    colorVars
+  };
+}
+//# sourceMappingURL=style-color.js.map

package/lib/composables/style-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-color.js","names":["computed","colorRgb","isColorValue","styleColorPropsOptions","color","String","background","backgroundOpacity","type","Number","default","useStyleColor","props","name","colorVars","startsWith"],"sources":["../../src/composables/style-color.ts"],"sourcesContent":["import { ExtractPropTypes, computed } from 'vue';\n\nimport { colorRgb, isColorValue } from '@/util';\n\nexport const styleColorPropsOptions = {\n  color: String,\n  background: String,\n  backgroundOpacity: {\n    type: Number,\n    default: 1,\n  },\n};\n\nexport function useStyleColor(\n  props: ExtractPropTypes<typeof styleColorPropsOptions>,\n  name: string,\n) {\n  const colorVars = computed(() => {\n    let { color, background } = props;\n    if (!background) background = color;\n\n    if (color && !isColorValue(color)) {\n      color = `var(--y-theme-${color})`;\n    }\n\n    if (background) {\n      if (isColorValue(background)) {\n        background = `rgba(${colorRgb(background)}, ${props.backgroundOpacity})`;\n      } else if (!background.startsWith('var(')) {\n        background = `rgba(${`var(--y-theme-${background}-rgb)`}, ${props.backgroundOpacity})`;\n      }\n    }\n\n    return {\n      [`--y-${name}__color`]: color,\n      [`--y-${name}__background`]: background,\n    };\n  });\n\n  return {\n    colorVars,\n  };\n}\n"],"mappings":"AAAA,SAA2BA,QAAQ,QAAQ,KAAK;AAAC,SAExCC,QAAQ,EAAEC,YAAY;AAE/B,OAAO,MAAMC,sBAAsB,GAAG;EACpCC,KAAK,EAAEC,MAAM;EACbC,UAAU,EAAED,MAAM;EAClBE,iBAAiB,EAAE;IACjBC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX;AACF,CAAC;AAED,OAAO,SAASC,aAAaA,CAC3BC,KAAsD,EACtDC,IAAY,EACZ;EACA,MAAMC,SAAS,GAAGd,QAAQ,CAAC,MAAM;IAC/B,IAAI;MAAEI,KAAK;MAAEE;IAAW,CAAC,GAAGM,KAAK;IACjC,IAAI,CAACN,UAAU,EAAEA,UAAU,GAAGF,KAAK;IAEnC,IAAIA,KAAK,IAAI,CAACF,YAAY,CAACE,KAAK,CAAC,EAAE;MACjCA,KAAK,GAAI,iBAAgBA,KAAM,GAAE;IACnC;IAEA,IAAIE,UAAU,EAAE;MACd,IAAIJ,YAAY,CAACI,UAAU,CAAC,EAAE;QAC5BA,UAAU,GAAI,QAAOL,QAAQ,CAACK,UAAU,CAAE,KAAIM,KAAK,CAACL,iBAAkB,GAAE;MAC1E,CAAC,MAAM,IAAI,CAACD,UAAU,CAACS,UAAU,CAAC,MAAM,CAAC,EAAE;QACzCT,UAAU,GAAI,QAAQ,iBAAgBA,UAAW,OAAO,KAAIM,KAAK,CAACL,iBAAkB,GAAE;MACxF;IACF;IAEA,OAAO;MACL,CAAE,OAAMM,IAAK,SAAQ,GAAGT,KAAK;MAC7B,CAAE,OAAMS,IAAK,cAAa,GAAGP;IAC/B,CAAC;EACH,CAAC,CAAC;EAEF,OAAO;IACLQ;EACF,CAAC;AACH"}

package/lib/composables/theme/factory.js

@@ -0,0 +1,47 @@
+import { APCAcontrast, sRGBtoY } from "../../util/color/apca.js";
+import { rgbFromHex } from "../../util/color/conversion.js";
+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] = color;
+        theme.colors[`${colorName}-rgb`] = 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) ? '#ffffff' : '#000000';
+      theme.colors[`${onColor}-rgb`] = 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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"factory.js","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';\r\nimport { rgbFromHex } from '@/util/color/conversion';\r\n\r\nimport { ThemeDefinition } from './types';\r\n\r\nexport function createThemes(options: Record<string, any>) {\r\n  const acc: Record<'light' | 'dark' | string, ThemeDefinition> = {};\r\n\r\n  for (const [themeKey, themeOptions] of Object.entries(options)) {\r\n    const theme = (acc[themeKey] = {\r\n      ...themeOptions,\r\n      colors: {\r\n        ...themeOptions.colors,\r\n      },\r\n      variables: {\r\n        ...themeOptions.variables,\r\n      },\r\n    });\r\n\r\n    for (const colorName of Object.keys(theme.colors)) {\r\n      const color = theme.colors[colorName];\r\n      if (/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})/i.test(color)) {\r\n        theme.colors[colorName] = color;\r\n        theme.colors[`${colorName}-rgb`] = rgbFromHex(color)?.join(', ');\r\n      }\r\n\r\n      if (/^on-[a-z]/.test(colorName) || theme.colors[`on-${colorName}`])\r\n        continue;\r\n\r\n      const onColor = `on-${colorName}`;\r\n      const colorY = sRGBtoY(rgbFromHex(color!) ?? [0, 0, 0]);\r\n\r\n      const blackContrast = Math.abs(\r\n        APCAcontrast(sRGBtoY([0, 0, 0]), colorY) as number,\r\n      );\r\n      const whiteContrast = Math.abs(\r\n        APCAcontrast(sRGBtoY([255, 255, 255]), colorY) as number,\r\n      );\r\n\r\n      // Prefer white text if both have an acceptable contrast ratio\r\n      theme.colors[onColor] =\r\n        whiteContrast > Math.min(blackContrast, 50) ? '#ffffff' : '#000000';\r\n      theme.colors[`${onColor}-rgb`] =\r\n        whiteContrast > Math.min(blackContrast, 50)\r\n          ? '255, 255, 255'\r\n          : '0, 0, 0';\r\n    }\r\n  }\r\n\r\n  return acc;\r\n}\r\n\r\nexport function createPalette(options: Record<string, string | any>) {\r\n  const acc: Record<string, string> = {};\r\n  const { scaleMethod, colors } = options;\r\n  for (const [colorName, value] of Object.entries(colors)) {\r\n    if (typeof value === 'string') {\r\n      acc[colorName] = value;\r\n    }\r\n  }\r\n  return acc;\r\n}\r\n"],"mappings":"SAASA,YAAY,EAAEC,OAAO;AAAA,SACrBC,UAAU;AAInB,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,GAAGE,KAAK;QAC/BL,KAAK,CAACC,MAAM,CAAE,GAAEE,SAAU,MAAK,CAAC,GAAGX,UAAU,CAACa,KAAK,CAAC,EAAEE,IAAI,CAAC,IAAI,CAAC;MAClE;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,GAAG,SAAS,GAAG,SAAS;MACrEV,KAAK,CAACC,MAAM,CAAE,GAAEO,OAAQ,MAAK,CAAC,GAC5BK,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"}

package/lib/composables/theme/helper.js

@@ -0,0 +1,14 @@
+export function cssClass(selector, content) {
+  return [`${selector} {\n`, ...content.map(c => `  ${c}\n`), `}\n`];
+}
+export function cssVariables(variables) {
+  let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return Object.entries(variables).map(_ref => {
+    let [property, value] = _ref;
+    return cssVariable(`${prefix}-${property}`, value);
+  });
+}
+export function cssVariable(property, value) {
+  return `--y-${property}: ${value};`;
+}
+//# sourceMappingURL=helper.js.map

package/lib/composables/theme/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","names":["cssClass","selector","content","map","c","cssVariables","variables","prefix","arguments","length","undefined","Object","entries","_ref","property","value","cssVariable"],"sources":["../../../src/composables/theme/helper.ts"],"sourcesContent":["export function cssClass(selector: string, content: string[]) {\n  return [`${selector} {\\n`, ...content.map((c) => `  ${c}\\n`), `}\\n`];\n}\n\nexport function cssVariables(\n  variables: Record<string, string>,\n  prefix: string = '',\n) {\n  return Object.entries(variables).map(([property, value]) => {\n    return cssVariable(`${prefix}-${property}`, value);\n  });\n}\n\nexport function cssVariable(property: string, value: string) {\n  return `--y-${property}: ${value};`;\n}\n"],"mappings":"AAAA,OAAO,SAASA,QAAQA,CAACC,QAAgB,EAAEC,OAAiB,EAAE;EAC5D,OAAO,CAAE,GAAED,QAAS,MAAK,EAAE,GAAGC,OAAO,CAACC,GAAG,CAAEC,CAAC,IAAM,KAAIA,CAAE,IAAG,CAAC,EAAG,KAAI,CAAC;AACtE;AAEA,OAAO,SAASC,YAAYA,CAC1BC,SAAiC,EAEjC;EAAA,IADAC,MAAc,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAEnB,OAAOG,MAAM,CAACC,OAAO,CAACN,SAAS,CAAC,CAACH,GAAG,CAACU,IAAA,IAAuB;IAAA,IAAtB,CAACC,QAAQ,EAAEC,KAAK,CAAC,GAAAF,IAAA;IACrD,OAAOG,WAAW,CAAE,GAAET,MAAO,IAAGO,QAAS,EAAC,EAAEC,KAAK,CAAC;EACpD,CAAC,CAAC;AACJ;AAEA,OAAO,SAASC,WAAWA,CAACF,QAAgB,EAAEC,KAAa,EAAE;EAC3D,OAAQ,OAAMD,QAAS,KAAIC,KAAM,GAAE;AACrC"}

package/lib/composables/theme/index.js

@@ -0,0 +1,187 @@
+import { computed, effectScope, getCurrentInstance, inject, provide, reactive, readonly, ref, unref, watch } from 'vue';
+import bindThemeClass from "../../directives/theme-class.js";
+import { propsFactory } from "../../util/component/props.js";
+import { createPalette, createThemes } from "./factory.js";
+import { cssClass, cssVariables } from "./helper.js";
+import { configureOptions } from "./setting.js";
+export const Y_THEME_PREFIX = 'y-theme';
+export const YUYEON_THEME_KEY = Symbol.for('yuyeon.theme');
+export const pressThemePropsOptions = propsFactory({
+  theme: String
+}, 'theme');
+export function isDarkMode() {
+  return window.matchMedia('(prefers-color-scheme: dark)').matches;
+}
+export function isSupportAutoScheme() {
+  return window.matchMedia('(prefers-color-scheme)').media !== 'not all';
+}
+export function createThemeModule(options) {
+  const appMountedScope = effectScope();
+  const config = reactive(configureOptions(options));
+  const scheme = ref(config.scheme);
+  const theme = ref(config.theme);
+  const themes = ref(config.themes);
+  const palette = ref(config.palette);
+  const supportedAutoMode = ref(true);
+  const preferColorScheme = ref('');
+  function darkModeWatcher(mediaQueryList) {
+    preferColorScheme.value = mediaQueryList.matches ? 'dark' : 'light';
+  }
+  const currentColorScheme = computed(() => {
+    if (scheme.value === 'auto') {
+      return preferColorScheme.value;
+    }
+    if (scheme.value === 'dark') {
+      return 'dark';
+    }
+    return 'light';
+  });
+  const currentThemeKey = computed(() => {
+    if (typeof theme.value === 'string') {
+      if (theme.value in computedThemes) {
+        return theme.value;
+      }
+    }
+    if (Array.isArray(theme.value)) {
+      return currentColorScheme.value === 'dark' ? theme.value?.[1] ?? 'dark' : theme.value?.[0] ?? 'light';
+    }
+    return currentColorScheme.value;
+  });
+  const computedPalette = computed(() => {
+    return createPalette(palette.value);
+  });
+  const computedThemes = computed(() => {
+    return createThemes(themes.value);
+  });
+  const styles = computed(() => {
+    const separationId = config.separation ? `#${config.separation}` : '';
+    const lines = [];
+    lines.push(...cssClass(':root', cssVariables(computedPalette.value, 'palette')));
+    for (const [themeKey, themeDefs] of Object.entries(computedThemes.value)) {
+      const {
+        colors,
+        variables,
+        isDark
+      } = themeDefs;
+      const records = {
+        ...colors,
+        ...variables
+      };
+      // if (currentThemeKey.value === themeKey) {
+      //   lines.push(...cssClass(':root', cssVariables(records, 'theme')));
+      // }
+      const themeScheme = isDark ? 'dark' : 'light';
+      if (scheme.value === 'auto') {
+        lines.push(...cssClass(`@media (prefers-color-scheme: ${themeScheme})`, cssClass(`${separationId}[data-theme-scheme='auto'][data-${themeScheme}-theme='${themeKey}']`, cssVariables(records, 'theme'))));
+      } else {
+        lines.push(...cssClass(`${separationId}[data-theme-scheme='${themeScheme}'][data-${themeScheme}-theme='${themeKey}']`, cssVariables(records, 'theme')));
+      }
+      lines.push(...cssClass(`${separationId} .y-theme--${themeKey}`, cssVariables(records, 'theme')));
+    }
+    return lines.join('');
+  });
+  function install(app) {
+    app.directive('theme', bindThemeClass);
+    let styleEl = document.getElementById('yuyeon-theme-palette' + `${config.separation ? '__' + config.separation : ''}`);
+    watch(styles, updateStyleEl, {
+      immediate: true
+    });
+    function updateStyleEl() {
+      if (typeof document !== 'undefined' && !styleEl) {
+        const el = document.createElement('style');
+        el.type = 'text/css';
+        el.id = 'yuyeon-theme-palette' + `${config.separation ? '__' + config.separation : ''}`;
+        if (options?.cspNonce) el.setAttribute('nonce', options.cspNonce);
+        styleEl = el;
+        document.head.appendChild(styleEl);
+      }
+      if (styleEl) {
+        styleEl.innerHTML = styles.value;
+      }
+    }
+  }
+  function bindTheme(yuyeon) {
+    supportedAutoMode.value = isSupportAutoScheme();
+    if (supportedAutoMode.value) {
+      const mql = window.matchMedia('(prefers-color-scheme: dark)');
+      darkModeWatcher(mql);
+      mql.addEventListener('change', darkModeWatcher);
+    }
+    watch(theme, neo => {
+      const [lightTheme, darkTheme] = neo;
+      yuyeon.root.dataset.lightTheme = lightTheme;
+      yuyeon.root.dataset.darkTheme = darkTheme;
+    }, {
+      immediate: true
+    });
+    watch(scheme, neo => {
+      yuyeon.root.setAttribute('data-theme-scheme', neo === 'auto' ? 'auto' : currentColorScheme.value);
+    }, {
+      immediate: true
+    });
+  }
+  function init(yuyeon) {
+    appMountedScope.run(() => {
+      bindTheme(yuyeon);
+    });
+  }
+  const themeClasses = computed(() => `y-theme--${currentThemeKey.value}`);
+  return {
+    install,
+    init,
+    scope: appMountedScope,
+    instance: {
+      global: {
+        scheme,
+        theme
+      },
+      themes,
+      scheme,
+      theme,
+      currentThemeKey,
+      themeClasses,
+      computedThemes,
+      computedPalette,
+      supportedAutoMode: readonly(supportedAutoMode),
+      preferColorScheme: readonly(preferColorScheme)
+    }
+  };
+}
+export function useLocalTheme(props) {
+  getCurrentInstance();
+  const themeModule = inject(YUYEON_THEME_KEY, null);
+  if (!themeModule) throw new Error('Not found provided "ThemeModule"');
+  const palette = themeModule.computedPalette;
+  const currentThemeKey = computed(() => {
+    if (props.theme) {
+      const moduleTheme = unref(themeModule.theme);
+      switch (props.theme) {
+        case 'light':
+          return moduleTheme?.[0] ?? 'light';
+        case 'dark':
+          return moduleTheme?.[1] ?? 'dark';
+        // TODO: props.theme(themeKey) validation in themes
+        default:
+          return props.theme;
+      }
+    }
+    return unref(themeModule.currentThemeKey);
+  });
+  const themeClasses = computed(() => {
+    return `y-theme--${currentThemeKey.value}`;
+  });
+  const newTheme = {
+    ...themeModule,
+    currentThemeKey,
+    themeClasses
+  };
+  provide(YUYEON_THEME_KEY, newTheme);
+  return newTheme;
+}
+export function useTheme() {
+  getCurrentInstance();
+  const theme = inject(YUYEON_THEME_KEY, null);
+  if (!theme) throw new Error('【yuyeon】 Not found provided "ThemeModule"');
+  return theme;
+}
+//# sourceMappingURL=index.js.map