@beeq/core 1.11.0 → 1.11.1

package/dist/beeq/p-7063e5c2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["STEP_ITEM_STATUS","bqStepItemCss","BqStepItem","size","status","type","checkPropValues","validatePropValue","STEPS_SIZE","this","el","handleIconPrefix","bqClick","bqFocus","bqBlur","connectedCallback","componentWillLoad","componentDidLoad","handleFocus","emit","handleBlur","handleClick","async","isDisabled","isCurrent","clickEvent","defaultPrevented","stepsParent","closest","setCurrentStepItem","iconElem","querySelector","isHTMLElement","render","h","key","class","disabled","onClick","onFocus","onBlur","part","name","onSlotchange"],"sources":["../../packages/beeq/src/components/step-item/bq-step-item.types.ts","../../packages/beeq/src/components/step-item/scss/bq-step-item.scss?tag=bq-step-item&encapsulation=shadow","../../packages/beeq/src/components/step-item/bq-step-item.tsx"],"sourcesContent":["export const STEP_ITEM_STATUS = ['default', 'current', 'completed', 'error', 'disabled'] as const;\nexport type TStepItemStatus = (typeof STEP_ITEM_STATUS)[number];\n","/* -------------------------------------------------------------------------- */\n/*                                Step item styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-step-item.variables';\n\n:host {\n  --bq-icon--color: theme(stroke.icon.primary);\n  // !Note: The use of the `bg-primary` is to avoid the divider to be visible behind the step item.\n  @apply bg-primary;\n}\n\n.bq-step-item {\n  @apply flex gap-s rounded-m border-none bg-transparent pe-[--bq-steps--gap] ps-0 p-b-xs2 focus-visible:focus hover:bg-hover-ui-secondary;\n  @apply transition-colors duration-300;\n}\n\n.bq-step-item__prefix.dot,\n.bq-step-item__prefix.icon {\n  ::slotted(bq-icon) {\n    --bq-icon--color: var(--bq-step-item--prefix-color);\n  }\n\n  &.current {\n    ::slotted(bq-icon) {\n      --bq-icon--color: var(--bq-step-item--prefix-color-current);\n    }\n  }\n\n  &.completed {\n    ::slotted(bq-icon) {\n      --bq-icon--color: var(--bq-step-item--prefix-color-completed);\n    }\n  }\n\n  &.error {\n    ::slotted(bq-icon) {\n      --bq-icon--color: var(--bq-step-item--prefix-color-error);\n    }\n  }\n\n  &.disabled {\n    ::slotted(bq-icon) {\n      opacity: 0.6;\n    }\n  }\n}\n\n.bq-step-item__prefix.numeric {\n  @apply flex items-center justify-center rounded-full;\n  @apply bg-[--bq-step-item--prefix-num-bg-color] bs-[--bq-step-item--prefix-num-size] is-[--bq-step-item--prefix-num-size];\n  @apply text-m font-semibold leading-regular text-primary;\n\n  &.small {\n    @apply text-s [--bq-step-item--prefix-num-size:--bq-spacing-l];\n  }\n\n  // Status\n\n  &.current {\n    @apply bg-[var(--bq-step-item--prefix-color-current)] text-alt;\n  }\n\n  &.completed {\n    @apply bg-ui-success-alt text-success;\n  }\n\n  &.error {\n    @apply bg-ui-danger-alt text-danger;\n  }\n\n  &.disabled {\n    @apply opacity-60;\n  }\n}\n\n.bq-step-item__content--description::slotted(*) {\n  @apply text-s leading-regular opacity-60;\n}\n","import { Component, Element, Event, h, Prop, Watch } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\nimport { STEP_ITEM_STATUS } from './bq-step-item.types';\nimport type { TStepItemStatus } from './bq-step-item.types';\nimport { isHTMLElement, validatePropValue } from '../../shared/utils';\nimport { STEPS_SIZE } from '../steps/bq-steps.types';\nimport type { TStepsSize, TStepsType } from '../steps/bq-steps.types';\n\n/**\n * The Step Item Component is a UI element used to display a single step or stage in a process or task.\n * It should be used inside the Steps component.\n *\n * @example How to use it\n * ```html\n * <bq-step-item status=\"completed\">\n *   <bq-icon slot=\"prefix\" name=\"check-circle\"></bq-icon>\n *   <span>Title</span>\n *   <span slot=\"description\">Description</span>\n * </bq-step-item>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/896b66-stepper\n * @status stable\n *\n * @attr {\"small\" | \"medium\"} size - It defines prefix size\n * @attr {\"completed\" | \"current\" | \"error\" | \"default\" | \"disabled\"} status - It defines step item appearance based on its status\n * @attr {\"numeric\" | \"icon\" | \"dot\"} type - It defines the step item type used\n *\n * @event bqClick - Callback handler emitted when the step item is clicked\n *\n * @slot - The step item content\n * @slot prefix - The step item prefix\n * @slot description - The step item description\n *\n * @part base - The component's base wrapper.\n * @part title - The component's title.\n * @part description - The component's description.\n *\n * @cssprop --bq-step-item--prefix-color - Color of the prefix icon\n * @cssprop --bq-step-item--prefix-color-current - Color of the prefix icon when current\n * @cssprop --bq-step-item--prefix-color-completed - Color of the prefix icon when completed\n * @cssprop --bq-step-item--prefix-color-error - Color of the prefix icon when error\n * @cssprop --bq-step-item--prefix-num-size - Size of the prefix number\n * @cssprop --bq-step-item--prefix-num-bg-color - Background color of the prefix number\n */\n@Component({\n  tag: 'bq-step-item',\n  styleUrl: './scss/bq-step-item.scss',\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqStepItem {\n  // Own Properties\n  // ====================\n\n  // Reference to host HTML element\n  // ===================================\n  @Element() el!: HTMLBqStepItemElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** It defines prefix size */\n  @Prop({ reflect: true }) size?: TStepsSize = 'medium';\n\n  /** It defines step item appearance based on its status */\n  @Prop({ reflect: true, mutable: true }) status?: TStepItemStatus = 'default';\n\n  /** It defines the step item type used */\n  @Prop({ reflect: true }) type?: TStepsType;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('size')\n  @Watch('status')\n  checkPropValues() {\n    validatePropValue(STEPS_SIZE, 'medium', this.el, 'size');\n    validatePropValue(STEP_ITEM_STATUS, 'default', this.el, 'status');\n\n    this.handleIconPrefix();\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler triggered when the step item is clicked */\n  @Event() bqClick: EventEmitter<HTMLBqStepItemElement>;\n\n  /** Callback handler triggered when the step item is focused */\n  @Event() bqFocus: EventEmitter<HTMLBqStepItemElement>;\n\n  /** Callback handler triggered when the step item loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqStepItemElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  connectedCallback() {\n    this.checkPropValues();\n  }\n\n  componentWillLoad() {\n    this.checkPropValues();\n  }\n\n  componentDidLoad() {\n    this.handleIconPrefix();\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 handleFocus = () => {\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleBlur = () => {\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleClick = async () => {\n    if (this.isDisabled || this.isCurrent) return;\n\n    const clickEvent = this.bqClick.emit(this.el);\n    if (clickEvent.defaultPrevented) return;\n\n    const stepsParent = this.el.closest('bq-steps') as HTMLBqStepsElement;\n    if (!stepsParent) return;\n\n    await stepsParent.setCurrentStepItem(this.el);\n  };\n\n  private handleIconPrefix = () => {\n    const iconElem = this.el.querySelector('[slot=\"prefix\"]');\n    if (!iconElem || !isHTMLElement(iconElem, 'bq-icon')) return;\n\n    iconElem.size = this.size === 'small' ? 24 : 32;\n  };\n\n  private get isDisabled(): boolean {\n    return this.status === 'disabled';\n  }\n\n  private get isCurrent(): boolean {\n    return this.status === 'current';\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <button\n        class={{\n          'bq-step-item': true,\n          [`bq-step-item--${this.status}`]: true,\n          'pointer-events-none opacity-60': this.isDisabled,\n        }}\n        disabled={this.isDisabled}\n        onClick={this.handleClick}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        type=\"button\"\n        part=\"base\"\n      >\n        <div class={`bq-step-item__prefix relative ${this.type} ${this.size} ${this.status}`}>\n          <slot name=\"prefix\" onSlotchange={this.handleIconPrefix} />\n        </div>\n        <div class=\"bq-step-item__content items-start text-start\">\n          {/* TITLE */}\n          <div\n            class={{\n              'bq-step-item__content--title pe-xs3 text-m leading-regular text-primary': true,\n              'pointer-events-none': this.isDisabled,\n              'text-brand': this.isCurrent,\n            }}\n            part=\"title\"\n          >\n            <slot />\n          </div>\n          {/* DESCRIPTION */}\n          <div\n            class={{\n              'bq-step-item__content--description text-s leading-regular text-secondary': true,\n              'opacity-60': this.isDisabled,\n            }}\n            part=\"description\"\n          >\n            <slot name=\"description\" />\n          </div>\n        </div>\n      </button>\n    );\n  }\n}\n"],"mappings":";;;;gKAAO,MAAMA,EAAmB,CAAC,UAAW,UAAW,YAAa,QAAS,YCA7E,MAAMC,EAAgB,wqxB,MCqDTC,EAAU,M,4IAgBIC,KAAoB,SAGLC,OAA2B,UAG1CC,KAOzB,eAAAC,GACEC,EAAkBC,EAAY,SAAUC,KAAKC,GAAI,QACjDH,EAAkBP,EAAkB,UAAWS,KAAKC,GAAI,UAExDD,KAAKE,kB,CAQEC,QAGAC,QAGAC,OAMT,iBAAAC,GACEN,KAAKH,iB,CAGP,iBAAAU,GACEP,KAAKH,iB,CAGP,gBAAAW,GACER,KAAKE,kB,CAkBCO,YAAc,KACpBT,KAAKI,QAAQM,KAAKV,KAAKC,GAAG,EAGpBU,WAAa,KACnBX,KAAKK,OAAOK,KAAKV,KAAKC,GAAG,EAGnBW,YAAcC,UACpB,GAAIb,KAAKc,YAAcd,KAAKe,UAAW,OAEvC,MAAMC,EAAahB,KAAKG,QAAQO,KAAKV,KAAKC,IAC1C,GAAIe,EAAWC,iBAAkB,OAEjC,MAAMC,EAAclB,KAAKC,GAAGkB,QAAQ,YACpC,IAAKD,EAAa,aAEZA,EAAYE,mBAAmBpB,KAAKC,GAAG,EAGvCC,iBAAmB,KACzB,MAAMmB,EAAWrB,KAAKC,GAAGqB,cAAc,mBACvC,IAAKD,IAAaE,EAAcF,EAAU,WAAY,OAEtDA,EAAS3B,KAAOM,KAAKN,OAAS,QAAU,GAAK,EAAE,EAGjD,cAAYoB,GACV,OAAOd,KAAKL,SAAW,U,CAGzB,aAAYoB,GACV,OAAOf,KAAKL,SAAW,S,CAOzB,MAAA6B,GACE,OACEC,EACE,UAAAC,IAAA,2CAAAC,MAAO,CACL,eAAgB,KAChB,CAAC,iBAAiB3B,KAAKL,UAAW,KAClC,iCAAkCK,KAAKc,YAEzCc,SAAU5B,KAAKc,WACfe,QAAS7B,KAAKY,YACdkB,QAAS9B,KAAKS,YACdsB,OAAQ/B,KAAKW,WACbf,KAAK,SACLoC,KAAK,QAELP,EAAA,OAAAC,IAAA,2CAAKC,MAAO,iCAAiC3B,KAAKJ,QAAQI,KAAKN,QAAQM,KAAKL,UAC1E8B,EAAM,QAAAC,IAAA,2CAAAO,KAAK,SAASC,aAAclC,KAAKE,oBAEzCuB,EAAK,OAAAC,IAAA,2CAAAC,MAAM,gDAETF,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,0EAA2E,KAC3E,sBAAuB3B,KAAKc,WAC5B,aAAcd,KAAKe,WAErBiB,KAAK,SAELP,EAAA,QAAAC,IAAA,8CAGFD,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,2EAA4E,KAC5E,aAAc3B,KAAKc,YAErBkB,KAAK,eAELP,EAAM,QAAAC,IAAA,2CAAAO,KAAK,kB","ignoreList":[]}

package/dist/beeq/p-78be94d2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["RADIO_GROUP_ORIENTATION","bqRadioGroupCss","KEY_MAP","ArrowDown","ArrowRight","ArrowUp","ArrowLeft","BqRadioGroup","initialValue","debouncedBqChange","focusedBqRadio","radioElementsSet","Set","cachedRadioElements","internals","checkedRadio","tabIndex","backgroundOnHover","debounceTime","disabled","fieldset","name","orientation","required","requiredValidationMessage","value","handleDebounceTimeChange","MIN_DEBOUNCE_TIME","normalizedDebounceTime","Math","max","this","cancel","debounce","event","bqChange","emit","handleDisabledChange","updateRadioTabIndexes","handleGroupProperties","updateRadioProperties","checkPropValues","validatePropValue","el","handleRequiredChange","updateFormValidity","handleValueChange","newCheckedRadio","find","radio","target","undefined","bqBlur","componentWillLoad","setFormValue","updateCustomStates","disconnectedCallback","formAssociatedCallback","formResetCallback","onBqClick","isEventTargetChildOfElement","detail","requestAnimationFrame","defaultPrevented","updateRadioSelection","onBqKeyDown","direction","key","focusRadioInputSibling","onBqFocus","shouldStopPropagation","isDefined","stopPropagation","onBqBlur","isNil","initializeRadioElements","clear","querySelectorAll","forEach","add","Array","from","length","focusableRadio","checked","vFocus","forceDisabled","currentTarget","currentIndex","indexOf","nextElement","getNextElement","async","states","setValidity","firstRadio","valueMissing","getNativeInput","state","handleSlotChange","render","h","Host","tabindex","class","role","part","id","onSlotchange"],"sources":["../../packages/beeq/src/components/radio-group/bq-radio-group.types.ts","../../packages/beeq/src/components/radio-group/scss/bq-radio-group.scss?tag=bq-radio-group&encapsulation=shadow","../../packages/beeq/src/components/radio-group/bq-radio-group.tsx"],"sourcesContent":["export const RADIO_GROUP_ORIENTATION = ['horizontal', 'vertical'] as const;\nexport type TRadioGroupOrientation = (typeof RADIO_GROUP_ORIENTATION)[number];\n","/* -------------------------------------------------------------------------- */\n/*                                Radio group styles                               */\n/* -------------------------------------------------------------------------- */\n\n:host {\n  @apply inline-block;\n}\n\n.bq-radio-group {\n  @apply m-b-0 m-i-0;\n\n  &:not(.has-fieldset) {\n    @apply border-0 m-b-0 m-i-0 p-b-0 p-i-0;\n  }\n\n  &--horizontal {\n    @apply flex;\n  }\n\n  &--vertical {\n    @apply flex flex-col;\n  }\n}\n","import { AttachInternals, Component, Element, Event, h, Host, Listen, Prop, State, Watch } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\nimport { RADIO_GROUP_ORIENTATION } from './bq-radio-group.types';\nimport type { TRadioGroupOrientation } from './bq-radio-group.types';\nimport {\n  debounce,\n  getNextElement,\n  isDefined,\n  isEventTargetChildOfElement,\n  isNil,\n  TDebounce,\n  validatePropValue,\n} from '../../shared/utils';\n\nconst KEY_MAP = {\n  ArrowDown: 'forward',\n  ArrowRight: 'forward',\n  ArrowUp: 'backward',\n  ArrowLeft: 'backward',\n} as const;\n\ntype Direction = (typeof KEY_MAP)[keyof typeof KEY_MAP];\n\n/**\n * The radio group is a user interface component that groups radio buttons to enable a single selection within the group.\n *\n * @example How to use it\n * ```html\n * <bq-radio-group fieldset value=\"option1\">\n *   <span slot=\"label\">radio group</span>\n *   <bq-radio value=\"option1\">Radio option 1</bq-radio>\n *   <bq-radio value=\"option2\">Radio option 2</bq-radio>\n *   <bq-radio value=\"option3\">Radio option 3</bq-radio>\n * </bq-radio-group>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/9718e1-radio-button/b/09d7b1\n * @status stable\n *\n * @attr {boolean} background-on-hover - If `true`, the radio displays background on hover\n * @attr {number} debounce-time - A number representing the delay time (in milliseconds) that bqChange event handler gets triggered once the value change\n * @attr {boolean} disabled - If `true` radio inputs are disabled\n * @attr {boolean} fieldset - If `true` displays fieldset\n * @attr {string} name - Name of the HTML input form control. Submitted with the form as part of a name/value pair\n * @attr {\"horizontal\" | \"vertical\"} orientation - The display orientation of the radio inputs\n * @attr {boolean} required - If `true`, the radio group is required\n * @attr {string} required-validation-message - The native form validation message when the radio group is required\n * @attr {string} value - The display orientation of the radio inputs\n *\n * @method vClick - Simulate a click event on the native `<input>` HTML element used under the hood\n * @method vFocus - Sets focus on the native `<input>` HTML element used under the hood\n * @method vBlur - Remove focus from the native `<input>` HTML element used under the hood\n *\n * @event bqChange - Handler to be called when the radio state changes\n *\n * @slot - The bq-radio items to group\n * @slot label - The label content of radio group\n *\n * @part base - The component's internal wrapper of the radio components.\n * @part label - The `<legend>` element that holds the text content.\n * @part group - The `<div>` element that holds the radio inputs.\n */\n@Component({\n  tag: 'bq-radio-group',\n  styleUrl: './scss/bq-radio-group.scss',\n  formAssociated: true,\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqRadioGroup {\n  // Own Properties\n  // ====================\n\n  private initialValue?: string;\n  private debouncedBqChange: TDebounce<{ value: string; target: HTMLBqRadioElement }>;\n  private focusedBqRadio: HTMLBqRadioElement | null = null;\n  private readonly radioElementsSet = new Set<HTMLBqRadioElement>();\n  private cachedRadioElements: HTMLBqRadioElement[] = [];\n\n  // Reference to host HTML element\n  // ===================================\n\n  @AttachInternals() internals!: ElementInternals;\n  @Element() el!: HTMLBqRadioGroupElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() checkedRadio?: HTMLBqRadioElement;\n  @State() tabIndex: '0' | '-1' = '0';\n\n  // Public Property API\n  // ========================\n\n  /** If true, all radio inputs in the group will display a background on hover */\n  @Prop({ reflect: true }) backgroundOnHover = false;\n\n  /** A number representing the delay time (in milliseconds) that `bqChange` event handler gets triggered once the value change */\n  @Prop({ reflect: true, mutable: true }) debounceTime = 0;\n\n  /** If true radio inputs are disabled */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** If true displays fieldset */\n  @Prop({ reflect: true }) fieldset = false;\n\n  /** Name of the HTML input form control. Submitted with the form as part of a name/value pair.  */\n  @Prop({ reflect: true }) name!: string;\n\n  /** The display orientation of the radio inputs */\n  @Prop({ reflect: true, mutable: true }) orientation: TRadioGroupOrientation = 'vertical';\n\n  /** If true, the radio group is required */\n  @Prop({ reflect: true }) required = false;\n\n  /** The native form validation message when the radio group is required */\n  @Prop({ reflect: true }) requiredValidationMessage?: string;\n\n  /** A string representing the value of the radio. */\n  @Prop({ reflect: true, mutable: true }) value?: string;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('debounceTime')\n  handleDebounceTimeChange() {\n    const MIN_DEBOUNCE_TIME = 0;\n    const normalizedDebounceTime = Math.max(MIN_DEBOUNCE_TIME, this.debounceTime);\n\n    if (normalizedDebounceTime !== this.debounceTime) {\n      this.debounceTime = normalizedDebounceTime;\n    }\n\n    this.debouncedBqChange?.cancel();\n    this.debouncedBqChange = debounce((event: { value: string; target: HTMLBqRadioElement }): void => {\n      this.bqChange?.emit(event);\n    }, this.debounceTime);\n  }\n\n  @Watch('disabled')\n  handleDisabledChange() {\n    this.tabIndex = this.disabled ? '-1' : '0';\n    this.updateRadioTabIndexes();\n  }\n\n  @Watch('backgroundOnHover')\n  @Watch('disabled')\n  @Watch('name')\n  @Watch('required')\n  handleGroupProperties() {\n    this.updateRadioProperties();\n  }\n\n  @Watch('orientation')\n  checkPropValues() {\n    validatePropValue(RADIO_GROUP_ORIENTATION, 'vertical', this.el, 'orientation');\n  }\n\n  @Watch('required')\n  handleRequiredChange() {\n    this.updateFormValidity();\n  }\n\n  @Watch('value')\n  handleValueChange() {\n    this.updateRadioProperties();\n    this.updateFormValidity();\n\n    // Find and update the checked radio based on the new value\n    const newCheckedRadio = this.cachedRadioElements.find((radio) => radio.value === this.value);\n    if (newCheckedRadio) {\n      this.checkedRadio = newCheckedRadio;\n      this.debouncedBqChange?.({ value: this.value, target: newCheckedRadio });\n    } else {\n      this.checkedRadio = undefined;\n    }\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when the radio state changes */\n  @Event() bqChange: EventEmitter<{ value: string; target: HTMLBqRadioElement }>;\n\n  /** Handler to be called when the radio loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqRadioElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.initialValue = this.value;\n    this.handleDebounceTimeChange();\n    this.internals.setFormValue(this.value ?? null);\n\n    this.updateCustomStates();\n    this.updateFormValidity();\n  }\n\n  disconnectedCallback() {\n    this.debouncedBqChange?.cancel();\n  }\n\n  formAssociatedCallback() {\n    this.internals.setFormValue(this.value ?? null);\n    this.updateFormValidity();\n  }\n\n  formResetCallback() {\n    this.value = this.initialValue;\n    this.internals.setFormValue(this.value ?? null);\n    this.updateFormValidity();\n    this.updateCustomStates();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('bqClick', { capture: true })\n  async onBqClick(event: CustomEvent<{ value: string; target: HTMLBqRadioElement }>) {\n    if (!isEventTargetChildOfElement(event, this.el)) return;\n\n    const { target, value } = event.detail;\n    if (value === this.value) return;\n\n    requestAnimationFrame(() => {\n      if (event.defaultPrevented) return;\n      this.updateRadioSelection(target);\n    });\n  }\n\n  @Listen('bqKeyDown')\n  onBqKeyDown(event: CustomEvent<{ key: string; target: HTMLBqRadioElement }>) {\n    if (!isEventTargetChildOfElement(event, this.el)) return;\n\n    const direction: Direction | undefined = KEY_MAP[event.detail.key];\n    if (!direction) return;\n\n    this.focusRadioInputSibling(event.detail.target, direction);\n  }\n\n  @Listen('bqFocus', { capture: true })\n  onBqFocus(event: CustomEvent<HTMLBqRadioElement>) {\n    if (!isEventTargetChildOfElement(event, this.el)) return;\n\n    const shouldStopPropagation = isDefined(this.focusedBqRadio);\n    this.focusedBqRadio = event.detail;\n\n    if (shouldStopPropagation) {\n      event.stopPropagation();\n    }\n  }\n\n  @Listen('bqBlur', { capture: true })\n  onBqBlur(event: CustomEvent<HTMLBqRadioElement>) {\n    if (!isEventTargetChildOfElement(event, this.el)) return;\n\n    // NOTE: if focusedBqRadio is nil that means the event occured from this component\n    if (isNil(this.focusedBqRadio)) return;\n\n    event.stopPropagation();\n\n    requestAnimationFrame(() => {\n      if (this.focusedBqRadio !== event.detail) return;\n\n      this.focusedBqRadio = null;\n      this.bqBlur.emit(event.detail);\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  /**\n   * Initializes the radio elements set by querying the host element for `ds-radio` elements.\n   * This is done to avoid re-querying the host element for radio elements on every change.\n   */\n  private initializeRadioElements = (): void => {\n    this.radioElementsSet.clear();\n    this.el.querySelectorAll('bq-radio').forEach((radio) => this.radioElementsSet.add(radio));\n    // Caching the radio elements in an array for faster access and iteration\n    this.cachedRadioElements = Array.from(this.radioElementsSet);\n    // Set the tabIndex of the host element to -1 if there are no radio elements or the group is disabled, otherwise set it to 0\n    this.tabIndex = this.cachedRadioElements.length === 0 || this.disabled ? '-1' : '0';\n    // Set initial tabIndex for all radios\n    this.updateRadioTabIndexes();\n  };\n\n  /**\n   * Sets tabIndex for all radio elements based on current state\n   * Handles all scenarios: disabled state, checked radio, value matching, fallback to first\n   */\n  private updateRadioTabIndexes = (): void => {\n    if (this.cachedRadioElements.length === 0) return;\n\n    // If disabled, all radios get tabIndex -1\n    if (this.disabled) {\n      this.cachedRadioElements.forEach((radio) => (radio.tabIndex = -1));\n      return;\n    }\n\n    // Find which radio should be focusable\n    let focusableRadio: HTMLBqRadioElement | undefined;\n\n    // Priority 1: Currently checked radio\n    focusableRadio = this.cachedRadioElements.find((radio) => radio.checked);\n\n    // Priority 2: Radio matching current value\n    if (!focusableRadio && this.value) {\n      focusableRadio = this.cachedRadioElements.find((radio) => radio.value === this.value);\n    }\n\n    // Priority 3: First enabled radio (fallback)\n    if (!focusableRadio) {\n      focusableRadio = this.cachedRadioElements.find((radio) => !radio.disabled);\n    }\n\n    // Apply tabIndex to all radios\n    this.cachedRadioElements.forEach((radio) => {\n      radio.tabIndex = radio === focusableRadio ? 0 : -1;\n    });\n  };\n\n  /**\n   * Updates the radio selection and focus.\n   * @param target - The radio element to update.\n   */\n  private updateRadioSelection = (target: HTMLBqRadioElement): void => {\n    // Only uncheck the previously checked radio if it's different\n    if (this.checkedRadio && this.checkedRadio !== target) {\n      this.checkedRadio.checked = false;\n      this.checkedRadio.tabIndex = -1;\n    }\n\n    target.checked = true;\n    target.tabIndex = 0;\n    target.vFocus();\n\n    this.checkedRadio = target;\n    this.value = target.value;\n    this.internals?.setFormValue(this.value ?? null);\n\n    this.updateRadioTabIndexes();\n  };\n\n  /**\n   * Synchronizes properties of child radio elements with the group's state.\n   */\n  private updateRadioProperties = (): void => {\n    if (this.cachedRadioElements.length === 0) return;\n\n    const { backgroundOnHover, disabled, name, required, value } = this;\n\n    for (const radio of this.cachedRadioElements) {\n      radio.backgroundOnHover = backgroundOnHover;\n      radio.checked = value === radio.value;\n      // This will allows us to force all radio elements to be disabled\n      // while keeping the disabled state of the radio element if it was set individually by the user\n      radio.forceDisabled = disabled;\n      radio.name = name;\n      radio.required = required;\n    }\n  };\n\n  /**\n   * Focuses the next/previous radio element in the group based on the current target.\n   * Handles circular navigation and skips disabled elements.\n   * @param currentTarget - The currently focused radio element\n   * @param direction - The navigation direction ('forward' | 'backward')\n   */\n  private focusRadioInputSibling = (currentTarget: HTMLBqRadioElement, direction: Direction): void => {\n    // If there is none or only one radio element, there will be no sibling to focus\n    if (this.cachedRadioElements.length <= 1) return;\n\n    const currentIndex = this.cachedRadioElements.indexOf(currentTarget);\n    // If the index of the radio element target is not found, it means that it's not part of the group\n    if (currentIndex === -1) return;\n\n    const nextElement = getNextElement(this.cachedRadioElements, currentIndex, direction);\n    this.updateRadioSelection(nextElement);\n  };\n\n  private updateFormValidity = async (): Promise<void> => {\n    const { internals, required, requiredValidationMessage, value } = this;\n    // Clear the validity state\n    internals?.states.clear();\n\n    if (!required || (required && !isNil(value))) {\n      // If the radio group is not required or has a value, set the validity state to valid\n      internals?.states.add('valid');\n      internals?.setValidity({});\n      return;\n    }\n\n    const firstRadio = this.cachedRadioElements[0];\n    if (!firstRadio) return;\n    // If the radio group is required and has no value, set the validity state to invalid\n    internals?.states.add('invalid');\n    // We need to pass the native input element to the setValidity method as anchor element\n    internals?.setValidity(\n      { valueMissing: true },\n      requiredValidationMessage ?? 'Please select an option',\n      await firstRadio.getNativeInput(),\n    );\n  };\n\n  /**\n   * Updates the custom states based on the component properties.\n   * The custom states can be used to style the component based on the component properties.\n   * The custom states are `disabled`, based on the component properties.\n   */\n  private updateCustomStates = (): void => {\n    const states = new Set<string>();\n\n    if (this.disabled) states.add('disabled');\n    if (this.orientation) states.add(this.orientation);\n\n    // Update states\n    this.internals?.states.clear();\n    states.forEach((state) => this.internals?.states.add(state));\n  };\n\n  private handleSlotChange = (): void => {\n    this.initializeRadioElements();\n    this.updateRadioProperties();\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <Host tabindex={this.tabIndex}>\n        <fieldset\n          class={{ 'bq-radio-group': true, 'has-fieldset': this.fieldset }}\n          aria-controls=\"bq-radiogroup\"\n          aria-labelledby=\"bq-radio-group__label\"\n          aria-disabled={this.disabled}\n          aria-required={this.required}\n          disabled={this.disabled}\n          role=\"radiogroup\"\n          part=\"base\"\n        >\n          <legend part=\"label\">\n            <slot id=\"bq-radiogroup__label\" name=\"label\" />\n          </legend>\n          <div class={`bq-radio-group--${this.orientation}`} part=\"group\">\n            <slot id=\"bq-radiogroup\" onSlotchange={this.handleSlotChange} />\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/beeq/p-8280145e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["bqTextareaCss","BqTextarea","debounceBqInput","fallbackId","helperTextElem","labelElem","textarea","internals","hasHelperText","hasLabel","autocapitalize","autocomplete","autocorrect","autofocus","autoGrow","debounceTime","disabled","disableResize","form","formValidationMessage","maxlength","name","placeholder","readonly","required","rows","spellcheck","validationStatus","value","wrap","handleValueChange","this","length","substring","handleRequiredPropChange","updateFormValidity","bqBlur","bqChange","bqClear","bqFocus","bqInput","componentDidLoad","handleSlotChange","formAssociatedCallback","setFormValue","formResetCallback","clearSelection","numberOfCharacters","handleBlur","emit","el","handleFocus","handleChange","ev","isHTMLElement","target","handleInput","cancel","debounce","autoResize","inputElem","style","height","scrollHeight","hasSlotContent","isNil","undefined","states","clear","trim","add","setValidity","valueMissing","render","h","key","class","part","htmlFor","ref","label","onSlotchange","id","maxLength","readOnly","elem","onBlur","onChange","onFocus","onInput","span"],"sources":["../../packages/beeq/src/components/textarea/scss/bq-textarea.scss?tag=bq-textarea&encapsulation=shadow","../../packages/beeq/src/components/textarea/bq-textarea.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Textarea styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-textarea.variables';\n\n:host {\n  @apply block is-full;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                    Label                                   */\n/* -------------------------------------------------------------------------- */\n\n.bq-textarea__label {\n  @apply text-[length:--bq-textarea--label-text-size] text-[color:--bq-textarea--label-text-color] m-be-[--bq-textarea--label-margin-bottom];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                        Native HTML Textarea control                        */\n/* -------------------------------------------------------------------------- */\n\n.bq-textarea__input {\n  @apply flex-auto resize-y bg-[--bq-textarea--background-color] bs-[inherit];\n  // Border\n  @apply rounded-[--bq-textarea--border-radius] border-[length:--bq-textarea--border-width] border-[color:--bq-textarea--border-color];\n  // Padding\n  @apply pe-[--bq-textarea--padding-end] ps-[--bq-textarea--padding-start] p-b-[--bq-textarea--paddingY];\n  // Text\n  @apply text-[length:--bq-textarea--text-size] text-[color:--bq-textarea--text-color] placeholder:text-[color:--bq-textarea--text-placeholder-color];\n  // Transition\n  @apply transition-colors ease-in-out;\n  // Hover\n  @apply [&:not([disabled]):not(:focus-within)]:hover:border-hover-brand;\n  // Disabled\n  @apply disabled:cursor-not-allowed disabled:opacity-60;\n  // Focus\n  &:not([disabled]):focus-within {\n    --bq-ring-width: 1px;\n    --bq-ring-offset-width: 0;\n    --bq-ring-color-focus: var(--bq-textarea--border-color-focus);\n\n    @apply focus border-[color:--bq-ring-color-focus];\n  }\n}\n\n/* ------------------------------- Validations ------------------------------- */\n\n.bq-textarea__input.validation-error {\n  @apply border-danger [&:not(.disabled):not(:focus-within)]:hover:border-hover-danger;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.danger);\n\n    @apply border-active-danger;\n  }\n}\n\n.bq-textarea__input.validation-success {\n  @apply border-success [&:not(.disabled):not(:focus-within)]:hover:border-hover-success;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.success);\n\n    @apply border-active-success;\n  }\n}\n\n.bq-textarea__input.validation-warning {\n  @apply border-warning [&:not(.disabled):not(:focus-within)]:hover:border-hover-warning;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.warning);\n\n    @apply border-active-warning;\n  }\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                 Helper text                                */\n/* -------------------------------------------------------------------------- */\n\n.bq-textarea__helper {\n  @apply text-[length:--bq-textarea--helper-text-size] text-[color:--bq-textarea--helper-text-color] m-bs-[--bq-textarea--helper-margin-top];\n}\n\n/* ------------------------------- Validations ------------------------------ */\n\n.bq-textarea__helper.validation-error {\n  @apply text-danger;\n}\n\n.bq-textarea__helper.validation-success {\n  @apply text-success;\n}\n\n.bq-textarea__helper.validation-warning {\n  @apply text-warning;\n}\n\n/* ----------------------------- Helper counter ----------------------------- */\n\n/** Apply a disabled text color style to the textarea counter when the validation is none. */\n.bq-textarea__helper[class~='validation-none'] {\n  .bq-textarea__helper--counter {\n    @apply opacity-60;\n  }\n}\n","import { AttachInternals, Component, Element, Event, h, Prop, State, Watch } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\nimport type { TTextareaAutoCapitalize, TTextareaWrap } from './bq-textarea.types';\nimport { debounce, hasSlotContent, isHTMLElement, isNil, TDebounce } from '../../shared/utils';\nimport type { TInputValidation } from '../input/bq-input.types';\n\n/**\n * The Textarea component is a multi-line text input control that is often used in a form to collect user inputs like comments or reviews.\n *\n * @example How to use it\n * ```html\n * <bq-textarea maxlength=\"0\" name=\"textarea\" placeholder=\"Placeholder...\" rows=\"5\">\n *   <label slot=\"label\">Label</label>\n *   <span class=\"flex items-center gap-xs\" slot=\"helper-text\">\n *     <bq-icon name=\"star\"></bq-icon>\n *     Helper text\n *   </span>\n * </bq-textarea>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/16792c-textarea\n * @status stable\n *\n * @attr {string} autocapitalize - Controls whether or not the textarea field should be capitalized and how.\n * @attr {string} autocomplete - Specifies whether or not the textarea field should have autocomplete enabled.\n * @attr {string} autocorrect - Controls whether or not the textarea field should have autocorrect enabled.\n * @attr {boolean} autofocus - If `true`, the textarea will be focused on component render.\n * @attr {boolean} auto-grow - If `true`, the textarea will automatically grow and shrink to fit its contents.\n * @attr {number} debounce-time - The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the textarea value changes.\n * @attr {boolean} disabled - If `true`, the user cannot interact with the textarea.\n * @attr {boolean} disable-resize - If `true`, it will block the user's ability to resize the textarea.\n * @attr {string} form - The ID of the form that the textarea field belongs to.\n * @attr {string} form-validation-message - The native form validation message.\n * @attr {number} maxlength - The maximum number of characters that can be entered into the textarea (`0`: no limit).\n * @attr {string} name - The name of the textarea element.\n * @attr {string} placeholder - The placeholder text to show when there is no value.\n * @attr {boolean} readonly - If `true`, the textarea field cannot be modified.\n * @attr {boolean} required - Indicates whether or not the textarea field is required to be filled out before submitting the form.\n * @attr {number} rows - The number of visible text lines for the control. It must be a positive integer.\n * @attr {boolean} spellcheck - If `true`, the textarea content may be checked for spelling errors.\n * @attr {\"error\" | \"none\" | \"success\" | \"warning\"} validation-status - The validation status of the textarea.\n * @attr {string} value - The value of the textarea. It can be used to reset the textarea to a previous value.\n * @attr {\"soft\" | \"hard\"} wrap - Specifies how the text in a text area is to be wrapped when submitted in a form.\n *\n * @event bqBlur - Handler to be called when the textarea loses focus.\n * @event bqChange - Handler to be called when the textarea value has changed and the textarea loses focus.\n * @event bqClear - Handler to be called when the textarea value has been cleared.\n * @event bqFocus - Handler to be called when the textarea has received focus.\n * @event bqInput - Handler to be called when the textarea value changes.\n *\n * @slot label - The textarea label.\n * @slot helper-text - The helper text.\n *\n * @part base - The component's base wrapper.\n * @part input - The textarea element.\n * @part label - The textarea label.\n * @part helper-info - The helper info container.\n * @part helper-text - The helper text.\n * @part helper-counter - The helper counter.\n *\n * @cssprop --bq-textarea--background-color - Textarea background color\n * @cssprop --bq-textarea--border-color - Textarea border color\n * @cssprop --bq-textarea--border-color-focus - Textarea border color on focus\n * @cssprop --bq-textarea--border-radius - Textarea border radius\n * @cssprop --bq-textarea--border-width - Textarea border width\n * @cssprop --bq-textarea--border-style - Textarea border style\n * @cssprop --bq-textarea--helper-margin-top - Textarea helper text margin top\n * @cssprop --bq-textarea--helper-text-color - Textarea helper text color\n * @cssprop --bq-textarea--helper-text-size - Textarea helper text size\n * @cssprop --bq-textarea--label-margin-bottom - Textarea label margin bottom\n * @cssprop --bq-textarea--label-text-color - Textarea label text color\n * @cssprop --bq-textarea--label-text-size - Textarea label text size\n * @cssprop --bq-textarea--paddingY - Textarea padding top and bottom\n * @cssprop --bq-textarea--padding-start - Textarea padding start\n * @cssprop --bq-textarea--padding-end - Textarea padding end\n * @cssprop --bq-textarea--text-color - Textarea text color\n * @cssprop --bq-textarea--text-size - Textarea text size\n * @cssprop --bq-textarea--text-placeholder-color - Textarea placeholder text color\n */\n@Component({\n  tag: 'bq-textarea',\n  styleUrl: './scss/bq-textarea.scss',\n  formAssociated: true,\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqTextarea {\n  // Own Properties\n  // ====================\n\n  private debounceBqInput: TDebounce<void>;\n  private fallbackId = 'textarea';\n\n  private helperTextElem?: HTMLElement;\n  private labelElem?: HTMLLabelElement;\n  private textarea: HTMLTextAreaElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @AttachInternals() internals!: ElementInternals;\n  @Element() el!: HTMLBqTextareaElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private hasHelperText = false;\n  @State() private hasLabel = false;\n\n  // Public Property API\n  // ========================\n\n  /**\n   * Controls whether or not the textarea field should be capitalized and how.\n   * Possible values are 'off', 'none', 'on', 'sentences', 'words', and 'characters'.\n   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize\n   */\n  @Prop({ reflect: true }) autocapitalize: TTextareaAutoCapitalize = 'off';\n\n  /**\n   * Specifies whether or not the textarea field should have autocomplete enabled.\n   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\n   */\n  @Prop({ reflect: true }) autocomplete: string = 'off';\n\n  /**\n   * Controls whether or not the textarea field should have autocorrect enabled.\n   * Possible values are 'on' and 'off'.\n   */\n  @Prop({ reflect: true }) autocorrect: 'on' | 'off' = 'off';\n\n  /** If true, the textarea will be focused on component render */\n  @Prop({ reflect: true }) autofocus: boolean;\n\n  /**\n   * If `true`, the textarea will automatically grow and shrink to fit its contents.\n   * If `false`, the textarea will have a fixed height specified by the `rows` property.\n   */\n  @Prop({ reflect: true }) autoGrow: boolean = false;\n\n  /**\n   * The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the textarea value changes.\n   * A value of 0 means no debouncing will occur.\n   */\n  @Prop({ reflect: true, mutable: true }) debounceTime? = 0;\n\n  /** If `true`, the user cannot interact with the textarea. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** If `true`, it will block the user's ability to resize the textarea. */\n  @Prop({ reflect: true }) disableResize?: boolean = false;\n\n  /** The ID of the form that the textarea field belongs to. */\n  @Prop({ reflect: true }) form?: string;\n\n  /** The native form validation message */\n  @Prop({ mutable: true }) formValidationMessage?: string;\n\n  /**\n   * The maximum number of characters that can be entered into the textarea (`0`: no limit).\n   * When enabled, a character counter will be shown underneath the textarea.\n   */\n  @Prop({ reflect: true }) maxlength: number;\n\n  /** The name of the textarea element. */\n  @Prop({ reflect: true }) name!: string;\n\n  /** The placeholder text to show when there is no value. */\n  @Prop({ reflect: true }) placeholder!: string;\n\n  /** If true, the textarea field cannot be modified. */\n  @Prop({ reflect: true }) readonly?: boolean = false;\n\n  /** Indicates whether or not the textarea field is required to be filled out before submitting the form. */\n  @Prop({ reflect: true }) required?: boolean = false;\n\n  /** The number of visible text lines for the control. It must be a positive integer. */\n  @Prop({ reflect: true }) rows: number = 5;\n\n  /** If true, the textarea content may be checked for spelling errors. */\n  @Prop({ reflect: true }) spellcheck: boolean = false;\n  /**\n   * The validation status of the textarea.\n   *\n   * @remarks\n   * This property is used to indicate the validation status of the textarea. It can be set to one of the following values:\n   * - `'none'`: No validation status is set.\n   * - `'error'`: The textarea has a validation error.\n   * - `'warning'`: The textarea has a validation warning.\n   * - `'success'`: The textarea has passed validation.\n   */\n  @Prop({ reflect: true, mutable: true }) validationStatus: TInputValidation = 'none';\n\n  /** The value of the textarea. It can be used to reset the textarea to a previous value. */\n  @Prop({ mutable: true }) value: string;\n\n  /** Specifies how the text in a text area is to be wrapped when submitted in a form */\n  @Prop({ reflect: true }) wrap: TTextareaWrap = 'soft';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('value')\n  handleValueChange() {\n    if (!this.textarea) return;\n    if (!this.maxlength || this.value?.length < this.maxlength) return;\n    // If the value is longer than the maxlength, we need to truncate it\n    this.value = this.value?.substring(0, this.maxlength);\n    this.textarea.value = this.value ?? '';\n  }\n\n  @Watch('required')\n  handleRequiredPropChange() {\n    this.updateFormValidity();\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler emitted when the textarea loses focus */\n  @Event() bqBlur!: EventEmitter<HTMLBqTextareaElement>;\n\n  /**\n   * Callback handler emitted when the textarea value has changed and the textarea loses focus.\n   * This handler is called whenever the user finishes typing or pasting text into the textarea field and then clicks outside of the textarea field.\n   */\n  @Event() bqChange!: EventEmitter<{ value: string; el: HTMLBqTextareaElement }>;\n\n  /** Callback handler emitted when the textarea value has been cleared */\n  @Event() bqClear!: EventEmitter<HTMLBqTextareaElement>;\n\n  /** Callback handler emitted when the textarea has received focus */\n  @Event() bqFocus!: EventEmitter<HTMLBqTextareaElement>;\n\n  /**\n   * Callback handler emitted when the textarea value changes.\n   * This handler is called whenever the user types or pastes text into the textarea field.\n   */\n  @Event() bqInput!: EventEmitter<{ value: string; el: HTMLBqTextareaElement }>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    this.handleSlotChange();\n    this.handleValueChange();\n  }\n\n  formAssociatedCallback() {\n    this.setFormValue(this.value);\n    this.updateFormValidity();\n  }\n\n  formResetCallback() {\n    this.clearSelection();\n    // Reset the form validity state\n    this.setFormValue();\n    this.updateFormValidity();\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 get numberOfCharacters() {\n    if (!this.maxlength || !this.textarea) return 0;\n\n    return this.value?.length;\n  }\n\n  private handleBlur = () => {\n    if (this.disabled) return;\n\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleFocus = () => {\n    if (this.disabled) return;\n\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleChange = (ev: Event) => {\n    if (this.disabled) return;\n\n    if (!isHTMLElement(ev.target, 'textarea')) return;\n    this.value = ev.target.value;\n    this.setFormValue(this.value);\n    this.updateFormValidity();\n\n    this.bqChange.emit({ value: this.value, el: this.el });\n  };\n\n  private handleInput = (ev: Event) => {\n    if (this.disabled) return;\n\n    this.debounceBqInput?.cancel();\n\n    if (!isHTMLElement(ev.target, 'textarea')) return;\n    this.value = ev.target.value;\n\n    this.debounceBqInput = debounce(() => {\n      this.bqInput.emit({ value: this.value, el: this.el });\n    }, this.debounceTime);\n    this.debounceBqInput();\n\n    this.autoResize();\n  };\n\n  private autoResize = () => {\n    if (!this.autoGrow) return;\n\n    const inputElem = this.textarea;\n    if (!inputElem) return;\n\n    inputElem.style.height = 'auto';\n    inputElem.style.height = `${inputElem.scrollHeight}px`;\n  };\n\n  private handleSlotChange = () => {\n    this.hasLabel = hasSlotContent(this.labelElem);\n    this.hasHelperText = hasSlotContent(this.helperTextElem);\n  };\n\n  private setFormValue = (value?: string) => {\n    this.internals.setFormValue(!isNil(value) ? `${value}` : undefined);\n  };\n\n  private updateFormValidity = () => {\n    const { formValidationMessage, internals, required, value, textarea } = this;\n\n    // Clear the validity state\n    internals?.states.clear();\n\n    if (required && (!value || value.trim() === '')) {\n      // Set validity state to invalid\n      internals?.states.add('invalid');\n      internals?.setValidity({ valueMissing: true }, formValidationMessage, textarea);\n      return;\n    }\n\n    // Set validity state to valid if textarea has value or is not required\n    internals?.states.add('valid');\n    internals?.setValidity({});\n  };\n\n  private clearSelection = () => {\n    this.value = '';\n    this.textarea.value = this.value;\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div class=\"bq-textarea flex flex-auto flex-col\" part=\"base\">\n        <label\n          class={{ 'bq-textarea__label': true, '!hidden': !this.hasLabel }}\n          htmlFor={this.name ?? this.fallbackId}\n          aria-label={this.name ?? this.fallbackId}\n          ref={(label: HTMLLabelElement) => (this.labelElem = label)}\n          part=\"label\"\n        >\n          <slot name=\"label\" onSlotchange={this.handleSlotChange} />\n        </label>\n        <textarea\n          id={this.name ?? this.fallbackId}\n          class={{\n            'bq-textarea__input': true,\n            'resize-none': this.disableResize,\n            [`validation-${this.validationStatus}`]: true,\n          }}\n          autocapitalize={this.autocapitalize}\n          autocomplete={this.autocomplete}\n          autocorrect={this.autocorrect}\n          autofocus={this.autofocus}\n          disabled={this.disabled}\n          form={this.form}\n          maxLength={this.maxlength > 0 ? this.maxlength : undefined}\n          name={this.name}\n          placeholder={this.placeholder}\n          readOnly={this.readonly}\n          required={this.required}\n          rows={this.rows}\n          spellcheck={this.spellcheck}\n          wrap={this.wrap}\n          ref={(elem: HTMLTextAreaElement) => (this.textarea = elem)}\n          onBlur={this.handleBlur}\n          onChange={this.handleChange}\n          onFocus={this.handleFocus}\n          onInput={this.handleInput}\n          part=\"input\"\n        >\n          {this.value}\n        </textarea>\n        <div\n          class={{\n            'bq-textarea__helper flex items-center justify-between': true,\n            [`validation-${this.validationStatus}`]: true,\n            '!hidden': !this.hasHelperText && !this.maxlength,\n          }}\n          part=\"helper-info\"\n        >\n          <span\n            class=\"bq-textarea__helper--text\"\n            ref={(span: HTMLElement) => (this.helperTextElem = span)}\n            part=\"helper-text\"\n          >\n            <slot name=\"helper-text\" onSlotchange={this.handleSlotChange} />\n          </span>\n          <span\n            class={{ 'bq-textarea__helper--counter [fontVariant:tabular-nums]': true, '!hidden': !this.maxlength }}\n            part=\"helper-counter\"\n          >\n            {this.numberOfCharacters ?? 0}/{this.maxlength}\n          </span>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;yMAAA,MAAMA,EAAgB,810B,MCwFTC,EAAU,M,qVAIbC,gBACAC,WAAa,WAEbC,eACAC,UACAC,SAKWC,U,wBAOFC,cAAgB,MAChBC,SAAW,MAUHC,eAA0C,MAM1CC,aAAuB,MAMvBC,YAA4B,MAG5BC,UAMAC,SAAoB,MAMLC,aAAgB,EAG/BC,SAAoB,MAGpBC,cAA0B,MAG1BC,KAGAC,sBAMAC,UAGAC,KAGAC,YAGAC,SAAqB,MAGrBC,SAAqB,MAGrBC,KAAe,EAGfC,WAAsB,MAWPC,iBAAqC,OAGpDC,MAGAC,KAAsB,OAM/C,iBAAAC,GACE,IAAKC,KAAKzB,SAAU,OACpB,IAAKyB,KAAKX,WAAaW,KAAKH,OAAOI,OAASD,KAAKX,UAAW,OAE5DW,KAAKH,MAAQG,KAAKH,OAAOK,UAAU,EAAGF,KAAKX,WAC3CW,KAAKzB,SAASsB,MAAQG,KAAKH,OAAS,E,CAItC,wBAAAM,GACEH,KAAKI,oB,CAQEC,OAMAC,SAGAC,QAGAC,QAMAC,QAMT,gBAAAC,GACEV,KAAKW,mBACLX,KAAKD,mB,CAGP,sBAAAa,GACEZ,KAAKa,aAAab,KAAKH,OACvBG,KAAKI,oB,CAGP,iBAAAU,GACEd,KAAKe,iBAELf,KAAKa,eACLb,KAAKI,oB,CAkBP,sBAAYY,GACV,IAAKhB,KAAKX,YAAcW,KAAKzB,SAAU,OAAO,EAE9C,OAAOyB,KAAKH,OAAOI,M,CAGbgB,WAAa,KACnB,GAAIjB,KAAKf,SAAU,OAEnBe,KAAKK,OAAOa,KAAKlB,KAAKmB,GAAG,EAGnBC,YAAc,KACpB,GAAIpB,KAAKf,SAAU,OAEnBe,KAAKQ,QAAQU,KAAKlB,KAAKmB,GAAG,EAGpBE,aAAgBC,IACtB,GAAItB,KAAKf,SAAU,OAEnB,IAAKsC,EAAcD,EAAGE,OAAQ,YAAa,OAC3CxB,KAAKH,MAAQyB,EAAGE,OAAO3B,MACvBG,KAAKa,aAAab,KAAKH,OACvBG,KAAKI,qBAELJ,KAAKM,SAASY,KAAK,CAAErB,MAAOG,KAAKH,MAAOsB,GAAInB,KAAKmB,IAAK,EAGhDM,YAAeH,IACrB,GAAItB,KAAKf,SAAU,OAEnBe,KAAK7B,iBAAiBuD,SAEtB,IAAKH,EAAcD,EAAGE,OAAQ,YAAa,OAC3CxB,KAAKH,MAAQyB,EAAGE,OAAO3B,MAEvBG,KAAK7B,gBAAkBwD,GAAS,KAC9B3B,KAAKS,QAAQS,KAAK,CAAErB,MAAOG,KAAKH,MAAOsB,GAAInB,KAAKmB,IAAK,GACpDnB,KAAKhB,cACRgB,KAAK7B,kBAEL6B,KAAK4B,YAAY,EAGXA,WAAa,KACnB,IAAK5B,KAAKjB,SAAU,OAEpB,MAAM8C,EAAY7B,KAAKzB,SACvB,IAAKsD,EAAW,OAEhBA,EAAUC,MAAMC,OAAS,OACzBF,EAAUC,MAAMC,OAAS,GAAGF,EAAUG,gBAAgB,EAGhDrB,iBAAmB,KACzBX,KAAKtB,SAAWuD,EAAejC,KAAK1B,WACpC0B,KAAKvB,cAAgBwD,EAAejC,KAAK3B,eAAe,EAGlDwC,aAAgBhB,IACtBG,KAAKxB,UAAUqC,cAAcqB,EAAMrC,GAAS,GAAGA,IAAUsC,UAAU,EAG7D/B,mBAAqB,KAC3B,MAAMhB,sBAAEA,EAAqBZ,UAAEA,EAASiB,SAAEA,EAAQI,MAAEA,EAAKtB,SAAEA,GAAayB,KAGxExB,GAAW4D,OAAOC,QAElB,GAAI5C,KAAcI,GAASA,EAAMyC,SAAW,IAAK,CAE/C9D,GAAW4D,OAAOG,IAAI,WACtB/D,GAAWgE,YAAY,CAAEC,aAAc,MAAQrD,EAAuBb,GACtE,M,CAIFC,GAAW4D,OAAOG,IAAI,SACtB/D,GAAWgE,YAAY,GAAG,EAGpBzB,eAAiB,KACvBf,KAAKH,MAAQ,GACbG,KAAKzB,SAASsB,MAAQG,KAAKH,KAAK,EAOlC,MAAA6C,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sCAAsCC,KAAK,QACpDH,EACE,SAAAC,IAAA,2CAAAC,MAAO,CAAE,qBAAsB,KAAM,WAAY7C,KAAKtB,UACtDqE,QAAS/C,KAAKV,MAAQU,KAAK5B,WAAU,aACzB4B,KAAKV,MAAQU,KAAK5B,WAC9B4E,IAAMC,GAA6BjD,KAAK1B,UAAY2E,EACpDH,KAAK,SAELH,EAAM,QAAAC,IAAA,2CAAAtD,KAAK,QAAQ4D,aAAclD,KAAKW,oBAExCgC,EACE,YAAAC,IAAA,2CAAAO,GAAInD,KAAKV,MAAQU,KAAK5B,WACtByE,MAAO,CACL,qBAAsB,KACtB,cAAe7C,KAAKd,cACpB,CAAC,cAAcc,KAAKJ,oBAAqB,MAE3CjB,eAAgBqB,KAAKrB,eACrBC,aAAcoB,KAAKpB,aACnBC,YAAamB,KAAKnB,YAClBC,UAAWkB,KAAKlB,UAChBG,SAAUe,KAAKf,SACfE,KAAMa,KAAKb,KACXiE,UAAWpD,KAAKX,UAAY,EAAIW,KAAKX,UAAY8C,UACjD7C,KAAMU,KAAKV,KACXC,YAAaS,KAAKT,YAClB8D,SAAUrD,KAAKR,SACfC,SAAUO,KAAKP,SACfC,KAAMM,KAAKN,KACXC,WAAYK,KAAKL,WACjBG,KAAME,KAAKF,KACXkD,IAAMM,GAA+BtD,KAAKzB,SAAW+E,EACrDC,OAAQvD,KAAKiB,WACbuC,SAAUxD,KAAKqB,aACfoC,QAASzD,KAAKoB,YACdsC,QAAS1D,KAAKyB,YACdqB,KAAK,SAEJ9C,KAAKH,OAER8C,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,wDAAyD,KACzD,CAAC,cAAc7C,KAAKJ,oBAAqB,KACzC,WAAYI,KAAKvB,gBAAkBuB,KAAKX,WAE1CyD,KAAK,eAELH,EACE,QAAAC,IAAA,2CAAAC,MAAM,4BACNG,IAAMW,GAAuB3D,KAAK3B,eAAiBsF,EACnDb,KAAK,eAELH,EAAM,QAAAC,IAAA,2CAAAtD,KAAK,cAAc4D,aAAclD,KAAKW,oBAE9CgC,EAAA,QAAAC,IAAA,2CACEC,MAAO,CAAE,0DAA2D,KAAM,WAAY7C,KAAKX,WAC3FyD,KAAK,kBAEJ9C,KAAKgB,oBAAsB,EAAC,IAAGhB,KAAKX,Y","ignoreList":[]}

package/dist/beeq/p-87430ad8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["bqSwitchCss","BqSwitch","labelElem","inputElem","prevCheckedValue","internals","hasLabel","backgroundOnHover","checked","disabled","formValidationMessage","fullWidth","innerLabel","justifyContent","name","required","reverseOrder","value","handleRequiredChange","this","updateFormValidity","bqChange","bqFocus","bqBlur","componentWillLoad","componentDidLoad","handleSlotChange","componentDidUpdate","emit","formAssociatedCallback","setFormValue","formResetCallback","removeAttribute","undefined","vClick","click","vFocus","focus","vBlur","blur","handleChange","setAttribute","handleOnFocus","el","handleOnBlur","slot","querySelector","isNil","getTextContent","recurse","length","states","clear","add","setValidity","valueMissing","render","hostStyle","labelCssClasses","h","Host","key","class","style","part","type","onBlur","onChange","onFocus","ref","input","role","color","title","span","onSlotchange"],"sources":["../../packages/beeq/src/components/switch/scss/bq-switch.scss?tag=bq-switch&encapsulation=shadow","../../packages/beeq/src/components/switch/bq-switch.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Switch styles                               */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-switch.variables';\n\n:host {\n  @apply inline-block;\n}\n\n:host(.full-width) {\n  @apply is-full;\n}\n\n.bq-switch {\n  @apply flex cursor-pointer select-none items-center rounded-s transition-colors duration-300 p-b-2 p-i-2;\n\n  justify-content: var(--bq-switch--justify-content);\n\n  // Display background on hover (if enabled)\n  &.has-background:not(.is-disabled):hover {\n    @apply bg-hover-ui-primary;\n  }\n\n  &.is-disabled {\n    @apply cursor-not-allowed opacity-60;\n  }\n}\n\n.bq-switch--input:not(:disabled):focus,\n.bq-switch--input:not(:disabled):focus-visible {\n  ~ .bq-switch--control {\n    @apply focus;\n  }\n}\n\n.bq-switch--control__dot {\n  @apply absolute start-xs2 rounded-full bg-ui-primary bs-[--bq-switch--dot-size] is-[--bq-switch--dot-size];\n  @apply group-[&.is-checked]:start-[calc(100%_-_var(--bq-switch--dot-size)_-_var(--bq-spacing-xs2))] group-[&.is-checked]:bg-[--bq-icon--alt];\n  @apply transition-all duration-300;\n}\n\n.bq-switch--control__icon {\n  --bq-icon--size: var(--bq-switch--dot-size) !important;\n\n  &::part(base) {\n    @apply flex;\n  }\n}\n","import { AttachInternals, Component, Element, Event, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\nimport type { TSwitchInnerLabel, TSwitchJustifyContent } from './bq-switch.types';\nimport { getTextContent, isNil } from '../../shared/utils';\n\n/**\n * Toggle switches are digital on/off switches.\n * They should provide immediate results, giving users the freedom to control their preferences as needed.\n *\n * @example How to use it\n * ```html\n * <bq-switch inner-label=\"default\" justify-content=\"start\" name=\"bq-switch\" value=\"Switch value\">\n *   Toggle me!\n * </bq-switch>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/49d9c9-switch\n * @status stable\n *\n * @dependency bq-icon\n *\n * @attr {boolean} background-on-hover - If `true`, a background will be displayed on hover\n * @attr {boolean} checked - It indicates whether if the switch is `ON` by default (when the page loads)\n * @attr {boolean} disabled - If `true`, the switch control will be disabled and no interaction will be allowed\n * @attr {string} form-validation-message - The native form validation message\n * @attr {boolean} full-width - If `true`, the component will take the full width space available on the parent container\n * @attr {\"default\" | \"icon\"} inner-label - It indicates how to to display the on/off marks inside the control, with icons or none (default)\n * @attr {\"start\" | \"end\" | \"center\" | \"space-between\" | \"space-around\" | \"space-evenly\"} justify-content - It defines how to distribute the space between and around the control and the label text\n * @attr {string} name - Name of the form control. Submitted with the form as part of a name/value pair\n * @attr {boolean} required - If `true`, it will indicate that the user must switch `ON` the element before the owning form can be submitted\n * @attr {boolean} reverse-order - If `true`, the order of the control and the label text will be changed\n * @attr {string} value - The input control's value, submitted as a name/value pair with form data\n *\n * @event bqChange - Handler to be called when the switch state changes\n * @event bqFocus - Handler to be called when the switch gets focus\n * @event bqBlur - Handler to be called when the switch loses focus\n *\n * @slot - The switch label text\n *\n * @part base - HTML `<label>` root container\n * @part control - HTML `<div>` element for the custom control\n * @part dot - HTML `<div>` element that acts as changing dot\n * @part icon-off - HTMLBqIcon `<pk-icon>` element used as the `OFF` mark inner label\n * @part icon-on - HTMLBqIcon `<pk-icon>` element used as the `ON` mark inner label\n * @part label - HTML `<span>` element that holds the label text\n *\n * @cssprop --bq-switch--height - Switch height\n * @cssprop --bq-switch--justify-content - Switch justify content\n * @cssprop --bq-switch--width - Switch width\n * @cssprop --bq-switch--dot-size - Switch dot size\n */\n@Component({\n  tag: 'bq-switch',\n  styleUrl: './scss/bq-switch.scss',\n  formAssociated: true,\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqSwitch {\n  // Own Properties\n  // ====================\n\n  private labelElem: HTMLSpanElement;\n  private inputElem: HTMLInputElement;\n  private prevCheckedValue: boolean;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @AttachInternals() internals!: ElementInternals;\n  @Element() el!: HTMLBqSwitchElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() hasLabel = false;\n\n  // Public Property API\n  // ========================\n\n  /** If true, a background will be displayed on hover */\n  @Prop({ reflect: true }) backgroundOnHover?: boolean = false;\n\n  /** It indicates whether if the switch is `ON` by default (when the page loads) */\n  @Prop({ reflect: true, mutable: true }) checked?: boolean = false;\n\n  /** If true, the switch control will be disabled and no interaction will be allowed */\n  @Prop({ reflect: true }) disabled?: boolean = false;\n\n  /** The native form validation message */\n  @Prop({ mutable: true }) formValidationMessage?: string;\n\n  /** If true, the component will take the full width space available on the parent container */\n  @Prop({ reflect: true }) fullWidth?: boolean = false;\n\n  /** It indicates how to to display the on/off marks inside the control, with icons or none (default)  */\n  @Prop({ reflect: true }) innerLabel?: TSwitchInnerLabel = 'default';\n\n  /**\n   * It defines how to distribute the space between and around the control and the label text\n   * (https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\n   */\n  @Prop({ reflect: true }) justifyContent?: TSwitchJustifyContent = 'start';\n\n  /** Name of the form control. Submitted with the form as part of a name/value pair */\n  @Prop({ reflect: true }) name!: string;\n\n  /** If `true`, it will indicate that the user must switch `ON` the element before the owning form can be submitted */\n  @Prop({ reflect: true }) required?: boolean = false;\n\n  /** If true, the order of the control and the label text will be changed  */\n  @Prop({ reflect: true }) reverseOrder?: boolean = false;\n\n  /** The input control's value, submitted as a name/value pair with form data. */\n  @Prop({ reflect: true }) value?: string;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('required')\n  handleRequiredChange() {\n    this.updateFormValidity();\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when the switch state changes */\n  @Event() bqChange: EventEmitter<{ checked: boolean }>;\n\n  /** Handler to be called when the switch gets focus */\n  @Event() bqFocus: EventEmitter<HTMLBqSwitchElement>;\n\n  /** Handler to be called when the switch loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqSwitchElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.prevCheckedValue = this.checked;\n  }\n\n  componentDidLoad() {\n    this.handleSlotChange();\n  }\n\n  componentDidUpdate() {\n    /**\n     * We need to trigger the `bqChange` immediately after the first update happens\n     * so the checked attribute get applied, otherwise, a delay will happen\n     * between the event emits and when the checked attribute value gets reflected in the element host.\n     */\n    if (this.checked !== this.prevCheckedValue) {\n      this.bqChange.emit({ checked: this.checked });\n      this.prevCheckedValue = this.checked;\n    }\n  }\n\n  formAssociatedCallback() {\n    this.setFormValue(this.checked);\n    this.updateFormValidity();\n  }\n\n  formResetCallback() {\n    // Reset the form value and validity state\n    this.checked = false;\n    this.inputElem.removeAttribute('checked');\n    this.internals?.setFormValue(undefined);\n    this.updateFormValidity();\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  /**\n   * Simulate a click event on the native `<input>` HTML element used under the hood.\n   * Use this method instead of the global `element.click()`.\n   */\n  @Method()\n  async vClick() {\n    this.inputElem?.click();\n  }\n\n  /**\n   * Sets focus on the native `<input>` HTML element used under the hood.\n   * Use this method instead of the global `element.focus()`.\n   */\n  @Method()\n  async vFocus() {\n    this.inputElem?.focus();\n  }\n\n  /**\n   * Remove focus from the native `<input>` HTML element used under the hood.\n   * Use this method instead of the global `element.blur()`.\n   */\n  @Method()\n  async vBlur() {\n    this.inputElem?.blur();\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleChange = () => {\n    this.checked = !this.checked;\n    this.inputElem.setAttribute('checked', `${this.checked}`);\n    this.setFormValue(this.checked);\n    this.updateFormValidity();\n  };\n\n  private handleOnFocus = () => {\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleOnBlur = () => {\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleSlotChange = () => {\n    const slot = this.labelElem?.querySelector('slot') ?? null;\n    if (isNil(slot)) return;\n\n    this.hasLabel = !!getTextContent(slot, { recurse: true }).length;\n  };\n\n  private setFormValue = (checked: boolean) => {\n    const value = checked ? 'on' : undefined;\n    // Set form value based on the checked state\n    // Here we also pass the state of the component (2nd argument) as the state of the form control\n    // Details: https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue\n    this.internals?.setFormValue(value, `${this.checked}`);\n  };\n\n  private updateFormValidity = () => {\n    const { formValidationMessage, internals, required, checked, inputElem } = this;\n    // Clear the validity state\n    internals?.states.clear();\n\n    if (!(required && !checked)) {\n      // If the switch component is not required or is checked, set the validity state to valid\n      internals?.states.add('valid');\n      internals?.setValidity({});\n      return;\n    }\n\n    // Set validity state based on the required property and checked state\n    internals?.states.add('invalid');\n    internals?.setValidity({ valueMissing: true }, formValidationMessage, inputElem);\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const hostStyle = {\n      ...(this.justifyContent && { '--bq-switch--justify-content': this.justifyContent }),\n    };\n\n    const labelCssClasses = {\n      'has-background': this.backgroundOnHover,\n      'is-checked': this.checked,\n      'is-disabled': this.disabled,\n      'flex-row-reverse': this.reverseOrder,\n    };\n\n    return (\n      <Host class={{ 'full-width': this.fullWidth }} style={hostStyle}>\n        <label class={{ 'bq-switch group': true, ...labelCssClasses }} part=\"base\">\n          {/* Hidden native HTML input */}\n          <input\n            class=\"bq-switch--input peer sr-only !bs-[--bq-switch--dot-size] !is-[--bq-switch--width] peer-checked:invisible\"\n            type=\"checkbox\"\n            checked={this.checked}\n            disabled={this.disabled}\n            required={this.required}\n            name={!isNil(this.name) ? this.name : undefined}\n            aria-label={this.name}\n            aria-checked={this.checked ? 'true' : 'false'}\n            aria-disabled={this.disabled ? 'true' : 'false'}\n            onBlur={this.handleOnBlur}\n            onChange={this.handleChange}\n            onFocus={this.handleOnFocus}\n            ref={(input) => (this.inputElem = input)}\n            role=\"switch\"\n            value={this.value}\n          />\n          {/* Control */}\n          <div\n            class=\"bq-switch--control relative box-border flex justify-between rounded-full bg-ui-tertiary transition duration-300 bs-[--bq-switch--height] is-[--bq-switch--width] p-b-xs2 p-i-xs2 group-[&.is-checked]:bg-ui-brand\"\n            part=\"control\"\n          >\n            {this.innerLabel === 'icon' && (\n              <bq-icon\n                class=\"bq-switch--control__icon on\"\n                name=\"check\"\n                color=\"icon--alt\"\n                role=\"img\"\n                title=\"On\"\n                part=\"icon-on\"\n              />\n            )}\n            {this.innerLabel === 'icon' && (\n              <bq-icon\n                class=\"bq-switch--control__icon off\"\n                name=\"x\"\n                color=\"icon--inverse\"\n                role=\"img\"\n                title=\"Off\"\n                part=\"icon-off\"\n              />\n            )}\n            {/* Dot */}\n            <div class=\"bq-switch--control__dot\" part=\"dot\" />\n          </div>\n          {/* Label */}\n          <span\n            class={{\n              'bq-switch--label text-m font-medium leading-regular text-primary transition-colors duration-300': true,\n              'ms-s': this.hasLabel && !this.reverseOrder,\n              'me-s': this.hasLabel && this.reverseOrder,\n            }}\n            ref={(span) => (this.labelElem = span)}\n            part=\"label\"\n          >\n            <slot onSlotchange={this.handleSlotChange} />\n          </span>\n        </label>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/beeq/p-8eb8612b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["bqSideMenuItemCss","BqSideMenuItem","labelElem","textContent","active","collapse","disabled","bqBlur","bqFocus","bqClick","componentDidLoad","this","handleSlotChange","getTextContent","querySelector","handleBlur","ev","preventDefault","stopPropagation","emit","el","handleFocus","handleClick","menuItem","h","class","onBlur","onFocus","onClick","role","tabindex","slot","part","name","ref","onSlotchange","render","placement","exportparts"],"sources":["../../packages/beeq/src/components/side-menu-item/scss/bq-side-menu-item.scss?tag=bq-side-menu-item&encapsulation=shadow","../../packages/beeq/src/components/side-menu-item/bq-side-menu-item.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Side menu item styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-side-menu-item.variables';\n\n:host {\n  @apply flex;\n}\n\n.bq-side-menu__item {\n  @apply flex flex-grow items-center gap-x-s rounded-s border-none px-[var(--bq-side-menu-item--paddingX)] py-[var(--bq-side-menu-item--paddingY)] no-underline transition-colors duration-150;\n\n  // Default state\n  @apply bg-[var(--bq-side-menu-item--bg-default)] text-m text-[color:var(--bq-side-menu-item--text-default)];\n\n  // Focus state\n  @apply [&:not(.disabled)]:focus-visible:focus;\n\n  // Hover state\n  @apply [&:not(.disabled)]:hover:cursor-pointer;\n  @apply [&:not(.disabled,.active)]:hover:text-m [&:not(.disabled,.active)]:hover:bg-hover-ui-alt [&:not(.disabled,.active)]:hover:text-hover-primary;\n}\n\n.bq-side-menu__item.active {\n  // Active state\n  @apply bg-[var(--bq-side-menu-item--bg-active)] text-m text-[color:var(--bq-side-menu-item--text-active)];\n}\n\n.bq-side-menu__item.disabled {\n  @apply opacity-60 hover:cursor-not-allowed;\n}\n\n.bq-side-menu__item.is-collapsed {\n  @apply justify-center gap-0;\n\n  .bq-side-menu__item--label,\n  .bq-side-menu__item--suffix {\n    @apply sr-only scale-0;\n  }\n}\n\n.bq-side-menu__item--label,\n.bq-side-menu__item--suffix {\n  @apply transition-all duration-300 ease-in-out;\n}\n","import { Component, Element, Event, h, Prop, State } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\nimport { getTextContent } from '../../shared/utils';\n\n/**\n * Represents the default side menu item for standard navigation elements, providing a clean and straightforward way to display menu options.\n *\n * @example How to use it\n * ```html\n * <bq-side-menu-item>\n *   <bq-icon name=\"star-four\" slot=\"prefix\"></bq-icon>\n *   Menu item\n *   <bq-badge slot=\"suffix\">5</bq-badge>\n * </bq-side-menu-item>\n * ```\n * @documentation https://www.beeq.design/3d466e231/p/99822d-side-menu/b/09d7b1\n * @status stable\n *\n * @dependency bq-tooltip\n *\n * @attr {boolean} active - If `true`, the menu item will be shown as active/selected.\n * @attr {boolean} collapse - If `true`, the item label and suffix will be hidden and the `width` will be reduced according to its parent.\n * @attr {boolean} disabled - If `true`, the menu item will be disabled (no interaction allowed).\n *\n * @event bqBlur - Handler to be called when the button loses focus.\n * @event bqClick - Handler to be called when the button gets focused.\n * @event bqFocus - Handler to be called when the button is clicked.\n *\n * @slot prefix - The prefix part of menu item.\n * @slot - The content of the menu item.\n * @slot suffix - The suffix part of menu item.\n *\n * @part base - The component wrapper container inside the shadow DOM\n * @part label - The label slot\n * @part prefix - The prefix slot\n * @part suffix - The suffix slot\n * @part panel - The `<div>` container that holds the tooltip content (when the side menu is collapsed)\n * @part trigger - The `<div>` container that holds the element which displays tooltip on hover (when the side menu is collapsed)\n *\n * @cssprop --bq-side-menu-item--bg-default - Side menu item default background color\n * @cssprop --bq-side-menu-item--bg-active - Side menu item active background color\n * @cssprop --bq-side-menu-item--text-default - Side menu item default text color\n * @cssprop --bq-side-menu-item--text-active - Side menu item active text color\n * @cssprop --bq-side-menu-item--paddingX - Side menu item vertical padding\n * @cssprop --bq-side-menu-item--paddingY - Side menu item horizontal padding\n */\n@Component({\n  tag: 'bq-side-menu-item',\n  styleUrl: './scss/bq-side-menu-item.scss',\n  shadow: true,\n})\nexport class BqSideMenuItem {\n  // Own Properties\n  // ====================\n\n  private labelElem: HTMLElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqSideMenuItemElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() textContent: string;\n\n  // Public Property API\n  // ========================\n\n  /** If true, the menu item will be shown as active/selected. */\n  @Prop() active: boolean = false;\n\n  /** If true, the item label and suffix will be hidden and the `width` will be reduced according to its parent. */\n  @Prop() collapse: boolean = false;\n\n  /** If true, the menu item will be disabled (no interaction allowed) */\n  @Prop() disabled: 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 the button loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqSideMenuItemElement>;\n\n  /** Handler to be called when the button is clicked */\n  @Event() bqFocus: EventEmitter<HTMLBqSideMenuItemElement>;\n\n  /** Handler to be called when button gets focus */\n  @Event() bqClick: EventEmitter<HTMLBqSideMenuItemElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    this.handleSlotChange();\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 handleSlotChange = () => {\n    if (!this.labelElem) return;\n    this.textContent = getTextContent(this.labelElem.querySelector('slot'));\n  };\n\n  handleBlur = (ev: Event) => {\n    if (this.disabled) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      return;\n    }\n\n    this.bqBlur.emit(this.el);\n  };\n\n  handleFocus = (ev: Event) => {\n    if (this.disabled) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      return;\n    }\n\n    this.bqFocus.emit(this.el);\n  };\n\n  handleClick = (ev: Event) => {\n    if (this.disabled || this.active) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      return;\n    }\n\n    this.bqClick.emit(this.el);\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  private menuItem = () => (\n    <button\n      class={{\n        'bq-side-menu__item': true,\n        active: this.active,\n        disabled: this.disabled,\n        'is-collapsed': this.collapse,\n      }}\n      onBlur={this.handleBlur}\n      onFocus={this.handleFocus}\n      onClick={this.handleClick}\n      aria-disabled={this.disabled ? 'true' : 'false'}\n      role=\"menuitem\"\n      tabindex={this.disabled ? -1 : 0}\n      slot=\"trigger\"\n      part=\"base\"\n    >\n      <div class=\"bq-side-menu__item--prefix flex items-center\" part=\"prefix\">\n        <slot name=\"prefix\" />\n      </div>\n      <div\n        class=\"bq-side-menu__item--label overflow-hidden text-ellipsis whitespace-nowrap\"\n        ref={(labelElem) => (this.labelElem = labelElem)}\n      >\n        <slot onSlotchange={this.handleSlotChange} />\n      </div>\n      <div class=\"bq-side-menu__item--suffix ml-auto flex items-center\" part=\"suffix\">\n        <slot name=\"suffix\" />\n      </div>\n    </button>\n  );\n\n  render() {\n    return !this.collapse ? (\n      this.menuItem()\n    ) : (\n      <bq-tooltip class=\"bq-side-menu__item--tooltip block\" placement=\"right\" exportparts=\"trigger, panel\">\n        {this.textContent}\n        {this.menuItem()}\n      </bq-tooltip>\n    );\n  }\n}\n"],"mappings":";;;;6FAAA,MAAMA,EAAoB,i/vB,MCoDbC,EAAc,M,oHAIjBC,U,wBAWCC,YAMDC,OAAkB,MAGlBC,SAAoB,MAGpBC,SAAoB,MAUnBC,OAGAC,QAGAC,QAMT,gBAAAC,GACEC,KAAKC,kB,CAkBCA,iBAAmB,KACzB,IAAKD,KAAKT,UAAW,OACrBS,KAAKR,YAAcU,EAAeF,KAAKT,UAAUY,cAAc,QAAQ,EAGzEC,WAAcC,IACZ,GAAIL,KAAKL,SAAU,CACjBU,EAAGC,iBACHD,EAAGE,kBACH,M,CAGFP,KAAKJ,OAAOY,KAAKR,KAAKS,GAAG,EAG3BC,YAAeL,IACb,GAAIL,KAAKL,SAAU,CACjBU,EAAGC,iBACHD,EAAGE,kBACH,M,CAGFP,KAAKH,QAAQW,KAAKR,KAAKS,GAAG,EAG5BE,YAAeN,IACb,GAAIL,KAAKL,UAAYK,KAAKP,OAAQ,CAChCY,EAAGC,iBACHD,EAAGE,kBACH,M,CAGFP,KAAKF,QAAQU,KAAKR,KAAKS,GAAG,EAOpBG,SAAW,IACjBC,EAAA,UACEC,MAAO,CACL,qBAAsB,KACtBrB,OAAQO,KAAKP,OACbE,SAAUK,KAAKL,SACf,eAAgBK,KAAKN,UAEvBqB,OAAQf,KAAKI,WACbY,QAAShB,KAAKU,YACdO,QAASjB,KAAKW,YACC,gBAAAX,KAAKL,SAAW,OAAS,QACxCuB,KAAK,WACLC,SAAUnB,KAAKL,UAAW,EAAK,EAC/ByB,KAAK,UACLC,KAAK,QAELR,EAAA,OAAKC,MAAM,+CAA+CO,KAAK,UAC7DR,EAAA,QAAMS,KAAK,YAEbT,EAAA,OACEC,MAAM,4EACNS,IAAMhC,GAAeS,KAAKT,UAAYA,GAEtCsB,EAAA,QAAMW,aAAcxB,KAAKC,oBAE3BY,EAAA,OAAKC,MAAM,uDAAuDO,KAAK,UACrER,EAAA,QAAMS,KAAK,aAKjB,MAAAG,GACE,OAAQzB,KAAKN,SACXM,KAAKY,WAELC,EAAA,cAAYC,MAAM,oCAAoCY,UAAU,QAAQC,YAAY,kBACjF3B,KAAKR,YACLQ,KAAKY,W","ignoreList":[]}

package/dist/beeq/p-9305e1a2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DIALOG_SIZE","DIALOG_FOOTER_APPEARANCE","bqDialogCss","BqDialog","dialogElem","contentElem","footerElem","closeSlotElem","OPEN_CSS_CLASS","hasContent","hasFooter","border","disableBackdrop","disableCloseEscKeydown","disableCloseClickOutside","footerAppearance","hideCloseButton","open","size","checkPropValues","validatePropValue","this","el","handleOpenChange","handleOpen","handleClose","bqCancel","bqClose","bqOpen","bqAfterOpen","bqAfterClose","componentWillLoad","componentDidLoad","handleSlotChange","shadowRoot","querySelector","addEventListener","hide","disconnectedCallback","removeEventListener","handleMouseClick","event","button","rect","getBoundingClientRect","clientY","top","bottom","clientX","left","right","cancel","handleKeyDown","ev","isEscapeKey","key","preventDefault","show","emit","defaultPrevented","async","leave","close","handleTransitionEnd","classList","add","showModal","enter","remove","hasSlotContent","render","style","h","class","inert","undefined","ref","part","id","name","appearance","role","title","mainElem","onSlotchange"],"sources":["../../packages/beeq/src/components/dialog/bq-dialog.types.ts","../../packages/beeq/src/components/dialog/scss/bq-dialog.scss?tag=bq-dialog&encapsulation=shadow","../../packages/beeq/src/components/dialog/bq-dialog.tsx"],"sourcesContent":["export const DIALOG_SIZE = ['small', 'medium', 'large'] as const;\nexport type TDialogSize = (typeof DIALOG_SIZE)[number];\n\nexport const DIALOG_FOOTER_APPEARANCE = ['standard', 'highlight'] as const;\nexport type TDialogFooterAppearance = (typeof DIALOG_FOOTER_APPEARANCE)[number];\n\nexport const DIALOG_BORDER_RADIUS = ['none', 'xs2', 'xs', 's', 'm', 'l', 'full'] as const;\nexport type TDialogBorderRadius = (typeof DIALOG_BORDER_RADIUS)[number];\n","/* -------------------------------------------------------------------------- */\n/*                                Dialog styles                               */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-dialog.variables';\n\n:host {\n  @apply invisible #{!important};\n}\n\n:host(.bq-dialog--open) {\n  @apply visible #{!important};\n}\n\n/* --------------------------------- Dialog --------------------------------- */\n\n.bq-dialog {\n  @apply fixed flex flex-col gap-[--bq-dialog--content-footer-gap] p-b-0 p-i-0;\n  @apply bg-[--bq-dialog--background] text-[--bq-dialog--text-color] shadow-[shadow:--bq-dialog--box-shadow];\n  @apply rounded-[--bq-dialog--border-radius] border-[length:--bq-dialog--border-width] border-[color:--bq-dialog--border-color];\n  // If mobile resolution, dialog will be full width\n  @apply is-[90vw];\n\n  border-style: var(--bq-dialog--border-style);\n\n  &.small {\n    @apply sm:is-[--bq-dialog--width-small];\n  }\n\n  &.medium {\n    @apply sm:is-[--bq-dialog--width-medium];\n  }\n\n  &.large {\n    @apply sm:is-[--bq-dialog--width-large];\n  }\n}\n\n/* ----------------------------- Dialog backdrop ---------------------------- */\n\n.bq-dialog::backdrop {\n  @apply bg-[--bq-dialog--background-backdrop] opacity-0 transition-[opacity] duration-300 ease-in-out;\n}\n\n.bq-dialog[open]::backdrop {\n  @apply opacity-60;\n}\n\n/* ------------------------------ Dialog header ----------------------------- */\n\n.bq-dialog--header {\n  @apply sticky flex items-center gap-m p-b-[--bq-dialog--padding] p-be-0 p-i-[--bq-dialog--padding] inset-bs-0;\n}\n\n/* ------------------------------ Dialog footer ----------------------------- */\n\n.bq-dialog--footer {\n  @apply sticky flex items-center justify-end gap-xs is-full p-b-[--bq-dialog--padding] p-bs-0 p-i-[--bq-dialog--padding] inset-bs-[100%];\n}\n\n/* --------------------------- Dialog close button -------------------------- */\n\n.bq-dialog--close {\n  --bq-radius--m: theme(borderRadius.s);\n  --bq-button--small-paddingX: theme(spacing.xs2);\n  --bq-button--small-paddingY: theme(spacing.xs2);\n\n  &::part(button) {\n    @apply border-none;\n  }\n}\n","import { Component, Element, Event, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\nimport { DIALOG_FOOTER_APPEARANCE, DIALOG_SIZE } from './bq-dialog.types';\nimport type { TDialogBorderRadius, TDialogFooterAppearance, TDialogSize } from './bq-dialog.types';\nimport { enter, hasSlotContent, leave, validatePropValue } from '../../shared/utils';\n\n/**\n * The Dialog component is used to display additional content or prompt a user for action.\n * It provides a way to display additional information, options, or controls in a separate, non-obstructive interface element.\n *\n * @example How to use it\n * ```html\n * <bq-dialog footer-appearance=\"standard\" border=\"m\" size=\"medium\">\n *   <h5 class=\"bold flex items-center gap-s\" slot=\"title\">\n *     <bq-icon name=\"info\" size=\"30\" color=\"text--accent\" role=\"img\" title=\"Info\"></bq-icon>\n *     Title\n *   </h5>\n *   <p>\n *     Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's\n *     standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a\n *     type specimen book.\n *   </p>\n *   <div class=\"flex gap-xs\" slot=\"footer\">\n *     <bq-button appearance=\"link\">Button</bq-button>\n *     <bq-button variant=\"ghost\">Button</bq-button>\n *     <bq-button variant=\"standard\" slot=\"footer\">Button</bq-button>\n *   </div>\n * </bq-dialog>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/15b6fc-dialog\n * @status stable\n *\n * @dependency bq-button\n * @dependency bq-icon\n *\n * @attr {\"none\" | \"xs2\" | \"xs\" | \"s\" | \"m\" | \"l\" | \"full\"} border - Border radius of the dialog component.\n * @attr {boolean} disable-backdrop - If true, the backdrop overlay won't be shown when the dialog opens.\n * @attr {boolean} disable-close-esc-keydown - If true, the dialog will not close when the [Esc] key is pressed.\n * @attr {boolean} disable-close-click-outside - If true, the dialog will not close when clicking on the backdrop overlay.\n * @attr {\"standard\" | \"highlight\"} footer-appearance - The appearance of the footer.\n * @attr {boolean} hide-close-button - If true, it hides the close button.\n * @attr {boolean} open - If true, the dialog will be shown as open.\n * @attr {\"small\" | \"medium\" | \"large\"} size - The size of the dialog.\n *\n * @method show - Open the dialog.\n * @method hide - Closes the dialog.\n * @method cancel - Dismiss or cancel the dialog.\n *\n * @event bqCancel - Callback handler emitted when the dialog has been canceled or dismissed.\n * @event bqClose - Callback handler emitted when the dialog will close.\n * @event bqOpen - Callback handler emitted when the dialog will open.\n * @event bqAfterOpen - Callback handler emitted when the dialog finish opening.\n * @event bqAfterClose - Callback handler emitted when the dialog finish closing.\n *\n * @slot title - The title content of the dialog.\n * @slot - The body content of the dialog.\n * @slot footer - The footer content of the dialog.\n * @slot button-close - The close button content of the dialog.\n *\n * @part body - The `<main>` that holds the dialog body content.\n * @part button-close - The button that closes the dialog on click.\n * @part content - The `<div>` container that holds the dialog title and body content.\n * @part dialog - The `<dialog>` wrapper container inside the shadow DOM.\n * @part footer - The `<footer>` that holds footer content.\n * @part header - The `<header>` that holds the icon, title, description and close button.\n * @part title - The `<div>` that holds the title content.\n *\n * @cssprop --bq-dialog--background - Dialog background color\n * @cssprop --bq-dialog--background-backdrop - Dialog backdrop background color\n * @cssprop --bq-dialog--box-shadow - Dialog box shadow\n * @cssprop --bq-dialog--border-color - Dialog border color\n * @cssprop --bq-dialog--border-style - Dialog border style\n * @cssprop --bq-dialog--border-width - Dialog border width\n * @cssprop --bq-dialog--border-radius - Dialog border radius\n * @cssprop --bq-dialog--padding - Dialog padding\n * @cssprop --bq-dialog--content-footer-gap - Dialog gap distance between content and footer elements\n * @cssprop --bq-dialog--title-body-gap - Dialog gap distance between title and body elements\n * @cssprop --bq-dialog--width-small - Dialog small width\n * @cssprop --bq-dialog--width-medium - Dialog medium width\n * @cssprop --bq-dialog--width-large - Dialog large width\n * @cssprop --bq-dialog-z-index - Dialog z-index applied when opened\n */\n@Component({\n  tag: 'bq-dialog',\n  styleUrl: './scss/bq-dialog.scss',\n  shadow: true,\n})\nexport class BqDialog {\n  // Own Properties\n  // ====================\n\n  private dialogElem: HTMLDialogElement;\n  private contentElem: HTMLElement;\n  private footerElem: HTMLElement;\n  private closeSlotElem: HTMLElement;\n  private OPEN_CSS_CLASS = 'bq-dialog--open';\n\n  // Reference to host HTML element\n  // ===================================\n  @Element() el!: HTMLBqDialogElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private hasContent = false;\n  @State() private hasFooter = false;\n\n  // Public Property API\n  // ========================\n\n  /** Border radius of the dialog component */\n  @Prop({ reflect: true }) border: TDialogBorderRadius = 'm';\n\n  /** If true, the backdrop overlay won't be shown when the dialog opens */\n  @Prop({ reflect: true }) disableBackdrop = false;\n\n  /** If true, the dialog will not close when the [Esc] key is press */\n  @Prop({ reflect: true }) disableCloseEscKeydown = false;\n\n  /** If true, the dialog will not close when clicking on the backdrop overlay */\n  @Prop({ reflect: true }) disableCloseClickOutside = false;\n\n  /** The appearance of footer */\n  @Prop({ reflect: true }) footerAppearance: TDialogFooterAppearance = 'standard';\n\n  /** If true, it hides the close button */\n  @Prop({ reflect: true }) hideCloseButton = false;\n\n  /** If true, the dialog will be shown as open */\n  @Prop({ reflect: true, mutable: true }) open: boolean = false;\n\n  /** The size of the dialog */\n  @Prop({ reflect: true, mutable: true }) size: TDialogSize = 'medium';\n\n  // Prop lifecycle events\n  // =======================\n  @Watch('footerAppearance')\n  @Watch('size')\n  checkPropValues() {\n    validatePropValue(DIALOG_SIZE, 'large', this.el, 'size');\n    validatePropValue(DIALOG_FOOTER_APPEARANCE, 'standard', this.el, 'footerAppearance');\n  }\n\n  @Watch('open')\n  async handleOpenChange() {\n    if (this.open) {\n      await this.handleOpen();\n      return;\n    }\n\n    await this.handleClose();\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler emitted when the dialog has been canceled or dismissed */\n  @Event() bqCancel!: EventEmitter<void>;\n\n  /** Callback handler emitted when the dialog will close */\n  @Event() bqClose!: EventEmitter<void>;\n\n  /** Callback handler emitted when the dialog will open */\n  @Event() bqOpen!: EventEmitter<void>;\n\n  /** Callback handler emitted when the dialog finish opening */\n  @Event() bqAfterOpen!: EventEmitter<void>;\n\n  /** Callback handler emitted when the dialog finish closing */\n  @Event() bqAfterClose!: EventEmitter<void>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.checkPropValues();\n  }\n\n  componentDidLoad() {\n    this.handleSlotChange();\n    this.handleOpenChange();\n\n    this.closeSlotElem = this.el.shadowRoot.querySelector('slot[name=\"button-close\"]');\n    this.closeSlotElem?.addEventListener('click', () => this.hide());\n  }\n\n  disconnectedCallback() {\n    this.closeSlotElem?.removeEventListener('click', () => this.hide());\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('mousedown', { target: 'window', capture: true })\n  async handleMouseClick(event: MouseEvent) {\n    if (!this.open) return;\n    if (!this.dialogElem || this.disableCloseClickOutside) return;\n    // Skip if the mouse button is not the main button\n    if (event.button !== 0) return;\n\n    const rect = this.dialogElem.getBoundingClientRect();\n    if (\n      event.clientY < rect.top ||\n      event.clientY > rect.bottom ||\n      event.clientX < rect.left ||\n      event.clientX > rect.right\n    ) {\n      await this.cancel();\n    }\n  }\n\n  @Listen('keydown', { target: 'window', capture: true })\n  async handleKeyDown(ev: KeyboardEvent) {\n    const isEscapeKey = ev.key === 'Escape' || ev.key === 'Esc';\n    if (!this.open || !this.dialogElem || !isEscapeKey) return;\n\n    if (this.disableCloseEscKeydown) {\n      ev.preventDefault();\n      return;\n    }\n\n    await this.cancel();\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  /** Open the dialog */\n  @Method()\n  async show() {\n    const ev = this.bqOpen.emit();\n    if (ev.defaultPrevented) return;\n\n    this.open = true;\n  }\n\n  /** Closes the dialog */\n  @Method()\n  async hide() {\n    const ev = this.bqClose.emit();\n    if (ev.defaultPrevented) return;\n\n    this.open = false;\n  }\n\n  /** Dismiss or cancel the dialog */\n  @Method()\n  async cancel() {\n    const ev = this.bqCancel.emit();\n    if (ev.defaultPrevented) return;\n\n    this.open = false;\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleClose = async () => {\n    if (!this.dialogElem) return;\n\n    await leave(this.dialogElem);\n    this.dialogElem.close();\n    // Emit bqAfterClose event after the dialog is closed\n    this.handleTransitionEnd();\n  };\n\n  private handleOpen = async () => {\n    if (!this.dialogElem) return;\n\n    this.el.classList.add(this.OPEN_CSS_CLASS);\n    // Show the dialog\n    if (this.disableBackdrop) {\n      this.dialogElem.show();\n    } else {\n      this.dialogElem.showModal();\n    }\n    await enter(this.dialogElem);\n    // Emit bqAfterOpen event after the dialog is opened\n    this.handleTransitionEnd();\n  };\n\n  private handleTransitionEnd = () => {\n    if (this.open) {\n      this.bqAfterOpen.emit();\n      return;\n    }\n\n    this.bqAfterClose.emit();\n    this.el.classList.remove(this.OPEN_CSS_CLASS);\n  };\n\n  private handleSlotChange = () => {\n    this.hasContent = hasSlotContent(this.contentElem);\n    this.hasFooter = hasSlotContent(this.footerElem, 'footer');\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const style = {\n      ...(this.border && { '--bq-dialog--border-radius': `var(--bq-radius--${this.border})` }),\n    };\n\n    return (\n      <dialog\n        style={style}\n        class={{\n          [`bq-dialog hidden ${this.size} m-auto focus-visible:outline-none`]: true,\n          'inset-be-[50%] inset-bs-[50%]': this.disableBackdrop,\n        }}\n        data-transition-enter=\"transition ease-in duration-300\"\n        data-transition-enter-start=\"opacity-0 scale-90\"\n        data-transition-enter-end=\"opacity-100 scale-100\"\n        data-transition-leave=\"transition ease-out duration-300\"\n        data-transition-leave-start=\"opacity-100 scale-100\"\n        data-transition-leave-end=\"opacity-0 scale-90\"\n        inert={this.open ? undefined : true}\n        ref={(dialogElem) => (this.dialogElem = dialogElem)}\n        aria-modal=\"true\"\n        aria-labelledby=\"bq-dialog--title\"\n        part=\"dialog\"\n      >\n        <main class=\"flex flex-col gap-[--bq-dialog--title-body-gap] overflow-hidden\" part=\"content\">\n          <header class=\"bq-dialog--header\" part=\"header\">\n            <div id=\"bq-dialog--title\" class=\"bq-dialog--title flex flex-1 items-center justify-between\" part=\"title\">\n              <slot name=\"title\" />\n            </div>\n            <slot name=\"button-close\">\n              {!this.hideCloseButton && (\n                <bq-button class=\"bq-dialog--close\" appearance=\"text\" size=\"small\">\n                  <bq-icon class=\"cursor-pointer\" name=\"x\" role=\"img\" title=\"Close\" />\n                </bq-button>\n              )}\n            </slot>\n          </header>\n          <div\n            class={{\n              '!hidden': !this.hasContent,\n              'overflow-y-auto p-i-[--bq-dialog--padding]': this.hasContent,\n              '!p-be-[--bq-dialog--padding]': !this.hasFooter,\n            }}\n            ref={(mainElem) => (this.contentElem = mainElem)}\n            part=\"body\"\n          >\n            <slot onSlotchange={this.handleSlotChange} />\n          </div>\n        </main>\n        <footer\n          class={{\n            '!hidden': !this.hasFooter,\n            'bq-dialog--footer': this.hasFooter,\n            'bg-ui-alt !p-b-s': this.footerAppearance === 'highlight',\n          }}\n          ref={(footerElem) => (this.footerElem = footerElem)}\n          part=\"footer\"\n        >\n          <slot name=\"footer\" onSlotchange={this.handleSlotChange} />\n        </footer>\n      </dialog>\n    );\n  }\n}\n"],"mappings":";;;;4KAAO,MAAMA,EAAc,CAAC,QAAS,SAAU,SAGxC,MAAMC,EAA2B,CAAC,WAAY,aCHrD,MAAMC,EAAc,+y0B,MCyFPC,EAAQ,M,sMAIXC,WACAC,YACAC,WACAC,cACAC,eAAiB,kB,wBAURC,WAAa,MACbC,UAAY,MAMJC,OAA8B,IAG9BC,gBAAkB,MAGlBC,uBAAyB,MAGzBC,yBAA2B,MAG3BC,iBAA4C,WAG5CC,gBAAkB,MAGHC,KAAgB,MAGhBC,KAAoB,SAM5D,eAAAC,GACEC,EAAkBpB,EAAa,QAASqB,KAAKC,GAAI,QACjDF,EAAkBnB,EAA0B,WAAYoB,KAAKC,GAAI,mB,CAInE,sBAAMC,GACJ,GAAIF,KAAKJ,KAAM,OACPI,KAAKG,aACX,M,OAGIH,KAAKI,a,CAQJC,SAGAC,QAGAC,OAGAC,YAGAC,aAMT,iBAAAC,GACEV,KAAKF,iB,CAGP,gBAAAa,GACEX,KAAKY,mBACLZ,KAAKE,mBAELF,KAAKd,cAAgBc,KAAKC,GAAGY,WAAWC,cAAc,6BACtDd,KAAKd,eAAe6B,iBAAiB,SAAS,IAAMf,KAAKgB,Q,CAG3D,oBAAAC,GACEjB,KAAKd,eAAegC,oBAAoB,SAAS,IAAMlB,KAAKgB,Q,CAO9D,sBAAMG,CAAiBC,GACrB,IAAKpB,KAAKJ,KAAM,OAChB,IAAKI,KAAKjB,YAAciB,KAAKP,yBAA0B,OAEvD,GAAI2B,EAAMC,SAAW,EAAG,OAExB,MAAMC,EAAOtB,KAAKjB,WAAWwC,wBAC7B,GACEH,EAAMI,QAAUF,EAAKG,KACrBL,EAAMI,QAAUF,EAAKI,QACrBN,EAAMO,QAAUL,EAAKM,MACrBR,EAAMO,QAAUL,EAAKO,MACrB,OACM7B,KAAK8B,Q,EAKf,mBAAMC,CAAcC,GAClB,MAAMC,EAAcD,EAAGE,MAAQ,UAAYF,EAAGE,MAAQ,MACtD,IAAKlC,KAAKJ,OAASI,KAAKjB,aAAekD,EAAa,OAEpD,GAAIjC,KAAKR,uBAAwB,CAC/BwC,EAAGG,iBACH,M,OAGInC,KAAK8B,Q,CAYb,UAAMM,GACJ,MAAMJ,EAAKhC,KAAKO,OAAO8B,OACvB,GAAIL,EAAGM,iBAAkB,OAEzBtC,KAAKJ,KAAO,I,CAKd,UAAMoB,GACJ,MAAMgB,EAAKhC,KAAKM,QAAQ+B,OACxB,GAAIL,EAAGM,iBAAkB,OAEzBtC,KAAKJ,KAAO,K,CAKd,YAAMkC,GACJ,MAAME,EAAKhC,KAAKK,SAASgC,OACzB,GAAIL,EAAGM,iBAAkB,OAEzBtC,KAAKJ,KAAO,K,CAQNQ,YAAcmC,UACpB,IAAKvC,KAAKjB,WAAY,aAEhByD,EAAMxC,KAAKjB,YACjBiB,KAAKjB,WAAW0D,QAEhBzC,KAAK0C,qBAAqB,EAGpBvC,WAAaoC,UACnB,IAAKvC,KAAKjB,WAAY,OAEtBiB,KAAKC,GAAG0C,UAAUC,IAAI5C,KAAKb,gBAE3B,GAAIa,KAAKT,gBAAiB,CACxBS,KAAKjB,WAAWqD,M,KACX,CACLpC,KAAKjB,WAAW8D,W,OAEZC,EAAM9C,KAAKjB,YAEjBiB,KAAK0C,qBAAqB,EAGpBA,oBAAsB,KAC5B,GAAI1C,KAAKJ,KAAM,CACbI,KAAKQ,YAAY6B,OACjB,M,CAGFrC,KAAKS,aAAa4B,OAClBrC,KAAKC,GAAG0C,UAAUI,OAAO/C,KAAKb,eAAe,EAGvCyB,iBAAmB,KACzBZ,KAAKZ,WAAa4D,EAAehD,KAAKhB,aACtCgB,KAAKX,UAAY2D,EAAehD,KAAKf,WAAY,SAAS,EAO5D,MAAAgE,GACE,MAAMC,EAAQ,IACRlD,KAAKV,QAAU,CAAE,6BAA8B,oBAAoBU,KAAKV,YAG9E,OACE6D,EACE,UAAAjB,IAAA,2CAAAgB,MAAOA,EACPE,MAAO,CACL,CAAC,oBAAoBpD,KAAKH,0CAA2C,KACrE,gCAAiCG,KAAKT,iBAElB,0DAAiC,8BAC3B,qBAAoB,4BACtB,wBACJ,2DAAkC,8BAC5B,wBAAuB,4BACzB,qBAC1B8D,MAAOrD,KAAKJ,KAAO0D,UAAY,KAC/BC,IAAMxE,GAAgBiB,KAAKjB,WAAaA,EAC7B,oBAAM,kBACD,mBAChByE,KAAK,UAELL,EAAA,QAAAjB,IAAA,2CAAMkB,MAAM,kEAAkEI,KAAK,WACjFL,EAAA,UAAAjB,IAAA,2CAAQkB,MAAM,oBAAoBI,KAAK,UACrCL,EAAK,OAAAjB,IAAA,2CAAAuB,GAAG,mBAAmBL,MAAM,4DAA4DI,KAAK,SAChGL,EAAA,QAAAjB,IAAA,2CAAMwB,KAAK,WAEbP,EAAM,QAAAjB,IAAA,2CAAAwB,KAAK,iBACP1D,KAAKL,iBACLwD,EAAA,aAAAjB,IAAA,2CAAWkB,MAAM,mBAAmBO,WAAW,OAAO9D,KAAK,SACzDsD,EAAA,WAAAjB,IAAA,2CAASkB,MAAM,iBAAiBM,KAAK,IAAIE,KAAK,MAAMC,MAAM,aAKlEV,EAAA,OAAAjB,IAAA,2CACEkB,MAAO,CACL,WAAYpD,KAAKZ,WACjB,6CAA8CY,KAAKZ,WACnD,gCAAiCY,KAAKX,WAExCkE,IAAMO,GAAc9D,KAAKhB,YAAc8E,EACvCN,KAAK,QAELL,EAAA,QAAAjB,IAAA,2CAAM6B,aAAc/D,KAAKY,qBAG7BuC,EAAA,UAAAjB,IAAA,2CACEkB,MAAO,CACL,WAAYpD,KAAKX,UACjB,oBAAqBW,KAAKX,UAC1B,mBAAoBW,KAAKN,mBAAqB,aAEhD6D,IAAMtE,GAAgBe,KAAKf,WAAaA,EACxCuE,KAAK,UAELL,EAAA,QAAAjB,IAAA,2CAAMwB,KAAK,SAASK,aAAc/D,KAAKY,oB","ignoreList":[]}

package/dist/beeq/p-96f6c9ae.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["NOTIFICATION_TYPE","bqNotificationCss","NOTIFICATION_PORTAL_SELECTOR","BqNotification","autoDismissDebounce","bodyElem","footerElem","notificationElem","hasContent","hasFooter","notificationPortal","isClient","document","querySelector","autoDismiss","border","disableClose","hideIcon","open","time","type","handleTimeout","this","cancel","debounce","hide","handleOpenChange","checkPropValues","validatePropValue","el","bqHide","bqShow","bqAfterOpen","bqAfterClose","connectedCallback","Object","assign","createElement","className","componentWillLoad","componentDidLoad","handleSlotChange","afterNotificationClose","removeChild","tagName","toLowerCase","remove","error","DOMException","handleHide","show","handleShow","toast","parentElement","body","append","appendChild","requestAnimationFrame","async","ev","emit","defaultPrevented","leave","handleTransitionEnd","enter","hasSlotContent","iconName","typeMap","success","warning","render","style","h","Host","key","class","hidden","role","ref","div","part","appearance","size","onClick","name","exportparts","onSlotchange"],"sources":["../../packages/beeq/src/components/notification/bq-notification.types.ts","../../packages/beeq/src/components/notification/scss/bq-notification.scss?tag=bq-notification&encapsulation=shadow","../../packages/beeq/src/components/notification/bq-notification.tsx"],"sourcesContent":["export const NOTIFICATION_TYPE = ['error', 'info', 'neutral', 'success', 'warning'] as const;\nexport type TNotificationType = (typeof NOTIFICATION_TYPE)[number];\n\nexport const NOTIFICATION_BORDER_RADIUS = ['none', 'xs2', 'xs', 's', 'm', 'l', 'full'] as const;\nexport type TNotificationBorderRadius = (typeof NOTIFICATION_BORDER_RADIUS)[number];\n","/* -------------------------------------------------------------------------- */\n/*                             Notification styles                            */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-notification.variables';\n\n:host {\n  @apply block;\n}\n\n:host(.is-hidden) {\n  @apply hidden;\n}\n\n.bq-notification {\n  @apply relative flex transition-all min-is-[--bq-notification--min-width] p-b-[--bq-notification--padding] p-i-[--bq-notification--padding];\n  @apply rounded-[--bq-notification--border-radius] bg-[--bq-notification--background] shadow-[shadow:--bq-notification--box-shadow];\n}\n\n/**\n * Set the notification icon color based on the type value selected\n */\n.notification--icon.color {\n  &-error {\n    @apply text-[color:--bq-notification--icon-color-error];\n  }\n\n  &-info {\n    @apply text-[color:--bq-notification--icon-color-info];\n  }\n\n  &-neutral {\n    @apply text-[color:--bq-notification--icon-color-neutral];\n  }\n\n  &-success {\n    @apply text-[color:--bq-notification--icon-color-success];\n  }\n\n  &-warning {\n    @apply text-[color:--bq-notification--icon-color-warning];\n  }\n}\n\n/**\n * Tweak the close bq-button styles so it remain small without extra padding\n */\n.notification--close::part(button) {\n  @apply rounded-s border-0 bs-fit p-b-0 p-i-0;\n}\n\n/**\n * Here we guarantee that if the footer actions are wrapped in a div container from the consumer side,\n * the styles get applied to the that wrapping container directly\n */\n[part='footer'] ::slotted(*) {\n  @apply flex items-start gap-xs;\n}\n\n[part='body'],\n[part='footer'] {\n  ::slotted(*) {\n    @apply block m-bs-m;\n  }\n}\n","import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\nimport { NOTIFICATION_TYPE } from './bq-notification.types';\nimport type { TNotificationBorderRadius, TNotificationType } from './bq-notification.types';\nimport { debounce, enter, hasSlotContent, isClient, leave, TDebounce, validatePropValue } from '../../shared/utils';\n\nconst NOTIFICATION_PORTAL_SELECTOR = 'bq-notification-portal';\n\n/**\n * The Notification component is a user interface element used to provide information or alerts to users in a non-intrusive manner.\n *\n * @example How to use it\n * ```html\n * <bq-notification border=\"s\" time=\"3000\" type=\"info\">\n *   Title\n *   <span slot=\"body\">\n *     This is some description text text\n *     <a class=\"bq-link\" href=\"https://example.com\">Link</a>\n *   </span>\n *   <div class=\"flex gap-xs\" slot=\"footer\">\n *     <bq-button appearance=\"primary\" size=\"small\">Button</bq-button>\n *     <bq-button appearance=\"link\" size=\"small\">Button</bq-button>\n *   </div>\n * </bq-notification>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/945cb6-notification\n * @status stable\n *\n * @dependency bq-button\n * @dependency bq-icon\n *\n * @attr {boolean} auto-dismiss - If true, the notification will automatically hide after the specified amount of time\n * @attr {string} border - The corder radius of the notification component\n * @attr {boolean} disable-close - If true, the close button at the top right of the notification won't be shown\n * @attr {boolean} hide-icon - If true, the notification icon won't be shown\n * @attr {boolean} open - If true, the notification will be shown\n * @attr {number} time - The length of time, in milliseconds, after which the notification will close itself. Only valid if `auto-dismiss=\"true\"`\n * @attr {string} type - Type of Notification\n *\n * @event bqAfterClose - Callback handler to be called after the notification has been closed\n * @event bqAfterOpen - Callback handler to be called after the notification has been opened\n * @event bqHide - Callback handler to be called when the notification is hidden\n * @event bqShow - Callback handler to be called when the notification is shown\n *\n * @slot - The notification title content\n * @slot body - The notification description content\n * @slot footer - The notification footer content\n * @slot icon - The icon to be displayed in the notification\n * @slot btn-close - The close button of the notification\n *\n * @part base - The `<div>` container of the predefined bq-icon component.\n * @part body - The container `<div>` that wraps the notification description content\n * @part btn-close - The `bq-button` used to close the notification\n * @part content - The container `<div>` that wraps all the notification content (title, description, footer)\n * @part footer - The container `<div>` that wraps the notification footer content\n * @part icon - The `<bq-icon>` element used to render a predefined icon based on the notification type\n * @part icon-outline - The container `<div>` that wraps the icon element\n * @part main - The container `<div>` that wraps the notification main content (title, description)\n * @part svg - The `<svg>` element of the predefined bq-icon component.\n * @part title - The container `<div>` that wraps the notification title content\n * @part wrapper - The wrapper container `<div>` of the element inside the shadow DOM\n *\n * @cssprop --bq-notification--background - The notification background color\n * @cssprop --bq-notification--box-shadow - The notification box shadow\n * @cssprop --bq-notification--border-color - The notification border color\n * @cssprop --bq-notification--border-radius - The notification border radius\n * @cssprop --bq-notification--border-style - The notification border style\n * @cssprop --bq-notification--border-width - The notification border width\n * @cssprop --bq-notification--content-footer-gap - The notification content and footer gap\n * @cssprop --bq-notification--title-body-gap - The notification title and body gap\n * @cssprop --bq-notification--icon-color-error - The notification icon color for error type\n * @cssprop --bq-notification--icon-color-info - The notification icon color for info type\n * @cssprop --bq-notification--icon-color-neutral - The notification icon color for neutral type\n * @cssprop --bq-notification--icon-color-success - The notification icon color for success type\n * @cssprop --bq-notification--icon-color-warning - The notification icon color for warning type\n * @cssprop --bq-notification--padding - The notification padding\n * @cssprop --bq-notification--min-width - The notification min width\n */\n@Component({\n  tag: 'bq-notification',\n  styleUrl: './scss/bq-notification.scss',\n  shadow: true,\n})\nexport class BqNotification {\n  // Own Properties\n  // ====================\n\n  private autoDismissDebounce: TDebounce<void>;\n  private bodyElem: HTMLDivElement;\n  private footerElem: HTMLDivElement;\n  private notificationElem: HTMLDivElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqNotificationElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private hasContent = false;\n  @State() private hasFooter = false;\n  @State() private notificationPortal = isClient() ? document.querySelector(`.${NOTIFICATION_PORTAL_SELECTOR}`) : null;\n\n  // Public Property API\n  // ========================\n\n  /** If true, the notification will automatically hide after the specified amount of time */\n  @Prop({ reflect: true }) autoDismiss: boolean;\n\n  /** The corder radius of the notification component */\n  @Prop({ reflect: true }) border: TNotificationBorderRadius = 's';\n\n  /** If true, the close button at the top right of the notification won't be shown */\n  @Prop({ reflect: true }) disableClose: boolean;\n\n  /** If true, the notification icon won't be shown */\n  @Prop({ reflect: true }) hideIcon: boolean;\n\n  /** If true, the notification will be shown */\n  @Prop({ reflect: true, mutable: true }) open: boolean;\n\n  /** The length of time, in milliseconds, after which the notification will close itself. Only valid if `autoDismiss=\"true\"` */\n  @Prop({ reflect: true }) time: number = 3000;\n\n  /** Type of Notification */\n  @Prop({ reflect: true }) type: TNotificationType = 'info';\n\n  // Prop lifecycle events\n  // =======================\n  @Watch('autoDismiss')\n  @Watch('time')\n  handleTimeout() {\n    this.autoDismissDebounce?.cancel();\n    if (!this.autoDismiss) return;\n\n    this.autoDismissDebounce = debounce(() => {\n      this.hide();\n    }, this.time);\n    // Make sure to autodismiss the notification if the `auto-dismiss` value changed while open\n    if (this.open) this.autoDismissDebounce();\n  }\n\n  @Watch('open')\n  handleOpenChange() {\n    this.autoDismissDebounce?.cancel();\n\n    if (!(this.autoDismiss && this.open)) return;\n    this.autoDismissDebounce();\n  }\n\n  @Watch('type')\n  checkPropValues() {\n    validatePropValue(NOTIFICATION_TYPE, 'info', this.el, 'type');\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler to be called when the notification is hidden */\n  @Event() bqHide!: EventEmitter;\n\n  /** Callback handler to be called when the notification is shown */\n  @Event() bqShow!: EventEmitter;\n\n  /** Callback handler to be called after the notification has been opened */\n  @Event() bqAfterOpen!: EventEmitter;\n\n  /** Callback handler to be called after the notification has been closed */\n  @Event() bqAfterClose!: EventEmitter;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  connectedCallback() {\n    if (!isClient()) return;\n\n    const { notificationPortal } = this;\n    if (!notificationPortal) {\n      this.notificationPortal = Object.assign(document.createElement('div'), {\n        className: NOTIFICATION_PORTAL_SELECTOR,\n      });\n    }\n  }\n\n  componentWillLoad() {\n    this.checkPropValues();\n    this.handleTimeout();\n  }\n\n  componentDidLoad() {\n    this.handleSlotChange();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('bqAfterClose')\n  afterNotificationClose() {\n    try {\n      const { notificationPortal } = this;\n      notificationPortal.removeChild(this.el);\n      // Remove the notification portal from the DOM when there are no more notifications\n      if (notificationPortal.querySelector(this.el.tagName.toLowerCase()) === null) {\n        notificationPortal.remove();\n      }\n    } catch (error) {\n      /**\n       * Skip DOMException error since it could be possible that\n       * in some situations the notification portal is missing\n       */\n      if (error instanceof DOMException) return;\n      throw error;\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  /** Method to be called to hide the notification component */\n  @Method()\n  async hide(): Promise<void> {\n    await this.handleHide();\n  }\n\n  /** Method to be called to show the notification component */\n  @Method()\n  async show(): Promise<void> {\n    await this.handleShow();\n  }\n\n  /** This method can be used to display notifications in a fixed-position element that allows for stacking multiple notifications vertically */\n  @Method()\n  async toast() {\n    if (!isClient()) return;\n\n    const { notificationPortal } = this;\n    if (notificationPortal?.parentElement === null) {\n      document.body.append(notificationPortal);\n    }\n\n    notificationPortal?.appendChild(this.el);\n    requestAnimationFrame(() => {\n      this.show();\n    });\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleHide = async () => {\n    const ev = this.bqHide.emit(this.el);\n    if (!ev.defaultPrevented) {\n      await leave(this.notificationElem);\n      this.open = false;\n      this.handleTransitionEnd();\n    }\n  };\n\n  private handleShow = async () => {\n    const ev = this.bqShow.emit(this.el);\n    if (!ev.defaultPrevented) {\n      this.open = true;\n      await enter(this.notificationElem);\n      this.handleTransitionEnd();\n    }\n  };\n\n  private handleTransitionEnd = () => {\n    if (this.open) {\n      this.bqAfterOpen.emit();\n      return;\n    }\n\n    this.bqAfterClose.emit();\n  };\n\n  private handleSlotChange = () => {\n    this.hasContent = hasSlotContent(this.bodyElem);\n    this.hasFooter = hasSlotContent(this.footerElem, 'footer');\n  };\n\n  private get iconName(): string {\n    const typeMap = {\n      error: 'x-circle',\n      success: 'check-circle',\n      warning: 'warning-circle',\n    };\n\n    return typeMap[this.type] || 'info';\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const style = {\n      ...(this.border && { '--bq-notification--border-radius': `var(--bq-radius--${this.border})` }),\n    };\n\n    return (\n      <Host\n        style={style}\n        class={{ 'is-hidden': !this.open }}\n        aria-hidden={!this.open ? 'true' : 'false'}\n        hidden={!this.open ? 'true' : 'false'}\n        role=\"alert\"\n      >\n        <div\n          class=\"bq-notification\"\n          data-transition-enter=\"transform transition ease-out duration-300\"\n          data-transition-enter-start=\"translate-y-xs opacity-0 sm:translate-y-0 sm:translate-x-s\"\n          data-transition-enter-end=\"translate-y-0 opacity-100 sm:translate-x-0\"\n          data-transition-leave=\"transform transition ease-in duration-100\"\n          data-transition-leave-start=\"translate-y-0 opacity-100 sm:translate-x-0\"\n          data-transition-leave-end=\"-translate-y-xs opacity-0 sm:translate-y-0 sm:translate-x-s\"\n          ref={(div) => (this.notificationElem = div)}\n          part=\"wrapper\"\n        >\n          {/* CLOSE BUTTON */}\n          {!this.disableClose && (\n            <bq-button\n              class=\"notification--close absolute inset-ie-5 [&::part(label)]:inline-flex\"\n              appearance=\"text\"\n              size=\"small\"\n              onClick={() => this.hide()}\n              part=\"btn-close\"\n            >\n              <slot name=\"btn-close\">\n                <bq-icon name=\"x\" />\n              </slot>\n            </bq-button>\n          )}\n          {/* ICON */}\n          <div\n            class={{\n              '!hidden': this.hideIcon,\n              [`color-${this.type}`]: true, // The icon color will be based on the type (info, success, warning, error)\n              'notification--icon me-xs flex text-left align-top': true,\n            }}\n            part=\"icon-outline\"\n          >\n            <slot name=\"icon\">\n              <bq-icon name={this.iconName} part=\"icon\" exportparts=\"base,svg\" />\n            </slot>\n          </div>\n          {/* MAIN */}\n          <div class=\"flex flex-col items-start gap-[--bq-notification--content-footer-gap]\" part=\"main\">\n            <div class=\"flex flex-col gap-[--bq-notification--title-body-gap]\" part=\"content\">\n              {/* TITLE */}\n              <div class=\"title-font font-semibold leading-regular\" part=\"title\">\n                <slot />\n              </div>\n              {/* BODY */}\n              <div\n                class={{ 'text-s leading-regular': true, '!hidden': !this.hasContent }}\n                ref={(div) => (this.bodyElem = div)}\n                part=\"body\"\n              >\n                <slot name=\"body\" onSlotchange={this.handleSlotChange} />\n              </div>\n            </div>\n            {/* FOOTER */}\n            <div\n              class={{ 'flex items-start gap-xs': true, '!hidden': !this.hasFooter }}\n              ref={(div) => (this.footerElem = div)}\n              part=\"footer\"\n            >\n              <slot name=\"footer\" onSlotchange={this.handleSlotChange} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/beeq/p-D9ofIraD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-D9ofIraD.js","sources":["../../packages/beeq/src/shared/utils/setRafTimeout.ts","../../packages/beeq/src/shared/utils/debounce.ts"],"sourcesContent":["/**\n * Implements setTimeout using requestAnimationFrame. Uses setTimeout if wait is 0.\n *\n * @param {Function} func - The function to timeout.\n * @param {Number} wait - The number of milliseconds to delay.\n * @param {Any[]} args - The arguments of func.\n * @returns {void}\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const setRafTimeout = <TFunc extends (...args: any[]) => void>(\n  func: TFunc,\n  wait: number,\n  ...args: Parameters<TFunc>\n): (() => void) => {\n  const invokeFunc = () => func(...args);\n\n  if (wait === 0) {\n    const timeoutId = setTimeout(invokeFunc, wait);\n    return () => clearTimeout(timeoutId);\n  } else {\n    let rafId: number;\n    const currentTime = performance.now();\n\n    const cancel = () => cancelAnimationFrame(rafId);\n\n    const handleRequestAnimationFrame: FrameRequestCallback = (time) => {\n      const delta = time - currentTime;\n\n      cancel();\n\n      if (delta < wait) {\n        rafId = requestAnimationFrame(handleRequestAnimationFrame);\n      } else {\n        invokeFunc();\n      }\n    };\n\n    rafId = requestAnimationFrame(handleRequestAnimationFrame);\n\n    return cancel;\n  }\n};\n","import { isNil } from './isNil';\nimport { setRafTimeout } from './setRafTimeout';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type TFunction = (...args: any[]) => unknown;\n\ntype TDebounceFnReturn<T> = T extends unknown[] ? (...params: T) => void : (param: T) => void;\nexport type TDebounce<T> = TDebounceFnReturn<T> & { cancel: () => void } extends infer U ? U : never;\n\n/**\n * Creates a debounced function that delays invoking func until after wait milliseconds have elapsed\n * since the last time the debounced function was invoked.\n *\n * @param {Function} func - The function to debounce.\n * @param {Number} wait - The number of milliseconds to delay.\n * @param {Boolean} immediate - If `true`, the function triggers immediately and then waits for the interval before being called again.\n * @return {Function} The new debounced function.\n */\nexport const debounce = <TFunc extends TFunction>(func: TFunc, wait = 0, immediate = false) => {\n  let cancel: () => void | undefined;\n\n  function debounceHandler(...args: Parameters<typeof func>) {\n    cancel?.();\n\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const context = this;\n\n    function timeoutHandler(fn: TFunc, context: unknown, ...args: Parameters<typeof fn>) {\n      fn.apply(context, args);\n    }\n\n    if (immediate && isNil(cancel)) {\n      func.apply(context, args);\n    }\n\n    cancel = setRafTimeout(timeoutHandler, wait, func, context, ...args);\n  }\n\n  return Object.assign(debounceHandler, {\n    cancel: () => {\n      cancel?.();\n    },\n  });\n};\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;;AAOG;AACH;AACO,MAAM,aAAa,GAAG,CAC3B,IAAW,EACX,IAAY,EACZ,GAAG,IAAuB,KACV;IAChB,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;AAEtC,IAAA,IAAI,IAAI,KAAK,CAAC,EAAE;QACd,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,EAAE,IAAI,CAAC;AAC9C,QAAA,OAAO,MAAM,YAAY,CAAC,SAAS,CAAC;;SAC/B;AACL,QAAA,IAAI,KAAa;AACjB,QAAA,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QAErC,MAAM,MAAM,GAAG,MAAM,oBAAoB,CAAC,KAAK,CAAC;AAEhD,QAAA,MAAM,2BAA2B,GAAyB,CAAC,IAAI,KAAI;AACjE,YAAA,MAAM,KAAK,GAAG,IAAI,GAAG,WAAW;AAEhC,YAAA,MAAM,EAAE;AAER,YAAA,IAAI,KAAK,GAAG,IAAI,EAAE;AAChB,gBAAA,KAAK,GAAG,qBAAqB,CAAC,2BAA2B,CAAC;;iBACrD;AACL,gBAAA,UAAU,EAAE;;AAEhB,SAAC;AAED,QAAA,KAAK,GAAG,qBAAqB,CAAC,2BAA2B,CAAC;AAE1D,QAAA,OAAO,MAAM;;AAEjB;;AChCA;;;;;;;;AAQG;AACI,MAAM,QAAQ,GAAG,CAA0B,IAAW,EAAE,IAAI,GAAG,CAAC,EAAE,SAAS,GAAG,KAAK,KAAI;AAC5F,IAAA,IAAI,MAA8B;IAElC,SAAS,eAAe,CAAC,GAAG,IAA6B,EAAA;QACvD,MAAM,IAAI;;QAGV,MAAM,OAAO,GAAG,IAAI;AAEpB,QAAA,SAAS,cAAc,CAAC,EAAS,EAAE,OAAgB,EAAE,GAAG,IAA2B,EAAA;AACjF,YAAA,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC;;AAGzB,QAAA,IAAI,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE;AAC9B,YAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC;;AAG3B,QAAA,MAAM,GAAG,aAAa,CAAC,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;;AAGtE,IAAA,OAAO,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;QACpC,MAAM,EAAE,MAAK;YACX,MAAM,IAAI;SACX;AACF,KAAA,CAAC;AACJ;;;;"}

package/dist/beeq/p-DDw-pDpy.js

@@ -1,7 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-const e="beeq";const t={hydratedSelectorName:"hydrated",lazyLoad:true,shadowDom:true,updatable:true};const r=()=>{};const a='@tailwind base;@tailwind utilities;@tailwind components;@-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)}}.border-spacing-0,.bordered{--tw-border-spacing-x:0;--tw-border-spacing-y:0}.after\\:scale-x-0:after,.bottom-center,.bq-link:after,.hover\\:after\\:scale-x-100:after,.sm\\:-translate-x-1\\/2,.top-center{--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}::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}.absolute{position:absolute}.relative{position:relative}.bottom-xxl2{bottom:var(--bq-spacing-xxl2)}.end-0{inset-inline-end:0}.left-0{left:0}.top-0{top:0}.top-xxl2{top:var(--bq-spacing-xxl2)}.z-50{z-index:50}.m-4{margin:1rem}.inline-block{display:inline-block}.flex{display:flex}.h-\\[--bq-table--header-height\\]{height:var(--bq-table--header-height)}.max-h-full{max-height:100%}.w-full{width:100%}.max-w-full{max-width:100%}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.flex-col{flex-direction:column}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overscroll-none{overscroll-behavior:none}.rounded-\\[--bq-table--border-radius\\]{border-radius:var(--bq-table--border-radius)}.rounded-xs{border-radius:var(--bq-radius--xs)}.rounded-ee-\\[--bq-table--border-radius\\]{border-end-end-radius:var(--bq-table--border-radius)}.rounded-es-\\[--bq-table--border-radius\\]{border-end-start-radius:var(--bq-table--border-radius)}.rounded-se-\\[--bq-table--border-radius\\]{border-start-end-radius:var(--bq-table--border-radius)}.rounded-ss-\\[--bq-table--border-radius\\]{border-start-start-radius:var(--bq-table--border-radius)}.border-0{border-width:0}.border-s{border-width:var(--bq-stroke-s)}.border-solid{border-style:solid}.border-\\[--bq-table--border-color\\]{border-color:var(--bq-table--border-color)}.border-primary{border-color:var(--bq-stroke--primary)}.bg-\\[--bq-table--border-color\\]{background-color:var(--bq-table--border-color)}.bg-\\[--bq-table--row-selected-bg\\]{background-color:var(--bq-table--row-selected-bg)}.px-m{padding-left:var(--bq-spacing-m);padding-right:var(--bq-spacing-m)}.ps-\\[var\\(--bq-side-menu--width\\)\\]{padding-inline-start:var(--bq-side-menu--width)}.ps-\\[var\\(--bq-side-menu--width-collapse\\)\\]{padding-inline-start:var(--bq-side-menu--width-collapse)}.text-start{text-align:start}.font-\\[inherit\\]{font-family:inherit}.text-l{font-size:var(--bq-font-size--l)}.text-s{font-size:var(--bq-font-size--s)}.text-xl{font-size:var(--bq-font-size--xl)}.text-xs{font-size:var(--bq-font-size--xs)}.text-xxl{font-size:var(--bq-font-size--xxl)}.text-xxl2{font-size:var(--bq-font-size--xxl2)}.text-xxl3{font-size:var(--bq-font-size--xxl3)}.text-xxl4{font-size:var(--bq-font-size--xxl4)}.text-xxl5{font-size:var(--bq-font-size--xxl5)}.font-bold{font-weight:var(--bq-font-weight--bold)}.font-regular{font-weight:var(--bq-font-weight--regular)}.font-semibold{font-weight:var(--bq-font-weight--semibold)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.leading-small{line-height:var(--bq-font-line-height--small)}.text-brand{color:var(--bq-text--brand)}.text-primary{color:var(--bq-text--primary)}.overline{text-decoration-line:overline}.no-underline{text-decoration-line:none}.outline{outline-style:solid}.outline-\\[length\\:--bq-table--border-width\\]{outline-width:var(--bq-table--border-width)}.outline-offset-\\[-1px\\]{outline-offset:-1px}.outline-offset-\\[-2px\\]{outline-offset:-2px}.outline-\\[--bq-table--row-selected-border\\]{outline-color:var(--bq-table--row-selected-border)}.transition-\\[padding-inline-start\\]{transition-duration:.15s;transition-property:padding-inline-start;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.content-empty{--tw-content:"";content:var(--tw-content)}.bs-1\\/2{block-size:50%}.bs-full{block-size:100%}.is-\\[--bq-table--border-width\\]{inline-size:var(--bq-table--border-width)}.is-full{inline-size:100%}.p-b-\\[--bq-table--cell-padding-block\\]{padding-block:var(--bq-table--cell-padding-block)}.p-b-\\[--bq-table--header-padding-block\\]{padding-block:var(--bq-table--header-padding-block)}.p-i-\\[--bq-table--cell-padding-inline\\]{padding-inline:var(--bq-table--cell-padding-inline)}.p-i-\\[--bq-table--header-padding-inline\\]{padding-inline:var(--bq-table--header-padding-inline)}.inset-bs-\\[--bq-table--header-divider-inset\\]{inset-block-start:var(--bq-table--header-divider-inset)}.inset-ie-0{inset-inline-end:0}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:100;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:100;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:100;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucXtAOvWDSHFF.woff2) format("woff2");unicode-range:U+0900-097f,U+1cd0-1cf9,U+200c-200d,U+20a8,U+20b9,U+20f0,U+25cc,U+a830-a839,U+a8e0-a8ff,U+11b00-11b09}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:100;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTufntAOvWDSHFF.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:100;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucHtAOvWDSA.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z11lFd2JQEl8qw.woff2) format("woff2");unicode-range:U+0900-097f,U+1cd0-1cf9,U+200c-200d,U+20a8,U+20b9,U+20f0,U+25cc,U+a830-a839,U+a8e0-a8ff,U+11b00-11b09}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format("woff2");unicode-range:U+0900-097f,U+1cd0-1cf9,U+200c-200d,U+20a8,U+20b9,U+20f0,U+25cc,U+a830-a839,U+a8e0-a8ff,U+11b00-11b09}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format("woff2");unicode-range:U+0900-097f,U+1cd0-1cf9,U+200c-200d,U+20a8,U+20b9,U+20f0,U+25cc,U+a830-a839,U+a8e0-a8ff,U+11b00-11b09}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format("woff2");unicode-range:U+0900-097f,U+1cd0-1cf9,U+200c-200d,U+20a8,U+20b9,U+20f0,U+25cc,U+a830-a839,U+a8e0-a8ff,U+11b00-11b09}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format("woff2");unicode-range:U+0900-097f,U+1cd0-1cf9,U+200c-200d,U+20a8,U+20b9,U+20f0,U+25cc,U+a830-a839,U+a8e0-a8ff,U+11b00-11b09}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.display{font-size:var(--bq-font-size--xxl5)}.display,.h1,h1{font-family:inherit;font-weight:var(--bq-font-weight--regular);line-height:var(--bq-font-line-height--small)}.h1,h1{font-size:var(--bq-font-size--xxl4)}.h2,h2{font-size:var(--bq-font-size--xxl3)}.h2,.h3,h2,h3{font-family:inherit;font-weight:var(--bq-font-weight--regular);line-height:var(--bq-font-line-height--small)}.h3,h3{font-size:var(--bq-font-size--xxl2)}.h4,h4{font-family:inherit;font-size:var(--bq-font-size--xxl);font-weight:var(--bq-font-weight--regular);line-height:var(--bq-font-line-height--small)}.h5,h5{font-size:var(--bq-font-size--xl)}.h5,.h6,h5,h6{font-family:inherit;font-weight:var(--bq-font-weight--regular);line-height:var(--bq-font-line-height--regular)}.h6,h6{font-size:var(--bq-font-size--l)}.caption,figcaption{font-size:var(--bq-font-size--s)}.caption,.overline,figcaption{font-family:inherit;font-weight:var(--bq-font-weight--regular);line-height:var(--bq-font-line-height--regular)}.overline{font-size:var(--bq-font-size--xs)}.caption.semibold,.display.semibold,.h1.semibold,.h2.semibold,.h3.semibold,.h4.semibold,.h5.semibold,.h6.semibold,.overline.semibold,caption.semibold,h1.semibold,h2.semibold,h3.semibold,h4.semibold,h5.semibold,h6.semibold{font-weight:var(--bq-font-weight--semibold)}.caption.bold,.display.bold,.h1.bold,.h2.bold,.h3.bold,.h4.bold,.h5.bold,.h6.bold,.overline.bold,caption.bold,h1.bold,h2.bold,h3.bold,h4.bold,h5.bold,h6.bold{font-weight:var(--bq-font-weight--bold)}.bq-link{border-radius:var(--bq-radius--xs);color:var(--bq-text--brand);display:inline-block;position:relative;text-decoration-line:none}.bq-link:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-link:hover{color:color-mix(in srgb,var(--bq-text--brand),var(--bq-hover) 20%)}.bq-link:active{color:color-mix(in srgb,var(--bq-text--brand),var(--bq-active) 20%)}.bq-link:after{--tw-scale-x:0;--tw-content:"";border-radius:var(--bq-radius--full);bottom:0;display:block;height:2px;position:absolute;transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.bq-link:after,.bq-link:hover:after{content:var(--tw-content);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-link:hover:after{--tw-scale-x:1;background-color:color-mix(in srgb,var(--bq-background--brand),var(--bq-hover) 20%)}.bq-link:active:after{background-color:color-mix(in srgb,var(--bq-background--brand),var(--bq-active) 20%);content:var(--tw-content)}.bq-body--side-menu{position:relative;transition-duration:.3s;transition-property:padding-inline-start;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-body--side-menu__collapse{padding-inline-start:var(--bq-side-menu--width-collapse)!important}.bq-body--side-menu__expand{padding-inline-start:var(--bq-side-menu--width)!important}.bq-notification-portal{inset-inline-end:0;max-height:100%;max-width:100%;position:fixed;top:0;z-index:50}.bq-notification-portal bq-notification{margin:1rem}.bq-toast-portal{display:flex;flex-direction:column;gap:var(--bq-spacing-s);left:0;max-height:100%;padding-left:var(--bq-spacing-m);padding-right:var(--bq-spacing-m);position:fixed;width:100%;z-index:50}@media (min-width:640px){.bq-toast-portal{left:auto;padding-left:0;padding-right:0;width:fit-content}}.bq-toast-portal.top-left{top:var(--bq-spacing-xxl2)}@media (min-width:640px){.bq-toast-portal.top-left{left:var(--bq-spacing-xxl2)}}.bq-toast-portal.top-center{top:var(--bq-spacing-xxl2)}@media (min-width:640px){.bq-toast-portal.top-center{--tw-translate-x:-50%;left:50%;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-toast-portal.top-right{top:var(--bq-spacing-xxl2)}@media (min-width:640px){.bq-toast-portal.top-right{right:var(--bq-spacing-xxl2)}}.bq-toast-portal.bottom-left{bottom:var(--bq-spacing-xxl2)}@media (min-width:640px){.bq-toast-portal.bottom-left{left:var(--bq-spacing-xxl2)}}.bq-toast-portal.bottom-center{bottom:var(--bq-spacing-xxl2)}@media (min-width:640px){.bq-toast-portal.bottom-center{--tw-translate-x:-50%;left:50%;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-toast-portal.bottom-right{bottom:var(--bq-spacing-xxl2)}@media (min-width:640px){.bq-toast-portal.bottom-right{right:var(--bq-spacing-xxl2)}}.bq-body--scroll-lock{overflow:hidden;overscroll-behavior:none}@supports(-webkit-touch-callout:none){.bq-body--scroll-lock{-webkit-overflow-scrolling:auto;overscroll-behavior:none}}:root{--bq-icon--direction:1;--bq-side-menu--width:256px;--bq-side-menu--width-collapse:72px}[dir=rtl]{--bq-icon--direction:-1}.bq-table{--bq-table--border-color:var(--bq-stroke--primary);--bq-table--border-style:solid;--bq-table--border-width:var(--bq-stroke-s);--bq-table--border-radius:var(--bq-radius--m);--bq-table--cell-padding-block:var(--bq-spacing-m);--bq-table--cell-padding-inline:var(--bq-spacing-m);--bq-table--header-divider-inset:25%;--bq-table--header-height:3.25rem;--bq-table--header-padding-block:var(--bq-spacing-xs);--bq-table--header-padding-inline:var(--bq-spacing-m);--bq-table--row-selected-bg:var(--bq-ui--brand-alt);--bq-table--row-selected-border:var(--bq-stroke--brand);font-size:var(--bq-font-size--s);inline-size:100%;overflow:hidden}.bq-table:not(.bordered){border-collapse:collapse}.bq-table:not(.bordered) th:after{--tw-content:"";background-color:var(--bq-table--border-color);block-size:50%;content:var(--tw-content);inline-size:var(--bq-table--border-width);inset-block-start:var(--bq-table--header-divider-inset);inset-inline-end:0;position:absolute}.bq-table:not(.bordered) tr.selected{border-radius:var(--bq-table--border-radius);outline-offset:-1px}.bq-table:not(.bordered) tr.selected td:first-child{border-end-start-radius:var(--bq-table--border-radius);border-start-start-radius:var(--bq-table--border-radius)}.bq-table:not(.bordered) tr.selected td:last-child{border-end-end-radius:var(--bq-table--border-radius);border-start-end-radius:var(--bq-table--border-radius)}.bq-table thead{border-color:var(--bq-table--border-color);border-style:solid;border-width:0;border-block-end-width:var(--bq-table--border-width);height:var(--bq-table--header-height)}.bq-table th{color:var(--bq-text--primary);font-weight:var(--bq-font-weight--semibold);padding-block:var(--bq-table--header-padding-block);padding-inline:var(--bq-table--header-padding-inline);position:relative;text-align:start}.bq-table tbody tr{border-color:var(--bq-table--border-color);border-style:solid;border-width:0;border-block-end-width:var(--bq-table--border-width);position:relative}.bq-table td{color:var(--bq-text--primary);padding-block:var(--bq-table--cell-padding-block);padding-inline:var(--bq-table--cell-padding-inline);position:relative;text-align:start}.bq-table tr.selected{background-color:var(--bq-table--row-selected-bg);border-block-end-width:0;outline-color:var(--bq-table--row-selected-border);outline-offset:-2px;outline-style:solid;outline-width:var(--bq-table--border-width)}.bq-table.compact{--bq-table--cell-padding-block:var(--bq-spacing-xs2);--bq-table--cell-padding-inline:var(--bq-spacing-xs2);--bq-table--header-height:2rem;--bq-table--header-padding-block:var(--bq-spacing-xs2);--bq-table--header-padding-inline:var(--bq-spacing-xs2)}.bq-table.bordered{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-collapse:separate;border-color:var(--bq-stroke--primary);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-width:var(--bq-stroke-s)}.bq-table.bordered td,.bq-table.bordered th{border-color:var(--bq-stroke--primary);border-style:solid;border-width:var(--bq-stroke-s)}.bq-table.bordered thead th:first-child{border-start-start-radius:var(--bq-table--border-radius)}.bq-table.bordered thead th:last-child{border-start-end-radius:var(--bq-table--border-radius)}.bq-table.bordered tbody tr:last-child td:first-child{border-end-start-radius:var(--bq-table--border-radius)}.bq-table.bordered tbody tr:last-child td:last-child{border-end-end-radius:var(--bq-table--border-radius)}.bq-table--container{block-size:100%;overflow-x:auto}.focus-visible\\:focus:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:block:after{content:var(--tw-content);display:block}.after\\:h-\\[2px\\]:after{content:var(--tw-content);height:2px}.after\\:w-full:after{content:var(--tw-content);width:100%}.after\\:scale-x-0:after{--tw-scale-x:0;content:var(--tw-content);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))}.after\\:rounded-full:after{border-radius:var(--bq-radius--full);content:var(--tw-content)}.after\\:transition-transform:after{content:var(--tw-content);transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:duration-300:after{content:var(--tw-content);transition-duration:.3s}.hover\\:text-hover-brand:hover{color:color-mix(in srgb,var(--bq-text--brand),var(--bq-hover) 20%)}.hover\\:after\\:scale-x-100:hover:after{--tw-scale-x:1;content:var(--tw-content);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))}.hover\\:after\\:bg-hover-brand:hover:after{background-color:color-mix(in srgb,var(--bq-background--brand),var(--bq-hover) 20%);content:var(--tw-content)}.active\\:after\\:bg-active-brand:active:after{background-color:color-mix(in srgb,var(--bq-background--brand),var(--bq-active) 20%);content:var(--tw-content)}@media (min-width:640px){.sm\\:left-1\\/2{left:50%}.sm\\:left-auto{left:auto}.sm\\:left-xxl2{left:var(--bq-spacing-xxl2)}.sm\\:right-xxl2{right:var(--bq-spacing-xxl2)}.sm\\:w-fit{width:fit-content}.sm\\:-translate-x-1\\/2{--tw-translate-x:-50%;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))}.sm\\:px-0{padding-left:0;padding-right:0}}';var n=Object.defineProperty;var o=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var i="http://www.w3.org/2000/svg";var s="http://www.w3.org/1999/xhtml";var l=(e=>{e["Undefined"]="undefined";e["Null"]="null";e["String"]="string";e["Number"]="number";e["SpecialNumber"]="number";e["Boolean"]="boolean";e["BigInt"]="bigint";return e})(l||{});var b=(e=>{e["Array"]="array";e["Date"]="date";e["Map"]="map";e["Object"]="object";e["RegularExpression"]="regexp";e["Set"]="set";e["Channel"]="channel";e["Symbol"]="symbol";return e})(b||{});var f="type";var c="value";var d="serialized:";var q=(e,t)=>{var r;const a=t.t;const n=Object.entries((r=a.o)!=null?r:{});n.map((([r,[a]])=>{if(a&31||a&32){const a=e[r];const n=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),r);Object.defineProperty(e,r,{get(){return n.get.call(this)},set(e){n.set.call(this,e)},configurable:true,enumerable:true});e[r]=t.i.has(r)?t.i.get(r):a}}))};var u=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var v=(e,t)=>{e.__stencil__getHostRef=()=>t;t.l=e;{q(e,t)}};var g=(e,t)=>{const r={q:0,$hostElement$:e,t,i:new Map};{r.u=new Promise((e=>r.v=e))}{r.p=new Promise((e=>r.h=e));e["s-p"]=[];e["s-rc"]=[]}const a=r;e.__stencil__getHostRef=()=>a;return a};var p=(e,t)=>t in e;var h=(e,t)=>(0,console.error)(e,t);var w=new Map;var m=(e,t,r)=>{const a=e.m.replace(/-/g,"_");const n=e.U;if(!n){return void 0}const o=w.get(n);if(o){return o[a]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${n}.entry.js${""}`).then((e=>{{w.set(n,e)}return e[a]}),(e=>{h(e,t.$hostElement$)}))};var U=new Map;var y="r";var x="o";var k="s";var $="t";var z="c";var S="s-id";var O="sty-id";var N="c-id";var J="{visibility:hidden}.hydrated{visibility:inherit}";var j="slot-fb{display:contents}slot-fb[hidden]{display:none}";var E="http://www.w3.org/1999/xlink";var P=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var F=typeof window!=="undefined"?window:{};var Y=F.HTMLElement||class{};var B={q:0,k:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,a)=>e.addEventListener(t,r,a),rel:(e,t,r,a)=>e.removeEventListener(t,r,a),ce:(e,t)=>new CustomEvent(e,t)};var L=t.shadowDom;var C=(()=>{var e;let t=false;try{(e=F.document)==null?void 0:e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(e){}return t})();var V=e=>Promise.resolve(e);var H=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var M=H?(()=>!!F.document&&Object.getOwnPropertyDescriptor(F.document.adoptedStyleSheets,"length").writable)():false;var Q=false;var _=[];var G=[];var I=(e,t)=>r=>{e.push(r);if(!Q){Q=true;if(t&&B.q&4){T(D)}else{B.raf(D)}}};var A=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){h(e)}}e.length=0};var D=()=>{A(_);{A(G);if(Q=_.length>0){B.raf(D)}}};var T=e=>V().then(e);var X=I(G,true);var Z=e=>{e=typeof e;return e==="object"||e==="function"};function R(e){var t,r,a;return(a=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?a:void 0}var W=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var K=class e{static fromLocalValue(t){const r=t[f];const a=c in t?t[c]:void 0;switch(r){case"string":return a;case"boolean":return a;case"bigint":return BigInt(a);case"undefined":return void 0;case"null":return null;case"number":if(a==="NaN")return NaN;if(a==="-0")return-0;if(a==="Infinity")return Infinity;if(a==="-Infinity")return-Infinity;return a;case"array":return a.map((t=>e.fromLocalValue(t)));case"date":return new Date(a);case"map":const t=new Map;for(const[r,n]of a){const a=typeof r==="object"&&r!==null?e.fromLocalValue(r):r;const o=e.fromLocalValue(n);t.set(a,o)}return t;case"object":const n={};for(const[t,r]of a){n[t]=e.fromLocalValue(r)}return n;case"regexp":const{pattern:o,flags:i}=a;return new RegExp(o,i);case"set":const s=new Set;for(const t of a){s.add(e.fromLocalValue(t))}return s;case"symbol":return Symbol(a);default:throw new Error(`Unsupported type: ${r}`)}}static fromLocalValueArray(t){return t.map((t=>e.fromLocalValue(t)))}static isLocalValueObject(e){if(typeof e!=="object"||e===null){return false}if(!e.hasOwnProperty(f)){return false}const t=e[f];const r=Object.values({...l,...b}).includes(t);if(!r){return false}if(t!=="null"&&t!=="undefined"){return e.hasOwnProperty(c)}return true}};var ee={};o(ee,{err:()=>re,map:()=>ae,ok:()=>te,unwrap:()=>ne,unwrapErr:()=>oe});var te=e=>({isOk:true,isErr:false,value:e});var re=e=>({isOk:false,isErr:true,value:e});function ae(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>te(e)))}else{return te(r)}}if(e.isErr){const t=e.value;return re(t)}throw"should never get here"}var ne=e=>{if(e.isOk){return e.value}else{throw e.value}};var oe=e=>{if(e.isErr){return e.value}else{throw e.value}};function ie(e){if(typeof e!=="string"||!e.startsWith(d)){return e}return K.fromLocalValue(JSON.parse(atob(e.slice(d.length))))}function se(e){if(!H)return void 0;const t=new CSSStyleSheet;t.replaceSync(e);return t}var le;function be(e){var t;const r=this.attachShadow({mode:"open",delegatesFocus:!!(e.q&16)});if(le===void 0)le=(t=se(a))!=null?t:null;if(le){if(M){r.adoptedStyleSheets.push(le)}else{r.adoptedStyleSheets=[...r.adoptedStyleSheets,le]}}}var fe=e=>{const t=He(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){de(t,e.tagName).forEach((e=>{if(e.nodeType===1&&e.tagName==="SLOT-FB"){if(qe(e,ve(e),false).length){e.hidden=true}else{e.hidden=false}}}))}let r=0;for(r=0;r<t.length;r++){const e=t[r];if(e.nodeType===1&&He(e,"childNodes").length){fe(e)}}};var ce=e=>{const t=[];for(let r=0;r<e.length;r++){const a=e[r]["s-nr"]||void 0;if(a&&a.isConnected){t.push(a)}}return t};function de(e,t,r){let a=0;let n=[];let o;for(;a<e.length;a++){o=e[a];if(o["s-sr"]&&(!t||o["s-hn"]===t)&&(r===void 0||ve(o)===r)){n.push(o);if(typeof r!=="undefined")return n}n=[...n,...de(o.childNodes,t,r)]}return n}var qe=(e,t,r=true)=>{const a=[];if(r&&e["s-sr"]||!e["s-sr"])a.push(e);let n=e;while(n=n.nextSibling){if(ve(n)===t&&(r||!n["s-sr"]))a.push(n)}return a};var ue=(e,t,r,a)=>{if(e["s-ol"]&&e["s-ol"].isConnected){return}const n=document.createTextNode("");n["s-nr"]=e;if(!t["s-cr"]||!t["s-cr"].parentNode)return;const o=t["s-cr"].parentNode;const i=r?He(o,"prepend"):He(o,"appendChild");if(typeof a!=="undefined"){n["s-oo"]=a;const e=He(o,"childNodes");const t=[n];e.forEach((e=>{if(e["s-nr"])t.push(e)}));t.sort(((e,t)=>{if(!e["s-oo"]||e["s-oo"]<(t["s-oo"]||0))return-1;else if(!t["s-oo"]||t["s-oo"]<e["s-oo"])return 1;return 0}));t.forEach((e=>i.call(o,e)))}else{i.call(o,n)}e["s-ol"]=n;e["s-sh"]=t["s-hn"]};var ve=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function ge(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const r=[];const a=this["s-sn"];if(e==null?void 0:e.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const n=this["s-cr"].parentElement;const o=n.__childNodes?n.childNodes:ce(n.childNodes);o.forEach((e=>{if(a===ve(e)){r.push(e)}}));if(t){return r.filter((e=>e.nodeType===1))}return r}.bind(e);e.assignedElements=t(true);e.assignedNodes=t(false)}function pe(e){e.dispatchEvent(new CustomEvent("slotchange",{bubbles:false,cancelable:false,composed:false}))}function he(e,t){var r;t=t||((r=e["s-ol"])==null?void 0:r.parentElement);if(!t)return{slotNode:null,slotName:""};const a=e["s-sn"]=ve(e)||"";const n=He(t,"childNodes");const o=de(n,t.tagName,a)[0];return{slotNode:o,slotName:a}}var we=e=>{me(e);Ue(e);ke(e);xe(e);Oe(e);$e(e);ze(e);Se(e);Ne(e);Je(e);ye(e)};var me=e=>{const t=e.cloneNode;e.cloneNode=function(e){const r=this;const a=r.shadowRoot&&L;const n=t.call(r,a?e:false);if(!a&&e){let e=0;let t,r;const a=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"];const o=this.__childNodes||this.childNodes;for(;e<o.length;e++){t=o[e]["s-nr"];r=a.every((t=>!o[e][t]));if(t){if(n.__appendChild){n.__appendChild(t.cloneNode(true))}else{n.appendChild(t.cloneNode(true))}}if(r){n.appendChild(o[e].cloneNode(true))}}}return n}};var Ue=e=>{e.__appendChild=e.appendChild;e.appendChild=function(e){const{slotName:t,slotNode:r}=he(e,this);if(r){ue(e,r);const a=qe(r,t);const n=a[a.length-1];const o=He(n,"parentNode");const i=He(o,"insertBefore")(e,n.nextSibling);pe(r);fe(this);return i}return this.__appendChild(e)}};var ye=e=>{e.__removeChild=e.removeChild;e.removeChild=function(e){if(e&&typeof e["s-sn"]!=="undefined"){const t=this.__childNodes||this.childNodes;const r=de(t,this.tagName,e["s-sn"]);if(r&&e.isConnected){e.remove();fe(this);return}}return this.__removeChild(e)}};var xe=e=>{e.__prepend=e.prepend;e.prepend=function(...t){t.forEach((t=>{if(typeof t==="string"){t=this.ownerDocument.createTextNode(t)}const r=(t["s-sn"]=ve(t))||"";const a=He(this,"childNodes");const n=de(a,this.tagName,r)[0];if(n){ue(t,n,true);const e=qe(n,r);const a=e[0];const o=He(a,"parentNode");const i=He(o,"insertBefore")(t,He(a,"nextSibling"));pe(n);return i}if(t.nodeType===1&&!!t.getAttribute("slot")){t.hidden=true}return e.__prepend(t)}))}};var ke=e=>{e.__append=e.append;e.append=function(...e){e.forEach((e=>{if(typeof e==="string"){e=this.ownerDocument.createTextNode(e)}this.appendChild(e)}))}};var $e=e=>{const t=e.insertAdjacentHTML;e.insertAdjacentHTML=function(e,r){if(e!=="afterbegin"&&e!=="beforeend"){return t.call(this,e,r)}const a=this.ownerDocument.createElement("_");let n;a.innerHTML=r;if(e==="afterbegin"){while(n=a.firstChild){this.prepend(n)}}else if(e==="beforeend"){while(n=a.firstChild){this.append(n)}}}};var ze=e=>{e.insertAdjacentText=function(e,t){this.insertAdjacentHTML(e,t)}};var Se=e=>{const t=e;if(t.__insertBefore)return;t.__insertBefore=e.insertBefore;e.insertBefore=function(e,t){const{slotName:r,slotNode:a}=he(e,this);const n=this.__childNodes?this.childNodes:ce(this.childNodes);if(a){let o=false;n.forEach((n=>{if(n===t||t===null){o=true;if(t===null||r!==t["s-sn"]){this.appendChild(e);return}if(r===t["s-sn"]){ue(e,a);const r=He(t,"parentNode");He(r,"insertBefore")(e,t);pe(a)}return}}));if(o)return e}const o=t==null?void 0:t.__parentNode;if(o&&!this.isSameNode(o)){return this.appendChild(e)}return this.__insertBefore(e,t)}};var Oe=e=>{const t=e.insertAdjacentElement;e.insertAdjacentElement=function(e,r){if(e!=="afterbegin"&&e!=="beforeend"){return t.call(this,e,r)}if(e==="afterbegin"){this.prepend(r);return r}else if(e==="beforeend"){this.append(r);return r}return r}};var Ne=e=>{Ve("textContent",e);Object.defineProperty(e,"textContent",{get:function(){let e="";const t=this.__childNodes?this.childNodes:ce(this.childNodes);t.forEach((t=>e+=t.textContent||""));return e},set:function(e){const t=this.__childNodes?this.childNodes:ce(this.childNodes);t.forEach((e=>{if(e["s-ol"])e["s-ol"].remove();e.remove()}));this.insertAdjacentHTML("beforeend",e)}})};var Je=e=>{class t extends Array{item(e){return this[e]}}Ve("children",e);Object.defineProperty(e,"children",{get(){return this.childNodes.filter((e=>e.nodeType===1))}});Object.defineProperty(e,"childElementCount",{get(){return this.children.length}});Ve("firstChild",e);Object.defineProperty(e,"firstChild",{get(){return this.childNodes[0]}});Ve("lastChild",e);Object.defineProperty(e,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}});Ve("childNodes",e);Object.defineProperty(e,"childNodes",{get(){const e=new t;e.push(...ce(this.__childNodes));return e}})};var je=e=>{if(!e||e.__nextSibling!==void 0||!globalThis.Node)return;Ee(e);Fe(e);Be(e);if(e.nodeType===Node.ELEMENT_NODE){Pe(e);Ye(e)}};var Ee=e=>{if(!e||e.__nextSibling)return;Ve("nextSibling",e);Object.defineProperty(e,"nextSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.childNodes;const r=t==null?void 0:t.indexOf(this);if(t&&r>-1){return t[r+1]}return this.__nextSibling}})};var Pe=e=>{if(!e||e.__nextElementSibling)return;Ve("nextElementSibling",e);Object.defineProperty(e,"nextElementSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.children;const r=t==null?void 0:t.indexOf(this);if(t&&r>-1){return t[r+1]}return this.__nextElementSibling}})};var Fe=e=>{if(!e||e.__previousSibling)return;Ve("previousSibling",e);Object.defineProperty(e,"previousSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.childNodes;const r=t==null?void 0:t.indexOf(this);if(t&&r>-1){return t[r-1]}return this.__previousSibling}})};var Ye=e=>{if(!e||e.__previousElementSibling)return;Ve("previousElementSibling",e);Object.defineProperty(e,"previousElementSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.children;const r=t==null?void 0:t.indexOf(this);if(t&&r>-1){return t[r-1]}return this.__previousElementSibling}})};var Be=e=>{if(!e||e.__parentNode)return;Ve("parentNode",e);Object.defineProperty(e,"parentNode",{get:function(){var e;return((e=this["s-ol"])==null?void 0:e.parentNode)||this.__parentNode},set:function(e){this.__parentNode=e}})};var Le=["children","nextElementSibling","previousElementSibling"];var Ce=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function Ve(e,t){if(!globalThis.Node||!globalThis.Element){return}let r;if(Le.includes(e)){r=Object.getOwnPropertyDescriptor(Element.prototype,e)}else if(Ce.includes(e)){r=Object.getOwnPropertyDescriptor(Node.prototype,e)}if(!r){r=Object.getOwnPropertyDescriptor(t,e)}if(r)Object.defineProperty(t,"__"+e,r)}function He(e,t){if("__"+t in e){const r=e["__"+t];if(typeof r!=="function")return r;return r.bind(e)}else{if(typeof e[t]!=="function")return e[t];return e[t].bind(e)}}var Me=(e,t="")=>{{return()=>{}}};var Qe=(e,t)=>{{return()=>{}}};var _e=new WeakMap;var Ge=(e,t,r)=>{let a=U.get(e);if(H&&r){a=a||new CSSStyleSheet;if(typeof a==="string"){a=t}else{a.replaceSync(t)}}else{a=t}U.set(e,a)};var Ie=(e,t,r)=>{var a;const n=De(t);const o=U.get(n);if(!F.document){return n}e=e.nodeType===11?e:F.document;if(o){if(typeof o==="string"){e=e.head||e;let r=_e.get(e);let i;if(!r){_e.set(e,r=new Set)}if(!r.has(n)){if(e.host&&(i=e.querySelector(`[${O}="${n}"]`))){i.innerHTML=o}else{i=F.document.createElement("style");i.innerHTML=o;const r=(a=B.$)!=null?a:R(F.document);if(r!=null){i.setAttribute("nonce",r)}if(!(t.q&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const r=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,(r==null?void 0:r.parentNode)===e?r:null)}else if("host"in e){if(H){const t=new CSSStyleSheet;t.replaceSync(o);if(M){e.adoptedStyleSheets.unshift(t)}else{e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}}else{const t=e.querySelector("style");if(t){t.innerHTML=o+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.q&1){e.insertBefore(i,null)}}if(t.q&4){i.innerHTML+=j}if(r){r.add(n)}}}else if(!e.adoptedStyleSheets.includes(o)){if(M){e.adoptedStyleSheets.push(o)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]}}}return n};var Ae=e=>{const t=e.t;const r=e.$hostElement$;const a=t.q;const n=Me("attachStyles",t.m);const o=Ie(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(a&10){r["s-sc"]=o;r.classList.add(o+"-h")}n()};var De=(e,t)=>"sc-"+e.m;var Te=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");var Xe=()=>{if(!F.document){return}const e=F.document.querySelectorAll(`[${O}]`);let t=0;for(;t<e.length;t++){Ge(e[t].getAttribute(O),Te(e[t].innerHTML),true)}};var Ze=(e,t,...r)=>{let a=null;let n=null;let o=false;let i=false;const s=[];const l=t=>{for(let r=0;r<t.length;r++){a=t[r];if(Array.isArray(a)){l(a)}else if(a!=null&&typeof a!=="boolean"){if(o=typeof e!=="function"&&!Z(a)){a=String(a)}if(o&&i){s[s.length-1].S+=a}else{s.push(o?Re(null,a):a)}i=o}}};l(r);if(t){if(t.key){n=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,s,et)}const b=Re(e,null);b.O=t;if(s.length>0){b.N=s}{b.J=n}return b};var Re=(e,t)=>{const r={q:0,j:e,S:t,P:null,N:null};{r.O=null}{r.J=null}return r};var We={};var Ke=e=>e&&e.j===We;var et={forEach:(e,t)=>e.map(tt).forEach(t),map:(e,t)=>e.map(tt).map(t).map(rt)};var tt=e=>({vattrs:e.O,vchildren:e.N,vkey:e.J,vname:e.F,vtag:e.j,vtext:e.S});var rt=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return Ze(e.vtag,t,...e.vchildren||[])}const t=Re(e.vtag,e.vtext);t.O=e.vattrs;t.N=e.vchildren;t.J=e.vkey;t.F=e.vname;return t};var at=(e,t,r,a)=>{var n,o,i;const s=Me("hydrateClient",t);const l=e.shadowRoot;const b=[];const f=[];const c=[];const d=l?[]:null;const q=Re(t,null);q.P=e;const v=Object.entries(((n=a.t)==null?void 0:n.o)||{});v.forEach((([t,[r,n]])=>{var o,i;if(!(r&31)){return}const s=n||t;const l=e.getAttribute(s);if(l!==null){const e=ct(l,r,!!(((o=a.t)==null?void 0:o.q)&64));(i=a==null?void 0:a.i)==null?void 0:i.set(t,e)}}));if(F.document&&(!B.Y||!B.Y.size)){ot(F.document.body,B.Y=new Map)}e[S]=r;e.removeAttribute(S);a.B=nt(q,b,f,d,e,e,r,c);let g=0;const p=b.length;let h;for(g;g<p;g++){h=b[g];const r=h.L+"."+h.C;const a=B.Y.get(r);const n=h.P;if(!l){n["s-hn"]=t.toUpperCase();if(h.j==="slot"){n["s-cr"]=e["s-cr"]}}else if(((o=h.j)==null?void 0:o.toString().includes("-"))&&h.j!=="slot-fb"&&!h.P.shadowRoot){const t=u(h.P);if(t){const r=De(t.t);const a=F.document.querySelector(`style[sty-id="${r}"]`);if(a){e.shadowRoot.append(a.cloneNode(true))}}}if(h.j==="slot"){h.F=h.P["s-sn"]||h.P["name"]||null;if(h.N){h.q|=2;if(!h.P.childNodes.length){h.N.forEach((e=>{h.P.appendChild(e.P)}))}}else{h.q|=1}}if(a&&a.isConnected){if(a.parentElement.shadowRoot&&a["s-en"]===""){a.parentNode.insertBefore(n,a.nextSibling)}a.parentNode.removeChild(a);if(!l){n["s-oo"]=parseInt(h.C)}}if(a&&!a["s-id"]){B.Y.delete(r)}}const w=[];const m=c.length;let U=0;let y;let x;let k;let $;for(U;U<m;U++){y=c[U];if(!y||!y.length)continue;k=y.length;x=0;for(x;x<k;x++){$=y[x];if(!w[$.hostId]){w[$.hostId]=B.Y.get($.hostId)}if(!w[$.hostId])continue;const e=w[$.hostId];if(e.shadowRoot&&$.node.parentElement!==e){e.appendChild($.node)}if(!e.shadowRoot||!l){if(!$.slot["s-cr"]){$.slot["s-cr"]=e["s-cr"];if(!$.slot["s-cr"]&&e.shadowRoot){$.slot["s-cr"]=e}else{$.slot["s-cr"]=(e.__childNodes||e.childNodes)[0]}}ue($.node,$.slot,false,$.node["s-oo"]);if(((i=$.node.parentElement)==null?void 0:i.shadowRoot)&&$.node["getAttribute"]&&$.node.getAttribute("slot")){$.node.removeAttribute("slot")}{je($.node)}}}}if(l){let t=0;const r=d.length;if(r){for(t;t<r;t++){const e=d[t];if(e){l.appendChild(e)}}Array.from(e.childNodes).forEach((e=>{if(typeof e["s-en"]!=="string"&&typeof e["s-sn"]!=="string"){if(e.nodeType===1&&e.slot&&e.hidden){e.removeAttribute("hidden")}else if(e.nodeType===8&&!e.nodeValue||e.nodeType===3&&!e.wholeText.trim()){e.parentNode.removeChild(e)}}}))}}a.$hostElement$=e;s()};var nt=(e,t,r,a,n,o,i,s=[])=>{let l;let b;let f;let c;if(o.nodeType===1){l=o.getAttribute(N);if(l){b=l.split(".");if(b[0]===i||b[0]==="0"){f=it({q:0,L:b[0],C:b[1],V:b[2],H:b[3],j:o.tagName.toLowerCase(),P:o,O:{class:o.className||""}});t.push(f);o.removeAttribute(N);if(!e.N){e.N=[]}const n=f.P.getAttribute("s-sn");if(typeof n==="string"){if(f.j==="slot-fb"){st(n,b[2],f,o,e,t,r,a,s)}f.P["s-sn"]=n;f.P.removeAttribute("s-sn")}if(f.H!==void 0){e.N[f.H]=f}e=f;if(a&&f.V==="0"){a[f.H]=f.P}}}if(o.shadowRoot){for(c=o.shadowRoot.childNodes.length-1;c>=0;c--){nt(e,t,r,a,n,o.shadowRoot.childNodes[c],i,s)}}const d=o.__childNodes||o.childNodes;for(c=d.length-1;c>=0;c--){nt(e,t,r,a,n,d[c],i,s)}}else if(o.nodeType===8){b=o.nodeValue.split(".");if(b[1]===i||b[1]==="0"){l=b[0];f=it({L:b[1],C:b[2],V:b[3],H:b[4]||"0",P:o,O:null,N:null,J:null,F:null,j:null,S:null});if(l===$){f.P=bt(o,3);if(f.P&&f.P.nodeType===3){f.S=f.P.textContent;t.push(f);o.remove();if(i===f.L){if(!e.N){e.N=[]}e.N[f.H]=f}if(a&&f.V==="0"){a[f.H]=f.P}}}else if(l===z){f.P=bt(o,8);if(f.P&&f.P.nodeType===8){t.push(f);o.remove()}}else if(f.L===i){if(l===k){const n=o["s-sn"]=b[5]||"";st(n,b[2],f,o,e,t,r,a,s)}else if(l===y){if(a){o.remove()}}}}}else if(e&&e.j==="style"){const t=Re(null,o.textContent);t.P=o;t.H="0";e.N=[t]}else{if(o.nodeType===3&&!o.wholeText.trim()&&!o["s-nr"]){o.remove()}}return e};var ot=(e,t)=>{if(e.nodeType===1){const r=e[S]||e.getAttribute(S);if(r){t.set(r,e)}let a=0;if(e.shadowRoot){for(;a<e.shadowRoot.childNodes.length;a++){ot(e.shadowRoot.childNodes[a],t)}}const n=e.__childNodes||e.childNodes;for(a=0;a<n.length;a++){ot(n[a],t)}}else if(e.nodeType===8){const r=e.nodeValue.split(".");if(r[0]===x){t.set(r[1]+"."+r[2],e);e.nodeValue="";e["s-en"]=r[3]}}};var it=e=>{const t={q:0,L:null,C:null,V:null,H:"0",P:null,O:null,N:null,J:null,F:null,j:null,S:null};return{...t,...e}};function st(e,t,r,a,n,o,i,s,l){a["s-sr"]=true;r.F=e||null;r.j="slot";const b=(n==null?void 0:n.P)?n.P["s-id"]||n.P.getAttribute("s-id"):"";if(s&&F.document){const o=r.P=F.document.createElement(r.j);if(r.F){r.P.setAttribute("name",e)}if(n.P.shadowRoot&&b&&b!==r.L){He(n.P,"insertBefore")(o,He(n.P,"children")[0])}else{He(He(a,"parentNode"),"insertBefore")(o,a)}lt(l,t,e,a,r.L);a.remove();if(r.V==="0"){s[r.H]=r.P}}else{const o=r.P;const i=b&&b!==r.L&&n.P.shadowRoot;lt(l,t,e,a,i?b:r.L);ge(a);if(i){n.P.insertBefore(o,n.P.children[0])}}o.push(r);i.push(r);if(!n.N){n.N=[]}n.N[r.H]=r}var lt=(e,t,r,a,n)=>{var o,i;let s=a.nextSibling;e[t]=e[t]||[];if(!s||((o=s.nodeValue)==null?void 0:o.startsWith(k+".")))return;do{if(s&&((s["getAttribute"]&&s.getAttribute("slot")||s["s-sn"])===r||r===""&&!s["s-sn"]&&(!s["getAttribute"]||!s.getAttribute("slot"))&&(s.nodeType===8||s.nodeType===3))){s["s-sn"]=r;e[t].push({slot:a,node:s,hostId:n})}s=s==null?void 0:s.nextSibling}while(s&&!((i=s.nodeValue)==null?void 0:i.startsWith(k+".")))};var bt=(e,t)=>{let r=e;do{r=r.nextSibling}while(r&&(r.nodeType!==t||!r.nodeValue));return r};var ft=e=>{const t=W(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};ft("::slotted");ft(":host");ft(":host-context");var ct=(e,t,r)=>{if(typeof e==="string"&&e.startsWith(d)){e=ie(e);return e}if(typeof e==="string"&&(t&16||t&8)&&(e.startsWith("{")&&e.endsWith("}")||e.startsWith("[")&&e.endsWith("]"))){try{return JSON.parse(e)}catch(e){}}if(e!=null&&!Z(e)){if(t&4){if(r&&typeof e==="string"){return e===""||!!e}else{return e==="false"?false:e===""||!!e}}if(t&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(t&1){return String(e)}return e}return e};var dt=e=>{var t;return(t=u(e))==null?void 0:t.$hostElement$};var qt=(e,t,r)=>{const a=dt(e);return{emit:e=>ut(a,t,{bubbles:true,composed:true,cancelable:true,detail:e})}};var ut=(e,t,r)=>{const a=B.ce(t,r);e.dispatchEvent(a);return a};var vt=(e,t,r,a,n,o,i)=>{if(r===a){return}let s=p(e,t);let l=t.toLowerCase();if(t==="class"){const t=e.classList;const n=pt(r);let o=pt(a);if((e["s-si"]||e["s-sc"])&&i){const r=e["s-sc"]||e["s-si"];o.push(r);n.forEach((e=>{if(e.startsWith(r))o.push(e)}));o=[...new Set(o)].filter((e=>e));t.add(...o)}else{t.remove(...n.filter((e=>e&&!o.includes(e))));t.add(...o.filter((e=>e&&!n.includes(e))))}}else if(t==="style"){{for(const t in r){if(!a||a[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in a){if(!r||a[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,a[t])}else{e.style[t]=a[t]}}}}else if(t==="key");else if(t==="ref"){if(a){a(e)}}else if(!s&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(p(F,l)){t=l.slice(2)}else{t=l[2]+t.slice(3)}if(r||a){const n=t.endsWith(ht);t=t.replace(wt,"");if(r){B.rel(e,t,r,n)}if(a){B.ael(e,t,a,n)}}}else{const i=Z(a);if((s||i&&a!==null)&&!n){try{if(!e.tagName.includes("-")){const n=a==null?"":a;if(t==="list"){s=false}else if(r==null||e[t]!=n){if(typeof e.__lookupSetter__(t)==="function"){e[t]=n}else{e.setAttribute(t,n)}}}else if(e[t]!==a){e[t]=a}}catch(e){}}let b=false;{if(l!==(l=l.replace(/^xlink\:?/,""))){t=l;b=true}}if(a==null||a===false){if(a!==false||e.getAttribute(t)===""){if(b){e.removeAttributeNS(E,t)}else{e.removeAttribute(t)}}}else if((!s||o&4||n)&&!i&&e.nodeType===1){a=a===true?"":a;if(b){e.setAttributeNS(E,t,a)}else{e.setAttribute(t,a)}}}};var gt=/\s/;var pt=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(gt)};var ht="Capture";var wt=new RegExp(ht+"$");var mt=(e,t,r,a)=>{const n=t.P.nodeType===11&&t.P.host?t.P.host:t.P;const o=e&&e.O||{};const i=t.O||{};{for(const e of Ut(Object.keys(o))){if(!(e in i)){vt(n,e,o[e],void 0,r,t.q,a)}}}for(const e of Ut(Object.keys(i))){vt(n,e,o[e],i[e],r,t.q,a)}};function Ut(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var yt;var xt=false;var kt=false;var $t=(e,t,r)=>{const a=t.N[r];let n=0;let o;let l;if(a.S!==null){o=a.P=F.document.createTextNode(a.S)}else{if(!kt){kt=a.j==="svg"}if(!F.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}o=a.P=F.document.createElementNS(kt?i:s,a.j);if(kt&&a.j==="foreignObject"){kt=false}{mt(null,a,kt)}if(a.N){for(n=0;n<a.N.length;++n){l=$t(e,a,n);if(l){o.appendChild(l)}}}{if(a.j==="svg"){kt=false}else if(o.tagName==="foreignObject"){kt=true}}}o["s-hn"]=yt;return o};var zt=e=>{B.q|=1;const t=e.closest(yt.toLowerCase());if(t!=null){const r=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"]));const a=Array.from(e.__childNodes||e.childNodes);for(const e of r?a.reverse():a){if(e["s-sh"]!=null){Pt(t,e,r!=null?r:null);e["s-sh"]=void 0}}}B.q&=-2};var St=(e,t,r,a,n,o)=>{let i=e;let s;if(i.shadowRoot&&i.tagName===yt){i=i.shadowRoot}for(;n<=o;++n){if(a[n]){s=$t(null,r,n);if(s){a[n].P=s;Pt(i,s,t)}}}};var Ot=(e,t,r)=>{for(let a=t;a<=r;++a){const t=e[a];if(t){const e=t.P;Et(t);if(e){e.remove()}}}};var Nt=(e,t,r,a,n=false)=>{let o=0;let i=0;let s=0;let l=0;let b=t.length-1;let f=t[0];let c=t[b];let d=a.length-1;let q=a[0];let u=a[d];let v;let g;while(o<=b&&i<=d){if(f==null){f=t[++o]}else if(c==null){c=t[--b]}else if(q==null){q=a[++i]}else if(u==null){u=a[--d]}else if(Jt(f,q,n)){jt(f,q,n);f=t[++o];q=a[++i]}else if(Jt(c,u,n)){jt(c,u,n);c=t[--b];u=a[--d]}else if(Jt(f,u,n)){jt(f,u,n);Pt(e,f.P,c.P.nextSibling);f=t[++o];u=a[--d]}else if(Jt(c,q,n)){jt(c,q,n);Pt(e,c.P,f.P);c=t[--b];q=a[++i]}else{s=-1;{for(l=o;l<=b;++l){if(t[l]&&t[l].J!==null&&t[l].J===q.J){s=l;break}}}if(s>=0){g=t[s];if(g.j!==q.j){v=$t(t&&t[i],r,s)}else{jt(g,q,n);t[s]=void 0;v=g.P}q=a[++i]}else{v=$t(t&&t[i],r,i);q=a[++i]}if(v){{Pt(f.P.parentNode,v,f.P)}}}}if(o>b){St(e,a[d+1]==null?null:a[d+1].P,r,a,i,d)}else if(i>d){Ot(t,o,b)}};var Jt=(e,t,r=false)=>{if(e.j===t.j){if(!r){return e.J===t.J}if(r&&!e.J&&t.J){e.J=t.J}return true}return false};var jt=(e,r,a=false)=>{const n=r.P=e.P;const o=e.N;const i=r.N;const s=r.j;const l=r.S;if(l===null){{kt=s==="svg"?true:s==="foreignObject"?false:kt}{if(s==="slot"&&!xt){if(e.F!==r.F){r.P["s-sn"]=r.F||"";zt(r.P.parentElement)}}mt(e,r,kt,a)}if(o!==null&&i!==null){Nt(n,o,r,i,a)}else if(i!==null){if(e.S!==null){n.textContent=""}St(n,null,r,i,0,i.length-1)}else if(!a&&t.updatable&&o!==null){Ot(o,0,o.length-1)}else if(a&&t.updatable&&o!==null&&i===null){r.N=o}if(kt&&s==="svg"){kt=false}}else if(e.S!==l){n.data=l}};var Et=e=>{{e.O&&e.O.ref&&e.O.ref(null);e.N&&e.N.map(Et)}};var Pt=(e,t,r)=>{if(typeof t["s-sn"]==="string"){if(e.getRootNode().nodeType!==11){Be(t)}e.insertBefore(t,r);const{slotNode:a}=he(t);if(a)pe(a);return t}if(e.__insertBefore){return e.__insertBefore(t,r)}else{return e==null?void 0:e.insertBefore(t,r)}};var Ft=(e,t,r=false)=>{var a;const n=e.$hostElement$;const o=e.t;const i=e.B||Re(null,null);const s=Ke(t);const l=s?t:Ze(null,null,t);yt=n.tagName;if(o.M){l.O=l.O||{};o.M.map((([e,t])=>l.O[t]=n[e]))}if(r&&l.O){for(const e of Object.keys(l.O)){if(n.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){l.O[e]=n[e]}}}l.j=null;l.q|=4;e.B=l;l.P=i.P=n.shadowRoot||n;xt=!!(o.q&1)&&!(o.q&128);jt(i,l,r);if(o.q&2){const e=l.P.__childNodes||l.P.childNodes;for(const t of e){if(t["s-hn"]!==yt&&!t["s-sh"]){if(r&&t["s-ih"]==null){t["s-ih"]=(a=t.hidden)!=null?a:false}t.hidden=true}}}};var Yt=(e,t)=>{if(t&&!e._&&t["s-p"]){const r=t["s-p"].push(new Promise((a=>e._=()=>{t["s-p"].splice(r-1,1);a()})))}};var Bt=(e,t)=>{{e.q|=16}if(e.q&4){e.q|=512;return}Yt(e,e.G);const r=()=>Lt(e,t);if(t){queueMicrotask((()=>{r()}));return}return X(r)};var Lt=(e,t)=>{const r=e.$hostElement$;const a=Me("scheduleUpdate",e.t.m);const n=e.l;if(!n){throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let o;if(t){{e.q|=256;if(e.I){e.I.map((([e,t])=>Gt(n,e,t,r)));e.I=void 0}}o=Gt(n,"componentWillLoad",void 0,r)}else{o=Gt(n,"componentWillUpdate",void 0,r)}o=Ct(o,(()=>Gt(n,"componentWillRender",void 0,r)));a();return Ct(o,(()=>Ht(e,n,t)))};var Ct=(e,t)=>Vt(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Vt=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Ht=async(e,t,r)=>{var a;const n=e.$hostElement$;const o=Me("update",e.t.m);const i=n["s-rc"];if(r){Ae(e)}const s=Me("render",e.t.m);{Mt(e,t,n,r)}if(i){i.map((e=>e()));n["s-rc"]=void 0}s();o();{const t=(a=n["s-p"])!=null?a:[];const r=()=>Qt(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.q|=4;t.length=0}}};var Mt=(e,t,r,a)=>{try{t=t.render();{e.q&=-17}{e.q|=2}{{{Ft(e,t,a)}}}}catch(t){h(t,e.$hostElement$)}return null};var Qt=e=>{const t=e.t.m;const r=e.$hostElement$;const a=Me("postUpdate",t);const n=e.l;const o=e.G;Gt(n,"componentDidRender",void 0,r);if(!(e.q&64)){e.q|=64;{It(r)}Gt(n,"componentDidLoad",void 0,r);a();{e.h(r);if(!o){_t()}}}else{Gt(n,"componentDidUpdate",void 0,r);a()}{e.v(r)}{if(e._){e._();e._=void 0}if(e.q&512){T((()=>Bt(e,false)))}e.q&=-517}};var _t=t=>{var r;T((()=>ut(F,"appload",{detail:{namespace:e}})));{if((r=B.Y)==null?void 0:r.size){B.Y.clear()}}};var Gt=(e,t,r,a)=>{if(e&&e[t]){try{return e[t](r)}catch(e){h(e,a)}}return void 0};var It=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var At=(e,t)=>u(e).i.get(t);var Dt=(e,t,r,a)=>{const n=u(e);if(!n){return}if(!n){throw new Error(`Couldn't find host element for "${a.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const o=n.$hostElement$;const i=n.i.get(t);const s=n.q;const l=n.l;r=ct(r,a.o[t][0],!!(a.q&64));const b=Number.isNaN(i)&&Number.isNaN(r);const f=r!==i&&!b;if((!(s&8)||i===void 0)&&f){n.i.set(t,r);if(l){if(a.A&&s&128){const e=a.A[t];if(e){e.map((e=>{try{l[e](r,i,t)}catch(e){h(e,o)}}))}}if((s&(2|16))===2){if(l.componentShouldUpdate){if(l.componentShouldUpdate(r,i,t)===false){return}}Bt(n,false)}}}};var Tt=(e,r,a)=>{var n,o;const i=e.prototype;if(r.q&64&&a&1){P.forEach((e=>{Object.defineProperty(i,e,{value(...t){var r;const a=u(this);const n=a==null?void 0:a.l;if(!n){(r=a==null?void 0:a.p)==null?void 0:r.then((r=>{const a=r[e];typeof a==="function"&&a.call(r,...t)}))}else{const r=n[e];typeof r==="function"&&r.call(n,...t)}}})}))}if(r.o||(r.A||e.watchers)){if(e.watchers&&!r.A){r.A=e.watchers}const s=Object.entries((n=r.o)!=null?n:{});s.map((([e,[t]])=>{if(t&31||a&2&&t&32){const{get:n,set:o}=Object.getOwnPropertyDescriptor(i,e)||{};if(n)r.o[e][0]|=2048;if(o)r.o[e][0]|=4096;if(a&1||!n){Object.defineProperty(i,e,{get(){{if((r.o[e][0]&2048)===0){return At(this,e)}const t=u(this);const a=t?t.l:i;if(!a)return;return a[e]}},configurable:true,enumerable:true})}Object.defineProperty(i,e,{set(n){const i=u(this);if(!i){return}if(o){const a=t&32?this[e]:i.$hostElement$[e];if(typeof a==="undefined"&&i.i.get(e)){n=i.i.get(e)}else if(!i.i.get(e)&&a){i.i.set(e,a)}o.apply(this,[ct(n,t,!!(r.q&64))]);n=t&32?this[e]:i.$hostElement$[e];Dt(this,e,n,r);return}{if((a&1)===0||(r.o[e][0]&4096)===0){Dt(this,e,n,r);if(a&1&&!i.l){i.p.then((()=>{if(r.o[e][0]&4096&&i.l[e]!==i.i.get(e)){i.l[e]=n}}))}return}const o=()=>{const a=i.l[e];if(!i.i.get(e)&&a){i.i.set(e,a)}i.l[e]=ct(n,t,!!(r.q&64));Dt(this,e,i.l[e],r)};if(i.l){o()}else{i.p.then((()=>o()))}}}})}else if(a&1&&t&64){Object.defineProperty(i,e,{value(...t){var r;const a=u(this);return(r=a==null?void 0:a.u)==null?void 0:r.then((()=>{var r;return(r=a.l)==null?void 0:r[e](...t)}))}})}}));if(a&1){const a=new Map;i.attributeChangedCallback=function(e,n,o){B.jmp((()=>{var s;const l=a.get(e);if(this.hasOwnProperty(l)&&t.lazyLoad){o=this[l];delete this[l]}else if(i.hasOwnProperty(l)&&typeof this[l]==="number"&&this[l]==o){return}else if(l==null){const t=u(this);const a=t==null?void 0:t.q;if(t&&a&&!(a&8)&&a&128&&o!==n){const a=t.l;const i=(s=r.A)==null?void 0:s[e];i==null?void 0:i.forEach((t=>{if(a[t]!=null){a[t].call(a,o,n,e)}}))}return}const b=Object.getOwnPropertyDescriptor(i,l);o=o===null&&typeof this[l]==="boolean"?false:o;if(o!==this[l]&&(!b.get||!!b.set)){this[l]=o}}))};e.observedAttributes=Array.from(new Set([...Object.keys((o=r.A)!=null?o:{}),...s.filter((([e,t])=>t[0]&31)).map((([e,t])=>{var n;const o=t[1]||e;a.set(o,e);if(t[0]&512){(n=r.M)==null?void 0:n.push([e,o])}return o}))]))}}return e};var Xt=async(e,t,r,a)=>{let n;if((t.q&32)===0){t.q|=32;const a=r.U;if(a){const a=m(r,t);if(a&&"then"in a){const e=Qe();n=await a;e()}else{n=a}if(!n){throw new Error(`Constructor for "${r.m}#${t.D}" was not found`)}if(!n.isProxied){{r.A=n.watchers}Tt(n,r,2);n.isProxied=true}const o=Me("createInstance",r.m);{t.q|=8}try{new n(t)}catch(t){h(t,e)}{t.q&=-9}{t.q|=128}o();Zt(t.l,e)}else{n=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.q|=128))}if(n&&n.style){let e;if(typeof n.style==="string"){e=n.style}const t=De(r);if(!U.has(t)){const a=Me("registerStyles",r.m);Ge(t,e,!!(r.q&1));a()}}}const o=t.G;const i=()=>Bt(t,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};var Zt=(e,t)=>{{Gt(e,"connectedCallback",void 0,t)}};var Rt=e=>{if((B.q&1)===0){const t=u(e);if(!t){return}const r=t.t;const a=Me("connectedCallback",r.m);if(!(t.q&1)){t.q|=1;let a;{a=e.getAttribute(S);if(a){if(r.q&1){const t=Ie(e.shadowRoot,r);e.classList.remove(t+"-h",t+"-s")}at(e,r.m,a,t)}}{let r=e;while(r=r.parentNode||r.host){if(r.nodeType===1&&r.hasAttribute("s-id")&&r["s-p"]||r["s-p"]){Yt(t,t.G=r);break}}}if(r.o){Object.entries(r.o).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{Xt(e,t,r)}}else{tr(e,t,r.T);if(t==null?void 0:t.l){Zt(t.l,e)}else if(t==null?void 0:t.p){t.p.then((()=>Zt(t.l,e)))}}a()}};var Wt=(e,t)=>{{Gt(e,"disconnectedCallback",void 0,t||e)}};var Kt=async e=>{if((B.q&1)===0){const t=u(e);{if(t==null?void 0:t.X){t.X.map((e=>e()));t.X=void 0}}if(t==null?void 0:t.l){Wt(t.l,e)}else if(t==null?void 0:t.p){t.p.then((()=>Wt(t.l,e)))}}if(_e.has(e)){_e.delete(e)}if(e.shadowRoot&&_e.has(e.shadowRoot)){_e.delete(e.shadowRoot)}};var er=(e,t={})=>{var r;if(!F.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const a=Me();const n=[];const o=t.exclude||[];const i=F.customElements;const s=F.document.head;const l=s.querySelector("meta[charset]");const b=F.document.createElement("style");const f=[];let c;let d=true;Object.assign(B,t);B.k=new URL(t.resourcesUrl||"./",F.document.baseURI).href;{B.q|=2}{Xe()}let q=false;e.map((e=>{e[1].map((t=>{var r;const a={q:t[0],m:t[1],o:t[2],T:t[3]};if(a.q&4){q=true}{a.o=t[2]}{a.T=t[3]}{a.M=[]}{a.A=(r=t[4])!=null?r:{}}const s=a.m;const l=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;g(e,a);if(a.q&1){{if(!e.shadowRoot){be.call(e,a)}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${a.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=u(this);if(!e){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;tr(this,e,a.T)}if(c){clearTimeout(c);c=null}if(d){f.push(this)}else{B.jmp((()=>Rt(this)))}}disconnectedCallback(){B.jmp((()=>Kt(this)));B.raf((()=>{var e;const t=u(this);if(!t){return}const r=f.findIndex((e=>e===this));if(r>-1){f.splice(r,1)}if(((e=t==null?void 0:t.B)==null?void 0:e.P)instanceof Node&&!t.B.P.isConnected){delete t.B.P}}))}componentOnReady(){var e;return(e=u(this))==null?void 0:e.p}};if(!(a.q&1)&&a.q&256){{we(l.prototype)}}if(a.q&64){l.formAssociated=true}a.U=e[0];if(!o.includes(s)&&!i.get(s)){n.push(s);i.define(s,Tt(l,a,1))}}))}));if(n.length>0){if(q){b.textContent+=j}{b.textContent+=n.sort()+J}if(b.innerHTML.length){b.setAttribute("data-styles","");const e=(r=B.$)!=null?r:R(F.document);if(e!=null){b.setAttribute("nonce",e)}s.insertBefore(b,l?l.nextSibling:s.firstChild)}}d=false;if(f.length){f.map((e=>e.connectedCallback()))}else{{B.jmp((()=>c=setTimeout(_t,30)))}}a()};var tr=(e,t,r,a)=>{if(r&&F.document){r.map((([r,a,n])=>{const o=ar(F.document,e,r);const i=rr(t,n);const s=nr(r);B.ael(o,a,i,s);(t.X=t.X||[]).push((()=>B.rel(o,a,i,s)))}))}};var rr=(e,t)=>r=>{var a;try{{if(e.q&256){(a=e.l)==null?void 0:a[t](r)}else{(e.I=e.I||[]).push([t,r])}}}catch(t){h(t,e.$hostElement$)}};var ar=(e,t,r)=>{if(r&4){return e}if(r&8){return F}if(r&16){return e.body}return t};var nr=e=>C?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var or=e=>B.$=e;export{Y as H,dt as a,er as b,qt as c,We as d,r as g,Ze as h,V as p,v as r,or as s};
-//# sourceMappingURL=p-DDw-pDpy.js.map