@beeq/core 1.12.2-beta.0 → 1.12.3-beta.0

package/dist/components/p-YyF6_fWE.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["beeqBasePath","DATA_BEEQ_ATTRIBUTE","DEFAULT_SVG_PATH","setBasePath","path","getBasePath","subpath","configScript","findConfigScript","configPath","getAttribute","fallbackScript","findFallbackScript","fallbackPath","getScriptPath","formattedSubpath","replace","isClient","document","querySelector","script","src","substring","lastIndexOf","SVG_TAG","ICON_CSS_CLASS","cache","requests","Map","content","sanitizeSvgElement","svg","currentClass","setAttribute","trim","removeAttribute","validateElement","element","nodeType","Node","ELEMENT_NODE","nodeName","toLowerCase","hasUnsafeAttribute","Array","from","attributes","some","attr","value","name","startsWith","includes","children","every","child","processSvgContent","isNil","domParser","DOMParser","doc","parseFromString","console","warn","XMLSerializer","serializeToString","error","fetchAndProcessSvg","async","url","shouldSanitize","response","fetch","ok","Error","status","statusText","text","getSvgContent","sanitize","undefined","has","cachedContent","get","request","then","set","delete","bqIconCss","BqIcon","__stencil_proxyCustomElement","HTMLElement","svgContent","label","color","size","weight","handlePropsChange","this","loadIcon","handleWeightChange","REGULAR","isWeightedIcon","weightSuffix","iconName","svgLoaded","connectedCallback","setupIconComponent","componentWillLoad","getIconSource","SVG_EXTENSION","iconFileName","emit","render","styles","getColorCSSVariable","_jsx","Host","style","class","innerHTML","part","role"],"sources":["../../packages/beeq/src/shared/utils/assetsPath.ts","../../packages/beeq/src/components/icon/helper/request.ts","../../packages/beeq/src/components/icon/scss/bq-icon.scss?tag=bq-icon&encapsulation=shadow","../../packages/beeq/src/components/icon/bq-icon.tsx"],"sourcesContent":["/**\n * Inspired by Shoelace's `getBasePath` and `setBasePath` functions.\n * https://github.com/shoelace-style/shoelace/blob/next/src/utilities/base-path.ts\n */\nimport { isClient } from './isClient';\n\nlet beeqBasePath: string | undefined;\nconst DATA_BEEQ_ATTRIBUTE = 'data-beeq';\nconst DEFAULT_SVG_PATH = 'svg';\n\n/**\n * Sets the base path for the assets.\n * @param {string} path - The base path to set.\n */\nexport const setBasePath = (path: string): void => {\n  beeqBasePath = path;\n};\n\n/**\n * Gets the base path for the assets.\n * @param {string} subpath - An optional subpath to append to the base path.\n * @returns {string} The base path of the assets.\n */\nexport const getBasePath = (subpath: string = ''): string => {\n  if (!beeqBasePath) {\n    const configScript = findConfigScript();\n    // Get the path from the config script that uses the data-beeq attribute\n    const configPath = configScript?.getAttribute(DATA_BEEQ_ATTRIBUTE);\n\n    const fallbackScript = findFallbackScript();\n    // If no data-beeq attribute is found, use the script path\n    const fallbackPath = fallbackScript ? `${getScriptPath(fallbackScript)}/${DEFAULT_SVG_PATH}` : '';\n\n    setBasePath(configPath || fallbackPath);\n  }\n\n  // Return the base path without a trailing slash. If one exists, append the subpath separated by a slash.\n  const formattedSubpath = subpath ? `/${subpath.replace(/^\\//, '')}` : '';\n  return beeqBasePath.replace(/\\/$/, '') + formattedSubpath;\n};\n\n/**\n * Finds the configuration script element.\n * @returns The configuration script element or null if not found.\n */\nconst findConfigScript = (): HTMLScriptElement | null => {\n  if (!isClient()) return null;\n\n  return document.querySelector(`script[${DATA_BEEQ_ATTRIBUTE}]`);\n};\n\n/**\n * Finds the fallback script element.\n * @returns The fallback script element or null if not found.\n */\nconst findFallbackScript = (): HTMLScriptElement | null => {\n  if (!isClient()) return null;\n\n  return document.querySelector(`script[src*=\"beeq\"]`);\n};\n\n/**\n * Gets the path of a script element.\n * @param {HTMLScriptElement} script - The script element.\n * @returns The path of the script element.\n */\nconst getScriptPath = (script: HTMLScriptElement): string => {\n  if (!isClient()) return '';\n\n  const src = script.getAttribute('src');\n  return src ? src.substring(0, src.lastIndexOf('/')) : '';\n};\n","/* -------------------------------------------------------------------------- */\n/*                             Icon request helper                            */\n/* -------------------------------------------------------------------------- */\n\nimport { isClient, isNil } from '../../../shared/utils';\n\nconst SVG_TAG = 'svg';\nconst ICON_CSS_CLASS = 'bq-icon__svg';\n\ninterface IconCache {\n  requests: Map<string, Promise<string>>;\n  content: Map<string, string>;\n}\n\nconst cache: IconCache = {\n  requests: new Map(),\n  content: new Map(),\n};\n\n/**\n * Sanitizes SVG element by setting required attributes and removing unwanted ones\n * @param svg - The SVG element to sanitize\n */\nconst sanitizeSvgElement = (svg: SVGElement): void => {\n  const currentClass = svg.getAttribute('class') || '';\n\n  svg.setAttribute('class', `${currentClass} ${ICON_CSS_CLASS}`.trim());\n  svg.setAttribute('part', SVG_TAG);\n  svg.removeAttribute('height');\n  svg.removeAttribute('width');\n};\n\n/**\n * Validates element security (no scripts or event handlers)\n * @param element - The element to validate\n * @returns True if the element is valid, false otherwise\n */\nconst validateElement = (element: Element): boolean => {\n  if (!element || element.nodeType !== Node.ELEMENT_NODE) return false;\n  if (element.nodeName.toLowerCase() === 'script') return false;\n\n  // Check for malicious attributes using modern array methods\n  const hasUnsafeAttribute = Array.from(element.attributes).some((attr) => {\n    const value = attr.value?.toLowerCase() || '';\n    const name = attr.name.toLowerCase();\n\n    // Check for event handlers\n    if (name.startsWith('on')) return true;\n    // Check for javascript: URLs\n    if (value.includes('javascript:')) return true;\n\n    return false;\n  });\n\n  if (hasUnsafeAttribute) return false;\n\n  // Recursively validate children\n  return Array.from(element.children).every((child) => validateElement(child));\n};\n\n/**\n * Processes SVG content with security checks and sanitization\n * @param content - The SVG content to process\n * @returns The processed and sanitized SVG content\n */\nconst processSvgContent = (content: string): string => {\n  if (!isClient() || isNil(content)) return '';\n\n  try {\n    const domParser = new DOMParser();\n    const doc = domParser.parseFromString(content, 'image/svg+xml');\n    const svg = doc.querySelector(SVG_TAG);\n\n    if (!svg || !validateElement(svg)) {\n      console.warn('[BqIcon] SVG content failed security validation');\n      return '';\n    }\n\n    sanitizeSvgElement(svg);\n    return new XMLSerializer().serializeToString(svg);\n  } catch (error) {\n    console.error('[BqIcon] Error processing SVG content:', error);\n    return '';\n  }\n};\n\n/**\n * Fetches and processes SVG content from URL\n * @param url - The URL of the SVG to fetch\n * @param shouldSanitize - Whether to sanitize the SVG content\n * @returns Promise that resolves to the processed SVG content\n */\nconst fetchAndProcessSvg = async (url: string, shouldSanitize = true): Promise<string> => {\n  if (!isClient()) return '';\n\n  try {\n    const response = await fetch(url);\n\n    if (!response.ok) {\n      throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n    }\n\n    const content = await response.text();\n\n    if (!content.trim()) {\n      console.warn(`[BqIcon] Empty SVG content received from ${url}`);\n      return '';\n    }\n\n    return shouldSanitize ? processSvgContent(content) : content;\n  } catch (error) {\n    console.error(`[BqIcon] Failed to fetch SVG from ${url}:`, error);\n    return '';\n  }\n};\n\n/**\n * Retrieves SVG content with caching, security validation, and sanitization\n * @param url - The URL of the SVG to fetch\n * @param sanitize - Whether to sanitize the SVG content (default: true)\n * @returns Promise that resolves to the processed SVG content or undefined\n */\nexport const getSvgContent = async (url?: string, sanitize = true): Promise<string> => {\n  if (!isClient() || isNil(url)) return undefined;\n\n  // Return cached content if available\n  if (cache.content.has(url)) {\n    const cachedContent = cache.content.get(url);\n    return cachedContent;\n  }\n\n  // Check if the request is already in the cache\n  if (!cache.requests.has(url)) {\n    // Create new request with proper cleanup\n    const request = fetchAndProcessSvg(url, sanitize).then((content) => {\n      // Cache the result (including empty strings for failed requests)\n      cache.content.set(url, content);\n      // Clean up the pending request\n      cache.requests.delete(url);\n      return content;\n    });\n\n    cache.requests.set(url, request);\n  }\n\n  return cache.requests.get(url);\n};\n\n/**\n * Clears the icon cache - useful for testing or memory management\n */\nexport const clearIconCache = (): void => {\n  cache.requests.clear();\n  cache.content.clear();\n};\n\n/**\n * Gets cache statistics for debugging\n */\nexport const getCacheStats = () => ({\n  pendingRequests: cache.requests.size,\n  cachedContent: cache.content.size,\n  urls: Array.from(cache.content.keys()),\n});\n\n// Export cache for external access if needed\nexport { cache as iconCache };\n","/* -------------------------------------------------------------------------- */\n/*                                 Icon styles                                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-icon.variables';\n\n:host {\n  @apply inline-block;\n}\n\n/**\n * This class is added on packages/beeq/src/components/icon/helper/request.ts\n * See lines 42 and 58 for details.\n */\n.bq-icon__svg {\n  @apply scale-x-[--bq-icon--direction];\n}\n","import type { EventEmitter } from '@stencil/core';\nimport { Component, Event, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { getBasePath, getColorCSSVariable, isNil } from '../../shared/utils';\nimport type { TIconWeight } from './bq-icon.types';\nimport { getSvgContent } from './helper/request';\n\n/**\n * The Icon component is an image that provides a visual representation of an object, action, or concept displayed on the screen.\n * It is a small graphical element that is used to enhance the user interface and improve user experience.\n *\n * @example How to use it\n * ```html\n * <bq-icon color=\"text--brand\" name=\"bell-ringing\" size=\"24\"></bq-icon>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/675fad-icon\n * @status stable\n *\n * @attr {string} color - Set the stroke color of the SVG. The value should be a valid value of the palette color.\n * @attr {string} label - Label for the icon, used for accessibility.\n * @attr {string} name - Icon name to load. Please check all available icons [here](https://phosphoricons.com/).\n * @attr {string | number} size - Set the size of the SVG.\n * @attr {string} src - Set the source of the SVG. If the source is set, the name property will be ignored.\n *\n * @event svgLoaded - Callback handler to be called when the SVG has loaded.\n *\n * @part base - The component's internal wrapper that holds the icon SVG content.\n * @part svg - The `<svg>` tag element inside the component.\n *\n * @cssprop --bq-icon--color - The stroke color of the SVG.\n * @cssprop --bq-icon--size - The size of the SVG.\n */\n@Component({\n  assetsDirs: ['svg'],\n  tag: 'bq-icon',\n  styleUrl: './scss/bq-icon.scss',\n  shadow: true,\n})\nexport class BqIcon {\n  // Own Properties\n  // ====================\n\n  // Reference to host HTML element\n  // ===================================\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private svgContent: string;\n\n  // Public Property API\n  // ========================\n\n  /** Label for the icon, used for accessibility */\n  @Prop({ reflect: true }) label?: string;\n\n  /** Set the stroke color of the SVG. The value should be a valid value of the palette color */\n  @Prop({ reflect: true }) color?: string;\n\n  /** Icon name to load. Please check all available icons [here](https://phosphoricons.com/) */\n  @Prop({ reflect: true }) name?: string;\n\n  /** Set the size of the SVG */\n  @Prop({ reflect: true }) size?: string | number = 24;\n\n  /** Set the source of the SVG. If the source is set, the name property will be ignored */\n  @Prop({ reflect: true }) src?: string;\n\n  /** @deprecated It set the icon weight/style */\n  @Prop({ reflect: true }) weight?: TIconWeight = undefined;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('color')\n  @Watch('name')\n  @Watch('size')\n  handlePropsChange() {\n    this.loadIcon(this.name);\n  }\n\n  /**\n   * !TO BE REMOVED: Delete this `@Watch()` once the deprecated `weight` property is removed\n   * We need to maintain retro-compatibility until the next major release\n   */\n  @Watch('weight')\n  handleWeightChange() {\n    if (this.name.includes(this.weight)) return;\n\n    console.warn(\n      `❗️ [bq-icon]: the 'weight' property is deprecated, you should add the weight to the icon name.\\n\n       For example, '<bq-icon name=\"bell-fill\"></bq-icon>' instead of '<bq-icon name=\"bell\" weight=\"fill\"></bq-icon>'`,\n    );\n    // Check if the icon is weighted. An icon is considered weighted if its weight is not 'regular' and ENV_SVG_PATH is not set.\n    // Eg: if the weight is 'bold' and ENV_SVG_PATH is not set, isWeightedIcon will be true.\n    const REGULAR = 'regular';\n    const isWeightedIcon = !isNil(this.weight) && this.weight !== REGULAR;\n    // If the icon is weighted, append the weight to the icon name. Otherwise, append nothing.\n    // Eg: if isWeightedIcon is true and the weight is 'bold', weightSuffix will be '-bold'.\n    const weightSuffix = isWeightedIcon ? `-${this.weight}` : '';\n    // Construct the icon name by appending the weight suffix (if any) and the file extension.\n    // Eg: if the name is 'my-icon' and weightSuffix is '-bold', iconName will be 'my-icon-bold.svg'.\n    const iconName = `${this.name}${weightSuffix}`;\n    this.loadIcon(iconName);\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler to be called when the SVG has loaded */\n  @Event() svgLoaded: EventEmitter;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  connectedCallback() {\n    this.setupIconComponent();\n  }\n\n  componentWillLoad() {\n    this.setupIconComponent();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private setupIconComponent = () => {\n    this.loadIcon(this.name);\n    // !TO BE REMOVED: Delete this once the deprecated `weight` property is removed\n    if (!isNil(this.weight)) this.handleWeightChange();\n  };\n\n  private getIconSource = (name: string) => {\n    if (!this.name && !this.src) return undefined;\n    // Return the src if it is set\n    if (this.src) return this.src;\n\n    const SVG_EXTENSION = '.svg';\n    const iconFileName = `${name}${SVG_EXTENSION}`;\n\n    return getBasePath(iconFileName);\n  };\n\n  private loadIcon = async (name: string) => {\n    const url = this.getIconSource(name);\n    if (!url) return;\n\n    try {\n      const content = await getSvgContent(url, true);\n      if (!content) return;\n\n      this.svgContent = content;\n      this.svgLoaded.emit(this.svgContent);\n    } catch (error) {\n      console.error('[BEEQ] Failed to load the icon SVG content', error);\n    }\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const { color, label, name, size } = this;\n    const styles = {\n      ...(color && { '--bq-icon--color': getColorCSSVariable(color) }),\n      ...(size && { '--bq-icon--size': `${size}px` }),\n    };\n\n    return (\n      <Host style={styles}>\n        <div\n          aria-label={label ?? `${name} icon`}\n          class=\"bs-[--bq-icon--size] is-[--bq-icon--size] flex text-[--bq-icon--color]\"\n          innerHTML={this.svgContent}\n          part=\"base\"\n          role=\"img\"\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;GAMA,KAAIA;;AACJ,MAAMC,IAAsB;;AAC5B,MAAMC,IAAmB;;;;;GAMZ,OAAAC,cAAeC;EAC1BJ,IAAeI;AAAI;;;;;;UAQRC,cAAc,CAACC,IAAkB;EAC5C,KAAKN,GAAc;IACjB,MAAMO,IAAeC;;QAErB,MAAMC,IAAaF,GAAcG,aAAaT;IAE9C,MAAMU,IAAiBC;;QAEvB,MAAMC,IAAeF,IAAiB,GAAGG,cAAcH,MAAmBT,MAAqB;IAE/FC,YAAYM,KAAcI;;;IAI5B,MAAME,IAAmBT,IAAU,IAAIA,EAAQU,QAAQ,OAAO,QAAQ;EACtE,OAAOhB,EAAagB,QAAQ,OAAO,MAAMD;AAAgB;;;;;GAO3D,OAAMP,mBAAmB;EACvB,KAAKS,KAAY,OAAO;EAExB,OAAOC,SAASC,cAAc,UAAUlB;AAAuB;;;;;GAOjE,OAAMW,qBAAqB;EACzB,KAAKK,KAAY,OAAO;EAExB,OAAOC,SAASC,cAAc;AAAsB;;;;;;GAQtD,OAAML,gBAAiBM;EACrB,KAAKH,KAAY,OAAO;EAExB,MAAMI,IAAMD,EAAOV,aAAa;EAChC,OAAOW,IAAMA,EAAIC,UAAU,GAAGD,EAAIE,YAAY,QAAQ;AAAE;;;;gFChE1D,OAAMC,IAAU;;AAChB,MAAMC,IAAiB;;AAOvB,MAAMC,IAAmB;EACvBC,UAAU,IAAIC;EACdC,SAAS,IAAID;;;;;;GAOf,OAAME,qBAAsBC;EAC1B,MAAMC,IAAeD,EAAIrB,aAAa,YAAY;EAElDqB,EAAIE,aAAa,SAAS,GAAGD,KAAgBP,IAAiBS;EAC9DH,EAAIE,aAAa,QAAQT;EACzBO,EAAII,gBAAgB;EACpBJ,EAAII,gBAAgB;AAAQ;;;;;;GAQ9B,OAAMC,kBAAmBC;EACvB,KAAKA,KAAWA,EAAQC,aAAaC,KAAKC,cAAc,OAAO;EAC/D,IAAIH,EAAQI,SAASC,kBAAkB,UAAU,OAAO;;IAGxD,MAAMC,IAAqBC,MAAMC,KAAKR,EAAQS,YAAYC,MAAMC;IAC9D,MAAMC,IAAQD,EAAKC,OAAOP,iBAAiB;IAC3C,MAAMQ,IAAOF,EAAKE,KAAKR;;QAGvB,IAAIQ,EAAKC,WAAW,OAAO,OAAO;;QAElC,IAAIF,EAAMG,SAAS,gBAAgB,OAAO;IAE1C,OAAO;AAAK;EAGd,IAAIT,GAAoB,OAAO;;IAG/B,OAAOC,MAAMC,KAAKR,EAAQgB,UAAUC,OAAOC,KAAUnB,gBAAgBmB;AAAO;;;;;;GAQ9E,OAAMC,oBAAqB3B;EACzB,KAAKZ,OAAcwC,EAAM5B,IAAU,OAAO;EAE1C;IACE,MAAM6B,IAAY,IAAIC;IACtB,MAAMC,IAAMF,EAAUG,gBAAgBhC,GAAS;IAC/C,MAAME,IAAM6B,EAAIzC,cAAcK;IAE9B,KAAKO,MAAQK,gBAAgBL,IAAM;MACjC+B,QAAQC,KAAK;MACb,OAAO;;IAGTjC,mBAAmBC;IACnB,QAAO,IAAIiC,eAAgBC,kBAAkBlC;IAC7C,OAAOmC;IACPJ,QAAQI,MAAM,0CAA0CA;IACxD,OAAO;;;;;;;;;GAUX,OAAMC,qBAAqBC,OAAOC,GAAaC,IAAiB;EAC9D,KAAKrD,KAAY,OAAO;EAExB;IACE,MAAMsD,UAAiBC,MAAMH;IAE7B,KAAKE,EAASE,IAAI;MAChB,MAAM,IAAIC,MAAM,QAAQH,EAASI,WAAWJ,EAASK;;IAGvD,MAAM/C,UAAgB0C,EAASM;IAE/B,KAAKhD,EAAQK,QAAQ;MACnB4B,QAAQC,KAAK,4CAA4CM;MACzD,OAAO;;IAGT,OAAOC,IAAiBd,kBAAkB3B,KAAWA;IACrD,OAAOqC;IACPJ,QAAQI,MAAM,qCAAqCG,MAAQH;IAC3D,OAAO;;;;;;;;;GAUJ,OAAMY,gBAAgBV,OAAOC,GAAcU,IAAW;EAC3D,KAAK9D,OAAcwC,EAAMY,IAAM,OAAOW;;IAGtC,IAAItD,EAAMG,QAAQoD,IAAIZ,IAAM;IAC1B,MAAMa,IAAgBxD,EAAMG,QAAQsD,IAAId;IACxC,OAAOa;;;IAIT,KAAKxD,EAAMC,SAASsD,IAAIZ,IAAM;;IAE5B,MAAMe,IAAUjB,mBAAmBE,GAAKU,GAAUM,MAAMxD;;MAEtDH,EAAMG,QAAQyD,IAAIjB,GAAKxC;;YAEvBH,EAAMC,SAAS4D,OAAOlB;MACtB,OAAOxC;AAAO;IAGhBH,EAAMC,SAAS2D,IAAIjB,GAAKe;;EAG1B,OAAO1D,EAAMC,SAASwD,IAAId;AAAI;;ACjJhC,MAAMmB,YAAY,MAAM;;MCuCXC,KAAMC,EAAA,MAAAD,UAAAE;;;;;;;;;;;;;;;;EAWAC;;;;EAMQC;;EAGAC;;EAGA5C;;EAGA6C,KAAyB;;EAGzB1E;;EAGA2E,OAAuBhB;;;EAQhD,iBAAAiB;IACEC,KAAKC,SAASD,KAAKhD;;;;;SAQrB,kBAAAkD;IACE,IAAIF,KAAKhD,KAAKE,SAAS8C,KAAKF,SAAS;IAErClC,QAAQC,KACN;;;QAKF,MAAMsC,IAAU;IAChB,MAAMC,KAAkB7C,EAAMyC,KAAKF,WAAWE,KAAKF,WAAWK;;;QAG9D,MAAME,IAAeD,IAAiB,IAAIJ,KAAKF,WAAW;;;QAG1D,MAAMQ,IAAW,GAAGN,KAAKhD,OAAOqD;IAChCL,KAAKC,SAASK;;;;;;EAQPC;;;;EAMT,iBAAAC;IACER,KAAKS;;EAGP,iBAAAC;IACEV,KAAKS;;;;;;;;;;;;;;EAkBCA,mBAAqB;IAC3BT,KAAKC,SAASD,KAAKhD;;QAEnB,KAAKO,EAAMyC,KAAKF,SAASE,KAAKE;AAAoB;EAG5CS,cAAiB3D;IACvB,KAAKgD,KAAKhD,SAASgD,KAAK7E,KAAK,OAAO2D;;QAEpC,IAAIkB,KAAK7E,KAAK,OAAO6E,KAAK7E;IAE1B,MAAMyF,IAAgB;IACtB,MAAMC,IAAe,GAAG7D,IAAO4D;IAE/B,OAAOzG,YAAY0G;AAAa;EAG1BZ,SAAW/B,MAAOlB;IACxB,MAAMmB,IAAM6B,KAAKW,cAAc3D;IAC/B,KAAKmB,GAAK;IAEV;MACE,MAAMxC,UAAgBiD,cAAcT,GAAK;MACzC,KAAKxC,GAAS;MAEdqE,KAAKN,aAAa/D;MAClBqE,KAAKO,UAAUO,KAAKd,KAAKN;MACzB,OAAO1B;MACPJ,QAAQI,MAAM,8CAA8CA;;;;;;EAQhE,MAAA+C;IACE,OAAMnB,OAAEA,GAAKD,OAAEA,GAAK3C,MAAEA,GAAI6C,MAAEA,KAASG;IACrC,MAAMgB,IAAS;SACTpB,KAAS;QAAE,oBAAoBqB,EAAoBrB;;SACnDC,KAAQ;QAAE,mBAAmB,GAAGA;;;IAGtC,OACEqB,EAACC,GAAI;MAACC,OAAOJ;MACX7D,UAAA+D,EAAA;QAAA,cACcvB,KAAS,GAAG3C;QACxBqE,OAAM;QACNC,WAAWtB,KAAKN;QAChB6B,MAAK;QACLC,MAAK;SACL;OAAA","ignoreList":[]}

package/dist/components/p-qOL6hl5s.js

@@ -1,298 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import { p as a, H as r, d as e, t as b } from "./p-DDCN9O42.js";
-
-import { F as n } from "./p-CmKvDWiL.js";
-
-import { i as q } from "./p-B4sM1t6Z.js";
-
-/**
- * Global state for scroll lock management
- */ const t = {
-  lockCount: 0,
-  // The lockCount tracks how many components or floating overlays currently need the scroll to be locked.
-  config: {
-    debug: false,
-    bodyClassName: "bq-body--scroll-lock"
-  }
-};
-
-/**
- * Logs debug messages when debug mode is enabled
- *
- * @param message - The debug message to log
- */ const logDebug = a => {
-  if (!t.config.debug) return;
-  console.log(`[BEEQ ScrollLock] ${a}`);
-};
-
-/**
- * Applies or removes scroll lock CSS class
- *
- * @param shouldLock - Whether to apply or remove the scroll lock class
- */ const toggleScrollLockClass = a => {
-  const r = a ? "add" : "remove";
-  document.body.classList[r](t.config.bodyClassName);
-};
-
-/**
- * Configure the scroll lock behavior
- *
- * @param config - Partial configuration object to override defaults
- */ const configureScrollLock = a => {
-  t.config = {
-    ...t.config,
-    ...a
-  };
-};
-
-/**
- * Gets current scroll lock count
- */ const getScrollLockCount = () => t.lockCount;
-
-/**
- * Check if body scroll is currently locked
- */ const isBodyScrollLocked = () => t.lockCount > 0;
-
-/**
- * Locks body scroll with reference counting
- * Multiple calls require the same number of unlockBodyScroll() calls
- */ const lockBodyScroll = () => {
-  if (!q()) return;
-  t.lockCount++;
-  // Only apply lock on first request
-    if (t.lockCount !== 1) return;
-  toggleScrollLockClass(true);
-  logDebug(`Body scroll locked (count: ${t.lockCount})`);
-};
-
-/**
- * Unlocks body scroll with reference counting
- * Safe to call even when not locked
- */ const unlockBodyScroll = () => {
-  if (!q()) return;
-  if (t.lockCount === 0) return;
-  t.lockCount = Math.max(0, t.lockCount - 1);
-  // Only remove lock when all requests are cleared
-    if (t.lockCount !== 0) return;
-  toggleScrollLockClass(false);
-  logDebug(`Body scroll unlocked (count: ${t.lockCount})`);
-};
-
-/**
- * Force unlock all body scroll locks (cleanup utility)
- * Useful for cleanup scenarios or error recovery
- */ const forceUnlockAllBodyScroll = () => {
-  if (!q()) return;
-  if (t.lockCount === 0) return;
-  t.lockCount = 0;
-  toggleScrollLockClass(false);
-  logDebug("All body scroll locks forcefully removed");
-};
-
-const bqPanelCss = () => `.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bq-panel,.shadow-\\[shadow\\:--bq-panel--box-shadow\\]{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.fixed{position:fixed}.z-\\[--bq-panel-z-index\\]{z-index:var(--bq-panel-z-index)}.block{display:block}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.rounded-\\[--bq-panel--border-radius\\]{border-radius:var(--bq-panel--border-radius)}.border-\\[length\\:--bq-panel--border-width\\]{border-width:var(--bq-panel--border-width)}.border-\\[color\\:--bq-panel--border-color\\]{border-color:var(--bq-panel--border-color)}.bg-\\[--bq-panel--background\\]{background-color:var(--bq-panel--background)}.pe-\\[--bq-panel--padding-end\\]{padding-inline-end:var(--bq-panel--padding-end)}.ps-\\[--bq-panel--padding-start\\]{padding-inline-start:var(--bq-panel--padding-start)}.shadow-\\[shadow\\:--bq-panel--box-shadow\\]{--tw-shadow:var(--bq-panel--box-shadow);--tw-shadow-colored:var(--bq-panel--box-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.is-\\[--bq-panel--width\\]{inline-size:var(--bq-panel--width)}.max-bs-\\[--bq-panel--height\\]{max-block-size:var(--bq-panel--height)}.p-b-\\[--bq-panel--paddingY\\]{padding-block:var(--bq-panel--paddingY)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-panel--background:var(--bq-ui--primary);--bq-panel--border-color:transparent;--bq-panel--border-radius:var(--bq-radius--s);--bq-panel--border-style:none;--bq-panel--border-width:unset;--bq-panel--box-shadow:var(--bq-box-shadow--m);--bq-panel--paddingY:var(--bq-spacing-xs);--bq-panel--padding-start:var(--bq-spacing-xs);--bq-panel--padding-end:var(--bq-spacing-xs);--bq-panel--height:50vh;--bq-panel--width:320px;--bq-panel-z-index:10;display:block}.bq-panel{--tw-shadow:var(--bq-panel--box-shadow);--tw-shadow-colored:var(--bq-panel--box-shadow);-webkit-animation:fade-in .3s ease 0s;animation:fade-in .3s ease 0s;background-color:var(--bq-panel--background);border-color:var(--bq-panel--border-color);border-radius:var(--bq-panel--border-radius);border-style:var(--bq-panel--border-style);border-width:var(--bq-panel--border-width);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);inline-size:var(--bq-panel--width);max-block-size:var(--bq-panel--height);overflow-x:hidden;overflow-y:auto;padding-block:var(--bq-panel--paddingY);padding-inline-end:var(--bq-panel--padding-end);padding-inline-start:var(--bq-panel--padding-start);position:fixed;z-index:var(--bq-panel-z-index)}.visible{visibility:visible}.static{position:static}.relative{position:relative}.hidden{display:none}`;
-
-const i =  a(class a extends r {
-  constructor(a) {
-    super();
-    if (a !== false) {
-      this.__registerHost();
-    }
-    this.__attachShadow();
-  }
-  // Own Properties
-  // ====================
-  panel;
-  floatingUI;
-  trigger;
-  get el() {
-    return this;
-  }
-  // State() variables
-  // Inlined decorator, alphabetical order
-  // =======================================
-  // Public Property API
-  // ========================
-  /** If true, the panel will not lock the page body scroll when open. */
-  disableScrollLock=false;
-  /** Represents the distance (gutter or margin) between the panel and the trigger element. */
-  distance=4;
-  /** Position of the panel */
-  placement="bottom-start";
-  /** If true, the panel will be visible. */
-  open=false;
-  /** Whether the panel should have the same width as the trigger element */
-  sameWidth=false;
-  /**  Represents the skidding between the panel and the trigger element. */
-  skidding=0;
-  /** Defines the strategy to position the panel */
-  strategy="fixed";
-  // Prop lifecycle events
-  // =======================
-  handleOpenChange() {
-    if (!this.open) {
-      this.hidePanel();
-      return;
-    }
-    this.showPanel();
-  }
-  onPropChange() {
-    if (!q()) return;
-    this.floatingUI?.init({
-      ...this.options
-    });
-  }
-  // Events section
-  // Requires JSDocs for public API documentation
-  // ==============================================
-  // Component lifecycle events
-  // Ordered by their natural call order
-  // =====================================
-  componentDidLoad() {
-    if (!q()) return;
-    // We need to find the trigger element from the parent to position the panel relative to it.
-        const a = this.el.parentElement.querySelector('div[part="trigger"]');
-    if (!a) return;
-    this.trigger = {
-      getBoundingClientRect: () => a.getBoundingClientRect(),
-      contextElement: a
-    };
-    this.floatingUI = new n(this.trigger, this.panel, {
-      ...this.options
-    });
-    this.handleOpenChange();
-  }
-  disconnectedCallback() {
-    if (!q()) return;
-    this.floatingUI?.destroy();
-    // Ensure scroll lock is removed if the component is disconnected while the panel is open.
-        if (this.open && !this.disableScrollLock) {
-      unlockBodyScroll();
-    }
-  }
-  // Listeners
-  // ==============
-  // Public methods API
-  // These methods are exposed on the host element.
-  // Always use two lines.
-  // Public Methods must be async.
-  // Requires JSDocs for public API documentation.
-  // ===============================================
-  // Local methods
-  // Internal business logic.
-  // These methods cannot be called from the host element.
-  // =======================================================
-  showPanel() {
-    if (!q()) return;
-    this.floatingUI?.update();
-    // Lock the body scroll if the disableScrollLock prop is not true.
-        if (!this.disableScrollLock) {
-      lockBodyScroll();
-    }
-  }
-  async hidePanel() {
-    this.open = false;
-    // Unlock the body scroll if the disableScrollLock prop is not true.
-        if (q() && !this.disableScrollLock) {
-      unlockBodyScroll();
-    }
-  }
-  get options() {
-    return {
-      distance: this.distance,
-      placement: this.placement,
-      sameWidth: this.sameWidth,
-      skidding: this.skidding,
-      strategy: this.strategy
-    };
-  }
-  // render() function
-  // Always the last one in the class.
-  // ===================================
-  render() {
-    return e("div", {
-      "aria-hidden": !this.open ? "true" : "false",
-      class: "bq-panel",
-      hidden: !this.open,
-      part: "panel",
-      ref: a => {
-        this.panel = a;
-      },
-      children: e("slot", {}, "e900bcff03aa19148ff1c0d1d60eb356583a4d53")
-    }, "e4b7d1853683ef38b0118f456ee661ad955e53b8");
-  }
-  static get watchers() {
-    return {
-      open: [ {
-        handleOpenChange: 0
-      } ],
-      distance: [ {
-        onPropChange: 0
-      } ],
-      placement: [ {
-        onPropChange: 0
-      } ],
-      sameWidth: [ {
-        onPropChange: 0
-      } ],
-      skidding: [ {
-        onPropChange: 0
-      } ],
-      strategy: [ {
-        onPropChange: 0
-      } ]
-    };
-  }
-  static get style() {
-    return bqPanelCss();
-  }
-}, [ 769, "bq-panel", {
-  disableScrollLock: [ 516, "disable-scroll-lock" ],
-  distance: [ 514 ],
-  placement: [ 513 ],
-  open: [ 1540 ],
-  sameWidth: [ 516, "same-width" ],
-  skidding: [ 514 ],
-  strategy: [ 513 ]
-}, undefined, {
-  open: [ {
-    handleOpenChange: 0
-  } ],
-  distance: [ {
-    onPropChange: 0
-  } ],
-  placement: [ {
-    onPropChange: 0
-  } ],
-  sameWidth: [ {
-    onPropChange: 0
-  } ],
-  skidding: [ {
-    onPropChange: 0
-  } ],
-  strategy: [ {
-    onPropChange: 0
-  } ]
-} ]);
-
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const a = [ "bq-panel" ];
-  a.forEach((a => {
-    switch (a) {
-     case "bq-panel":
-      if (!customElements.get(b(a))) {
-        customElements.define(b(a), i);
-      }
-      break;
-    }
-  }));
-}
-
-export { i as B, configureScrollLock as c, defineCustomElement as d, forceUnlockAllBodyScroll as f, getScrollLockCount as g, isBodyScrollLocked as i, lockBodyScroll as l, unlockBodyScroll as u };
-//# sourceMappingURL=p-qOL6hl5s.js.map
-//# sourceMappingURL=p-qOL6hl5s.js.map

package/dist/components/p-qOL6hl5s.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["state","lockCount","config","debug","bodyClassName","logDebug","message","console","log","toggleScrollLockClass","shouldLock","action","document","body","classList","configureScrollLock","getScrollLockCount","isBodyScrollLocked","lockBodyScroll","isClient","unlockBodyScroll","Math","max","forceUnlockAllBodyScroll","bqPanelCss","BqPanel","__stencil_proxyCustomElement","HTMLElement","panel","floatingUI","trigger","disableScrollLock","distance","placement","open","sameWidth","skidding","strategy","handleOpenChange","this","hidePanel","showPanel","onPropChange","init","options","componentDidLoad","parentTrigger","el","parentElement","querySelector","getBoundingClientRect","contextElement","FloatingUI","disconnectedCallback","destroy","update","render","_jsx","class","hidden","part","ref","children"],"sources":["../../packages/beeq/src/shared/utils/scrollLock.ts","../../packages/beeq/src/components/panel/scss/bq-panel.scss?tag=bq-panel&encapsulation=shadow","../../packages/beeq/src/components/panel/bq-panel.tsx"],"sourcesContent":["import { isClient } from './isClient';\n\ninterface ScrollLockConfig {\n  /** Enable debug logging */\n  debug?: boolean;\n  /** CSS class name to apply to body when locked */\n  bodyClassName?: string;\n}\n\n/**\n * Global state for scroll lock management\n */\nconst state = {\n  lockCount: 0, // The lockCount tracks how many components or floating overlays currently need the scroll to be locked.\n  config: {\n    debug: false,\n    bodyClassName: 'bq-body--scroll-lock',\n  } as Required<ScrollLockConfig>,\n};\n\n/**\n * Logs debug messages when debug mode is enabled\n *\n * @param message - The debug message to log\n */\nconst logDebug = (message: string): void => {\n  if (!state.config.debug) return;\n\n  console.log(`[BEEQ ScrollLock] ${message}`);\n};\n\n/**\n * Applies or removes scroll lock CSS class\n *\n * @param shouldLock - Whether to apply or remove the scroll lock class\n */\nconst toggleScrollLockClass = (shouldLock: boolean): void => {\n  const action = shouldLock ? 'add' : 'remove';\n  document.body.classList[action](state.config.bodyClassName);\n};\n\n/**\n * Configure the scroll lock behavior\n *\n * @param config - Partial configuration object to override defaults\n */\nexport const configureScrollLock = (config: Partial<ScrollLockConfig>): void => {\n  state.config = { ...state.config, ...config };\n};\n\n/**\n * Gets current scroll lock count\n */\nexport const getScrollLockCount = (): number => {\n  return state.lockCount;\n};\n\n/**\n * Check if body scroll is currently locked\n */\nexport const isBodyScrollLocked = (): boolean => {\n  return state.lockCount > 0;\n};\n\n/**\n * Locks body scroll with reference counting\n * Multiple calls require the same number of unlockBodyScroll() calls\n */\nexport const lockBodyScroll = (): void => {\n  if (!isClient()) return;\n\n  state.lockCount++;\n\n  // Only apply lock on first request\n  if (state.lockCount !== 1) return;\n\n  toggleScrollLockClass(true);\n  logDebug(`Body scroll locked (count: ${state.lockCount})`);\n};\n\n/**\n * Unlocks body scroll with reference counting\n * Safe to call even when not locked\n */\nexport const unlockBodyScroll = (): void => {\n  if (!isClient()) return;\n  if (state.lockCount === 0) return;\n\n  state.lockCount = Math.max(0, state.lockCount - 1);\n\n  // Only remove lock when all requests are cleared\n  if (state.lockCount !== 0) return;\n\n  toggleScrollLockClass(false);\n  logDebug(`Body scroll unlocked (count: ${state.lockCount})`);\n};\n\n/**\n * Force unlock all body scroll locks (cleanup utility)\n * Useful for cleanup scenarios or error recovery\n */\nexport const forceUnlockAllBodyScroll = (): void => {\n  if (!isClient()) return;\n  if (state.lockCount === 0) return;\n\n  state.lockCount = 0;\n  toggleScrollLockClass(false);\n  logDebug('All body scroll locks forcefully removed');\n};\n","/* -------------------------------------------------------------------------- */\n/*                                Panel styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-panel.variables';\n\n:host {\n  @apply block;\n}\n\n.bq-panel {\n  @include animation-fade-in;\n  @apply fixed z-[--bq-panel-z-index] overflow-y-auto overflow-x-hidden is-[--bq-panel--width] max-bs-[--bq-panel--height];\n  @apply rounded-[--bq-panel--border-radius] bg-[--bq-panel--background] shadow-[shadow:--bq-panel--box-shadow];\n  @apply pe-[--bq-panel--padding-end] ps-[--bq-panel--padding-start] p-b-[--bq-panel--paddingY];\n  @apply border-[length:--bq-panel--border-width] border-[color:--bq-panel--border-color];\n\n  border-style: var(--bq-panel--border-style);\n}\n","import type { ReferenceElement } from '@floating-ui/dom';\nimport { Component, Element, Prop, Watch } from '@stencil/core';\n\nimport type { Placement } from '../../services/interfaces';\nimport { FloatingUI } from '../../services/libraries';\nimport { isClient, lockBodyScroll, unlockBodyScroll } from '../../shared/utils';\n\n/**\n * The Panel component is a versatile and essential element used to wrap and display content in a floating panel.\n *\n * @example How to use it\n * ```html\n * <bq-panel open>\n *   <div>Panel content</div>\n * </bq-panel>\n * ```\n *\n * @status stable\n *\n * @attr {number} distance - Represents the distance (gutter or margin) between the panel and the trigger element.\n * @attr {\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"right-start\" | \"right-end\"} placement - Position of the panel.\n * @attr {boolean} open - If true, the panel will be visible.\n * @attr {boolean} same-width - Whether the panel should have the same width as the trigger element.\n * @attr {number} skidding - Represents the skidding between the panel and the trigger element.\n * @attr {\"fixed\" | \"absolute\"} strategy - Defines the strategy to position the panel.\n *\n * @slot - The content of the panel.\n *\n * @part panel - The `<div>` element used to display and style the panel\n *\n * @prop --bq-panel--background - Panel background color\n * @prop --bq-panel--border-color - Panel border color\n * @prop --bq-panel--border-radius - Panel border radius\n * @prop --bq-panel--border-style - Panel border style\n * @prop --bq-panel--border-width - Panel border width\n * @prop --bq-panel--box-shadow - Panel box shadow\n * @prop --bq-panel--padding - Panel padding\n * @prop --bq-panel--height - Panel height\n * @prop --bq-panel--width - Panel width\n * @prop --bq-panel-z-index - Panel z-index applied when opened\n */\n@Component({\n  tag: 'bq-panel',\n  styleUrl: './scss/bq-panel.scss',\n  shadow: true,\n})\nexport class BqPanel {\n  // Own Properties\n  // ====================\n\n  private panel: HTMLElement;\n  private floatingUI: FloatingUI;\n  private trigger: ReferenceElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqPanelElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** If true, the panel will not lock the page body scroll when open. */\n  @Prop({ reflect: true }) disableScrollLock?: boolean = false;\n\n  /** Represents the distance (gutter or margin) between the panel and the trigger element. */\n  @Prop({ reflect: true }) distance?: number = 4;\n\n  /** Position of the panel */\n  @Prop({ reflect: true }) placement?: Placement = 'bottom-start';\n\n  /** If true, the panel will be visible. */\n  @Prop({ reflect: true, mutable: true }) open?: boolean = false;\n\n  /** Whether the panel should have the same width as the trigger element */\n  @Prop({ reflect: true }) sameWidth?: boolean = false;\n\n  /**  Represents the skidding between the panel and the trigger element. */\n  @Prop({ reflect: true }) skidding?: number = 0;\n\n  /** Defines the strategy to position the panel */\n  @Prop({ reflect: true }) strategy?: 'fixed' | 'absolute' = 'fixed';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('open')\n  handleOpenChange() {\n    if (!this.open) {\n      this.hidePanel();\n      return;\n    }\n\n    this.showPanel();\n  }\n\n  @Watch('distance')\n  @Watch('placement')\n  @Watch('sameWidth')\n  @Watch('skidding')\n  @Watch('strategy')\n  onPropChange() {\n    if (!isClient()) return;\n\n    this.floatingUI?.init({ ...this.options });\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    if (!isClient()) return;\n\n    // We need to find the trigger element from the parent to position the panel relative to it.\n    const parentTrigger = this.el.parentElement.querySelector('div[part=\"trigger\"]');\n\n    if (!parentTrigger) return;\n\n    this.trigger = {\n      getBoundingClientRect: () => parentTrigger.getBoundingClientRect(),\n      contextElement: parentTrigger,\n    };\n\n    this.floatingUI = new FloatingUI(this.trigger, this.panel, { ...this.options });\n    this.handleOpenChange();\n  }\n\n  disconnectedCallback() {\n    if (!isClient()) return;\n\n    this.floatingUI?.destroy();\n\n    // Ensure scroll lock is removed if the component is disconnected while the panel is open.\n    if (this.open && !this.disableScrollLock) {\n      unlockBodyScroll();\n    }\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private showPanel() {\n    if (!isClient()) return;\n\n    this.floatingUI?.update();\n\n    // Lock the body scroll if the disableScrollLock prop is not true.\n    if (!this.disableScrollLock) {\n      lockBodyScroll();\n    }\n  }\n\n  private async hidePanel() {\n    this.open = false;\n\n    // Unlock the body scroll if the disableScrollLock prop is not true.\n    if (isClient() && !this.disableScrollLock) {\n      unlockBodyScroll();\n    }\n  }\n\n  private get options() {\n    return {\n      distance: this.distance,\n      placement: this.placement,\n      sameWidth: this.sameWidth,\n      skidding: this.skidding,\n      strategy: this.strategy,\n    };\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div\n        aria-hidden={!this.open ? 'true' : 'false'}\n        class=\"bq-panel\"\n        hidden={!this.open}\n        part=\"panel\"\n        ref={(el) => {\n          this.panel = el;\n        }}\n      >\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;;;GAYA,OAAMA,IAAQ;EACZC,WAAW;;EACXC,QAAQ;IACNC,OAAO;IACPC,eAAe;;;;;;;;GASnB,OAAMC,WAAYC;EAChB,KAAKN,EAAME,OAAOC,OAAO;EAEzBI,QAAQC,IAAI,qBAAqBF;AAAU;;;;;;GAQ7C,OAAMG,wBAAyBC;EAC7B,MAAMC,IAASD,IAAa,QAAQ;EACpCE,SAASC,KAAKC,UAAUH,GAAQX,EAAME,OAAOE;AAAc;;;;;;GAQhD,OAAAW,sBAAuBb;EAClCF,EAAME,SAAS;OAAKF,EAAME;OAAWA;;AAAQ;;;;GAMxC,OAAMc,qBAAqB,MACzBhB,EAAMC;;;;GAMR,OAAMgB,qBAAqB,MACzBjB,EAAMC,YAAY;;;;;GAOpB,OAAMiB,iBAAiB;EAC5B,KAAKC,KAAY;EAEjBnB,EAAMC;;IAGN,IAAID,EAAMC,cAAc,GAAG;EAE3BQ,sBAAsB;EACtBJ,SAAS,8BAA8BL,EAAMC;AAAa;;;;;GAOrD,OAAMmB,mBAAmB;EAC9B,KAAKD,KAAY;EACjB,IAAInB,EAAMC,cAAc,GAAG;EAE3BD,EAAMC,YAAYoB,KAAKC,IAAI,GAAGtB,EAAMC,YAAY;;IAGhD,IAAID,EAAMC,cAAc,GAAG;EAE3BQ,sBAAsB;EACtBJ,SAAS,gCAAgCL,EAAMC;AAAa;;;;;GAOvD,OAAMsB,2BAA2B;EACtC,KAAKJ,KAAY;EACjB,IAAInB,EAAMC,cAAc,GAAG;EAE3BD,EAAMC,YAAY;EAClBQ,sBAAsB;EACtBJ,SAAS;AAA2C;;AC3GtD,MAAMmB,aAAa,MAAM;;MC8CZC,KAAOC,EAAA,MAAAD,UAAAE;;;;;;;;;;EAIVC;EACAC;EACAC;;;;;;;;;;EAeiBC,kBAA8B;;EAG9BC,SAAoB;;EAGpBC,UAAwB;;EAGTC,KAAiB;;EAGhCC,UAAsB;;EAGtBC,SAAoB;;EAGpBC,SAAkC;;;EAM3D,gBAAAC;IACE,KAAKC,KAAKL,MAAM;MACdK,KAAKC;MACL;;IAGFD,KAAKE;;EAQP,YAAAC;IACE,KAAKvB,KAAY;IAEjBoB,KAAKV,YAAYc,KAAK;SAAKJ,KAAKK;;;;;;;;;EAWlC,gBAAAC;IACE,KAAK1B,KAAY;;QAGjB,MAAM2B,IAAgBP,KAAKQ,GAAGC,cAAcC,cAAc;IAE1D,KAAKH,GAAe;IAEpBP,KAAKT,UAAU;MACboB,uBAAuB,MAAMJ,EAAcI;MAC3CC,gBAAgBL;;IAGlBP,KAAKV,aAAa,IAAIuB,EAAWb,KAAKT,SAASS,KAAKX,OAAO;SAAKW,KAAKK;;IACrEL,KAAKD;;EAGP,oBAAAe;IACE,KAAKlC,KAAY;IAEjBoB,KAAKV,YAAYyB;;QAGjB,IAAIf,KAAKL,SAASK,KAAKR,mBAAmB;MACxCX;;;;;;;;;;;;;;;EAmBI,SAAAqB;IACN,KAAKtB,KAAY;IAEjBoB,KAAKV,YAAY0B;;QAGjB,KAAKhB,KAAKR,mBAAmB;MAC3Bb;;;EAII,eAAMsB;IACZD,KAAKL,OAAO;;QAGZ,IAAIf,QAAeoB,KAAKR,mBAAmB;MACzCX;;;EAIJ,WAAYwB;IACV,OAAO;MACLZ,UAAUO,KAAKP;MACfC,WAAWM,KAAKN;MAChBE,WAAWI,KAAKJ;MAChBC,UAAUG,KAAKH;MACfC,UAAUE,KAAKF;;;;;;EAQnB,MAAAmB;IACE,OACEC,EAAA;MAAA,gBACgBlB,KAAKL,OAAO,SAAS;MACnCwB,OAAM;MACNC,SAASpB,KAAKL;MACd0B,MAAK;MACLC,KAAMd;QACJR,KAAKX,QAAQmB;AAAE;MAGjBe,UAAAL,EAAA;OACI","ignoreList":[]}

package/dist/esm/app-globals-BtYhUEAn.js

@@ -1,10 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-const globalScripts = () => {};
-
-export { globalScripts as g };
-//# sourceMappingURL=app-globals-BtYhUEAn.js.map
-
-//# sourceMappingURL=app-globals-BtYhUEAn.js.map

package/dist/esm/app-globals-BtYhUEAn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-globals-BtYhUEAn.js","sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\nexport const globalStyles = \"\";\n"],"names":[],"mappings":";;;;AAAY,MAAC,aAAa,GAAG,MAAM;;;;"}

package/dist/esm/index-C33fRBEf.js

@@ -1,151 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-/*
- Stencil Client Platform v4.41.3 | MIT Licensed | https://stenciljs.com
- */
-
-var isComplexType = (o) => {
-  o = typeof o;
-  return o === "object" || o === "function";
-};
-
-// src/runtime/vdom/h.ts
-var h = (nodeName, vnodeData, ...children) => {
-  if (typeof nodeName === "string") {
-    nodeName = transformTag(nodeName);
-  }
-  let child = null;
-  let key = null;
-  let simple = false;
-  let lastSimple = false;
-  const vNodeChildren = [];
-  const walk = (c) => {
-    for (let i2 = 0; i2 < c.length; i2++) {
-      child = c[i2];
-      if (Array.isArray(child)) {
-        walk(child);
-      } else if (child != null && typeof child !== "boolean") {
-        if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
-          child = String(child);
-        }
-        if (simple && lastSimple) {
-          vNodeChildren[vNodeChildren.length - 1].$text$ += child;
-        } else {
-          vNodeChildren.push(simple ? newVNode(null, child) : child);
-        }
-        lastSimple = simple;
-      }
-    }
-  };
-  walk(children);
-  if (vnodeData) {
-    if (vnodeData.key) {
-      key = vnodeData.key;
-    }
-    {
-      const classData = vnodeData.className || vnodeData.class;
-      if (classData) {
-        vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
-      }
-    }
-  }
-  if (typeof nodeName === "function") {
-    return nodeName(
-      vnodeData === null ? {} : vnodeData,
-      vNodeChildren,
-      vdomFnUtils
-    );
-  }
-  const vnode = newVNode(nodeName, null);
-  vnode.$attrs$ = vnodeData;
-  if (vNodeChildren.length > 0) {
-    vnode.$children$ = vNodeChildren;
-  }
-  {
-    vnode.$key$ = key;
-  }
-  return vnode;
-};
-var newVNode = (tag, text) => {
-  const vnode = {
-    $flags$: 0,
-    $tag$: tag,
-    // Normalize undefined to null to prevent rendering "undefined" as text
-    $text$: text != null ? text : null,
-    $elm$: null,
-    $children$: null
-  };
-  {
-    vnode.$attrs$ = null;
-  }
-  {
-    vnode.$key$ = null;
-  }
-  return vnode;
-};
-var vdomFnUtils = {
-  forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
-  map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
-};
-var convertToPublic = (node) => ({
-  vattrs: node.$attrs$,
-  vchildren: node.$children$,
-  vkey: node.$key$,
-  vname: node.$name$,
-  vtag: node.$tag$,
-  vtext: node.$text$
-});
-var convertToPrivate = (node) => {
-  if (typeof node.vtag === "function") {
-    const vnodeData = { ...node.vattrs };
-    if (node.vkey) {
-      vnodeData.key = node.vkey;
-    }
-    if (node.vname) {
-      vnodeData.name = node.vname;
-    }
-    return h(node.vtag, vnodeData, ...node.vchildren || []);
-  }
-  const vnode = newVNode(node.vtag, node.vtext);
-  vnode.$attrs$ = node.vattrs;
-  vnode.$children$ = node.vchildren;
-  vnode.$key$ = node.vkey;
-  vnode.$name$ = node.vname;
-  return vnode;
-};
-function transformTag(tag) {
-  return tag;
-}
-
-// src/runtime/vdom/jsx-runtime.ts
-function jsx(type, props, key) {
-  const propsObj = props || {};
-  const { children, ...rest } = propsObj;
-  let vnodeData = rest;
-  if (key !== void 0 && !("key" in rest)) {
-    vnodeData = { ...rest, key };
-  }
-  if (vnodeData && Object.keys(vnodeData).length === 0) {
-    vnodeData = null;
-  }
-  if (children !== void 0) {
-    if (Array.isArray(children)) {
-      return h(type, vnodeData, ...children);
-    }
-    if (typeof children === "object" && children !== null && "$flags$" in children) {
-      return h(type, vnodeData, children);
-    }
-    return h(type, vnodeData, children);
-  }
-  return h(type, vnodeData);
-}
-function jsxs(type, props, key) {
-  return jsx(type, props, key);
-}
-
-export { jsx as a, jsxs as j };
-//# sourceMappingURL=index-C33fRBEf.js.map
-
-//# sourceMappingURL=index-C33fRBEf.js.map