bootstrap-vue-next/dist/src/directives/BToggle/index.mjs.map

Seamless integration of Vue 3, Bootstrap 5, and TypeScript for modern, type-safe UI development

{"version":3,"file":"index.mjs","sources":["../../../../src/directives/BToggle/index.ts"],"sourcesContent":["import {RX_HASH, RX_HASH_ID, RX_SPACE_SPLIT} from '../../utils/constants'\nimport {type Directive, type DirectiveBinding, type VNode} from 'vue'\nimport {findProvides} from '../utils'\nimport {type RegisterShowHideValue, showHideRegistryKey} from '../../utils/keys'\nimport {getActiveShowHide} from '../../utils/registryAccess'\n\nconst getTargets = (\n  binding: DirectiveBinding<string | readonly string[] | undefined>,\n  el: Readonly<Element>\n) => {\n  const {modifiers, arg, value} = binding\n  // Any modifiers are considered target Ids\n  const targets = Object.keys(modifiers || {})\n\n  // If value is a string, split out individual targets (if space delimited)\n  const localValue = typeof value === 'string' ? value.split(RX_SPACE_SPLIT) : value\n\n  // Support target Id as link href (`href=\"#id\"`)\n  if (el.tagName.toLowerCase() === 'a') {\n    const href = el.getAttribute('href') || ''\n    if (RX_HASH_ID.test(href)) {\n      targets.push(href.replace(RX_HASH, ''))\n    }\n  }\n\n  // Add Id from `arg` (if provided), and support value\n  // as a single string Id or an array of string Ids\n  // If `value` is not an array or string, then it gets filtered out\n  Array.prototype.concat\n    .apply([], [arg, localValue])\n    .forEach((t) => typeof t === 'string' && targets.push(t))\n\n  // Return only unique and truthy target Ids\n  return targets.filter((t, index, arr) => t && arr.indexOf(t) === index)\n}\n\nconst handleUpdate = (\n  el: Element,\n  binding: DirectiveBinding<string | readonly string[] | undefined>,\n  vnode: VNode\n) => {\n  // Determine targets\n  const targets = getTargets(binding, el)\n  if (targets.length === 0) return\n\n  const provides = findProvides(binding, vnode)\n  const showHideMap =\n    (provides as Record<symbol, RegisterShowHideValue>)[showHideRegistryKey]?.values ?? null\n  if ((el as HTMLElement).dataset.bvtoggle) {\n    const oldTargets = ((el as HTMLElement).dataset.bvtoggle || '').split(' ')\n    if (oldTargets.length === 0) return\n    for (const targetId of oldTargets) {\n      const showHide = getActiveShowHide(showHideMap, targetId)\n      if (!showHide) {\n        continue\n      }\n      if (!targets.includes(targetId)) {\n        showHide.unregisterTrigger('click', el, false)\n      }\n    }\n  }\n  ;(el as HTMLElement).dataset.bvtoggle = targets.join(' ')\n\n  targets.forEach(async (targetId) => {\n    let count = 0\n    const maxAttempts = 5\n    const delayMs = 100\n\n    // Keep looking until showHide is found, giving up after 500ms or directive is unmounted\n    while (count < maxAttempts) {\n      // Check if element is still mounted before each iteration\n      if (!(el as HTMLElement).dataset.bvtoggle) {\n        // Element was unmounted, stop trying\n        return\n      }\n\n      const showHide = getActiveShowHide(showHideMap, targetId)\n      if (!showHide) {\n        count++\n        if (count < maxAttempts) {\n          await new Promise((resolve) => setTimeout(resolve, delayMs))\n          continue\n        }\n        // Only warn if element is still mounted after all attempts\n        if ((el as HTMLElement).dataset.bvtoggle) {\n          // eslint-disable-next-line no-console\n          console.warn(\n            `[v-b-toggle] Target with ID ${targetId} not found after ${maxAttempts * delayMs}ms`\n          )\n        }\n        break\n      }\n\n      // Final check before registration\n      if (!(el as HTMLElement).dataset.bvtoggle) return\n\n      // Register the trigger element\n      showHide.unregisterTrigger('click', el, false)\n      showHide.registerTrigger('click', el)\n      break\n    }\n  })\n\n  el.setAttribute('aria-controls', targets.join(' '))\n}\nconst handleUnmount = (\n  el: Element,\n  binding: DirectiveBinding<string | readonly string[] | undefined>,\n  vnode: VNode\n) => {\n  // Determine targets\n  const targets = getTargets(binding, el)\n  if (targets.length === 0) return\n  const provides = findProvides(binding, vnode)\n  const showHideMap =\n    (provides as Record<symbol, RegisterShowHideValue>)[showHideRegistryKey]?.values ?? null\n\n  targets.forEach((targetId) => {\n    const showHide = getActiveShowHide(showHideMap, targetId)\n    if (!showHide) {\n      return\n    }\n    // Pass clean=true to let the composable handle cleanup of aria-expanded and classes\n    showHide.unregisterTrigger('click', el, true)\n  })\n\n  // Only remove what the directive manages (aria-controls)\n  // aria-expanded and classes are managed by useShowHide composable\n  el.removeAttribute('aria-controls')\n  delete (el as HTMLElement).dataset.bvtoggle\n}\n\nexport const vBToggle: Directive<Element> = {\n  mounted: handleUpdate,\n  updated: handleUpdate,\n  unmounted: handleUnmount,\n}\n"],"names":[],"mappings":";;;;;AAMA,MAAM,aAAa,CACjB,SACA,OACG;AACH,QAAM,EAAC,WAAW,KAAK,MAAA,IAAS;AAEhC,QAAM,UAAU,OAAO,KAAK,aAAa,CAAA,CAAE;AAG3C,QAAM,aAAa,OAAO,UAAU,WAAW,MAAM,MAAM,cAAc,IAAI;AAG7E,MAAI,GAAG,QAAQ,YAAA,MAAkB,KAAK;AACpC,UAAM,OAAO,GAAG,aAAa,MAAM,KAAK;AACxC,QAAI,WAAW,KAAK,IAAI,GAAG;AACzB,cAAQ,KAAK,KAAK,QAAQ,SAAS,EAAE,CAAC;AAAA,IACxC;AAAA,EACF;AAKA,QAAM,UAAU,OACb,MAAM,CAAA,GAAI,CAAC,KAAK,UAAU,CAAC,EAC3B,QAAQ,CAAC,MAAM,OAAO,MAAM,YAAY,QAAQ,KAAK,CAAC,CAAC;AAG1D,SAAO,QAAQ,OAAO,CAAC,GAAG,OAAO,QAAQ,KAAK,IAAI,QAAQ,CAAC,MAAM,KAAK;AACxE;AAEA,MAAM,eAAe,CACnB,IACA,SACA,UACG;AAEH,QAAM,UAAU,WAAW,SAAS,EAAE;AACtC,MAAI,QAAQ,WAAW,EAAG;AAE1B,QAAM,WAAW,aAAa,SAAS,KAAK;AAC5C,QAAM,cACH,SAAmD,mBAAmB,GAAG,UAAU;AACtF,MAAK,GAAmB,QAAQ,UAAU;AACxC,UAAM,cAAe,GAAmB,QAAQ,YAAY,IAAI,MAAM,GAAG;AACzE,QAAI,WAAW,WAAW,EAAG;AAC7B,eAAW,YAAY,YAAY;AACjC,YAAM,WAAW,kBAAkB,aAAa,QAAQ;AACxD,UAAI,CAAC,UAAU;AACb;AAAA,MACF;AACA,UAAI,CAAC,QAAQ,SAAS,QAAQ,GAAG;AAC/B,iBAAS,kBAAkB,SAAS,IAAI,KAAK;AAAA,MAC/C;AAAA,IACF;AAAA,EACF;AACE,KAAmB,QAAQ,WAAW,QAAQ,KAAK,GAAG;AAExD,UAAQ,QAAQ,OAAO,aAAa;AAClC,QAAI,QAAQ;AACZ,UAAM,cAAc;AACpB,UAAM,UAAU;AAGhB,WAAO,QAAQ,aAAa;AAE1B,UAAI,CAAE,GAAmB,QAAQ,UAAU;AAEzC;AAAA,MACF;AAEA,YAAM,WAAW,kBAAkB,aAAa,QAAQ;AACxD,UAAI,CAAC,UAAU;AACb;AACA,YAAI,QAAQ,aAAa;AACvB,gBAAM,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,OAAO,CAAC;AAC3D;AAAA,QACF;AAEA,YAAK,GAAmB,QAAQ,UAAU;AAExC,kBAAQ;AAAA,YACN,+BAA+B,QAAQ,oBAAoB,cAAc,OAAO;AAAA,UAAA;AAAA,QAEpF;AACA;AAAA,MACF;AAGA,UAAI,CAAE,GAAmB,QAAQ,SAAU;AAG3C,eAAS,kBAAkB,SAAS,IAAI,KAAK;AAC7C,eAAS,gBAAgB,SAAS,EAAE;AACpC;AAAA,IACF;AAAA,EACF,CAAC;AAED,KAAG,aAAa,iBAAiB,QAAQ,KAAK,GAAG,CAAC;AACpD;AACA,MAAM,gBAAgB,CACpB,IACA,SACA,UACG;AAEH,QAAM,UAAU,WAAW,SAAS,EAAE;AACtC,MAAI,QAAQ,WAAW,EAAG;AAC1B,QAAM,WAAW,aAAa,SAAS,KAAK;AAC5C,QAAM,cACH,SAAmD,mBAAmB,GAAG,UAAU;AAEtF,UAAQ,QAAQ,CAAC,aAAa;AAC5B,UAAM,WAAW,kBAAkB,aAAa,QAAQ;AACxD,QAAI,CAAC,UAAU;AACb;AAAA,IACF;AAEA,aAAS,kBAAkB,SAAS,IAAI,IAAI;AAAA,EAC9C,CAAC;AAID,KAAG,gBAAgB,eAAe;AAClC,SAAQ,GAAmB,QAAQ;AACrC;AAEO,MAAM,WAA+B;AAAA,EAC1C,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AACb;"}