yuyeon 0.1.2-rc.2 → 0.2.0

package/lib/composables/dimension.mjs.map

@@ -1 +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"}
+{"version":3,"file":"dimension.mjs","names":["computed","propsFactory","toStyleSizeValue","dimensionPropsOptions","minWidth","Number","String","width","maxWidth","minHeight","height","maxHeight","pressDimensionPropsOptions","useDimension","props","dimensionStyles"],"sources":["../../src/composables/dimension.ts"],"sourcesContent":["import { type ExtractPropTypes, type PropType, computed } from 'vue';\n\nimport { propsFactory } from '@/util/component';\nimport { toStyleSizeValue } from '@/util/ui';\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,SAA+CA,QAAQ,QAAQ,KAAK;AAAC,SAE5DC,YAAY;AAAA,SACZC,gBAAgB;AAEzB,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,GAAGX,YAAY,CACpDE,qBAAqB,EACrB,WACF,CAAC;AAED,OAAO,SAASU,YAAYA,CAC1BC,KAAqD,EACrD;EACA,MAAMC,eAAe,GAAGf,QAAQ,CAAC,OAAO;IACtCI,QAAQ,EAAEF,gBAAgB,CAACY,KAAK,CAACV,QAAQ,CAAC;IAC1CG,KAAK,EAAEL,gBAAgB,CAACY,KAAK,CAACP,KAAK,CAAC;IACpCC,QAAQ,EAAEN,gBAAgB,CAACY,KAAK,CAACN,QAAQ,CAAC;IAC1CC,SAAS,EAAEP,gBAAgB,CAACY,KAAK,CAACL,SAAS,CAAC;IAC5CC,MAAM,EAAER,gBAAgB,CAACY,KAAK,CAACJ,MAAM,CAAC;IACtCC,SAAS,EAAET,gBAAgB,CAACY,KAAK,CAACH,SAAS;EAC7C,CAAC,CAAC,CAAC;EAEH,OAAO;IACLI;EACF,CAAC;AACH"}

package/lib/composables/focus.mjs

@@ -1,5 +1,5 @@
-import { propsFactory } from "../util/vue-component.mjs";
-import { computed } from "vue";
+import { computed } from 'vue';
+import { propsFactory } from "../util/component/index.mjs";
 import { useModelDuplex } from "./communication.mjs";
 const focusPropsOptions = {
   focused: Boolean,

package/lib/composables/focus.mjs.map

@@ -1 +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"}
+{"version":3,"file":"focus.mjs","names":["computed","propsFactory","useModelDuplex","focusPropsOptions","focused","Boolean","Function","pressFocusPropsOptions","useFocus","props","className","whenFocus","value","whenBlur","focusedClasses"],"sources":["../../src/composables/focus.ts"],"sourcesContent":["import { type ExtractPropTypes, type PropType, computed } from 'vue';\n\nimport { propsFactory } from '@/util/component';\n\nimport { useModelDuplex } from './communication';\n\nconst focusPropsOptions = {\n  focused: Boolean,\n  'onUpdate:focused': Function as PropType<(v: boolean) => void>,\n};\n\nexport const pressFocusPropsOptions = propsFactory(focusPropsOptions, 'focus');\n\nexport function useFocus(\n  props: ExtractPropTypes<typeof focusPropsOptions>,\n  className: string,\n) {\n  const focused = useModelDuplex(props, 'focused');\n\n  function whenFocus() {\n    focused.value = true;\n  }\n\n  function whenBlur() {\n    focused.value = false;\n  }\n\n  const focusedClasses = computed(() => {\n    return {\n      [`${className}--focused`]: focused.value,\n    };\n  });\n\n  return {\n    focused,\n    whenFocus,\n    whenBlur,\n    focusedClasses,\n  };\n}\n"],"mappings":"AAAA,SAA+CA,QAAQ,QAAQ,KAAK;AAAC,SAE5DC,YAAY;AAAA,SAEZC,cAAc;AAEvB,MAAMC,iBAAiB,GAAG;EACxBC,OAAO,EAAEC,OAAO;EAChB,kBAAkB,EAAEC;AACtB,CAAC;AAED,OAAO,MAAMC,sBAAsB,GAAGN,YAAY,CAACE,iBAAiB,EAAE,OAAO,CAAC;AAE9E,OAAO,SAASK,QAAQA,CACtBC,KAAiD,EACjDC,SAAiB,EACjB;EACA,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,GAAGd,QAAQ,CAAC,MAAM;IACpC,OAAO;MACL,CAAE,GAAEU,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/form.mjs

@@ -1,5 +1,5 @@
 import { computed, inject, provide, ref, shallowRef, toRef } from 'vue';
-import { propsFactory } from "../util/vue-component.mjs";
+import { propsFactory } from "../util/component/index.mjs";
 import { useModelDuplex } from "./communication.mjs";
 export const YUYEON_FORM_KEY = Symbol.for('yuyeon.form');
 export const pressFormPropsOptions = propsFactory({

package/lib/composables/form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.mjs","names":["computed","inject","provide","ref","shallowRef","toRef","propsFactory","useModelDuplex","YUYEON_FORM_KEY","Symbol","for","pressFormPropsOptions","readonly","Boolean","disabled","loading","modelValue","type","default","validateOn","String","createForm","props","model","isValidating","inputs","errors","isReadonly","isDisabled","isLoading","validate","results","valid","value","item","itemErrors","length","push","id","vnode","exposed","component","register","input","isError","unregister","filter","update","found","find","provideInstance","isValid","useForm"],"sources":["../../src/composables/form.ts"],"sourcesContent":["import {\n  ComputedRef,\n  InjectionKey,\n  PropType,\n  Ref,\n  computed,\n  inject,\n  provide,\n  ref,\n  shallowRef,\n  toRef, VNode,\n} from 'vue';\n\nimport { EventProp, propsFactory } from '../util/vue-component';\nimport { useModelDuplex } from './communication';\nimport { ValidationProps } from './validation';\n\nexport interface FormInput {\n  id: number | string;\n  vnode: VNode;\n  validate: () => Promise<any[]>;\n  isError: boolean | undefined | null;\n  errors: any[];\n}\n\nexport interface InputValidationResult {\n  id: number | string;\n  vnode: VNode;\n  exposed: any;\n  errors: any[];\n}\n\nexport interface FormValidationResult {\n  valid: boolean;\n  errors: InputValidationResult[];\n}\n\nexport interface SubmitEventPromise\n  extends SubmitEvent,\n    Promise<FormValidationResult> {}\n\nexport interface FormInstance {\n  register: (input: {\n    id: number | string;\n    vnode: VNode;\n    validate: () => Promise<any[]>;\n    resetValidation: () => Promise<void>;\n  }) => void;\n  unregister: (id: number | string) => void;\n  update: (\n    id: number | string,\n    isError: boolean | undefined | null,\n    errors: any[],\n  ) => void;\n  inputs: Ref<FormInput[]>;\n  isDisabled: ComputedRef<boolean>;\n  isReadonly: ComputedRef<boolean>;\n  isLoading: ComputedRef<boolean>;\n  isValidating: Ref<boolean>;\n  isValid: Ref<boolean | null>;\n  validateOn: Ref<FormProps['validateOn']>;\n}\n\nexport const YUYEON_FORM_KEY: InjectionKey<FormInstance> =\n  Symbol.for('yuyeon.form');\n\nexport interface FormProps {\n  readonly: boolean;\n  disabled: boolean;\n  loading: boolean;\n  modelValue: boolean | null;\n  'onUpdate:modelValue': EventProp<[boolean | null]> | undefined;\n  validateOn: ValidationProps['validateOn'];\n}\n\nexport const pressFormPropsOptions = propsFactory(\n  {\n    readonly: Boolean,\n    disabled: Boolean,\n    loading: Boolean,\n    modelValue: {\n      type: Boolean as PropType<boolean | null>,\n      default: null,\n    },\n    validateOn: {\n      type: String as PropType<ValidationProps['validateOn']>,\n      default: 'input',\n    },\n  },\n  'form',\n);\n\nexport function createForm(props: FormProps) {\n  const model = useModelDuplex(props);\n  const isValidating = shallowRef(false);\n  const inputs = ref<FormInput[]>([]);\n  const errors = ref<InputValidationResult[]>([]);\n\n  const isReadonly = computed(() => props.readonly);\n  const isDisabled = computed(() => props.disabled);\n  const isLoading = computed(() => props.loading);\n\n  async function validate() {\n    const results: InputValidationResult[] = [];\n    let valid = true;\n\n    errors.value = [];\n    isValidating.value = true;\n\n    for (const item of inputs.value) {\n      const itemErrors = await item.validate();\n\n      if (itemErrors.length > 0) {\n        valid = false;\n\n        results.push({\n          id: item.id,\n          vnode: item.vnode,\n          exposed: item.vnode.component?.exposed,\n          errors: itemErrors,\n        });\n      }\n    }\n\n    errors.value = results;\n    isValidating.value = false;\n\n    return { valid, errors: errors.value };\n  }\n\n  function register(input: {\n    id: number | string;\n    vnode: VNode;\n    validate: () => Promise<any[]>;\n  }) {\n    const { id, validate, vnode } = input;\n    inputs.value.push({\n      id,\n      validate,\n      vnode,\n      isError: null,\n      errors: [],\n    });\n  }\n\n  function unregister(id: number | string) {\n    inputs.value = inputs.value.filter((input) => input.id !== id);\n  }\n\n  function update(\n    id: number | string,\n    isError: boolean | undefined | null,\n    errors: any[],\n  ) {\n    const found = inputs.value.find((item) => item.id === id);\n\n    if (!found) return;\n\n    found.isError = isError;\n    found.errors = errors;\n  }\n\n  const provideInstance: FormInstance = {\n    inputs,\n    isDisabled,\n    isReadonly,\n    isLoading,\n    isValid: model,\n    isValidating,\n    register,\n    unregister,\n    update,\n    validateOn: toRef(props, 'validateOn'),\n  };\n\n  provide(YUYEON_FORM_KEY, provideInstance);\n\n  return {\n    inputs,\n    errors,\n    isValid: model,\n    isDisabled,\n    isReadonly,\n    isLoading,\n    isValidating,\n    validate,\n  };\n}\n\nexport function useForm() {\n  return inject(YUYEON_FORM_KEY, null);\n}\n"],"mappings":"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"}
+{"version":3,"file":"form.mjs","names":["computed","inject","provide","ref","shallowRef","toRef","propsFactory","useModelDuplex","YUYEON_FORM_KEY","Symbol","for","pressFormPropsOptions","readonly","Boolean","disabled","loading","modelValue","type","default","validateOn","String","createForm","props","model","isValidating","inputs","errors","isReadonly","isDisabled","isLoading","validate","results","valid","value","item","itemErrors","length","push","id","vnode","exposed","component","register","input","isError","unregister","filter","update","found","find","provideInstance","isValid","useForm"],"sources":["../../src/composables/form.ts"],"sourcesContent":["import {\n  type ComputedRef,\n  type InjectionKey,\n  type PropType,\n  type Ref,\n  type VNode,\n  computed,\n  inject,\n  provide,\n  ref,\n  shallowRef,\n  toRef,\n} from 'vue';\n\nimport { type EventProp, propsFactory } from '@/util/component';\n\nimport { useModelDuplex } from './communication';\nimport { type ValidationProps } from './validation';\n\nexport interface FormInput {\n  id: number | string;\n  vnode: VNode;\n  validate: () => Promise<any[]>;\n  isError: boolean | undefined | null;\n  errors: any[];\n}\n\nexport interface InputValidationResult {\n  id: number | string;\n  vnode: VNode;\n  exposed: any;\n  errors: any[];\n}\n\nexport interface FormValidationResult {\n  valid: boolean;\n  errors: InputValidationResult[];\n}\n\nexport interface SubmitEventPromise\n  extends SubmitEvent,\n    Promise<FormValidationResult> {}\n\nexport interface FormInstance {\n  register: (input: {\n    id: number | string;\n    vnode: VNode;\n    validate: () => Promise<any[]>;\n    resetValidation: () => Promise<void>;\n  }) => void;\n  unregister: (id: number | string) => void;\n  update: (\n    id: number | string,\n    isError: boolean | undefined | null,\n    errors: any[],\n  ) => void;\n  inputs: Ref<FormInput[]>;\n  isDisabled: ComputedRef<boolean>;\n  isReadonly: ComputedRef<boolean>;\n  isLoading: ComputedRef<boolean>;\n  isValidating: Ref<boolean>;\n  isValid: Ref<boolean | null>;\n  validateOn: Ref<FormProps['validateOn']>;\n}\n\nexport const YUYEON_FORM_KEY: InjectionKey<FormInstance> =\n  Symbol.for('yuyeon.form');\n\nexport interface FormProps {\n  readonly: boolean;\n  disabled: boolean;\n  loading: boolean;\n  modelValue: boolean | null;\n  'onUpdate:modelValue': EventProp<[boolean | null]> | undefined;\n  validateOn: ValidationProps['validateOn'];\n}\n\nexport const pressFormPropsOptions = propsFactory(\n  {\n    readonly: Boolean,\n    disabled: Boolean,\n    loading: Boolean,\n    modelValue: {\n      type: Boolean as PropType<boolean | null>,\n      default: null,\n    },\n    validateOn: {\n      type: String as PropType<ValidationProps['validateOn']>,\n      default: 'input',\n    },\n  },\n  'form',\n);\n\nexport function createForm(props: FormProps) {\n  const model = useModelDuplex(props);\n  const isValidating = shallowRef(false);\n  const inputs = ref<FormInput[]>([]);\n  const errors = ref<InputValidationResult[]>([]);\n\n  const isReadonly = computed(() => props.readonly);\n  const isDisabled = computed(() => props.disabled);\n  const isLoading = computed(() => props.loading);\n\n  async function validate() {\n    const results: InputValidationResult[] = [];\n    let valid = true;\n\n    errors.value = [];\n    isValidating.value = true;\n\n    for (const item of inputs.value) {\n      const itemErrors = await item.validate();\n\n      if (itemErrors.length > 0) {\n        valid = false;\n\n        results.push({\n          id: item.id,\n          vnode: item.vnode,\n          exposed: item.vnode.component?.exposed,\n          errors: itemErrors,\n        });\n      }\n    }\n\n    errors.value = results;\n    isValidating.value = false;\n\n    return { valid, errors: errors.value };\n  }\n\n  function register(input: {\n    id: number | string;\n    vnode: VNode;\n    validate: () => Promise<any[]>;\n  }) {\n    const { id, validate, vnode } = input;\n    inputs.value.push({\n      id,\n      validate,\n      vnode,\n      isError: null,\n      errors: [],\n    });\n  }\n\n  function unregister(id: number | string) {\n    inputs.value = inputs.value.filter((input) => input.id !== id);\n  }\n\n  function update(\n    id: number | string,\n    isError: boolean | undefined | null,\n    errors: any[],\n  ) {\n    const found = inputs.value.find((item) => item.id === id);\n\n    if (!found) return;\n\n    found.isError = isError;\n    found.errors = errors;\n  }\n\n  const provideInstance: FormInstance = {\n    inputs,\n    isDisabled,\n    isReadonly,\n    isLoading,\n    isValid: model,\n    isValidating,\n    register,\n    unregister,\n    update,\n    validateOn: toRef(props, 'validateOn'),\n  };\n\n  provide(YUYEON_FORM_KEY, provideInstance);\n\n  return {\n    inputs,\n    errors,\n    isValid: model,\n    isDisabled,\n    isReadonly,\n    isLoading,\n    isValidating,\n    validate,\n  };\n}\n\nexport function useForm() {\n  return inject(YUYEON_FORM_KEY, null);\n}\n"],"mappings":"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"}

package/lib/composables/i18n/index.mjs

@@ -12,12 +12,12 @@ export function createI18nModule(options) {
 }
 export function useI18n() {
   const i18n = inject(YUYEON_I18N_KEY);
-  if (!i18n) throw new Error('Not found provided "I18nModule"');
+  if (!i18n) throw new Error('【yuyeon】 Not found provided "I18nModule"');
   return i18n;
 }
 export function provideI18n(props) {
   const i18n = inject(YUYEON_I18N_KEY);
-  if (!i18n) throw new Error('Not found provided "I18nModule"');
+  if (!i18n) throw new Error('【yuyeon】 Not found provided "I18nModule"');
   const locale = i18n.getContext(props);
   const rtl = createRtlProvideValue(locale, i18n.rtl, props);
   const state = {

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["inject","provide","createLocaleModule","createRtlModule","createRtlProvideValue","YUYEON_I18N_KEY","createI18nModule","options","localeModule","rtlModule","useI18n","i18n","Error","provideI18n","props","locale","getContext","rtl","state"],"sources":["../../../src/composables/i18n/index.ts"],"sourcesContent":["import {inject, provide} from 'vue';\r\n\r\nimport { LocaleModule, LocaleOptions } from '../../i18n/types';\r\nimport { createLocaleModule } from './locale';\r\nimport {\r\n  RtlModule,\r\n  RtlOptions,\r\n  RtlProps,\r\n  createRtlModule,\r\n  createRtlProvideValue,\r\n} from './rtl';\r\nimport { YUYEON_I18N_KEY } from './share';\r\n\r\nexport function createI18nModule(options?: LocaleOptions & RtlOptions) {\r\n  const localeModule = createLocaleModule(options);\r\n  const rtlModule = createRtlModule(localeModule, options);\r\n\r\n  return {\r\n    localeModule,\r\n    rtlModule,\r\n  };\r\n}\r\n\r\nexport function useI18n(): LocaleModule & RtlModule {\r\n  const i18n = inject<any>(YUYEON_I18N_KEY);\r\n  if (!i18n) throw new Error('Not found provided \"I18nModule\"');\r\n  return i18n;\r\n}\r\n\r\nexport function provideI18n(props: LocaleOptions & RtlProps) {\r\n  const i18n = inject<any>(YUYEON_I18N_KEY);\r\n  if (!i18n) throw new Error('Not found provided \"I18nModule\"');\r\n\r\n  const locale = i18n.getContext(props);\r\n  const rtl = createRtlProvideValue(locale, i18n.rtl, props);\r\n\r\n  const state = {\r\n    ...locale,\r\n    ...rtl,\r\n  };\r\n  provide(YUYEON_I18N_KEY, state);\r\n\r\n  return state;\r\n}\r\n"],"mappings":"AAAA,SAAQA,MAAM,EAAEC,OAAO,QAAO,KAAK;AAAC,SAG3BC,kBAAkB;AAAA,SAKzBC,eAAe,EACfC,qBAAqB;AAAA,SAEdC,eAAe;AAExB,OAAO,SAASC,gBAAgBA,CAACC,OAAoC,EAAE;EACrE,MAAMC,YAAY,GAAGN,kBAAkB,CAACK,OAAO,CAAC;EAChD,MAAME,SAAS,GAAGN,eAAe,CAACK,YAAY,EAAED,OAAO,CAAC;EAExD,OAAO;IACLC,YAAY;IACZC;EACF,CAAC;AACH;AAEA,OAAO,SAASC,OAAOA,CAAA,EAA6B;EAClD,MAAMC,IAAI,GAAGX,MAAM,CAAMK,eAAe,CAAC;EACzC,IAAI,CAACM,IAAI,EAAE,MAAM,IAAIC,KAAK,CAAC,iCAAiC,CAAC;EAC7D,OAAOD,IAAI;AACb;AAEA,OAAO,SAASE,WAAWA,CAACC,KAA+B,EAAE;EAC3D,MAAMH,IAAI,GAAGX,MAAM,CAAMK,eAAe,CAAC;EACzC,IAAI,CAACM,IAAI,EAAE,MAAM,IAAIC,KAAK,CAAC,iCAAiC,CAAC;EAE7D,MAAMG,MAAM,GAAGJ,IAAI,CAACK,UAAU,CAACF,KAAK,CAAC;EACrC,MAAMG,GAAG,GAAGb,qBAAqB,CAACW,MAAM,EAAEJ,IAAI,CAACM,GAAG,EAAEH,KAAK,CAAC;EAE1D,MAAMI,KAAK,GAAG;IACZ,GAAGH,MAAM;IACT,GAAGE;EACL,CAAC;EACDhB,OAAO,CAACI,eAAe,EAAEa,KAAK,CAAC;EAE/B,OAAOA,KAAK;AACd"}
+{"version":3,"file":"index.mjs","names":["inject","provide","createLocaleModule","createRtlModule","createRtlProvideValue","YUYEON_I18N_KEY","createI18nModule","options","localeModule","rtlModule","useI18n","i18n","Error","provideI18n","props","locale","getContext","rtl","state"],"sources":["../../../src/composables/i18n/index.ts"],"sourcesContent":["import { inject, provide } from 'vue';\n\nimport type { LocaleModule, LocaleOptions } from '@/i18n/types';\n\nimport { createLocaleModule } from './locale';\nimport {\n  type RtlModule,\n  type RtlOptions,\n  type RtlProps,\n  createRtlModule,\n  createRtlProvideValue,\n} from './rtl';\nimport { YUYEON_I18N_KEY } from './share';\n\nexport function createI18nModule(options?: LocaleOptions & RtlOptions) {\n  const localeModule = createLocaleModule(options);\n  const rtlModule = createRtlModule(localeModule, options);\n\n  return {\n    localeModule,\n    rtlModule,\n  };\n}\n\nexport function useI18n(): LocaleModule & RtlModule {\n  const i18n = inject<any>(YUYEON_I18N_KEY);\n  if (!i18n) throw new Error('【yuyeon】 Not found provided \"I18nModule\"');\n  return i18n;\n}\n\nexport function provideI18n(props: LocaleOptions & RtlProps) {\n  const i18n = inject<any>(YUYEON_I18N_KEY);\n  if (!i18n) throw new Error('【yuyeon】 Not found provided \"I18nModule\"');\n\n  const locale = i18n.getContext(props);\n  const rtl = createRtlProvideValue(locale, i18n.rtl, props);\n\n  const state = {\n    ...locale,\n    ...rtl,\n  };\n  provide(YUYEON_I18N_KEY, state);\n\n  return state;\n}\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,OAAO,QAAQ,KAAK;AAAC,SAI7BC,kBAAkB;AAAA,SAKzBC,eAAe,EACfC,qBAAqB;AAAA,SAEdC,eAAe;AAExB,OAAO,SAASC,gBAAgBA,CAACC,OAAoC,EAAE;EACrE,MAAMC,YAAY,GAAGN,kBAAkB,CAACK,OAAO,CAAC;EAChD,MAAME,SAAS,GAAGN,eAAe,CAACK,YAAY,EAAED,OAAO,CAAC;EAExD,OAAO;IACLC,YAAY;IACZC;EACF,CAAC;AACH;AAEA,OAAO,SAASC,OAAOA,CAAA,EAA6B;EAClD,MAAMC,IAAI,GAAGX,MAAM,CAAMK,eAAe,CAAC;EACzC,IAAI,CAACM,IAAI,EAAE,MAAM,IAAIC,KAAK,CAAC,0CAA0C,CAAC;EACtE,OAAOD,IAAI;AACb;AAEA,OAAO,SAASE,WAAWA,CAACC,KAA+B,EAAE;EAC3D,MAAMH,IAAI,GAAGX,MAAM,CAAMK,eAAe,CAAC;EACzC,IAAI,CAACM,IAAI,EAAE,MAAM,IAAIC,KAAK,CAAC,0CAA0C,CAAC;EAEtE,MAAMG,MAAM,GAAGJ,IAAI,CAACK,UAAU,CAACF,KAAK,CAAC;EACrC,MAAMG,GAAG,GAAGb,qBAAqB,CAACW,MAAM,EAAEJ,IAAI,CAACM,GAAG,EAAEH,KAAK,CAAC;EAE1D,MAAMI,KAAK,GAAG;IACZ,GAAGH,MAAM;IACT,GAAGE;EACL,CAAC;EACDhB,OAAO,CAACI,eAAe,EAAEa,KAAK,CAAC;EAE/B,OAAOA,KAAK;AACd"}

package/lib/composables/icon.mjs

@@ -1,8 +1,9 @@
 import { createVNode as _createVNode, Fragment as _Fragment } from "vue";
-import { h } from 'vue';
-import { computed, defineComponent, inject, mergeProps, unref } from 'vue';
-import { builtSet } from "../components/index.mjs";
-import { mergeDeep, propsFactory } from "../util/index.mjs";
+import { computed, h, inject, mergeProps, unref } from 'vue';
+import { builtSet } from "../components/icons/index.mjs";
+import { mergeDeep } from "../util/common.mjs";
+import { defineComponent } from "../util/component/component.mjs";
+import { propsFactory } from "../util/component/props.mjs";
 export const IconPropOption = [String, Function, Object, Array];
 export const IconValue = [String, Object, Array, Function];
 export const pressIconPropsOptions = propsFactory({

package/lib/composables/icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon.mjs","names":["h","computed","defineComponent","inject","mergeProps","unref","builtSet","mergeDeep","propsFactory","IconPropOption","String","Function","Object","Array","IconValue","pressIconPropsOptions","icon","type","tag","required","YComponentIcon","name","props","setup","_ref","slots","Icon","_createVNode","_Fragment","iconProps","component","default","YSvgIcon","inheritAttrs","_ref2","attrs","isArray","map","path","YUYEON_ICON_KEY","Symbol","for","createIconModule","options","defaultSet","sets","svg","aliases","useIcon","iconProp","iconModule","Error","iconData","iconMeta","alias","trim","startsWith","slice","iconValue","iconSetName","keys","find","setName","iconName","length","iconSet","text","DOMParser","parseFromString","svgNode","querySelector","mounted","childNodes","forEach","child","$el","appendChild","render","hasAttributes","i","attributes","attr","item","value","node"],"sources":["../../src/composables/icon.tsx"],"sourcesContent":["import { HTMLAttributes, SVGAttributes } from '@vue/runtime-dom';\nimport { InjectionKey, PropType, Ref, h } from 'vue';\nimport { computed, defineComponent, inject, mergeProps, unref } from 'vue';\n\nimport { builtSet } from '../components';\nimport { JSXComponent } from '../types';\nimport { mergeDeep, propsFactory } from '../util';\n\ntype IconComponent = JSXComponent<IconProps> | JSXComponent<SVGAttributes | HTMLAttributes>;\n\nexport type IconValue =\n  | string\n  | (string | [path: string, opacity: number])[]\n  | IconComponent\n  | { component: JSXComponent; props?: any }\n  | { alias: string; iconProps?: any };\n\nexport const IconPropOption = [\n  String,\n  Function,\n  Object,\n  Array,\n] as PropType<IconValue>;\n\ntype IconProps = {\n  tag: string;\n  icon?: IconValue;\n  disabled?: Boolean;\n};\n\nexport interface IconSet {\n  component: IconComponent;\n}\n\nexport const IconValue = [\n  String,\n  Object,\n  Array,\n  Function,\n] as PropType<IconValue>;\n\nexport type IconModuleOptions = {\n  defaultSet?: string;\n  sets?: Record<string, IconSet>;\n  aliases?: Partial<Record<string, any>>;\n};\n\nexport const pressIconPropsOptions = propsFactory(\n  {\n    icon: {\n      type: IconValue,\n    },\n    tag: {\n      type: String,\n      required: true,\n    },\n  },\n  'icon',\n);\n\nexport const YComponentIcon = defineComponent({\n  name: 'YComponentIcon',\n  props: pressIconPropsOptions(),\n  setup(props, { slots }) {\n    return () => {\n      const icon = props.icon as unknown;\n      let Icon: JSXComponent = () => <></>;\n      let iconProps: any = {};\n      if (icon instanceof Object) {\n        Icon = icon as JSXComponent;\n        if ('component' in icon) {\n          Icon = icon.component as JSXComponent;\n          iconProps = (icon as any)?.props;\n        }\n      }\n      return (\n        <props.tag>\n          {props.icon ? <Icon {...mergeProps(iconProps)} /> : slots.default?.()}\n        </props.tag>\n      );\n    };\n  },\n});\nexport type YComponentIcon = InstanceType<typeof YComponentIcon>;\n\nexport const YSvgIcon = defineComponent({\n  name: 'YSvgIcon',\n  inheritAttrs: false,\n  props: pressIconPropsOptions(),\n  setup(props, { attrs }) {\n    return () => {\n      return (\n        <props.tag {...attrs}>\n          <svg\n            class=\"y-icon__svg\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            role=\"img\"\n            aria-hidden=\"true\"\n          >\n            {Array.isArray(props.icon) ? (\n              props.icon.map((path) =>\n                Array.isArray(path) ? (\n                  <path d={path[0] as string} fill-opacity={path[1]}></path>\n                ) : (\n                  <path d={path as string}></path>\n                ),\n              )\n            ) : (\n              <path d={props.icon as string}></path>\n            )}\n          </svg>\n        </props.tag>\n      );\n    };\n  },\n});\nexport type YSvgIcon = InstanceType<typeof YSvgIcon>;\n\nexport const YUYEON_ICON_KEY: InjectionKey<Required<IconModuleOptions>> =\n  Symbol.for('yuyeon.icon');\n\nexport function createIconModule(options?: IconModuleOptions) {\n  return mergeDeep(\n    {\n      defaultSet: 'built',\n      sets: {\n        svg: {\n          component: YSvgIcon,\n        },\n      },\n      aliases: {\n        ...builtSet,\n      },\n    },\n    options,\n  ) as Required<IconModuleOptions>;\n}\n\ntype IconInstance = {\n  component: IconComponent;\n  icon?: IconValue;\n};\n\nexport function useIcon(iconProp: Ref<IconValue | undefined>) {\n  const iconModule = inject(YUYEON_ICON_KEY);\n\n  if (!iconModule) throw new Error('Not found provided \"IconModule\"');\n\n  const iconData = computed<IconInstance>(() => {\n    const iconMeta = unref(iconProp);\n\n    if (!iconMeta) return { component: YComponentIcon };\n\n    let icon: IconValue | undefined = iconMeta;\n\n    if (\n      typeof icon === 'object' &&\n      'alias' in icon &&\n      typeof icon.alias === 'string'\n    ) {\n      icon = icon.alias;\n    }\n\n    if (typeof icon === 'string') {\n      icon = icon.trim();\n\n      if (icon.startsWith('$')) {\n        icon = iconModule.aliases?.[icon.slice(1)];\n      }\n    }\n\n    if (!icon) throw new Error(`Could not find aliased icon \"${iconMeta}\"`);\n\n    if (Array.isArray(icon)) {\n      return {\n        component: YSvgIcon,\n        icon,\n      };\n    } else if (typeof icon !== 'string') {\n      const iconValue = unref(iconProp);\n      if (\n        iconValue &&\n        typeof iconValue === 'object' &&\n        'iconProps' in iconValue\n      ) {\n        icon = {\n          component:\n            'component' in icon ? icon.component : (icon as JSXComponent),\n          props:\n            'props' in icon\n              ? mergeDeep(icon.props, iconValue?.iconProps ?? {})\n              : iconValue.iconProps,\n        };\n      }\n\n      return {\n        component: YComponentIcon,\n        icon,\n      };\n    }\n\n    const iconSetName = Object.keys(iconModule.sets).find(\n      (setName) => typeof icon === 'string' && icon.startsWith(`${setName}:`),\n    );\n\n    const iconName = iconSetName ? icon.slice(iconSetName.length + 1) : icon;\n    const iconSet = iconModule.sets[iconSetName ?? iconModule.defaultSet];\n\n    if (!iconSet?.component && typeof icon === 'string') {\n      const text = new DOMParser().parseFromString(icon, 'text/xml');\n      const svgNode = text.querySelector('svg');\n      if (svgNode) {\n        return {\n          component: YComponentIcon,\n          icon: {\n            mounted() {\n              svgNode.childNodes.forEach((child) => {\n                this.$el?.appendChild(child);\n              });\n            },\n            render: function () {\n              const attrs: any = {};\n              if (svgNode.hasAttributes()) {\n                for (let i = 0; i < svgNode.attributes.length; i += 1) {\n                  const attr = svgNode.attributes.item(i);\n                  if (attr) {\n                    attrs[`^${attr.name}`] = attr.value;\n                  }\n                }\n              }\n\n              const node = h('svg', { ...attrs }, []);\n              return node;\n            },\n          } as any,\n        };\n      }\n    }\n\n    return {\n      icon: iconName,\n      component: iconSet.component,\n    };\n  });\n\n  return {\n    iconData,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"icon.mjs","names":["computed","h","inject","mergeProps","unref","builtSet","mergeDeep","defineComponent","propsFactory","IconPropOption","String","Function","Object","Array","IconValue","pressIconPropsOptions","icon","type","tag","required","YComponentIcon","name","props","setup","_ref","slots","Icon","_createVNode","_Fragment","iconProps","component","default","YSvgIcon","inheritAttrs","_ref2","attrs","isArray","map","path","YUYEON_ICON_KEY","Symbol","for","createIconModule","options","defaultSet","sets","svg","aliases","useIcon","iconProp","iconModule","Error","iconData","iconMeta","alias","trim","startsWith","slice","iconValue","iconSetName","keys","find","setName","iconName","length","iconSet","text","DOMParser","parseFromString","svgNode","querySelector","mounted","childNodes","forEach","child","$el","appendChild","render","hasAttributes","i","attributes","attr","item","value","node"],"sources":["../../src/composables/icon.tsx"],"sourcesContent":["import {\n  type HTMLAttributes,\n  type InjectionKey,\n  type PropType,\n  type Ref,\n  type SVGAttributes,\n  computed,\n  h,\n  inject,\n  mergeProps,\n  unref,\n} from 'vue';\n\nimport { builtSet } from '@/components/icons';\nimport type { JSXComponent } from '@/types';\nimport { mergeDeep } from '@/util/common';\nimport { defineComponent } from '@/util/component/component';\nimport { propsFactory } from '@/util/component/props';\n\ntype IconComponent =\n  | JSXComponent<IconProps>\n  | JSXComponent<SVGAttributes | HTMLAttributes>;\n\nexport type IconValue =\n  | string\n  | (string | [path: string, opacity: number])[]\n  | IconComponent\n  | { component: JSXComponent; props?: any }\n  | { alias: string; iconProps?: any };\n\nexport const IconPropOption = [\n  String,\n  Function,\n  Object,\n  Array,\n] as PropType<IconValue>;\n\ntype IconProps = {\n  tag: string;\n  icon?: IconValue;\n  disabled?: Boolean;\n};\n\nexport interface IconSet {\n  component: IconComponent;\n}\n\nexport const IconValue = [\n  String,\n  Object,\n  Array,\n  Function,\n] as PropType<IconValue>;\n\nexport type IconModuleOptions = {\n  defaultSet?: string;\n  sets?: Record<string, IconSet>;\n  aliases?: Partial<Record<string, any>>;\n};\n\nexport const pressIconPropsOptions = propsFactory(\n  {\n    icon: {\n      type: IconValue,\n    },\n    tag: {\n      type: String,\n      required: true,\n    },\n  },\n  'icon',\n);\n\nexport const YComponentIcon = defineComponent({\n  name: 'YComponentIcon',\n  props: pressIconPropsOptions(),\n  setup(props, { slots }) {\n    return () => {\n      const icon = props.icon as unknown;\n      let Icon: JSXComponent = () => <></>;\n      let iconProps: any = {};\n      if (icon instanceof Object) {\n        Icon = icon as JSXComponent;\n        if ('component' in icon) {\n          Icon = icon.component as JSXComponent;\n          iconProps = (icon as any)?.props;\n        }\n      }\n      return (\n        <props.tag>\n          {props.icon ? <Icon {...mergeProps(iconProps)} /> : slots.default?.()}\n        </props.tag>\n      );\n    };\n  },\n});\nexport type YComponentIcon = InstanceType<typeof YComponentIcon>;\n\nexport const YSvgIcon = defineComponent({\n  name: 'YSvgIcon',\n  inheritAttrs: false,\n  props: pressIconPropsOptions(),\n  setup(props, { attrs }) {\n    return () => {\n      return (\n        <props.tag {...attrs}>\n          <svg\n            class=\"y-icon__svg\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            role=\"img\"\n            aria-hidden=\"true\"\n          >\n            {Array.isArray(props.icon) ? (\n              props.icon.map((path) =>\n                Array.isArray(path) ? (\n                  <path d={path[0] as string} fill-opacity={path[1]}></path>\n                ) : (\n                  <path d={path as string}></path>\n                ),\n              )\n            ) : (\n              <path d={props.icon as string}></path>\n            )}\n          </svg>\n        </props.tag>\n      );\n    };\n  },\n});\nexport type YSvgIcon = InstanceType<typeof YSvgIcon>;\n\nexport const YUYEON_ICON_KEY: InjectionKey<Required<IconModuleOptions>> =\n  Symbol.for('yuyeon.icon');\n\nexport function createIconModule(options?: IconModuleOptions) {\n  return mergeDeep(\n    {\n      defaultSet: 'built',\n      sets: {\n        svg: {\n          component: YSvgIcon,\n        },\n      },\n      aliases: {\n        ...builtSet,\n      },\n    },\n    options,\n  ) as Required<IconModuleOptions>;\n}\n\ntype IconInstance = {\n  component: IconComponent;\n  icon?: IconValue;\n};\n\nexport function useIcon(iconProp: Ref<IconValue | undefined>) {\n  const iconModule = inject(YUYEON_ICON_KEY);\n\n  if (!iconModule) throw new Error('Not found provided \"IconModule\"');\n\n  const iconData = computed<IconInstance>(() => {\n    const iconMeta = unref(iconProp);\n\n    if (!iconMeta) return { component: YComponentIcon };\n\n    let icon: IconValue | undefined = iconMeta;\n\n    if (\n      typeof icon === 'object' &&\n      'alias' in icon &&\n      typeof icon.alias === 'string'\n    ) {\n      icon = icon.alias;\n    }\n\n    if (typeof icon === 'string') {\n      icon = icon.trim();\n\n      if (icon.startsWith('$')) {\n        icon = iconModule.aliases?.[icon.slice(1)];\n      }\n    }\n\n    if (!icon) throw new Error(`Could not find aliased icon \"${iconMeta}\"`);\n\n    if (Array.isArray(icon)) {\n      return {\n        component: YSvgIcon,\n        icon,\n      };\n    } else if (typeof icon !== 'string') {\n      const iconValue = unref(iconProp);\n      if (\n        iconValue &&\n        typeof iconValue === 'object' &&\n        'iconProps' in iconValue\n      ) {\n        icon = {\n          component:\n            'component' in icon ? icon.component : (icon as JSXComponent),\n          props:\n            'props' in icon\n              ? mergeDeep(icon.props, iconValue?.iconProps ?? {})\n              : iconValue.iconProps,\n        };\n      }\n\n      return {\n        component: YComponentIcon,\n        icon,\n      };\n    }\n\n    const iconSetName = Object.keys(iconModule.sets).find(\n      (setName) => typeof icon === 'string' && icon.startsWith(`${setName}:`),\n    );\n\n    const iconName = iconSetName ? icon.slice(iconSetName.length + 1) : icon;\n    const iconSet = iconModule.sets[iconSetName ?? iconModule.defaultSet];\n\n    if (!iconSet?.component && typeof icon === 'string') {\n      const text = new DOMParser().parseFromString(icon, 'text/xml');\n      const svgNode = text.querySelector('svg');\n      if (svgNode) {\n        return {\n          component: YComponentIcon,\n          icon: {\n            mounted() {\n              svgNode.childNodes.forEach((child) => {\n                this.$el?.appendChild(child);\n              });\n            },\n            render: function () {\n              const attrs: any = {};\n              if (svgNode.hasAttributes()) {\n                for (let i = 0; i < svgNode.attributes.length; i += 1) {\n                  const attr = svgNode.attributes.item(i);\n                  if (attr) {\n                    attrs[`^${attr.name}`] = attr.value;\n                  }\n                }\n              }\n\n              const node = h('svg', { ...attrs }, []);\n              return node;\n            },\n          } as any,\n        };\n      }\n    }\n\n    return {\n      icon: iconName,\n      component: iconSet.component,\n    };\n  });\n\n  return {\n    iconData,\n  };\n}\n"],"mappings":"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"}

package/lib/composables/layer-group.mjs

@@ -1,5 +1,5 @@
 import { computed, getCurrentInstance, onBeforeUnmount, watch } from 'vue';
-import { useYuyeon } from "../index.mjs";
+import { useYuyeon } from "./../index.mjs";
 export const Y_LAYER_GROUP_CLASS_NAME = 'y-layer-group';
 const layerGroupState = new WeakMap();
 export function useLayerGroup(target) {

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

@@ -1 +1 @@
-{"version":3,"file":"layer-group.mjs","names":["computed","getCurrentInstance","onBeforeUnmount","watch","useYuyeon","Y_LAYER_GROUP_CLASS_NAME","layerGroupState","WeakMap","useLayerGroup","target","vm","yuyeon","layerGroup","refTarget","value","targetEl","document","body","rootEl","root","el","querySelector","nodeType","layerEl","createElement","className","appendChild","neo","old","has","get","delete","set","Set","add","immediate","getActiveLayers","activeLayers","currentGroup","forEach","ctx","active","isUnmounted","push","unregister"],"sources":["../../src/composables/layer-group.ts"],"sourcesContent":["import {computed, getCurrentInstance, onBeforeUnmount, watch} from 'vue';\r\nimport type { Ref, ComponentInternalInstance } from 'vue';\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(target?: Ref<string | Element>) {\r\n  const vm = getCurrentInstance()!;\r\n  const yuyeon = useYuyeon();\r\n\r\n  const layerGroup = computed<HTMLElement>(() => {\r\n    const refTarget = target?.value;\r\n    let targetEl: Element = document.body;\r\n\r\n    const rootEl = yuyeon.root;\r\n    if (rootEl) {\r\n      targetEl = rootEl;\r\n    }\r\n\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(`.${Y_LAYER_GROUP_CLASS_NAME}`);\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":"AAAA,SAAQA,QAAQ,EAAEC,kBAAkB,EAAEC,eAAe,EAAEC,KAAK,QAAO,KAAK;AAAC,SAEhEC,SAAS;AAElB,OAAO,MAAMC,wBAAwB,GAAG,eAAe;AAEvD,MAAMC,eAAe,GAAG,IAAIC,OAAO,CAAwB,CAAC;AAE5D,OAAO,SAASC,aAAaA,CAACC,MAA8B,EAAE;EAC5D,MAAMC,EAAE,GAAGT,kBAAkB,CAAC,CAAE;EAChC,MAAMU,MAAM,GAAGP,SAAS,CAAC,CAAC;EAE1B,MAAMQ,UAAU,GAAGZ,QAAQ,CAAc,MAAM;IAC7C,MAAMa,SAAS,GAAGJ,MAAM,EAAEK,KAAK;IAC/B,IAAIC,QAAiB,GAAGC,QAAQ,CAACC,IAAI;IAErC,MAAMC,MAAM,GAAGP,MAAM,CAACQ,IAAI;IAC1B,IAAID,MAAM,EAAE;MACVH,QAAQ,GAAGG,MAAM;IACnB;IAEA,IAAI,OAAOL,SAAS,KAAK,QAAQ,EAAE;MACjC,MAAMO,EAAE,GAAGJ,QAAQ,CAACK,aAAa,CAACR,SAAS,CAAC;MAC5C,IAAIO,EAAE,EAAE;QACNL,QAAQ,GAAGK,EAAE;MACf;IACF;IACA,IAAIP,SAAS,IAAKA,SAAS,CAAaS,QAAQ,KAAK,CAAC,EAAE;MACtDP,QAAQ,GAAGF,SAAoB;IACjC;IACA;IACA,IAAIU,OAAO,GAAGR,QAAQ,CAACM,aAAa,CAAE,IAAGhB,wBAAyB,EAAC,CAAC;IACpE,IAAI,CAACkB,OAAO,EAAE;MACZA,OAAO,GAAGP,QAAQ,CAACQ,aAAa,CAAC,KAAK,CAAC;MACvCD,OAAO,CAACE,SAAS,GAAGpB,wBAAwB;MAC5CU,QAAQ,CAACW,WAAW,CAACH,OAAO,CAAC;IAC/B;IACA,OAAOA,OAAO;EAChB,CAAC,CAAC;EAEFpB,KAAK,CACHS,UAAU,EACV,CAACe,GAAG,EAAEC,GAAG,KAAK;IACZ,IAAIA,GAAG,IAAItB,eAAe,CAACuB,GAAG,CAACD,GAAG,CAAC,EAAE;MACnCtB,eAAe,CAACwB,GAAG,CAACF,GAAG,CAAC,EAAEG,MAAM,CAACrB,EAAE,CAAC;IACtC;IACA,IAAI,EAAEJ,eAAe,CAACuB,GAAG,CAACF,GAAG,CAAC,IAAIrB,eAAe,CAACwB,GAAG,CAACH,GAAG,CAAC,CAAC,EAAE;MAC3DrB,eAAe,CAAC0B,GAAG,CAACL,GAAG,EAAE,IAAIM,GAAG,CAAC,CAAC,CAAC;IACrC;IACA3B,eAAe,CAACwB,GAAG,CAACH,GAAG,CAAC,EAAEO,GAAG,CAACxB,EAAE,CAAC;EACnC,CAAC,EACD;IAAEyB,SAAS,EAAE;EAAK,CACpB,CAAC;EAED,SAASC,eAAeA,CAAA,EAAG;IACzB,MAAMC,YAAyC,GAAG,EAAE;IACpD,MAAMC,YAAY,GAAGhC,eAAe,CAACwB,GAAG,CAAClB,UAAU,CAACE,KAAK,CAAC;IAC1DwB,YAAY,EAAEC,OAAO,CAAEzB,KAAK,IAAK;MAC/B,IAAIA,KAAK,EAAE0B,GAAG,EAAEC,MAAM,IAAI,CAAC3B,KAAK,EAAE4B,WAAW,EAAE;QAC7CL,YAAY,CAACM,IAAI,CAAC7B,KAAK,CAAC;MAC1B;IACF,CAAC,CAAC;IACF,OAAOuB,YAAY;EACrB;EAEA,SAASO,UAAUA,CAAA,EAAG;IACpBtC,eAAe,CAACwB,GAAG,CAAClB,UAAU,CAACE,KAAK,CAAC,EAAEiB,MAAM,CAACrB,EAAE,CAAC;EACnD;EAEAR,eAAe,CAAC,MAAM;IACpB0C,UAAU,CAAC,CAAC;EACd,CAAC,CAAC;EAEF,OAAO;IAAEhC,UAAU;IAAEN,eAAe;IAAE8B;EAAgB,CAAC;AACzD"}
+{"version":3,"file":"layer-group.mjs","names":["computed","getCurrentInstance","onBeforeUnmount","watch","useYuyeon","Y_LAYER_GROUP_CLASS_NAME","layerGroupState","WeakMap","useLayerGroup","target","vm","yuyeon","layerGroup","refTarget","value","targetEl","document","body","rootEl","root","el","querySelector","nodeType","layerEl","createElement","className","appendChild","neo","old","has","get","delete","set","Set","add","immediate","getActiveLayers","activeLayers","currentGroup","forEach","ctx","active","isUnmounted","push","unregister"],"sources":["../../src/composables/layer-group.ts"],"sourcesContent":["import { computed, getCurrentInstance, onBeforeUnmount, watch } from 'vue';\nimport type { ComponentInternalInstance, Ref } from 'vue';\n\nimport { useYuyeon } from '@/index';\n\nexport const Y_LAYER_GROUP_CLASS_NAME = 'y-layer-group';\n\nconst layerGroupState = new WeakMap<HTMLElement, Set<any>>();\n\nexport function useLayerGroup(target?: Ref<string | Element>) {\n  const vm = getCurrentInstance()!;\n  const yuyeon = useYuyeon();\n\n  const layerGroup = computed<HTMLElement>(() => {\n    const refTarget = target?.value;\n    let targetEl: Element = document.body;\n\n    const rootEl = yuyeon.root;\n    if (rootEl) {\n      targetEl = rootEl;\n    }\n\n    if (typeof refTarget === 'string') {\n      const el = document.querySelector(refTarget);\n      if (el) {\n        targetEl = el;\n      }\n    }\n    if (refTarget && (refTarget as Element).nodeType === 1) {\n      targetEl = refTarget as Element;\n    }\n    //\n    let layerEl = targetEl.querySelector(`.${Y_LAYER_GROUP_CLASS_NAME}`);\n    if (!layerEl) {\n      layerEl = document.createElement('div');\n      layerEl.className = Y_LAYER_GROUP_CLASS_NAME;\n      targetEl.appendChild(layerEl);\n    }\n    return layerEl as HTMLElement;\n  });\n\n  watch(\n    layerGroup,\n    (neo, old) => {\n      if (old && layerGroupState.has(old)) {\n        layerGroupState.get(old)?.delete(vm);\n      }\n      if (!(layerGroupState.has(neo) && layerGroupState.get(neo))) {\n        layerGroupState.set(neo, new Set());\n      }\n      layerGroupState.get(neo)?.add(vm);\n    },\n    { immediate: true },\n  );\n\n  function getActiveLayers() {\n    const activeLayers: ComponentInternalInstance[] = [];\n    const currentGroup = layerGroupState.get(layerGroup.value);\n    currentGroup?.forEach((value) => {\n      if (value?.ctx?.active && !value?.isUnmounted) {\n        activeLayers.push(value);\n      }\n    });\n    return activeLayers;\n  }\n\n  function unregister() {\n    layerGroupState.get(layerGroup.value)?.delete(vm);\n  }\n\n  onBeforeUnmount(() => {\n    unregister();\n  });\n\n  return { layerGroup, layerGroupState, getActiveLayers };\n}\n"],"mappings":"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"}

package/lib/composables/layout.mjs

@@ -1,4 +1,4 @@
-import { provide } from "vue";
+import { provide } from 'vue';
 export const YUYEON_LAYOUT_KEY = Symbol.for('yuyeon.layout');
 export function initLayoutSystem() {
   provide(YUYEON_LAYOUT_KEY, {

package/lib/composables/layout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"layout.mjs","names":["provide","YUYEON_LAYOUT_KEY","Symbol","for","initLayoutSystem","register","unregister"],"sources":["../../src/composables/layout.ts"],"sourcesContent":["import { 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> = 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,SAAuBA,OAAO,QAAQ,KAAK;AAS3C,OAAO,MAAMC,iBAA8C,GAAGC,MAAM,CAACC,GAAG,CAAC,eAAe,CAAC;AAEzF,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"}
+{"version":3,"file":"layout.mjs","names":["provide","YUYEON_LAYOUT_KEY","Symbol","for","initLayoutSystem","register","unregister"],"sources":["../../src/composables/layout.ts"],"sourcesContent":["import { type InjectionKey, provide } from 'vue';\n\ndeclare function register(): void;\n\ninterface LayoutProvide {\n  register: typeof register;\n  unregister: (id: string) => void;\n}\n\nexport const YUYEON_LAYOUT_KEY: InjectionKey<LayoutProvide> =\n  Symbol.for('yuyeon.layout');\n\nexport function initLayoutSystem() {\n  provide(YUYEON_LAYOUT_KEY, {\n    register: () => {\n      return;\n    },\n    unregister: () => {\n      return;\n    },\n  });\n}\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.mjs

@@ -1,7 +1,7 @@
 import { computed } from 'vue';
 import { pressItemsPropsOptions } from "../abstract/items.mjs";
 import { deepEqual, getPropertyFromItem } from "../util/common.mjs";
-import { propsFactory } from "../util/vue-component.mjs";
+import { propsFactory } from "../util/component/index.mjs";
 const listItemsPropsOptions = {
   ...pressItemsPropsOptions({
     itemKey: 'value',

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

@@ -1 +1 @@
-{"version":3,"file":"list-items.mjs","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, 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  hide: boolean;\n  disabled: boolean;\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  const ret: ListItem[] = [];\n  for (const item of items) {\n    ret.push(refineListItem(props, item));\n  }\n  return ret;\n}\n\nexport function refineListItem(\n  props: Omit<ListItemProps, 'items'>,\n  item: any,\n): ListItem {\n  const hide = !!item?.hide;\n  const disabled = !!item?.disabled;\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    hide,\n    disabled,\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\n  function toRefineItems(values: any[]) {\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 ?? refineListItem(props, v);\n      });\n  }\n\n  function toEmitItems(items: any[]) {\n    return props.returnItem\n      ? items.map(({ raw }) => raw)\n      : 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;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"}
+{"version":3,"file":"list-items.mjs","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';\n\nimport { pressItemsPropsOptions } from '@/abstract/items';\nimport { deepEqual, getPropertyFromItem } from '@/util/common';\nimport { propsFactory } from '@/util/component';\n\nexport interface ListItem<T = any> {\n  value: any;\n  text: string;\n  hide: boolean;\n  disabled: boolean;\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  const ret: ListItem[] = [];\n  for (const item of items) {\n    ret.push(refineListItem(props, item));\n  }\n  return ret;\n}\n\nexport function refineListItem(\n  props: Omit<ListItemProps, 'items'>,\n  item: any,\n): ListItem {\n  const hide = !!item?.hide;\n  const disabled = !!item?.disabled;\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    hide,\n    disabled,\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\n  function toRefineItems(values: any[]) {\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 ?? refineListItem(props, v);\n      });\n  }\n\n  function toEmitItems(items: any[]) {\n    return props.returnItem\n      ? items.map(({ raw }) => raw)\n      : items.map(({ value }) => value);\n  }\n\n  return {\n    items,\n    toEmitItems,\n    toRefineItems,\n  };\n}\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.mjs

@@ -1,5 +1,6 @@
-import { computed } from 'vue';
+import { computed, shallowRef, watch } from 'vue';
 export function useProgress(props) {
+  const delta = shallowRef(0);
   const numValue = computed(() => {
     const {
       value
@@ -13,8 +14,12 @@ export function useProgress(props) {
     }
     return numValue;
   });
+  watch(numValue, (neo, old) => {
+    delta.value = neo - old;
+  });
   return {
-    numValue
+    numValue,
+    delta
   };
 }
 //# sourceMappingURL=progress.mjs.map

package/lib/composables/progress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"progress.mjs","names":["computed","useProgress","props","numValue","value","Number","isNaN"],"sources":["../../src/composables/progress.ts"],"sourcesContent":["import { computed } from 'vue';\n\nexport function useProgress(props: any) {\n  const numValue = computed(() => {\n    const { value } = props;\n    const numValue = Number(value);\n    if (Number.isNaN(numValue) || numValue < 0) {\n      return 0;\n    }\n    if (numValue > 100) {\n      return 100;\n    }\n    return numValue;\n  });\n\n  return {\n    numValue,\n  };\n}\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,KAAK;AAE9B,OAAO,SAASC,WAAWA,CAACC,KAAU,EAAE;EACtC,MAAMC,QAAQ,GAAGH,QAAQ,CAAC,MAAM;IAC9B,MAAM;MAAEI;IAAM,CAAC,GAAGF,KAAK;IACvB,MAAMC,QAAQ,GAAGE,MAAM,CAACD,KAAK,CAAC;IAC9B,IAAIC,MAAM,CAACC,KAAK,CAACH,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;EAEF,OAAO;IACLA;EACF,CAAC;AACH"}
+{"version":3,"file":"progress.mjs","names":["computed","shallowRef","watch","useProgress","props","delta","numValue","value","Number","isNaN","neo","old"],"sources":["../../src/composables/progress.ts"],"sourcesContent":["import { computed, shallowRef, watch } from 'vue';\n\nexport function useProgress(props: any) {\n  const delta = shallowRef(0);\n\n  const numValue = computed(() => {\n    const { value } = props;\n    const numValue = Number(value);\n    if (Number.isNaN(numValue) || numValue < 0) {\n      return 0;\n    }\n    if (numValue > 100) {\n      return 100;\n    }\n    return numValue;\n  });\n\n  watch(numValue, (neo, old) => {\n    delta.value = neo - old;\n  });\n\n  return {\n    numValue,\n    delta,\n  };\n}\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;IAAM,CAAC,GAAGH,KAAK;IACvB,MAAME,QAAQ,GAAGE,MAAM,CAACD,KAAK,CAAC;IAC9B,IAAIC,MAAM,CAACC,KAAK,CAACH,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,CAACI,GAAG,EAAEC,GAAG,KAAK;IAC5BN,KAAK,CAACE,KAAK,GAAGG,GAAG,GAAGC,GAAG;EACzB,CAAC,CAAC;EAEF,OAAO;IACLL,QAAQ;IACRD;EACF,CAAC;AACH"}

package/lib/composables/ref.mjs

@@ -1,4 +1,4 @@
-import { onBeforeUpdate, ref } from "vue";
+import { onBeforeUpdate, ref } from 'vue';
 export function useRefs() {
   const refs = ref([]);
   onBeforeUpdate(() => refs.value = []);

package/lib/composables/ref.mjs.map

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

@@ -1,7 +1,5 @@
-import { readonly, ref } from 'vue';
-import { onBeforeUnmount } from 'vue';
-import { watch } from 'vue';
-import { getHtmlElement } from "../util/vue-component.mjs";
+import { onBeforeUnmount, readonly, ref, watch } from 'vue';
+import { getHtmlElement } from "../util/component/index.mjs";
 import Environments from "../util/environments.mjs";
 export function useResizeObserver(callback) {
   const resizeObservedRef = ref();

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

@@ -1 +1 @@
-{"version":3,"file":"resize-observer.mjs","names":["readonly","ref","onBeforeUnmount","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 { readonly, ref } from 'vue';\r\nimport { onBeforeUnmount } from 'vue';\r\nimport { watch } from 'vue';\r\n\r\nimport { getHtmlElement } from '../util/vue-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,QAAQ,EAAEC,GAAG,QAAQ,KAAK;AACnC,SAASC,eAAe,QAAQ,KAAK;AACrC,SAASC,KAAK,QAAQ,KAAK;AAAC,SAEnBC,cAAc;AAAA,OAChBC,YAAY;AAEnB,OAAO,SAASC,iBAAiBA,CAACC,QAAiC,EAAE;EACnE,MAAMC,iBAAiB,GAAGP,GAAG,CAAc,CAAC;EAC5C,MAAMQ,WAAW,GAAGR,GAAG,CAAkB,CAAC;EAC1C,IAAII,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;IAEFP,eAAe,CAAC,MAAM;MACpBS,QAAQ,CAACK,UAAU,CAAC,CAAC;IACvB,CAAC,CAAC;IAEFb,KAAK,CACDK,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,CACpB,CAAC;EACH;EAEA,OAAO;IACLd,iBAAiB;IACjBC,WAAW,EAAET,QAAQ,CAACS,WAAW;EACnC,CAAC;AACH"}
+{"version":3,"file":"resize-observer.mjs","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';\n\nimport { getHtmlElement } from '@/util/component';\nimport Environments from '@/util/environments';\n\nexport function useResizeObserver(callback?: ResizeObserverCallback) {\n  const resizeObservedRef = ref<HTMLElement>();\n  const contentRect = ref<DOMRectReadOnly>();\n  if (Environments.canUseResizeObserver) {\n    const observer = new ResizeObserver((entries, observer) => {\n      callback?.(entries, observer);\n      if (!entries.length) return;\n      contentRect.value = entries[0].contentRect;\n    });\n\n    onBeforeUnmount(() => {\n      observer.disconnect();\n    });\n\n    watch(\n      resizeObservedRef,\n      (neo, old) => {\n        if (old) {\n          observer.unobserve(getHtmlElement(old));\n          contentRect.value = undefined;\n        }\n        if (neo) {\n          observer.observe(getHtmlElement(neo));\n        }\n      },\n      { flush: 'post' },\n    );\n  }\n\n  return {\n    resizeObservedRef,\n    contentRect: readonly(contentRect),\n  };\n}\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.mjs

@@ -1,5 +1,4 @@
-// vuetify/packages/vuetify/src/composables/toggleScope.ts
-
+// vuetify/@/composables/toggleScope.ts
 import { effectScope, onScopeDispose, watch } from 'vue';
 export function useToggleScope(source, fn) {
   let scope;

package/lib/composables/scope.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scope.mjs","names":["effectScope","onScopeDispose","watch","useToggleScope","source","fn","scope","start","run","length","stop","active","undefined","immediate"],"sources":["../../src/composables/scope.ts"],"sourcesContent":["// vuetify/packages/vuetify/src/composables/toggleScope.ts\n\nimport { effectScope, onScopeDispose, watch } from 'vue';\nimport type { EffectScope, WatchSource } from 'vue';\n\nexport function useToggleScope(\n  source: WatchSource<boolean>,\n  fn: (reset: () => void) => void,\n) {\n  let scope: EffectScope | undefined;\n  function start() {\n    scope = effectScope();\n    scope.run(() =>\n      fn.length\n        ? fn(() => {\n            scope?.stop();\n            start();\n          })\n        : (fn as any)(),\n    );\n  }\n\n  watch(\n    source,\n    (active) => {\n      if (active && !scope) {\n        start();\n      } else if (!active) {\n        scope?.stop();\n        scope = undefined;\n      }\n    },\n    { immediate: true },\n  );\n\n  onScopeDispose(() => {\n    scope?.stop();\n  });\n}\n"],"mappings":"AAAA;;AAEA,SAASA,WAAW,EAAEC,cAAc,EAAEC,KAAK,QAAQ,KAAK;AAGxD,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"}
+{"version":3,"file":"scope.mjs","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\nimport {\n  type EffectScope,\n  type WatchSource,\n  effectScope,\n  onScopeDispose,\n  watch,\n} from 'vue';\n\nexport function useToggleScope(\n  source: WatchSource<boolean>,\n  fn: (reset: () => void) => void,\n) {\n  let scope: EffectScope | undefined;\n  function start() {\n    scope = effectScope();\n    scope.run(() =>\n      fn.length\n        ? fn(() => {\n            scope?.stop();\n            start();\n          })\n        : (fn as any)(),\n    );\n  }\n\n  watch(\n    source,\n    (active) => {\n      if (active && !scope) {\n        start();\n      } else if (!active) {\n        scope?.stop();\n        scope = undefined;\n      }\n    },\n    { immediate: true },\n  );\n\n  onScopeDispose(() => {\n    scope?.stop();\n  });\n}\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/theme/factory.mjs.map

@@ -1 +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';\r\nimport { rgbFromHex } from '../../util/color/conversion';\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;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,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"}
+{"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';\n\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] = color;\n        theme.colors[`${colorName}-rgb`] = 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) ? '#ffffff' : '#000000';\n      theme.colors[`${onColor}-rgb`] =\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;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/index.mjs

@@ -1,6 +1,6 @@
 import { computed, effectScope, getCurrentInstance, inject, provide, reactive, readonly, ref, unref, watch } from 'vue';
 import bindThemeClass from "../../directives/theme-class.mjs";
-import { propsFactory } from "../../util/vue-component.mjs";
+import { propsFactory } from "../../util/component/props.mjs";
 import { createPalette, createThemes } from "./factory.mjs";
 import { cssClass, cssVariables } from "./helper.mjs";
 import { configureOptions } from "./setting.mjs";
@@ -181,7 +181,7 @@ export function useLocalTheme(props) {
 export function useTheme() {
   getCurrentInstance();
   const theme = inject(YUYEON_THEME_KEY, null);
-  if (!theme) throw new Error('Not found provided "ThemeModule"');
+  if (!theme) throw new Error('【yuyeon】 Not found provided "ThemeModule"');
   return theme;
 }
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["computed","effectScope","getCurrentInstance","inject","provide","reactive","readonly","ref","unref","watch","bindThemeClass","propsFactory","createPalette","createThemes","cssClass","cssVariables","configureOptions","Y_THEME_PREFIX","YUYEON_THEME_KEY","Symbol","for","pressThemePropsOptions","theme","String","isDarkMode","window","matchMedia","matches","isSupportAutoScheme","media","createThemeModule","options","appMountedScope","config","scheme","themes","palette","supportedAutoMode","preferColorScheme","darkModeWatcher","mediaQueryList","value","currentColorScheme","currentThemeKey","computedThemes","Array","isArray","computedPalette","styles","separationId","separation","lines","push","themeKey","themeDefs","Object","entries","colors","variables","isDark","records","themeScheme","join","install","app","directive","styleEl","document","getElementById","updateStyleEl","immediate","el","createElement","type","id","cspNonce","setAttribute","head","appendChild","innerHTML","bindTheme","yuyeon","mql","addEventListener","neo","lightTheme","darkTheme","root","dataset","init","run","themeClasses","scope","instance","global","useLocalTheme","props","themeModule","Error","moduleTheme","newTheme","useTheme"],"sources":["../../../src/composables/theme/index.ts"],"sourcesContent":["import type { App, ComputedRef, PropType, Ref } from 'vue';\nimport {\n  computed,\n  effectScope,\n  getCurrentInstance,\n  inject,\n  provide,\n  reactive,\n  readonly,\n  ref,\n  unref,\n  watch,\n} from 'vue';\n\nimport bindThemeClass from '../../directives/theme-class';\nimport { propsFactory } from '../../util/vue-component';\nimport { createPalette, createThemes } from './factory';\nimport { cssClass, cssVariables } from './helper';\nimport { ThemeScheme, configureOptions } from './setting';\nimport type { ThemeOptions } from './types';\n\nexport type { ThemeOptions };\n\nexport const Y_THEME_PREFIX = 'y-theme';\n\nexport interface ThemeModuleInstance {\n  scheme: Ref<keyof typeof ThemeScheme | 'auto'>;\n  theme: Ref<[string, string?]>;\n  // theme values(schemes) for colors & variables\n  readonly themes: any;\n  readonly global: {\n    // currentThemeKeys: [lightThemeKey, darkThemeKey]\n    // If used manually, fix the scheme to 'light' and have a [lightThemeKey] value.\n    // Use the appropriate default theme scheme if it does not match the themeKey\n    scheme: Ref<keyof typeof ThemeScheme | 'auto'>;\n    theme: Ref<[string, string?]>;\n  };\n  /* computed */\n  readonly currentThemeKey: Readonly<ComputedRef<string>>;\n  readonly themeClasses: Readonly<ComputedRef<string | undefined>>;\n  readonly computedThemes: Readonly<ComputedRef<any>>;\n  readonly computedPalette: Readonly<ComputedRef<any>>;\n  /* */\n  readonly supportedAutoMode: Readonly<Ref<boolean>>;\n  readonly preferColorScheme: Readonly<Ref<'light' | 'dark'>>;\n}\n\nexport const YUYEON_THEME_KEY = Symbol.for('yuyeon.theme');\n\nexport const pressThemePropsOptions = propsFactory(\n  {\n    theme: String as PropType<string>,\n  },\n  'theme',\n);\n\nexport function isDarkMode() {\n  return window.matchMedia('(prefers-color-scheme: dark)').matches;\n}\n\nexport function isSupportAutoScheme() {\n  return window.matchMedia('(prefers-color-scheme)').media !== 'not all';\n}\n\nexport function createThemeModule(options: ThemeOptions) {\n  const appMountedScope = effectScope();\n  const config = reactive(configureOptions(options));\n  const scheme = ref<string>(config.scheme);\n  const theme = ref<[string, string]>(config.theme);\n  const themes = ref(config.themes);\n  const palette = ref(config.palette);\n  const supportedAutoMode = ref(true);\n  const preferColorScheme = ref('');\n\n  function darkModeWatcher(\n    mediaQueryList: MediaQueryListEvent | MediaQueryList,\n  ) {\n    preferColorScheme.value = mediaQueryList.matches ? 'dark' : 'light';\n  }\n\n  const currentColorScheme = computed<'light' | 'dark'>(() => {\n    if (scheme.value === 'auto') {\n      return preferColorScheme.value as 'light' | 'dark';\n    }\n    if (scheme.value === 'dark') {\n      return 'dark';\n    }\n    return 'light';\n  });\n\n  const currentThemeKey = computed(() => {\n    if (typeof theme.value === 'string') {\n      if (theme.value in computedThemes) {\n        return theme.value;\n      }\n    }\n    if (Array.isArray(theme.value)) {\n      return currentColorScheme.value === 'dark'\n        ? theme.value?.[1] ?? 'dark'\n        : theme.value?.[0] ?? 'light';\n    }\n    return currentColorScheme.value;\n  });\n\n  const computedPalette = computed(() => {\n    return createPalette(palette.value);\n  });\n\n  const computedThemes = computed(() => {\n    return createThemes(themes.value);\n  });\n\n  const styles = computed(() => {\n    const separationId = config.separation ? `#${config.separation}` : '';\n    const lines = [];\n    lines.push(\n      ...cssClass(':root', cssVariables(computedPalette.value, 'palette')),\n    );\n    for (const [themeKey, themeDefs] of Object.entries(computedThemes.value)) {\n      const { colors, variables, isDark } = themeDefs;\n      const records: Record<string, string> = {\n        ...colors,\n        ...variables,\n      };\n      // if (currentThemeKey.value === themeKey) {\n      //   lines.push(...cssClass(':root', cssVariables(records, 'theme')));\n      // }\n      const themeScheme = isDark ? 'dark' : 'light';\n      if (scheme.value === 'auto') {\n        lines.push(\n          ...cssClass(\n            `@media (prefers-color-scheme: ${themeScheme})`,\n            cssClass(\n              `${separationId}[data-theme-scheme='auto'][data-${themeScheme}-theme='${themeKey}']`,\n              cssVariables(records, 'theme'),\n            ),\n          ),\n        );\n      } else {\n        lines.push(\n          ...cssClass(\n            `${separationId}[data-theme-scheme='${themeScheme}'][data-${themeScheme}-theme='${themeKey}']`,\n            cssVariables(records, 'theme'),\n          ),\n        );\n      }\n\n      lines.push(\n        ...cssClass(`${separationId} .y-theme--${themeKey}`, cssVariables(records, 'theme')),\n      );\n    }\n    return lines.join('');\n  });\n\n  function install(app: App) {\n    app.directive('theme', bindThemeClass);\n\n    let styleEl = document.getElementById('yuyeon-theme-palette' + `${config.separation ? '__' + config.separation : ''}`);\n\n    watch(styles, updateStyleEl, { immediate: true });\n\n    function updateStyleEl() {\n      if (typeof document !== 'undefined' && !styleEl) {\n        const el = document.createElement('style');\n        el.type = 'text/css';\n        el.id = 'yuyeon-theme-palette' + `${config.separation ? '__' + config.separation : ''}`;\n        if (options?.cspNonce) el.setAttribute('nonce', options.cspNonce);\n        styleEl = el;\n        document.head.appendChild(styleEl);\n      }\n      if (styleEl) {\n        styleEl.innerHTML = styles.value;\n      }\n    }\n  }\n\n  function bindTheme(yuyeon: any) {\n    supportedAutoMode.value = isSupportAutoScheme();\n    if (supportedAutoMode.value) {\n      const mql = window.matchMedia('(prefers-color-scheme: dark)');\n      darkModeWatcher(mql);\n      mql.addEventListener('change' as 'change', darkModeWatcher);\n    }\n    watch(\n      theme,\n      (neo) => {\n        const [lightTheme, darkTheme] = neo;\n        yuyeon.root.dataset.lightTheme = lightTheme;\n        yuyeon.root.dataset.darkTheme = darkTheme;\n      },\n      { immediate: true },\n    );\n    watch(\n      scheme,\n      (neo) => {\n        yuyeon.root.setAttribute(\n          'data-theme-scheme',\n          neo === 'auto' ? 'auto' : currentColorScheme.value,\n        );\n      },\n      { immediate: true },\n    );\n  }\n\n  function init(yuyeon: any) {\n    appMountedScope.run(() => {\n      bindTheme(yuyeon);\n    });\n  }\n\n  const themeClasses = computed(() => `y-theme--${currentThemeKey.value}`);\n\n  return {\n    install,\n    init,\n    scope: appMountedScope,\n    instance: {\n      global: {\n        scheme,\n        theme,\n      },\n      themes,\n      scheme,\n      theme,\n      currentThemeKey,\n      themeClasses,\n      computedThemes,\n      computedPalette,\n      supportedAutoMode: readonly(supportedAutoMode),\n      preferColorScheme: readonly(preferColorScheme),\n    },\n  };\n}\n\nexport function useLocalTheme(props: { theme?: string }) {\n  getCurrentInstance();\n\n  const themeModule = inject<ThemeModuleInstance | null>(\n    YUYEON_THEME_KEY,\n    null,\n  );\n\n  if (!themeModule) throw new Error('Not found provided \"ThemeModule\"');\n\n  const palette = themeModule.computedPalette;\n\n  const currentThemeKey = computed<string>(() => {\n    if (props.theme) {\n      const moduleTheme = unref(themeModule.theme);\n      switch (props.theme) {\n        case 'light':\n          return moduleTheme?.[0] ?? 'light';\n        case 'dark':\n          return moduleTheme?.[1] ?? 'dark';\n        // TODO: props.theme(themeKey) validation in themes\n        default:\n          return props.theme;\n      }\n    }\n    return unref(themeModule.currentThemeKey);\n  });\n\n  const themeClasses = computed(() => {\n    return `y-theme--${currentThemeKey.value}`;\n  });\n\n  const newTheme: ThemeModuleInstance = {\n    ...themeModule,\n    currentThemeKey,\n    themeClasses,\n  };\n\n  provide(YUYEON_THEME_KEY, newTheme);\n\n  return newTheme;\n}\n\nexport function useTheme() {\n  getCurrentInstance();\n\n  const theme = inject<ThemeModuleInstance | null>(YUYEON_THEME_KEY, null);\n\n  if (!theme) throw new Error('Not found provided \"ThemeModule\"');\n\n  return theme;\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["computed","effectScope","getCurrentInstance","inject","provide","reactive","readonly","ref","unref","watch","bindThemeClass","propsFactory","createPalette","createThemes","cssClass","cssVariables","configureOptions","Y_THEME_PREFIX","YUYEON_THEME_KEY","Symbol","for","pressThemePropsOptions","theme","String","isDarkMode","window","matchMedia","matches","isSupportAutoScheme","media","createThemeModule","options","appMountedScope","config","scheme","themes","palette","supportedAutoMode","preferColorScheme","darkModeWatcher","mediaQueryList","value","currentColorScheme","currentThemeKey","computedThemes","Array","isArray","computedPalette","styles","separationId","separation","lines","push","themeKey","themeDefs","Object","entries","colors","variables","isDark","records","themeScheme","join","install","app","directive","styleEl","document","getElementById","updateStyleEl","immediate","el","createElement","type","id","cspNonce","setAttribute","head","appendChild","innerHTML","bindTheme","yuyeon","mql","addEventListener","neo","lightTheme","darkTheme","root","dataset","init","run","themeClasses","scope","instance","global","useLocalTheme","props","themeModule","Error","moduleTheme","newTheme","useTheme"],"sources":["../../../src/composables/theme/index.ts"],"sourcesContent":["import type { App, ComputedRef, PropType, Ref } from 'vue';\nimport {\n  computed,\n  effectScope,\n  getCurrentInstance,\n  inject,\n  provide,\n  reactive,\n  readonly,\n  ref,\n  unref,\n  watch,\n} from 'vue';\n\nimport bindThemeClass from '@/directives/theme-class';\nimport { propsFactory } from '@/util/component/props';\n\nimport { createPalette, createThemes } from './factory';\nimport { cssClass, cssVariables } from './helper';\nimport { ThemeScheme, configureOptions } from './setting';\nimport type { ThemeOptions } from './types';\n\nexport type { ThemeOptions };\n\nexport const Y_THEME_PREFIX = 'y-theme';\n\nexport interface ThemeModuleInstance {\n  scheme: Ref<keyof typeof ThemeScheme | 'auto'>;\n  theme: Ref<[string, string?]>;\n  // theme values(schemes) for colors & variables\n  readonly themes: any;\n  readonly global: {\n    // currentThemeKeys: [lightThemeKey, darkThemeKey]\n    // If used manually, fix the scheme to 'light' and have a [lightThemeKey] value.\n    // Use the appropriate default theme scheme if it does not match the themeKey\n    scheme: Ref<keyof typeof ThemeScheme | 'auto'>;\n    theme: Ref<[string, string?]>;\n  };\n  /* computed */\n  readonly currentThemeKey: Readonly<ComputedRef<string>>;\n  readonly themeClasses: Readonly<ComputedRef<string | undefined>>;\n  readonly computedThemes: Readonly<ComputedRef<any>>;\n  readonly computedPalette: Readonly<ComputedRef<any>>;\n  /* */\n  readonly supportedAutoMode: Readonly<Ref<boolean>>;\n  readonly preferColorScheme: Readonly<Ref<'light' | 'dark'>>;\n}\n\nexport const YUYEON_THEME_KEY = Symbol.for('yuyeon.theme');\n\nexport const pressThemePropsOptions = propsFactory(\n  {\n    theme: String as PropType<string>,\n  },\n  'theme',\n);\n\nexport function isDarkMode() {\n  return window.matchMedia('(prefers-color-scheme: dark)').matches;\n}\n\nexport function isSupportAutoScheme() {\n  return window.matchMedia('(prefers-color-scheme)').media !== 'not all';\n}\n\nexport function createThemeModule(options: ThemeOptions) {\n  const appMountedScope = effectScope();\n  const config = reactive(configureOptions(options));\n  const scheme = ref<string>(config.scheme);\n  const theme = ref<[string, string]>(config.theme);\n  const themes = ref(config.themes);\n  const palette = ref(config.palette);\n  const supportedAutoMode = ref(true);\n  const preferColorScheme = ref('');\n\n  function darkModeWatcher(\n    mediaQueryList: MediaQueryListEvent | MediaQueryList,\n  ) {\n    preferColorScheme.value = mediaQueryList.matches ? 'dark' : 'light';\n  }\n\n  const currentColorScheme = computed<'light' | 'dark'>(() => {\n    if (scheme.value === 'auto') {\n      return preferColorScheme.value as 'light' | 'dark';\n    }\n    if (scheme.value === 'dark') {\n      return 'dark';\n    }\n    return 'light';\n  });\n\n  const currentThemeKey = computed(() => {\n    if (typeof theme.value === 'string') {\n      if (theme.value in computedThemes) {\n        return theme.value;\n      }\n    }\n    if (Array.isArray(theme.value)) {\n      return currentColorScheme.value === 'dark'\n        ? theme.value?.[1] ?? 'dark'\n        : theme.value?.[0] ?? 'light';\n    }\n    return currentColorScheme.value;\n  });\n\n  const computedPalette = computed(() => {\n    return createPalette(palette.value);\n  });\n\n  const computedThemes = computed(() => {\n    return createThemes(themes.value);\n  });\n\n  const styles = computed(() => {\n    const separationId = config.separation ? `#${config.separation}` : '';\n    const lines = [];\n    lines.push(\n      ...cssClass(':root', cssVariables(computedPalette.value, 'palette')),\n    );\n    for (const [themeKey, themeDefs] of Object.entries(computedThemes.value)) {\n      const { colors, variables, isDark } = themeDefs;\n      const records: Record<string, string> = {\n        ...colors,\n        ...variables,\n      };\n      // if (currentThemeKey.value === themeKey) {\n      //   lines.push(...cssClass(':root', cssVariables(records, 'theme')));\n      // }\n      const themeScheme = isDark ? 'dark' : 'light';\n      if (scheme.value === 'auto') {\n        lines.push(\n          ...cssClass(\n            `@media (prefers-color-scheme: ${themeScheme})`,\n            cssClass(\n              `${separationId}[data-theme-scheme='auto'][data-${themeScheme}-theme='${themeKey}']`,\n              cssVariables(records, 'theme'),\n            ),\n          ),\n        );\n      } else {\n        lines.push(\n          ...cssClass(\n            `${separationId}[data-theme-scheme='${themeScheme}'][data-${themeScheme}-theme='${themeKey}']`,\n            cssVariables(records, 'theme'),\n          ),\n        );\n      }\n\n      lines.push(\n        ...cssClass(\n          `${separationId} .y-theme--${themeKey}`,\n          cssVariables(records, 'theme'),\n        ),\n      );\n    }\n    return lines.join('');\n  });\n\n  function install(app: App) {\n    app.directive('theme', bindThemeClass);\n\n    let styleEl = document.getElementById(\n      'yuyeon-theme-palette' +\n        `${config.separation ? '__' + config.separation : ''}`,\n    );\n\n    watch(styles, updateStyleEl, { immediate: true });\n\n    function updateStyleEl() {\n      if (typeof document !== 'undefined' && !styleEl) {\n        const el = document.createElement('style');\n        el.type = 'text/css';\n        el.id =\n          'yuyeon-theme-palette' +\n          `${config.separation ? '__' + config.separation : ''}`;\n        if (options?.cspNonce) el.setAttribute('nonce', options.cspNonce);\n        styleEl = el;\n        document.head.appendChild(styleEl);\n      }\n      if (styleEl) {\n        styleEl.innerHTML = styles.value;\n      }\n    }\n  }\n\n  function bindTheme(yuyeon: any) {\n    supportedAutoMode.value = isSupportAutoScheme();\n    if (supportedAutoMode.value) {\n      const mql = window.matchMedia('(prefers-color-scheme: dark)');\n      darkModeWatcher(mql);\n      mql.addEventListener('change' as 'change', darkModeWatcher);\n    }\n    watch(\n      theme,\n      (neo) => {\n        const [lightTheme, darkTheme] = neo;\n        yuyeon.root.dataset.lightTheme = lightTheme;\n        yuyeon.root.dataset.darkTheme = darkTheme;\n      },\n      { immediate: true },\n    );\n    watch(\n      scheme,\n      (neo) => {\n        yuyeon.root.setAttribute(\n          'data-theme-scheme',\n          neo === 'auto' ? 'auto' : currentColorScheme.value,\n        );\n      },\n      { immediate: true },\n    );\n  }\n\n  function init(yuyeon: any) {\n    appMountedScope.run(() => {\n      bindTheme(yuyeon);\n    });\n  }\n\n  const themeClasses = computed(() => `y-theme--${currentThemeKey.value}`);\n\n  return {\n    install,\n    init,\n    scope: appMountedScope,\n    instance: {\n      global: {\n        scheme,\n        theme,\n      },\n      themes,\n      scheme,\n      theme,\n      currentThemeKey,\n      themeClasses,\n      computedThemes,\n      computedPalette,\n      supportedAutoMode: readonly(supportedAutoMode),\n      preferColorScheme: readonly(preferColorScheme),\n    },\n  };\n}\n\nexport function useLocalTheme(props: { theme?: string }) {\n  getCurrentInstance();\n\n  const themeModule = inject<ThemeModuleInstance | null>(\n    YUYEON_THEME_KEY,\n    null,\n  );\n\n  if (!themeModule) throw new Error('Not found provided \"ThemeModule\"');\n\n  const palette = themeModule.computedPalette;\n\n  const currentThemeKey = computed<string>(() => {\n    if (props.theme) {\n      const moduleTheme = unref(themeModule.theme);\n      switch (props.theme) {\n        case 'light':\n          return moduleTheme?.[0] ?? 'light';\n        case 'dark':\n          return moduleTheme?.[1] ?? 'dark';\n        // TODO: props.theme(themeKey) validation in themes\n        default:\n          return props.theme;\n      }\n    }\n    return unref(themeModule.currentThemeKey);\n  });\n\n  const themeClasses = computed(() => {\n    return `y-theme--${currentThemeKey.value}`;\n  });\n\n  const newTheme: ThemeModuleInstance = {\n    ...themeModule,\n    currentThemeKey,\n    themeClasses,\n  };\n\n  provide(YUYEON_THEME_KEY, newTheme);\n\n  return newTheme;\n}\n\nexport function useTheme() {\n  getCurrentInstance();\n\n  const theme = inject<ThemeModuleInstance | null>(YUYEON_THEME_KEY, null);\n\n  if (!theme) throw new Error('【yuyeon】 Not found provided \"ThemeModule\"');\n\n  return theme;\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"setting.mjs","names":["mergeDeep","ThemeScheme","light","dark","defaultTonalLuminance","defaultPalette","scaleMethod","colors","primary","secondary","tertiary","neutral","positive","negative","warning","info","defaultThemesValues","isDark","background","surface","outline","error","success","shadow","variables","configureOptions","options","scheme","theme","themes","palette","separation"],"sources":["../../../src/composables/theme/setting.ts"],"sourcesContent":["import { mergeDeep } from '../../util/common';\r\nimport { PaletteOption, ThemeOptions } from './types';\r\n\r\nexport const ThemeScheme = {\r\n  light: 'light',\r\n  dark: 'dark',\r\n} as const;\r\n\r\nexport const defaultTonalLuminance = [\r\n  0, 10, 20, 25, 30, 35, 40, 50, 60, 70, 80, 90, 95, 98, 99, 100,\r\n];\r\n\r\nexport const defaultPalette: PaletteOption = {\r\n  scaleMethod: 'tonal',\r\n  colors: {\r\n    primary: '#0062a1',\r\n    secondary: '#6251a6',\r\n    tertiary: '#3c691b',\r\n    neutral: '#5d5e61',\r\n    positive: '#009d61',\r\n    negative: '#ba1a1a',\r\n    warning: '#f69400',\r\n    info: '#0d62e6',\r\n  },\r\n};\r\n\r\nexport const defaultThemesValues: any = {\r\n  light: {\r\n    isDark: false,\r\n    colors: {\r\n      primary: '#0062a1',\r\n      secondary: '#6251a6',\r\n      tertiary: '#3c691b',\r\n      background: '#fdfbff',\r\n      'on-background': '#1a1c1e',\r\n      surface: '#fdfbff',\r\n      'on-surface': '#1a1c1e',\r\n      'surface-variant': '#dfe3eb',\r\n      'on-surface-variant': '#42474e',\r\n      outline: '#73777f',\r\n      'outline-variant': '#c2c7cf',\r\n      error: '#ba1a1a',\r\n      'on-error': '#ffffff',\r\n      warning: '#8a5100',\r\n      'on-warning': '#ffffff',\r\n      info: '#0056d0',\r\n      'on-info': '#ffffff',\r\n      success: '#006d42',\r\n      'on-success': '#ffffff',\r\n      shadow: '#000000',\r\n    },\r\n    variables: {\r\n      'outline-opacity': 0.14,\r\n      'base-shadow-opacity': 0.14,\r\n      'base-font': '#141414',\r\n    },\r\n  },\r\n  dark: {\r\n    isDark: true,\r\n    colors: {\r\n      primary: '#9ccaff',\r\n      'on-primary': '#003257',\r\n      secondary: '#cbbeff',\r\n      'on-secondary': '#332074',\r\n      tertiary: '#a1d57a',\r\n      'on-tertiary': '#173800',\r\n      background: '#1a1c1e',\r\n      'on-background': '#e2e2e6',\r\n      surface: '#1a1c1e',\r\n      'on-surface': '#e2e2e6',\r\n      'surface-variant': '#42474e',\r\n      'on-surface-variant': '#c2c7cf',\r\n      outline: '#8c9199',\r\n      'outline-variant': '#42474e',\r\n      error: '#ffb4ab',\r\n      'on-error': '#690005',\r\n      warning: '#ffb86e',\r\n      'on-warning': '#492900',\r\n      info: '#b1c5ff',\r\n      'on-info': '#002c72',\r\n      success: '#61dd9a',\r\n      'on-success': '#003920',\r\n      shadow: '#000000',\r\n    },\r\n    variables: {\r\n      'outline-opacity': 0.14,\r\n      'base-shadow-opacity': 0.14,\r\n      'base-font': '#f5f5f5',\r\n    },\r\n  },\r\n};\r\n\r\nexport function configureOptions(options?: ThemeOptions): any {\r\n  if (!options) {\r\n    return {\r\n      scheme: ThemeScheme.light,\r\n      theme: ['light', 'dark'],\r\n      themes: { ...mergeDeep(defaultThemesValues) },\r\n      palette: { ...mergeDeep(defaultPalette) },\r\n    };\r\n  }\r\n  return {\r\n    scheme: ThemeScheme.light,\r\n    theme: ['light', 'dark'],\r\n    themes: { ...mergeDeep(defaultThemesValues, options.themes) },\r\n    palette: { ...mergeDeep(defaultPalette, options.palette) },\r\n    separation: options?.separation,\r\n  };\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"setting.mjs","names":["mergeDeep","ThemeScheme","light","dark","defaultTonalLuminance","defaultPalette","scaleMethod","colors","primary","secondary","tertiary","neutral","positive","negative","warning","info","defaultThemesValues","isDark","background","surface","outline","error","success","shadow","variables","configureOptions","options","scheme","theme","themes","palette","separation"],"sources":["../../../src/composables/theme/setting.ts"],"sourcesContent":["import { mergeDeep } from '@/util/common';\n\nimport type { PaletteOption, ThemeOptions } from './types';\n\nexport const ThemeScheme = {\n  light: 'light',\n  dark: 'dark',\n} as const;\n\nexport const defaultTonalLuminance = [\n  0, 10, 20, 25, 30, 35, 40, 50, 60, 70, 80, 90, 95, 98, 99, 100,\n];\n\nexport const defaultPalette: PaletteOption = {\n  scaleMethod: 'tonal',\n  colors: {\n    primary: '#0062a1',\n    secondary: '#6251a6',\n    tertiary: '#3c691b',\n    neutral: '#5d5e61',\n    positive: '#009d61',\n    negative: '#ba1a1a',\n    warning: '#f69400',\n    info: '#0d62e6',\n  },\n};\n\nexport const defaultThemesValues: any = {\n  light: {\n    isDark: false,\n    colors: {\n      primary: '#0062a1',\n      secondary: '#6251a6',\n      tertiary: '#3c691b',\n      background: '#fdfbff',\n      'on-background': '#1a1c1e',\n      surface: '#fdfbff',\n      'on-surface': '#1a1c1e',\n      'surface-variant': '#dfe3eb',\n      'on-surface-variant': '#42474e',\n      outline: '#73777f',\n      'outline-variant': '#c2c7cf',\n      error: '#ba1a1a',\n      'on-error': '#ffffff',\n      warning: '#8a5100',\n      'on-warning': '#ffffff',\n      info: '#0056d0',\n      'on-info': '#ffffff',\n      success: '#006d42',\n      'on-success': '#ffffff',\n      shadow: '#000000',\n    },\n    variables: {\n      'outline-opacity': 0.14,\n      'base-shadow-opacity': 0.14,\n      'base-font': '#141414',\n    },\n  },\n  dark: {\n    isDark: true,\n    colors: {\n      primary: '#9ccaff',\n      'on-primary': '#003257',\n      secondary: '#cbbeff',\n      'on-secondary': '#332074',\n      tertiary: '#a1d57a',\n      'on-tertiary': '#173800',\n      background: '#1a1c1e',\n      'on-background': '#e2e2e6',\n      surface: '#1a1c1e',\n      'on-surface': '#e2e2e6',\n      'surface-variant': '#42474e',\n      'on-surface-variant': '#c2c7cf',\n      outline: '#8c9199',\n      'outline-variant': '#42474e',\n      error: '#ffb4ab',\n      'on-error': '#690005',\n      warning: '#ffb86e',\n      'on-warning': '#492900',\n      info: '#b1c5ff',\n      'on-info': '#002c72',\n      success: '#61dd9a',\n      'on-success': '#003920',\n      shadow: '#000000',\n    },\n    variables: {\n      'outline-opacity': 0.14,\n      'base-shadow-opacity': 0.14,\n      'base-font': '#f5f5f5',\n    },\n  },\n};\n\nexport function configureOptions(options?: ThemeOptions): any {\n  if (!options) {\n    return {\n      scheme: ThemeScheme.light,\n      theme: ['light', 'dark'],\n      themes: { ...mergeDeep(defaultThemesValues) },\n      palette: { ...mergeDeep(defaultPalette) },\n    };\n  }\n  return {\n    scheme: ThemeScheme.light,\n    theme: ['light', 'dark'],\n    themes: { ...mergeDeep(defaultThemesValues, options.themes) },\n    palette: { ...mergeDeep(defaultPalette, options.palette) },\n    separation: options?.separation,\n  };\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","names":[],"sources":["../../../src/composables/theme/types.ts"],"sourcesContent":["import { ThemeScheme } from \"./setting\";\r\n\r\nexport interface ThemeOptions {\r\n  scheme: 'light' | 'dark' | 'auto';\r\n  theme: [string, string?];\r\n  themes: Record<string, ThemeDefinition>;\r\n  palette?: PaletteOption;\r\n  cspNonce?: string;\r\n  separation?: string;\r\n}\r\n\r\nexport interface PaletteOption {\r\n  scaleMethod: 'manual' | 'luma' | 'tonal';\r\n  colors: Record<string, string | PaletteLevelColorOption | PaletteLumaColorOption>;\r\n  defaultLamaScale?: {\r\n    darken?: 0 | 1 | 2 | 3 | 4;\r\n    lighten?: 0 | 1 | 2 | 3 | 4 | 5;\r\n  }\r\n}\r\n\r\ntype ScaleLevel = number;\r\nexport type PaletteLevelColorOption = Record<ScaleLevel, string>\r\n\r\nexport type PaletteLumaColorOption = {\r\n  value: string,\r\n  darken?: 0 | 1 | 2 | 3 | 4;\r\n  lighten?: 0 | 1 | 2 | 3 | 4 | 5;\r\n}\r\n\r\nexport interface ThemeDefinition {\r\n  isDark: boolean;\r\n  colors: Record<string, string>;\r\n  variables: Record<string, string>;\r\n}\r\n"],"mappings":""}
+{"version":3,"file":"types.mjs","names":[],"sources":["../../../src/composables/theme/types.ts"],"sourcesContent":["export interface ThemeOptions {\r\n  scheme: 'light' | 'dark' | 'auto';\r\n  theme: [string, string?];\r\n  themes: Record<string, ThemeDefinition>;\r\n  palette?: PaletteOption;\r\n  cspNonce?: string;\r\n  separation?: string;\r\n}\r\n\r\nexport interface PaletteOption {\r\n  scaleMethod: 'manual' | 'luma' | 'tonal';\r\n  colors: Record<string, string | PaletteLevelColorOption | PaletteLumaColorOption>;\r\n  defaultLamaScale?: {\r\n    darken?: 0 | 1 | 2 | 3 | 4;\r\n    lighten?: 0 | 1 | 2 | 3 | 4 | 5;\r\n  }\r\n}\r\n\r\ntype ScaleLevel = number;\r\nexport type PaletteLevelColorOption = Record<ScaleLevel, string>\r\n\r\nexport type PaletteLumaColorOption = {\r\n  value: string,\r\n  darken?: 0 | 1 | 2 | 3 | 4;\r\n  lighten?: 0 | 1 | 2 | 3 | 4 | 5;\r\n}\r\n\r\nexport interface ThemeDefinition {\r\n  isDark: boolean;\r\n  colors: Record<string, string>;\r\n  variables: Record<string, string>;\r\n}\r\n"],"mappings":""}