@vuetify/nightly 3.0.0-beta.2 → 3.0.0-beta.3

package/lib/composables/scroll.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/scroll.ts"],"names":["computed","getCurrentInstance","onBeforeUnmount","onMounted","ref","watch","consoleWarn","propsFactory","makeScrollProps","scrollTarget","type","String","scrollThreshold","Number","useScroll","props","args","thresholdMetCallback","canScroll","previousScroll","target","currentScroll","savedScroll","currentThreshold","isScrollActive","isScrollingUp","computedScrollThreshold","onScroll","targetEl","value","pageYOffset","scrollTop","Math","abs","newTarget","document","querySelector","window","removeEventListener","addEventListener","passive","immediate","thresholdMet"],"mappings":"AAAA;AACA,SACEA,QADF,EAEEC,kBAFF,EAGEC,eAHF,EAIEC,SAJF,EAKEC,GALF,EAMEC,KANF,QAOO,KAPP;SAQSC,W,EAAaC,Y,6BAEtB;;AAcA;AACA,OAAO,MAAMC,eAAe,GAAGD,YAAY,CAAC;AAC1CE,EAAAA,YAAY,EAAE;AACZC,IAAAA,IAAI,EAAEC;AADM,GAD4B;AAI1CC,EAAAA,eAAe,EAAE;AACfF,IAAAA,IAAI,EAAE,CAACC,MAAD,EAASE,MAAT;AADS;AAJyB,CAAD,EAOxC,QAPwC,CAApC;AAeP,OAAO,SAASC,SAAT,CACLC,KADK,EAGL;AAAA,MADAC,IACA,uEADwB,EACxB;AACA,QAAM;AAAEC,IAAAA,oBAAF;AAAwBL,IAAAA,eAAxB;AAAyCM,IAAAA;AAAzC,MAAuDF,IAA7D;AACA,MAAIG,cAAc,GAAG,CAArB;AACA,QAAMC,MAAM,GAAGhB,GAAG,CAA0B,IAA1B,CAAlB;AACA,QAAMiB,aAAa,GAAGjB,GAAG,CAAC,CAAD,CAAzB;AACA,QAAMkB,WAAW,GAAGlB,GAAG,CAAC,CAAD,CAAvB;AACA,QAAMmB,gBAAgB,GAAGnB,GAAG,CAAC,CAAD,CAA5B;AACA,QAAMoB,cAAc,GAAGpB,GAAG,CAAC,KAAD,CAA1B;AACA,QAAMqB,aAAa,GAAGrB,GAAG,CAAC,KAAD,CAAzB;AAEA,QAAMsB,uBAAuB,GAAG1B,QAAQ,CAAC,MAAM;AAAA;;AAC7C,WAAOa,MAAM,kCAACE,KAAK,CAACH,eAAP,oCAA0BA,eAA1B,mBAA6C,GAA7C,CAAb;AACD,GAFuC,CAAxC;;AAIA,QAAMe,QAAQ,GAAG,MAAM;AACrB,UAAMC,QAAQ,GAAGR,MAAM,CAACS,KAAxB;AAEA,QAAI,CAACD,QAAD,IAAcV,SAAS,IAAI,CAACA,SAAS,CAACW,KAA1C,EAAkD;AAElDV,IAAAA,cAAc,GAAGE,aAAa,CAACQ,KAA/B;AACAR,IAAAA,aAAa,CAACQ,KAAd,GAAuB,YAAYD,QAAb,GAAyBA,QAAQ,CAACE,WAAlC,GAAgDF,QAAQ,CAACG,SAA/E;AAEAN,IAAAA,aAAa,CAACI,KAAd,GAAsBR,aAAa,CAACQ,KAAd,GAAsBV,cAA5C;AACAI,IAAAA,gBAAgB,CAACM,KAAjB,GAAyBG,IAAI,CAACC,GAAL,CAASZ,aAAa,CAACQ,KAAd,GAAsBH,uBAAuB,CAACG,KAAvD,CAAzB;AACD,GAVD;;AAYAxB,EAAAA,KAAK,CAACoB,aAAD,EAAgB,MAAM;AACzBH,IAAAA,WAAW,CAACO,KAAZ,GAAoBP,WAAW,CAACO,KAAZ,IAAqBR,aAAa,CAACQ,KAAvD;AACD,GAFI,CAAL;AAIAxB,EAAAA,KAAK,CAACmB,cAAD,EAAiB,MAAM;AAC1BF,IAAAA,WAAW,CAACO,KAAZ,GAAoB,CAApB;AACD,GAFI,CAAL;AAIA1B,EAAAA,SAAS,CAAC,MAAM;AACdE,IAAAA,KAAK,CAAC,MAAMU,KAAK,CAACN,YAAb,EAA2BA,YAAY,IAAI;AAAA;;AAC9C,YAAMyB,SAAS,GAAGzB,YAAY,GAAG0B,QAAQ,CAACC,aAAT,CAAuB3B,YAAvB,CAAH,GAA0C4B,MAAxE;;AAEA,UAAI,CAACH,SAAL,EAAgB;AACd5B,QAAAA,WAAW,CAAE,4CAA2CG,YAAa,EAA1D,EAA6DR,kBAAkB,EAA/E,CAAX;AACA;AACD;;AAED,UAAIiC,SAAS,KAAKd,MAAM,CAACS,KAAzB,EAAgC;AAEhC,uBAAAT,MAAM,CAACS,KAAP,mCAAcS,mBAAd,CAAkC,QAAlC,EAA4CX,QAA5C;AACAP,MAAAA,MAAM,CAACS,KAAP,GAAeK,SAAf;AACAd,MAAAA,MAAM,CAACS,KAAP,CAAaU,gBAAb,CAA8B,QAA9B,EAAwCZ,QAAxC,EAAkD;AAAEa,QAAAA,OAAO,EAAE;AAAX,OAAlD;AACD,KAbI,EAaF;AAAEC,MAAAA,SAAS,EAAE;AAAb,KAbE,CAAL;AAcD,GAfQ,CAAT;AAiBAvC,EAAAA,eAAe,CAAC,MAAM;AAAA;;AACpB,sBAAAkB,MAAM,CAACS,KAAP,oCAAcS,mBAAd,CAAkC,QAAlC,EAA4CX,QAA5C;AACD,GAFc,CAAf;AAIAV,EAAAA,oBAAoB,IAAIZ,KAAK,CAAC,MAC5B2B,IAAI,CAACC,GAAL,CAASZ,aAAa,CAACQ,KAAd,GAAsBP,WAAW,CAACO,KAA3C,IAAoDH,uBAAuB,CAACG,KADjD,EAE1Ba,YAAY,IAAI;AACjBA,IAAAA,YAAY,IAAIzB,oBAAoB,CAAC;AACnCM,MAAAA,gBAAgB,EAAEA,gBAAgB,CAACM,KADA;AAEnCJ,MAAAA,aAAa,EAAEA,aAAa,CAACI,KAFM;AAGnCP,MAAAA;AAHmC,KAAD,CAApC;AAKD,GAR4B,EAQ1B;AAAEmB,IAAAA,SAAS,EAAE;AAAb,GAR0B,CAA7B,CAvDA,CAiEA;AACA;;AACAvB,EAAAA,SAAS,IAAIb,KAAK,CAACa,SAAD,EAAYS,QAAZ,EAAsB;AAAEc,IAAAA,SAAS,EAAE;AAAb,GAAtB,CAAlB;AAEA,SAAO;AACLjB,IAAAA,cADK;AAGL;AACA;AACA;AACAC,IAAAA,aANK;AAOLH,IAAAA;AAPK,GAAP;AASD","sourcesContent":["// Utilities\nimport {\n  computed,\n  getCurrentInstance,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { consoleWarn, propsFactory } from '@/util'\n\n// Types\nimport type { Ref } from 'vue'\n\nexport interface ScrollProps {\n  scrollTarget?: string\n  scrollThreshold?: string | number\n}\n\nexport interface ThresholdMetCallbackData {\n  isScrollingUp: boolean\n  currentThreshold: number\n  savedScroll: Ref<number>\n}\n\n// Composables\nexport const makeScrollProps = propsFactory({\n  scrollTarget: {\n    type: String,\n  },\n  scrollThreshold: {\n    type: [String, Number],\n  },\n}, 'scroll')\n\nexport interface ScrollArguments {\n  thresholdMetCallback?: (data: ThresholdMetCallbackData) => void\n  scrollThreshold?: Readonly<Ref<number>>\n  canScroll?: Readonly<Ref<boolean>>\n}\n\nexport function useScroll (\n  props: ScrollProps,\n  args: ScrollArguments = {},\n) {\n  const { thresholdMetCallback, scrollThreshold, canScroll } = args\n  let previousScroll = 0\n  const target = ref<Element | Window | null>(null)\n  const currentScroll = ref(0)\n  const savedScroll = ref(0)\n  const currentThreshold = ref(0)\n  const isScrollActive = ref(false)\n  const isScrollingUp = ref(false)\n\n  const computedScrollThreshold = computed(() => {\n    return Number(props.scrollThreshold ?? scrollThreshold ?? 300)\n  })\n\n  const onScroll = () => {\n    const targetEl = target.value\n\n    if (!targetEl || (canScroll && !canScroll.value)) return\n\n    previousScroll = currentScroll.value\n    currentScroll.value = ('window' in targetEl) ? targetEl.pageYOffset : targetEl.scrollTop\n\n    isScrollingUp.value = currentScroll.value < previousScroll\n    currentThreshold.value = Math.abs(currentScroll.value - computedScrollThreshold.value)\n  }\n\n  watch(isScrollingUp, () => {\n    savedScroll.value = savedScroll.value || currentScroll.value\n  })\n\n  watch(isScrollActive, () => {\n    savedScroll.value = 0\n  })\n\n  onMounted(() => {\n    watch(() => props.scrollTarget, scrollTarget => {\n      const newTarget = scrollTarget ? document.querySelector(scrollTarget) : window\n\n      if (!newTarget) {\n        consoleWarn(`Unable to locate element with identifier ${scrollTarget}`, getCurrentInstance())\n        return\n      }\n\n      if (newTarget === target.value) return\n\n      target.value?.removeEventListener('scroll', onScroll)\n      target.value = newTarget\n      target.value.addEventListener('scroll', onScroll, { passive: true })\n    }, { immediate: true })\n  })\n\n  onBeforeUnmount(() => {\n    target.value?.removeEventListener('scroll', onScroll)\n  })\n\n  thresholdMetCallback && watch(() => (\n    Math.abs(currentScroll.value - savedScroll.value) > computedScrollThreshold.value\n  ), thresholdMet => {\n    thresholdMet && thresholdMetCallback({\n      currentThreshold: currentThreshold.value,\n      isScrollingUp: isScrollingUp.value,\n      savedScroll,\n    })\n  }, { immediate: true })\n\n  // Do we need this? If yes - seems that\n  // there's no need to expose onScroll\n  canScroll && watch(canScroll, onScroll, { immediate: true })\n\n  return {\n    isScrollActive,\n\n    // required only for testing\n    // probably can be removed\n    // later (2 chars chlng)\n    isScrollingUp,\n    savedScroll,\n  }\n}\n"],"file":"scroll.mjs"}
+{"version":3,"file":"scroll.mjs","names":["computed","getCurrentInstance","onBeforeUnmount","onMounted","ref","watch","consoleWarn","propsFactory","makeScrollProps","scrollTarget","type","String","scrollThreshold","Number","useScroll","props","args","thresholdMetCallback","canScroll","previousScroll","target","currentScroll","savedScroll","currentThreshold","isScrollActive","isScrollingUp","computedScrollThreshold","onScroll","targetEl","value","pageYOffset","scrollTop","Math","abs","newTarget","document","querySelector","window","removeEventListener","addEventListener","passive","immediate","thresholdMet"],"sources":["../../src/composables/scroll.ts"],"sourcesContent":["// Utilities\nimport {\n  computed,\n  getCurrentInstance,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { consoleWarn, propsFactory } from '@/util'\n\n// Types\nimport type { Ref } from 'vue'\n\nexport interface ScrollProps {\n  scrollTarget?: string\n  scrollThreshold?: string | number\n}\n\nexport interface ThresholdMetCallbackData {\n  isScrollingUp: boolean\n  currentThreshold: number\n  savedScroll: Ref<number>\n}\n\n// Composables\nexport const makeScrollProps = propsFactory({\n  scrollTarget: {\n    type: String,\n  },\n  scrollThreshold: {\n    type: [String, Number],\n  },\n}, 'scroll')\n\nexport interface ScrollArguments {\n  thresholdMetCallback?: (data: ThresholdMetCallbackData) => void\n  scrollThreshold?: Readonly<Ref<number>>\n  canScroll?: Readonly<Ref<boolean>>\n}\n\nexport function useScroll (\n  props: ScrollProps,\n  args: ScrollArguments = {},\n) {\n  const { thresholdMetCallback, scrollThreshold, canScroll } = args\n  let previousScroll = 0\n  const target = ref<Element | Window | null>(null)\n  const currentScroll = ref(0)\n  const savedScroll = ref(0)\n  const currentThreshold = ref(0)\n  const isScrollActive = ref(false)\n  const isScrollingUp = ref(false)\n\n  const computedScrollThreshold = computed(() => {\n    return Number(props.scrollThreshold ?? scrollThreshold ?? 300)\n  })\n\n  const onScroll = () => {\n    const targetEl = target.value\n\n    if (!targetEl || (canScroll && !canScroll.value)) return\n\n    previousScroll = currentScroll.value\n    currentScroll.value = ('window' in targetEl) ? targetEl.pageYOffset : targetEl.scrollTop\n\n    isScrollingUp.value = currentScroll.value < previousScroll\n    currentThreshold.value = Math.abs(currentScroll.value - computedScrollThreshold.value)\n  }\n\n  watch(isScrollingUp, () => {\n    savedScroll.value = savedScroll.value || currentScroll.value\n  })\n\n  watch(isScrollActive, () => {\n    savedScroll.value = 0\n  })\n\n  onMounted(() => {\n    watch(() => props.scrollTarget, scrollTarget => {\n      const newTarget = scrollTarget ? document.querySelector(scrollTarget) : window\n\n      if (!newTarget) {\n        consoleWarn(`Unable to locate element with identifier ${scrollTarget}`, getCurrentInstance())\n        return\n      }\n\n      if (newTarget === target.value) return\n\n      target.value?.removeEventListener('scroll', onScroll)\n      target.value = newTarget\n      target.value.addEventListener('scroll', onScroll, { passive: true })\n    }, { immediate: true })\n  })\n\n  onBeforeUnmount(() => {\n    target.value?.removeEventListener('scroll', onScroll)\n  })\n\n  thresholdMetCallback && watch(() => (\n    Math.abs(currentScroll.value - savedScroll.value) > computedScrollThreshold.value\n  ), thresholdMet => {\n    thresholdMet && thresholdMetCallback({\n      currentThreshold: currentThreshold.value,\n      isScrollingUp: isScrollingUp.value,\n      savedScroll,\n    })\n  }, { immediate: true })\n\n  // Do we need this? If yes - seems that\n  // there's no need to expose onScroll\n  canScroll && watch(canScroll, onScroll, { immediate: true })\n\n  return {\n    isScrollActive,\n\n    // required only for testing\n    // probably can be removed\n    // later (2 chars chlng)\n    isScrollingUp,\n    savedScroll,\n  }\n}\n"],"mappings":"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"}

package/lib/composables/selectLink.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/selectLink.ts"],"names":["nextTick","watch","useSelectLink","link","select","isExactActive","value","isLink","immediate"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC,C,CAEA;;AAGA,OAAO,SAASC,aAAT,CAAwBC,IAAxB,EAAuCC,MAAvC,EAAqF;AAC1FH,EAAAA,KAAK,CAAC;AAAA;;AAAA,kCAAME,IAAI,CAACE,aAAX,qBAAM,oBAAoBC,KAA1B;AAAA,GAAD,EAAkCD,aAAa,IAAI;AACtD,QAAIF,IAAI,CAACI,MAAL,CAAYD,KAAZ,IAAqBD,aAArB,IAAsCD,MAA1C,EAAkD;AAChDJ,MAAAA,QAAQ,CAAC,MAAM;AACbI,QAAAA,MAAM,CAAC,IAAD,CAAN;AACD,OAFO,CAAR;AAGD;AACF,GANI,EAMF;AACDI,IAAAA,SAAS,EAAE;AADV,GANE,CAAL;AASD","sourcesContent":["// Utilities\nimport { nextTick, watch } from 'vue'\n\n// Types\nimport type { UseLink } from './router'\n\nexport function useSelectLink (link: UseLink, select?: (value: boolean, e?: Event) => void) {\n  watch(() => link.isExactActive?.value, isExactActive => {\n    if (link.isLink.value && isExactActive && select) {\n      nextTick(() => {\n        select(true)\n      })\n    }\n  }, {\n    immediate: true,\n  })\n}\n"],"file":"selectLink.mjs"}
+{"version":3,"file":"selectLink.mjs","names":["nextTick","watch","useSelectLink","link","select","isExactActive","value","isLink","immediate"],"sources":["../../src/composables/selectLink.ts"],"sourcesContent":["// Utilities\nimport { nextTick, watch } from 'vue'\n\n// Types\nimport type { UseLink } from './router'\n\nexport function useSelectLink (link: UseLink, select?: (value: boolean, e?: Event) => void) {\n  watch(() => link.isExactActive?.value, isExactActive => {\n    if (link.isLink.value && isExactActive && select) {\n      nextTick(() => {\n        select(true)\n      })\n    }\n  }, {\n    immediate: true,\n  })\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC,C,CAEA;;AAGA,OAAO,SAASC,aAAT,CAAwBC,IAAxB,EAAuCC,MAAvC,EAAqF;EAC1FH,KAAK,CAAC;IAAA;;IAAA,8BAAME,IAAI,CAACE,aAAX,qBAAM,oBAAoBC,KAA1B;EAAA,CAAD,EAAkCD,aAAa,IAAI;IACtD,IAAIF,IAAI,CAACI,MAAL,CAAYD,KAAZ,IAAqBD,aAArB,IAAsCD,MAA1C,EAAkD;MAChDJ,QAAQ,CAAC,MAAM;QACbI,MAAM,CAAC,IAAD,CAAN;MACD,CAFO,CAAR;IAGD;EACF,CANI,EAMF;IACDI,SAAS,EAAE;EADV,CANE,CAAL;AASD"}

package/lib/composables/size.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/size.ts"],"names":["computed","convertToUnit","getCurrentInstanceName","propsFactory","predefinedSizes","makeSizeProps","size","type","String","Number","default","useSize","props","name","sizeClasses","includes","sizeStyles","width","height"],"mappings":"AAAA;AACA,SAASA,QAAT,QAAyB,KAAzB;SACSC,a,EAAeC,sB,EAAwBC,Y,6BAEhD;;AACA,MAAMC,eAAe,GAAG,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,EAAgC,OAAhC,EAAyC,SAAzC,CAAxB;AAMA;AACA,OAAO,MAAMC,aAAa,GAAGF,YAAY,CAAC;AACxCG,EAAAA,IAAI,EAAE;AACJC,IAAAA,IAAI,EAAE,CAACC,MAAD,EAASC,MAAT,CADF;AAEJC,IAAAA,OAAO,EAAE;AAFL;AADkC,CAAD,EAKtC,MALsC,CAAlC;AAOP,OAAO,SAASC,OAAT,CACLC,KADK,EAGL;AAAA,MADAC,IACA,uEADOX,sBAAsB,EAC7B;AACA,QAAMY,WAAW,GAAGd,QAAQ,CAAC,MAAM;AACjC,WAAOI,eAAe,CAACW,QAAhB,CAAyBH,KAAK,CAACN,IAA/B,IACF,GAAEO,IAAK,UAASD,KAAK,CAACN,IAAK,EADzB,GAEH,IAFJ;AAGD,GAJ2B,CAA5B;AAMA,QAAMU,UAAU,GAAGhB,QAAQ,CAAC,MAAM;AAChC,WAAO,CAACI,eAAe,CAACW,QAAhB,CAAyBH,KAAK,CAACN,IAA/B,CAAD,IAAmDM,KAAK,CAACN,IAAzD,GACF;AACDW,MAAAA,KAAK,EAAEhB,aAAa,CAACW,KAAK,CAACN,IAAP,CADnB;AAEDY,MAAAA,MAAM,EAAEjB,aAAa,CAACW,KAAK,CAACN,IAAP;AAFpB,KADE,GAIA,IAJP;AAKD,GAN0B,CAA3B;AAQA,SAAO;AAAEQ,IAAAA,WAAF;AAAeE,IAAAA;AAAf,GAAP;AACD","sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { convertToUnit, getCurrentInstanceName, propsFactory } from '@/util'\n\n// Types\nconst predefinedSizes = ['x-small', 'small', 'default', 'large', 'x-large']\n\nexport interface SizeProps {\n  size?: string | number\n}\n\n// Composables\nexport const makeSizeProps = propsFactory({\n  size: {\n    type: [String, Number],\n    default: 'default',\n  },\n}, 'size')\n\nexport function useSize (\n  props: SizeProps,\n  name = getCurrentInstanceName(),\n) {\n  const sizeClasses = computed(() => {\n    return predefinedSizes.includes(props.size as string)\n      ? `${name}--size-${props.size}`\n      : null\n  })\n\n  const sizeStyles = computed(() => {\n    return !predefinedSizes.includes(props.size as string) && props.size\n      ? ({\n        width: convertToUnit(props.size),\n        height: convertToUnit(props.size),\n      }) : null\n  })\n\n  return { sizeClasses, sizeStyles }\n}\n"],"file":"size.mjs"}
+{"version":3,"file":"size.mjs","names":["computed","convertToUnit","getCurrentInstanceName","propsFactory","predefinedSizes","makeSizeProps","size","type","String","Number","default","useSize","props","name","sizeClasses","includes","sizeStyles","width","height"],"sources":["../../src/composables/size.ts"],"sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { convertToUnit, getCurrentInstanceName, propsFactory } from '@/util'\n\n// Types\nconst predefinedSizes = ['x-small', 'small', 'default', 'large', 'x-large']\n\nexport interface SizeProps {\n  size?: string | number\n}\n\n// Composables\nexport const makeSizeProps = propsFactory({\n  size: {\n    type: [String, Number],\n    default: 'default',\n  },\n}, 'size')\n\nexport function useSize (\n  props: SizeProps,\n  name = getCurrentInstanceName(),\n) {\n  const sizeClasses = computed(() => {\n    return predefinedSizes.includes(props.size as string)\n      ? `${name}--size-${props.size}`\n      : null\n  })\n\n  const sizeStyles = computed(() => {\n    return !predefinedSizes.includes(props.size as string) && props.size\n      ? ({\n        width: convertToUnit(props.size),\n        height: convertToUnit(props.size),\n      }) : null\n  })\n\n  return { sizeClasses, sizeStyles }\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAT,QAAyB,KAAzB;SACSC,a,EAAeC,sB,EAAwBC,Y,6BAEhD;;AACA,MAAMC,eAAe,GAAG,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,EAAgC,OAAhC,EAAyC,SAAzC,CAAxB;AAMA;AACA,OAAO,MAAMC,aAAa,GAAGF,YAAY,CAAC;EACxCG,IAAI,EAAE;IACJC,IAAI,EAAE,CAACC,MAAD,EAASC,MAAT,CADF;IAEJC,OAAO,EAAE;EAFL;AADkC,CAAD,EAKtC,MALsC,CAAlC;AAOP,OAAO,SAASC,OAAT,CACLC,KADK,EAGL;EAAA,IADAC,IACA,uEADOX,sBAAsB,EAC7B;EACA,MAAMY,WAAW,GAAGd,QAAQ,CAAC,MAAM;IACjC,OAAOI,eAAe,CAACW,QAAhB,CAAyBH,KAAK,CAACN,IAA/B,IACF,GAAEO,IAAK,UAASD,KAAK,CAACN,IAAK,EADzB,GAEH,IAFJ;EAGD,CAJ2B,CAA5B;EAMA,MAAMU,UAAU,GAAGhB,QAAQ,CAAC,MAAM;IAChC,OAAO,CAACI,eAAe,CAACW,QAAhB,CAAyBH,KAAK,CAACN,IAA/B,CAAD,IAAmDM,KAAK,CAACN,IAAzD,GACF;MACDW,KAAK,EAAEhB,aAAa,CAACW,KAAK,CAACN,IAAP,CADnB;MAEDY,MAAM,EAAEjB,aAAa,CAACW,KAAK,CAACN,IAAP;IAFpB,CADE,GAIA,IAJP;EAKD,CAN0B,CAA3B;EAQA,OAAO;IAAEQ,WAAF;IAAeE;EAAf,CAAP;AACD"}

package/lib/composables/ssrBoot.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/ssrBoot.ts"],"names":["computed","onMounted","ref","useSsrBoot","isBooted","window","requestAnimationFrame","value","ssrBootStyles","transition","undefined"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,SAAnB,EAA8BC,GAA9B,QAAyC,KAAzC,C,CAEA;;AACA,OAAO,SAASC,UAAT,GAAuB;AAC5B,QAAMC,QAAQ,GAAGF,GAAG,CAAC,KAAD,CAApB;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACdI,IAAAA,MAAM,CAACC,qBAAP,CAA6B,MAAM;AACjCF,MAAAA,QAAQ,CAACG,KAAT,GAAiB,IAAjB;AACD,KAFD;AAGD,GAJQ,CAAT;AAMA,QAAMC,aAAa,GAAGR,QAAQ,CAAC,MAAM,CAACI,QAAQ,CAACG,KAAV,GAAmB;AACtDE,IAAAA,UAAU,EAAE;AAD0C,GAAnB,GAEhCC,SAFyB,CAA9B;AAIA,SAAO;AAAEF,IAAAA;AAAF,GAAP;AACD","sourcesContent":["// Utilities\nimport { computed, onMounted, ref } from 'vue'\n\n// Composables\nexport function useSsrBoot () {\n  const isBooted = ref(false)\n\n  onMounted(() => {\n    window.requestAnimationFrame(() => {\n      isBooted.value = true\n    })\n  })\n\n  const ssrBootStyles = computed(() => !isBooted.value ? ({\n    transition: 'none !important',\n  }) : undefined)\n\n  return { ssrBootStyles }\n}\n"],"file":"ssrBoot.mjs"}
+{"version":3,"file":"ssrBoot.mjs","names":["computed","onMounted","ref","useSsrBoot","isBooted","window","requestAnimationFrame","value","ssrBootStyles","transition","undefined"],"sources":["../../src/composables/ssrBoot.ts"],"sourcesContent":["// Utilities\nimport { computed, onMounted, ref } from 'vue'\n\n// Composables\nexport function useSsrBoot () {\n  const isBooted = ref(false)\n\n  onMounted(() => {\n    window.requestAnimationFrame(() => {\n      isBooted.value = true\n    })\n  })\n\n  const ssrBootStyles = computed(() => !isBooted.value ? ({\n    transition: 'none !important',\n  }) : undefined)\n\n  return { ssrBootStyles }\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,SAAnB,EAA8BC,GAA9B,QAAyC,KAAzC,C,CAEA;;AACA,OAAO,SAASC,UAAT,GAAuB;EAC5B,MAAMC,QAAQ,GAAGF,GAAG,CAAC,KAAD,CAApB;EAEAD,SAAS,CAAC,MAAM;IACdI,MAAM,CAACC,qBAAP,CAA6B,MAAM;MACjCF,QAAQ,CAACG,KAAT,GAAiB,IAAjB;IACD,CAFD;EAGD,CAJQ,CAAT;EAMA,MAAMC,aAAa,GAAGR,QAAQ,CAAC,MAAM,CAACI,QAAQ,CAACG,KAAV,GAAmB;IACtDE,UAAU,EAAE;EAD0C,CAAnB,GAEhCC,SAFyB,CAA9B;EAIA,OAAO;IAAEF;EAAF,CAAP;AACD"}

package/lib/composables/stack.mjs

@@ -1,36 +1,37 @@
-import { effectScope, onScopeDispose, readonly, ref, toRaw, watch, watchEffect } from 'vue';
+import { useToggleScope } from "./toggleScope.mjs";
+import { computed, onScopeDispose, reactive, readonly, ref, toRaw, watchEffect } from 'vue';
 import { getCurrentInstance } from "../util/index.mjs"; // Types
 
-const stack = ref([]);
-export function useStack(isActive) {
+const stack = reactive([]);
+export function useStack(isActive, zIndex) {
   const vm = getCurrentInstance('useStack');
-  let scope;
-  watch(isActive, val => {
-    if (val) {
-      scope = effectScope();
-      scope.run(() => {
-        stack.value.push(vm);
-        onScopeDispose(() => {
-          const idx = stack.value.indexOf(vm);
-          stack.value.splice(idx, 1);
-        });
-      });
-    } else {
-      var _scope;
 
-      (_scope = scope) == null ? void 0 : _scope.stop();
-    }
-  }, {
-    immediate: true
+  const _zIndex = ref(+zIndex.value);
+
+  useToggleScope(isActive, () => {
+    var _stack;
+
+    const lastZIndex = (_stack = stack[stack.length - 1]) == null ? void 0 : _stack[1];
+    _zIndex.value = lastZIndex ? lastZIndex + 10 : +zIndex.value;
+    stack.push([vm, _zIndex.value]);
+    onScopeDispose(() => {
+      const idx = stack.findIndex(v => v[0] === vm);
+      stack.splice(idx, 1);
+    });
   });
   const isTop = ref(true);
   watchEffect(() => {
-    const _isTop = toRaw(stack.value[stack.value.length - 1]) === vm;
+    var _stack2;
+
+    const _isTop = toRaw((_stack2 = stack[stack.length - 1]) == null ? void 0 : _stack2[0]) === vm;
 
     setTimeout(() => isTop.value = _isTop);
   });
   return {
-    isTop: readonly(isTop)
+    isTop: readonly(isTop),
+    stackStyles: computed(() => ({
+      zIndex: _zIndex.value
+    }))
   };
 }
 //# sourceMappingURL=stack.mjs.map

package/lib/composables/stack.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/stack.ts"],"names":["effectScope","onScopeDispose","readonly","ref","toRaw","watch","watchEffect","getCurrentInstance","stack","useStack","isActive","vm","scope","val","run","value","push","idx","indexOf","splice","stop","immediate","isTop","_isTop","length","setTimeout"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,cAAtB,EAAsCC,QAAtC,EAAgDC,GAAhD,EAAqDC,KAArD,EAA4DC,KAA5D,EAAmEC,WAAnE,QAAsF,KAAtF;SACSC,kB,6BAET;;AAGA,MAAMC,KAAK,GAAGL,GAAG,CAA8B,EAA9B,CAAjB;AAEA,OAAO,SAASM,QAAT,CAAmBC,QAAnB,EAA2C;AAChD,QAAMC,EAAE,GAAGJ,kBAAkB,CAAC,UAAD,CAA7B;AACA,MAAIK,KAAJ;AACAP,EAAAA,KAAK,CAACK,QAAD,EAAWG,GAAG,IAAI;AACrB,QAAIA,GAAJ,EAAS;AACPD,MAAAA,KAAK,GAAGZ,WAAW,EAAnB;AACAY,MAAAA,KAAK,CAACE,GAAN,CAAU,MAAM;AACdN,QAAAA,KAAK,CAACO,KAAN,CAAYC,IAAZ,CAAiBL,EAAjB;AAEAV,QAAAA,cAAc,CAAC,MAAM;AACnB,gBAAMgB,GAAG,GAAGT,KAAK,CAACO,KAAN,CAAYG,OAAZ,CAAoBP,EAApB,CAAZ;AACAH,UAAAA,KAAK,CAACO,KAAN,CAAYI,MAAZ,CAAmBF,GAAnB,EAAwB,CAAxB;AACD,SAHa,CAAd;AAID,OAPD;AAQD,KAVD,MAUO;AAAA;;AACL,gBAAAL,KAAK,SAAL,mBAAOQ,IAAP;AACD;AACF,GAdI,EAcF;AAAEC,IAAAA,SAAS,EAAE;AAAb,GAdE,CAAL;AAgBA,QAAMC,KAAK,GAAGnB,GAAG,CAAC,IAAD,CAAjB;AACAG,EAAAA,WAAW,CAAC,MAAM;AAChB,UAAMiB,MAAM,GAAGnB,KAAK,CAACI,KAAK,CAACO,KAAN,CAAYP,KAAK,CAACO,KAAN,CAAYS,MAAZ,GAAqB,CAAjC,CAAD,CAAL,KAA+Cb,EAA9D;;AACAc,IAAAA,UAAU,CAAC,MAAMH,KAAK,CAACP,KAAN,GAAcQ,MAArB,CAAV;AACD,GAHU,CAAX;AAKA,SAAO;AACLD,IAAAA,KAAK,EAAEpB,QAAQ,CAACoB,KAAD;AADV,GAAP;AAGD","sourcesContent":["import { effectScope, onScopeDispose, readonly, ref, toRaw, watch, watchEffect } from 'vue'\nimport { getCurrentInstance } from '@/util'\n\n// Types\nimport type { ComponentInternalInstance, EffectScope, Ref } from 'vue'\n\nconst stack = ref<ComponentInternalInstance[]>([])\n\nexport function useStack (isActive: Ref<boolean>) {\n  const vm = getCurrentInstance('useStack')\n  let scope: EffectScope | undefined\n  watch(isActive, val => {\n    if (val) {\n      scope = effectScope()\n      scope.run(() => {\n        stack.value.push(vm)\n\n        onScopeDispose(() => {\n          const idx = stack.value.indexOf(vm)\n          stack.value.splice(idx, 1)\n        })\n      })\n    } else {\n      scope?.stop()\n    }\n  }, { immediate: true })\n\n  const isTop = ref(true)\n  watchEffect(() => {\n    const _isTop = toRaw(stack.value[stack.value.length - 1]) === vm\n    setTimeout(() => isTop.value = _isTop)\n  })\n\n  return {\n    isTop: readonly(isTop),\n  }\n}\n"],"file":"stack.mjs"}
+{"version":3,"file":"stack.mjs","names":["useToggleScope","computed","onScopeDispose","reactive","readonly","ref","toRaw","watchEffect","getCurrentInstance","stack","useStack","isActive","zIndex","vm","_zIndex","value","lastZIndex","length","push","idx","findIndex","v","splice","isTop","_isTop","setTimeout","stackStyles"],"sources":["../../src/composables/stack.ts"],"sourcesContent":["import { useToggleScope } from '@/composables/toggleScope'\n\nimport { computed, onScopeDispose, reactive, readonly, ref, toRaw, watchEffect } from 'vue'\nimport { getCurrentInstance } from '@/util'\n\n// Types\nimport type { ComponentInternalInstance, Ref } from 'vue'\n\nconst stack = reactive<[vm: ComponentInternalInstance, zIndex: number][]>([])\n\nexport function useStack (isActive: Readonly<Ref<boolean>>, zIndex: Readonly<Ref<string | number>>) {\n  const vm = getCurrentInstance('useStack')\n\n  const _zIndex = ref(+zIndex.value)\n  useToggleScope(isActive, () => {\n    const lastZIndex = stack[stack.length - 1]?.[1]\n    _zIndex.value = lastZIndex ? lastZIndex + 10 : +zIndex.value\n    stack.push([vm, _zIndex.value])\n\n    onScopeDispose(() => {\n      const idx = stack.findIndex(v => v[0] === vm)\n      stack.splice(idx, 1)\n    })\n  })\n\n  const isTop = ref(true)\n  watchEffect(() => {\n    const _isTop = toRaw(stack[stack.length - 1]?.[0]) === vm\n    setTimeout(() => isTop.value = _isTop)\n  })\n\n  return {\n    isTop: readonly(isTop),\n    stackStyles: computed(() => ({ zIndex: _zIndex.value })),\n  }\n}\n"],"mappings":"SAASA,c;AAET,SAASC,QAAT,EAAmBC,cAAnB,EAAmCC,QAAnC,EAA6CC,QAA7C,EAAuDC,GAAvD,EAA4DC,KAA5D,EAAmEC,WAAnE,QAAsF,KAAtF;SACSC,kB,6BAET;;AAGA,MAAMC,KAAK,GAAGN,QAAQ,CAAoD,EAApD,CAAtB;AAEA,OAAO,SAASO,QAAT,CAAmBC,QAAnB,EAAqDC,MAArD,EAA6F;EAClG,MAAMC,EAAE,GAAGL,kBAAkB,CAAC,UAAD,CAA7B;;EAEA,MAAMM,OAAO,GAAGT,GAAG,CAAC,CAACO,MAAM,CAACG,KAAT,CAAnB;;EACAf,cAAc,CAACW,QAAD,EAAW,MAAM;IAAA;;IAC7B,MAAMK,UAAU,aAAGP,KAAK,CAACA,KAAK,CAACQ,MAAN,GAAe,CAAhB,CAAR,qBAAG,OAA0B,CAA1B,CAAnB;IACAH,OAAO,CAACC,KAAR,GAAgBC,UAAU,GAAGA,UAAU,GAAG,EAAhB,GAAqB,CAACJ,MAAM,CAACG,KAAvD;IACAN,KAAK,CAACS,IAAN,CAAW,CAACL,EAAD,EAAKC,OAAO,CAACC,KAAb,CAAX;IAEAb,cAAc,CAAC,MAAM;MACnB,MAAMiB,GAAG,GAAGV,KAAK,CAACW,SAAN,CAAgBC,CAAC,IAAIA,CAAC,CAAC,CAAD,CAAD,KAASR,EAA9B,CAAZ;MACAJ,KAAK,CAACa,MAAN,CAAaH,GAAb,EAAkB,CAAlB;IACD,CAHa,CAAd;EAID,CATa,CAAd;EAWA,MAAMI,KAAK,GAAGlB,GAAG,CAAC,IAAD,CAAjB;EACAE,WAAW,CAAC,MAAM;IAAA;;IAChB,MAAMiB,MAAM,GAAGlB,KAAK,YAACG,KAAK,CAACA,KAAK,CAACQ,MAAN,GAAe,CAAhB,CAAN,qBAAC,QAA0B,CAA1B,CAAD,CAAL,KAAwCJ,EAAvD;;IACAY,UAAU,CAAC,MAAMF,KAAK,CAACR,KAAN,GAAcS,MAArB,CAAV;EACD,CAHU,CAAX;EAKA,OAAO;IACLD,KAAK,EAAEnB,QAAQ,CAACmB,KAAD,CADV;IAELG,WAAW,EAAEzB,QAAQ,CAAC,OAAO;MAAEW,MAAM,EAAEE,OAAO,CAACC;IAAlB,CAAP,CAAD;EAFhB,CAAP;AAID"}

package/lib/composables/tag.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/tag.ts"],"names":["propsFactory","makeTagProps","tag","type","String","default"],"mappings":"AAAA;SACSA,Y,6BAET;;AAKA;AACA,OAAO,MAAMC,YAAY,GAAGD,YAAY,CAAC;AACvCE,EAAAA,GAAG,EAAE;AACHC,IAAAA,IAAI,EAAEC,MADH;AAEHC,IAAAA,OAAO,EAAE;AAFN;AADkC,CAAD,EAKrC,KALqC,CAAjC","sourcesContent":["// Utilities\nimport { propsFactory } from '@/util'\n\n// Types\nexport interface TagProps {\n  tag: string\n}\n\n// Composables\nexport const makeTagProps = propsFactory({\n  tag: {\n    type: String,\n    default: 'div',\n  },\n}, 'tag')\n"],"file":"tag.mjs"}
+{"version":3,"file":"tag.mjs","names":["propsFactory","makeTagProps","tag","type","String","default"],"sources":["../../src/composables/tag.ts"],"sourcesContent":["// Utilities\nimport { propsFactory } from '@/util'\n\n// Types\nexport interface TagProps {\n  tag: string\n}\n\n// Composables\nexport const makeTagProps = propsFactory({\n  tag: {\n    type: String,\n    default: 'div',\n  },\n}, 'tag')\n"],"mappings":"AAAA;SACSA,Y,6BAET;;AAKA;AACA,OAAO,MAAMC,YAAY,GAAGD,YAAY,CAAC;EACvCE,GAAG,EAAE;IACHC,IAAI,EAAEC,MADH;IAEHC,OAAO,EAAE;EAFN;AADkC,CAAD,EAKrC,KALqC,CAAjC"}

package/lib/composables/teleport.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/teleport.ts"],"names":["computed","warn","IN_BROWSER","useTeleport","target","teleportTarget","_target","value","undefined","targetElement","document","body","querySelector","cache","has","el","createElement","className","appendChild","set","get","WeakMap"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,IAAnB,QAA+B,KAA/B;SACSC,U,6BAET;;AAGA,OAAO,SAASC,WAAT,CAAsBC,MAAtB,EAA+D;AACpE,QAAMC,cAAc,GAAGL,QAAQ,CAAC,MAAM;AACpC,UAAMM,OAAO,GAAGF,MAAM,CAACG,KAAvB;AAEA,QAAID,OAAO,KAAK,IAAZ,IAAoB,CAACJ,UAAzB,EAAqC,OAAOM,SAAP;AAErC,UAAMC,aAAa,GACjBH,OAAO,KAAK,KAAZ,GAAoBI,QAAQ,CAACC,IAA7B,GACE,OAAOL,OAAP,KAAmB,QAAnB,GAA8BI,QAAQ,CAACE,aAAT,CAAuBN,OAAvB,CAA9B,GACAA,OAHJ;;AAKA,QAAIG,aAAa,IAAI,IAArB,EAA2B;AACzBR,MAAAA,IAAI,CAAE,2BAA0BK,OAAQ,EAApC,CAAJ;AACA,aAAOE,SAAP;AACD;;AAED,QAAI,CAACL,WAAW,CAACU,KAAZ,CAAkBC,GAAlB,CAAsBL,aAAtB,CAAL,EAA2C;AACzC,YAAMM,EAAE,GAAGL,QAAQ,CAACM,aAAT,CAAuB,KAAvB,CAAX;AACAD,MAAAA,EAAE,CAACE,SAAH,GAAe,qBAAf;AACAR,MAAAA,aAAa,CAACS,WAAd,CAA0BH,EAA1B;AACAZ,MAAAA,WAAW,CAACU,KAAZ,CAAkBM,GAAlB,CAAsBV,aAAtB,EAAqCM,EAArC;AACD;;AAED,WAAOZ,WAAW,CAACU,KAAZ,CAAkBO,GAAlB,CAAsBX,aAAtB,CAAP;AACD,GAvB8B,CAA/B;AAyBA,SAAO;AAAEJ,IAAAA;AAAF,GAAP;AACD;AACDF,WAAW,CAACU,KAAZ,GAAoB,IAAIQ,OAAJ,EAApB","sourcesContent":["// Utilities\nimport { computed, warn } from 'vue'\nimport { IN_BROWSER } from '@/util'\n\n// Types\nimport type { Ref } from 'vue'\n\nexport function useTeleport (target: Ref<boolean | string | Element>) {\n  const teleportTarget = computed(() => {\n    const _target = target.value\n\n    if (_target === true || !IN_BROWSER) return undefined\n\n    const targetElement =\n      _target === false ? document.body\n      : typeof _target === 'string' ? document.querySelector(_target)\n      : _target\n\n    if (targetElement == null) {\n      warn(`Unable to locate target ${_target}`)\n      return undefined\n    }\n\n    if (!useTeleport.cache.has(targetElement)) {\n      const el = document.createElement('div')\n      el.className = 'v-overlay-container'\n      targetElement.appendChild(el)\n      useTeleport.cache.set(targetElement, el)\n    }\n\n    return useTeleport.cache.get(targetElement)\n  })\n\n  return { teleportTarget }\n}\nuseTeleport.cache = new WeakMap<Element, Element>()\n"],"file":"teleport.mjs"}
+{"version":3,"file":"teleport.mjs","names":["computed","warn","IN_BROWSER","useTeleport","target","teleportTarget","_target","value","undefined","targetElement","document","body","querySelector","cache","has","el","createElement","className","appendChild","set","get","WeakMap"],"sources":["../../src/composables/teleport.ts"],"sourcesContent":["// Utilities\nimport { computed, warn } from 'vue'\nimport { IN_BROWSER } from '@/util'\n\n// Types\nimport type { Ref } from 'vue'\n\nexport function useTeleport (target: Ref<boolean | string | Element>) {\n  const teleportTarget = computed(() => {\n    const _target = target.value\n\n    if (_target === true || !IN_BROWSER) return undefined\n\n    const targetElement =\n      _target === false ? document.body\n      : typeof _target === 'string' ? document.querySelector(_target)\n      : _target\n\n    if (targetElement == null) {\n      warn(`Unable to locate target ${_target}`)\n      return undefined\n    }\n\n    if (!useTeleport.cache.has(targetElement)) {\n      const el = document.createElement('div')\n      el.className = 'v-overlay-container'\n      targetElement.appendChild(el)\n      useTeleport.cache.set(targetElement, el)\n    }\n\n    return useTeleport.cache.get(targetElement)\n  })\n\n  return { teleportTarget }\n}\nuseTeleport.cache = new WeakMap<Element, Element>()\n"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,IAAnB,QAA+B,KAA/B;SACSC,U,6BAET;;AAGA,OAAO,SAASC,WAAT,CAAsBC,MAAtB,EAA+D;EACpE,MAAMC,cAAc,GAAGL,QAAQ,CAAC,MAAM;IACpC,MAAMM,OAAO,GAAGF,MAAM,CAACG,KAAvB;IAEA,IAAID,OAAO,KAAK,IAAZ,IAAoB,CAACJ,UAAzB,EAAqC,OAAOM,SAAP;IAErC,MAAMC,aAAa,GACjBH,OAAO,KAAK,KAAZ,GAAoBI,QAAQ,CAACC,IAA7B,GACE,OAAOL,OAAP,KAAmB,QAAnB,GAA8BI,QAAQ,CAACE,aAAT,CAAuBN,OAAvB,CAA9B,GACAA,OAHJ;;IAKA,IAAIG,aAAa,IAAI,IAArB,EAA2B;MACzBR,IAAI,CAAE,2BAA0BK,OAAQ,EAApC,CAAJ;MACA,OAAOE,SAAP;IACD;;IAED,IAAI,CAACL,WAAW,CAACU,KAAZ,CAAkBC,GAAlB,CAAsBL,aAAtB,CAAL,EAA2C;MACzC,MAAMM,EAAE,GAAGL,QAAQ,CAACM,aAAT,CAAuB,KAAvB,CAAX;MACAD,EAAE,CAACE,SAAH,GAAe,qBAAf;MACAR,aAAa,CAACS,WAAd,CAA0BH,EAA1B;MACAZ,WAAW,CAACU,KAAZ,CAAkBM,GAAlB,CAAsBV,aAAtB,EAAqCM,EAArC;IACD;;IAED,OAAOZ,WAAW,CAACU,KAAZ,CAAkBO,GAAlB,CAAsBX,aAAtB,CAAP;EACD,CAvB8B,CAA/B;EAyBA,OAAO;IAAEJ;EAAF,CAAP;AACD;AACDF,WAAW,CAACU,KAAZ,GAAoB,IAAIQ,OAAJ,EAApB"}

package/lib/composables/theme.mjs

@@ -1,5 +1,5 @@
 // Utilities
-import { computed, inject, provide, ref, watch, watchEffect } from 'vue';
+import { computed, inject, provide, reactive, ref, watch, watchEffect } from 'vue';
 import { colorToInt, colorToRGB, createRange, darken, getCurrentInstance, getLuma, IN_BROWSER, intToHex, lighten, mergeDeep, propsFactory } from "../util/index.mjs";
 import { APCAcontrast } from "../util/color/APCA.mjs"; // Types
 
@@ -86,49 +86,54 @@ const defaultThemeOptions = {
   }
 };
 
-const parseThemeOptions = function () {
-  var _options$themes;
-
+function parseThemeOptions() {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultThemeOptions;
   if (!options) return { ...defaultThemeOptions,
     isDisabled: true
   };
-  const themes = Object.entries((_options$themes = options.themes) != null ? _options$themes : {}).reduce((obj, _ref) => {
-    var _defaultThemeOptions$, _defaultThemeOptions$2;
+  const themes = {};
+
+  for (const [key, theme] of Object.entries((_options$themes = options.themes) != null ? _options$themes : {})) {
+    var _options$themes, _defaultThemeOptions$, _defaultThemeOptions$2;
 
-    let [key, theme] = _ref;
     const defaultTheme = theme.dark ? (_defaultThemeOptions$ = defaultThemeOptions.themes) == null ? void 0 : _defaultThemeOptions$.dark : (_defaultThemeOptions$2 = defaultThemeOptions.themes) == null ? void 0 : _defaultThemeOptions$2.light;
-    obj[key] = mergeDeep(defaultTheme, theme);
-    return obj;
-  }, {});
+    themes[key] = mergeDeep(defaultTheme, theme);
+  }
+
   return mergeDeep(defaultThemeOptions, { ...options,
     themes
   });
-}; // Composables
+} // Composables
 
 
 export function createTheme(app, options) {
   const head = app._context.provides.usehead;
-  const parsedOptions = parseThemeOptions(options);
-  const styleEl = ref();
-  const current = ref(parsedOptions.defaultTheme);
+  const parsedOptions = reactive(parseThemeOptions(options));
+  const name = ref(parsedOptions.defaultTheme);
   const themes = ref(parsedOptions.themes);
-  const variations = ref(parsedOptions.variations);
   const computedThemes = computed(() => {
-    return Object.entries(themes.value).reduce((obj, _ref2) => {
-      var _parsedOptions$variat;
+    const acc = {};
 
-      let [name, original] = _ref2;
-      const theme = { ...original,
-        colors: { ...original.colors,
-          ...((_parsedOptions$variat = parsedOptions.variations.colors) != null ? _parsedOptions$variat : []).reduce((obj, color) => {
-            return { ...obj,
-              ...genColorVariations(color, original.colors[color])
-            };
-          }, {})
+    for (const [name, original] of Object.entries(themes.value)) {
+      const theme = acc[name] = { ...original,
+        colors: { ...original.colors
         }
       };
 
+      if (parsedOptions.variations) {
+        for (const name of parsedOptions.variations.colors) {
+          const color = theme.colors[name];
+
+          for (const variation of ['lighten', 'darken']) {
+            const fn = variation === 'lighten' ? lighten : darken;
+
+            for (const amount of createRange(parsedOptions.variations[variation], 1)) {
+              theme.colors[`${name}-${variation}-${amount}`] = intToHex(fn(colorToInt(color), amount));
+            }
+          }
+        }
+      }
+
       for (const color of Object.keys(theme.colors)) {
         if (/on-[a-z]/.test(color) || theme.colors[`on-${color}`]) continue;
         const onColor = `on-${color}`;
@@ -146,75 +151,46 @@ export function createTheme(app, options) {
 
         theme.colors[onColor] = whiteContrast > Math.min(blackContrast, 50) ? '#fff' : '#000';
       }
-
-      obj[name] = theme;
-      return obj;
-    }, {});
-  });
-
-  function genColorVariations(name, color) {
-    const obj = {};
-
-    for (const variation of ['lighten', 'darken']) {
-      const fn = variation === 'lighten' ? lighten : darken;
-
-      for (const amount of createRange(variations.value[variation], 1)) {
-        obj[`${name}-${variation}-${amount}`] = intToHex(fn(colorToInt(color), amount));
-      }
     }
 
-    return obj;
-  }
-
+    return acc;
+  });
+  const current = computed(() => computedThemes.value[name.value]);
   const styles = computed(() => {
     const lines = [];
 
-    for (const themeName of Object.keys(computedThemes.value)) {
-      const variables = computedThemes.value[themeName].variables;
-      lines.push(...createCssClass(`.v-theme--${themeName}`, [...genCssVariables(themeName), ...Object.keys(variables).map(key => {
+    if (current.value.dark) {
+      createCssClass(lines, ':root', ['color-scheme: dark']);
+    }
+
+    for (const [themeName, theme] of Object.entries(computedThemes.value)) {
+      const {
+        variables,
+        dark
+      } = theme;
+      createCssClass(lines, `.v-theme--${themeName}`, [`color-scheme: ${dark ? 'dark' : 'normal'}`, ...genCssVariables(theme), ...Object.keys(variables).map(key => {
         const value = variables[key];
         const color = typeof value === 'string' && value.startsWith('#') ? colorToRGB(value) : undefined;
         const rgb = color ? `${color.r}, ${color.g}, ${color.b}` : undefined;
         return `--v-${key}: ${rgb != null ? rgb : value}`;
-      })]));
+      })]);
     }
 
     const colors = new Set(Object.values(computedThemes.value).flatMap(theme => Object.keys(theme.colors)));
 
     for (const key of colors) {
       if (/on-[a-z]/.test(key)) {
-        lines.push(...createCssClass(`.${key}`, [`color: rgb(var(--v-theme-${key})) !important`]));
+        createCssClass(lines, `.${key}`, [`color: rgb(var(--v-theme-${key})) !important`]);
       } else {
-        lines.push(...createCssClass(`.bg-${key}`, [`--v-theme-overlay-multiplier: var(--v-theme-${key}-overlay-multiplier)`, `background: rgb(var(--v-theme-${key})) !important`, `color: rgb(var(--v-theme-on-${key})) !important`]), ...createCssClass(`.text-${key}`, [`color: rgb(var(--v-theme-${key})) !important`]), ...createCssClass(`.border-${key}`, [`--v-border-color: var(--v-theme-${key})`]));
+        createCssClass(lines, `.bg-${key}`, [`--v-theme-overlay-multiplier: var(--v-theme-${key}-overlay-multiplier)`, `background: rgb(var(--v-theme-${key})) !important`, `color: rgb(var(--v-theme-on-${key})) !important`]);
+        createCssClass(lines, `.text-${key}`, [`color: rgb(var(--v-theme-${key})) !important`]);
+        createCssClass(lines, `.border-${key}`, [`--v-border-color: var(--v-theme-${key})`]);
       }
     }
 
     return lines.map((str, i) => i === 0 ? str : `    ${str}`).join('');
   });
 
-  function genCssVariables(name) {
-    const theme = computedThemes.value[name];
-    if (!theme) throw new Error(`Could not find theme ${name}`);
-    const lightOverlay = theme.dark ? 2 : 1;
-    const darkOverlay = theme.dark ? 1 : 2;
-    const variables = [];
-
-    for (const [key, value] of Object.entries(theme.colors)) {
-      const rgb = colorToRGB(value);
-      variables.push(`--v-theme-${key}: ${rgb.r},${rgb.g},${rgb.b}`);
-
-      if (!key.startsWith('on-')) {
-        variables.push(`--v-theme-${key}-overlay-multiplier: ${getLuma(value) > 0.18 ? lightOverlay : darkOverlay}`);
-      }
-    }
-
-    return variables;
-  }
-
-  function createCssClass(selector, content) {
-    return [`${selector} {\n`, ...content.map(line => `  ${line};\n`), '}\n'];
-  }
-
   if (head) {
     head.addHeadObjs(computed(() => ({
       style: [{
@@ -228,34 +204,34 @@ export function createTheme(app, options) {
       watchEffect(() => head.updateDOM());
     }
   } else {
-    watch(themes, updateStyles, {
-      deep: true,
+    let styleEl;
+    watch(styles, updateStyles, {
       immediate: true
     });
 
     function updateStyles() {
       if (parsedOptions.isDisabled) return;
-      genStyleElement();
-      if (styleEl.value) styleEl.value.innerHTML = styles.value;
-    }
 
-    function genStyleElement() {
-      if (typeof document === 'undefined' || styleEl.value) return;
-      const el = document.createElement('style');
-      el.type = 'text/css';
-      el.id = 'vuetify-theme-stylesheet';
-      styleEl.value = el;
-      document.head.appendChild(styleEl.value);
+      if (typeof document !== 'undefined' && !styleEl) {
+        const el = document.createElement('style');
+        el.type = 'text/css';
+        el.id = 'vuetify-theme-stylesheet';
+        styleEl = el;
+        document.head.appendChild(styleEl);
+      }
+
+      if (styleEl) styleEl.innerHTML = styles.value;
     }
   }
 
+  const themeClasses = computed(() => parsedOptions.isDisabled ? undefined : `v-theme--${name.value}`);
   return {
     isDisabled: parsedOptions.isDisabled,
-    themes: computedThemes,
-    setTheme: (key, theme) => themes.value[key] = theme,
-    getTheme: key => computedThemes.value[key],
+    name,
+    themes,
     current,
-    themeClasses: computed(() => parsedOptions.isDisabled ? undefined : `v-theme--${current.value}`),
+    computedThemes,
+    themeClasses,
     styles
   };
 }
@@ -263,14 +239,14 @@ export function provideTheme(props) {
   getCurrentInstance('provideTheme');
   const theme = inject(ThemeSymbol, null);
   if (!theme) throw new Error('Could not find Vuetify theme injection');
-  const current = computed(() => {
+  const name = computed(() => {
     var _props$theme;
 
-    return (_props$theme = props.theme) != null ? _props$theme : theme == null ? void 0 : theme.current.value;
+    return (_props$theme = props.theme) != null ? _props$theme : theme == null ? void 0 : theme.name.value;
   });
-  const themeClasses = computed(() => theme.isDisabled ? undefined : `v-theme--${current.value}`);
+  const themeClasses = computed(() => theme.isDisabled ? undefined : `v-theme--${name.value}`);
   const newTheme = { ...theme,
-    current,
+    name,
     themeClasses
   };
   provide(ThemeSymbol, newTheme);
@@ -282,4 +258,25 @@ export function useTheme() {
   if (!theme) throw new Error('Could not find Vuetify theme injection');
   return theme;
 }
+
+function createCssClass(lines, selector, content) {
+  lines.push(`${selector} {\n`, ...content.map(line => `  ${line};\n`), '}\n');
+}
+
+function genCssVariables(theme) {
+  const lightOverlay = theme.dark ? 2 : 1;
+  const darkOverlay = theme.dark ? 1 : 2;
+  const variables = [];
+
+  for (const [key, value] of Object.entries(theme.colors)) {
+    const rgb = colorToRGB(value);
+    variables.push(`--v-theme-${key}: ${rgb.r},${rgb.g},${rgb.b}`);
+
+    if (!key.startsWith('on-')) {
+      variables.push(`--v-theme-${key}-overlay-multiplier: ${getLuma(value) > 0.18 ? lightOverlay : darkOverlay}`);
+    }
+  }
+
+  return variables;
+}
 //# sourceMappingURL=theme.mjs.map

package/lib/composables/theme.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/theme.ts"],"names":["computed","inject","provide","ref","watch","watchEffect","colorToInt","colorToRGB","createRange","darken","getCurrentInstance","getLuma","IN_BROWSER","intToHex","lighten","mergeDeep","propsFactory","APCAcontrast","ThemeSymbol","Symbol","for","makeThemeProps","theme","String","defaultThemeOptions","defaultTheme","variations","colors","themes","light","dark","background","surface","primary","secondary","error","info","success","warning","variables","parseThemeOptions","options","isDisabled","Object","entries","reduce","obj","key","createTheme","app","head","_context","provides","usehead","parsedOptions","styleEl","current","computedThemes","value","name","original","color","genColorVariations","keys","test","onColor","colorVal","blackContrast","Math","abs","whiteContrast","min","variation","fn","amount","styles","lines","themeName","push","createCssClass","genCssVariables","map","startsWith","undefined","rgb","r","g","b","Set","values","flatMap","str","i","join","Error","lightOverlay","darkOverlay","selector","content","line","addHeadObjs","style","children","type","id","updateDOM","updateStyles","deep","immediate","genStyleElement","innerHTML","document","el","createElement","appendChild","setTheme","getTheme","themeClasses","provideTheme","props","newTheme","useTheme"],"mappings":"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","sourcesContent":["// Utilities\nimport { computed, inject, provide, ref, watch, watchEffect } from 'vue'\nimport {\n  colorToInt,\n  colorToRGB,\n  createRange,\n  darken,\n  getCurrentInstance,\n  getLuma,\n  IN_BROWSER,\n  intToHex,\n  lighten,\n  mergeDeep,\n  propsFactory,\n} from '@/util'\nimport { APCAcontrast } from '@/util/color/APCA'\n\n// Types\nimport type { App, InjectionKey, Ref } from 'vue'\nimport type { HeadClient } from '@vueuse/head'\n\ntype DeepPartial<T> = T extends object ? { [P in keyof T]?: DeepPartial<T[P]> } : T\n\ninterface BaseColors {\n  background: string\n  surface: string\n  primary: string\n  secondary: string\n  success: string\n  warning: string\n  error: string\n  info: string\n}\n\ninterface OnColors {\n  'on-background': string\n  'on-surface': string\n  'on-primary': string\n  'on-secondary': string\n  'on-success': string\n  'on-warning': string\n  'on-error': string\n  'on-info': string\n}\n\nexport interface Colors extends BaseColors, OnColors {\n  [key: string]: string\n}\n\ninterface InternalThemeDefinition {\n  dark: boolean\n  colors: Colors\n  variables: Record<string, string | number>\n}\n\ninterface VariationsOptions {\n  colors: string[]\n  lighten: number\n  darken: number\n}\n\ninterface InternalThemeOptions {\n  isDisabled: boolean\n  defaultTheme: string\n  variations: VariationsOptions\n  themes: Record<string, InternalThemeDefinition>\n}\n\nexport type ThemeDefinition = DeepPartial<InternalThemeDefinition>\n\nexport type ThemeOptions = false | {\n  defaultTheme?: string\n  variations?: false | VariationsOptions\n  themes?: Record<string, ThemeDefinition>\n}\n\nexport interface ThemeInstance {\n  isDisabled: boolean\n  themes: Ref<Record<string, InternalThemeDefinition>>\n  current: Ref<string>\n  themeClasses: Ref<string | undefined>\n  setTheme: (key: string, theme: InternalThemeDefinition) => void\n  getTheme: (key: string) => InternalThemeDefinition\n  styles: Ref<string>\n}\n\nexport const ThemeSymbol: InjectionKey<ThemeInstance> = Symbol.for('vuetify:theme')\n\nexport const makeThemeProps = propsFactory({\n  theme: String,\n}, 'theme')\n\nconst defaultThemeOptions: ThemeOptions = {\n  defaultTheme: 'light',\n  variations: { colors: [], lighten: 0, darken: 0 },\n  themes: {\n    light: {\n      dark: false,\n      colors: {\n        background: '#FFFFFF',\n        surface: '#FFFFFF',\n        'surface-variant': '#424242',\n        'on-surface-variant': '#EEEEEE',\n        primary: '#6200EE',\n        'primary-darken-1': '#3700B3',\n        secondary: '#03DAC6',\n        'secondary-darken-1': '#018786',\n        error: '#B00020',\n        info: '#2196F3',\n        success: '#4CAF50',\n        warning: '#FB8C00',\n      },\n      variables: {\n        'border-color': '#000000',\n        'border-opacity': 0.12,\n        'high-emphasis-opacity': 0.87,\n        'medium-emphasis-opacity': 0.60,\n        'disabled-opacity': 0.38,\n        'idle-opacity': 0.04,\n        'hover-opacity': 0.04,\n        'focus-opacity': 0.12,\n        'selected-opacity': 0.08,\n        'activated-opacity': 0.12,\n        'pressed-opacity': 0.12,\n        'dragged-opacity': 0.08,\n        'kbd-background-color': '#212529',\n        'kbd-color': '#FFFFFF',\n        'code-background-color': '#C2C2C2',\n      },\n    },\n    dark: {\n      dark: true,\n      colors: {\n        background: '#121212',\n        surface: '#212121',\n        'surface-variant': '#BDBDBD',\n        'on-surface-variant': '#424242',\n        primary: '#BB86FC',\n        'primary-darken-1': '#3700B3',\n        secondary: '#03DAC5',\n        'secondary-darken-1': '#03DAC5',\n        error: '#CF6679',\n        info: '#2196F3',\n        success: '#4CAF50',\n        warning: '#FB8C00',\n      },\n      variables: {\n        'border-color': '#FFFFFF',\n        'border-opacity': 0.12,\n        'high-emphasis-opacity': 0.87,\n        'medium-emphasis-opacity': 0.60,\n        'disabled-opacity': 0.38,\n        'idle-opacity': 0.10,\n        'hover-opacity': 0.04,\n        'focus-opacity': 0.12,\n        'selected-opacity': 0.08,\n        'activated-opacity': 0.12,\n        'pressed-opacity': 0.16,\n        'dragged-opacity': 0.08,\n        'kbd-background-color': '#212529',\n        'kbd-color': '#FFFFFF',\n        'code-background-color': '#B7B7B7',\n      },\n    },\n  },\n}\n\nconst parseThemeOptions = (options: ThemeOptions = defaultThemeOptions): InternalThemeOptions => {\n  if (!options) return { ...defaultThemeOptions, isDisabled: true } as InternalThemeOptions\n\n  const themes = Object.entries(options.themes ?? {}).reduce((obj, [key, theme]) => {\n    const defaultTheme = theme.dark ? defaultThemeOptions.themes?.dark : defaultThemeOptions.themes?.light\n    obj[key] = mergeDeep(defaultTheme, theme)\n    return obj\n  }, {} as Record<string, ThemeDefinition>)\n\n  return mergeDeep(\n    defaultThemeOptions,\n    { ...options, themes },\n  ) as InternalThemeOptions\n}\n\n// Composables\nexport function createTheme (app: App, options?: ThemeOptions): ThemeInstance {\n  const head = app._context.provides.usehead as HeadClient | undefined\n  const parsedOptions = parseThemeOptions(options)\n  const styleEl = ref<HTMLStyleElement>()\n  const current = ref(parsedOptions.defaultTheme)\n  const themes = ref(parsedOptions.themes)\n  const variations = ref(parsedOptions.variations)\n\n  const computedThemes = computed(() => {\n    return Object.entries(themes.value).reduce((obj, [name, original]) => {\n      const theme: InternalThemeDefinition = {\n        ...original,\n        colors: {\n          ...original.colors,\n          ...(parsedOptions.variations.colors ?? []).reduce((obj, color) => {\n            return { ...obj, ...genColorVariations(color, original.colors[color]!) }\n          }, {}),\n        },\n      }\n\n      for (const color of Object.keys(theme.colors)) {\n        if (/on-[a-z]/.test(color) || theme.colors[`on-${color}`]) continue\n\n        const onColor = `on-${color}` as keyof OnColors\n        const colorVal = colorToInt(theme.colors[color]!)\n\n        const blackContrast = Math.abs(APCAcontrast(0, colorVal))\n        const whiteContrast = Math.abs(APCAcontrast(0xffffff, colorVal))\n\n        // TODO: warn about poor color selections\n        // const contrastAsText = Math.abs(APCAcontrast(colorVal, colorToInt(theme.colors.background)))\n        // const minContrast = Math.max(blackContrast, whiteContrast)\n        // if (minContrast < 60) {\n        //   consoleInfo(`${key} theme color ${color} has poor contrast (${minContrast.toFixed()}%)`)\n        // } else if (contrastAsText < 60 && !['background', 'surface'].includes(color)) {\n        //   consoleInfo(`${key} theme color ${color} has poor contrast as text (${contrastAsText.toFixed()}%)`)\n        // }\n\n        // Prefer white text if both have an acceptable contrast ratio\n        theme.colors[onColor] = whiteContrast > Math.min(blackContrast, 50) ? '#fff' : '#000'\n      }\n\n      obj[name] = theme\n\n      return obj\n    }, {} as Record<string, InternalThemeDefinition>)\n  })\n\n  function genColorVariations (name: string, color: string) {\n    const obj: Record<string, string> = {}\n    for (const variation of (['lighten', 'darken'] as const)) {\n      const fn = variation === 'lighten' ? lighten : darken\n      for (const amount of createRange(variations.value[variation], 1)) {\n        obj[`${name}-${variation}-${amount}`] = intToHex(fn(colorToInt(color), amount))\n      }\n    }\n\n    return obj\n  }\n\n  const styles = computed(() => {\n    const lines = []\n\n    for (const themeName of Object.keys(computedThemes.value)) {\n      const variables = computedThemes.value[themeName].variables\n\n      lines.push(...createCssClass(`.v-theme--${themeName}`, [\n        ...genCssVariables(themeName),\n        ...Object.keys(variables).map(key => {\n          const value = variables[key]\n          const color = typeof value === 'string' && value.startsWith('#') ? colorToRGB(value) : undefined\n          const rgb = color ? `${color.r}, ${color.g}, ${color.b}` : undefined\n\n          return `--v-${key}: ${rgb ?? value}`\n        }),\n      ]))\n    }\n\n    const colors = new Set(Object.values(computedThemes.value).flatMap(theme => Object.keys(theme.colors)))\n    for (const key of colors) {\n      if (/on-[a-z]/.test(key)) {\n        lines.push(...createCssClass(`.${key}`, [`color: rgb(var(--v-theme-${key})) !important`]))\n      } else {\n        lines.push(\n          ...createCssClass(`.bg-${key}`, [\n            `--v-theme-overlay-multiplier: var(--v-theme-${key}-overlay-multiplier)`,\n            `background: rgb(var(--v-theme-${key})) !important`,\n            `color: rgb(var(--v-theme-on-${key})) !important`,\n          ]),\n          ...createCssClass(`.text-${key}`, [`color: rgb(var(--v-theme-${key})) !important`]),\n          ...createCssClass(`.border-${key}`, [`--v-border-color: var(--v-theme-${key})`]),\n        )\n      }\n    }\n\n    return lines.map((str, i) => i === 0 ? str : `    ${str}`).join('')\n  })\n\n  function genCssVariables (name: string) {\n    const theme = computedThemes.value[name]\n\n    if (!theme) throw new Error(`Could not find theme ${name}`)\n\n    const lightOverlay = theme.dark ? 2 : 1\n    const darkOverlay = theme.dark ? 1 : 2\n\n    const variables: string[] = []\n    for (const [key, value] of Object.entries(theme.colors)) {\n      const rgb = colorToRGB(value!)\n      variables.push(`--v-theme-${key}: ${rgb.r},${rgb.g},${rgb.b}`)\n      if (!key.startsWith('on-')) {\n        variables.push(`--v-theme-${key}-overlay-multiplier: ${getLuma(value) > 0.18 ? lightOverlay : darkOverlay}`)\n      }\n    }\n\n    return variables\n  }\n\n  function createCssClass (selector: string, content: string[]) {\n    return [\n      `${selector} {\\n`,\n      ...content.map(line => `  ${line};\\n`),\n      '}\\n',\n    ]\n  }\n\n  if (head) {\n    head.addHeadObjs(computed(() => ({\n      style: [{\n        children: styles.value,\n        type: 'text/css',\n        id: 'vuetify-theme-stylesheet',\n      }],\n    })))\n\n    if (IN_BROWSER) {\n      watchEffect(() => head.updateDOM())\n    }\n  } else {\n    watch(themes, updateStyles, { deep: true, immediate: true })\n\n    function updateStyles () {\n      if (parsedOptions.isDisabled) return\n\n      genStyleElement()\n\n      if (styleEl.value) styleEl.value.innerHTML = styles.value\n    }\n\n    function genStyleElement () {\n      if (typeof document === 'undefined' || styleEl.value) return\n\n      const el = document.createElement('style')\n      el.type = 'text/css'\n      el.id = 'vuetify-theme-stylesheet'\n\n      styleEl.value = el\n      document.head.appendChild(styleEl.value)\n    }\n  }\n\n  return {\n    isDisabled: parsedOptions.isDisabled,\n    themes: computedThemes,\n    setTheme: (key: string, theme: InternalThemeDefinition) => themes.value[key] = theme,\n    getTheme: (key: string) => computedThemes.value[key],\n    current,\n    themeClasses: computed(() => parsedOptions.isDisabled ? undefined : `v-theme--${current.value}`),\n    styles,\n  }\n}\n\nexport function provideTheme (props: { theme?: string }) {\n  getCurrentInstance('provideTheme')\n\n  const theme = inject(ThemeSymbol, null)\n\n  if (!theme) throw new Error('Could not find Vuetify theme injection')\n\n  const current = computed<string>(() => {\n    return props.theme ?? theme?.current.value\n  })\n\n  const themeClasses = computed(() => theme.isDisabled ? undefined : `v-theme--${current.value}`)\n\n  const newTheme: ThemeInstance = {\n    ...theme,\n    current,\n    themeClasses,\n  }\n\n  provide(ThemeSymbol, newTheme)\n\n  return newTheme\n}\n\nexport function useTheme () {\n  getCurrentInstance('useTheme')\n\n  const theme = inject(ThemeSymbol, null)\n\n  if (!theme) throw new Error('Could not find Vuetify theme injection')\n\n  return theme\n}\n"],"file":"theme.mjs"}
+{"version":3,"file":"theme.mjs","names":["computed","inject","provide","reactive","ref","watch","watchEffect","colorToInt","colorToRGB","createRange","darken","getCurrentInstance","getLuma","IN_BROWSER","intToHex","lighten","mergeDeep","propsFactory","APCAcontrast","ThemeSymbol","Symbol","for","makeThemeProps","theme","String","defaultThemeOptions","defaultTheme","variations","colors","themes","light","dark","background","surface","primary","secondary","error","info","success","warning","variables","parseThemeOptions","options","isDisabled","key","Object","entries","createTheme","app","head","_context","provides","usehead","parsedOptions","name","computedThemes","acc","original","value","color","variation","fn","amount","keys","test","onColor","colorVal","blackContrast","Math","abs","whiteContrast","min","current","styles","lines","createCssClass","themeName","genCssVariables","map","startsWith","undefined","rgb","r","g","b","Set","values","flatMap","str","i","join","addHeadObjs","style","children","type","id","updateDOM","styleEl","updateStyles","immediate","document","el","createElement","appendChild","innerHTML","themeClasses","provideTheme","props","Error","newTheme","useTheme","selector","content","push","line","lightOverlay","darkOverlay"],"sources":["../../src/composables/theme.ts"],"sourcesContent":["// Utilities\nimport {\n  computed,\n  inject,\n  provide,\n  reactive,\n  ref,\n  watch,\n  watchEffect,\n} from 'vue'\nimport {\n  colorToInt,\n  colorToRGB,\n  createRange,\n  darken,\n  getCurrentInstance,\n  getLuma,\n  IN_BROWSER,\n  intToHex,\n  lighten,\n  mergeDeep,\n  propsFactory,\n} from '@/util'\nimport { APCAcontrast } from '@/util/color/APCA'\n\n// Types\nimport type { App, DeepReadonly, InjectionKey, Ref } from 'vue'\nimport type { HeadClient } from '@vueuse/head'\n\ntype DeepPartial<T> = T extends object ? { [P in keyof T]?: DeepPartial<T[P]> } : T\n\nexport type ThemeOptions = false | {\n  defaultTheme?: string\n  variations?: false | VariationsOptions\n  themes?: Record<string, ThemeDefinition>\n}\nexport type ThemeDefinition = DeepPartial<InternalThemeDefinition>\n\ninterface InternalThemeOptions {\n  isDisabled: boolean\n  defaultTheme: string\n  variations: false | VariationsOptions\n  themes: Record<string, InternalThemeDefinition>\n}\n\ninterface VariationsOptions {\n  colors: string[]\n  lighten: number\n  darken: number\n}\n\ninterface InternalThemeDefinition {\n  dark: boolean\n  colors: Colors\n  variables: Record<string, string | number>\n}\n\nexport interface Colors extends BaseColors, OnColors {\n  [key: string]: string\n}\n\ninterface BaseColors {\n  background: string\n  surface: string\n  primary: string\n  secondary: string\n  success: string\n  warning: string\n  error: string\n  info: string\n}\n\ninterface OnColors {\n  'on-background': string\n  'on-surface': string\n  'on-primary': string\n  'on-secondary': string\n  'on-success': string\n  'on-warning': string\n  'on-error': string\n  'on-info': string\n}\n\nexport interface ThemeInstance {\n  isDisabled: boolean\n  name: Ref<string>\n  themes: Ref<Record<string, InternalThemeDefinition>>\n\n  readonly current: DeepReadonly<Ref<InternalThemeDefinition>>\n  readonly computedThemes: DeepReadonly<Ref<Record<string, InternalThemeDefinition>>>\n\n  themeClasses: Readonly<Ref<string | undefined>>\n  styles: Readonly<Ref<string>>\n}\n\nexport const ThemeSymbol: InjectionKey<ThemeInstance> = Symbol.for('vuetify:theme')\n\nexport const makeThemeProps = propsFactory({\n  theme: String,\n}, 'theme')\n\nconst defaultThemeOptions: Exclude<ThemeOptions, false> = {\n  defaultTheme: 'light',\n  variations: { colors: [], lighten: 0, darken: 0 },\n  themes: {\n    light: {\n      dark: false,\n      colors: {\n        background: '#FFFFFF',\n        surface: '#FFFFFF',\n        'surface-variant': '#424242',\n        'on-surface-variant': '#EEEEEE',\n        primary: '#6200EE',\n        'primary-darken-1': '#3700B3',\n        secondary: '#03DAC6',\n        'secondary-darken-1': '#018786',\n        error: '#B00020',\n        info: '#2196F3',\n        success: '#4CAF50',\n        warning: '#FB8C00',\n      },\n      variables: {\n        'border-color': '#000000',\n        'border-opacity': 0.12,\n        'high-emphasis-opacity': 0.87,\n        'medium-emphasis-opacity': 0.60,\n        'disabled-opacity': 0.38,\n        'idle-opacity': 0.04,\n        'hover-opacity': 0.04,\n        'focus-opacity': 0.12,\n        'selected-opacity': 0.08,\n        'activated-opacity': 0.12,\n        'pressed-opacity': 0.12,\n        'dragged-opacity': 0.08,\n        'kbd-background-color': '#212529',\n        'kbd-color': '#FFFFFF',\n        'code-background-color': '#C2C2C2',\n      },\n    },\n    dark: {\n      dark: true,\n      colors: {\n        background: '#121212',\n        surface: '#212121',\n        'surface-variant': '#BDBDBD',\n        'on-surface-variant': '#424242',\n        primary: '#BB86FC',\n        'primary-darken-1': '#3700B3',\n        secondary: '#03DAC5',\n        'secondary-darken-1': '#03DAC5',\n        error: '#CF6679',\n        info: '#2196F3',\n        success: '#4CAF50',\n        warning: '#FB8C00',\n      },\n      variables: {\n        'border-color': '#FFFFFF',\n        'border-opacity': 0.12,\n        'high-emphasis-opacity': 0.87,\n        'medium-emphasis-opacity': 0.60,\n        'disabled-opacity': 0.38,\n        'idle-opacity': 0.10,\n        'hover-opacity': 0.04,\n        'focus-opacity': 0.12,\n        'selected-opacity': 0.08,\n        'activated-opacity': 0.12,\n        'pressed-opacity': 0.16,\n        'dragged-opacity': 0.08,\n        'kbd-background-color': '#212529',\n        'kbd-color': '#FFFFFF',\n        'code-background-color': '#B7B7B7',\n      },\n    },\n  },\n}\n\nfunction parseThemeOptions (options: ThemeOptions = defaultThemeOptions): InternalThemeOptions {\n  if (!options) return { ...defaultThemeOptions, isDisabled: true } as InternalThemeOptions\n\n  const themes: Record<string, InternalThemeDefinition> = {}\n  for (const [key, theme] of Object.entries(options.themes ?? {})) {\n    const defaultTheme = theme.dark\n      ? defaultThemeOptions.themes?.dark\n      : defaultThemeOptions.themes?.light\n    themes[key] = mergeDeep(defaultTheme, theme) as InternalThemeDefinition\n  }\n\n  return mergeDeep(\n    defaultThemeOptions,\n    { ...options, themes },\n  ) as InternalThemeOptions\n}\n\n// Composables\nexport function createTheme (app: App, options?: ThemeOptions): ThemeInstance {\n  const head = app._context.provides.usehead as HeadClient | undefined\n  const parsedOptions = reactive(parseThemeOptions(options))\n  const name = ref(parsedOptions.defaultTheme)\n  const themes = ref(parsedOptions.themes)\n\n  const computedThemes = computed(() => {\n    const acc: Record<string, InternalThemeDefinition> = {}\n    for (const [name, original] of Object.entries(themes.value)) {\n      const theme: InternalThemeDefinition = acc[name] = {\n        ...original,\n        colors: {\n          ...original.colors,\n        },\n      }\n\n      if (parsedOptions.variations) {\n        for (const name of parsedOptions.variations.colors) {\n          const color = theme.colors[name]\n          for (const variation of (['lighten', 'darken'] as const)) {\n            const fn = variation === 'lighten' ? lighten : darken\n            for (const amount of createRange(parsedOptions.variations[variation], 1)) {\n              theme.colors[`${name}-${variation}-${amount}`] = intToHex(fn(colorToInt(color), amount))\n            }\n          }\n        }\n      }\n\n      for (const color of Object.keys(theme.colors)) {\n        if (/on-[a-z]/.test(color) || theme.colors[`on-${color}`]) continue\n\n        const onColor = `on-${color}` as keyof OnColors\n        const colorVal = colorToInt(theme.colors[color]!)\n\n        const blackContrast = Math.abs(APCAcontrast(0, colorVal))\n        const whiteContrast = Math.abs(APCAcontrast(0xffffff, colorVal))\n\n        // TODO: warn about poor color selections\n        // const contrastAsText = Math.abs(APCAcontrast(colorVal, colorToInt(theme.colors.background)))\n        // const minContrast = Math.max(blackContrast, whiteContrast)\n        // if (minContrast < 60) {\n        //   consoleInfo(`${key} theme color ${color} has poor contrast (${minContrast.toFixed()}%)`)\n        // } else if (contrastAsText < 60 && !['background', 'surface'].includes(color)) {\n        //   consoleInfo(`${key} theme color ${color} has poor contrast as text (${contrastAsText.toFixed()}%)`)\n        // }\n\n        // Prefer white text if both have an acceptable contrast ratio\n        theme.colors[onColor] = whiteContrast > Math.min(blackContrast, 50) ? '#fff' : '#000'\n      }\n    }\n\n    return acc\n  })\n  const current = computed(() => computedThemes.value[name.value])\n\n  const styles = computed(() => {\n    const lines: string[] = []\n\n    if (current.value.dark) {\n      createCssClass(lines, ':root', ['color-scheme: dark'])\n    }\n\n    for (const [themeName, theme] of Object.entries(computedThemes.value)) {\n      const { variables, dark } = theme\n\n      createCssClass(lines, `.v-theme--${themeName}`, [\n        `color-scheme: ${dark ? 'dark' : 'normal'}`,\n        ...genCssVariables(theme),\n        ...Object.keys(variables).map(key => {\n          const value = variables[key]\n          const color = typeof value === 'string' && value.startsWith('#') ? colorToRGB(value) : undefined\n          const rgb = color ? `${color.r}, ${color.g}, ${color.b}` : undefined\n\n          return `--v-${key}: ${rgb ?? value}`\n        }),\n      ])\n    }\n\n    const colors = new Set(Object.values(computedThemes.value).flatMap(theme => Object.keys(theme.colors)))\n    for (const key of colors) {\n      if (/on-[a-z]/.test(key)) {\n        createCssClass(lines, `.${key}`, [`color: rgb(var(--v-theme-${key})) !important`])\n      } else {\n        createCssClass(lines, `.bg-${key}`, [\n          `--v-theme-overlay-multiplier: var(--v-theme-${key}-overlay-multiplier)`,\n          `background: rgb(var(--v-theme-${key})) !important`,\n          `color: rgb(var(--v-theme-on-${key})) !important`,\n        ])\n        createCssClass(lines, `.text-${key}`, [`color: rgb(var(--v-theme-${key})) !important`])\n        createCssClass(lines, `.border-${key}`, [`--v-border-color: var(--v-theme-${key})`])\n      }\n    }\n\n    return lines.map((str, i) => i === 0 ? str : `    ${str}`).join('')\n  })\n\n  if (head) {\n    head.addHeadObjs(computed(() => ({\n      style: [{\n        children: styles.value,\n        type: 'text/css',\n        id: 'vuetify-theme-stylesheet',\n      }],\n    })))\n\n    if (IN_BROWSER) {\n      watchEffect(() => head.updateDOM())\n    }\n  } else {\n    let styleEl: HTMLStyleElement\n\n    watch(styles, updateStyles, { immediate: true })\n    function updateStyles () {\n      if (parsedOptions.isDisabled) return\n\n      if (typeof document !== 'undefined' && !styleEl) {\n        const el = document.createElement('style')\n        el.type = 'text/css'\n        el.id = 'vuetify-theme-stylesheet'\n\n        styleEl = el\n        document.head.appendChild(styleEl)\n      }\n\n      if (styleEl) styleEl.innerHTML = styles.value\n    }\n  }\n\n  const themeClasses = computed(() => parsedOptions.isDisabled ? undefined : `v-theme--${name.value}`)\n\n  return {\n    isDisabled: parsedOptions.isDisabled,\n    name,\n    themes,\n    current,\n    computedThemes,\n    themeClasses,\n    styles,\n  }\n}\n\nexport function provideTheme (props: { theme?: string }) {\n  getCurrentInstance('provideTheme')\n\n  const theme = inject(ThemeSymbol, null)\n\n  if (!theme) throw new Error('Could not find Vuetify theme injection')\n\n  const name = computed<string>(() => {\n    return props.theme ?? theme?.name.value\n  })\n\n  const themeClasses = computed(() => theme.isDisabled ? undefined : `v-theme--${name.value}`)\n\n  const newTheme: ThemeInstance = {\n    ...theme,\n    name,\n    themeClasses,\n  }\n\n  provide(ThemeSymbol, newTheme)\n\n  return newTheme\n}\n\nexport function useTheme () {\n  getCurrentInstance('useTheme')\n\n  const theme = inject(ThemeSymbol, null)\n\n  if (!theme) throw new Error('Could not find Vuetify theme injection')\n\n  return theme\n}\n\nfunction createCssClass (lines: string[], selector: string, content: string[]) {\n  lines.push(\n    `${selector} {\\n`,\n    ...content.map(line => `  ${line};\\n`),\n    '}\\n',\n  )\n}\n\nfunction genCssVariables (theme: InternalThemeDefinition) {\n  const lightOverlay = theme.dark ? 2 : 1\n  const darkOverlay = theme.dark ? 1 : 2\n\n  const variables: string[] = []\n  for (const [key, value] of Object.entries(theme.colors)) {\n    const rgb = colorToRGB(value)\n    variables.push(`--v-theme-${key}: ${rgb.r},${rgb.g},${rgb.b}`)\n    if (!key.startsWith('on-')) {\n      variables.push(`--v-theme-${key}-overlay-multiplier: ${getLuma(value) > 0.18 ? lightOverlay : darkOverlay}`)\n    }\n  }\n\n  return variables\n}\n"],"mappings":"AAAA;AACA,SACEA,QADF,EAEEC,MAFF,EAGEC,OAHF,EAIEC,QAJF,EAKEC,GALF,EAMEC,KANF,EAOEC,WAPF,QAQO,KARP;SAUEC,U,EACAC,U,EACAC,W,EACAC,M,EACAC,kB,EACAC,O,EACAC,U,EACAC,Q,EACAC,O,EACAC,S,EACAC,Y;SAEOC,Y,kCAET;;AAsEA,OAAO,MAAMC,WAAwC,GAAGC,MAAM,CAACC,GAAP,CAAW,eAAX,CAAjD;AAEP,OAAO,MAAMC,cAAc,GAAGL,YAAY,CAAC;EACzCM,KAAK,EAAEC;AADkC,CAAD,EAEvC,OAFuC,CAAnC;AAIP,MAAMC,mBAAiD,GAAG;EACxDC,YAAY,EAAE,OAD0C;EAExDC,UAAU,EAAE;IAAEC,MAAM,EAAE,EAAV;IAAcb,OAAO,EAAE,CAAvB;IAA0BL,MAAM,EAAE;EAAlC,CAF4C;EAGxDmB,MAAM,EAAE;IACNC,KAAK,EAAE;MACLC,IAAI,EAAE,KADD;MAELH,MAAM,EAAE;QACNI,UAAU,EAAE,SADN;QAENC,OAAO,EAAE,SAFH;QAGN,mBAAmB,SAHb;QAIN,sBAAsB,SAJhB;QAKNC,OAAO,EAAE,SALH;QAMN,oBAAoB,SANd;QAONC,SAAS,EAAE,SAPL;QAQN,sBAAsB,SARhB;QASNC,KAAK,EAAE,SATD;QAUNC,IAAI,EAAE,SAVA;QAWNC,OAAO,EAAE,SAXH;QAYNC,OAAO,EAAE;MAZH,CAFH;MAgBLC,SAAS,EAAE;QACT,gBAAgB,SADP;QAET,kBAAkB,IAFT;QAGT,yBAAyB,IAHhB;QAIT,2BAA2B,IAJlB;QAKT,oBAAoB,IALX;QAMT,gBAAgB,IANP;QAOT,iBAAiB,IAPR;QAQT,iBAAiB,IARR;QAST,oBAAoB,IATX;QAUT,qBAAqB,IAVZ;QAWT,mBAAmB,IAXV;QAYT,mBAAmB,IAZV;QAaT,wBAAwB,SAbf;QAcT,aAAa,SAdJ;QAeT,yBAAyB;MAfhB;IAhBN,CADD;IAmCNT,IAAI,EAAE;MACJA,IAAI,EAAE,IADF;MAEJH,MAAM,EAAE;QACNI,UAAU,EAAE,SADN;QAENC,OAAO,EAAE,SAFH;QAGN,mBAAmB,SAHb;QAIN,sBAAsB,SAJhB;QAKNC,OAAO,EAAE,SALH;QAMN,oBAAoB,SANd;QAONC,SAAS,EAAE,SAPL;QAQN,sBAAsB,SARhB;QASNC,KAAK,EAAE,SATD;QAUNC,IAAI,EAAE,SAVA;QAWNC,OAAO,EAAE,SAXH;QAYNC,OAAO,EAAE;MAZH,CAFJ;MAgBJC,SAAS,EAAE;QACT,gBAAgB,SADP;QAET,kBAAkB,IAFT;QAGT,yBAAyB,IAHhB;QAIT,2BAA2B,IAJlB;QAKT,oBAAoB,IALX;QAMT,gBAAgB,IANP;QAOT,iBAAiB,IAPR;QAQT,iBAAiB,IARR;QAST,oBAAoB,IATX;QAUT,qBAAqB,IAVZ;QAWT,mBAAmB,IAXV;QAYT,mBAAmB,IAZV;QAaT,wBAAwB,SAbf;QAcT,aAAa,SAdJ;QAeT,yBAAyB;MAfhB;IAhBP;EAnCA;AAHgD,CAA1D;;AA2EA,SAASC,iBAAT,GAA+F;EAAA,IAAnEC,OAAmE,uEAA3CjB,mBAA2C;EAC7F,IAAI,CAACiB,OAAL,EAAc,OAAO,EAAE,GAAGjB,mBAAL;IAA0BkB,UAAU,EAAE;EAAtC,CAAP;EAEd,MAAMd,MAA+C,GAAG,EAAxD;;EACA,KAAK,MAAM,CAACe,GAAD,EAAMrB,KAAN,CAAX,IAA2BsB,MAAM,CAACC,OAAP,oBAAeJ,OAAO,CAACb,MAAvB,8BAAiC,EAAjC,CAA3B,EAAiE;IAAA;;IAC/D,MAAMH,YAAY,GAAGH,KAAK,CAACQ,IAAN,4BACjBN,mBAAmB,CAACI,MADH,qBACjB,sBAA4BE,IADX,6BAEjBN,mBAAmB,CAACI,MAFH,qBAEjB,uBAA4BC,KAFhC;IAGAD,MAAM,CAACe,GAAD,CAAN,GAAc5B,SAAS,CAACU,YAAD,EAAeH,KAAf,CAAvB;EACD;;EAED,OAAOP,SAAS,CACdS,mBADc,EAEd,EAAE,GAAGiB,OAAL;IAAcb;EAAd,CAFc,CAAhB;AAID,C,CAED;;;AACA,OAAO,SAASkB,WAAT,CAAsBC,GAAtB,EAAgCN,OAAhC,EAAuE;EAC5E,MAAMO,IAAI,GAAGD,GAAG,CAACE,QAAJ,CAAaC,QAAb,CAAsBC,OAAnC;EACA,MAAMC,aAAa,GAAGlD,QAAQ,CAACsC,iBAAiB,CAACC,OAAD,CAAlB,CAA9B;EACA,MAAMY,IAAI,GAAGlD,GAAG,CAACiD,aAAa,CAAC3B,YAAf,CAAhB;EACA,MAAMG,MAAM,GAAGzB,GAAG,CAACiD,aAAa,CAACxB,MAAf,CAAlB;EAEA,MAAM0B,cAAc,GAAGvD,QAAQ,CAAC,MAAM;IACpC,MAAMwD,GAA4C,GAAG,EAArD;;IACA,KAAK,MAAM,CAACF,IAAD,EAAOG,QAAP,CAAX,IAA+BZ,MAAM,CAACC,OAAP,CAAejB,MAAM,CAAC6B,KAAtB,CAA/B,EAA6D;MAC3D,MAAMnC,KAA8B,GAAGiC,GAAG,CAACF,IAAD,CAAH,GAAY,EACjD,GAAGG,QAD8C;QAEjD7B,MAAM,EAAE,EACN,GAAG6B,QAAQ,CAAC7B;QADN;MAFyC,CAAnD;;MAOA,IAAIyB,aAAa,CAAC1B,UAAlB,EAA8B;QAC5B,KAAK,MAAM2B,IAAX,IAAmBD,aAAa,CAAC1B,UAAd,CAAyBC,MAA5C,EAAoD;UAClD,MAAM+B,KAAK,GAAGpC,KAAK,CAACK,MAAN,CAAa0B,IAAb,CAAd;;UACA,KAAK,MAAMM,SAAX,IAAyB,CAAC,SAAD,EAAY,QAAZ,CAAzB,EAA0D;YACxD,MAAMC,EAAE,GAAGD,SAAS,KAAK,SAAd,GAA0B7C,OAA1B,GAAoCL,MAA/C;;YACA,KAAK,MAAMoD,MAAX,IAAqBrD,WAAW,CAAC4C,aAAa,CAAC1B,UAAd,CAAyBiC,SAAzB,CAAD,EAAsC,CAAtC,CAAhC,EAA0E;cACxErC,KAAK,CAACK,MAAN,CAAc,GAAE0B,IAAK,IAAGM,SAAU,IAAGE,MAAO,EAA5C,IAAiDhD,QAAQ,CAAC+C,EAAE,CAACtD,UAAU,CAACoD,KAAD,CAAX,EAAoBG,MAApB,CAAH,CAAzD;YACD;UACF;QACF;MACF;;MAED,KAAK,MAAMH,KAAX,IAAoBd,MAAM,CAACkB,IAAP,CAAYxC,KAAK,CAACK,MAAlB,CAApB,EAA+C;QAC7C,IAAI,WAAWoC,IAAX,CAAgBL,KAAhB,KAA0BpC,KAAK,CAACK,MAAN,CAAc,MAAK+B,KAAM,EAAzB,CAA9B,EAA2D;QAE3D,MAAMM,OAAO,GAAI,MAAKN,KAAM,EAA5B;QACA,MAAMO,QAAQ,GAAG3D,UAAU,CAACgB,KAAK,CAACK,MAAN,CAAa+B,KAAb,CAAD,CAA3B;QAEA,MAAMQ,aAAa,GAAGC,IAAI,CAACC,GAAL,CAASnD,YAAY,CAAC,CAAD,EAAIgD,QAAJ,CAArB,CAAtB;QACA,MAAMI,aAAa,GAAGF,IAAI,CAACC,GAAL,CAASnD,YAAY,CAAC,QAAD,EAAWgD,QAAX,CAArB,CAAtB,CAP6C,CAS7C;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QAEA;;QACA3C,KAAK,CAACK,MAAN,CAAaqC,OAAb,IAAwBK,aAAa,GAAGF,IAAI,CAACG,GAAL,CAASJ,aAAT,EAAwB,EAAxB,CAAhB,GAA8C,MAA9C,GAAuD,MAA/E;MACD;IACF;;IAED,OAAOX,GAAP;EACD,CA9C8B,CAA/B;EA+CA,MAAMgB,OAAO,GAAGxE,QAAQ,CAAC,MAAMuD,cAAc,CAACG,KAAf,CAAqBJ,IAAI,CAACI,KAA1B,CAAP,CAAxB;EAEA,MAAMe,MAAM,GAAGzE,QAAQ,CAAC,MAAM;IAC5B,MAAM0E,KAAe,GAAG,EAAxB;;IAEA,IAAIF,OAAO,CAACd,KAAR,CAAc3B,IAAlB,EAAwB;MACtB4C,cAAc,CAACD,KAAD,EAAQ,OAAR,EAAiB,CAAC,oBAAD,CAAjB,CAAd;IACD;;IAED,KAAK,MAAM,CAACE,SAAD,EAAYrD,KAAZ,CAAX,IAAiCsB,MAAM,CAACC,OAAP,CAAeS,cAAc,CAACG,KAA9B,CAAjC,EAAuE;MACrE,MAAM;QAAElB,SAAF;QAAaT;MAAb,IAAsBR,KAA5B;MAEAoD,cAAc,CAACD,KAAD,EAAS,aAAYE,SAAU,EAA/B,EAAkC,CAC7C,iBAAgB7C,IAAI,GAAG,MAAH,GAAY,QAAS,EADI,EAE9C,GAAG8C,eAAe,CAACtD,KAAD,CAF4B,EAG9C,GAAGsB,MAAM,CAACkB,IAAP,CAAYvB,SAAZ,EAAuBsC,GAAvB,CAA2BlC,GAAG,IAAI;QACnC,MAAMc,KAAK,GAAGlB,SAAS,CAACI,GAAD,CAAvB;QACA,MAAMe,KAAK,GAAG,OAAOD,KAAP,KAAiB,QAAjB,IAA6BA,KAAK,CAACqB,UAAN,CAAiB,GAAjB,CAA7B,GAAqDvE,UAAU,CAACkD,KAAD,CAA/D,GAAyEsB,SAAvF;QACA,MAAMC,GAAG,GAAGtB,KAAK,GAAI,GAAEA,KAAK,CAACuB,CAAE,KAAIvB,KAAK,CAACwB,CAAE,KAAIxB,KAAK,CAACyB,CAAE,EAAtC,GAA0CJ,SAA3D;QAEA,OAAQ,OAAMpC,GAAI,KAAIqC,GAAf,WAAeA,GAAf,GAAsBvB,KAAM,EAAnC;MACD,CANE,CAH2C,CAAlC,CAAd;IAWD;;IAED,MAAM9B,MAAM,GAAG,IAAIyD,GAAJ,CAAQxC,MAAM,CAACyC,MAAP,CAAc/B,cAAc,CAACG,KAA7B,EAAoC6B,OAApC,CAA4ChE,KAAK,IAAIsB,MAAM,CAACkB,IAAP,CAAYxC,KAAK,CAACK,MAAlB,CAArD,CAAR,CAAf;;IACA,KAAK,MAAMgB,GAAX,IAAkBhB,MAAlB,EAA0B;MACxB,IAAI,WAAWoC,IAAX,CAAgBpB,GAAhB,CAAJ,EAA0B;QACxB+B,cAAc,CAACD,KAAD,EAAS,IAAG9B,GAAI,EAAhB,EAAmB,CAAE,4BAA2BA,GAAI,eAAjC,CAAnB,CAAd;MACD,CAFD,MAEO;QACL+B,cAAc,CAACD,KAAD,EAAS,OAAM9B,GAAI,EAAnB,EAAsB,CACjC,+CAA8CA,GAAI,sBADjB,EAEjC,iCAAgCA,GAAI,eAFH,EAGjC,+BAA8BA,GAAI,eAHD,CAAtB,CAAd;QAKA+B,cAAc,CAACD,KAAD,EAAS,SAAQ9B,GAAI,EAArB,EAAwB,CAAE,4BAA2BA,GAAI,eAAjC,CAAxB,CAAd;QACA+B,cAAc,CAACD,KAAD,EAAS,WAAU9B,GAAI,EAAvB,EAA0B,CAAE,mCAAkCA,GAAI,GAAxC,CAA1B,CAAd;MACD;IACF;;IAED,OAAO8B,KAAK,CAACI,GAAN,CAAU,CAACU,GAAD,EAAMC,CAAN,KAAYA,CAAC,KAAK,CAAN,GAAUD,GAAV,GAAiB,OAAMA,GAAI,EAAjD,EAAoDE,IAApD,CAAyD,EAAzD,CAAP;EACD,CAvCsB,CAAvB;;EAyCA,IAAIzC,IAAJ,EAAU;IACRA,IAAI,CAAC0C,WAAL,CAAiB3F,QAAQ,CAAC,OAAO;MAC/B4F,KAAK,EAAE,CAAC;QACNC,QAAQ,EAAEpB,MAAM,CAACf,KADX;QAENoC,IAAI,EAAE,UAFA;QAGNC,EAAE,EAAE;MAHE,CAAD;IADwB,CAAP,CAAD,CAAzB;;IAQA,IAAIlF,UAAJ,EAAgB;MACdP,WAAW,CAAC,MAAM2C,IAAI,CAAC+C,SAAL,EAAP,CAAX;IACD;EACF,CAZD,MAYO;IACL,IAAIC,OAAJ;IAEA5F,KAAK,CAACoE,MAAD,EAASyB,YAAT,EAAuB;MAAEC,SAAS,EAAE;IAAb,CAAvB,CAAL;;IACA,SAASD,YAAT,GAAyB;MACvB,IAAI7C,aAAa,CAACV,UAAlB,EAA8B;;MAE9B,IAAI,OAAOyD,QAAP,KAAoB,WAApB,IAAmC,CAACH,OAAxC,EAAiD;QAC/C,MAAMI,EAAE,GAAGD,QAAQ,CAACE,aAAT,CAAuB,OAAvB,CAAX;QACAD,EAAE,CAACP,IAAH,GAAU,UAAV;QACAO,EAAE,CAACN,EAAH,GAAQ,0BAAR;QAEAE,OAAO,GAAGI,EAAV;QACAD,QAAQ,CAACnD,IAAT,CAAcsD,WAAd,CAA0BN,OAA1B;MACD;;MAED,IAAIA,OAAJ,EAAaA,OAAO,CAACO,SAAR,GAAoB/B,MAAM,CAACf,KAA3B;IACd;EACF;;EAED,MAAM+C,YAAY,GAAGzG,QAAQ,CAAC,MAAMqD,aAAa,CAACV,UAAd,GAA2BqC,SAA3B,GAAwC,YAAW1B,IAAI,CAACI,KAAM,EAArE,CAA7B;EAEA,OAAO;IACLf,UAAU,EAAEU,aAAa,CAACV,UADrB;IAELW,IAFK;IAGLzB,MAHK;IAIL2C,OAJK;IAKLjB,cALK;IAMLkD,YANK;IAOLhC;EAPK,CAAP;AASD;AAED,OAAO,SAASiC,YAAT,CAAuBC,KAAvB,EAAkD;EACvDhG,kBAAkB,CAAC,cAAD,CAAlB;EAEA,MAAMY,KAAK,GAAGtB,MAAM,CAACkB,WAAD,EAAc,IAAd,CAApB;EAEA,IAAI,CAACI,KAAL,EAAY,MAAM,IAAIqF,KAAJ,CAAU,wCAAV,CAAN;EAEZ,MAAMtD,IAAI,GAAGtD,QAAQ,CAAS,MAAM;IAAA;;IAClC,uBAAO2G,KAAK,CAACpF,KAAb,2BAAsBA,KAAtB,oBAAsBA,KAAK,CAAE+B,IAAP,CAAYI,KAAlC;EACD,CAFoB,CAArB;EAIA,MAAM+C,YAAY,GAAGzG,QAAQ,CAAC,MAAMuB,KAAK,CAACoB,UAAN,GAAmBqC,SAAnB,GAAgC,YAAW1B,IAAI,CAACI,KAAM,EAA7D,CAA7B;EAEA,MAAMmD,QAAuB,GAAG,EAC9B,GAAGtF,KAD2B;IAE9B+B,IAF8B;IAG9BmD;EAH8B,CAAhC;EAMAvG,OAAO,CAACiB,WAAD,EAAc0F,QAAd,CAAP;EAEA,OAAOA,QAAP;AACD;AAED,OAAO,SAASC,QAAT,GAAqB;EAC1BnG,kBAAkB,CAAC,UAAD,CAAlB;EAEA,MAAMY,KAAK,GAAGtB,MAAM,CAACkB,WAAD,EAAc,IAAd,CAApB;EAEA,IAAI,CAACI,KAAL,EAAY,MAAM,IAAIqF,KAAJ,CAAU,wCAAV,CAAN;EAEZ,OAAOrF,KAAP;AACD;;AAED,SAASoD,cAAT,CAAyBD,KAAzB,EAA0CqC,QAA1C,EAA4DC,OAA5D,EAA+E;EAC7EtC,KAAK,CAACuC,IAAN,CACG,GAAEF,QAAS,MADd,EAEE,GAAGC,OAAO,CAAClC,GAAR,CAAYoC,IAAI,IAAK,KAAIA,IAAK,KAA9B,CAFL,EAGE,KAHF;AAKD;;AAED,SAASrC,eAAT,CAA0BtD,KAA1B,EAA0D;EACxD,MAAM4F,YAAY,GAAG5F,KAAK,CAACQ,IAAN,GAAa,CAAb,GAAiB,CAAtC;EACA,MAAMqF,WAAW,GAAG7F,KAAK,CAACQ,IAAN,GAAa,CAAb,GAAiB,CAArC;EAEA,MAAMS,SAAmB,GAAG,EAA5B;;EACA,KAAK,MAAM,CAACI,GAAD,EAAMc,KAAN,CAAX,IAA2Bb,MAAM,CAACC,OAAP,CAAevB,KAAK,CAACK,MAArB,CAA3B,EAAyD;IACvD,MAAMqD,GAAG,GAAGzE,UAAU,CAACkD,KAAD,CAAtB;IACAlB,SAAS,CAACyE,IAAV,CAAgB,aAAYrE,GAAI,KAAIqC,GAAG,CAACC,CAAE,IAAGD,GAAG,CAACE,CAAE,IAAGF,GAAG,CAACG,CAAE,EAA5D;;IACA,IAAI,CAACxC,GAAG,CAACmC,UAAJ,CAAe,KAAf,CAAL,EAA4B;MAC1BvC,SAAS,CAACyE,IAAV,CAAgB,aAAYrE,GAAI,wBAAuBhC,OAAO,CAAC8C,KAAD,CAAP,GAAiB,IAAjB,GAAwByD,YAAxB,GAAuCC,WAAY,EAA1G;IACD;EACF;;EAED,OAAO5E,SAAP;AACD"}

package/lib/composables/toggleScope.mjs

@@ -0,0 +1,18 @@
+import { effectScope, watch } from 'vue';
+export function useToggleScope(source, cb) {
+  let scope;
+  watch(source, active => {
+    if (active && !scope) {
+      scope = effectScope();
+      scope.run(cb);
+    } else {
+      var _scope;
+
+      (_scope = scope) == null ? void 0 : _scope.stop();
+      scope = undefined;
+    }
+  }, {
+    immediate: true
+  });
+}
+//# sourceMappingURL=toggleScope.mjs.map

package/lib/composables/toggleScope.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleScope.mjs","names":["effectScope","watch","useToggleScope","source","cb","scope","active","run","stop","undefined","immediate"],"sources":["../../src/composables/toggleScope.ts"],"sourcesContent":["import { effectScope, watch } from 'vue'\nimport type { EffectScope, WatchSource } from 'vue'\n\nexport function useToggleScope (source: WatchSource<boolean>, cb: () => void) {\n  let scope: EffectScope | undefined\n  watch(source, active => {\n    if (active && !scope) {\n      scope = effectScope()\n      scope.run(cb)\n    } else {\n      scope?.stop()\n      scope = undefined\n    }\n  }, { immediate: true })\n}\n"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,KAAtB,QAAmC,KAAnC;AAGA,OAAO,SAASC,cAAT,CAAyBC,MAAzB,EAAuDC,EAAvD,EAAuE;EAC5E,IAAIC,KAAJ;EACAJ,KAAK,CAACE,MAAD,EAASG,MAAM,IAAI;IACtB,IAAIA,MAAM,IAAI,CAACD,KAAf,EAAsB;MACpBA,KAAK,GAAGL,WAAW,EAAnB;MACAK,KAAK,CAACE,GAAN,CAAUH,EAAV;IACD,CAHD,MAGO;MAAA;;MACL,UAAAC,KAAK,SAAL,mBAAOG,IAAP;MACAH,KAAK,GAAGI,SAAR;IACD;EACF,CARI,EAQF;IAAEC,SAAS,EAAE;EAAb,CARE,CAAL;AASD"}