@beeq/core 1.8.4-beta.0 → 1.8.5-beta.2

package/dist/components/p-5c61f1f5.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DIVIDER_ORIENTATION","DIVIDER_ORIENTATION_ENUM","HORIZONTAL","VERTICAL","DIVIDER_TITLE_ALIGNMENT","DIVIDER_STROKE_LINECAP","bqDividerCss","BqDividerStyle0","BqDivider","proxyCustomElement","H","titleElem","hasTitle","dashed","orientation","strokeColor","titleAlignment","strokeDashWidth","strokeDashGap","strokeThickness","strokeBasis","strokeLinecap","checkPropValues","validatePropValue","this","el","connectedCallback","componentWillLoad","componentDidLoad","handleSlotChange","hasSlotContent","getTextContent","querySelector","strokeAttributes","strokeDrawPositions","strokeDasharray","drawOffset","x1","x2","y1","y2","orientationMap","Map","Object","entries","get","render","styles","getColorCSSVariable","isNil","h","Host","key","style","class","part","ref","div","role","onSlotchange"],"sources":["../../packages/beeq/src/components/divider/bq-divider.types.ts","../../packages/beeq/src/components/divider/scss/bq-divider.scss?tag=bq-divider&encapsulation=shadow","../../packages/beeq/src/components/divider/bq-divider.tsx"],"sourcesContent":["export const DIVIDER_ORIENTATION = ['horizontal', 'vertical'] as const;\nexport type TDividerOrientation = (typeof DIVIDER_ORIENTATION)[number];\n\nexport const DIVIDER_ORIENTATION_ENUM = {\n  HORIZONTAL: 'horizontal',\n  VERTICAL: 'vertical',\n} as const;\n\nexport const DIVIDER_TITLE_ALIGNMENT = ['start', 'middle', 'end'] as const;\nexport type TDividerTitleAlignment = (typeof DIVIDER_TITLE_ALIGNMENT)[number];\n\nexport const DIVIDER_STROKE_LINECAP = ['square', 'round', 'butt'] as const;\nexport type TDividerStrokeLinecap = (typeof DIVIDER_STROKE_LINECAP)[number];\n","/* -------------------------------------------------------------------------- */\n/*                                Button styles                               */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-divider.variables';\n\n:host {\n  @apply block is-full;\n}\n\n:host([orientation='vertical']) {\n  @apply flex bs-full;\n}\n\n.bq-divider {\n  @apply flex items-center gap-[--bq-divider--title-marginX];\n}\n\n.bq-divider--stroke {\n  @apply flex-grow stroke-[color:--bq-divider--stroke-color] bs-[--bq-divider--stroke-thickness] is-full;\n\n  &.end {\n    @apply rotate-180;\n  }\n}\n\n.bq-divider--title__start .bq-divider--stroke.start,\n.bq-divider--title__end .bq-divider--stroke.end {\n  @apply flex-grow-0 basis-[--bq-divider--stroke-basis];\n}\n\n.bq-divider--vertical {\n  @apply flex-col items-center gap-[--bq-divider--title-marginX] is-full;\n\n  .bq-divider--stroke {\n    @apply bs-full is-[--bq-divider--stroke-thickness];\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport {\n  DIVIDER_ORIENTATION,\n  DIVIDER_ORIENTATION_ENUM,\n  DIVIDER_STROKE_LINECAP,\n  DIVIDER_TITLE_ALIGNMENT,\n  TDividerOrientation,\n  TDividerStrokeLinecap,\n  TDividerTitleAlignment,\n} from './bq-divider.types';\nimport { getColorCSSVariable, getTextContent, hasSlotContent, isNil, validatePropValue } from '../../shared/utils';\n\n/**\n * The Divider component is used to visually separate content in a layout.\n *\n * @example How to use it\n * ```html\n * <bq-divider orientation=\"horizontal\" stroke-color=\"stroke--primary\" title-alignment=\"middle\">\n *   <span slot=\"title\">Divider Title</span>\n * </bq-divider>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/53dfe6-divider\n * @status stable\n *\n * @attr {boolean} dashed - If true, the divider has a dashed pattern.\n * @attr {\"horizontal\" | \"vertical\"} orientation - The default orientation of the divider.\n * @attr {string} stroke-color - Set the stroke color of the divider. The value should be a valid value of the palette color.\n * @attr {\"start\" | \"middle\" | \"end\"} title-alignment - Set the alignment of the title on the main axis of the divider (horizontal / vertical).\n * @attr {number} stroke-dash-width - Set the width of each dash of the divider's stroke. This is applicable when the stroke is dashed.\n * @attr {number} stroke-dash-gap - Set the gap of the divider's stroke. This is applicable when the stroke is dashed.\n * @attr {number} stroke-thickness - Set the thickness of the divider's stroke. Value expressed in px.\n * @attr {number} stroke-basis - Set the min width of the divider's stroke when text is not centered. Value expressed in px.\n * @attr {\"square\" | \"round\" | \"butt\"} stroke-linecap - Set the line of the divider's stroke. This is applicable when the stroke is dashed.\n *\n * @slot - The title content of the divider.\n *\n * @part base - The component's internal wrapper.\n * @part dash-start - The component's internal svg wrapper for the start line of the divider's stroke.\n * @part dash-end - The component's internal svg wrapper for the end line of the divider's stroke.\n * @part dash-start-line - The component's internal line component of the divider's stroke.\n * @part dash-end-line - The component's internal line component of the divider's stroke.\n *\n * @cssprop --bq-divider--color - Divider color\n * @cssprop --bq-divider--title-marginX - Divider space between title and delimiters\n */\n@Component({\n  tag: 'bq-divider',\n  styleUrl: './scss/bq-divider.scss',\n  shadow: true,\n})\nexport class BqDivider {\n  // Own Properties\n  // ====================\n\n  private titleElem: HTMLDivElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqDividerElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private hasTitle: boolean;\n\n  // Public Property API\n  // ========================\n\n  /** If true, the divider has a dashed pattern */\n  @Prop() dashed = false;\n\n  /** The default orientation of the divider */\n  @Prop({ reflect: true }) orientation: TDividerOrientation = 'horizontal';\n\n  /** Set the stroke color of the divider. The value should be a valid value of the palette color */\n  @Prop({ reflect: true }) strokeColor?: string = 'stroke--primary';\n\n  /** Set the alignment of the title on the main axis of the divider (horizontal / vertical) */\n  @Prop({ reflect: true }) titleAlignment?: TDividerTitleAlignment = 'middle';\n\n  /** Set the width of each dash of the divider's stroke. This is applicable when the stroke is dashed */\n  @Prop({ reflect: true }) strokeDashWidth?: number = 12;\n\n  /** Set the gap of the divider's stroke. This is applicable when the stroke is dashed */\n  @Prop({ reflect: true }) strokeDashGap?: number = 7;\n\n  /** Set the thickness of the divider's stroke. Value expressed in px*/\n  @Prop({ reflect: true }) strokeThickness?: number = 1;\n\n  /** Set the min width of the divider's stroke when text is not centered. Value expressed in px */\n  @Prop({ reflect: true }) strokeBasis?: number = 0;\n\n  /** Set the line of the divider's stroke. This is applicable when the stroke is dashed */\n  @Prop({ reflect: true }) strokeLinecap?: TDividerStrokeLinecap = 'butt';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('orientation')\n  @Watch('titleAlignment')\n  @Watch('strokeLinecap')\n  checkPropValues() {\n    validatePropValue(DIVIDER_ORIENTATION, 'horizontal', this.el, 'orientation');\n    validatePropValue(DIVIDER_TITLE_ALIGNMENT, 'middle', this.el, 'titleAlignment');\n    validatePropValue(DIVIDER_STROKE_LINECAP, 'butt', this.el, 'strokeLinecap');\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  connectedCallback() {\n    this.checkPropValues();\n  }\n\n  componentWillLoad() {\n    this.checkPropValues();\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    this.hasTitle = hasSlotContent(this.titleElem) || !!getTextContent(this.titleElem.querySelector('slot'));\n  };\n\n  private get strokeAttributes() {\n    return {\n      ...this.strokeDrawPositions,\n      ...(this.dashed && { 'stroke-dasharray': this.strokeDasharray }),\n      'stroke-linecap': this.strokeLinecap,\n      'stroke-width': this.strokeThickness,\n    };\n  }\n\n  private get strokeDrawPositions() {\n    const drawOffset = this.strokeThickness / 2;\n    const strokeDrawPositions = {\n      [DIVIDER_ORIENTATION_ENUM.HORIZONTAL]: { x1: drawOffset, x2: '100%', y1: drawOffset, y2: drawOffset },\n      [DIVIDER_ORIENTATION_ENUM.VERTICAL]: { x1: drawOffset, x2: drawOffset, y1: drawOffset, y2: '100%' },\n    };\n    const orientationMap = new Map(Object.entries(strokeDrawPositions));\n\n    return orientationMap.get(this.orientation);\n  }\n\n  private get strokeDasharray() {\n    return `${this.strokeDashWidth}, ${this.strokeDashGap}`;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const styles = {\n      ...(this.strokeColor && { '--bq-divider--stroke-color': getColorCSSVariable(this.strokeColor) }),\n      ...(this.strokeThickness && { '--bq-divider--stroke-thickness': `${this.strokeThickness}px` }),\n      ...(!isNil(this.strokeBasis) && { '--bq-divider--stroke-basis': `${this.strokeBasis}px` }),\n    };\n\n    return (\n      <Host style={styles}>\n        <div\n          class={{\n            'bq-divider': true,\n            [`bq-divider--${this.orientation}`]: true,\n            [`bq-divider--title__${this.titleAlignment}`]: true,\n            'gap-0': !this.hasTitle,\n          }}\n          part=\"base\"\n          ref={(div) => (this.titleElem = div)}\n          role=\"separator\"\n          aria-orientation={this.orientation}\n        >\n          <svg\n            class={{\n              'bq-divider--stroke start': true,\n              '!hidden': this.strokeBasis === 0 && this.titleAlignment === 'start',\n            }}\n            part=\"dash-start\"\n          >\n            <line {...this.strokeAttributes} part=\"dash-start-line\" />\n          </svg>\n          <slot onSlotchange={this.handleSlotChange} />\n          <svg\n            class={{\n              'bq-divider--stroke end': true,\n              '!hidden': !this.hasTitle || (this.strokeBasis === 0 && this.titleAlignment === 'end'),\n            }}\n            part=\"dash-end\"\n          >\n            <line {...this.strokeAttributes} part=\"dash-end-line\" />\n          </svg>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;gNAAO,MAAMA,EAAsB,CAAC,aAAc,YAG3C,MAAMC,EAA2B,CACtCC,WAAY,aACZC,SAAU,YAGL,MAAMC,EAA0B,CAAC,QAAS,SAAU,OAGpD,MAAMC,EAAyB,CAAC,SAAU,QAAS,QCX1D,MAAMC,EAAe,m4oBACrB,MAAAC,EAAeD,E,MCmDFE,EAASC,EAAA,MAAAD,UAAAE,E,kEAIZC,U,qBAWSC,SAMTC,OAAS,MAGQC,YAAmC,aAGnCC,YAAuB,kBAGvBC,eAA0C,SAG1CC,gBAA2B,GAG3BC,cAAyB,EAGzBC,gBAA2B,EAG3BC,YAAuB,EAGvBC,cAAwC,OAQjE,eAAAC,GACEC,EAAkBvB,EAAqB,aAAcwB,KAAKC,GAAI,eAC9DF,EAAkBnB,EAAyB,SAAUoB,KAAKC,GAAI,kBAC9DF,EAAkBlB,EAAwB,OAAQmB,KAAKC,GAAI,gB,CAW7D,iBAAAC,GACEF,KAAKF,iB,CAGP,iBAAAK,GACEH,KAAKF,iB,CAGP,gBAAAM,GACEJ,KAAKK,kB,CAkBCA,iBAAmB,KACzBL,KAAKZ,SAAWkB,EAAeN,KAAKb,cAAgBoB,EAAeP,KAAKb,UAAUqB,cAAc,QAAQ,EAG1G,oBAAYC,GACV,MAAO,IACFT,KAAKU,uBACJV,KAAKX,QAAU,CAAE,mBAAoBW,KAAKW,iBAC9C,iBAAkBX,KAAKH,cACvB,eAAgBG,KAAKL,gB,CAIzB,uBAAYe,GACV,MAAME,EAAaZ,KAAKL,gBAAkB,EAC1C,MAAMe,EAAsB,CAC1B,CAACjC,EAAyBC,YAAa,CAAEmC,GAAID,EAAYE,GAAI,OAAQC,GAAIH,EAAYI,GAAIJ,GACzF,CAACnC,EAAyBE,UAAW,CAAEkC,GAAID,EAAYE,GAAIF,EAAYG,GAAIH,EAAYI,GAAI,SAE7F,MAAMC,EAAiB,IAAIC,IAAIC,OAAOC,QAAQV,IAE9C,OAAOO,EAAeI,IAAIrB,KAAKV,Y,CAGjC,mBAAYqB,GACV,MAAO,GAAGX,KAAKP,oBAAoBO,KAAKN,e,CAO1C,MAAA4B,GACE,MAAMC,EAAS,IACTvB,KAAKT,aAAe,CAAE,6BAA8BiC,EAAoBxB,KAAKT,iBAC7ES,KAAKL,iBAAmB,CAAE,iCAAkC,GAAGK,KAAKL,yBACnE8B,EAAMzB,KAAKJ,cAAgB,CAAE,6BAA8B,GAAGI,KAAKJ,kBAG1E,OACE8B,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAON,GACXG,EAAA,OAAAE,IAAA,2CACEE,MAAO,CACL,aAAc,KACd,CAAC,eAAe9B,KAAKV,eAAgB,KACrC,CAAC,sBAAsBU,KAAKR,kBAAmB,KAC/C,SAAUQ,KAAKZ,UAEjB2C,KAAK,OACLC,IAAMC,GAASjC,KAAKb,UAAY8C,EAChCC,KAAK,YAAW,mBACElC,KAAKV,aAEvBoC,EAAA,OAAAE,IAAA,2CACEE,MAAO,CACL,2BAA4B,KAC5B,UAAW9B,KAAKJ,cAAgB,GAAKI,KAAKR,iBAAmB,SAE/DuC,KAAK,cAELL,EAAA,QAAAE,IAAA,8CAAU5B,KAAKS,iBAAkBsB,KAAK,qBAExCL,EAAA,QAAAE,IAAA,2CAAMO,aAAcnC,KAAKK,mBACzBqB,EAAA,OAAAE,IAAA,2CACEE,MAAO,CACL,yBAA0B,KAC1B,WAAY9B,KAAKZ,UAAaY,KAAKJ,cAAgB,GAAKI,KAAKR,iBAAmB,OAElFuC,KAAK,YAELL,EAAA,QAAAE,IAAA,8CAAU5B,KAAKS,iBAAkBsB,KAAK,oB","ignoreList":[]}

package/dist/components/p-6078fd87.js

@@ -1,6 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import"./p-a731ba87.js";import{i as o}from"./p-ecd27cf2.js";const a=a=>o(a)?a.length!==0:Boolean(a);export{a as i};
-//# sourceMappingURL=p-6078fd87.js.map

package/dist/components/p-6078fd87.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["isDefined","value","isString","length","Boolean"],"sources":["../../packages/beeq/src/shared/utils/isDefined.ts"],"sourcesContent":["import { isString } from '.';\n\n/**\n * Check is a value is not falsy\n * @param value the value to be checked\n * @returns {boolean} the value is not falsy\n */\nexport const isDefined = (value: unknown): boolean => {\n  return isString(value) ? value.length !== 0 : Boolean(value);\n};\n"],"mappings":";;;;kEAOaA,EAAaC,GACjBC,EAASD,GAASA,EAAME,SAAW,EAAIC,QAAQH,U","ignoreList":[]}

package/dist/components/p-6478d24c.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["bqPanelCss","BqPanelStyle0","BqPanel","proxyCustomElement","H","panel","floatingUI","trigger","distance","placement","open","sameWidth","skidding","strategy","handleOpenChange","this","hidePanel","showPanel","onPropChange","init","options","componentDidLoad","parentTrigger","el","parentElement","querySelector","getBoundingClientRect","contextElement","FloatingUI","disconnectedCallback","destroy","update","render","h","key","class","ref","hidden","part"],"sources":["../../packages/beeq/src/components/panel/scss/bq-panel.scss?tag=bq-panel&encapsulation=shadow","../../packages/beeq/src/components/panel/bq-panel.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Panel styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-panel.variables';\n\n:host {\n  @apply block;\n}\n\n.bq-panel {\n  @include animation-fade-in;\n  @apply fixed z-[--bq-panel-z-index] overflow-y-auto overflow-x-hidden is-[--bq-panel--width] max-bs-[--bq-panel--height];\n  @apply rounded-[--bq-panel--border-radius] bg-[--bq-panel--background] shadow-[shadow:--bq-panel--box-shadow];\n  @apply pe-[--bq-panel--padding-end] ps-[--bq-panel--padding-start] p-b-[--bq-panel--paddingY];\n  @apply border-[length:--bq-panel--border-width] border-[color:--bq-panel--border-color];\n\n  border-style: var(--bq-panel--border-style);\n}\n","import { ReferenceElement } from '@floating-ui/dom';\nimport { Component, Element, h, Prop, Watch } from '@stencil/core';\n\nimport { Placement } from '../../services/interfaces';\nimport { FloatingUI } from '../../services/libraries';\n\n/**\n * The Panel component is a versatile and essential element used to wrap and display content in a floating panel.\n *\n * @example How to use it\n * ```html\n * <bq-panel open>\n *   <div>Panel content</div>\n * </bq-panel>\n * ```\n *\n * @status stable\n *\n * @attr {number} distance - Represents the distance (gutter or margin) between the panel and the trigger element.\n * @attr {\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"right-start\" | \"right-end\"} placement - Position of the panel.\n * @attr {boolean} open - If true, the panel will be visible.\n * @attr {boolean} same-width - Whether the panel should have the same width as the trigger element.\n * @attr {number} skidding - Represents the skidding between the panel and the trigger element.\n * @attr {\"fixed\" | \"absolute\"} strategy - Defines the strategy to position the panel.\n *\n * @slot - The content of the panel.\n *\n * @part panel - The `<div>` element used to display and style the panel\n *\n * @prop --bq-panel--background - Panel background color\n * @prop --bq-panel--border-color - Panel border color\n * @prop --bq-panel--border-radius - Panel border radius\n * @prop --bq-panel--border-style - Panel border style\n * @prop --bq-panel--border-width - Panel border width\n * @prop --bq-panel--box-shadow - Panel box shadow\n * @prop --bq-panel--padding - Panel padding\n * @prop --bq-panel--height - Panel height\n * @prop --bq-panel--width - Panel width\n * @prop --bq-panel-z-index - Panel z-index applied when opened\n */\n@Component({\n  tag: 'bq-panel',\n  styleUrl: './scss/bq-panel.scss',\n  shadow: true,\n})\nexport class BqPanel {\n  // Own Properties\n  // ====================\n\n  private panel: HTMLElement;\n  private floatingUI: FloatingUI;\n  private trigger: ReferenceElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqPanelElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** Represents the distance (gutter or margin) between the panel and the trigger element. */\n  @Prop({ reflect: true }) distance?: number = 4;\n\n  /** Position of the panel */\n  @Prop({ reflect: true }) placement?: Placement = 'bottom-start';\n\n  /** If true, the panel will be visible. */\n  @Prop({ reflect: true, mutable: true }) open?: boolean = false;\n\n  /** Whether the panel should have the same width as the trigger element */\n  @Prop({ reflect: true }) sameWidth?: boolean = false;\n\n  /**  Represents the skidding between the panel and the trigger element. */\n  @Prop({ reflect: true }) skidding?: number = 0;\n\n  /** Defines the strategy to position the panel */\n  @Prop({ reflect: true }) strategy?: 'fixed' | 'absolute' = 'fixed';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('open')\n  handleOpenChange() {\n    if (!this.open) {\n      this.hidePanel();\n      return;\n    }\n\n    this.showPanel();\n  }\n\n  @Watch('distance')\n  @Watch('placement')\n  @Watch('sameWidth')\n  @Watch('skidding')\n  @Watch('strategy')\n  onPropChange() {\n    this.floatingUI?.init({ ...this.options });\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    // We need to find the trigger element from the parent to position the panel relative to it.\n    const parentTrigger = this.el.parentElement.querySelector('div[part=\"trigger\"]');\n    if (!parentTrigger) return;\n\n    this.trigger = {\n      getBoundingClientRect: () => parentTrigger.getBoundingClientRect(),\n      contextElement: parentTrigger,\n    };\n\n    this.floatingUI = new FloatingUI(this.trigger, this.panel, { ...this.options });\n    this.handleOpenChange();\n  }\n\n  disconnectedCallback() {\n    this.floatingUI?.destroy();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private showPanel() {\n    this.floatingUI?.update();\n  }\n\n  private async hidePanel() {\n    this.open = false;\n  }\n\n  private get options() {\n    return {\n      distance: this.distance,\n      placement: this.placement,\n      sameWidth: this.sameWidth,\n      skidding: this.skidding,\n      strategy: this.strategy,\n    };\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div\n        class=\"bq-panel\"\n        ref={(el) => (this.panel = el)}\n        aria-hidden={!this.open ? 'true' : 'false'}\n        hidden={!this.open}\n        part=\"panel\"\n      >\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;sFAAA,MAAMA,EAAa,ivqBACnB,MAAAC,EAAeD,E,MC4CFE,EAAOC,EAAA,MAAAD,UAAAE,E,kEAIVC,MACAC,WACAC,Q,qBAeiBC,SAAoB,EAGpBC,UAAwB,eAGTC,KAAiB,MAGhCC,UAAsB,MAGtBC,SAAoB,EAGpBC,SAAkC,QAM3D,gBAAAC,GACE,IAAKC,KAAKL,KAAM,CACdK,KAAKC,YACL,M,CAGFD,KAAKE,W,CAQP,YAAAC,GACEH,KAAKT,YAAYa,KAAK,IAAKJ,KAAKK,S,CAWlC,gBAAAC,GAEE,MAAMC,EAAgBP,KAAKQ,GAAGC,cAAcC,cAAc,uBAC1D,IAAKH,EAAe,OAEpBP,KAAKR,QAAU,CACbmB,sBAAuB,IAAMJ,EAAcI,wBAC3CC,eAAgBL,GAGlBP,KAAKT,WAAa,IAAIsB,EAAWb,KAAKR,QAASQ,KAAKV,MAAO,IAAKU,KAAKK,UACrEL,KAAKD,kB,CAGP,oBAAAe,GACEd,KAAKT,YAAYwB,S,CAkBX,SAAAb,GACNF,KAAKT,YAAYyB,Q,CAGX,eAAMf,GACZD,KAAKL,KAAO,K,CAGd,WAAYU,GACV,MAAO,CACLZ,SAAUO,KAAKP,SACfC,UAAWM,KAAKN,UAChBE,UAAWI,KAAKJ,UAChBC,SAAUG,KAAKH,SACfC,SAAUE,KAAKF,S,CAQnB,MAAAmB,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAM,WACNC,IAAMb,GAAQR,KAAKV,MAAQkB,EAAG,eAChBR,KAAKL,KAAO,OAAS,QACnC2B,QAAStB,KAAKL,KACd4B,KAAK,SAELL,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/components/p-687da041.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["validatePropValue","ACCEPTED_VALUES","fallbackValue","element","propertyName","propertyValue","includes","console","warn","tagName","toUpperCase","String","join"],"sources":["../../packages/beeq/src/shared/utils/props.ts"],"sourcesContent":["export type TExtractProp<T> = T[keyof T] extends infer U ? U : never;\nexport type TValidProperty<E, T> = TExtractProp<{ [K in keyof E]: E[K] extends T ? K : never }>;\n\n/**\n * Validate the element property value, if is one of the accepted values\n *\n * @param {readonly} ACCEPTED_VALUES - The list of the accepted values to check against.\n * @param {unknown} fallbackValue - The default value to assign\n * @param {Element} element - The component reference\n * @param {string} propertyName - The property name (will be used in the console notification)\n * @returns {void}\n */\nexport const validatePropValue = <T extends E[keyof E], E extends Element>(\n  ACCEPTED_VALUES: Readonly<T[]>,\n  fallbackValue: T,\n  element: E,\n  propertyName: TValidProperty<E, T>,\n): void => {\n  const propertyValue = element[propertyName as string];\n  // Early return if the property value is one of the accepted values\n  if (ACCEPTED_VALUES.includes(propertyValue)) return;\n  // Override property with fallback value\n  element[propertyName as string] = fallbackValue;\n  // Notify developer in the browser console\n  console.warn(\n    `[${element.tagName.toUpperCase()}] Please notice that \"${String(\n      propertyName,\n    )}\" should be one of ${ACCEPTED_VALUES.join('|')}`,\n  );\n};\n"],"mappings":";;;;MAYaA,EAAoB,CAC/BC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAgBF,EAAQC,GAE9B,GAAIH,EAAgBK,SAASD,GAAgB,OAE7CF,EAAQC,GAA0BF,EAElCK,QAAQC,KACN,IAAIL,EAAQM,QAAQC,sCAAsCC,OACxDP,wBACqBH,EAAgBW,KAAK,OAC7C,S","ignoreList":[]}

package/dist/components/p-71751caa.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["TAG_SIZE","TAG_COLOR","TAG_VARIANT","iconSize","size","xsmall","small","medium","SIZE","textColor","color","typeError","typeGray","typeInfo","typeSuccess","typeWarning","variantOutline","variantFilled","COLORS","bqTagCss","BqTagStyle0","BqTag","proxyCustomElement","H","prefixElem","hasPrefix","border","clickable","disabled","hidden","removable","selected","variant","checkPropValues","validatePropValue","this","el","bqClose","bqOpen","bqBlur","bqClick","bqFocus","componentWillLoad","componentDidLoad","handleSlotChange","hide","handleHide","show","handleShow","isRemovable","ev","emit","defaultPrevented","handleClick","isClickable","handleBlur","handleFocus","hasSlotContent","hasCustomColor","isHidden","undefined","includes","render","style","getColorCSSVariable","h","Host","key","class","active","onBlur","onClick","onFocus","tabindex","part","ref","spanElem","name","onSlotchange","appearance"],"sources":["../../packages/beeq/src/components/tag/bq-tag.types.ts","../../packages/beeq/src/components/tag/helper/index.ts","../../packages/beeq/src/components/tag/scss/bq-tag.scss?tag=bq-tag&encapsulation=shadow","../../packages/beeq/src/components/tag/bq-tag.tsx"],"sourcesContent":["export const TAG_SIZE = ['xsmall', 'small', 'medium'] as const;\nexport type TTagSize = (typeof TAG_SIZE)[number];\n\nexport const TAG_COLOR = ['error', 'gray', 'info', 'success', 'warning'] as const;\nexport type TTagColor = (typeof TAG_COLOR)[number];\n\nexport const TAG_VARIANT = ['outline', 'filled'] as const;\nexport type TTagVariant = (typeof TAG_VARIANT)[number];\n\nexport const TAG_BORDER_RADIUS = ['none', 'xs2', 'xs', 's', 'm', 'l', 'full'] as const;\nexport type TTagBorderRadius = (typeof TAG_BORDER_RADIUS)[number];\n","import { TAG_COLOR, TAG_SIZE, TAG_VARIANT, TTagColor, TTagSize, TTagVariant } from '../bq-tag.types';\n\n/**\n * Function to determine the icon size based on the provided tag size.\n *\n * @param {TTagSize} size - The size of the tag.\n * @returns {number} The corresponding icon size. If the provided size does not match any predefined sizes, the function returns the size for 'medium'.\n */\nexport const iconSize = (size: TTagSize): number => {\n  const xsmall = TAG_SIZE[0];\n  const small = TAG_SIZE[1];\n  const medium = TAG_SIZE[2];\n\n  const SIZE = {\n    [xsmall]: 16,\n    [small]: 20,\n    [medium]: 24,\n  };\n\n  return SIZE[size] || SIZE[medium];\n};\n\n/**\n * Function to determine the tag text color scheme for a given tag type.\n *\n * @param {TTagType} color - The color of the tag.\n * @returns {Object} An object containing the color scheme for the given tag type. If the provided type does not match any predefined types, the function returns the color scheme for 'default'.\n */\nexport const textColor = (color: TTagColor): Partial<{ [K in TTagVariant]: string }> => {\n  const typeError = TAG_COLOR[0];\n  const typeGray = TAG_COLOR[1];\n  const typeInfo = TAG_COLOR[2];\n  const typeSuccess = TAG_COLOR[3];\n  const typeWarning = TAG_COLOR[4];\n\n  const variantOutline = TAG_VARIANT[0];\n  const variantFilled = TAG_VARIANT[1];\n\n  const COLORS = {\n    [typeError]: {\n      [variantOutline]: 'text--danger',\n      [variantFilled]: 'text--alt',\n    },\n    [typeGray]: {\n      [variantOutline]: 'text--primary',\n      [variantFilled]: 'text--alt',\n    },\n    [typeInfo]: {\n      [variantOutline]: 'text--brand',\n      [variantFilled]: 'text--alt',\n    },\n    [typeSuccess]: {\n      [variantOutline]: 'text--success',\n      [variantFilled]: 'text--alt',\n    },\n    [typeWarning]: {\n      [variantOutline]: 'text--warning',\n      [variantFilled]: 'text--alt',\n    },\n  };\n\n  return COLORS[color];\n};\n","/* -------------------------------------------------------------------------- */\n/*                        Tag styles                        */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-tag.variables';\n\n:host {\n  @apply relative inline-block;\n}\n\n:host([removable][hidden]) {\n  @apply hidden;\n}\n\n.bq-tag {\n  @apply box-border inline-flex select-none flex-row items-center justify-center bg-[--bq-tag--background-color];\n  @apply gap-[--bq-tag--medium-gap] font-medium leading-regular text-primary p-b-[--bq-tag--medium-padding-y] p-i-[--bq-tag--medium-padding-x];\n  @apply rounded-[--bq-tag--border-radius] border-[length:--bq-tag--border-width] border-[color:--bq-tag--border-color];\n  @apply transition-colors duration-300 ease-in-out;\n\n  border-style: var(--bq-tag--border-style);\n}\n\n/* ---------------------------------- Size ---------------------------------- */\n\n.bq-tag__xsmall,\n.bq-tag__small {\n  @apply gap-[--bq-tag--small-gap] p-b-[--bq-tag--small-padding-y] p-i-[--bq-tag--small-padding-x];\n\n  /* Apply predefined border radius only if the border property have NO VALUE */\n  &:not(.has-border) {\n    @apply rounded-[--bq-tag--small-border-radius];\n  }\n}\n\n/* --------------------------------- Action --------------------------------- */\n\n.bq-tag__default.is-clickable {\n  @apply cursor-pointer;\n  // Focus\n  @apply focus-visible:focus;\n  // Hover\n  @apply hover:enabled:bg-[color-mix(in_srgb,_var(--bq-tag--background-color),_var(--bq-hover)_20%)];\n  // Active/Selected\n  @apply [&.active]:text-alt [&.active]:[--bq-tag--background-color:--bq-ui--brand];\n  // Disabled\n  @apply disabled:cursor-not-allowed disabled:border-none disabled:opacity-60;\n}\n\n/* ------------------------------ Color styles ------------------------------ */\n\n.bq-tag__error {\n  &.bq-tag__filled {\n    @apply bg-ui-danger text-alt;\n  }\n\n  &.bq-tag__outline {\n    @apply bg-ui-danger-alt text-danger [--bq-tag--border-color:--bq-stroke--danger];\n  }\n}\n\n.bq-tag__gray {\n  &.bq-tag__filled {\n    @apply bg-ui-tertiary text-alt;\n  }\n\n  &.bq-tag__outline {\n    @apply bg-ui-primary text-primary [--bq-tag--border-color:--bq-stroke--tertiary];\n  }\n}\n\n.bq-tag__info {\n  &.bq-tag__filled {\n    @apply bg-ui-brand text-alt;\n  }\n\n  &.bq-tag__outline {\n    @apply bg-ui-brand-alt text-brand [--bq-tag--border-color:--bq-stroke--brand];\n  }\n}\n\n.bq-tag__success {\n  &.bq-tag__filled {\n    @apply bg-ui-success text-alt;\n  }\n\n  &.bq-tag__outline {\n    @apply bg-ui-success-alt text-success [--bq-tag--border-color:--bq-tag--border-success];\n  }\n}\n\n.bq-tag__warning {\n  &.bq-tag__filled {\n    @apply bg-ui-warning text-alt;\n  }\n\n  &.bq-tag__outline {\n    @apply border-warning bg-ui-warning-alt text-warning;\n  }\n}\n\n/* ------------------------------ Close button ------------------------------ */\n\n.bq-tag__close::part(button) {\n  @apply pointer-events-none border-0 bs-fit p-b-0 p-i-0;\n}\n\n/* --------------- Apply the right size to the bq-icon prefix --------------- */\n\n.bq-tag__prefix ::slotted(bq-icon) {\n  --bq-icon--size: var(--bq-tag--icon-prefix-size) !important;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { TAG_COLOR, TAG_SIZE, TAG_VARIANT, TTagBorderRadius, TTagColor, TTagSize, TTagVariant } from './bq-tag.types';\nimport { iconSize, textColor } from './helper';\nimport { getColorCSSVariable, hasSlotContent, validatePropValue } from '../../shared/utils';\n\n/**\n * The Tag Component is a UI element used to label and categorize content within an application.\n * Tags are commonly used to label items with keywords or categories, making it easier to find and organize content.\n *\n * @example How to use it\n * ```html\n * <bq-tag color=\"success\" size=\"medium\" variant=\"filled\">Success</bq-tag>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/42f8c9-tag\n * @status stable\n *\n * @dependency bq-button\n * @dependency bq-icon\n *\n * @attr {string} border - The corner radius of the Tag (will override size's predefined border)\n * @attr {boolean} clickable - If `true`, the Tag can be clickable\n * @attr {\"error\" | \"gray\" | \"info\" | \"success\" | \"warning\"} color - The color style of the Tag\n * @attr {boolean} disabled - If `true`, the Tag will be disabled (only if clickable = `true`, no interaction allowed)\n * @attr {boolean} hidden - If `true`, the Tag component will hidden (only if removable = `true`)\n * @attr {boolean} removable - If `true`, the Tag component can be removed\n * @attr {boolean} selected - If `true`, the Tag is selected (only if clickable = `true`)\n * @attr {\"xsmall\" | \"small\" | \"medium\"} size - The size of the Tag component\n * @attr {\"outline\" | \"filled\"} variant - The variant of Tag to apply on top of the variant\n *\n * @method hide - Method to be called to remove the tag component\n * @method show - Method to be called to show the tag component\n *\n * @event bqClose - Callback handler to be called when the tag is close/hidden\n * @event bqOpen - Callback handler to be called when the tag is not open/shown\n * @event bqBlur - Handler to be called when tag loses focus\n * @event bqClick - Handler to be called when tag is clicked\n * @event bqFocus - Handler to be called when tag is focused\n *\n * @slot prefix - The prefix slot to add an icon or any other content before the text\n * @slot - The text content of the tag\n *\n * @part wrapper - The wrapper container `<div>` of the element inside the shadow DOM.\n * @part prefix - The `<span>` tag element that acts as prefix container (when icon exists in front of tag).\n * @part text - The `<div>` element containing the text of the tag component.\n * @part btn-close - The close button element to remove the tag component.\n *\n * @cssprop --bq-tag--background-color - Tag background color\n * @cssprop --bq-tag--border-color - Tag border color\n * @cssprop --bq-tag--border-radius - Tag border radius\n * @cssprop --bq-tag--border-style - Tag border style\n * @cssprop --bq-tag--border-width - Tag border width\n * @cssprop --bq-tag--small-border-radius - Tag small border radius\n * @cssprop --bq-tag--small-gap - Tag small gap between content\n * @cssprop --bq-tag--small-padding-x - Tag small padding horizontal\n * @cssprop --bq-tag--small-padding-y - Tag small padding vertical\n * @cssprop --bq-tag--medium-gap - Tag medium gap between content\n * @cssprop --bq-tag--medium-padding-x - Tag medium padding horizontal\n * @cssprop --bq-tag--medium-padding-y - Tag medium padding vertical\n */\n@Component({\n  tag: 'bq-tag',\n  styleUrl: './scss/bq-tag.scss',\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqTag {\n  // Own Properties\n  // ====================\n\n  private prefixElem: HTMLElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqTagElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private hasPrefix = false;\n\n  // Public Property API\n  // ========================\n\n  /** The corner radius of the Tag (will override size's predefined border) */\n  @Prop({ reflect: true }) border: TTagBorderRadius;\n\n  /** If true, the Tag can be clickable */\n  @Prop({ reflect: true }) clickable: boolean = false;\n\n  /** The color style of the Tag */\n  @Prop({ reflect: true }) color: TTagColor;\n\n  /** If true, the Tag will be disabled (only if clickable = `true`, no interaction allowed) */\n  @Prop({ reflect: true }) disabled?: boolean = false;\n\n  /** If true, the Tag component will hidden (only if removable = `true`) */\n  @Prop({ reflect: true, mutable: true }) hidden: boolean;\n\n  /** If true, the Tag component can be removed */\n  @Prop({ reflect: true }) removable: boolean = false;\n\n  /** If true, the Tag is selected (only if clickable = `true`) */\n  @Prop({ reflect: true, mutable: true }) selected: boolean = false;\n\n  /** The size of the Tag component */\n  @Prop({ reflect: true }) size: TTagSize = 'medium';\n\n  /** The variant of Tag to apply on top of the variant */\n  @Prop({ reflect: true }) variant: TTagVariant = 'filled';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('size')\n  @Watch('variant')\n  checkPropValues() {\n    validatePropValue(TAG_SIZE, 'medium', this.el, 'size');\n    validatePropValue(TAG_VARIANT, 'filled', this.el, 'variant');\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler to be called when the tag is close/hidden  */\n  @Event() bqClose: EventEmitter;\n\n  /** Callback handler to be called when the tag is not open/shown */\n  @Event() bqOpen: EventEmitter;\n\n  /** Handler to be called when tag loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqTagElement>;\n\n  /** Handler to be called when tag is clicked */\n  @Event() bqClick: EventEmitter<HTMLBqTagElement>;\n\n  /** Handler to be called when tag is focused */\n  @Event() bqFocus: EventEmitter<HTMLBqTagElement>;\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  }\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  /** Method to be called to remove the tag component */\n  @Method()\n  async hide(): Promise<void> {\n    this.handleHide();\n  }\n\n  /** Method to be called to show the tag component */\n  @Method()\n  async show(): Promise<void> {\n    this.handleShow();\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleHide = () => {\n    if (!this.isRemovable) return;\n\n    const ev = this.bqClose.emit(this.el);\n    if (!ev.defaultPrevented) {\n      this.hidden = true;\n    }\n  };\n\n  private handleShow = () => {\n    if (!this.isRemovable) return;\n\n    const ev = this.bqOpen.emit(this.el);\n    if (!ev.defaultPrevented) {\n      this.hidden = false;\n    }\n  };\n\n  private handleClick = () => {\n    // If the tag is not clickable or the tag is disabled, we don't want to handle the click\n    if (!this.isClickable || this.disabled) return;\n\n    // Emit a click event on the element\n    const ev = this.bqClick.emit(this.el);\n    // If the event was not prevented, toggle the clickable state\n    if (!ev.defaultPrevented) {\n      this.selected = !this.selected;\n    }\n  };\n\n  private handleBlur = () => {\n    if (!this.isClickable) return;\n\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleFocus = () => {\n    if (!this.isClickable) return;\n\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleSlotChange = () => {\n    this.hasPrefix = hasSlotContent(this.prefixElem, 'prefix');\n  };\n\n  private get isClickable(): boolean {\n    return this.clickable && !this.color && !this.hasCustomColor && !this.removable;\n  }\n\n  private get isRemovable(): boolean {\n    return this.removable && !this.isClickable;\n  }\n\n  private get isHidden(): boolean {\n    return this.isRemovable && this.hidden;\n  }\n\n  private get hasCustomColor(): boolean {\n    return this.color !== undefined ? !TAG_COLOR.includes(this.color) : false;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const style = {\n      '--bq-tag--icon-prefix-size': `${iconSize(this.size)}px`,\n      ...(this.border && { '--bq-tag--border-radius': `var(--bq-radius--${this.border})` }),\n      ...(this.color && { '--bq-tag--background-color': getColorCSSVariable(this.color) ?? this.color }),\n      ...(this.hasCustomColor && { '--bq-text--primary': `var(--bq-text--alt)` }),\n    };\n\n    return (\n      <Host style={style} aria-hidden={this.isHidden ? 'true' : 'false'} hidden={this.isHidden ? 'true' : 'false'}>\n        <button\n          class={{\n            [`bq-tag bq-tag__${this.size}`]: true,\n            [`bq-tag__${this.color || 'default'} bq-tag__${this.variant}`]: !this.hasCustomColor,\n            'is-clickable': this.isClickable,\n            'is-removable': this.removable,\n            // Active/Selected state when clickable\n            active: this.isClickable && this.selected,\n            // Fixed border radius\n            'has-border': !!this.border,\n          }}\n          disabled={this.disabled}\n          onBlur={this.handleBlur}\n          onClick={this.handleClick}\n          onFocus={this.handleFocus}\n          tabindex={this.isClickable ? 0 : -1}\n          part=\"wrapper\"\n        >\n          <span\n            class={{ 'bq-tag__prefix inline-flex': true, '!hidden': !this.hasPrefix }}\n            ref={(spanElem) => (this.prefixElem = spanElem)}\n            part=\"prefix\"\n          >\n            <slot name=\"prefix\" onSlotchange={this.handleSlotChange} />\n          </span>\n          <div\n            class={{\n              'text-xs': this.size === 'xsmall',\n              'text-s': this.size === 'small',\n              'text-m': this.size === 'medium',\n            }}\n            part=\"text\"\n          >\n            <slot />\n          </div>\n          {this.isRemovable && !this.disabled && (\n            <bq-button class=\"bq-tag__close\" appearance=\"text\" size=\"small\" onClick={this.handleHide} part=\"btn-close\">\n              <bq-icon\n                size={iconSize(this.size)}\n                name=\"x-circle\"\n                color={this.color && !this.hasCustomColor ? textColor(this.color)[this.variant] : 'text--primary'}\n              />\n            </bq-button>\n          )}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;oPAAO,MAAMA,EAAW,CAAC,SAAU,QAAS,UAGrC,MAAMC,EAAY,CAAC,QAAS,OAAQ,OAAQ,UAAW,WAGvD,MAAMC,EAAc,CAAC,UAAW,UCEhC,MAAMC,EAAYC,IACvB,MAAMC,EAASL,EAAS,GACxB,MAAMM,EAAQN,EAAS,GACvB,MAAMO,EAASP,EAAS,GAExB,MAAMQ,EAAO,CACXH,CAACA,GAAS,GACVC,CAACA,GAAQ,GACTC,CAACA,GAAS,IAGZ,OAAOC,EAAKJ,IAASI,EAAKD,EAAO,EAS5B,MAAME,EAAaC,IACxB,MAAMC,EAAYV,EAAU,GAC5B,MAAMW,EAAWX,EAAU,GAC3B,MAAMY,EAAWZ,EAAU,GAC3B,MAAMa,EAAcb,EAAU,GAC9B,MAAMc,EAAcd,EAAU,GAE9B,MAAMe,EAAiBd,EAAY,GACnC,MAAMe,EAAgBf,EAAY,GAElC,MAAMgB,EAAS,CACbP,CAACA,GAAY,CACXK,CAACA,GAAiB,eAClBC,CAACA,GAAgB,aAEnBL,CAACA,GAAW,CACVI,CAACA,GAAiB,gBAClBC,CAACA,GAAgB,aAEnBJ,CAACA,GAAW,CACVG,CAACA,GAAiB,cAClBC,CAACA,GAAgB,aAEnBH,CAACA,GAAc,CACbE,CAACA,GAAiB,gBAClBC,CAACA,GAAgB,aAEnBF,CAACA,GAAc,CACbC,CAACA,GAAiB,gBAClBC,CAACA,GAAgB,cAIrB,OAAOC,EAAOR,EAAM,EC7DtB,MAAMS,EAAW,mw1BACjB,MAAAC,EAAeD,E,MCmEFE,EAAKC,EAAA,MAAAD,UAAAE,E,mOAIRC,W,qBAWSC,UAAY,MAMJC,OAGAC,UAAqB,MAGrBjB,MAGAkB,SAAqB,MAGNC,OAGfC,UAAqB,MAGNC,SAAoB,MAGnC3B,KAAiB,SAGjB4B,QAAuB,SAOhD,eAAAC,GACEC,EAAkBlC,EAAU,SAAUmC,KAAKC,GAAI,QAC/CF,EAAkBhC,EAAa,SAAUiC,KAAKC,GAAI,U,CAQ3CC,QAGAC,OAGAC,OAGAC,QAGAC,QAMT,iBAAAC,GACEP,KAAKF,iB,CAGP,gBAAAU,GACER,KAAKS,kB,CAeP,UAAMC,GACJV,KAAKW,Y,CAKP,UAAMC,GACJZ,KAAKa,Y,CAQCF,WAAa,KACnB,IAAKX,KAAKc,YAAa,OAEvB,MAAMC,EAAKf,KAAKE,QAAQc,KAAKhB,KAAKC,IAClC,IAAKc,EAAGE,iBAAkB,CACxBjB,KAAKN,OAAS,I,GAIVmB,WAAa,KACnB,IAAKb,KAAKc,YAAa,OAEvB,MAAMC,EAAKf,KAAKG,OAAOa,KAAKhB,KAAKC,IACjC,IAAKc,EAAGE,iBAAkB,CACxBjB,KAAKN,OAAS,K,GAIVwB,YAAc,KAEpB,IAAKlB,KAAKmB,aAAenB,KAAKP,SAAU,OAGxC,MAAMsB,EAAKf,KAAKK,QAAQW,KAAKhB,KAAKC,IAElC,IAAKc,EAAGE,iBAAkB,CACxBjB,KAAKJ,UAAYI,KAAKJ,Q,GAIlBwB,WAAa,KACnB,IAAKpB,KAAKmB,YAAa,OAEvBnB,KAAKI,OAAOY,KAAKhB,KAAKC,GAAG,EAGnBoB,YAAc,KACpB,IAAKrB,KAAKmB,YAAa,OAEvBnB,KAAKM,QAAQU,KAAKhB,KAAKC,GAAG,EAGpBQ,iBAAmB,KACzBT,KAAKV,UAAYgC,EAAetB,KAAKX,WAAY,SAAS,EAG5D,eAAY8B,GACV,OAAOnB,KAAKR,YAAcQ,KAAKzB,QAAUyB,KAAKuB,iBAAmBvB,KAAKL,S,CAGxE,eAAYmB,GACV,OAAOd,KAAKL,YAAcK,KAAKmB,W,CAGjC,YAAYK,GACV,OAAOxB,KAAKc,aAAed,KAAKN,M,CAGlC,kBAAY6B,GACV,OAAOvB,KAAKzB,QAAUkD,WAAa3D,EAAU4D,SAAS1B,KAAKzB,OAAS,K,CAOtE,MAAAoD,GACE,MAAMC,EAAQ,CACZ,6BAA8B,GAAG5D,EAASgC,KAAK/B,aAC3C+B,KAAKT,QAAU,CAAE,0BAA2B,oBAAoBS,KAAKT,cACrES,KAAKzB,OAAS,CAAE,6BAA8BsD,EAAoB7B,KAAKzB,QAAUyB,KAAKzB,UACtFyB,KAAKuB,gBAAkB,CAAE,qBAAsB,wBAGrD,OACEO,EAACC,EAAI,CAAAC,IAAA,2CAACJ,MAAOA,EAAK,cAAe5B,KAAKwB,SAAW,OAAS,QAAS9B,OAAQM,KAAKwB,SAAW,OAAS,SAClGM,EAAA,UAAAE,IAAA,2CACEC,MAAO,CACL,CAAC,kBAAkBjC,KAAK/B,QAAS,KACjC,CAAC,WAAW+B,KAAKzB,OAAS,qBAAqByB,KAAKH,YAAaG,KAAKuB,eACtE,eAAgBvB,KAAKmB,YACrB,eAAgBnB,KAAKL,UAErBuC,OAAQlC,KAAKmB,aAAenB,KAAKJ,SAEjC,eAAgBI,KAAKT,QAEvBE,SAAUO,KAAKP,SACf0C,OAAQnC,KAAKoB,WACbgB,QAASpC,KAAKkB,YACdmB,QAASrC,KAAKqB,YACdiB,SAAUtC,KAAKmB,YAAc,GAAK,EAClCoB,KAAK,WAELT,EAAA,QAAAE,IAAA,2CACEC,MAAO,CAAE,6BAA8B,KAAM,WAAYjC,KAAKV,WAC9DkD,IAAMC,GAAczC,KAAKX,WAAaoD,EACtCF,KAAK,UAELT,EAAA,QAAAE,IAAA,2CAAMU,KAAK,SAASC,aAAc3C,KAAKS,oBAEzCqB,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,UAAWjC,KAAK/B,OAAS,SACzB,SAAU+B,KAAK/B,OAAS,QACxB,SAAU+B,KAAK/B,OAAS,UAE1BsE,KAAK,QAELT,EAAA,QAAAE,IAAA,8CAEDhC,KAAKc,cAAgBd,KAAKP,UACzBqC,EAAA,aAAAE,IAAA,2CAAWC,MAAM,gBAAgBW,WAAW,OAAO3E,KAAK,QAAQmE,QAASpC,KAAKW,WAAY4B,KAAK,aAC7FT,EAAA,WAAAE,IAAA,2CACE/D,KAAMD,EAASgC,KAAK/B,MACpByE,KAAK,WACLnE,MAAOyB,KAAKzB,QAAUyB,KAAKuB,eAAiBjD,EAAU0B,KAAKzB,OAAOyB,KAAKH,SAAW,oB","ignoreList":[]}

package/dist/components/p-8d04a487.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["bqOptionListCss","BqOptionListStyle0","BqOptionList","proxyCustomElement","H","ariaLabel","bqSelect","componentDidLoad","this","el","setAttribute","onBqSelect","event","target","item","isHTMLElement","isEventTargetChildOfElement","emit","value","render","h","key","class","part"],"sources":["../../packages/beeq/src/components/option-list/scss/bq-option-list.scss?tag=bq-option-list&encapsulation=shadow","../../packages/beeq/src/components/option-list/bq-option-list.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Option list styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-option-list.variables';\n\n:host {\n  @apply block;\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop } from '@stencil/core';\n\nimport { isEventTargetChildOfElement, isHTMLElement } from '../../shared/utils';\n\n/**\n * The option list component is a container for multiple option elements.\n * It allows to manage the appearance and size of all options at once.\n *\n * @example How to use it\n * ```html\n * <bq-option-list>\n *   <bq-option value=\"football\">Football</bq-option>\n *   <bq-option value=\"basketball\">Basketball</bq-option>\n *   <bq-option value=\"tennis\">Tennis</bq-option>\n * </bq-option-list>\n * ```\n *\n * @documentation https://storybook.beeq.design/?path=/story/components-option--default\n * @status stable\n *\n * @attr {string} aria-label - Aria label for the list.\n *\n * @slot - The option items\n *\n * @part base - The component's internal wrapper.\n *\n * @cssprop --bq-option-group--gapY-list - Option group gap between items Y axis\n */\n@Component({\n  tag: 'bq-option-list',\n  styleUrl: './scss/bq-option-list.scss',\n  shadow: true,\n})\nexport class BqOptionList {\n  // Own Properties\n  // ====================\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqOptionListElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  // Prop lifecycle events\n  // =======================\n\n  /** Aria label for the list. */\n  @Prop({ reflect: true }) ariaLabel: string = 'Options';\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when `bq-option` is selected (on click/enter press). */\n  @Event() bqSelect: EventEmitter<{ value: string; item: HTMLBqOptionElement }>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    this.el.setAttribute('role', 'listbox');\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('bqClick', { passive: true })\n  @Listen('bqEnter', { passive: true })\n  onBqSelect(event: CustomEvent<HTMLElement>) {\n    const { target: item } = event;\n    if (!isHTMLElement(item, 'bq-option') || !isEventTargetChildOfElement(event, this.el)) return;\n\n    this.bqSelect.emit({ item, value: item.value });\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div class=\"bq-option__list flex flex-col gap-y-[--bq-option-group--gapY-list]\" part=\"base\">\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;iIAAA,MAAMA,EAAkB,uqmBACxB,MAAAC,EAAeD,E,MCgCFE,EAAYC,EAAA,MAAAD,UAAAE,E,0HAoBEC,UAAoB,UAOpCC,SAMT,gBAAAC,GACEC,KAAKC,GAAGC,aAAa,OAAQ,U,CAQ/B,UAAAC,CAAWC,GACT,MAAQC,OAAQC,GAASF,EACzB,IAAKG,EAAcD,EAAM,eAAiBE,EAA4BJ,EAAOJ,KAAKC,IAAK,OAEvFD,KAAKF,SAASW,KAAK,CAAEH,OAAMI,MAAOJ,EAAKI,O,CAmBzC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,qEAAqEC,KAAK,QACnFH,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/components/p-99829fc7.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["isNil","value","undefined"],"sources":["../../packages/beeq/src/shared/utils/isNil.ts"],"sourcesContent":["/**\n * Check if the value is null or undefined\n * @param value the value to be checked\n * @returns {boolean} the value is null or undefined\n */\nexport const isNil = <T>(value: T): value is null | undefined => {\n  return value === null || value === undefined;\n};\n"],"mappings":";;;;MAKaA,EAAYC,GAChBA,IAAU,MAAQA,IAAUC,iB","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["enter","async","element","transitionName","classList","remove","transition","leave","add","toggle","contains","direction","animation","dataset","animationClass","transitionKey","charAt","toUpperCase","slice","genesisClasses","getDatasetValueOrDefault","startClasses","endClasses","addClasses","nextFrame","removeClasses","afterTransition","key","defaultValue","split","classes","Promise","resolve","requestAnimationFrame","all","getAnimations","map","finished"],"sources":["../../packages/beeq/src/shared/utils/transition.ts"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*            Credits to MikeMcCall for the original implementation           */\n/*            Github: https://github.com/mmccall10/el-transition              */\n/* -------------------------------------------------------------------------- */\n\ninterface HTMLElementWithAnimations extends HTMLElement {\n  getAnimations(): Animation[];\n}\n\n/**\n * Transition an element entry\n *\n * @param element The element to enter\n * @param transitionName The name of the transition\n * @returns A promise that resolves when the transition is complete\n */\nexport const enter = async (element: HTMLElement, transitionName: string | null = null): Promise<void> => {\n  element.classList.remove('hidden');\n  await transition('enter', element, transitionName);\n};\n\n/**\n * Transition an element exit\n *\n * @param element The element to leave\n * @param transitionName The name of the transition\n * @returns A promise that resolves when the transition is complete\n */\nexport const leave = async (element: HTMLElement, transitionName: string | null = null): Promise<void> => {\n  await transition('leave', element, transitionName);\n  element.classList.add('hidden');\n};\n\n/**\n * Toggle an element entry/exit\n *\n * @param element The element to toggle\n * @param transitionName The name of the transition\n * @returns A promise that resolves when the transition is complete\n */\nexport const toggle = async (element: HTMLElement, transitionName: string | null = null): Promise<void> => {\n  if (element.classList.contains('hidden')) {\n    await enter(element, transitionName);\n  } else {\n    await leave(element, transitionName);\n  }\n};\n\n/**\n * Perform a transition on an element\n *\n * @param direction The direction of the transition\n * @param element The element to transition\n * @param animation The animation to use\n * @returns A promise that resolves when the transition is complete\n * @internal\n */\nconst transition = async (direction: string, element: HTMLElement, animation: string | null): Promise<void> => {\n  const { dataset } = element;\n  const animationClass = animation ? `${animation}-${direction}` : direction;\n  const transitionKey = `transition${direction.charAt(0).toUpperCase() + direction.slice(1)}`;\n\n  // Get the genesis, start, and end classes\n  const genesisClasses = getDatasetValueOrDefault(dataset, transitionKey, animationClass);\n  const startClasses = getDatasetValueOrDefault(dataset, `${transitionKey}Start`, `${animationClass}-start`);\n  const endClasses = getDatasetValueOrDefault(dataset, `${transitionKey}End`, `${animationClass}-end`);\n\n  // Add genesis and start classes, then wait for the next frame\n  addClasses(element, genesisClasses);\n  addClasses(element, startClasses);\n  await nextFrame();\n\n  // Replace start classes with end classes, then wait for the transition to finish\n  removeClasses(element, startClasses);\n  addClasses(element, endClasses);\n  await afterTransition(element as HTMLElementWithAnimations);\n\n  // Remove end and genesis classes\n  removeClasses(element, endClasses);\n  removeClasses(element, genesisClasses);\n};\n\n/**\n * Get the value of a dataset key or a default value\n *\n * @param dataset The dataset to get the value from\n * @param key The key to get the value for\n * @param defaultValue The default value to return if the key is not found\n * @returns The value of the dataset key or the default value\n * @internal\n */\nconst getDatasetValueOrDefault = (dataset: DOMStringMap, key: string, defaultValue: string): string[] => {\n  return dataset[key] ? dataset[key].split(' ') : [defaultValue];\n};\n\n/**\n * Add classes to an element\n *\n * @param element The element to add the CSS classes to\n * @param classes The classes to add\n * @internal\n */\nconst addClasses = (element: HTMLElement, classes: string[]): void => {\n  element.classList.add(...classes);\n};\n\n/**\n * Remove classes from an element\n *\n * @param element The element to remove the CSS classes from\n * @param classes The classes to remove\n * @internal\n */\nconst removeClasses = (element: HTMLElement, classes: string[]): void => {\n  element.classList.remove(...classes);\n};\n\n/**\n * Wait for the next frame\n * @returns A promise that resolves when the next frame is available\n * @internal\n */\nconst nextFrame = (): Promise<void> => {\n  return new Promise((resolve) => {\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => resolve());\n    });\n  });\n};\n\n/**\n * Wait for all animations to finish\n * @param element The element to wait for\n * @returns A promise that resolves when all animations are finished\n * @internal\n */\nconst afterTransition = (element: HTMLElementWithAnimations): Promise<Animation[]> => {\n  return Promise.all(element.getAnimations().map((animation) => animation.finished));\n};\n"],"mappings":";;;;MAgBaA,EAAQC,MAAOC,EAAsBC,EAAgC,QAChFD,EAAQE,UAAUC,OAAO,gBACnBC,EAAW,QAASJ,EAASC,EAAe,E,MAUvCI,EAAQN,MAAOC,EAAsBC,EAAgC,cAC1EG,EAAW,QAASJ,EAASC,GACnCD,EAAQE,UAAUI,IAAI,SAAS,E,MAUpBC,EAASR,MAAOC,EAAsBC,EAAgC,QACjF,GAAID,EAAQE,UAAUM,SAAS,UAAW,OAClCV,EAAME,EAASC,E,KAChB,OACCI,EAAML,EAASC,E,GAazB,MAAMG,EAAaL,MAAOU,EAAmBT,EAAsBU,KACjE,MAAMC,QAAEA,GAAYX,EACpB,MAAMY,EAAiBF,EAAY,GAAGA,KAAaD,IAAcA,EACjE,MAAMI,EAAgB,aAAaJ,EAAUK,OAAO,GAAGC,cAAgBN,EAAUO,MAAM,KAGvF,MAAMC,EAAiBC,EAAyBP,EAASE,EAAeD,GACxE,MAAMO,EAAeD,EAAyBP,EAAS,GAAGE,SAAsB,GAAGD,WACnF,MAAMQ,EAAaF,EAAyBP,EAAS,GAAGE,OAAoB,GAAGD,SAG/ES,EAAWrB,EAASiB,GACpBI,EAAWrB,EAASmB,SACdG,IAGNC,EAAcvB,EAASmB,GACvBE,EAAWrB,EAASoB,SACdI,EAAgBxB,GAGtBuB,EAAcvB,EAASoB,GACvBG,EAAcvB,EAASiB,EAAe,EAYxC,MAAMC,EAA2B,CAACP,EAAuBc,EAAaC,IAC7Df,EAAQc,GAAOd,EAAQc,GAAKE,MAAM,KAAO,CAACD,GAUnD,MAAML,EAAa,CAACrB,EAAsB4B,KACxC5B,EAAQE,UAAUI,OAAOsB,EAAQ,EAUnC,MAAML,EAAgB,CAACvB,EAAsB4B,KAC3C5B,EAAQE,UAAUC,UAAUyB,EAAQ,EAQtC,MAAMN,EAAY,IACT,IAAIO,SAASC,IAClBC,uBAAsB,KACpBA,uBAAsB,IAAMD,KAAU,GACtC,IAUN,MAAMN,EAAmBxB,GAChB6B,QAAQG,IAAIhC,EAAQiC,gBAAgBC,KAAKxB,GAAcA,EAAUyB,mB","ignoreList":[]}

package/dist/components/p-a731ba87.js

@@ -1,6 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-const e="beeq";const t={allRenderFn:true,appendChildSlotFix:true,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:true,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:true,experimentalSlotFixes:true,formAssociated:true,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:true,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:true,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:false,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,modernPropertyDecls:true,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:true,scriptDataOpts:false,shadowDelegatesFocus:true,shadowDom:true,slot:true,slotChildNodesFix:true,slotRelocation:false,state:true,style:true,svg:true,taskQueue:true,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var l="http://www.w3.org/2000/svg";var s="http://www.w3.org/1999/xhtml";var i=(e,t)=>{var n;const r=t.t;const l=Object.entries((n=r.l)!=null?n:{});l.map((([n,[r]])=>{if(r&31||r&32){const r=e[n];const l=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),n);Object.defineProperty(e,n,{get(){return l.get.call(this)},set(e){l.set.call(this,e)},configurable:true,enumerable:true});e[n]=t.i.has(n)?t.i.get(n):r}}))};var o=new WeakMap;var f=e=>o.delete(e);var a=e=>o.get(e);var c=(e,t)=>{const n={o:0,$hostElement$:e,t,i:new Map};{n.u=new Promise((e=>n.v=e));e["s-p"]=[];e["s-rc"]=[]}const r=o.set(e,n);{i(e,n)}return r};var u=(e,t)=>t in e;var v=(e,t)=>(0,console.error)(e,t);var d=new Map;var h="r";var p="o";var m="s";var $="t";var b="c";var y="s-id";var g="sty-id";var w="c-id";var S="slot-fb{display:contents}slot-fb[hidden]{display:none}";var j="http://www.w3.org/1999/xlink";var O=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var x=typeof window!=="undefined"?window:{};var C=x.document||{head:{}};var k=x.HTMLElement||class{};var E={o:0,h:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var D=(()=>{let e=false;try{C.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var A=e=>Promise.resolve(e);var L=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var N=false;var F=[];var R=[];var M=(e,t)=>n=>{e.push(n);if(!N){N=true;if(t&&E.o&4){U(T)}else{E.raf(T)}}};var P=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){v(e)}}e.length=0};var T=()=>{P(F);{P(R);if(N=F.length>0){E.raf(T)}}};var U=e=>A().then(e);var I=M(R,true);var _=e=>{const t=new URL(e,E.h);return t.origin!==x.location.origin?t.href:t.pathname};var W=e=>E.h=e;var H=e=>{e=typeof e;return e==="object"||e==="function"};function q(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var B={};r(B,{err:()=>V,map:()=>z,ok:()=>Q,unwrap:()=>K,unwrapErr:()=>X});var Q=e=>({isOk:true,isErr:false,value:e});var V=e=>({isOk:false,isErr:true,value:e});function z(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>Q(e)))}else{return Q(n)}}if(e.isErr){const t=e.value;return V(t)}throw"should never get here"}var K=e=>{if(e.isOk){return e.value}else{throw e.value}};var X=e=>{if(e.isErr){return e.value}else{throw e.value}};var G=(e,t,n,r)=>{let l;if(e["s-ol"]&&e["s-ol"].isConnected){l=e["s-ol"]}else{l=document.createTextNode("");l["s-nr"]=e}if(!t["s-cr"]||!t["s-cr"].parentNode)return;const s=t["s-cr"].parentNode;const i=n?s.__prepend||s.prepend:s.__appendChild||s.appendChild;if(typeof r!=="undefined"){{l["s-oo"]=r;const e=s.__childNodes||s.childNodes;const t=[l];e.forEach((e=>{if(e["s-nr"])t.push(e)}));t.sort(((e,t)=>{if(!e["s-oo"]||e["s-oo"]<t["s-oo"])return-1;else if(!t["s-oo"]||t["s-oo"]<e["s-oo"])return 1;return 0}));t.forEach((e=>i.call(s,e)))}}else{i.call(s,l)}e["s-ol"]=l;e["s-sh"]=t["s-hn"]};var J=e=>{if(!e||e.__nextSibling||!globalThis.Node)return;Y(e);ee(e);ne(e);if(e.nodeType===Node.ELEMENT_NODE){Z(e);te(e)}};var Y=e=>{if(!e||e.__nextSibling)return;se("nextSibling",e);Object.defineProperty(e,"nextSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.childNodes;const n=t==null?void 0:t.indexOf(this);if(t&&n>-1){return t[n+1]}return this.__nextSibling}})};var Z=e=>{if(!e||e.__nextElementSibling)return;se("nextElementSibling",e);Object.defineProperty(e,"nextElementSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.children;const n=t==null?void 0:t.indexOf(this);if(t&&n>-1){return t[n+1]}return this.__nextElementSibling}})};var ee=e=>{if(!e||e.__previousSibling)return;se("previousSibling",e);Object.defineProperty(e,"previousSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.childNodes;const n=t==null?void 0:t.indexOf(this);if(t&&n>-1){return t[n-1]}return this.__previousSibling}})};var te=e=>{if(!e||e.__previousElementSibling)return;se("previousElementSibling",e);Object.defineProperty(e,"previousElementSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.children;const n=t==null?void 0:t.indexOf(this);if(t&&n>-1){return t[n-1]}return this.__previousElementSibling}})};var ne=e=>{if(!e||e.__parentNode)return;se("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 re=["children","nextElementSibling","previousElementSibling"];var le=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function se(e,t){let n;if(re.includes(e)){n=Object.getOwnPropertyDescriptor(Element.prototype,e)}else if(le.includes(e)){n=Object.getOwnPropertyDescriptor(Node.prototype,e)}if(!n){n=Object.getOwnPropertyDescriptor(t,e)}if(n)Object.defineProperty(t,"__"+e,n)}var ie=(e,t="")=>{{return()=>{}}};var oe=(e,t,...n)=>{let r=null;let l=null;let s=false;let i=false;const o=[];const f=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){f(r)}else if(r!=null&&typeof r!=="boolean"){if(s=typeof e!=="function"&&!H(r)){r=String(r)}if(s&&i){o[o.length-1].p+=r}else{o.push(s?fe(null,r):r)}i=s}}};f(n);if(t){if(t.key){l=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,o,ue)}const a=fe(e,null);a.m=t;if(o.length>0){a.$=o}{a.S=l}return a};var fe=(e,t)=>{const n={o:0,j:e,p:t,O:null,$:null};{n.m=null}{n.S=null}return n};var ae={};var ce=e=>e&&e.j===ae;var ue={forEach:(e,t)=>e.map(ve).forEach(t),map:(e,t)=>e.map(ve).map(t).map(de)};var ve=e=>({vattrs:e.m,vchildren:e.$,vkey:e.S,vname:e.C,vtag:e.j,vtext:e.p});var de=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 oe(e.vtag,t,...e.vchildren||[])}const t=fe(e.vtag,e.vtext);t.m=e.vattrs;t.$=e.vchildren;t.S=e.vkey;t.C=e.vname;return t};var he=(e,t,n,r)=>{const l=ie("hydrateClient",t);const s=e.shadowRoot;const i=[];const o=[];const f=[];const a=s?[]:null;const c=fe(t,null);c.O=e;if(!E.k){me(C.body,E.k=new Map)}e[y]=n;e.removeAttribute(y);r.D=pe(c,i,o,a,e,e,n,f);let u=0;const v=i.length;let d;for(u;u<v;u++){d=i[u];const n=d.A+"."+d.L;const r=E.k.get(n);const l=d.O;if(!s){l["s-hn"]=t.toUpperCase();if(d.j==="slot"){l["s-cr"]=e["s-cr"]}}if(d.j==="slot"){d.C=d.O["s-sn"]||d.O["name"]||null;if(d.$){d.o|=2;if(!d.O.childNodes.length){d.$.forEach((e=>{d.O.appendChild(e.O)}))}}else{d.o|=1}}if(r&&r.isConnected){if(s&&r["s-en"]===""){r.parentNode.insertBefore(l,r.nextSibling)}r.parentNode.removeChild(r);if(!s){l["s-oo"]=parseInt(d.L)}}E.k.delete(n)}const h=[];const p=f.length;let m=0;let $;let b;let g;let w;for(m;m<p;m++){$=f[m];if(!$||!$.length)continue;g=$.length;b=0;for(b;b<g;b++){w=$[b];if(!h[w.hostId]){h[w.hostId]=E.k.get(w.hostId)}if(!h[w.hostId])continue;const e=h[w.hostId];if(!e.shadowRoot||!s){w.slot["s-cr"]=e["s-cr"];if(!w.slot["s-cr"]&&e.shadowRoot){w.slot["s-cr"]=e}else{w.slot["s-cr"]=(e.__childNodes||e.childNodes)[0]}G(w.node,w.slot,false,w.node["s-oo"]);{J(w.node)}}if(e.shadowRoot&&w.node.parentElement!==e){e.appendChild(w.node)}}}if(s){let e=0;const t=a.length;for(e;e<t;e++){s.appendChild(a[e])}}r.$hostElement$=e;l()};var pe=(e,t,n,r,l,s,i,o=[])=>{let f;let a;let c;let u;if(s.nodeType===1){f=s.getAttribute(w);if(f){a=f.split(".");if(a[0]===i||a[0]==="0"){c=$e({o:0,A:a[0],L:a[1],N:a[2],F:a[3],j:s.tagName.toLowerCase(),O:s,m:{class:s.className||""}});t.push(c);s.removeAttribute(w);if(!e.$){e.$=[]}const l=c.O.getAttribute("s-sn");if(typeof l==="string"){if(c.j==="slot-fb"){be(l,a[2],c,s,e,t,n,r,o)}c.O["s-sn"]=l;c.O.removeAttribute("s-sn")}if(c.F!==void 0){e.$[c.F]=c}e=c;if(r&&c.N==="0"){r[c.F]=c.O}}}if(s.shadowRoot){for(u=s.shadowRoot.childNodes.length-1;u>=0;u--){pe(e,t,n,r,l,s.shadowRoot.childNodes[u],i,o)}}const v=s.__childNodes||s.childNodes;for(u=v.length-1;u>=0;u--){pe(e,t,n,r,l,v[u],i,o)}}else if(s.nodeType===8){a=s.nodeValue.split(".");if(a[1]===i||a[1]==="0"){f=a[0];c=$e({A:a[1],L:a[2],N:a[3],F:a[4]||"0",O:s,m:null,$:null,S:null,C:null,j:null,p:null});if(f===$){c.O=s.nextSibling;if(c.O&&c.O.nodeType===3){c.p=c.O.textContent;t.push(c);s.remove();if(i===c.A){if(!e.$){e.$=[]}e.$[c.F]=c}if(r&&c.N==="0"){r[c.F]=c.O}}}else if(f===b){c.O=s.nextSibling;if(c.O&&c.O.nodeType===8){t.push(c);s.remove()}}else if(c.A===i){if(f===m){const l=s["s-sn"]=a[5]||"";be(l,a[2],c,s,e,t,n,r,o)}else if(f===h){if(r){s.remove()}}}}}else if(e&&e.j==="style"){const t=fe(null,s.textContent);t.O=s;t.F="0";e.$=[t]}return e};var me=(e,t)=>{if(e.nodeType===1){const n=e[y]||e.getAttribute(y);if(n){t.set(n,e)}let r=0;if(e.shadowRoot){for(;r<e.shadowRoot.childNodes.length;r++){me(e.shadowRoot.childNodes[r],t)}}const l=e.__childNodes||e.childNodes;for(r=0;r<l.length;r++){me(l[r],t)}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===p){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var $e=e=>{const t={o:0,A:null,L:null,N:null,F:"0",O:null,m:null,$:null,S:null,C:null,j:null,p:null};return{...t,...e}};function be(e,t,n,r,l,s,i,o,f){r["s-sr"]=true;n.C=e||null;n.j="slot";const a=(l==null?void 0:l.O)?l.O["s-id"]||l.O.getAttribute("s-id"):"";if(o){const s=n.O=C.createElement(n.j);if(n.C){n.O.setAttribute("name",e)}if(a&&a!==n.A){l.O.insertBefore(s,l.O.children[0])}else{r.parentNode.insertBefore(n.O,r)}ye(f,t,e,r,n.A);r.remove();if(n.N==="0"){o[n.F]=n.O}}else{const i=n.O;const o=a&&a!==n.A&&l.O.shadowRoot;ye(f,t,e,r,o?a:n.A);if(o){l.O.insertBefore(i,l.O.children[0])}s.push(n)}i.push(n);if(!l.$){l.$=[]}l.$[n.F]=n}var ye=(e,t,n,r,l)=>{let s=r.nextSibling;e[t]=e[t]||[];while(s&&((s["getAttribute"]&&s.getAttribute("slot")||s["s-sn"])===n||n===""&&!s["s-sn"]&&(s.nodeType===8&&s.nodeValue.indexOf(".")!==1||s.nodeType===3))){s["s-sn"]=n;e[t].push({slot:r,node:s,hostId:l});s=s.nextSibling}};var ge=(e,t)=>{if(e!=null&&!H(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var we=e=>e;var Se=(e,t,n)=>{const r=we(e);return{emit:e=>je(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var je=(e,t,n)=>{const r=E.ce(t,n);e.dispatchEvent(r);return r};var Oe=new WeakMap;var xe=(e,t,n)=>{let r=d.get(e);if(L&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}d.set(e,r)};var Ce=(e,t,n)=>{var r;const l=Ee(t);const s=d.get(l);e=e.nodeType===11?e:C;if(s){if(typeof s==="string"){e=e.head||e;let n=Oe.get(e);let i;if(!n){Oe.set(e,n=new Set)}if(!n.has(l)){if(e.host&&(i=e.querySelector(`[${g}="${l}"]`))){i.innerHTML=s}else{i=document.querySelector(`[${g}="${l}"]`)||C.createElement("style");i.innerHTML=s;const n=(r=E.R)!=null?r:q(C);if(n!=null){i.setAttribute("nonce",n)}if(!(t.o&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(L){const t=new CSSStyleSheet;t.replaceSync(s);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=s+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.o&1&&e.nodeName!=="HEAD"){e.insertBefore(i,null)}}if(t.o&4){i.innerHTML+=S}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var ke=e=>{const t=e.t;const n=e.$hostElement$;const r=t.o;const l=ie("attachStyles",t.M);const s=Ce(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10&&r&2){n["s-sc"]=s;n.classList.add(s+"-h")}l()};var Ee=(e,t)=>"sc-"+e.M;var De=(e,t,n,r,l,s,i)=>{if(n!==r){let o=u(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const l=Le(n);let s=Le(r);if(e["s-si"]&&i){s.push(e["s-si"]);l.forEach((t=>{if(t.startsWith(e["s-si"]))s.push(t)}));s=[...new Set(s)];t.add(...s)}else{t.remove(...l.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!l.includes(e))))}}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!e.__lookupSetter__(t)&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(u(x,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||r){const l=t.endsWith(Ne);t=t.replace(Fe,"");if(n){E.rel(e,t,n,l)}if(r){E.ael(e,t,r,l)}}}else{const i=H(r);if((o||i&&r!==null)&&!l){try{if(!e.tagName.includes("-")){const l=r==null?"":r;if(t==="list"){o=false}else if(n==null||e[t]!=l){if(typeof e.__lookupSetter__(t)==="function"){e[t]=l}else{e.setAttribute(t,l)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}let a=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;a=true}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){if(a){e.removeAttributeNS(j,t)}else{e.removeAttribute(t)}}}else if((!o||s&4||l)&&!i){r=r===true?"":r;if(a){e.setAttributeNS(j,t,r)}else{e.setAttribute(t,r)}}}}};var Ae=/\s/;var Le=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(Ae)};var Ne="Capture";var Fe=new RegExp(Ne+"$");var Re=(e,t,n,r)=>{const l=t.O.nodeType===11&&t.O.host?t.O.host:t.O;const s=e&&e.m||{};const i=t.m||{};{for(const e of Me(Object.keys(s))){if(!(e in i)){De(l,e,s[e],void 0,n,t.o,r)}}}for(const e of Me(Object.keys(i))){De(l,e,s[e],i[e],n,t.o,r)}};function Me(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var Pe;var Te=false;var Ue=false;var Ie=(e,n,r)=>{const i=n.$[r];let o=0;let f;let a;if(i.p!==null){f=i.O=C.createTextNode(i.p)}else{if(!Ue){Ue=i.j==="svg"}f=i.O=C.createElementNS(Ue?l:s,!Te&&t.slotRelocation&&i.o&2?"slot-fb":i.j);if(Ue&&i.j==="foreignObject"){Ue=false}{Re(null,i,Ue)}if(i.$){for(o=0;o<i.$.length;++o){a=Ie(e,i,o);if(a){f.appendChild(a)}}}{if(i.j==="svg"){Ue=false}else if(f.tagName==="foreignObject"){Ue=true}}}f["s-hn"]=Pe;return f};var _e=e=>{E.o|=1;const t=e.closest(Pe.toLowerCase());if(t!=null){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"]));const r=Array.from(e.__childNodes||e.childNodes);for(const e of n?r.reverse():r){if(e["s-sh"]!=null){ze(t,e,n!=null?n:null);e["s-sh"]=void 0}}}E.o&=~1};var We=(e,t,n,r,l,s)=>{let i=e;let o;if(i.shadowRoot&&i.tagName===Pe){i=i.shadowRoot}for(;l<=s;++l){if(r[l]){o=Ie(null,n,l);if(o){r[l].O=o;ze(i,o,t)}}}};var He=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.O;Ve(t);if(e){e.remove()}}}};var qe=(e,t,n,r,l=false)=>{let s=0;let i=0;let o=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=r.length-1;let d=r[0];let h=r[v];let p;let m;while(s<=a&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--a]}else if(d==null){d=r[++i]}else if(h==null){h=r[--v]}else if(Be(c,d,l)){Qe(c,d,l);c=t[++s];d=r[++i]}else if(Be(u,h,l)){Qe(u,h,l);u=t[--a];h=r[--v]}else if(Be(c,h,l)){Qe(c,h,l);ze(e,c.O,u.O.nextSibling);c=t[++s];h=r[--v]}else if(Be(u,d,l)){Qe(u,d,l);ze(e,u.O,c.O);u=t[--a];d=r[++i]}else{o=-1;{for(f=s;f<=a;++f){if(t[f]&&t[f].S!==null&&t[f].S===d.S){o=f;break}}}if(o>=0){m=t[o];if(m.j!==d.j){p=Ie(t&&t[i],n,o)}else{Qe(m,d,l);t[o]=void 0;p=m.O}d=r[++i]}else{p=Ie(t&&t[i],n,i);d=r[++i]}if(p){{ze(c.O.parentNode,p,c.O)}}}}if(s>a){We(e,r[v+1]==null?null:r[v+1].O,n,r,i,v)}else if(i>v){He(t,s,a)}};var Be=(e,t,n=false)=>{if(e.j===t.j){if(!n){return e.S===t.S}if(n&&!e.S&&t.S){e.S=t.S}return true}return false};var Qe=(e,n,r=false)=>{const l=n.O=e.O;const s=e.$;const i=n.$;const o=n.j;const f=n.p;if(f===null){{Ue=o==="svg"?true:o==="foreignObject"?false:Ue}{if(o==="slot"&&!Te){if(e.C!==n.C){n.O["s-sn"]=n.C||"";_e(n.O.parentElement)}}else{Re(e,n,Ue,r)}}if(s!==null&&i!==null){qe(l,s,n,i,r)}else if(i!==null){if(e.p!==null){l.textContent=""}We(l,null,n,i,0,i.length-1)}else if(!r&&t.updatable&&s!==null){He(s,0,s.length-1)}if(Ue&&o==="svg"){Ue=false}}else if(e.p!==f){l.data=f}};var Ve=e=>{{e.m&&e.m.ref&&e.m.ref(null);e.$&&e.$.map(Ve)}};var ze=(e,t,n)=>{if(typeof t["s-sn"]==="string"){if(e.getRootNode().nodeType!==11){ne(t)}return e.insertBefore(t,n)}if(e.__insertBefore){return e.__insertBefore(t,n)}else{return e==null?void 0:e.insertBefore(t,n)}};var Ke=(e,t,n=false)=>{var r;const l=e.$hostElement$;const s=e.t;const i=e.D||fe(null,null);const o=ce(t)?t:oe(null,null,t);Pe=l.tagName;if(s.P){o.m=o.m||{};s.P.map((([e,t])=>o.m[t]=l[e]))}if(n&&o.m){for(const e of Object.keys(o.m)){if(l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){o.m[e]=l[e]}}}o.j=null;o.o|=4;e.D=o;o.O=i.O=l.shadowRoot||l;Te=(s.o&1)!==0;Qe(i,o,n);if(s.o&2){const e=o.O.__childNodes||o.O.childNodes;for(const t of e){if(t["s-hn"]!==Pe&&!t["s-sh"]){if(n&&t["s-ih"]==null){t["s-ih"]=(r=t.hidden)!=null?r:false}t.hidden=true}}}};var Xe=(e,t)=>{if(t&&!e.T&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.T=()=>{t["s-p"].splice(n-1,1);r()})))}};var Ge=(e,t)=>{{e.o|=16}if(e.o&4){e.o|=512;return}Xe(e,e.U);const n=()=>Je(e,t);return I(n)};var Je=(e,t)=>{const n=e.$hostElement$;const r=ie("scheduleUpdate",e.t.M);const l=n;if(!l){throw new Error(`Can't render component <${n.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 s;if(t){{s=lt(l,"componentWillLoad",void 0,n)}}r();return Ye(s,(()=>et(e,l,t)))};var Ye=(e,t)=>Ze(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Ze=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var et=async(e,t,n)=>{var r;const l=e.$hostElement$;const s=ie("update",e.t.M);const i=l["s-rc"];if(n){ke(e)}const o=ie("render",e.t.M);{tt(e,t,l,n)}if(i){i.map((e=>e()));l["s-rc"]=void 0}o();s();{const t=(r=l["s-p"])!=null?r:[];const n=()=>nt(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.o|=4;t.length=0}}};var tt=(e,t,n,r)=>{try{t=t.render();{e.o&=~16}{e.o|=2}{{{Ke(e,t,r)}}}}catch(t){v(t,e.$hostElement$)}return null};var nt=e=>{const t=e.t.M;const n=e.$hostElement$;const r=ie("postUpdate",t);const l=n;const s=e.U;if(!(e.o&64)){e.o|=64;{st(n)}{lt(l,"componentDidLoad",void 0,n)}r();{e.v(n);if(!s){rt()}}}else{{lt(l,"componentDidUpdate",void 0,n)}r()}{if(e.T){e.T();e.T=void 0}if(e.o&512){U((()=>Ge(e,false)))}e.o&=~(4|512)}};var rt=t=>{U((()=>je(x,"appload",{detail:{namespace:e}})))};var lt=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){v(e,r)}}return void 0};var st=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var it=(e,t)=>a(e).i.get(t);var ot=(e,t,n,r)=>{const l=a(e);const s=e;const i=l.i.get(t);const o=l.o;const f=s;n=ge(n,r.l[t][0]);const c=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!c;if(u){l.i.set(t,n);{if(r.I&&o&128){const e=r.I[t];if(e){e.map((e=>{try{f[e](n,i,t)}catch(e){v(e,s)}}))}}if((o&(2|16))===2){Ge(l,false)}}}};var ft=(e,n,r)=>{var l,s;const i=e.prototype;if(n.o&64&&r&1){O.forEach((e=>{const t=i[e];Object.defineProperty(i,e,{value(...n){const r=a(this);const l=this;if(!l){r.u.then((t=>{const r=t[e];typeof r==="function"&&r.call(t,...n)}))}else{const e=t;typeof e==="function"&&e.call(l,...n)}}})}))}if(n.l||(n.I||e.watchers)){if(e.watchers&&!n.I){n.I=e.watchers}const o=Object.entries((l=n.l)!=null?l:{});o.map((([e,[t]])=>{if(t&31||t&32){const{get:l,set:s}=Object.getOwnPropertyDescriptor(i,e)||{};if(l)n.l[e][0]|=2048;if(s)n.l[e][0]|=4096;if(r&1||!l){Object.defineProperty(i,e,{get(){{return l?l.apply(this):it(this,e)}},configurable:true,enumerable:true})}Object.defineProperty(i,e,{set(r){const l=a(this);if(s){const i=t&32?this[e]:l.$hostElement$[e];if(typeof i==="undefined"&&l.i.get(e)){r=l.i.get(e)}else if(!l.i.get(e)&&i){l.i.set(e,i)}s.apply(this,[ge(r,t)]);r=t&32?this[e]:l.$hostElement$[e];ot(this,e,r,n);return}{ot(this,e,r,n);return}}})}}));{const r=new Map;i.attributeChangedCallback=function(e,l,s){E.jmp((()=>{var o;const f=r.get(e);if(this.hasOwnProperty(f)&&t.lazyLoad){s=this[f];delete this[f]}else if(i.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==s){return}else if(f==null){const t=a(this);const r=t==null?void 0:t.o;if(r&&!(r&8)&&r&128&&s!==l){const t=this;const r=t;const i=(o=n.I)==null?void 0:o[e];i==null?void 0:i.forEach((t=>{if(r[t]!=null){r[t].call(r,s,l,e)}}))}return}const c=Object.getOwnPropertyDescriptor(i,f);s=s===null&&typeof this[f]==="boolean"?false:s;if(s!==this[f]&&(!c.get||!!c.set)){this[f]=s}}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=n.I)!=null?s:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var l;const s=t[1]||e;r.set(s,e);if(t[0]&512){(l=n.P)==null?void 0:l.push([e,s])}return s}))]))}}return e};var at=async(e,t,n,r)=>{let l;if((t.o&32)===0){t.o|=32;{l=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.o|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=Ee(n);if(!d.has(t)){const r=ie("registerStyles",n.M);xe(t,e,!!(n.o&1));r()}}}const s=t.U;const i=()=>Ge(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var ct=(e,t)=>{};var ut=e=>{if((E.o&1)===0){const t=a(e);const n=t.t;const r=ie("connectedCallback",n.M);if(!(t.o&1)){t.o|=1;let r;{r=e.getAttribute(y);if(r){if(n.o&1){const t=Ce(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}he(e,n.M,r,t)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Xe(t,t.U=n);break}}}if(n.l){Object.entries(n.l).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{at(e,t,n)}}else{pt(e,t,n._);if(t==null?void 0:t.W);else if(t==null?void 0:t.u){t.u.then((()=>ct()))}}r()}};var vt=async e=>{if((E.o&1)===0){const t=a(e);{if(t.H){t.H.map((e=>e()));t.H=void 0}}}if(Oe.has(e)){Oe.delete(e)}if(e.shadowRoot&&Oe.has(e.shadowRoot)){Oe.delete(e.shadowRoot)}};var dt=(e,t)=>{const n={o:t[0],M:t[1]};{n.l=t[2]}{n._=t[3]}{n.I=e.I}{n.P=[]}const r=e.prototype.connectedCallback;const l=e.prototype.disconnectedCallback;Object.assign(e.prototype,{__hasHostListenerAttached:false,__registerHost(){c(this,n)},connectedCallback(){if(!this.__hasHostListenerAttached){const e=a(this);pt(this,e,n._);this.__hasHostListenerAttached=true}ut(this);if(r){r.call(this)}},disconnectedCallback(){vt(this);if(l){l.call(this)}E.raf((()=>{var e;const t=a(this);if(((e=t==null?void 0:t.D)==null?void 0:e.O)instanceof Node&&!t.D.O.isConnected){delete t.D}if(this instanceof Node&&!this.isConnected){f(this)}}))},__attachShadow(){{if(!this.shadowRoot){{this.attachShadow({mode:"open",delegatesFocus:!!(n.o&16)})}}else{if(this.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.M}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}});e.is=n.M;return ft(e,n,1|2)};var ht=(e,t)=>t;var pt=(e,t,n,r)=>{if(n){n.map((([n,r,l])=>{const s=$t(e,n);const i=mt(t,l);const o=bt(n);E.ael(s,r,i,o);(t.H=t.H||[]).push((()=>E.rel(s,r,i,o)))}))}};var mt=(e,t)=>n=>{try{{e.$hostElement$[t](n)}}catch(t){v(t,e.$hostElement$)}};var $t=(e,t)=>{if(t&4)return C;if(t&8)return x;if(t&16)return C.body;return e};var bt=e=>D?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var yt=e=>E.R=e;var gt=e=>Object.assign(E,e);export{ht as F,k as H,yt as a,gt as b,Se as c,ae as d,_ as g,oe as h,dt as p,W as s};
-//# sourceMappingURL=p-a731ba87.js.map