{"version":3,"file":"index.mjs","sources":["../../../../packages/hooks/use-id/index.ts"],"sourcesContent":["import { computed, inject, unref } from 'vue'\nimport { isClient } from '@vueuse/core'\nimport { debugWarn } from '@element-ultra/utils'\n\nimport type { InjectionKey, Ref } from 'vue'\nimport type { MaybeRef } from '@vueuse/core'\n\nexport type ElIdInjectionContext = {\n  prefix: number\n  current: number\n}\n\nconst defaultIdInjection = {\n  prefix: Math.floor(Math.random() * 10000),\n  current: 0,\n}\n\nexport const ID_INJECTION_KEY: InjectionKey<ElIdInjectionContext> =\n  Symbol('elIdInjection')\n\nexport const useId = (deterministicId?: MaybeRef<string>): Ref<string> => {\n  const idInjection = inject(ID_INJECTION_KEY, defaultIdInjection)\n\n  if (!isClient && idInjection === defaultIdInjection) {\n    debugWarn(\n      'IdInjection',\n      `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed\nusage: app.provide(ID_INJECTION_KEY, {\n  prefix: number,\n  current: number,\n})`\n    )\n  }\n\n  const idRef = computed(\n    () =>\n      unref(deterministicId) ||\n      `el-id-${idInjection.prefix}-${idInjection.current++}`\n  )\n\n  return idRef\n}\n"],"names":[],"mappings":";;;;;AAYA,MAAM,kBAAqB,GAAA;AAAA,EACzB,QAAQ,IAAK,CAAA,KAAA,CAAM,IAAK,CAAA,MAAA,KAAW,GAAK,CAAA;AAAA,EACxC,OAAS,EAAA,CAAA;AACX,CAAA,CAAA;AAEa,MAAA,gBAAA,GACX,OAAO,eAAe,EAAA;AAEX,MAAA,KAAA,GAAQ,CAAC,eAAoD,KAAA;AACxE,EAAM,MAAA,WAAA,GAAc,MAAO,CAAA,gBAAA,EAAkB,kBAAkB,CAAA,CAAA;AAE/D,EAAI,IAAA,CAAC,QAAY,IAAA,WAAA,KAAgB,kBAAoB,EAAA;AACnD,IAAA,SAAA;AAAA,MACE,aAAA;AAAA,MACA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAAA,KAKF,CAAA;AAAA,GACF;AAEA,EAAA,MAAM,KAAQ,GAAA,QAAA;AAAA,IACZ,MACE,KAAM,CAAA,eAAe,KACrB,CAAS,MAAA,EAAA,WAAA,CAAY,UAAU,WAAY,CAAA,OAAA,EAAA,CAAA,CAAA;AAAA,GAC/C,CAAA;AAEA,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}