@beeq/core 1.2.0 → 1.3.0

package/dist/beeq/p-17d8cc6f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["bqOptionCss","BqOptionStyle0","BqOption","this","onBlur","event","disabled","preventDefault","stopPropagation","bqBlur","emit","el","onFocus","bqFocus","onClick","bqClick","onSlotChange","hasPrefix","hasSlotContent","prefixElem","handleSuffixSlotChange","hasSuffix","suffixElem","onKeyDown","key","bqEnter","render","h","class","active","selected","role","tabindex","part","ref","elem","name","onSlotchange"],"sources":["../../packages/beeq/src/components/option/scss/bq-option.scss?tag=bq-option&encapsulation=shadow","../../packages/beeq/src/components/option/bq-option.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Option styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-option.variables';\n\n:host {\n  @apply block;\n}\n\n.bq-option {\n  @apply flex w-full cursor-pointer items-center text-[length:--bq-option--font-size];\n  @apply py-[--bq-option--paddingY] pe-[--bq-option--padding-end] ps-[--bq-option--padding-start];\n  @apply rounded-[--bq-option--border-radius] bg-[--bq-option--background] shadow-[shadow:--bq-option--box-shadow];\n  @apply border-[length:--bq-option--border-width] border-[color:--bq-option--border-color];\n  // Transition\n  @apply transition-colors duration-150 ease-in-out;\n  // Focus\n  @apply [&:not(.disabled)]:focus-visible:focus;\n  // Hover\n  @apply [&:not(.disabled)]:hover:bg-hover-ui-secondary;\n  // Active\n  @apply [&.active:not(.disabled)]:bg-ui-brand-alt [&.active:not(.disabled)]:text-text-brand;\n  // Disabled\n  @apply [&.disabled]:cursor-not-allowed [&.disabled]:opacity-60;\n\n  border-style: var(--bq-option--border-style);\n}\n\n.bq-option__label {\n  @apply inline-block flex-auto overflow-hidden text-ellipsis whitespace-nowrap;\n  @apply pe-[--bq-option-label--padding-end] ps-[--bq-option-label--padding-start];\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, State } from '@stencil/core';\n\nimport { hasSlotContent } from '../../shared/utils';\n\n/**\n * @part base - The component's internal wrapper.\n * @part label - The `span` element in which the label text is displayed.\n * @part prefix - The `span` element in which the prefix is displayed (generally `bq-icon`).\n * @part suffix - The `span` element in which the suffix is displayed (generally `bq-icon`).\n */\n@Component({\n  tag: 'bq-option',\n  styleUrl: './scss/bq-option.scss',\n  shadow: true,\n})\nexport class BqOption {\n  // Own Properties\n  // ====================\n\n  private prefixElem: HTMLElement;\n  private suffixElem: HTMLElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqOptionElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() hasPrefix: boolean = false;\n  @State() hasSuffix: boolean = false;\n\n  // Public Property API\n  // ========================\n\n  /** If true, the option is disabled. */\n  @Prop({ reflect: true }) disabled?: boolean = false;\n\n  /** A string representing the value of the option. Can be used to identify the item */\n  @Prop({ reflect: true }) value?: string;\n\n  /** If true, the option is selected and active. */\n  @Prop({ reflect: true }) selected: boolean = false;\n\n  // Prop lifecycle events\n  // =======================\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when item loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqOptionElement>;\n\n  /** Handler to be called when item is focused */\n  @Event() bqFocus: EventEmitter<HTMLBqOptionElement>;\n\n  /** Handler to be called when item is clicked */\n  @Event() bqClick: EventEmitter<HTMLBqOptionElement>;\n\n  /** Handler to be called on enter key press */\n  @Event() bqEnter: EventEmitter<HTMLBqOptionElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  // Listeners\n  // ==============\n\n  @Listen('keydown')\n  onKeyDown(event: KeyboardEvent) {\n    if (event.key !== 'Enter') return;\n    this.bqEnter.emit(this.el);\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 onBlur = (event: Event) => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.bqBlur.emit(this.el);\n  };\n\n  private onFocus = (event: Event) => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.bqFocus.emit(this.el);\n  };\n\n  private onClick = (event: Event) => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.bqClick.emit(this.el);\n  };\n\n  private onSlotChange = () => {\n    this.hasPrefix = hasSlotContent(this.prefixElem, 'prefix');\n  };\n\n  private handleSuffixSlotChange = () => {\n    this.hasSuffix = hasSlotContent(this.suffixElem, 'suffix');\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div\n        class={{\n          'bq-option': true,\n          disabled: this.disabled,\n          active: !this.disabled && this.selected,\n        }}\n        role=\"option\"\n        aria-selected={this.selected}\n        aria-disabled={this.disabled}\n        tabindex={this.disabled ? '-1' : '0'}\n        onBlur={this.onBlur}\n        onFocus={this.onFocus}\n        onClick={this.onClick}\n        part=\"base\"\n      >\n        <span\n          class={{\n            'bq-option__prefix me-[--bq-option--gap-start] flex items-center': true,\n            '!hidden': !this.hasPrefix,\n          }}\n          ref={(elem) => (this.prefixElem = elem)}\n          part=\"prefix\"\n        >\n          <slot name=\"prefix\" onSlotchange={this.onSlotChange} />\n        </span>\n        <span class=\"bq-option__label\" part=\"label\">\n          <slot />\n        </span>\n        <span\n          class={{\n            'bq-option__suffix ml-auto ms-[--bq-option--gap-end] flex items-center': true,\n            '!hidden': !this.hasSuffix,\n          }}\n          ref={(elem) => (this.suffixElem = elem)}\n          part=\"suffix\"\n        >\n          <slot name=\"suffix\" onSlotchange={this.handleSuffixSlotChange} />\n        </span>\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;qHAAA,MAAMA,EAAc,y9tBACpB,MAAAC,EAAeD,E,MCcFE,EAAQ,M,2JA2EXC,KAAAC,OAAUC,IAChB,GAAIF,KAAKG,SAAU,CACjBD,EAAME,iBACNF,EAAMG,kBACN,M,CAGFL,KAAKM,OAAOC,KAAKP,KAAKQ,GAAG,EAGnBR,KAAAS,QAAWP,IACjB,GAAIF,KAAKG,SAAU,CACjBD,EAAME,iBACNF,EAAMG,kBACN,M,CAGFL,KAAKU,QAAQH,KAAKP,KAAKQ,GAAG,EAGpBR,KAAAW,QAAWT,IACjB,GAAIF,KAAKG,SAAU,CACjBD,EAAME,iBACNF,EAAMG,kBACN,M,CAGFL,KAAKY,QAAQL,KAAKP,KAAKQ,GAAG,EAGpBR,KAAAa,aAAe,KACrBb,KAAKc,UAAYC,EAAef,KAAKgB,WAAY,SAAS,EAGpDhB,KAAAiB,uBAAyB,KAC/BjB,KAAKkB,UAAYH,EAAef,KAAKmB,WAAY,SAAS,E,eA9F9B,M,eACA,M,cAMgB,M,mCAMD,K,CA6B7C,SAAAC,CAAUlB,GACR,GAAIA,EAAMmB,MAAQ,QAAS,OAC3BrB,KAAKsB,QAAQf,KAAKP,KAAKQ,G,CAyDzB,MAAAe,GACE,OACEC,EAAA,OAAAH,IAAA,2CACEI,MAAO,CACL,YAAa,KACbtB,SAAUH,KAAKG,SACfuB,QAAS1B,KAAKG,UAAYH,KAAK2B,UAEjCC,KAAK,SAAQ,gBACE5B,KAAK2B,SAAQ,gBACb3B,KAAKG,SACpB0B,SAAU7B,KAAKG,SAAW,KAAO,IACjCF,OAAQD,KAAKC,OACbQ,QAAST,KAAKS,QACdE,QAASX,KAAKW,QACdmB,KAAK,QAELN,EAAA,QAAAH,IAAA,2CACEI,MAAO,CACL,kEAAmE,KACnE,WAAYzB,KAAKc,WAEnBiB,IAAMC,GAAUhC,KAAKgB,WAAagB,EAClCF,KAAK,UAELN,EAAA,QAAAH,IAAA,2CAAMY,KAAK,SAASC,aAAclC,KAAKa,gBAEzCW,EAAA,QAAAH,IAAA,2CAAMI,MAAM,mBAAmBK,KAAK,SAClCN,EAAA,QAAAH,IAAA,8CAEFG,EAAA,QAAAH,IAAA,2CACEI,MAAO,CACL,wEAAyE,KACzE,WAAYzB,KAAKkB,WAEnBa,IAAMC,GAAUhC,KAAKmB,WAAaa,EAClCF,KAAK,UAELN,EAAA,QAAAH,IAAA,2CAAMY,KAAK,SAASC,aAAclC,KAAKiB,0B"}

package/dist/beeq/p-1d4af402.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["bqTooltipCss","BqTooltipStyle0","BqTooltip","this","handleTriggerMouseOver","displayOn","show","handleTriggerMouseLeave","hide","handleTriggerOnClick","visible","showTooltip","panel","_a","floatingUI","update","hideTooltip","handleVisibleChange","alwaysVisible","handleFloatingUIOptionsChange","init","placement","strategy","componentDidLoad","FloatingUI","trigger","hideArrow","arrow","distance","sameWidth","skidding","disconnectedCallback","destroy","handleDocumentMouseDown","event","path","composedPath","includes","el","isHidden","render","h","key","class","part","onMouseOver","onMouseLeave","onClick","ref","name","hidden","role"],"sources":["../../packages/beeq/src/components/tooltip/scss/bq-tooltip.scss?tag=bq-tooltip&encapsulation=shadow","../../packages/beeq/src/components/tooltip/bq-tooltip.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                               Tooltip styles                               */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-tooltip.variables';\n\n.bq-tooltip--panel {\n  @include animation-fade-in;\n  @apply pointer-events-none absolute z-[--bq-tooltip--z-index] box-border bg-[var(--bq-tooltip--background-color)];\n  @apply w-[var(--bq-tooltip--width)] max-w-[var(--bq-tooltip--max-width)] px-[var(--bq-tooltip--paddingX)] py-[var(--bq-tooltip--paddingY)];\n  @apply text-[length:var(--bq-tooltip--font-size)] leading-[var(--bq-tooltip--line-height)] text-[color:var(--bq-tooltip--text-color)];\n  @apply rounded-[var(--bq-tooltip--border-radius)] border-[length:var(--bq-tooltip--border-width)] border-[color:var(--bq-tooltip--border-color)];\n  @apply shadow-[shadow:var(--bq-tooltip--box-shadow)];\n}\n\n.bq-tooltip--arrow {\n  &,\n  &::before {\n    @apply absolute -z-[1] h-2 w-2;\n  }\n\n  &::before {\n    @apply left-0 top-0 rotate-45 bg-[var(--bq-tooltip--background-color)] content-empty;\n  }\n}\n","import { Component, Element, h, Listen, Method, Prop, Watch } from '@stencil/core';\n\nimport { FloatingUIPlacement } from '../../services/interfaces';\nimport { FloatingUI } from '../../services/libraries';\n\n/**\n * @part base - The component wrapper container inside the shadow DOM\n * @part trigger - The `<div>` container that holds the element which displays tooltip on hover\n * @part panel - The `<div>` container that holds the tooltip content\n */\n@Component({\n  tag: 'bq-tooltip',\n  styleUrl: './scss/bq-tooltip.scss',\n  shadow: true,\n})\nexport class BqTooltip {\n  // Own Properties\n  // ====================\n  private trigger: HTMLElement;\n  private panel: HTMLElement;\n  private arrow: HTMLElement;\n  private floatingUI: FloatingUI;\n\n  // Reference to host HTML element\n  // ===================================\n  @Element() el!: HTMLBqTooltipElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** If true, the tooltip will always be visible */\n  @Prop() alwaysVisible?: boolean = false;\n\n  /** Distance between trigger element and tooltip */\n  @Prop({ reflect: true }) distance?: number = 10;\n\n  /** If true, the arrow on the tooltip content won't be shown */\n  @Prop({ reflect: true }) hideArrow?: boolean = false;\n\n  /* Defines the position of the tooltip */\n  @Prop({ reflect: true }) placement?: FloatingUIPlacement = 'top';\n\n  /** Whether the tooltip should have the same width as the trigger element\n   * (applicable only for content shorter than the trigger element) */\n  @Prop({ reflect: true }) sameWidth?: boolean = false;\n\n  /** Set the action when the tooltip should be displayed, on hover (default) or click */\n  @Prop({ reflect: true }) displayOn: 'click' | 'hover' = 'hover';\n\n  /**\n   * Indicates whether or not the tooltip is visible when the component is first rendered,\n   * and when interacting with the trigger\n   */\n  @Prop({ reflect: true, mutable: true }) visible? = false;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('visible')\n  async handleVisibleChange() {\n    if (!this.visible && !this.alwaysVisible) {\n      return await this.hide();\n    }\n\n    await this.show();\n  }\n\n  @Watch('distance')\n  @Watch('hideArrow')\n  @Watch('placement')\n  @Watch('sameWidth')\n  handleFloatingUIOptionsChange() {\n    this.floatingUI.init({\n      placement: this.placement,\n      strategy: 'fixed',\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    this.floatingUI = new FloatingUI(this.trigger, this.panel, {\n      ...(!this.hideArrow && { arrow: this.arrow }),\n      placement: this.placement,\n      distance: this.distance,\n      sameWidth: this.sameWidth,\n      strategy: 'fixed',\n      skidding: 0,\n    });\n  }\n\n  disconnectedCallback() {\n    this.floatingUI?.destroy();\n  }\n  // Listeners\n  // ==============\n\n  @Listen('mousedown', { target: 'document' })\n  async handleDocumentMouseDown(event: MouseEvent) {\n    // Close when clicking outside of the close element\n    const path = event.composedPath();\n    if (!path.includes(this.el)) {\n      await this.hide();\n    }\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  /** Shows the tooltip */\n  @Method()\n  async show() {\n    this.visible = true;\n    this.showTooltip();\n  }\n\n  /** Hides the tooltip */\n  @Method()\n  async hide() {\n    if (this.alwaysVisible) return;\n\n    this.visible = false;\n    this.hideTooltip();\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleTriggerMouseOver = () => {\n    (async () => {\n      if (this.displayOn !== 'hover') return;\n      await this.show();\n    })();\n  };\n\n  private handleTriggerMouseLeave = () => {\n    (async () => {\n      if (this.displayOn !== 'hover') return;\n      await this.hide();\n    })();\n  };\n\n  private handleTriggerOnClick = () => {\n    (async () => {\n      if (this.displayOn !== 'click') return;\n      await (this.visible ? this.hide() : this.show());\n    })();\n  };\n\n  private showTooltip = () => {\n    if (!this.panel) return;\n    this.floatingUI?.update();\n  };\n\n  private hideTooltip = () => {\n    if (!this.panel) return;\n    this.visible = false;\n  };\n\n  private get isHidden() {\n    return !this.visible && !this.alwaysVisible;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div class=\"bq-tooltip relative\" part=\"base\">\n        {/* TRIGGER */}\n        <div\n          class=\"bq-tooltip--trigger flex\"\n          onMouseOver={this.handleTriggerMouseOver}\n          onMouseLeave={this.handleTriggerMouseLeave}\n          onClick={this.handleTriggerOnClick}\n          ref={(el) => (this.trigger = el)}\n          part=\"trigger\"\n        >\n          <slot name=\"trigger\" />\n        </div>\n        {/* PANEL */}\n        <div\n          class=\"bq-tooltip--panel\"\n          aria-hidden={this.isHidden}\n          hidden={this.isHidden}\n          role=\"tooltip\"\n          ref={(el) => (this.panel = el)}\n          part=\"panel\"\n        >\n          {!this.hideArrow && <div class=\"bq-tooltip--arrow\" ref={(el) => (this.arrow = el)} />}\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;sFAAA,MAAMA,EAAe,qstBACrB,MAAAC,EAAeD,E,MCcFE,EAAS,M,yBAgIZC,KAAAC,uBAAyB,KAC/B,WACE,GAAID,KAAKE,YAAc,QAAS,aAC1BF,KAAKG,MACZ,EAHD,EAGI,EAGEH,KAAAI,wBAA0B,KAChC,WACE,GAAIJ,KAAKE,YAAc,QAAS,aAC1BF,KAAKK,MACZ,EAHD,EAGI,EAGEL,KAAAM,qBAAuB,KAC7B,WACE,GAAIN,KAAKE,YAAc,QAAS,aACzBF,KAAKO,QAAUP,KAAKK,OAASL,KAAKG,OAC1C,EAHD,EAGI,EAGEH,KAAAQ,YAAc,K,MACpB,IAAKR,KAAKS,MAAO,QACjBC,EAAAV,KAAKW,cAAU,MAAAD,SAAA,SAAAA,EAAEE,QAAQ,EAGnBZ,KAAAa,YAAc,KACpB,IAAKb,KAAKS,MAAO,OACjBT,KAAKO,QAAU,KAAK,E,mBAxIY,M,cAGW,G,eAGE,M,eAGY,M,eAIZ,M,eAGS,Q,aAML,K,CAMnD,yBAAMO,GACJ,IAAKd,KAAKO,UAAYP,KAAKe,cAAe,CACxC,aAAaf,KAAKK,M,OAGdL,KAAKG,M,CAOb,6BAAAa,GACEhB,KAAKW,WAAWM,KAAK,CACnBC,UAAWlB,KAAKkB,UAChBC,SAAU,S,CAWd,gBAAAC,GACEpB,KAAKW,WAAa,IAAIU,EAAWrB,KAAKsB,QAAStB,KAAKS,MAAO,KACpDT,KAAKuB,WAAa,CAAEC,MAAOxB,KAAKwB,OACrCN,UAAWlB,KAAKkB,UAChBO,SAAUzB,KAAKyB,SACfC,UAAW1B,KAAK0B,UAChBP,SAAU,QACVQ,SAAU,G,CAId,oBAAAC,G,OACElB,EAAAV,KAAKW,cAAU,MAAAD,SAAA,SAAAA,EAAEmB,S,CAMnB,6BAAMC,CAAwBC,GAE5B,MAAMC,EAAOD,EAAME,eACnB,IAAKD,EAAKE,SAASlC,KAAKmC,IAAK,OACrBnC,KAAKK,M,EAaf,UAAMF,GACJH,KAAKO,QAAU,KACfP,KAAKQ,a,CAKP,UAAMH,GACJ,GAAIL,KAAKe,cAAe,OAExBf,KAAKO,QAAU,MACfP,KAAKa,a,CAuCP,YAAYuB,GACV,OAAQpC,KAAKO,UAAYP,KAAKe,a,CAOhC,MAAAsB,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sBAAsBC,KAAK,QAEpCH,EAAA,OAAAC,IAAA,2CACEC,MAAM,2BACNE,YAAa1C,KAAKC,uBAClB0C,aAAc3C,KAAKI,wBACnBwC,QAAS5C,KAAKM,qBACduC,IAAMV,GAAQnC,KAAKsB,QAAUa,EAC7BM,KAAK,WAELH,EAAA,QAAAC,IAAA,2CAAMO,KAAK,aAGbR,EAAA,OAAAC,IAAA,2CACEC,MAAM,oBAAmB,cACZxC,KAAKoC,SAClBW,OAAQ/C,KAAKoC,SACbY,KAAK,UACLH,IAAMV,GAAQnC,KAAKS,MAAQ0B,EAC3BM,KAAK,UAEHzC,KAAKuB,WAAae,EAAA,OAAKE,MAAM,oBAAoBK,IAAMV,GAAQnC,KAAKwB,MAAQW,IAC9EG,EAAA,QAAAC,IAAA,8C"}

package/dist/beeq/p-4d6f76f5.entry.js

@@ -1,6 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import{r as a,c as r,h as b,g as e}from"./p-4f1011b6.js";import"./p-da31e531.js";import{i as q}from"./p-57621be1.js";const n='::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{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);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;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}}: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}.beeq.light,.light,:root,[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--alt:var(--bq-neutral-50);--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--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--alt:var(--bq-white);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--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--alt:var(--bq-neutral-50);--bq-ui--secondary:var(--bq-neutral-200);--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--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}.beeq.dark,.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--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--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-900);--bq-stroke--alt:var(--bq-neutral-1000);--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--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--alt:var(--bq-white);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--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--alt:var(--bq-neutral-950);--bq-ui--secondary:var(--bq-neutral-800);--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--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}.endava,[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,[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--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-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--alt:var(--bq-neutral-50);--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--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--alt:var(--bq-white);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--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--alt:var(--bq-neutral-50);--bq-ui--secondary:var(--bq-neutral-200);--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--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--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--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--alt:var(--bq-neutral-1000);--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--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--alt:var(--bq-neutral-white);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--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--alt:var(--bq-neutral-950);--bq-ui--secondary:var(--bq-neutral-800);--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--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}.relative{position:relative}.inline-block{display:inline-block}@-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{display:inline-block;position:relative}.static{position:static}.fixed{position:fixed}.block{display:block}.hidden{display:none}';const t=n;let i=0;const o=class{constructor(b){a(this,b);this.bqOpen=r(this,"bqOpen",7);this.dropdownPanelId=`bq-dropdown-panel-${++i}`;this.togglePanel=()=>{var a;if(this.disabled||((a=this.triggerElem)===null||a===void 0?void 0:a.hasAttribute("disabled")))return;this.open=!this.open};this.disabled=false;this.distance=4;this.keepOpenOnSelect=false;this.placement="bottom-start";this.open=false;this.panelHeight=undefined;this.sameWidth=false;this.skidding=0;this.strategy="fixed"}onOpenChange(){this.bqOpen.emit({open:this.open})}handleDisabledChange(){var a,r;if(!this.triggerElem)return;this.disabled?(a=this.triggerElem)===null||a===void 0?void 0:a.setAttribute("disabled","true"):(r=this.triggerElem)===null||r===void 0?void 0:r.removeAttribute("disabled")}componentDidLoad(){this.triggerElem=this.el.querySelector('[slot="trigger"]');this.handleDisabledChange()}onClickOutside(a){if(!this.open)return;const r=a.composedPath();if(!r.includes(this.el)){this.open=false}}onEscape(a){if(!this.open)return;if(a.key==="Escape"||a.key==="Tab"&&!a.composedPath().includes(this.el)){this.open=false}}onItemSelect(){if(this.keepOpenOnSelect)return;this.open=false}render(){const a={...this.panelHeight&&{"--bq-panel--height":this.panelHeight}};return b("div",{key:"cb12507f8c37a6d8391224f53b7722088a50f085",class:"bq-dropdown",part:"base"},b("div",{key:"c62a1abe9d922995c8661b41cdb5a5a4def57947",class:"bq-dropdown__trigger block","aria-controls":this.dropdownPanelId,"aria-haspopup":"true",onClick:this.togglePanel,part:"trigger"},b("slot",{key:"04ff0ee779309a2fb5520899b98058cf6b1fab5f",name:"trigger"})),b("bq-panel",{key:"c01f83c679f2718d8ec93f8fe3ef807c0ed5f88e",style:a,id:this.dropdownPanelId,class:"bq-dropdown__panel",distance:this.distance,placement:this.placement,open:this.open,sameWidth:this.sameWidth,skidding:this.skidding,strategy:this.strategy,role:"group",part:"dropdown",exportparts:"panel"},b("slot",{key:"df6362eb811053cef56ef2b0352762cb3f505f73"})))}get el(){return e(this)}static get watchers(){return{open:["onOpenChange"],disabled:["handleDisabledChange"]}}};o.style=t;const d='::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{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);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;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}}: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}.beeq.light,.light,:root,[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--alt:var(--bq-neutral-50);--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--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--alt:var(--bq-white);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--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--alt:var(--bq-neutral-50);--bq-ui--secondary:var(--bq-neutral-200);--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--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}.beeq.dark,.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--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--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-900);--bq-stroke--alt:var(--bq-neutral-1000);--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--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--alt:var(--bq-white);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--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--alt:var(--bq-neutral-950);--bq-ui--secondary:var(--bq-neutral-800);--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--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}.endava,[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,[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--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-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--alt:var(--bq-neutral-50);--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--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--alt:var(--bq-white);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--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--alt:var(--bq-neutral-50);--bq-ui--secondary:var(--bq-neutral-200);--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--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--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--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--alt:var(--bq-neutral-1000);--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--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--alt:var(--bq-neutral-white);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--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--alt:var(--bq-neutral-950);--bq-ui--secondary:var(--bq-neutral-800);--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--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}.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))}.block{display:block}@-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-option-group--gapY-list:var(--bq-spacing-xs);display:block}.static{position:static}.flex{display:flex}.flex-col{flex-direction:column}.gap-y-\\[--bq-option-group--gapY-list\\]{row-gap:var(--bq-option-group--gapY-list)}';const s=d;const l=class{constructor(b){a(this,b);this.bqSelect=r(this,"bqSelect",7);this.ariaLabel="Options"}componentDidLoad(){this.el.setAttribute("role","listbox")}onBqSelect(a){const{target:r}=a;if(q(r,"bq-option")){this.bqSelect.emit({item:r,value:r.value})}}render(){return b("div",{key:"abadddb4950d9385f59e439f773f0db53c16efa7",class:"bq-option__list flex flex-col gap-y-[--bq-option-group--gapY-list]",part:"base",role:"group","aria-label":this.ariaLabel},b("slot",{key:"12e3313f96fb2134606c2d0eb86bbcfc3f3c6554"}))}get el(){return e(this)}};l.style=s;export{o as bq_dropdown,l as bq_option_list};
-//# sourceMappingURL=p-4d6f76f5.entry.js.map

package/dist/beeq/p-4d6f76f5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["bqDropdownCss","BqDropdownStyle0","id","BqDropdown","this","dropdownPanelId","togglePanel","disabled","_a","triggerElem","hasAttribute","open","onOpenChange","bqOpen","emit","handleDisabledChange","setAttribute","_b","removeAttribute","componentDidLoad","el","querySelector","onClickOutside","event","path","composedPath","includes","onEscape","key","onItemSelect","keepOpenOnSelect","render","style","panelHeight","h","class","part","onClick","name","distance","placement","sameWidth","skidding","strategy","role","exportparts","bqOptionListCss","BqOptionListStyle0","BqOptionList","onBqSelect","target","item","isHTMLElement","bqSelect","value","ariaLabel"],"sources":["../../packages/beeq/src/components/dropdown/scss/bq-dropdown.scss?tag=bq-dropdown&encapsulation=shadow","../../packages/beeq/src/components/dropdown/bq-dropdown.tsx","../../packages/beeq/src/components/option-list/scss/bq-option-list.scss?tag=bq-option-list&encapsulation=shadow","../../packages/beeq/src/components/option-list/bq-option-list.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Dropdown styles                */\n/* -------------------------------------------------------------------------- */\n\n:host {\n  @apply relative inline-block;\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, Watch } from '@stencil/core';\n\nimport { FloatingUIPlacement } from '../../services/interfaces';\n\nlet id = 0;\n\n/**\n * @part base - The component's internal wrapper.\n * @part dropdown - The `<bq-panel>` element used under the hood to display the dropdown panel\n * @part panel - The `<div>` element used to display and style the panel inside the `<bq-panel>` element\n * @part trigger - The `<div>` element that hosts the trigger element\n */\n@Component({\n  tag: 'bq-dropdown',\n  styleUrl: './scss/bq-dropdown.scss',\n  shadow: true,\n})\nexport class BqDropdown {\n  // Own Properties\n  // ====================\n\n  private dropdownPanelId = `bq-dropdown-panel-${++id}`;\n  private triggerElem: HTMLElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqDropdownElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** If true, the dropdown panel will be visible and won't be shown. */\n  @Prop({ reflect: true }) disabled?: 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  /** If true, the panel will remain open after a selection is made. */\n  @Prop({ reflect: true }) keepOpenOnSelect?: boolean = false;\n\n  /** Position of the panel */\n  @Prop({ reflect: true }) placement?: FloatingUIPlacement = 'bottom-start';\n\n  /** If true, the panel will be visible. */\n  @Prop({ reflect: true, mutable: true }) open?: boolean = false;\n\n  /** When set, it will override the height of the dropdown panel */\n  @Prop({ reflect: true }) panelHeight?: string;\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  onOpenChange() {\n    this.bqOpen.emit({ open: this.open });\n  }\n\n  @Watch('disabled')\n  handleDisabledChange() {\n    if (!this.triggerElem) return;\n\n    // set 'disabled' attribute based on 'this.disabled' value, ensuring consistent state handling\n    this.disabled ? this.triggerElem?.setAttribute('disabled', 'true') : this.triggerElem?.removeAttribute('disabled');\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler to be called when the dropdown panel is opened or closed. */\n  @Event() bqOpen: EventEmitter<{ open: boolean }>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    this.triggerElem = this.el.querySelector('[slot=\"trigger\"]');\n    this.handleDisabledChange();\n  }\n\n  // Listeners\n  // ==============\n\n  /** Listens for the 'click' event on the document object\n   * and closes the dropdown panel if the click is outside the component.\n   */\n  @Listen('click', { target: 'document', passive: true })\n  onClickOutside(event: MouseEvent) {\n    if (!this.open) return;\n\n    // Close when clicking outside of the close element\n    const path = event.composedPath();\n    if (!path.includes(this.el)) {\n      this.open = false;\n    }\n  }\n\n  /**\n   * Listens for the 'keyup' event on the window object\n   * and closes the dropdown panel if the 'Escape' key or 'Tab' key outside the component is pressed.\n   */\n  @Listen('keyup', { target: 'window', passive: true })\n  onEscape(event: KeyboardEvent) {\n    if (!this.open) return;\n\n    if (event.key === 'Escape' || (event.key === 'Tab' && !event.composedPath().includes(this.el))) {\n      this.open = false;\n    }\n  }\n\n  @Listen('bqSelect', { passive: true })\n  onItemSelect() {\n    if (this.keepOpenOnSelect) return;\n\n    this.open = false;\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 togglePanel = (): void => {\n    // Don't toggle the panel if the component is disabled or the trigger element is disabled\n    if (this.disabled || this.triggerElem?.hasAttribute('disabled')) return;\n\n    this.open = !this.open;\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const style = {\n      ...(this.panelHeight && { '--bq-panel--height': this.panelHeight }),\n    };\n\n    return (\n      <div class=\"bq-dropdown\" part=\"base\">\n        {/* TRIGGER CONTAINER */}\n        <div\n          class=\"bq-dropdown__trigger block\"\n          aria-controls={this.dropdownPanelId}\n          aria-haspopup=\"true\"\n          onClick={this.togglePanel}\n          part=\"trigger\"\n        >\n          <slot name=\"trigger\" />\n        </div>\n        {/* PANEL */}\n        <bq-panel\n          style={style}\n          id={this.dropdownPanelId}\n          class=\"bq-dropdown__panel\"\n          distance={this.distance}\n          placement={this.placement}\n          open={this.open}\n          sameWidth={this.sameWidth}\n          skidding={this.skidding}\n          strategy={this.strategy}\n          role=\"group\"\n          part=\"dropdown\"\n          exportparts=\"panel\"\n        >\n          <slot />\n        </bq-panel>\n      </div>\n    );\n  }\n}\n","/* -------------------------------------------------------------------------- */\n/*                                Option list styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-option-list.variables';\n\n:host {\n  @apply block;\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop } from '@stencil/core';\n\nimport { isHTMLElement } from '../../shared/utils';\n\n/**\n * @part base - The component's internal wrapper.\n */\n@Component({\n  tag: 'bq-option-list',\n  styleUrl: './scss/bq-option-list.scss',\n  shadow: true,\n})\nexport class BqOptionList {\n  // Own Properties\n  // ====================\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqOptionListElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  // Prop lifecycle events\n  // =======================\n\n  /** Aria label for the list. */\n  @Prop({ reflect: true }) ariaLabel: string = 'Options';\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when `bq-option` is selected (on click/enter press). */\n  @Event() bqSelect: EventEmitter<{ value: string; item: HTMLBqOptionElement }>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    this.el.setAttribute('role', 'listbox');\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('bqClick', { passive: true })\n  @Listen('bqEnter', { passive: true })\n  onBqSelect(event: CustomEvent<HTMLElement>) {\n    const { target: item } = event;\n\n    if (isHTMLElement(item, 'bq-option')) {\n      this.bqSelect.emit({ item, value: item.value });\n    }\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  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div\n        class=\"bq-option__list flex flex-col gap-y-[--bq-option-group--gapY-list]\"\n        part=\"base\"\n        role=\"group\"\n        aria-label={this.ariaLabel}\n      >\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;qHAAA,MAAMA,EAAgB,+9kBACtB,MAAAC,EAAeD,ECGf,IAAIE,EAAK,E,MAaIC,EAAU,M,wDAIbC,KAAAC,gBAAkB,uBAAuBH,IA2HzCE,KAAAE,YAAc,K,MAEpB,GAAIF,KAAKG,YAAYC,EAAAJ,KAAKK,eAAW,MAAAD,SAAA,SAAAA,EAAEE,aAAa,aAAa,OAEjEN,KAAKO,MAAQP,KAAKO,IAAI,E,cA/GsB,M,cAGD,E,sBAGS,M,eAGK,e,UAGF,M,0CAMV,M,cAGF,E,cAGc,O,CAM3D,YAAAC,GACER,KAAKS,OAAOC,KAAK,CAAEH,KAAMP,KAAKO,M,CAIhC,oBAAAI,G,QACE,IAAKX,KAAKK,YAAa,OAGvBL,KAAKG,UAAWC,EAAAJ,KAAKK,eAAW,MAAAD,SAAA,SAAAA,EAAEQ,aAAa,WAAY,SAAUC,EAAAb,KAAKK,eAAW,MAAAQ,SAAA,SAAAA,EAAEC,gBAAgB,W,CAczG,gBAAAC,GACEf,KAAKK,YAAcL,KAAKgB,GAAGC,cAAc,oBACzCjB,KAAKW,sB,CAUP,cAAAO,CAAeC,GACb,IAAKnB,KAAKO,KAAM,OAGhB,MAAMa,EAAOD,EAAME,eACnB,IAAKD,EAAKE,SAAStB,KAAKgB,IAAK,CAC3BhB,KAAKO,KAAO,K,EAShB,QAAAgB,CAASJ,GACP,IAAKnB,KAAKO,KAAM,OAEhB,GAAIY,EAAMK,MAAQ,UAAaL,EAAMK,MAAQ,QAAUL,EAAME,eAAeC,SAAStB,KAAKgB,IAAM,CAC9FhB,KAAKO,KAAO,K,EAKhB,YAAAkB,GACE,GAAIzB,KAAK0B,iBAAkB,OAE3B1B,KAAKO,KAAO,K,CA0Bd,MAAAoB,GACE,MAAMC,EAAQ,IACR5B,KAAK6B,aAAe,CAAE,qBAAsB7B,KAAK6B,cAGvD,OACEC,EAAA,OAAAN,IAAA,2CAAKO,MAAM,cAAcC,KAAK,QAE5BF,EAAA,OAAAN,IAAA,2CACEO,MAAM,6BAA4B,gBACnB/B,KAAKC,gBAAe,gBACrB,OACdgC,QAASjC,KAAKE,YACd8B,KAAK,WAELF,EAAA,QAAAN,IAAA,2CAAMU,KAAK,aAGbJ,EAAA,YAAAN,IAAA,2CACEI,MAAOA,EACP9B,GAAIE,KAAKC,gBACT8B,MAAM,qBACNI,SAAUnC,KAAKmC,SACfC,UAAWpC,KAAKoC,UAChB7B,KAAMP,KAAKO,KACX8B,UAAWrC,KAAKqC,UAChBC,SAAUtC,KAAKsC,SACfC,SAAUvC,KAAKuC,SACfC,KAAK,QACLR,KAAK,WACLS,YAAY,SAEZX,EAAA,QAAAN,IAAA,8C,2HC3LV,MAAMkB,EAAkB,40lBACxB,MAAAC,EAAeD,E,MCWFE,EAAY,M,2EAoBsB,S,CAa7C,gBAAA7B,GACEf,KAAKgB,GAAGJ,aAAa,OAAQ,U,CAQ/B,UAAAiC,CAAW1B,GACT,MAAQ2B,OAAQC,GAAS5B,EAEzB,GAAI6B,EAAcD,EAAM,aAAc,CACpC/C,KAAKiD,SAASvC,KAAK,CAAEqC,OAAMG,MAAOH,EAAKG,O,EAoB3C,MAAAvB,GACE,OACEG,EAAA,OAAAN,IAAA,2CACEO,MAAM,qEACNC,KAAK,OACLQ,KAAK,QAAO,aACAxC,KAAKmD,WAEjBrB,EAAA,QAAAN,IAAA,6C"}

package/dist/beeq/p-4f1011b6.js

@@ -1,7 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-const t="beeq";const n={};let e;let s;let l=false;let o=false;let i=false;const c=(t,n="")=>{{return()=>{}}};const f=(t,n)=>{{return()=>{}}};const r="r";const u="o";const a="s";const d="t";const $="s-id";const v="sty-id";const h="c-id";const p="{visibility:hidden}.hydrated{visibility:inherit}";const y="slot-fb{display:contents}slot-fb[hidden]{display:none}";const m="http://www.w3.org/1999/xlink";const b={};const w="http://www.w3.org/2000/svg";const g="http://www.w3.org/1999/xhtml";const S=t=>t!=null;const j=t=>{t=typeof t;return t==="object"||t==="function"};function k(t){var n,e,s;return(s=(e=(n=t.head)===null||n===void 0?void 0:n.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&s!==void 0?s:undefined}const O=(t,n,...e)=>{let s=null;let l=null;let o=false;let i=false;const c=[];const f=n=>{for(let e=0;e<n.length;e++){s=n[e];if(Array.isArray(s)){f(s)}else if(s!=null&&typeof s!=="boolean"){if(o=typeof t!=="function"&&!j(s)){s=String(s)}if(o&&i){c[c.length-1].t+=s}else{c.push(o?x(null,s):s)}i=o}}};f(e);if(n){if(n.key){l=n.key}{const t=n.className||n.class;if(t){n.class=typeof t!=="object"?t:Object.keys(t).filter((n=>t[n])).join(" ")}}}if(typeof t==="function"){return t(n===null?{}:n,c,E)}const r=x(t,null);r.l=n;if(c.length>0){r.o=c}{r.i=l}return r};const x=(t,n)=>{const e={u:0,$:t,t:n,v:null,o:null};{e.l=null}{e.i=null}return e};const C={};const M=t=>t&&t.$===C;const E={forEach:(t,n)=>t.map(P).forEach(n),map:(t,n)=>t.map(P).map(n).map(A)};const P=t=>({vattrs:t.l,vchildren:t.o,vkey:t.i,vname:t.h,vtag:t.$,vtext:t.t});const A=t=>{if(typeof t.vtag==="function"){const n=Object.assign({},t.vattrs);if(t.vkey){n.key=t.vkey}if(t.vname){n.name=t.vname}return O(t.vtag,n,...t.vchildren||[])}const n=x(t.vtag,t.vtext);n.l=t.vattrs;n.o=t.vchildren;n.i=t.vkey;n.h=t.vname;return n};const I=(t,n,e,s)=>{const l=c("hydrateClient",n);const o=t.shadowRoot;const i=[];const f=[];const r=o?[]:null;const u=s.p=x(n,null);if(!Vt.m){L(Dt.body,Vt.m=new Map)}t[$]=e;t.removeAttribute($);U(u,i,f,r,t,t,e);i.map((t=>{const e=t.S+"."+t.j;const s=Vt.m.get(e);const l=t.v;if(s&&_t&&s["s-en"]===""){s.parentNode.insertBefore(l,s.nextSibling)}if(!o){l["s-hn"]=n;if(s){l["s-ol"]=s;l["s-ol"]["s-nr"]=l}}Vt.m.delete(e)}));if(o){r.map((t=>{if(t){o.appendChild(t)}}))}l()};const U=(t,n,e,s,l,o,i)=>{let c;let f;let u;let $;if(o.nodeType===1){c=o.getAttribute(h);if(c){f=c.split(".");if(f[0]===i||f[0]==="0"){u={u:0,S:f[0],j:f[1],k:f[2],O:f[3],$:o.tagName.toLowerCase(),v:o,l:null,o:null,i:null,h:null,t:null};n.push(u);o.removeAttribute(h);if(!t.o){t.o=[]}t.o[u.O]=u;t=u;if(s&&u.k==="0"){s[u.O]=u.v}}}for($=o.childNodes.length-1;$>=0;$--){U(t,n,e,s,l,o.childNodes[$],i)}if(o.shadowRoot){for($=o.shadowRoot.childNodes.length-1;$>=0;$--){U(t,n,e,s,l,o.shadowRoot.childNodes[$],i)}}}else if(o.nodeType===8){f=o.nodeValue.split(".");if(f[1]===i||f[1]==="0"){c=f[0];u={u:0,S:f[1],j:f[2],k:f[3],O:f[4],v:o,l:null,o:null,i:null,h:null,$:null,t:null};if(c===d){u.v=o.nextSibling;if(u.v&&u.v.nodeType===3){u.t=u.v.textContent;n.push(u);o.remove();if(!t.o){t.o=[]}t.o[u.O]=u;if(s&&u.k==="0"){s[u.O]=u.v}}}else if(u.S===i){if(c===a){u.$="slot";if(f[5]){o["s-sn"]=u.h=f[5]}else{o["s-sn"]=""}o["s-sr"]=true;if(s){u.v=Dt.createElement(u.$);if(u.h){u.v.setAttribute("name",u.h)}o.parentNode.insertBefore(u.v,o);o.remove();if(u.k==="0"){s[u.O]=u.v}}e.push(u);if(!t.o){t.o=[]}t.o[u.O]=u}else if(c===r){if(s){o.remove()}}}}}else if(t&&t.$==="style"){const n=x(null,o.textContent);n.v=o;n.O="0";t.o=[n]}};const L=(t,n)=>{if(t.nodeType===1){let e=0;for(;e<t.childNodes.length;e++){L(t.childNodes[e],n)}if(t.shadowRoot){for(e=0;e<t.shadowRoot.childNodes.length;e++){L(t.shadowRoot.childNodes[e],n)}}}else if(t.nodeType===8){const e=t.nodeValue.split(".");if(e[0]===u){n.set(e[1]+"."+e[2],t);t.nodeValue="";t["s-en"]=e[3]}}};const F=(t,n)=>{if(t!=null&&!j(t)){if(n&4){return t==="false"?false:t===""||!!t}if(n&2){return parseFloat(t)}if(n&1){return String(t)}return t}return t};const N=t=>It(t).$hostElement$;const R=(t,n,e)=>{const s=N(t);return{emit:t=>T(s,n,{bubbles:!!(e&4),composed:!!(e&2),cancelable:!!(e&1),detail:t})}};const T=(t,n,e)=>{const s=Vt.ce(n,e);t.dispatchEvent(s);return s};const W=new WeakMap;const q=(t,n,e)=>{let s=Wt.get(t);if(Gt&&e){s=s||new CSSStyleSheet;if(typeof s==="string"){s=n}else{s.replaceSync(n)}}else{s=n}Wt.set(t,s)};const D=(t,n,e)=>{var s;const l=V(n);const o=Wt.get(l);t=t.nodeType===11?t:Dt;if(o){if(typeof o==="string"){t=t.head||t;let e=W.get(t);let i;if(!e){W.set(t,e=new Set)}if(!e.has(l)){if(t.host&&(i=t.querySelector(`[${v}="${l}"]`))){i.innerHTML=o}else{i=Dt.createElement("style");i.innerHTML=o;const n=(s=Vt.C)!==null&&s!==void 0?s:k(Dt);if(n!=null){i.setAttribute("nonce",n)}t.insertBefore(i,t.querySelector("link"))}if(n.u&4){i.innerHTML+=y}if(e){e.add(l)}}}else if(!t.adoptedStyleSheets.includes(o)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,o]}}return l};const H=t=>{const n=t.M;const e=t.$hostElement$;const s=n.u;const l=c("attachStyles",n.P);const o=D(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);if(s&10){e["s-sc"]=o;e.classList.add(o+"-h")}l()};const V=(t,n)=>"sc-"+t.P;const _=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");const z=(t,n,e,s,l,o)=>{if(e!==s){let i=Ft(t,n);let c=n.toLowerCase();if(n==="class"){const n=t.classList;const l=G(e);const o=G(s);n.remove(...l.filter((t=>t&&!o.includes(t))));n.add(...o.filter((t=>t&&!l.includes(t))))}else if(n==="style"){{for(const n in e){if(!s||s[n]==null){if(n.includes("-")){t.style.removeProperty(n)}else{t.style[n]=""}}}}for(const n in s){if(!e||s[n]!==e[n]){if(n.includes("-")){t.style.setProperty(n,s[n])}else{t.style[n]=s[n]}}}}else if(n==="key");else if(n==="ref"){if(s){s(t)}}else if(!i&&n[0]==="o"&&n[1]==="n"){if(n[2]==="-"){n=n.slice(3)}else if(Ft(qt,c)){n=c.slice(2)}else{n=c[2]+n.slice(3)}if(e||s){const l=n.endsWith(J);n=n.replace(K,"");if(e){Vt.rel(t,n,e,l)}if(s){Vt.ael(t,n,s,l)}}}else{const f=j(s);if((i||f&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(n==="list"){i=false}else if(e==null||t[n]!=l){t[n]=l}}else{t[n]=s}}catch(t){}}let r=false;{if(c!==(c=c.replace(/^xlink\:?/,""))){n=c;r=true}}if(s==null||s===false){if(s!==false||t.getAttribute(n)===""){if(r){t.removeAttributeNS(m,n)}else{t.removeAttribute(n)}}}else if((!i||o&4||l)&&!f){s=s===true?"":s;if(r){t.setAttributeNS(m,n,s)}else{t.setAttribute(n,s)}}}}};const B=/\s/;const G=t=>!t?[]:t.split(B);const J="Capture";const K=new RegExp(J+"$");const Q=(t,n,e,s)=>{const l=n.v.nodeType===11&&n.v.host?n.v.host:n.v;const o=t&&t.l||b;const i=n.l||b;{for(s in o){if(!(s in i)){z(l,s,o[s],undefined,e,n.u)}}}for(s in i){z(l,s,o[s],i[s],e,n.u)}};const X=(t,n,l,i)=>{const c=n.o[l];let f=0;let r;let u;if(c.t!==null){r=c.v=Dt.createTextNode(c.t)}else{if(!o){o=c.$==="svg"}r=c.v=Dt.createElementNS(o?w:g,c.$);if(o&&c.$==="foreignObject"){o=false}{Q(null,c,o)}if(S(e)&&r["s-si"]!==e){r.classList.add(r["s-si"]=e)}if(c.o){for(f=0;f<c.o.length;++f){u=X(t,c,f);if(u){r.appendChild(u)}}}{if(c.$==="svg"){o=false}else if(r.tagName==="foreignObject"){o=true}}}r["s-hn"]=s;return r};const Y=t=>{Vt.u|=1;const n=t.closest(s.toLowerCase());if(n!=null){const e=Array.from(n.childNodes).find((t=>t["s-cr"]));const s=Array.from(t.childNodes);for(const t of e?s.reverse():s){if(t["s-sh"]!=null){n.insertBefore(t,e!==null&&e!==void 0?e:null);t["s-sh"]=undefined}}}Vt.u&=~1};const Z=(t,n,e,l,o,i)=>{let c=t;let f;if(c.shadowRoot&&c.tagName===s){c=c.shadowRoot}for(;o<=i;++o){if(l[o]){f=X(null,e,o);if(f){l[o].v=f;c.insertBefore(f,n)}}}};const tt=(t,n,e)=>{for(let s=n;s<=e;++s){const n=t[s];if(n){const t=n.v;lt(n);if(t){t.remove()}}}};const nt=(t,n,e,s,l=false)=>{let o=0;let i=0;let c=0;let f=0;let r=n.length-1;let u=n[0];let a=n[r];let d=s.length-1;let $=s[0];let v=s[d];let h;let p;while(o<=r&&i<=d){if(u==null){u=n[++o]}else if(a==null){a=n[--r]}else if($==null){$=s[++i]}else if(v==null){v=s[--d]}else if(et(u,$,l)){st(u,$,l);u=n[++o];$=s[++i]}else if(et(a,v,l)){st(a,v,l);a=n[--r];v=s[--d]}else if(et(u,v,l)){st(u,v,l);t.insertBefore(u.v,a.v.nextSibling);u=n[++o];v=s[--d]}else if(et(a,$,l)){st(a,$,l);t.insertBefore(a.v,u.v);a=n[--r];$=s[++i]}else{c=-1;{for(f=o;f<=r;++f){if(n[f]&&n[f].i!==null&&n[f].i===$.i){c=f;break}}}if(c>=0){p=n[c];if(p.$!==$.$){h=X(n&&n[i],e,c)}else{st(p,$,l);n[c]=undefined;h=p.v}$=s[++i]}else{h=X(n&&n[i],e,i);$=s[++i]}if(h){{u.v.parentNode.insertBefore(h,u.v)}}}}if(o>r){Z(t,s[d+1]==null?null:s[d+1].v,e,s,i,d)}else if(i>d){tt(n,o,r)}};const et=(t,n,e=false)=>{if(t.$===n.$){if(!e){return t.i===n.i}return true}return false};const st=(t,n,e=false)=>{const s=n.v=t.v;const i=t.o;const c=n.o;const f=n.$;const r=n.t;if(r===null){{o=f==="svg"?true:f==="foreignObject"?false:o}{if(f==="slot"&&!l){if(t.h!==n.h){n.v["s-sn"]=n.h||"";Y(n.v.parentElement)}}else{Q(t,n,o)}}if(i!==null&&c!==null){nt(s,i,n,c,e)}else if(c!==null){if(t.t!==null){s.textContent=""}Z(s,null,n,c,0,c.length-1)}else if(i!==null){tt(i,0,i.length-1)}if(o&&f==="svg"){o=false}}else if(t.t!==r){s.data=r}};const lt=t=>{{t.l&&t.l.ref&&t.l.ref(null);t.o&&t.o.map(lt)}};const ot=(t,n,o=false)=>{var i;const c=t.$hostElement$;const f=t.M;const r=t.p||x(null,null);const u=M(n)?n:O(null,null,n);s=c.tagName;if(f.A){u.l=u.l||{};f.A.map((([t,n])=>u.l[n]=c[t]))}if(o&&u.l){for(const t of Object.keys(u.l)){if(c.hasAttribute(t)&&!["key","ref","style","class"].includes(t)){u.l[t]=c[t]}}}u.$=null;u.u|=4;t.p=u;u.v=r.v=c.shadowRoot||c;{e=c["s-sc"]}l=(f.u&1)!==0;st(r,u,o);if(f.u&2){for(const t of u.v.childNodes){if(t["s-hn"]!==s&&!t["s-sh"]){if(o&&t["s-ih"]==null){t["s-ih"]=(i=t.hidden)!==null&&i!==void 0?i:false}t.hidden=true}}}};const it=(t,n)=>{if(n&&!t.I&&n["s-p"]){n["s-p"].push(new Promise((n=>t.I=n)))}};const ct=(t,n)=>{{t.u|=16}if(t.u&4){t.u|=512;return}it(t,t.U);const e=()=>ft(t,n);return tn(e)};const ft=(t,n)=>{const e=c("scheduleUpdate",t.M.P);const s=t.L;let l;if(n){{t.u|=256;if(t.F){t.F.map((([t,n])=>ht(s,t,n)));t.F=undefined}}{l=ht(s,"componentWillLoad")}}e();return rt(l,(()=>at(t,s,n)))};const rt=(t,n)=>ut(t)?t.then(n):n();const ut=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";const at=async(t,n,e)=>{var s;const l=t.$hostElement$;const o=c("update",t.M.P);const i=l["s-rc"];if(e){H(t)}const f=c("render",t.M.P);{dt(t,n,l,e)}if(i){i.map((t=>t()));l["s-rc"]=undefined}f();o();{const n=(s=l["s-p"])!==null&&s!==void 0?s:[];const e=()=>$t(t);if(n.length===0){e()}else{Promise.all(n).then(e);t.u|=4;n.length=0}}};const dt=(t,n,e,s)=>{try{n=n.render();{t.u&=~16}{t.u|=2}{{{ot(t,n,s)}}}}catch(n){Nt(n,t.$hostElement$)}return null};const $t=t=>{const n=t.M.P;const e=t.$hostElement$;const s=c("postUpdate",n);const l=t.L;const o=t.U;if(!(t.u&64)){t.u|=64;{pt(e)}{ht(l,"componentDidLoad")}s();{t.N(e);if(!o){vt()}}}else{{ht(l,"componentDidUpdate")}s()}{t.R(e)}{if(t.I){t.I();t.I=undefined}if(t.u&512){Zt((()=>ct(t,false)))}t.u&=~(4|512)}};const vt=n=>{{pt(Dt.documentElement)}Zt((()=>T(qt,"appload",{detail:{namespace:t}})))};const ht=(t,n,e)=>{if(t&&t[n]){try{return t[n](e)}catch(t){Nt(t)}}return undefined};const pt=t=>t.classList.add("hydrated");const yt=(t,n)=>It(t).T.get(n);const mt=(t,n,e,s)=>{const l=It(t);const o=l.$hostElement$;const i=l.T.get(n);const c=l.u;const f=l.L;e=F(e,s.W[n][0]);const r=Number.isNaN(i)&&Number.isNaN(e);const u=e!==i&&!r;if((!(c&8)||i===undefined)&&u){l.T.set(n,e);if(f){if(s.q&&c&128){const t=s.q[n];if(t){t.map((t=>{try{f[t](e,i,n)}catch(t){Nt(t,o)}}))}}if((c&(2|16))===2){ct(l,false)}}}};const bt=(t,n,e)=>{var s;const l=t.prototype;if(n.W){if(t.watchers){n.q=t.watchers}const o=Object.entries(n.W);o.map((([t,[s]])=>{if(s&31||e&2&&s&32){Object.defineProperty(l,t,{get(){return yt(this,t)},set(e){mt(this,t,e,n)},configurable:true,enumerable:true})}else if(e&1&&s&64){Object.defineProperty(l,t,{value(...n){var e;const s=It(this);return(e=s===null||s===void 0?void 0:s.D)===null||e===void 0?void 0:e.then((()=>{var e;return(e=s.L)===null||e===void 0?void 0:e[t](...n)}))}})}}));if(e&1){const e=new Map;l.attributeChangedCallback=function(t,s,o){Vt.jmp((()=>{var i;const c=e.get(t);if(this.hasOwnProperty(c)){o=this[c];delete this[c]}else if(l.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==o){return}else if(c==null){const e=It(this);const l=e===null||e===void 0?void 0:e.u;if(l&&!(l&8)&&l&128&&o!==s){const l=e.L;const c=(i=n.q)===null||i===void 0?void 0:i[t];c===null||c===void 0?void 0:c.forEach((n=>{if(l[n]!=null){l[n].call(l,o,s,t)}}))}return}this[c]=o===null&&typeof this[c]==="boolean"?false:o}))};t.observedAttributes=Array.from(new Set([...Object.keys((s=n.q)!==null&&s!==void 0?s:{}),...o.filter((([t,n])=>n[0]&15)).map((([t,s])=>{var l;const o=s[1]||t;e.set(o,t);if(s[0]&512){(l=n.A)===null||l===void 0?void 0:l.push([t,o])}return o}))]))}}return t};const wt=async(t,n,e,s)=>{let l;if((n.u&32)===0){n.u|=32;const s=e.H;if(s){l=Tt(e);if(l.then){const t=f();l=await l;t()}if(!l.isProxied){{e.q=l.watchers}bt(l,e,2);l.isProxied=true}const t=c("createInstance",e.P);{n.u|=8}try{new l(n)}catch(t){Nt(t)}{n.u&=~8}{n.u|=128}t()}else{l=t.constructor;customElements.whenDefined(e.P).then((()=>n.u|=128))}if(l.style){let t=l.style;const n=V(e);if(!Wt.has(n)){const s=c("registerStyles",e.P);q(n,t,!!(e.u&1));s()}}}const o=n.U;const i=()=>ct(n,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const gt=t=>{};const St=t=>{if((Vt.u&1)===0){const n=It(t);const e=n.M;const s=c("connectedCallback",e.P);if(!(n.u&1)){n.u|=1;let s;{s=t.getAttribute($);if(s){if(e.u&1){const n=D(t.shadowRoot,e);t.classList.remove(n+"-h",n+"-s")}I(t,e.P,s,n)}}{let e=t;while(e=e.parentNode||e.host){if(e.nodeType===1&&e.hasAttribute("s-id")&&e["s-p"]||e["s-p"]){it(n,n.U=e);break}}}if(e.W){Object.entries(e.W).map((([n,[e]])=>{if(e&31&&t.hasOwnProperty(n)){const e=t[n];delete t[n];t[n]=e}}))}{wt(t,n,e)}}else{xt(t,n,e.V);if(n===null||n===void 0?void 0:n.L);else if(n===null||n===void 0?void 0:n._){n._.then((()=>gt()))}}s()}};const jt=t=>{{ht(t,"disconnectedCallback")}};const kt=async t=>{if((Vt.u&1)===0){const n=It(t);{if(n.B){n.B.map((t=>t()));n.B=undefined}}if(n===null||n===void 0?void 0:n.L){jt(n.L)}else if(n===null||n===void 0?void 0:n._){n._.then((()=>jt(n.L)))}}};const Ot=(t,n={})=>{var e;const s=c();const l=[];const o=n.exclude||[];const i=qt.customElements;const f=Dt.head;const r=f.querySelector("meta[charset]");const u=Dt.createElement("style");const a=[];const d=Dt.querySelectorAll(`[${v}]`);let $;let h=true;let m=0;Object.assign(Vt,n);Vt.G=new URL(n.resourcesUrl||"./",Dt.baseURI).href;{Vt.u|=2}{for(;m<d.length;m++){q(d[m].getAttribute(v),_(d[m].innerHTML),true)}}let b=false;t.map((t=>{t[1].map((n=>{var e;const s={u:n[0],P:n[1],W:n[2],V:n[3]};if(s.u&4){b=true}{s.W=n[2]}{s.V=n[3]}{s.A=[]}{s.q=(e=n[4])!==null&&e!==void 0?e:{}}const c=s.P;const f=class extends HTMLElement{constructor(t){super(t);t=this;Lt(t,s);if(s.u&1){{{t.attachShadow({mode:"open",delegatesFocus:!!(s.u&16)})}}}}connectedCallback(){if($){clearTimeout($);$=null}if(h){a.push(this)}else{Vt.jmp((()=>St(this)))}}disconnectedCallback(){Vt.jmp((()=>kt(this)))}componentOnReady(){return It(this)._}};s.H=t[0];if(!o.includes(c)&&!i.get(c)){l.push(c);i.define(c,bt(f,s,1))}}))}));if(l.length>0){if(b){u.textContent+=y}{u.textContent+=l+p}if(u.innerHTML.length){u.setAttribute("data-styles","");const t=(e=Vt.C)!==null&&e!==void 0?e:k(Dt);if(t!=null){u.setAttribute("nonce",t)}f.insertBefore(u,r?r.nextSibling:f.firstChild)}}h=false;if(a.length){a.map((t=>t.connectedCallback()))}else{{Vt.jmp((()=>$=setTimeout(vt,30)))}}s()};const xt=(t,n,e,s)=>{if(e){e.map((([e,s,l])=>{const o=Mt(t,e);const i=Ct(n,l);const c=Et(e);Vt.ael(o,s,i,c);(n.B=n.B||[]).push((()=>Vt.rel(o,s,i,c)))}))}};const Ct=(t,n)=>e=>{try{{if(t.u&256){t.L[n](e)}else{(t.F=t.F||[]).push([n,e])}}}catch(t){Nt(t)}};const Mt=(t,n)=>{if(n&4)return Dt;if(n&8)return qt;if(n&16)return Dt.body;return t};const Et=t=>zt?{passive:(t&1)!==0,capture:(t&2)!==0}:(t&2)!==0;const Pt=t=>Vt.C=t;const At=new WeakMap;const It=t=>At.get(t);const Ut=(t,n)=>At.set(n.L=t,n);const Lt=(t,n)=>{const e={u:0,$hostElement$:t,M:n,T:new Map};{e.D=new Promise((t=>e.R=t))}{e._=new Promise((t=>e.N=t));t["s-p"]=[];t["s-rc"]=[]}xt(t,e,n.V);return At.set(t,e)};const Ft=(t,n)=>n in t;const Nt=(t,n)=>(0,console.error)(t,n);const Rt=new Map;const Tt=(t,n,e)=>{const s=t.P.replace(/-/g,"_");const l=t.H;const o=Rt.get(l);if(o){return o[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Rt.set(l,t)}return t[s]}),Nt)};const Wt=new Map;const qt=typeof window!=="undefined"?window:{};const Dt=qt.document||{head:{}};const Ht=qt.HTMLElement||class{};const Vt={u:0,G:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,s)=>t.addEventListener(n,e,s),rel:(t,n,e,s)=>t.removeEventListener(n,e,s),ce:(t,n)=>new CustomEvent(t,n)};const _t=true;const zt=(()=>{let t=false;try{Dt.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(t){}return t})();const Bt=t=>Promise.resolve(t);const Gt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Jt=[];const Kt=[];const Qt=(t,n)=>e=>{t.push(e);if(!i){i=true;if(n&&Vt.u&4){Zt(Yt)}else{Vt.raf(Yt)}}};const Xt=t=>{for(let n=0;n<t.length;n++){try{t[n](performance.now())}catch(t){Nt(t)}}t.length=0};const Yt=()=>{Xt(Jt);{Xt(Kt);if(i=Jt.length>0){Vt.raf(Yt)}}};const Zt=t=>Bt().then(t);const tn=Qt(Kt,true);export{n as E,Ht as H,C as a,Ot as b,R as c,N as g,O as h,Bt as p,Ut as r,Pt as s};
-//# sourceMappingURL=p-4f1011b6.js.map