globuswebcomponents 1.0.7 → 1.0.9

package/dist/globuscomponents/p-e07cc9b1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gbHelpTooltipCss","GbHelpTooltipStyle0","GbHelpTooltip","componentDidLoad","mainTextSlot","this","el","querySelector","supportingTextSlot","classList","add","render","h","key","class","xmlns","width","height","viewBox","fill","onMouseEnter","showHelpTooltip","onMouseLeave","d","stroke","arrow","showSupportingText","name","slot","gbInputDropdownCss","GbInputDropdownStyle0","GbInputDropdown","searchItems","event","searchItem","detail","searchResults","items","filter","item","toLowerCase","includes","toString","disconnectedCallback","document","removeEventListener","handleClickOutside","dropdownOpen","contains","target","toggleDropdown","state","stopPropagation","isItemSelected","isObject","value","length","selectedItems","some","i","loadIcon","iconName","iconPath","getAssetPath","response","fetch","svg","text","leadingIconSvg","getAvatarSize","size","sortDropdownItems","menuItems","sort","a","b","selected","handleItemSelect","type","selectMultipleItems","singleItemSelect","selectedItem","console","log","dropdownItemSelected","emit","isSelected","unselectedItems","handleTagRemove","componentWillRender","componentWillLoad","leadingIcon","objectValues","val","primitiveValues","addEventListener","slottedInitials","applyColorToInitials","color","emptyStateBackground","illustration","showLabel","style","label","charAt","toUpperCase","slice","onClick","e","Fragment","showBorder","map","split","part","showLeadingIcon","innerHTML","cx","cy","r","placeholder","index","icon","action","join","_a","supportingText","username","showHelpIcon","menuPosition","ref","dropdownRef","showSearchInput","inputValue","labelText","idOfInput","onInputValueChanged","bind","StateEnum","Default","src","alt","showHintText","hintText","gbInputFieldCss","GbInputFieldStyle0","GbInputField","minWidth","copyToClipboard","inputRef","select","execCommand","navigator","clipboard","writeText","objectName","objectValue","handleTagInput","inputValueChanged","trim","showDropdown","showSpinner","setTimeout","results","updateInputWidth","selectDropdownItem","updateStyles","resultsDisplayElement","resultsWidth","offsetWidth","inputWidth","inputElement","paddingLeft","paddingTop","destructive","exportSelectedStaff","handleInput","showCloseButton","clearInput","togglePasswordVisibility","isPasswordVisible","optionsChanged","newOptions","option","isTagItemSelected","updateSelectedItems","newValue","Array","isArray","JSON","stringify","options","iconSwap","textSlot","hiddenSpan","input","shadowRoot","calculatedWidth","Math","max","handleWrapperClick","focus","onInput","showValidation","hierarchy","showCountryIcon","inputGroupElement","id","readOnly","isReadOnly","onBlur","show","errorText","gbPasswordButtonCss","GbPasswordButtonStyle0","GbPasswordButton"],"sources":["src/components/gb-help-tooltip/gb-help-tooltip.css?tag=gb-help-tooltip&encapsulation=shadow","src/components/gb-help-tooltip/gb-help-tooltip.tsx","src/components/gb-input-dropdown/gb-input-dropdown.css?tag=gb-input-dropdown&encapsulation=shadow","src/components/gb-input-dropdown/gb-input-dropdown.tsx","src/components/gb-input-field/gb-input-field.css?tag=gb-input-field&encapsulation=shadow","src/components/gb-input-field/gb-input-field.tsx","src/components/gb-password-button/gb-password-button.css?tag=gb-password-button&encapsulation=shadow","src/components/gb-password-button/gb-password-button.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.help_tooltip{\r\n    display: flex;\r\n    position: relative;\r\n    width: fit-content;\r\n    height: fit-content;\r\n}\r\n\r\n.tooltip{\r\n    position: absolute;\r\n    top: -7rem;\r\n    right: 5.75rem;\r\n}","import { Component, Prop, h, State, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: 'gb-help-tooltip',\r\n  styleUrl: 'gb-help-tooltip.css',\r\n  shadow: true,\r\n})\r\nexport class GbHelpTooltip {\r\n  @State() showHelpTooltip: boolean = false;\r\n  @Prop() showArrow: boolean = false;\r\n  @Prop() showSupportingText: boolean = false;\r\n  @Element() el: HTMLElement;\r\n\r\n  componentDidLoad() {\r\n    const mainTextSlot = this.el.querySelector('[slot=\"label\"]');\r\n    const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n\r\n    if (mainTextSlot) {\r\n      mainTextSlot.classList.add('text-xs-semi-bold');\r\n    }\r\n\r\n    if (supportingTextSlot) {\r\n      supportingTextSlot.classList.add('text-xs-regular');\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`help_tooltip`}>\r\n        <svg\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n          width=\"16\"\r\n          height=\"16\"\r\n          viewBox=\"0 0 16 16\"\r\n          fill=\"none\"\r\n          onMouseEnter={() => (this.showHelpTooltip = true)}\r\n          onMouseLeave={() => (this.showHelpTooltip = false)}\r\n          class=\"help_circle\"\r\n        >\r\n          <path\r\n            d=\"M6.66659 6C6.66659 5.26362 7.26354 4.66666 7.99992 4.66666C8.7363 4.66666 9.33325 5.26362 9.33325 6C9.33325 6.26543 9.25569 6.51275 9.12199 6.72052C8.72352 7.33978 7.99992 7.93028 7.99992 8.66666V9M7.99458 11.3333H8.00057M14.6666 8C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 8Z\"\r\n            stroke=\"#697586\"\r\n            stroke-width=\"1.5\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\r\n          />\r\n        </svg>\r\n        {this.showHelpTooltip && (\r\n          <gb-tooltip show-arrow={true} arrow=\"bottom_right\" show-supporting-text={this.showSupportingText} class=\"tooltip\">\r\n            <slot name=\"label\" slot=\"label\"></slot>\r\n            <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n          </gb-tooltip>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}","@import './../../global/global.css';\r\n\r\n.input_dropdown_div{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-radius: 0.5rem;\r\n    gap: var(--spacing-3);\r\n    border: 1px solid var(--color-border-input, #CDD5DF);\r\n    background-color: var(--color-background-card, #FFFFFF);\r\n    padding: var(--spacing-none) var(--spacing-3);\r\n    cursor: pointer;\r\n    position: relative;\r\n}\r\n\r\n.input_dropdown_container{\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--spacing-2);\r\n}\r\n\r\n.input_dropdown_container.tag{\r\n    min-height: 3rem;\r\n}\r\n\r\n.icon{\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.input_with_label{\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--spacing-2);\r\n}\r\n\r\n/* Size Styles */\r\n.input_dropdown_div.sm{\r\n    height: 2.5rem;\r\n}\r\n\r\n.input_dropdown_div.md{\r\n    height: 3rem;\r\n}\r\n\r\n.dot.sm{\r\n    width: var(--spacing-2);\r\n    height: var(--spacing-2);\r\n}\r\n\r\n.dot.md{\r\n    width: 0.625rem;\r\n    height: 0.625rem;\r\n}\r\n\r\n/* State Styles */\r\n.input_dropdown_div.focused{\r\n    border-color: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.input_dropdown_div.disabled{\r\n    background-color: var(--color-background-disabled, #F6F8FA);\r\n    pointer-events: none;\r\n    cursor: not-allowed;\r\n}\r\n\r\n.placeholder{\r\n    display: flex;\r\n    justify-content: stretch;\r\n    width: 100%;\r\n    white-space: nowrap;\r\n}\r\n\r\n.content{\r\n    display: flex;\r\n    gap: var(--spacing-2);\r\n    overflow: hidden; /* Clip overflowing content */\r\n    /* width: 50px; */\r\n    flex: 1 0 0;\r\n}\r\n\r\n.text.tag{\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: stretch;\r\n    flex-wrap: wrap;\r\n    gap: 0.38rem;\r\n    padding: 0.4rem 0;\r\n}\r\n\r\n.added_tag{\r\n    width: fit-content;\r\n}\r\n\r\n.help_icon{\r\n    display: flex;\r\n    align-items: center;\r\n    height: fit-content;\r\n}\r\n\r\n.dropdown_icon{\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\nsvg.disabled path{\r\n    stroke: var(--color-icon-disabled, #CDD5DF);\r\n}\r\n\r\n.dropdown_menu{\r\n    display: flex;\r\n    min-width: 100%;\r\n    max-height: 300px;\r\n    padding: var(--spacing-none);\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    align-items: stretch;\r\n    border-radius: var(--rounded-sm);\r\n    border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    background: var(--color-surface, #FFFFFF);\r\n    box-shadow: var(--shadow-sm);\r\n    position: absolute;\r\n    gap: var(--spacing-none);\r\n    transition: 1s ease-in-out;\r\n    overflow-y: auto;\r\n}\r\n\r\n.dropdown_menu.top{\r\n    bottom: 105%;\r\n    left: 0;\r\n    z-index: 9999999;\r\n}\r\n\r\n.dropdown_menu.bottom{\r\n    top: 105%;\r\n    left: 0;\r\n    z-index: 9999999;\r\n}\r\n\r\n/* .input_dropdown_div.sm.tag{\r\n    min-height: 2.5rem;\r\n} */\r\n\r\n.input_dropdown_div.tag{\r\n    min-height: 3rem;\r\n    height: fit-content;\r\n}\r\n\r\n.input_dropdown_div.md.tag{\r\n    min-height: 2.5rem;\r\n}\r\n\r\n.input_dropdown_div.md.tag{\r\n    min-height: 3rem;\r\n}\r\n\r\n.opened{\r\n    transform: rotate(180deg);\r\n    transition: 0.2s ease-in-out;\r\n}\r\n\r\n::slotted([slot=\"tooltip_label\"]){\r\n  white-space: nowrap;\r\n  color: var(--color-text, #4B5565);\r\n}\r\n\r\n::slotted([slot=\"tooltip_supporting_text\"]){\r\n  min-width: fit-content;\r\n  max-width: 18.5rem;\r\n  color: var(--color-text-subtle, #697586);\r\n  margin-top: 5rem;\r\n}\r\n\r\n::slotted([slot=\"initials\"].gray){\r\n    color: #4B5565;\r\n}\r\n\r\n::slotted([slot=\"initials\"].blue){\r\n    color: var(--color-text-information, #064E94);\r\n}\r\n\r\n::slotted([slot=\"initials\"].cyan){\r\n    color: var(--color-text-discovery, #0086C9);\r\n}\r\n\r\n::slotted([slot=\"initials\"].pink){\r\n    color: var(--color-text-pink, #DD2590);\r\n}\r\n\r\n::slotted([slot=\"initials\"].purple){\r\n    color: var(--color-text-purple, #6938EF);\r\n}\r\n\r\n::slotted([slot=\"initials\"].green){\r\n    color: var(--color-text-success, #079455);\r\n}\r\n\r\n::slotted([slot=\"initials\"].yellow){\r\n    color: var(--color-text-warning, #DC6803);\r\n}\r\n\r\n.dropdown_search_field{\r\n    background: var(--color-surface, #FFFFFF);\r\n    padding: var(--spacing-2) var(--spacing-2) var(--spacing-none) var(--spacing-2);\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 999;\r\n}\r\n\r\n.empty_state{\r\n    margin: auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.background{\r\n    position: relative;\r\n    width: 80%;\r\n}\r\n\r\n.message_background{\r\n    position: absolute;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: var(--spacing-1);\r\n}\r\n\r\n.illustration{\r\n    width: 100px;\r\n    height: 100px;\r\n}\r\n\r\n.message{\r\n    color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.text{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--spacing-2);\r\n    flex: 1 1 auto; /* Allow it to grow and shrink */\r\n    overflow: hidden; /* Prevent content from overflowing */\r\n}\r\n\r\n.selected_text{\r\n    overflow: hidden; /* Hide overflowing text */\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap; /* Prevent wrapping */\r\n    flex: 1 1 auto; /* Take up available space and adjust dynamically */\r\n    min-width: 0; /* Ensures it respects parent width in flexbox */\r\n}\r\n\r\n/* .new_div{\r\n    background: red;\r\n    display: flex;\r\n    flex: 1 0 0;\r\n    justify-content: space-between;\r\n} */\r\n\r\n/* .icon_and_text{\r\n    background: purple;\r\n    display: flex;\r\n    flex: 1 0 0;\r\n} */","import { Component, Prop, h, Fragment, Element, State, getAssetPath, Listen, Event, EventEmitter } from '@stencil/core';\r\nimport { AvatarColorTypes, DropdownTypes, GeneralSizes, StateEnum } from '../../models/reusableModels';\r\n@Component({\r\n  tag: 'gb-input-dropdown',\r\n  styleUrl: 'gb-input-dropdown.css',\r\n  shadow: true,\r\n})\r\nexport class GbInputDropdown {\r\n  @Prop() type: DropdownTypes;\r\n  @Prop({ mutable: true }) state: 'default' | 'focused' | 'disabled' | 'filled';\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() showLabel: boolean = false;\r\n  @Prop() label: string = '';\r\n  @Prop() placeholder: string = '';\r\n  @Prop() showHintText: boolean;\r\n  @Prop() hintText: string = '';\r\n  @Prop() showHelpIcon: boolean;\r\n  @Prop() showLeadingIcon: boolean = false;\r\n  @Prop() iconSwap: string = '';\r\n  @Prop() text: boolean = false;\r\n  @Prop() leadingIcon: string = '';\r\n  @Prop() icon: 'country' | 'avatar' | 'dot' | 'false';\r\n  @Prop({ mutable: true }) items: any[] = [\r\n    // { name: 'Mock Item A', username: 'A', selected: false },\r\n    // { name: 'Mock Item B', username: 'B', selected: false },\r\n    // { name: 'Mock Item C', username: 'C', selected: false },\r\n    // { name: 'Mock Item D', username: 'D', selected: false },\r\n    // { name: 'Mock Item E', username: 'E', selected: false },\r\n    // 45,\r\n    // 50,\r\n    // 20,\r\n    // 25,\r\n    // 90,\r\n    // 92,\r\n    // 53,\r\n    // 'Activated',\r\n    // 'Deactivated',\r\n    'John Doe',\r\n    'John smith',\r\n    'Jane leo'\r\n  ];\r\n  @Prop({ mutable: true }) value: any[] = [\r\n    // { name: 'Mock Item A', username: 'A', selected: false },\r\n    // { name: 'Mock Item B', username: 'B', selected: false },\r\n    // { name: 'Mock Item C', username: 'C', selected: false },\r\n    // 45,\r\n    // 50,\r\n    // 20,\r\n    // 25,\r\n    // 90,\r\n    // 'Activated',\r\n    // 'Deactivated',\r\n    // 'Transaction Status'\r\n  ];\r\n  @Prop() supportingText: boolean = false;\r\n  @Prop() color: AvatarColorTypes;\r\n  @Prop() showBorder: boolean = false;\r\n  @Prop() menuPosition: 'top' | ' bottom';\r\n  @Prop() showSearchInput: boolean = false;\r\n  @Prop() inputValue: string;\r\n  @State() leadingIconSvg: string = '';\r\n  @State() dropdownOpen: boolean = false;\r\n  @State() selectedItems: any[] = [];\r\n  @State() unselectedItems: any[] = [];\r\n  @State() selectedItem: any;\r\n  @State() searchItem: any;\r\n  @State() searchResults: any;\r\n  @Element() el: HTMLElement;\r\n  // @Event() dropdownValue: EventEmitter<any>;\r\n  @Event() dropdownItemSelected: EventEmitter<any>;\r\n\r\n  dropdownRef!: HTMLElement;\r\n\r\n  searchItems(event: CustomEvent<any>) {\r\n    this.searchItem = event.detail;\r\n    this.searchResults = this.items.filter(item => {\r\n      if (typeof item === 'string') {\r\n        return item.toLowerCase().includes(this.searchItem.toLowerCase());\r\n      } else if (typeof item === 'number') {\r\n        return item.toString().includes(this.searchItem.toString());\r\n      } else if (typeof item === 'object') {\r\n        return item.name.toLowerCase().includes(this.searchItem.toLowerCase());\r\n      }\r\n    });\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  @Listen('click', { target: 'document' })\r\n  handleClickOutside(event: MouseEvent) {\r\n    if (this.dropdownOpen && !this.el.contains(event.target as Node)) {\r\n      this.dropdownOpen = false;\r\n    }\r\n  }\r\n\r\n  toggleDropdown(event: MouseEvent) {\r\n    if (this.state !== 'disabled') {\r\n      this.dropdownOpen = !this.dropdownOpen;\r\n    }\r\n    // console.log(this.inputValue);\r\n    event.stopPropagation();\r\n  }\r\n\r\n  isItemSelected(item) {\r\n    const isObject = typeof item === 'object';\r\n    if (this.value.length === 0) {\r\n      return this.selectedItems.some(i => (isObject ? i.name === item.name : i === item));\r\n    } else if (this.value.length > 0) {\r\n      return this.value.some(i => (isObject ? i.name === item.name : i === item));\r\n    }\r\n  }\r\n\r\n  async loadIcon(iconName: string) {\r\n    const iconPath = getAssetPath(`${iconName}`);\r\n    const response = await fetch(iconPath);\r\n    const svg = await response.text();\r\n    this.leadingIconSvg = svg;\r\n  }\r\n\r\n  getAvatarSize() {\r\n    switch (this.size) {\r\n      case 'sm':\r\n        return 'xs';\r\n      case 'md':\r\n        return 'xs';\r\n    }\r\n  }\r\n\r\n  sortDropdownItems(menuItems: any[]): any[] {\r\n    return menuItems.sort((a, b) => {\r\n      if (a.selected && !b.selected) {\r\n        return -1; // Move selected items up\r\n      } else if (!a.selected && b.selected) {\r\n        return 1; // Keep unselected items down\r\n      }\r\n      return 0; // Keep order if both are selected or unselected\r\n    });\r\n  }\r\n\r\n  handleItemSelect(item) {\r\n    if (this.type === 'tags') {\r\n      if (this.state === 'default') {\r\n        this.selectMultipleItems(item);\r\n      } else if (this.state === 'filled' && this.value.length > 0) {\r\n        this.state = 'default';\r\n        this.value.length = 0;\r\n        this.selectMultipleItems(item);\r\n      } else if (this.state === 'filled' && this.value.length === 0) {\r\n        this.selectMultipleItems(item);\r\n      }\r\n    } else {\r\n      if (this.state === 'default') {\r\n        this.singleItemSelect(item);\r\n      } else if (this.state === 'filled' && this.value.length > 0) {\r\n        this.state = 'default';\r\n        this.value.length = 0;\r\n        this.singleItemSelect(item);\r\n      } else if (this.state === 'filled' && this.value.length === 0) {\r\n        this.singleItemSelect(item);\r\n      }\r\n    }\r\n\r\n    this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n    // console.log(this.state)\r\n  }\r\n\r\n  singleItemSelect(item) {\r\n    // Handle single selection for other types\r\n    this.selectedItem = item; // Store single selected item\r\n    this.selectedItems = [item]; // Ensure only one item in selectedItems\r\n\r\n    // Close the dropdown after selection for single selection types\r\n    this.dropdownOpen = false;\r\n    console.log(this.selectedItems);\r\n    this.dropdownItemSelected.emit(this.selectedItem);\r\n  }\r\n\r\n  selectMultipleItems(item) {\r\n    const isObject = typeof item === 'object';\r\n\r\n    const isSelected = this.selectedItems.some(i => (isObject ? i.name === item.name : i === item));\r\n\r\n    if (isSelected) {\r\n      // Unselect item: Move it from selectedItems to unselectedItems\r\n      this.selectedItems = this.selectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n      if (!this.unselectedItems.some(i => (isObject ? i.name === item.name : i === item))) {\r\n        this.unselectedItems = [...this.unselectedItems, item];\r\n      }\r\n    } else {\r\n      // Select item: Move it from unselectedItems to selectedItems\r\n      this.selectedItems = [...this.selectedItems, item];\r\n      this.unselectedItems = this.unselectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n      console.log(this.selectedItems);\r\n\r\n      this.dropdownItemSelected.emit(this.selectedItems);\r\n    }\r\n  }\r\n\r\n  handleTagRemove(item) {\r\n    if (this.value.length === 0) {\r\n      const isObject = typeof item === 'object';\r\n\r\n      // Remove item from selectedItems\r\n      this.selectedItems = this.selectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n\r\n      // Add item back to unselectedItems if not already present\r\n      if (!this.unselectedItems.some(i => (isObject ? i.name === item.name : i === item))) {\r\n        this.unselectedItems = [...this.unselectedItems, item];\r\n      }\r\n\r\n      // Optionally update state or emit event\r\n      this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n    } else if (this.value.length > 0) {\r\n      const isObject = typeof item === 'object';\r\n\r\n      // Remove item from selectedItems\r\n      this.value = this.value.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n      this.selectedItems = this.value;\r\n\r\n      // Add item back to unselectedItems if not already present\r\n      if (!this.unselectedItems.some(i => (isObject ? i.name === item.name : i === item))) {\r\n        this.unselectedItems = [...this.unselectedItems, item];\r\n      }\r\n\r\n      // Optionally update state or emit event\r\n      this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n    }\r\n  }\r\n\r\n  componentWillRender() {\r\n    if (this.value.length > 0 && this.state === 'default') {\r\n      this.state = 'filled';\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.loadIcon(this.leadingIcon);\r\n\r\n    if (this.type !== 'tags') {\r\n      this.selectedItem = null; // For single selection types\r\n    }\r\n\r\n    if (this.value.length > 0) {\r\n      this.selectedItems = [];\r\n      this.unselectedItems = [];\r\n\r\n      // Separate objects from primitive values\r\n      const objectValues = this.value.filter(val => typeof val === 'object' && val !== null);\r\n      const primitiveValues = this.value.filter(val => typeof val !== 'object');\r\n\r\n      // Find selected items\r\n      this.selectedItems = this.items.filter(item => {\r\n        if (typeof item === 'object' && item !== null) {\r\n          return objectValues.some(val => val.name === item.name);\r\n        } else {\r\n          return primitiveValues.includes(item);\r\n        }\r\n      });\r\n\r\n      // Find unselected items\r\n      this.unselectedItems = this.items.filter(item => {\r\n        if (typeof item === 'object' && item !== null) {\r\n          return !objectValues.some(val => val.name === item.name);\r\n        } else {\r\n          return !primitiveValues.includes(item);\r\n        }\r\n      });\r\n    } else {\r\n      // If value array is empty, all items are unselected\r\n      this.selectedItems = [];\r\n      this.unselectedItems = [...this.items];\r\n    }\r\n\r\n    // console.log('Selected Items:', this.selectedItems);\r\n    // console.log('Unselected Items:', this.unselectedItems);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    if (this.type !== 'tags') {\r\n      document.addEventListener('click', this.handleClickOutside);\r\n    }\r\n\r\n    const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n\r\n    const mainTextSlot = this.el.querySelector('[slot=\"tooltip_label\"]');\r\n    const supportingTextSlot = this.el.querySelector('[slot=\"tooltip_supporting_text\"]');\r\n\r\n    if (slottedInitials) {\r\n      slottedInitials.classList.add('text-xxs-semi-bold');\r\n    }\r\n\r\n    if (mainTextSlot) {\r\n      mainTextSlot.classList.add('text-xs-semi-bold');\r\n    }\r\n\r\n    if (supportingTextSlot) {\r\n      supportingTextSlot.classList.add('text-xs-regular');\r\n    }\r\n  }\r\n\r\n  applyColorToInitials() {\r\n    switch (this.color) {\r\n      case 'gray':\r\n        return 'gray';\r\n      case 'blue':\r\n        return 'blue';\r\n      case 'cyan':\r\n        return 'cyan';\r\n      case 'pink':\r\n        return 'pink';\r\n      case 'purple':\r\n        return 'purple';\r\n      case 'green':\r\n        return 'green';\r\n      case 'yellow':\r\n        return 'yellow';\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const emptyStateBackground = getAssetPath('assets/empty-state-background.svg');\r\n    const illustration = getAssetPath('assets/empty-state-no-data.svg');\r\n\r\n    return [\r\n      <div class={`input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}`}>\r\n        <div class={`input_with_label`}>\r\n          {this.showLabel && (\r\n            <p class=\"text-sm-regular\" style={{ color: '#4B5565' }}>\r\n              {this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()}\r\n            </p>\r\n          )}\r\n          <div class={`input_dropdown_div ${this.size} ${this.state} ${this.type === 'tags' ? 'tag' : ''}`} onClick={e => this.toggleDropdown(e)}>\r\n            {this.type === 'icon_leading' && (\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                <path\r\n                  d=\"M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z\"\r\n                  stroke=\"#697586\"\r\n                  stroke-width=\"1.66667\"\r\n                />\r\n                <path\r\n                  d=\"M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z\"\r\n                  stroke=\"#697586\"\r\n                  stroke-width=\"1.66667\"\r\n                />\r\n              </svg>\r\n            )}\r\n            {this.type === 'avatar_leading' && (\r\n              <>\r\n                {this.state === 'default' && (\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path\r\n                      d=\"M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z\"\r\n                      stroke=\"#4B5565\"\r\n                      stroke-width=\"1.66667\"\r\n                    />\r\n                    <path\r\n                      d=\"M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z\"\r\n                      stroke=\"#4B5565\"\r\n                      stroke-width=\"1.66667\"\r\n                    />\r\n                  </svg>\r\n                )}\r\n                {this.state === 'filled' && (\r\n                  <gb-avatar size=\"xs\" text={this.text} color={this.color} show-border={this.showBorder}>\r\n                    {this.selectedItems.map(item => (\r\n                      <>\r\n                        {typeof item === 'object' ? (\r\n                          <h1 slot=\"initials\">{item.name.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n                        ) : (\r\n                          <h1 slot=\"initials\">{item.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n                        )}\r\n                      </>\r\n                    ))}\r\n                  </gb-avatar>\r\n                )}\r\n              </>\r\n            )}\r\n            {this.showLeadingIcon && <>{this.type === 'search' || this.type === 'tags' ? <div class={`icon`} innerHTML={this.leadingIconSvg}></div> : null}</>}\r\n            {this.type === 'dot_leading' && (\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" class={`dot ${this.size}`}>\r\n                <circle cx=\"5\" cy=\"5\" r=\"4\" fill=\"#079455\" />\r\n              </svg>\r\n            )}\r\n            <>\r\n              {this.state === 'default' && (\r\n                <>\r\n                  {this.placeholder && (\r\n                    <div class=\"placeholder\">\r\n                      <p class=\"text-md-regular\" style={{ color: '#CDD5DF' }}>\r\n                        {this.placeholder}\r\n                      </p>\r\n                    </div>\r\n                  )}\r\n                </>\r\n              )}\r\n              {this.state === 'filled' && (\r\n                <>\r\n                  <div class={`content`}>\r\n                    <div class={`text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`} style={{ color: '#4B5565' }}>\r\n                      {this.type === 'tags' ? (\r\n                        <>\r\n                          {this.value.length === 0 ? (\r\n                            <>\r\n                              {this.selectedItems.map((item, index) =>\r\n                                typeof item === 'object' ? (\r\n                                  <div class=\"added_tag\" key={index}>\r\n                                    <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n                                      <p class=\"text-xs-medium\">{item.name.split(' ')[0]}</p>\r\n                                      <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n                                        {item.name\r\n                                          .split(' ')\r\n                                          .map(part => part.charAt(0).toUpperCase())\r\n                                          .join('')}\r\n                                      </h1>\r\n                                    </gb-tag>\r\n                                  </div>\r\n                                ) : (\r\n                                  <div class=\"added_tag\" key={index}>\r\n                                    <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n                                      <p class=\"text-xs-medium\">{item}</p>\r\n                                    </gb-tag>\r\n                                  </div>\r\n                                ),\r\n                              )}\r\n                            </>\r\n                          ) : (\r\n                            <>\r\n                              {this.value.map((item, index) =>\r\n                                typeof item === 'object' ? (\r\n                                  <div class=\"added_tag\" key={index}>\r\n                                    <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n                                      <p class=\"text-xs-medium\">{item.name.split(' ')[0]}</p>\r\n                                      <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n                                        {item.name\r\n                                          .split(' ')\r\n                                          .map(part => part.charAt(0).toUpperCase())\r\n                                          .join('')}\r\n                                      </h1>\r\n                                    </gb-tag>\r\n                                  </div>\r\n                                ) : (\r\n                                  <div class=\"added_tag\" key={index}>\r\n                                    <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n                                      <p class=\"text-xs-medium\">{item}</p>\r\n                                    </gb-tag>\r\n                                  </div>\r\n                                ),\r\n                              )}\r\n                            </>\r\n                          )}\r\n                        </>\r\n                      ) : (\r\n                        <p class=\"selected_text\">\r\n                          {this.value.length === 0 ? this.selectedItem?.name || this.selectedItem : <>{this.value.map(item => (typeof item === 'object' ? item.name : item))}</>}\r\n                        </p>\r\n                      )}\r\n                    </div>\r\n                    {this.supportingText && (\r\n                      <div class=\"supporting_text text-sm-regular\" style={{ color: '#697586' }}>\r\n                        {this.type !== 'tags' && (\r\n                          <>{this.value.length === 0 ? <>{this.selectedItem.username}</> : <>{this.value.map(item => typeof item === 'object' && item.username)}</>}</>\r\n                        )}\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                </>\r\n              )}\r\n              {this.state === 'disabled' && (\r\n                <>\r\n                  <div class={`content`}>\r\n                    <div class={`text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`} style={{ color: '#4B5565' }}>\r\n                      {this.type === 'tags' ? (\r\n                        <>\r\n                          {this.value.map((item, index) =>\r\n                            typeof item === 'object' ? (\r\n                              <div class=\"added_tag\" key={index}>\r\n                                <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\">\r\n                                  <p class=\"text-xs-medium\">{item.name.split(' ')[0]}</p>\r\n                                  <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n                                    {item.name\r\n                                      .split(' ')\r\n                                      .map(part => part.charAt(0).toUpperCase())\r\n                                      .join('')}\r\n                                  </h1>\r\n                                </gb-tag>\r\n                              </div>\r\n                            ) : (\r\n                              <div class=\"added_tag\" key={index}>\r\n                                <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\">\r\n                                  <p class=\"text-xs-medium\">{item}</p>\r\n                                </gb-tag>\r\n                              </div>\r\n                            ),\r\n                          )}\r\n                        </>\r\n                      ) : (\r\n                        <>{<>{this.value.map(item => (typeof item === 'object' ? item.name : item))}</>}</>\r\n                      )}\r\n                    </div>\r\n                    {this.supportingText && (\r\n                      <div class=\"supporting_text text-sm-regular\" style={{ color: '#697586' }}>\r\n                        {this.type !== 'tags' && (\r\n                          <>{this.value.length === 0 ? <>{this.selectedItem.username}</> : <>{this.value.map(item => typeof item === 'object' && <>{item.username}</>)}</>}</>\r\n                        )}\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                </>\r\n              )}\r\n            </>\r\n            {this.showHelpIcon && (\r\n              <div class={`help_icon`}>\r\n                <gb-help-tooltip show-supporting-text={true}>\r\n                  <slot name=\"tooltip_label\" slot=\"label\"></slot>\r\n                  <slot name=\"tooltip_supporting_text\" slot=\"supporting_text\"></slot>\r\n                </gb-help-tooltip>\r\n              </div>\r\n            )}\r\n            {this.type !== 'search' && (\r\n              <div class={`dropdown_icon ${this.dropdownOpen ? 'opened' : ''}`}>\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class={`${this.state}`}>\r\n                  <path\r\n                    d=\"M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5\"\r\n                    stroke=\"#697586\"\r\n                    stroke-width=\"1.66667\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                  />\r\n                </svg>\r\n              </div>\r\n            )}\r\n            <>\r\n              {this.dropdownOpen && (\r\n                <div class={`dropdown_menu ${this.menuPosition}`} ref={el => (this.dropdownRef = el)} onClick={e => e.stopPropagation()}>\r\n                  {this.showSearchInput && (\r\n                    <div class=\"dropdown_search_field\">\r\n                      <gb-input-field\r\n                        size=\"sm\"\r\n                        value={this.inputValue}\r\n                        show-close-button={this.inputValue ? true : false}\r\n                        icon-swap=\"assets/search-01.svg\"\r\n                        placeholder=\"Search banks\"\r\n                        type=\"icon_leading\"\r\n                        labelText=\"label\"\r\n                        idOfInput=\"3\"\r\n                        onInputValueChanged={this.searchItems.bind(this)}\r\n                      ></gb-input-field>\r\n                    </div>\r\n                  )}\r\n                  {this.searchItem ? (\r\n                    <>\r\n                      {this.searchItem !== '' && this.searchResults.length > 0 ? (\r\n                        <>\r\n                          {this.searchResults.map(item => (\r\n                            <gb-input-dropdown-menu-item\r\n                              type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n                              state={StateEnum.Default}\r\n                              supporting-text={this.supportingText}\r\n                              selected={this.isItemSelected(item)}\r\n                              onClick={() => this.handleItemSelect(item)}\r\n                            >\r\n                              {typeof item === 'object' ? (\r\n                                <>\r\n                                  <p slot=\"name\">{item.name}</p>\r\n                                  <p slot=\"supporting_text\">{item.username}</p>\r\n                                </>\r\n                              ) : (\r\n                                <p slot=\"name\">{item}</p>\r\n                              )}\r\n                            </gb-input-dropdown-menu-item>\r\n                          ))}\r\n                        </>\r\n                      ) : this.searchItem !== '' && this.searchResults.length === 0 ? (\r\n                        //Empty state for when there are no search results\r\n                        <div class=\"empty_state\">\r\n                          <img src={emptyStateBackground} class=\"background\" alt=\"\" />\r\n                          <div class=\"message_background\">\r\n                            <img src={illustration} alt=\"\" class=\"illustration\" />\r\n                            <p class=\"message text-md-semi-bold\">No results available</p>\r\n                          </div>\r\n                        </div>\r\n                      ) : null}\r\n                    </>\r\n                  ) : (\r\n                    <>\r\n                      {this.type === 'tags' ? (\r\n                        <>\r\n                          {this.selectedItems.map(item => (\r\n                            <gb-input-dropdown-menu-item\r\n                              type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n                              state={StateEnum.Default}\r\n                              supporting-text={this.supportingText}\r\n                              selected={true}\r\n                              onClick={() => this.handleItemSelect(item)}\r\n                            >\r\n                              {typeof item === 'object' ? (\r\n                                <>\r\n                                  <p slot=\"name\">{item.name}</p>\r\n                                  <p slot=\"supporting_text\">{item.username}</p>\r\n                                  <h1 slot=\"initials\">{item.name.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n                                </>\r\n                              ) : (\r\n                                <>\r\n                                  <p slot=\"name\">{item}</p>\r\n                                  <h1 slot=\"initials\">{item.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n                                </>\r\n                              )}\r\n                            </gb-input-dropdown-menu-item>\r\n                          ))}\r\n                          {this.unselectedItems.map(item => (\r\n                            <gb-input-dropdown-menu-item\r\n                              type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n                              state={StateEnum.Default}\r\n                              supporting-text={this.supportingText}\r\n                              selected={false}\r\n                              onClick={() => this.handleItemSelect(item)}\r\n                            >\r\n                              {typeof item === 'object' ? (\r\n                                <>\r\n                                  <p slot=\"name\">{item.name}</p>\r\n                                  <p slot=\"supporting_text\">{item.username}</p>\r\n                                </>\r\n                              ) : (\r\n                                <p slot=\"name\">{item}</p>\r\n                              )}\r\n                            </gb-input-dropdown-menu-item>\r\n                          ))}\r\n                        </>\r\n                      ) : (\r\n                        <>\r\n                          {this.items.map(item => (\r\n                            <gb-input-dropdown-menu-item\r\n                              type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n                              state={StateEnum.Default}\r\n                              supporting-text={this.supportingText}\r\n                              selected={this.isItemSelected(item)}\r\n                              color={this.color}\r\n                              onClick={() => this.handleItemSelect(item)}\r\n                            >\r\n                              {typeof item === 'object' ? (\r\n                                <>\r\n                                  <p slot=\"name\">{item.name}</p>\r\n                                  <h1 slot=\"initials\">{item.name.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n                                  <p slot=\"supporting_text\">{item.username}</p>\r\n                                </>\r\n                              ) : (\r\n                                typeof item !== 'object' && (\r\n                                  <>\r\n                                    <p slot=\"name\">{item}</p>\r\n                                    <h1 slot=\"initials\">{item}</h1>\r\n                                  </>\r\n                                )\r\n                              )}\r\n                            </gb-input-dropdown-menu-item>\r\n                          ))}\r\n                        </>\r\n                      )}\r\n                    </>\r\n                  )}\r\n                </div>\r\n              )}\r\n            </>\r\n          </div>\r\n        </div>\r\n        {this.showHintText && (\r\n          <p class=\"text-sm-regular\" style={{ color: '#697586' }}>\r\n            {this.hintText}\r\n          </p>\r\n        )}\r\n      </div>,\r\n    ];\r\n  }\r\n}\r\n","@import  './../../global/global.css';\r\n:host{\r\n  position: relative;\r\n}\r\n\r\n.input_container,\r\n.input_with_label{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.label{\r\n  color: var(--color-text, #4B5565);\r\n}\r\n\r\n.hint_text{\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.error_text{\r\n  color: var(--color-text-danger, #B51726);\r\n}\r\n\r\n.content{\r\n  width: 100%;\r\n  height: 100%;\r\n  border: none;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  color: var(--color-text, #4B5565);\r\n}\r\n\r\n.content::placeholder,\r\n.input_like::placeholder{\r\n  color: var(--color-text-disabled, #CDD5DF);\r\n}\r\n\r\n.content:focus,\r\n.input_like:focus{\r\n  outline: none;\r\n}\r\n\r\n.icon{\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.input{\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--spacing-2);\r\n  align-self: stretch;\r\n  border-radius: var(--rounded-sm);\r\n}\r\n\r\n.input,\r\n.input.icon_leading,\r\n.password_input{\r\n  border: 1px solid var(--color-border-input, #CDD5DF);\r\n  background: var(--color-background-card, #FFFFFF);\r\n}\r\n\r\n.input.leading_text{\r\n  flex-grow: 1;\r\n  border-radius: var(--rounded-none, 0rem) 0.5rem 0.5rem var(--rounded-none, 0rem);\r\n}\r\n\r\n.leading_text_input{\r\n  display: flex;\r\n  gap: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n}\r\n\r\n\r\n\r\n.add_on{\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  border: 1px solid var(--color-border-input, #CDD5DF);\r\n  border-right: none;\r\n  padding: var(--spacing-2) var(--spacing-3);\r\n  border-radius: 0.5rem var(--rounded-none) var(--rounded-none) 0.5rem;\r\n}\r\n\r\n.text_input{\r\n  flex-grow: 1;\r\n  height: 100%;\r\n}\r\n\r\n.trailing_button_text_input, .leading_dropdown_text_input{\r\n  display: flex;\r\n  flex-grow: 1;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.trailing_button_text_input.sm,\r\n.trailing_button_text_input.md{\r\n  padding: var(--spacing-none) 0 0 var(--spacing-3);\r\n}\r\n\r\n.input.trailing_button.sm.default,\r\n.input.trailing_button.md.default{\r\n  padding: 0;\r\n}\r\n\r\n.leading_dropdown_dropdown, .trailing_dropdown_dropdown{\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--spacing-1);\r\n  cursor: pointer;\r\n}\r\n\r\n.dropdown_arrow{\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.tick{\r\n  width: 1.25rem;\r\n  height: 1.25rem;\r\n}\r\n\r\n.help_circle{\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n/* .input.tags{\r\n  position: relative;\r\n} */\r\n\r\n/* Size Styles */\r\n.input.sm{\r\n  min-height: 2.5rem;\r\n}\r\n\r\n.input.md{\r\n  min-height: 3rem;\r\n}\r\n\r\n.input.sm.default,\r\n.input.sm.password_icon_leading{\r\n  padding: var(--spacing-none) var(--spacing-3);\r\n}\r\n\r\n.input.sm.icon_leading{\r\n  position: relative;\r\n  padding: var(--spacing-none) var(--spacing-2) var(--spacing-none) var(--spacing-3);\r\n}\r\n\r\n.input.sm.payment_input{\r\n  padding: var(--spacing-none) var(--spacing-3);\r\n}\r\n\r\n.input.md.default{\r\n  padding: var(--spacing-none) 0.875rem var(--spacing-none) var(--spacing-3);\r\n}\r\n\r\n.input.md.icon_leading{\r\n  position: relative;\r\n  padding: var(--spacing-none) var(--spacing-2) var(--spacing-none) var(--spacing-3);\r\n}\r\n\r\n.input.md.password_icon_leading{\r\n  padding: var(--spacing-none) var(--spacing-2) var(--spacing-none) var(--spacing-3);\r\n}\r\n\r\n.input.md.payment_input{\r\n  padding: 0 0.875rem 0 var(--spacing-3);\r\n}\r\n\r\n/* State Styles */\r\n.input:focus-within,\r\n.password_input:focus-within,\r\n.count_text_input:focus-within,\r\n.input_like_parent:focus-within{\r\n  border: 1.3px solid var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.input.disabled,\r\n.password_input.disabled,\r\n.count_text_input.disabled,\r\n.action.disabled,\r\n.input_like_parent.disabled{\r\n  border: 1px solid var(--color-border-disabled, #E3E8EF);\r\n}\r\n\r\n.input.disabled,\r\n.content.disabled,\r\n.password_input.disabled,\r\n.count_text_input.disabled,\r\n.input_like_parent.disabled,\r\n.input_like.disabled{\r\n  background: var(--color-background-disabled, #F6F8FA);\r\n  color: var(--color-text-subtle, #697586); \r\n  cursor: not-allowed;\r\n  pointer-events: none;\r\n}\r\n\r\n.input_group.disabled{\r\n  cursor: not-allowed;\r\n  pointer-events: none;\r\n}\r\n\r\n.icon.disabled path[stroke]{\r\n  stroke: var(--color-icon-disabled, #CDD5DF);\r\n}\r\n\r\n.input.destructive,\r\n.input.icon_leading.destructive,\r\n.count_text_input.destructive,\r\n.input_like_parent.destructive{\r\n  border: 1px solid var(--color-border-danger, #B51726); \r\n}\r\n\r\n::slotted([slot=\"tooltip_label\"]){\r\n  white-space: nowrap;\r\n  color: var(--color-text, #4B5565);\r\n}\r\n\r\n::slotted([slot=\"tooltip_supporting_text\"]){\r\n  min-width: fit-content;\r\n  max-width: 18.5rem;\r\n  color: var(--color-text-subtle, #697586);\r\n  margin-top: 5rem;\r\n}\r\n\r\n::slotted([slot=\"text\"].text_slot){\r\n  color: var(--color-text, #4B5565);\r\n}\r\n\r\n::slotted([slot=\"text\"].text_slot.disabled){\r\n  color: var(--color-text-disabled, #CDD5DF);\r\n}\r\n\r\n/* Type Styles */\r\n.password_input{\r\n  display: flex;\r\n  gap: var(--spacing-3);\r\n  align-items: center;\r\n  align-self: stretch;\r\n  border-radius: var(--rounded-sm);\r\n}\r\n\r\n.password_content{\r\n  display: flex;\r\n  gap: var(--spacing-2);\r\n  padding: 0.625rem var(--spacing-none) 0.625rem 0.875rem;\r\n  flex-grow: 1;\r\n}\r\n\r\n.dropdown{\r\n  padding-right: var(--spacing-half);\r\n  padding-left: var(--spacing-3);\r\n}\r\n\r\n.password_icon_leading_content{\r\n  display: flex;\r\n  align-items: center;\r\n  flex-grow: 1;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.count_input{\r\n  display: flex;\r\n  gap: var(--spacing-none);\r\n}\r\n\r\n.count_text_input{\r\n  display: flex;\r\n  padding: var(--spacing-none) var(--spacing-3);\r\n  align-items: center;\r\n  gap: var(--spacing-2);\r\n  flex: 1 0 0;\r\n  align-self: stretch;\r\n  border: 1px solid var(--color-border-input, #CDD5DF);\r\n  border-radius: 0.5rem var(--rounded-none) var(--rounded-none) 0.5rem;\r\n}\r\n\r\n.action{\r\n  border: 1px solid var(--color-border-input, #CDD5DF);\r\n  border-left: none;\r\n  display: flex;\r\n  /* padding-right: var(--spacing-1); */\r\n  align-items: center;\r\n  gap: var(--spacing-none);\r\n  align-self: stretch;\r\n  border-radius: var(--rounded-none) 0.5rem 0.5rem var(--rounded-none);\r\n}\r\n\r\n/* hr{\r\n  height: 100%;\r\n  border-right: 0.5px solid var(--color-border-input, #CDD5DF);\r\n} */\r\n\r\n.vertical_line{\r\n  width: 1px;\r\n  height: 100%;\r\n  background-color: var(--color-border-input, #CDD5DF);\r\n  /* border-right: 1px solid var(--color-border-input, #CDD5DF); */\r\n}\r\n\r\n.trailing_dropdown_content{\r\n  display: flex;\r\n  align-items: center;\r\n  flex-grow: 1;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.country_icon{\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.dropdown_menu{\r\n    display: flex;\r\n    width: fit-content;\r\n    padding: var(--spacing-none);\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    align-items: stretch;\r\n    border-radius: var(--rounded-sm);\r\n    border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    background: var(--color-surface, #FFFFFF);\r\n    box-shadow: var(--shadow-sm);\r\n    position: absolute;\r\n    z-index: 10;\r\n    gap: var(--spacing-none);\r\n}\r\n\r\n.dropdown_menu.leading_dropdown.top.sm{\r\n  bottom: 3rem;\r\n  left: 0;\r\n}\r\n\r\n.dropdown_menu.leading_dropdown.top.md{\r\n  bottom: 3.5rem;\r\n  left: 0;\r\n}\r\n\r\n.dropdown_menu.leading_dropdown.bottom.sm{\r\n  top: 4rem;\r\n  left: 0;\r\n}\r\n\r\n.dropdown_menu.leading_dropdown.bottom.md{\r\n  top: 4.5rem;\r\n  left: 0;\r\n}\r\n\r\n.dropdown_menu.trailing_dropdown.top.sm{\r\n  bottom: 3rem;\r\n  right: 0;\r\n}\r\n\r\n.dropdown_menu.trailing_dropdown.top.md{\r\n  bottom: 3.5rem;\r\n  right: 0;\r\n}\r\n\r\n.dropdown_menu.trailing_dropdown.bottom.sm{\r\n  top: 4rem;\r\n  right: 0;\r\n}\r\n\r\n.dropdown_menu.trailing_dropdown.bottom.md{\r\n  top: 4.5rem;\r\n  right: 0;\r\n}\r\n\r\n/* Input Tags Styles */\r\n.input_group {\r\n  --height: auto;\r\n  --inputheight: 4.5rem;\r\n  --weight: 100%;\r\n  /* flex-direction: row-reverse; */\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n}\r\n\r\n.input_like_parent {\r\n  border: 1px solid var(--color-border-input, #CDD5DF);\r\n  border-radius: var(--rounded-sm);\r\n  display: flex;\r\n  cursor: pointer;\r\n  /* flex-wrap: wrap; */\r\n}\r\n\r\n.input_like_parent.sm{\r\n  padding: 0.5rem 0.75rem 0.5rem var(--spacing-3);\r\n}\r\n\r\n.input_like_parent.md{\r\n  padding: 0.625rem 0.875rem 0.625rem var(--spacing-3);\r\n}\r\n\r\n.input_field{\r\n  display: flex;\r\n  gap: var(--spacing-2);\r\n  align-items: center;\r\n}\r\n\r\n.hidden-span {\r\n  visibility: hidden;\r\n  position: absolute;\r\n  max-width: 100%;\r\n  white-space: pre; /* Preserves spaces */\r\n}\r\n\r\n.input_like {\r\n  border: none;\r\n  color: var(--color-text, #4B5565);\r\n}\r\n\r\n.results_display {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  position: relative;\r\n  gap: 0.5rem;\r\n  background-color: var(--color-surface, #FFFFFF);\r\n}\r\n\r\n.results_display.disabled{\r\n  background: var(--color-background-disabled, #F6F8FA);\r\n}\r\n\r\n.tags{\r\n  padding-top: 1rem;\r\n}\r\n\r\n.dropdown_list.show {\r\n  display: block;\r\n}\r\n\r\n.tags_dropdown_menu{\r\n    display: flex;\r\n    min-width: 100%;\r\n    width: fit-content;\r\n    max-height: 15rem;\r\n    padding: var(--spacing-none);\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    border-radius: var(--rounded-sm);\r\n    border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    background: var(--color-surface, #FFFFFF);\r\n    box-shadow: var(--shadow-sm);\r\n    position: absolute;\r\n    z-index: 99999;\r\n    gap: var(--spacing-none);\r\n    transition: 1s ease-in-out;\r\n    overflow-y: auto;\r\n\r\n}\r\n\r\n.tags_dropdown_menu.top{\r\n  bottom: 105%;\r\n}\r\n\r\n.tags_dropdown_menu.bottom{\r\n  top: 105%;\r\n}\r\n\r\n.input_close_button{\r\n  position: absolute;\r\n  z-index: 9999;\r\n}\r\n\r\n.input_close_button.sm{\r\n  right: 0.2rem;\r\n  top: 0.15rem;\r\n}\r\n\r\n.input_close_button.md{\r\n  right: 0.3rem;\r\n  top: 0.25rem;\r\n}","import { Component, Prop, h, State, Event, EventEmitter, Fragment, Element, getAssetPath, Watch, Listen } from '@stencil/core';\r\nimport { GeneralSizes, InputFieldTypes, StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-input-field',\r\n  styleUrl: 'gb-input-field.css',\r\n  shadow: true,\r\n})\r\nexport class GbInputField {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() type: InputFieldTypes;\r\n  @Prop({ mutable: true }) destructive: boolean = false;\r\n  @Prop() state: 'default' | 'filled' | 'active' | 'disabled';\r\n  @Prop() showLabel: boolean = false;\r\n  @Prop() label: string = '';\r\n  @Prop() showHintText: boolean = false;\r\n  @Prop() hintText: string = '';\r\n  @Prop() errorText: string = '';\r\n  @Prop() showPlaceholder: boolean = false;\r\n  @Prop() placeholder: string = '';\r\n  @Prop() showHelpIcon: boolean = false;\r\n  @Prop() showValidation: boolean = false;\r\n  @Prop() showCountryIcon: boolean = true;\r\n  @Prop() iconSwap?: string;\r\n  @Prop({ mutable: true }) showCloseButton?: boolean = false;\r\n  @Prop({ mutable: true }) options: string[] = ['USD', 'NGN', 'CAD'];\r\n  @Prop({ reflect: true }) idOfInput: string;\r\n  @Prop({ reflect: true }) labelText: string;\r\n  @Prop({ reflect: true }) isReadOnly: boolean = false;\r\n  @Prop({ mutable: true }) results: any[] = [\r\n    { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\r\n    { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\r\n    { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\r\n    { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\r\n    { objectName: 'Gideon Ogunkola', objectValue: 'gideon@example.com' },\r\n    10,\r\n    20,\r\n    30,\r\n    40,\r\n    50,\r\n  ];\r\n  @Prop() menuPosition: 'top' | 'bottom';\r\n  @Prop() icon: 'country' | 'avatar' | 'dot' | 'false';\r\n  @Prop({ mutable: true }) value: any = [\r\n    // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\r\n    // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\r\n    // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\r\n    // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\r\n    // 10,\r\n  ];\r\n  @State() inputValue: string = '';\r\n  @State() tags: string[] = [];\r\n  @State() leadingIconSvg: string = '';\r\n  @State() isPasswordVisible: boolean = false;\r\n  @State() showDropdown: boolean = false;\r\n  @State() selectedItem: string = '';\r\n  @State() selectedItems: any[] = [];\r\n  @State() unselectedItems: any[] = [];\r\n  @State() paddingLeft: string = '1rem';\r\n  @State() paddingTop: string = '0rem';\r\n  @State() dropdownOpen: boolean = false;\r\n  @State() show: boolean = false;\r\n  @State() showSpinner: boolean = false;\r\n  @Event() inputValueChanged: EventEmitter<any>;\r\n  @Element() el: HTMLElement;\r\n\r\n  private hiddenSpan: HTMLElement;\r\n  private minWidth: number = 10;\r\n\r\n  inputRef: HTMLInputElement;\r\n  dropdownRef!: HTMLElement;\r\n  inputElement!: HTMLInputElement;\r\n  resultsDisplayElement!: HTMLDivElement;\r\n  inputGroupElement!: HTMLDivElement;\r\n\r\n  async loadIcon(iconName: string) {\r\n    const iconPath = getAssetPath(`${iconName}`);\r\n    const response = await fetch(iconPath);\r\n    const svg = await response.text();\r\n    this.leadingIconSvg = svg;\r\n  }\r\n\r\n  handleTagInput(event: Event) {\r\n    const target = event.target as HTMLInputElement;\r\n    this.inputValue = target.value; // Update the value\r\n    this.inputValueChanged.emit(this.inputValue);\r\n\r\n    if (this.inputValue.trim() === '') {\r\n      this.showDropdown = false;\r\n      // this.results = [];\r\n      return;\r\n    }\r\n\r\n    this.showSpinner = true;\r\n\r\n    // Simulate API call\r\n    setTimeout(() => {\r\n      // this.results = this.mockStaffSearch(this.inputValue);\r\n      this.showDropdown = this.results.length > 0;\r\n    }, 1000);\r\n\r\n    this.updateInputWidth();\r\n  }\r\n\r\n  // mockStaffSearch(query: string) {\r\n  //   const mockData = this.results;\r\n\r\n  //   return mockData.filter(staff => staff.name.toLowerCase().includes(query.toLowerCase()));\r\n  // }\r\n\r\n  selectDropdownItem(item: any) {\r\n    if(this.value.length === 0) {\r\n      const isObject = typeof item === 'object';\r\n      const isSelected = this.selectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item));\r\n      if (isSelected) {\r\n        // Unselect item: Move it from selectedItems to unselectedItems\r\n        this.selectedItems = this.selectedItems.filter(i => (isObject ? i.objectName !== item.objectName : i !== item));\r\n        if (!this.unselectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item))) {\r\n          this.unselectedItems = [...this.unselectedItems, item];\r\n        }\r\n        this.inputValueChanged.emit(this.selectedItems);\r\n      } else {\r\n        // Select item: Move it from unselectedItems to selectedItems\r\n        this.selectedItems = [...this.selectedItems, item];\r\n        this.unselectedItems = this.unselectedItems.filter(i => (isObject ? i.objectName !== item.objectName : i !== item));\r\n        this.inputValueChanged.emit(this.selectedItems);\r\n      }\r\n    } else {\r\n      const isObject = typeof item === 'object';\r\n      const isSelected = this.selectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item));\r\n\r\n      if(isSelected) {\r\n        this.value = this.value.filter(i => (isObject ? i.objectName !== item.objectName : i !== item));\r\n        console.log(this.value)\r\n        this.inputValueChanged.emit(this.value);\r\n      } else {\r\n        this.value = [...this.value, item]; // Add item to array\r\n        this.inputValueChanged.emit(this.value);\r\n      }\r\n    }\r\n\r\n    this.updateStyles();\r\n  }\r\n\r\n  handleTagRemove(index: number) {\r\n    if (this.value.length > 0) {\r\n      this.value = [...this.value.slice(0, index), ...this.value.slice(index + 1)];\r\n      console.log(this.value);\r\n      // this.updateStyles();\r\n    } else {\r\n      this.selectedItems = [...this.selectedItems.slice(0, index), ...this.selectedItems.slice(index + 1)];\r\n      this.updateStyles();\r\n    }\r\n  }\r\n\r\n  updateStyles() {\r\n    setTimeout(() => {\r\n      if (this.resultsDisplayElement) {\r\n        const resultsWidth = this.resultsDisplayElement.offsetWidth;\r\n        const inputWidth = this.inputElement.offsetWidth;\r\n\r\n        this.paddingLeft = this.selectedItems.length === 0 ? '1rem' : `${resultsWidth + 10}px`;\r\n\r\n        this.paddingTop = this.selectedItems.length > 2 ? '1rem' : `${inputWidth + 10}px`;\r\n      }\r\n    });\r\n\r\n    if (this.destructive) {\r\n      this.destructive = false;\r\n    }\r\n    this.inputValue = '';\r\n  }\r\n\r\n  exportSelectedStaff() {\r\n    this.inputValueChanged.emit(this.selectedItems);\r\n  }\r\n\r\n  private copyToClipboard = () => {\r\n    if (this.inputRef) {\r\n      this.inputRef.select();\r\n      document.execCommand('copy'); // Deprecated but works in most browsers\r\n      // For modern browsers:\r\n      navigator.clipboard.writeText(this.inputRef.value);\r\n    }\r\n  };\r\n\r\n  @Listen('click', { target: 'document' })\r\n  handleClickOutside(event: MouseEvent) {\r\n    if (this.showDropdown && !this.el.contains(event.target as Node)) {\r\n      this.showDropdown = false;\r\n    }\r\n  }\r\n\r\n  /* Function to handle and emit the inputted values */\r\n  handleInput(event: Event) {\r\n    const target = event.target as HTMLInputElement;\r\n    this.inputValue = target.value;\r\n    if (this.inputValue) {\r\n      this.showCloseButton = true;\r\n    } else {\r\n      this.showCloseButton = false;\r\n    }\r\n    this.inputValueChanged.emit(this.inputValue);\r\n  }\r\n\r\n  clearInput() {\r\n    if (this.inputRef) {\r\n      this.inputRef.value = '';\r\n      this.inputValue = this.inputRef.value;\r\n      this.showCloseButton = false;\r\n      this.inputValueChanged.emit(this.inputValue);\r\n    }\r\n  }\r\n\r\n  /* Function to handle and emit the inputted values */\r\n  togglePasswordVisibility() {\r\n    this.isPasswordVisible = !this.isPasswordVisible;\r\n  }\r\n\r\n  @Watch('options')\r\n  optionsChanged(newOptions: string[]) {\r\n    // Update selectedItem when options are loaded or change\r\n    if (newOptions.length > 0 && !this.selectedItem) {\r\n      this.selectedItem = newOptions[0];\r\n    }\r\n  }\r\n\r\n  isItemSelected(option) {\r\n    return this.selectedItem === option;\r\n  }\r\n\r\n  isTagItemSelected(item) {\r\n    // return this.selectedStaff.some(i => i.name === item.name);\r\n\r\n    const isObject = typeof item === 'object';\r\n    return this.selectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item));\r\n  }\r\n\r\n  handleItemSelect(option) {\r\n    // For other types, allow only one selection\r\n    this.selectedItem = option;\r\n    this.showDropdown = false; // Close the dropdown\r\n  }\r\n\r\n  @Watch('value')\r\n  updateSelectedItems(newValue: any[]) {\r\n    if (Array.isArray(newValue) && newValue.length > 0) {\r\n      this.selectedItems = [];\r\n      this.unselectedItems = [];\r\n\r\n      const objectValues = newValue.filter(val => typeof val === 'object' && val !== null);\r\n      const primitiveValues = newValue.filter(val => typeof val !== 'object');\r\n\r\n      this.selectedItems = this.results.filter(item =>\r\n        typeof item === 'object' && item !== null\r\n          ? objectValues.some(val => JSON.stringify(val) === JSON.stringify(item)) // Avoid object reference issues\r\n          : primitiveValues.includes(item),\r\n      );\r\n\r\n      this.unselectedItems = this.results.filter(item =>\r\n        typeof item === 'object' && item !== null ? !objectValues.some(val => JSON.stringify(val) === JSON.stringify(item)) : !primitiveValues.includes(item),\r\n      );\r\n    } else {\r\n      this.selectedItems = [];\r\n      this.unselectedItems = [...this.results];\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    // this.selectedItem = this.options[0];\r\n\r\n    if (this.options && this.options.length > 0) {\r\n      this.selectedItem = this.options[0]; // Set the first item as default\r\n    }\r\n\r\n    this.loadIcon(this.iconSwap);\r\n\r\n    if (this.type !== 'tags') {\r\n      this.selectedItem = null; // For single selection types\r\n    }\r\n\r\n    this.updateSelectedItems(this.value);\r\n\r\n    // console.log('Selected Items:', this.selectedItems);\r\n    // console.log('Unselected Items:', this.unselectedItems);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const mainTextSlot = this.el.querySelector('[slot=\"tooltip_label\"]');\r\n    const supportingTextSlot = this.el.querySelector('[slot=\"tooltip_supporting_text\"]');\r\n    const textSlot = this.el.querySelector('[slot=\"text\"]');\r\n\r\n    if (mainTextSlot) {\r\n      mainTextSlot.classList.add('text-xs-semi-bold');\r\n    }\r\n\r\n    if (supportingTextSlot) {\r\n      supportingTextSlot.classList.add('text-xs-regular');\r\n    }\r\n\r\n    if (textSlot) {\r\n      textSlot.classList.add('text_slot');\r\n\r\n      if (this.state === 'disabled') {\r\n        textSlot.classList.add('disabled');\r\n      }\r\n\r\n      textSlot.classList.add('text-md-regular');\r\n    }\r\n\r\n    if (this.type === 'tags') {\r\n      document.addEventListener('click', this.handleClickOutside);\r\n    }\r\n    // this.inputElement.addEventListener('input', this.handleTagInput.bind(this));\r\n    this.updateInputWidth();\r\n  }\r\n\r\n  updateInputWidth() {\r\n    if (this.hiddenSpan) {\r\n      const input = this.el.shadowRoot.querySelector('input') as HTMLInputElement;\r\n\r\n      // Update input width based on span's width or use minimum width\r\n      const calculatedWidth = Math.max(this.hiddenSpan.offsetWidth + 10, this.minWidth);\r\n      input.style.width = `${calculatedWidth}px`;\r\n    }\r\n  }\r\n\r\n  handleWrapperClick() {\r\n    this.inputElement.focus(); // Focus the input field\r\n  }\r\n\r\n  // disconnectedCallback() {\r\n  //   document.removeEventListener('click', this.handleClickOutside);\r\n  //   this.inputElement.removeEventListener('input', this.handleTagInput.bind(this));\r\n  // }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`input_container`}>\r\n        <div class={`input_with_label`}>\r\n          {this.showLabel && <p class=\"label text-sm-medium\">{this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()}</p>}\r\n          {this.type === 'default' && [\r\n            <div class={`input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`}>\r\n              <input\r\n                class={`content text-md-regular ${this.type} ${this.state}`}\r\n                type=\"text\"\r\n                placeholder={this.placeholder ? this.placeholder : ''}\r\n                onInput={event => this.handleInput(event)}\r\n                value={this.value}\r\n              />\r\n              <>\r\n                {this.showValidation && (\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class=\"tick\">\r\n                    <path\r\n                      d=\"M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334\"\r\n                      stroke=\"#079455\"\r\n                      stroke-width=\"1.5\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                )}\r\n                {this.showHelpIcon && (\r\n                  <div class={`help_circle`}>\r\n                    {!this.destructive ? (\r\n                      <gb-help-tooltip show-supporting-text={true}>\r\n                        <slot name=\"tooltip_label\" slot=\"label\"></slot>\r\n                        <slot name=\"tooltip_supporting_text\" slot=\"supporting_text\"></slot>\r\n                      </gb-help-tooltip>\r\n                    ) : (\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                        <path\r\n                          d=\"M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z\"\r\n                          stroke=\"#B51726\"\r\n                          stroke-width=\"1.33333\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\"\r\n                        />\r\n                      </svg>\r\n                    )}\r\n                  </div>\r\n                )}\r\n              </>\r\n            </div>,\r\n          ]}\r\n          {this.type === 'icon_leading' && [\r\n            <div class={`input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`}>\r\n              <div class={`icon ${this.size} ${this.state}`} innerHTML={this.leadingIconSvg}></div>\r\n              <input\r\n                class={`content text-md-regular ${this.type} ${this.state}`}\r\n                type=\"text\"\r\n                placeholder={this.placeholder ? this.placeholder : ''}\r\n                onInput={event => this.handleInput(event)}\r\n                value={this.value}\r\n                ref={el => (this.inputRef = el as HTMLInputElement)}\r\n              />\r\n              <>\r\n                {this.showValidation && !this.destructive && (\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class=\"tick\">\r\n                    <path\r\n                      d=\"M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334\"\r\n                      stroke=\"#079455\"\r\n                      stroke-width=\"1.5\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                )}\r\n                {this.showHelpIcon && (\r\n                  <div class={`help_circle`}>\r\n                    {!this.destructive ? (\r\n                      <gb-help-tooltip show-supporting-text={true}>\r\n                        <slot name=\"tooltip_label\" slot=\"label\"></slot>\r\n                        <slot name=\"tooltip_supporting_text\" slot=\"supporting_text\"></slot>\r\n                      </gb-help-tooltip>\r\n                    ) : (\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                        <path\r\n                          d=\"M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z\"\r\n                          stroke=\"#B51726\"\r\n                          stroke-width=\"1.33333\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\"\r\n                        />\r\n                      </svg>\r\n                    )}\r\n                  </div>\r\n                )}\r\n                {this.showCloseButton && !this.destructive && (\r\n                  <gb-button\r\n                    size={this.size}\r\n                    hierarchy=\"tertiary_gray\"\r\n                    icon=\"only\"\r\n                    state=\"default\"\r\n                    icon-leading={true}\r\n                    icon-leading-swap=\"assets/cancel-01.svg\"\r\n                    onClick={() => this.clearInput()}\r\n                    class={`input_close_button ${this.size}`}\r\n                  ></gb-button>\r\n                )}\r\n              </>\r\n            </div>,\r\n          ]}\r\n          {this.type === 'leading_dropdown' && [\r\n            <div class={`input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`}>\r\n              <div class={`leading_dropdown_dropdown`} onClick={() => (this.showDropdown = !this.showDropdown)}>\r\n                {this.showCountryIcon && (\r\n                  <div class={`country_icon`}>\r\n                    <img src=\"build/assets/NG.svg\" alt=\"\" />\r\n                  </div>\r\n                )}\r\n                <div class={`dropdown_text`}>\r\n                  <p class=\"text-md-regular\" style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                    {this.selectedItem}\r\n                  </p>\r\n                </div>\r\n                <div class={`dropdown_arrow`}>\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path\r\n                      d=\"M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5\"\r\n                      stroke=\"#4B5565\"\r\n                      stroke-width=\"1.66667\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                </div>\r\n              </div>\r\n              <div class={`leading_dropdown_text_input`}>\r\n                <input\r\n                  class={`content text-md-regular ${this.type} ${this.state}`}\r\n                  type=\"text\"\r\n                  placeholder={this.placeholder ? this.placeholder : ''}\r\n                  onInput={event => this.handleInput(event)}\r\n                  value={this.value}\r\n                />\r\n                {this.showValidation && !this.destructive && (\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path\r\n                      d=\"M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334\"\r\n                      stroke=\"#079455\"\r\n                      stroke-width=\"1.5\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                )}\r\n                {this.showHelpIcon && (\r\n                  <div class={`help_circle`}>\r\n                    {!this.destructive ? (\r\n                      <gb-help-tooltip show-supporting-text={true}>\r\n                        <slot name=\"tooltip_label\" slot=\"label\"></slot>\r\n                        <slot name=\"tooltip_supporting_text\" slot=\"supporting_text\"></slot>\r\n                      </gb-help-tooltip>\r\n                    ) : (\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                        <path\r\n                          d=\"M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z\"\r\n                          stroke=\"#B51726\"\r\n                          stroke-width=\"1.33333\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\"\r\n                        />\r\n                      </svg>\r\n                    )}\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </div>,\r\n            <>\r\n              {this.showDropdown && (\r\n                <div class={`dropdown_menu ${this.type} ${this.size} ${this.menuPosition}`} ref={el => (this.dropdownRef = el)}>\r\n                  {this.options.map(option => (\r\n                    <gb-input-dropdown-menu-item type=\"default\" state={StateEnum.Default} selected={this.isItemSelected(option)} onClick={() => this.handleItemSelect(option)}>\r\n                      <p slot=\"name\">{option}</p>\r\n                    </gb-input-dropdown-menu-item>\r\n                  ))}\r\n                </div>\r\n              )}\r\n            </>,\r\n          ]}\r\n          {this.type === 'trailing_dropdown' && [\r\n            <div class={`input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`}>\r\n              <div class={`trailing_dropdown_content`}>\r\n                <p class=\"text-md-regular\" style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  $\r\n                </p>\r\n                <input\r\n                  class={`content text-md-regular ${this.type} ${this.state}`}\r\n                  type=\"text\"\r\n                  placeholder={this.placeholder ? this.placeholder : ''}\r\n                  onInput={event => this.handleInput(event)}\r\n                  value={this.value}\r\n                />\r\n                {this.showHelpIcon && (\r\n                  <div class={`help_circle`}>\r\n                    {!this.destructive ? (\r\n                      <gb-help-tooltip show-supporting-text={true}>\r\n                        <slot name=\"tooltip_label\" slot=\"label\"></slot>\r\n                        <slot name=\"tooltip_supporting_text\" slot=\"supporting_text\"></slot>\r\n                      </gb-help-tooltip>\r\n                    ) : (\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                        <path\r\n                          d=\"M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z\"\r\n                          stroke=\"#B51726\"\r\n                          stroke-width=\"1.33333\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\"\r\n                        />\r\n                      </svg>\r\n                    )}\r\n                  </div>\r\n                )}\r\n              </div>\r\n              <div class={`trailing_dropdown_dropdown`} onClick={() => (this.showDropdown = !this.showDropdown)}>\r\n                <div class={`dropdown_text`}>\r\n                  <p class=\"text-md-regular\" style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                    {this.selectedItem}\r\n                  </p>\r\n                </div>\r\n                <div class={`dropdown_arrow`}>\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path\r\n                      d=\"M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5\"\r\n                      stroke=\"#4B5565\"\r\n                      stroke-width=\"1.66667\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                </div>\r\n              </div>\r\n            </div>,\r\n            <>\r\n              {this.showDropdown && (\r\n                <div class={`dropdown_menu ${this.type} ${this.size} ${this.menuPosition}`} ref={el => (this.dropdownRef = el)}>\r\n                  {this.options.map(option => (\r\n                    <gb-input-dropdown-menu-item type=\"default\" state={StateEnum.Default} selected={this.isItemSelected(option)} onClick={() => this.handleItemSelect(option)}>\r\n                      <p slot=\"name\">{option}</p>\r\n                    </gb-input-dropdown-menu-item>\r\n                  ))}\r\n                </div>\r\n              )}\r\n            </>,\r\n          ]}\r\n          {this.type === 'leading_text' && [\r\n            <div class=\"leading_text_input\">\r\n              <div class={`add_on`}>\r\n                {/* <p class={`text-md-regular`} style={{ color: this.state === 'disabled' ? 'var(--color-text-disabled, #CDD5DF)' : 'var(--color-text, #4B5565)' }}>\r\n                  http://\r\n                </p> */}\r\n                <slot name=\"text\"></slot>\r\n              </div>\r\n              <div class={`input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`}>\r\n                <input\r\n                  class={`content text-md-regular ${this.type} ${this.state}`}\r\n                  type=\"text\"\r\n                  placeholder={this.placeholder ? this.placeholder : ''}\r\n                  onInput={event => this.handleInput(event)}\r\n                  value={this.value}\r\n                />\r\n                {this.showValidation && !this.destructive && (\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path\r\n                      d=\"M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334\"\r\n                      stroke=\"#079455\"\r\n                      stroke-width=\"1.5\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                )}\r\n                {this.showHelpIcon && (\r\n                  <div class={`help_circle`}>\r\n                    {!this.destructive ? (\r\n                      <gb-help-tooltip show-supporting-text={true}>\r\n                        <slot name=\"tooltip_label\" slot=\"label\"></slot>\r\n                        <slot name=\"tooltip_supporting_text\" slot=\"supporting_text\"></slot>\r\n                      </gb-help-tooltip>\r\n                    ) : (\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                        <path\r\n                          d=\"M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z\"\r\n                          stroke=\"#B51726\"\r\n                          stroke-width=\"1.33333\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\"\r\n                        />\r\n                      </svg>\r\n                    )}\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </div>,\r\n          ]}\r\n          {this.type === 'payment_input' && (\r\n            <div class={`input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`}>\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"14\" viewBox=\"0 0 23 14\" fill=\"none\">\r\n                <path\r\n                  fill-rule=\"evenodd\"\r\n                  clip-rule=\"evenodd\"\r\n                  d=\"M11.179 11.8294C9.99493 12.8275 8.45902 13.43 6.78069 13.43C3.03582 13.43 0 10.4303 0 6.72997C0 3.02966 3.03582 0.0299683 6.78069 0.0299683C8.45902 0.0299683 9.99493 0.632466 11.179 1.63051C12.363 0.632466 13.8989 0.0299683 15.5773 0.0299683C19.3221 0.0299683 22.358 3.02966 22.358 6.72997C22.358 10.4303 19.3221 13.43 15.5773 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z\"\r\n                  fill=\"#ED0006\"\r\n                />\r\n                <path\r\n                  fill-rule=\"evenodd\"\r\n                  clip-rule=\"evenodd\"\r\n                  d=\"M11.179 11.8294C12.6369 10.6005 13.5614 8.77192 13.5614 6.72997C13.5614 4.68801 12.6369 2.85941 11.179 1.63051C12.363 0.632465 13.8989 0.0299683 15.5772 0.0299683C19.3221 0.0299683 22.3579 3.02966 22.3579 6.72997C22.3579 10.4303 19.3221 13.43 15.5772 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z\"\r\n                  fill=\"#F9A000\"\r\n                />\r\n                <path\r\n                  fill-rule=\"evenodd\"\r\n                  clip-rule=\"evenodd\"\r\n                  d=\"M11.179 11.8294C12.6369 10.6005 13.5614 8.77193 13.5614 6.72999C13.5614 4.68805 12.6369 2.85946 11.179 1.63055C9.72109 2.85946 8.79663 4.68805 8.79663 6.72999C8.79663 8.77193 9.72109 10.6005 11.179 11.8294Z\"\r\n                  fill=\"#FF5E00\"\r\n                />\r\n              </svg>\r\n              <input\r\n                class={`content text-md-regular ${this.type} ${this.state}`}\r\n                type=\"text\"\r\n                placeholder={this.placeholder ? this.placeholder : ''}\r\n                onInput={event => this.handleInput(event)}\r\n                value={this.value}\r\n              />\r\n              <>\r\n                {this.showValidation && !this.destructive && (\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path\r\n                      d=\"M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334\"\r\n                      stroke=\"#079455\"\r\n                      stroke-width=\"1.5\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                )}\r\n                {this.showHelpIcon && (\r\n                  <div class={`help_circle`}>\r\n                    {!this.destructive ? (\r\n                      <gb-help-tooltip show-supporting-text={true}>\r\n                        <slot name=\"tooltip_label\" slot=\"label\"></slot>\r\n                        <slot name=\"tooltip_supporting_text\" slot=\"supporting_text\"></slot>\r\n                      </gb-help-tooltip>\r\n                    ) : (\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                        <path\r\n                          d=\"M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z\"\r\n                          stroke=\"#B51726\"\r\n                          stroke-width=\"1.33333\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\"\r\n                        />\r\n                      </svg>\r\n                    )}\r\n                  </div>\r\n                )}\r\n              </>\r\n            </div>\r\n          )}\r\n          {this.type === 'trailing_button' && (\r\n            <div class={`input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`}>\r\n              <div class={`trailing_button_text_input ${this.size}`}>\r\n                <input\r\n                  class={`content text-md-regular ${this.type} ${this.state}`}\r\n                  type=\"text\"\r\n                  placeholder={this.placeholder ? this.placeholder : ''}\r\n                  onInput={event => this.handleInput(event)}\r\n                  ref={el => (this.inputRef = el as HTMLInputElement)}\r\n                  value={this.value}\r\n                />\r\n                {this.showValidation && !this.destructive && (\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path\r\n                      d=\"M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334\"\r\n                      stroke=\"#079455\"\r\n                      stroke-width=\"1.5\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                )}\r\n                {this.showHelpIcon && (\r\n                  <div class={`help_circle`}>\r\n                    {!this.destructive ? (\r\n                      <gb-help-tooltip show-supporting-text={true}>\r\n                        <slot name=\"tooltip_label\" slot=\"label\"></slot>\r\n                        <slot name=\"tooltip_supporting_text\" slot=\"supporting_text\"></slot>\r\n                      </gb-help-tooltip>\r\n                    ) : (\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                        <path\r\n                          d=\"M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z\"\r\n                          stroke=\"#B51726\"\r\n                          stroke-width=\"1.33333\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\"\r\n                        />\r\n                      </svg>\r\n                    )}\r\n                  </div>\r\n                )}\r\n              </div>\r\n              <gb-button\r\n                size=\"lg\"\r\n                hierarchy=\"tertiary_gray\"\r\n                icon=\"only\"\r\n                state={this.state === 'disabled' ? 'disabled' : 'default'}\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/copy-01.svg\"\r\n                onClick={() => this.copyToClipboard()}\r\n              ></gb-button>\r\n            </div>\r\n          )}\r\n          {this.type === 'password' && (\r\n            <div class={`password_input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`}>\r\n              <div class={`password_content`}>\r\n                <input\r\n                  class={`content text-md-regular ${this.type} ${this.state}`}\r\n                  type={this.isPasswordVisible ? 'text' : 'password'}\r\n                  placeholder={this.placeholder ? this.placeholder : ''}\r\n                  onInput={event => this.handleInput(event)}\r\n                />\r\n                {this.showValidation && !this.destructive && (\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path\r\n                      d=\"M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334\"\r\n                      stroke=\"#079455\"\r\n                      stroke-width=\"1.5\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                )}\r\n                {this.showHelpIcon && (\r\n                  <div class={`help_circle`}>\r\n                    {!this.destructive ? (\r\n                      <gb-help-tooltip show-supporting-text={true}>\r\n                        <slot name=\"tooltip_label\" slot=\"label\"></slot>\r\n                        <slot name=\"tooltip_supporting_text\" slot=\"supporting_text\"></slot>\r\n                      </gb-help-tooltip>\r\n                    ) : (\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                        <path\r\n                          d=\"M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z\"\r\n                          stroke=\"#B51726\"\r\n                          stroke-width=\"1.33333\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\"\r\n                        />\r\n                      </svg>\r\n                    )}\r\n                  </div>\r\n                )}\r\n              </div>\r\n              <div class={`dropdown`}>\r\n                <gb-password-button onClick={() => this.togglePasswordVisibility()}></gb-password-button>\r\n              </div>\r\n            </div>\r\n          )}\r\n          {this.type === 'password_icon_leading' && (\r\n            <div class={`password_icon_leading_input input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`}>\r\n              <div class={`password_icon_leading_content`}>\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                  <path\r\n                    d=\"M12.0759 12.1667C11.6617 12.1667 11.3259 12.5025 11.3259 12.9167C11.3259 13.3309 11.6617 13.6667 12.0759 13.6667V12.1667ZM12.0833 13.6667C12.4976 13.6667 12.8333 13.3309 12.8333 12.9167C12.8333 12.5025 12.4976 12.1667 12.0833 12.1667V13.6667ZM7.91668 12.1667C7.50246 12.1667 7.16668 12.5025 7.16668 12.9167C7.16668 13.3309 7.50246 13.6667 7.91668 13.6667V12.1667ZM7.92415 13.6667C8.33836 13.6667 8.67415 13.3309 8.67415 12.9167C8.67415 12.5025 8.33836 12.1667 7.92415 12.1667V13.6667ZM16.4435 10.1294L17.1868 10.0293L16.4435 10.1294ZM13.7003 7.58258L13.7347 6.83337L13.7003 7.58258ZM13.7003 18.2508L13.7347 19L13.7003 18.2508ZM16.4435 15.704L15.7002 15.6039L16.4435 15.704ZM6.29973 7.58258L6.33417 8.33179L6.29973 7.58258ZM3.55652 10.1294L2.81323 10.0293L3.55652 10.1294ZM6.29973 18.2508L6.33417 17.5015L6.29973 18.2508ZM3.55652 15.704L4.29981 15.6039L3.55652 15.704ZM5.50001 7.5C5.50001 7.91422 5.8358 8.25 6.25001 8.25C6.66422 8.25 7.00001 7.91422 7.00001 7.5H5.50001ZM13 7.5C13 7.91422 13.3358 8.25 13.75 8.25C14.1642 8.25 14.5 7.91422 14.5 7.5H13ZM12.0759 13.6667H12.0833V12.1667H12.0759V13.6667ZM7.91668 13.6667H7.92415V12.1667H7.91668V13.6667ZM10 17.5833C8.69057 17.5833 7.50287 17.5553 6.33417 17.5015L6.26528 19C7.45761 19.0548 8.66829 19.0833 10 19.0833V17.5833ZM13.6659 17.5015C12.4972 17.5553 11.3094 17.5833 10 17.5833V19.0833C11.3317 19.0833 12.5424 19.0548 13.7347 19L13.6659 17.5015ZM17.1868 15.804C17.3105 14.8853 17.4167 13.9152 17.4167 12.9167H15.9167C15.9167 13.8142 15.8211 14.7058 15.7002 15.6039L17.1868 15.804ZM17.4167 12.9167C17.4167 11.9181 17.3105 10.948 17.1868 10.0293L15.7002 10.2295C15.8211 11.1275 15.9167 12.0192 15.9167 12.9167H17.4167ZM10 8.25C11.3095 8.25 12.4972 8.27806 13.6659 8.33179L13.7347 6.83337C12.5424 6.77856 11.3317 6.75 10 6.75V8.25ZM6.33417 8.33179C7.50287 8.27806 8.69057 8.25 10 8.25V6.75C8.66829 6.75 7.45761 6.77856 6.26528 6.83337L6.33417 8.33179ZM2.81323 10.0293C2.68953 10.948 2.58334 11.9181 2.58334 12.9167H4.08334C4.08334 12.0192 4.1789 11.1275 4.29981 10.2295L2.81323 10.0293ZM2.58334 12.9167C2.58334 13.9152 2.68953 14.8853 2.81323 15.804L4.29981 15.6039C4.1789 14.7058 4.08334 13.8142 4.08334 12.9167H2.58334ZM17.1868 10.0293C16.9527 8.29067 15.5122 6.91509 13.7347 6.83337L13.6659 8.33179C14.6943 8.37907 15.5595 9.18437 15.7002 10.2295L17.1868 10.0293ZM13.7347 19C15.5122 18.9183 16.9527 17.5427 17.1868 15.804L15.7002 15.6039C15.5595 16.649 14.6943 17.4543 13.6659 17.5015L13.7347 19ZM6.26528 6.83337C4.48781 6.91508 3.04732 8.29067 2.81323 10.0293L4.29981 10.2295C4.44052 9.18437 5.30576 8.37907 6.33417 8.33179L6.26528 6.83337ZM6.33417 17.5015C5.30576 17.4543 4.44052 16.649 4.29981 15.6039L2.81323 15.804C3.04732 17.5427 4.48782 18.9183 6.26528 19L6.33417 17.5015ZM7.00001 7.5V5.41667H5.50001V7.5H7.00001ZM13 5.41667V7.5H14.5V5.41667H13ZM10 2.41667C11.6569 2.41667 13 3.75981 13 5.41667H14.5C14.5 2.93139 12.4853 0.916668 10 0.916668V2.41667ZM7.00001 5.41667C7.00001 3.75981 8.34316 2.41667 10 2.41667V0.916668C7.51473 0.916668 5.50001 2.93139 5.50001 5.41667H7.00001Z\"\r\n                    fill=\"#4B5565\"\r\n                  />\r\n                </svg>\r\n                <input\r\n                  class={`content text-md-regular ${this.type} ${this.state}`}\r\n                  type={this.isPasswordVisible ? 'text' : 'password'}\r\n                  placeholder={this.placeholder ? this.placeholder : ''}\r\n                  onInput={event => this.handleInput(event)}\r\n                />\r\n              </div>\r\n              {this.showValidation && !this.destructive && (\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                  <path\r\n                    d=\"M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334\"\r\n                    stroke=\"#079455\"\r\n                    stroke-width=\"1.5\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                  />\r\n                </svg>\r\n              )}\r\n              {this.showHelpIcon && (\r\n                <div class={`help_circle`}>\r\n                  {!this.destructive ? (\r\n                    <gb-help-tooltip show-supporting-text={true}>\r\n                      <slot name=\"tooltip_label\" slot=\"label\"></slot>\r\n                      <slot name=\"tooltip_supporting_text\" slot=\"supporting_text\"></slot>\r\n                    </gb-help-tooltip>\r\n                  ) : (\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                      <path\r\n                        d=\"M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z\"\r\n                        stroke=\"#B51726\"\r\n                        stroke-width=\"1.33333\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                      />\r\n                    </svg>\r\n                  )}\r\n                </div>\r\n              )}\r\n              <gb-password-button onClick={() => this.togglePasswordVisibility()}></gb-password-button>\r\n            </div>\r\n          )}\r\n          {this.type === 'count' && [\r\n            <div class={`count_input`}>\r\n              <div class={`count_text_input ${this.destructive ? 'destructive' : ''} ${this.state}`}>\r\n                <input\r\n                  class={`content text-md-regular ${this.type} ${this.state}`}\r\n                  type=\"text\"\r\n                  placeholder={this.placeholder ? this.placeholder : ''}\r\n                  onInput={event => this.handleInput(event)}\r\n                  value={this.value}\r\n                />\r\n                {this.showHelpIcon && (\r\n                  <div class={`help_circle`}>\r\n                    {!this.destructive ? (\r\n                      <gb-help-tooltip show-supporting-text={true}>\r\n                        <slot name=\"tooltip_label\" slot=\"label\"></slot>\r\n                        <slot name=\"tooltip_supporting_text\" slot=\"supporting_text\"></slot>\r\n                      </gb-help-tooltip>\r\n                    ) : (\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                        <path\r\n                          d=\"M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z\"\r\n                          stroke=\"#B51726\"\r\n                          stroke-width=\"1.33333\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\"\r\n                        />\r\n                      </svg>\r\n                    )}\r\n                  </div>\r\n                )}\r\n              </div>\r\n              <div class={`action ${this.state}`}>\r\n                <gb-button\r\n                  size=\"xl\"\r\n                  state={this.state === 'disabled' ? 'disabled' : 'default'}\r\n                  hierarchy=\"tertiary_gray\"\r\n                  icon=\"only\"\r\n                  icon-leading=\"true\"\r\n                  icon-leading-swap=\"assets/minus_sign.svg\"\r\n                ></gb-button>\r\n                {/* <hr /> */}\r\n                <div class=\"vertical_line\"></div>\r\n                <gb-button\r\n                  size=\"xl\"\r\n                  state={this.state === 'disabled' ? 'disabled' : 'default'}\r\n                  hierarchy=\"tertiary_gray\"\r\n                  icon=\"only\"\r\n                  icon-leading=\"true\"\r\n                  icon-leading-swap=\"assets/plus_sign.svg\"\r\n                ></gb-button>\r\n              </div>\r\n            </div>,\r\n          ]}\r\n          {this.type === 'tags' && (\r\n            <div class={`input_group ${this.state}`} ref={el => (this.inputGroupElement = el as HTMLDivElement)} onClick={() => this.handleWrapperClick()}>\r\n              <div class={`input_like_parent ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`} onClick={() => (this.dropdownOpen = !this.dropdownOpen)}>\r\n                {/* ${this.selectedStaff.length >= 1 ? 'show_results' : ''} */}\r\n                <div class={`results_display ${this.state === 'disabled' ? 'disabled' : ''}`} ref={el => (this.resultsDisplayElement = el as HTMLDivElement)}>\r\n                  {this.value.length === 0 ? (\r\n                    <>\r\n                      {this.selectedItems.map((item, index) => (\r\n                        <>\r\n                          {typeof item === 'object' ? (\r\n                            <gb-tag size=\"sm\" action=\"X_close\" icon={this.icon ? this.icon : 'avatar'} onClick={() => this.handleTagRemove(index)}>\r\n                              <h1 class=\"text-xxs-semi-bold\" slot=\"initials\">\r\n                                {item.objectName.split(' ').map(part => part.charAt(0).toUpperCase())}\r\n                              </h1>\r\n                              <p>{item.objectName.split(' ')[0]}</p>\r\n                            </gb-tag>\r\n                          ) : (\r\n                            <gb-tag size=\"sm\" action=\"X_close\" icon={this.icon ? this.icon : 'avatar'} onClick={() => this.handleTagRemove(index)}>\r\n                              <p>{item}</p>\r\n                            </gb-tag>\r\n                          )}\r\n                        </>\r\n                      ))}\r\n                    </>\r\n                  ) : (\r\n                    <>\r\n                      {this.value.map((val, index) => (\r\n                        <>\r\n                          {typeof val === 'object' ? (\r\n                            <gb-tag size=\"sm\" action=\"X_close\" icon={this.icon ? this.icon : 'avatar'} onClick={() => this.handleTagRemove(index)}>\r\n                              <h1 class=\"text-xxs-semi-bold\" slot=\"initials\">\r\n                                {val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())}\r\n                              </h1>\r\n                              <p>{val.objectName.split(' ')[0]}</p>\r\n                            </gb-tag>\r\n                          ) : (\r\n                            <gb-tag size=\"sm\" action=\"X_close\" icon={this.icon ? this.icon : 'avatar'} onClick={() => this.handleTagRemove(index)}>\r\n                              <p>{val}</p>\r\n                            </gb-tag>\r\n                          )}\r\n                        </>\r\n                      ))}\r\n                    </>\r\n                  )}\r\n                  <span class=\"hidden-span\" ref={el => (this.hiddenSpan = el as HTMLElement)}>\r\n                    {this.inputValue || '  '}\r\n                  </span>\r\n                  <div class=\"input_field\">\r\n                    <input\r\n                      id={this.idOfInput}\r\n                      class={`input_like text-md-regular ${this.state}`}\r\n                      type=\"text\"\r\n                      // placeholder={this.placeholder && this.selectedStaff.length === 0 ? this.placeholder : ''}\r\n                      value={this.inputValue}\r\n                      readOnly={this.isReadOnly}\r\n                      ref={el => (this.inputElement = el as HTMLInputElement)}\r\n                      onBlur={() => this.exportSelectedStaff()}\r\n                      onInput={event => this.handleTagInput(event)}\r\n                    />\r\n                  </div>\r\n                </div>\r\n                {/* {this.showValidation && !this.destructive && (\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                      <path\r\n                        d=\"M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334\"\r\n                        stroke=\"#079455\"\r\n                        stroke-width=\"1.5\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                      />\r\n                    </svg>\r\n                  )}\r\n                {this.showHelpIcon && (\r\n                  <div class={`help_circle`}>\r\n                    {!this.destructive ? (\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                        <path\r\n                          d=\"M6.66668 5.99998C6.66668 5.2636 7.26363 4.66665 8.00001 4.66665C8.73639 4.66665 9.33334 5.2636 9.33334 5.99998C9.33334 6.26541 9.25578 6.51273 9.12209 6.72051C8.72361 7.33976 8.00001 7.93027 8.00001 8.66665V8.99998M7.99467 11.3333H8.00066M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00001 14.6666C4.31811 14.6666 1.33334 11.6819 1.33334 7.99998C1.33334 4.31808 4.31811 1.33331 8.00001 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z\"\r\n                          stroke=\"#697586\"\r\n                          stroke-width=\"1.5\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\"\r\n                        />\r\n                      </svg>\r\n                    ) : (\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                        <path\r\n                          d=\"M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z\"\r\n                          stroke=\"#B51726\"\r\n                          stroke-width=\"1.33333\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\"\r\n                        />\r\n                      </svg>\r\n                    )}\r\n                  </div>\r\n                )} */}\r\n              </div>\r\n              {this.showDropdown && (\r\n                <div class={`tags_dropdown_menu ${this.show ? 'show' : ''} ${this.menuPosition}`}>\r\n                  {this.results.map(item => (\r\n                    <gb-input-dropdown-menu-item\r\n                      type=\"checkbox\"\r\n                      supporting-text={true}\r\n                      state={StateEnum.Default}\r\n                      onClick={() => this.selectDropdownItem(item)}\r\n                      selected={this.isTagItemSelected(item)}\r\n                    >\r\n                      {typeof item === 'object'\r\n                        ? [<p slot=\"name\">{item.objectName}</p>, <p slot=\"supporting_text\">{item.objectValue}</p>]\r\n                        : typeof item !== 'object' && <p slot=\"name\">{item}</p>}\r\n                    </gb-input-dropdown-menu-item>\r\n                  ))}\r\n                </div>\r\n              )}\r\n            </div>\r\n          )}\r\n        </div>\r\n        {this.showHintText && <>{!this.destructive ? <p class=\"hint_text text-sm-regular\">{this.hintText}</p> : <p class=\"error_text text-sm-regular\">{this.errorText}</p>}</>}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","@import './../../global/global.css';\r\n\r\n:host{\r\n    display: flex;\r\n    align-items: center;\r\n    height: 100%;\r\n}\r\n\r\ndiv {\r\n    display: inline-flex;\r\n    align-items: flex-start;\r\n}","import { Component, h, Prop, State } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-password-button',\r\n  styleUrl: 'gb-password-button.css',\r\n  shadow: true\r\n})\r\nexport class GbPasswordButton {\r\n  @State() isPasswordVisible: boolean = false;\r\n  @Prop() state: 'default' | 'disabled';\r\n\r\n  togglePasswordVisibility() {\r\n    this.isPasswordVisible = !this.isPasswordVisible;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <gb-btn size=\"sm\" hierarchy=\"link_gray\" state=\"default\" onClick={() => this.togglePasswordVisibility()}>\r\n          {this.isPasswordVisible ? (\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state={this.state}>\r\n              <p>HIDE</p>\r\n            </gb-button>\r\n          ) : (\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state={this.state}>\r\n              <p>SHOW</p>\r\n            </gb-button>\r\n          )}\r\n        </gb-btn>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/globuscomponents/{p-bf92be61.js → p-ec3a36ed.js}

@@ -1,3 +1,3 @@
 const e="globuscomponents";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:true};var r=Object.defineProperty;var n=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:true})};var l=new WeakMap;var s=e=>l.get(e);var o=(e,t)=>l.set(t.t=e,t);var i=(e,t)=>{const r={l:0,$hostElement$:e,o: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"]=[]}return l.set(e,r)};var a=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,r)=>{const n=e.m.replace(/-/g,"_");const l=e.$;if(!l){return void 0}const s=c.get(l);if(s){return s[n]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{c.set(l,e)}return e[n]}),f)};var v=new Map;var d="{visibility:hidden}.hydrated{visibility:inherit}";var p="slot-fb{display:contents}slot-fb[hidden]{display:none}";var h=typeof window!=="undefined"?window:{};var m=h.document||{head:{}};var y={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,n)=>e.addEventListener(t,r,n),rel:(e,t,r,n)=>e.removeEventListener(t,r,n),ce:(e,t)=>new CustomEvent(e,t)};var b=(()=>{let e=false;try{m.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var w=e=>Promise.resolve(e);var g=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var $=false;var S=[];var k=[];var C=(e,t)=>r=>{e.push(r);if(!$){$=true;if(t&&y.l&4){x(O)}else{y.raf(O)}}};var j=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var O=()=>{j(S);{j(k);if($=S.length>0){y.raf(O)}}};var x=e=>w().then(e);var R=C(k,true);var T=e=>{const t=new URL(e,y.S);return t.origin!==h.location.origin?t.href:t.pathname};var L={};var D="http://www.w3.org/2000/svg";var E="http://www.w3.org/1999/xhtml";var F=e=>e!=null;var M=e=>{e=typeof e;return e==="object"||e==="function"};function A(e){var t,r,n;return(n=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?n:void 0}var P={};n(P,{err:()=>N,map:()=>W,ok:()=>U,unwrap:()=>H,unwrapErr:()=>z});var U=e=>({isOk:true,isErr:false,value:e});var N=e=>({isOk:false,isErr:true,value:e});function W(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>U(e)))}else{return U(r)}}if(e.isErr){const t=e.value;return N(t)}throw"should never get here"}var H=e=>{if(e.isOk){return e.value}else{throw e.value}};var z=e=>{if(e.isErr){return e.value}else{throw e.value}};var B=(e,t="")=>{{return()=>{}}};var I=(e,t)=>{{return()=>{}}};var Q=(e,t,...r)=>{let n=null;let l=null;let s=null;let o=false;let i=false;const a=[];const f=t=>{for(let r=0;r<t.length;r++){n=t[r];if(Array.isArray(n)){f(n)}else if(n!=null&&typeof n!=="boolean"){if(o=typeof e!=="function"&&!M(n)){n=String(n)}if(o&&i){a[a.length-1].k+=n}else{a.push(o?q(null,n):n)}i=o}}};f(r);if(t){if(t.key){l=t.key}if(t.name){s=t.name}{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,a,V)}const c=q(e,null);c.C=t;if(a.length>0){c.j=a}{c.O=l}{c.R=s}return c};var q=(e,t)=>{const r={l:0,T:e,k:t,L:null,j:null};{r.C=null}{r.O=null}{r.R=null}return r};var G={};var K=e=>e&&e.T===G;var V={forEach:(e,t)=>e.map(X).forEach(t),map:(e,t)=>e.map(X).map(t).map(_)};var X=e=>({vattrs:e.C,vchildren:e.j,vkey:e.O,vname:e.R,vtag:e.T,vtext:e.k});var _=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 Q(e.vtag,t,...e.vchildren||[])}const t=q(e.vtag,e.vtext);t.C=e.vattrs;t.j=e.vchildren;t.O=e.vkey;t.R=e.vname;return t};var J=(e,t)=>{if(e!=null&&!M(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 Y=e=>s(e).$hostElement$;var Z=(e,t,r)=>{const n=Y(e);return{emit:e=>ee(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var ee=(e,t,r)=>{const n=y.ce(t,r);e.dispatchEvent(n);return n};var te=new WeakMap;var re=(e,t,r)=>{let n=v.get(e);if(g&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}v.set(e,n)};var ne=(e,t,r)=>{var n;const l=se(t);const s=v.get(l);e=e.nodeType===11?e:m;if(s){if(typeof s==="string"){e=e.head||e;let r=te.get(e);let o;if(!r){te.set(e,r=new Set)}if(!r.has(l)){{o=m.createElement("style");o.innerHTML=s;const r=(n=y.D)!=null?n:A(m);if(r!=null){o.setAttribute("nonce",r)}const l=!(t.l&1)||t.l&1&&e.nodeName!=="HEAD";if(l){e.insertBefore(o,e.querySelector("link"))}}if(t.l&4){o.innerHTML+=p}if(r){r.add(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var le=e=>{const t=e.o;const r=e.$hostElement$;const n=t.l;const l=B("attachStyles",t.m);const s=ne(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10&&n&2){r["s-sc"]=s;r.classList.add(s+"-h")}l()};var se=(e,t)=>"sc-"+e.m;var oe=(e,t,r,n,l,s)=>{if(r!==n){let o=a(e,t);let i=t.toLowerCase();if(t==="class"){const t=e.classList;const l=ae(r);const s=ae(n);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 r){if(!n||n[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in n){if(!r||n[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,n[t])}else{e.style[t]=n[t]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(h,i)){t=i.slice(2)}else{t=i[2]+t.slice(3)}if(r||n){const l=t.endsWith(fe);t=t.replace(ce,"");if(r){y.rel(e,t,r,l)}if(n){y.ael(e,t,n,l)}}}else{const i=M(n);if((o||i&&n!==null)&&!l){try{if(!e.tagName.includes("-")){const l=n==null?"":n;if(t==="list"){o=false}else if(r==null||e[t]!=l){e[t]=l}}else{e[t]=n}}catch(e){}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!o||s&4||l)&&!i){n=n===true?"":n;{e.setAttribute(t,n)}}}}};var ie=/\s/;var ae=e=>!e?[]:e.split(ie);var fe="Capture";var ce=new RegExp(fe+"$");var ue=(e,t,r)=>{const n=t.L.nodeType===11&&t.L.host?t.L.host:t.L;const l=e&&e.C||L;const s=t.C||L;{for(const e of ve(Object.keys(l))){if(!(e in s)){oe(n,e,l[e],void 0,r,t.l)}}}for(const e of ve(Object.keys(s))){oe(n,e,l[e],s[e],r,t.l)}};function ve(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var de;var pe;var he;var me=false;var ye=false;var be=false;var we=false;var ge=(e,r,n,l)=>{var s;const o=r.j[n];let i=0;let a;let f;let c;if(!me){be=true;if(o.T==="slot"){if(de){l.classList.add(de+"-s")}o.l|=o.j?2:1}}if(o.k!==null){a=o.L=m.createTextNode(o.k)}else if(o.l&1){a=o.L=m.createTextNode("")}else{if(!we){we=o.T==="svg"}a=o.L=m.createElementNS(we?D:E,!me&&t.slotRelocation&&o.l&2?"slot-fb":o.T);if(we&&o.T==="foreignObject"){we=false}{ue(null,o,we)}const r=a.getRootNode();const n=!r.querySelector("body");if(!n&&t.scoped&&F(de)&&a["s-si"]!==de){a.classList.add(a["s-si"]=de)}if(o.j){for(i=0;i<o.j.length;++i){f=ge(e,o,i,a);if(f){a.appendChild(f)}}}{if(o.T==="svg"){we=false}else if(a.tagName==="foreignObject"){we=true}}}a["s-hn"]=he;{if(o.l&(2|1)){a["s-sr"]=true;a["s-cr"]=pe;a["s-sn"]=o.R||"";a["s-rf"]=(s=o.C)==null?void 0:s.ref;c=e&&e.j&&e.j[n];if(c&&c.T===o.T&&e.L){{$e(e.L,false)}}}}return a};var $e=(e,r)=>{y.l|=1;const n=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===he){n.push(t)}}}for(let e=n.length-1;e>=0;e--){const t=n[e];if(t["s-hn"]!==he&&t["s-ol"]){Me(xe(t),t,Oe(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;be=true}if(r){$e(t,r)}}y.l&=~1};var Se=(e,t,r,n,l,s)=>{let o=e["s-cr"]&&e["s-cr"].parentNode||e;let i;if(o.shadowRoot&&o.tagName===he){o=o.shadowRoot}for(;l<=s;++l){if(n[l]){i=ge(null,r,l,e);if(i){n[l].L=i;Me(o,i,Oe(t))}}}};var ke=(e,t,r)=>{for(let n=t;n<=r;++n){const t=e[n];if(t){const e=t.L;Fe(t);if(e){{ye=true;if(e["s-ol"]){e["s-ol"].remove()}else{$e(e,true)}}e.remove()}}}};var Ce=(e,t,r,n,l=false)=>{let s=0;let o=0;let i=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=n.length-1;let d=n[0];let p=n[v];let h;let m;while(s<=f&&o<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--f]}else if(d==null){d=n[++o]}else if(p==null){p=n[--v]}else if(je(c,d,l)){Re(c,d,l);c=t[++s];d=n[++o]}else if(je(u,p,l)){Re(u,p,l);u=t[--f];p=n[--v]}else if(je(c,p,l)){if(c.T==="slot"||p.T==="slot"){$e(c.L.parentNode,false)}Re(c,p,l);Me(e,c.L,u.L.nextSibling);c=t[++s];p=n[--v]}else if(je(u,d,l)){if(c.T==="slot"||p.T==="slot"){$e(u.L.parentNode,false)}Re(u,d,l);Me(e,u.L,c.L);u=t[--f];d=n[++o]}else{i=-1;{for(a=s;a<=f;++a){if(t[a]&&t[a].O!==null&&t[a].O===d.O){i=a;break}}}if(i>=0){m=t[i];if(m.T!==d.T){h=ge(t&&t[o],r,i,e)}else{Re(m,d,l);t[i]=void 0;h=m.L}d=n[++o]}else{h=ge(t&&t[o],r,o,e);d=n[++o]}if(h){{Me(xe(c.L),h,Oe(c.L))}}}}if(s>f){Se(e,n[v+1]==null?null:n[v+1].L,r,n,o,v)}else if(o>v){ke(t,s,f)}};var je=(e,t,r=false)=>{if(e.T===t.T){if(e.T==="slot"){if("F"in e&&r&&e.L.nodeType!==8){return false}return e.R===t.R}if(!r){return e.O===t.O}return true}return false};var Oe=e=>e&&e["s-ol"]||e;var xe=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;var Re=(e,r,n=false)=>{const l=r.L=e.L;const s=e.j;const o=r.j;const i=r.T;const a=r.k;let f;if(a===null){{we=i==="svg"?true:i==="foreignObject"?false:we}{if(i==="slot"&&!me);else{ue(e,r,we)}}if(s!==null&&o!==null){Ce(l,s,r,o,n)}else if(o!==null){if(e.k!==null){l.textContent=""}Se(l,null,r,o,0,o.length-1)}else if(!n&&t.updatable&&s!==null){ke(s,0,s.length-1)}if(we&&i==="svg"){we=false}}else if(f=l["s-cr"]){f.parentNode.textContent=a}else if(e.k!==a){l.data=a}};var Te=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const r=e["s-sn"];e.hidden=false;for(const n of t){if(n!==e){if(n["s-hn"]!==e["s-hn"]||r!==""){if(n.nodeType===1&&(r===n.getAttribute("slot")||r===n["s-sn"])||n.nodeType===3&&r===n["s-sn"]){e.hidden=true;break}}else{if(n.nodeType===1||n.nodeType===3&&n.textContent.trim()!==""){e.hidden=true;break}}}}}Te(e)}}};var Le=[];var De=e=>{let r;let n;let l;for(const s of e.childNodes){if(s["s-sr"]&&(r=s["s-cr"])&&r.parentNode){n=r.parentNode.childNodes;const e=s["s-sn"];for(l=n.length-1;l>=0;l--){r=n[l];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==s["s-hn"]&&!t.experimentalSlotFixes){if(Ee(r,e)){let t=Le.find((e=>e.M===r));ye=true;r["s-sn"]=r["s-sn"]||e;if(t){t.M["s-sh"]=s["s-hn"];t.A=s}else{r["s-sh"]=s["s-hn"];Le.push({A:s,M:r})}if(r["s-sr"]){Le.map((e=>{if(Ee(e.M,r["s-sn"])){t=Le.find((e=>e.M===r));if(t&&!e.A){e.A=t.A}}}))}}else if(!Le.some((e=>e.M===r))){Le.push({M:r})}}}}if(s.nodeType===1){De(s)}}};var Ee=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var Fe=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.j&&e.j.map(Fe)}};var Me=(e,t,r)=>{const n=e==null?void 0:e.insertBefore(t,r);return n};var Ae=(e,t,r=false)=>{var n,l,s,o;const i=e.$hostElement$;const a=e.o;const f=e.P||q(null,null);const c=K(t)?t:Q(null,null,t);he=i.tagName;if(a.U){c.C=c.C||{};a.U.map((([e,t])=>c.C[t]=i[e]))}if(r&&c.C){for(const e of Object.keys(c.C)){if(i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.C[e]=i[e]}}}c.T=null;c.l|=4;e.P=c;c.L=f.L=i.shadowRoot||i;{de=i["s-sc"]}me=(a.l&1)!==0;{pe=i["s-cr"];ye=false}Re(f,c,r);{y.l|=1;if(be){De(c.L);for(const e of Le){const t=e.M;if(!t["s-ol"]){const e=m.createTextNode("");e["s-nr"]=t;Me(t.parentNode,t["s-ol"]=e,t)}}for(const e of Le){const t=e.M;const i=e.A;if(i){const e=i.parentNode;let r=i.nextSibling;{let s=(n=t["s-ol"])==null?void 0:n.previousSibling;while(s){let n=(l=s["s-nr"])!=null?l:null;if(n&&n["s-sn"]===t["s-sn"]&&e===n.parentNode){n=n.nextSibling;while(n===t||(n==null?void 0:n["s-sr"])){n=n==null?void 0:n.nextSibling}if(!n||!n["s-nr"]){r=n;break}}s=s.previousSibling}}if(!r&&e!==t.parentNode||t.nextSibling!==r){if(t!==r){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Me(e,t,r);if(t.nodeType===1){t.hidden=(s=t["s-ih"])!=null?s:false}}}t&&typeof i["s-rf"]==="function"&&i["s-rf"](t)}else{if(t.nodeType===1){if(r){t["s-ih"]=(o=t.hidden)!=null?o:false}t.hidden=true}}}}if(ye){Te(c.L)}y.l&=~1;Le.length=0}pe=void 0};var Pe=(e,t)=>{if(t&&!e.N&&t["s-p"]){t["s-p"].push(new Promise((t=>e.N=t)))}};var Ue=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}Pe(e,e.W);const r=()=>Ne(e,t);return R(r)};var Ne=(e,t)=>{const r=e.$hostElement$;const n=B("scheduleUpdate",e.o.m);const l=e.t;if(!l){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 s;if(t){{e.l|=256;if(e.H){e.H.map((([e,t])=>qe(l,e,t)));e.H=void 0}}{s=qe(l,"componentWillLoad")}}{s=We(s,(()=>qe(l,"componentWillRender")))}n();return We(s,(()=>ze(e,l,t)))};var We=(e,t)=>He(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var He=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var ze=async(e,t,r)=>{var n;const l=e.$hostElement$;const s=B("update",e.o.m);const o=l["s-rc"];if(r){le(e)}const i=B("render",e.o.m);{Be(e,t,l,r)}if(o){o.map((e=>e()));l["s-rc"]=void 0}i();s();{const t=(n=l["s-p"])!=null?n:[];const r=()=>Ie(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.l|=4;t.length=0}}};var Be=(e,t,r,n)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{Ae(e,t,n)}}}}catch(t){f(t,e.$hostElement$)}return null};var Ie=e=>{const t=e.o.m;const r=e.$hostElement$;const n=B("postUpdate",t);const l=e.t;const s=e.W;if(!(e.l&64)){e.l|=64;{Ge(r)}{qe(l,"componentDidLoad")}n();{e.h(r);if(!s){Qe()}}}else{{qe(l,"componentDidUpdate")}n()}{e.v(r)}{if(e.N){e.N();e.N=void 0}if(e.l&512){x((()=>Ue(e,false)))}e.l&=~(4|512)}};var Qe=t=>{{Ge(m.documentElement)}x((()=>ee(h,"appload",{detail:{namespace:e}})))};var qe=(e,t,r)=>{if(e&&e[t]){try{return e[t](r)}catch(e){f(e)}}return void 0};var Ge=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var Ke=(e,t)=>s(e).i.get(t);var Ve=(e,t,r,n)=>{const l=s(e);if(!l){throw new Error(`Couldn't find host element for "${n.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/ionic-team/stencil/issues/5457).`)}const o=l.$hostElement$;const i=l.i.get(t);const a=l.l;const c=l.t;r=J(r,n.B[t][0]);const u=Number.isNaN(i)&&Number.isNaN(r);const v=r!==i&&!u;if((!(a&8)||i===void 0)&&v){l.i.set(t,r);if(c){if(n.I&&a&128){const e=n.I[t];if(e){e.map((e=>{try{c[e](r,i,t)}catch(e){f(e,o)}}))}}if((a&(2|16))===2){Ue(l,false)}}}};var Xe=(e,t,r)=>{var n,l;const o=e.prototype;if(t.B||(t.I||e.watchers)){if(e.watchers&&!t.I){t.I=e.watchers}const i=Object.entries((n=t.B)!=null?n:{});i.map((([e,[n]])=>{if(n&31||r&2&&n&32){Object.defineProperty(o,e,{get(){return Ke(this,e)},set(r){Ve(this,e,r,t)},configurable:true,enumerable:true})}else if(r&1&&n&64){Object.defineProperty(o,e,{value(...t){var r;const n=s(this);return(r=n==null?void 0:n.u)==null?void 0:r.then((()=>{var r;return(r=n.t)==null?void 0:r[e](...t)}))}})}}));if(r&1){const r=new Map;o.attributeChangedCallback=function(e,n,l){y.jmp((()=>{var i;const a=r.get(e);if(this.hasOwnProperty(a)){l=this[a];delete this[a]}else if(o.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==l){return}else if(a==null){const r=s(this);const o=r==null?void 0:r.l;if(o&&!(o&8)&&o&128&&l!==n){const s=r.t;const o=(i=t.I)==null?void 0:i[e];o==null?void 0:o.forEach((t=>{if(s[t]!=null){s[t].call(s,l,n,e)}}))}return}this[a]=l===null&&typeof this[a]==="boolean"?false:l}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=t.I)!=null?l:{}),...i.filter((([e,t])=>t[0]&15)).map((([e,n])=>{var l;const s=n[1]||e;r.set(s,e);if(n[0]&512){(l=t.U)==null?void 0:l.push([e,s])}return s}))]))}}return e};var _e=async(e,t,r,n)=>{let l;if((t.l&32)===0){t.l|=32;const n=r.$;if(n){const e=u(r);if(e&&"then"in e){const t=I();l=await e;t()}else{l=e}if(!l){throw new Error(`Constructor for "${r.m}#${t.q}" was not found`)}if(!l.isProxied){{r.I=l.watchers}Xe(l,r,2);l.isProxied=true}const n=B("createInstance",r.m);{t.l|=8}try{new l(t)}catch(e){f(e)}{t.l&=~8}{t.l|=128}n()}else{l=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.l|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=se(r);if(!v.has(t)){const n=B("registerStyles",r.m);re(t,e,!!(r.l&1));n()}}}const s=t.W;const o=()=>Ue(t,true);if(s&&s["s-rc"]){s["s-rc"].push(o)}else{o()}};var Je=e=>{};var Ye=e=>{if((y.l&1)===0){const t=s(e);const r=t.o;const n=B("connectedCallback",r.m);if(!(t.l&1)){t.l|=1;{if(r.l&(4|8)){Ze(e)}}{let r=e;while(r=r.parentNode||r.host){if(r["s-p"]){Pe(t,t.W=r);break}}}if(r.B){Object.entries(r.B).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{_e(e,t,r)}}else{lt(e,t,r.G);if(t==null?void 0:t.t);else if(t==null?void 0:t.p){t.p.then((()=>Je()))}}n()}};var Ze=e=>{const t=e["s-cr"]=m.createComment("");t["s-cn"]=true;Me(e,t,e.firstChild)};var et=e=>{{qe(e,"disconnectedCallback")}};var tt=async e=>{if((y.l&1)===0){const t=s(e);{if(t.K){t.K.map((e=>e()));t.K=void 0}}if(t==null?void 0:t.t){et(t.t)}else if(t==null?void 0:t.p){t.p.then((()=>et(t.t)))}}};var rt=(e,t={})=>{var r;const n=B();const l=[];const o=t.exclude||[];const a=h.customElements;const f=m.head;const c=f.querySelector("meta[charset]");const u=m.createElement("style");const v=[];let b;let w=true;Object.assign(y,t);y.S=new URL(t.resourcesUrl||"./",m.baseURI).href;let g=false;e.map((e=>{e[1].map((t=>{var r;const n={l:t[0],m:t[1],B:t[2],G:t[3]};if(n.l&4){g=true}{n.B=t[2]}{n.G=t[3]}{n.U=[]}{n.I=(r=t[4])!=null?r:{}}const f=n.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;i(e,n);if(n.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=s(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;lt(this,e,n.G)}if(b){clearTimeout(b);b=null}if(w){v.push(this)}else{y.jmp((()=>Ye(this)))}}disconnectedCallback(){y.jmp((()=>tt(this)))}componentOnReady(){return s(this).p}};n.$=e[0];if(!o.includes(f)&&!a.get(f)){l.push(f);a.define(f,Xe(c,n,1))}}))}));if(l.length>0){if(g){u.textContent+=p}{u.textContent+=l.sort()+d}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(r=y.D)!=null?r:A(m);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}w=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{y.jmp((()=>b=setTimeout(Qe,30)))}}n()};var nt=(e,t)=>t;var lt=(e,t,r,n)=>{if(r){r.map((([r,n,l])=>{const s=ot(e,r);const o=st(t,l);const i=it(r);y.ael(s,n,o,i);(t.K=t.K||[]).push((()=>y.rel(s,n,o,i)))}))}};var st=(e,t)=>r=>{var n;try{{if(e.l&256){(n=e.t)==null?void 0:n[t](r)}else{(e.H=e.H||[]).push([t,r])}}}catch(e){f(e)}};var ot=(e,t)=>{if(t&4)return m;return e};var it=e=>b?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var at=e=>y.D=e;export{nt as F,T as a,rt as b,Z as c,Y as g,Q as h,w as p,o as r,at as s};
-//# sourceMappingURL=p-bf92be61.js.map
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{c.set(l,e)}return e[n]}),f)};var v=new Map;var d="{visibility:hidden}.hydrated{visibility:inherit}";var p="slot-fb{display:contents}slot-fb[hidden]{display:none}";var h=typeof window!=="undefined"?window:{};var m=h.document||{head:{}};var y={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,n)=>e.addEventListener(t,r,n),rel:(e,t,r,n)=>e.removeEventListener(t,r,n),ce:(e,t)=>new CustomEvent(e,t)};var b=(()=>{let e=false;try{m.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var w=e=>Promise.resolve(e);var g=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var $=false;var S=[];var k=[];var C=(e,t)=>r=>{e.push(r);if(!$){$=true;if(t&&y.l&4){x(O)}else{y.raf(O)}}};var j=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var O=()=>{j(S);{j(k);if($=S.length>0){y.raf(O)}}};var x=e=>w().then(e);var R=C(k,true);var T=e=>{const t=new URL(e,y.S);return t.origin!==h.location.origin?t.href:t.pathname};var L={};var D="http://www.w3.org/2000/svg";var E="http://www.w3.org/1999/xhtml";var F=e=>e!=null;var M=e=>{e=typeof e;return e==="object"||e==="function"};function A(e){var t,r,n;return(n=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?n:void 0}var P={};n(P,{err:()=>N,map:()=>W,ok:()=>U,unwrap:()=>H,unwrapErr:()=>z});var U=e=>({isOk:true,isErr:false,value:e});var N=e=>({isOk:false,isErr:true,value:e});function W(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>U(e)))}else{return U(r)}}if(e.isErr){const t=e.value;return N(t)}throw"should never get here"}var H=e=>{if(e.isOk){return e.value}else{throw e.value}};var z=e=>{if(e.isErr){return e.value}else{throw e.value}};var B=(e,t="")=>{{return()=>{}}};var I=(e,t)=>{{return()=>{}}};var Q=(e,t,...r)=>{let n=null;let l=null;let s=null;let o=false;let i=false;const a=[];const f=t=>{for(let r=0;r<t.length;r++){n=t[r];if(Array.isArray(n)){f(n)}else if(n!=null&&typeof n!=="boolean"){if(o=typeof e!=="function"&&!M(n)){n=String(n)}if(o&&i){a[a.length-1].k+=n}else{a.push(o?q(null,n):n)}i=o}}};f(r);if(t){if(t.key){l=t.key}if(t.name){s=t.name}{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,a,V)}const c=q(e,null);c.C=t;if(a.length>0){c.j=a}{c.O=l}{c.R=s}return c};var q=(e,t)=>{const r={l:0,T:e,k:t,L:null,j:null};{r.C=null}{r.O=null}{r.R=null}return r};var G={};var K=e=>e&&e.T===G;var V={forEach:(e,t)=>e.map(X).forEach(t),map:(e,t)=>e.map(X).map(t).map(_)};var X=e=>({vattrs:e.C,vchildren:e.j,vkey:e.O,vname:e.R,vtag:e.T,vtext:e.k});var _=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 Q(e.vtag,t,...e.vchildren||[])}const t=q(e.vtag,e.vtext);t.C=e.vattrs;t.j=e.vchildren;t.O=e.vkey;t.R=e.vname;return t};var J=(e,t)=>{if(e!=null&&!M(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 Y=e=>s(e).$hostElement$;var Z=(e,t,r)=>{const n=Y(e);return{emit:e=>ee(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var ee=(e,t,r)=>{const n=y.ce(t,r);e.dispatchEvent(n);return n};var te=new WeakMap;var re=(e,t,r)=>{let n=v.get(e);if(g&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}v.set(e,n)};var ne=(e,t,r)=>{var n;const l=se(t);const s=v.get(l);e=e.nodeType===11?e:m;if(s){if(typeof s==="string"){e=e.head||e;let r=te.get(e);let o;if(!r){te.set(e,r=new Set)}if(!r.has(l)){{o=m.createElement("style");o.innerHTML=s;const r=(n=y.D)!=null?n:A(m);if(r!=null){o.setAttribute("nonce",r)}const l=!(t.l&1)||t.l&1&&e.nodeName!=="HEAD";if(l){e.insertBefore(o,e.querySelector("link"))}}if(t.l&4){o.innerHTML+=p}if(r){r.add(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var le=e=>{const t=e.o;const r=e.$hostElement$;const n=t.l;const l=B("attachStyles",t.m);const s=ne(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10&&n&2){r["s-sc"]=s;r.classList.add(s+"-h")}l()};var se=(e,t)=>"sc-"+e.m;var oe=(e,t,r,n,l,s)=>{if(r!==n){let o=a(e,t);let i=t.toLowerCase();if(t==="class"){const t=e.classList;const l=ae(r);const s=ae(n);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 r){if(!n||n[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in n){if(!r||n[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,n[t])}else{e.style[t]=n[t]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(h,i)){t=i.slice(2)}else{t=i[2]+t.slice(3)}if(r||n){const l=t.endsWith(fe);t=t.replace(ce,"");if(r){y.rel(e,t,r,l)}if(n){y.ael(e,t,n,l)}}}else{const i=M(n);if((o||i&&n!==null)&&!l){try{if(!e.tagName.includes("-")){const l=n==null?"":n;if(t==="list"){o=false}else if(r==null||e[t]!=l){e[t]=l}}else{e[t]=n}}catch(e){}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!o||s&4||l)&&!i){n=n===true?"":n;{e.setAttribute(t,n)}}}}};var ie=/\s/;var ae=e=>!e?[]:e.split(ie);var fe="Capture";var ce=new RegExp(fe+"$");var ue=(e,t,r)=>{const n=t.L.nodeType===11&&t.L.host?t.L.host:t.L;const l=e&&e.C||L;const s=t.C||L;{for(const e of ve(Object.keys(l))){if(!(e in s)){oe(n,e,l[e],void 0,r,t.l)}}}for(const e of ve(Object.keys(s))){oe(n,e,l[e],s[e],r,t.l)}};function ve(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var de;var pe;var he;var me=false;var ye=false;var be=false;var we=false;var ge=(e,r,n,l)=>{var s;const o=r.j[n];let i=0;let a;let f;let c;if(!me){be=true;if(o.T==="slot"){if(de){l.classList.add(de+"-s")}o.l|=o.j?2:1}}if(o.k!==null){a=o.L=m.createTextNode(o.k)}else if(o.l&1){a=o.L=m.createTextNode("")}else{if(!we){we=o.T==="svg"}a=o.L=m.createElementNS(we?D:E,!me&&t.slotRelocation&&o.l&2?"slot-fb":o.T);if(we&&o.T==="foreignObject"){we=false}{ue(null,o,we)}const r=a.getRootNode();const n=!r.querySelector("body");if(!n&&t.scoped&&F(de)&&a["s-si"]!==de){a.classList.add(a["s-si"]=de)}if(o.j){for(i=0;i<o.j.length;++i){f=ge(e,o,i,a);if(f){a.appendChild(f)}}}{if(o.T==="svg"){we=false}else if(a.tagName==="foreignObject"){we=true}}}a["s-hn"]=he;{if(o.l&(2|1)){a["s-sr"]=true;a["s-cr"]=pe;a["s-sn"]=o.R||"";a["s-rf"]=(s=o.C)==null?void 0:s.ref;c=e&&e.j&&e.j[n];if(c&&c.T===o.T&&e.L){{$e(e.L,false)}}}}return a};var $e=(e,r)=>{y.l|=1;const n=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===he){n.push(t)}}}for(let e=n.length-1;e>=0;e--){const t=n[e];if(t["s-hn"]!==he&&t["s-ol"]){Me(xe(t),t,Oe(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;be=true}if(r){$e(t,r)}}y.l&=~1};var Se=(e,t,r,n,l,s)=>{let o=e["s-cr"]&&e["s-cr"].parentNode||e;let i;if(o.shadowRoot&&o.tagName===he){o=o.shadowRoot}for(;l<=s;++l){if(n[l]){i=ge(null,r,l,e);if(i){n[l].L=i;Me(o,i,Oe(t))}}}};var ke=(e,t,r)=>{for(let n=t;n<=r;++n){const t=e[n];if(t){const e=t.L;Fe(t);if(e){{ye=true;if(e["s-ol"]){e["s-ol"].remove()}else{$e(e,true)}}e.remove()}}}};var Ce=(e,t,r,n,l=false)=>{let s=0;let o=0;let i=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=n.length-1;let d=n[0];let p=n[v];let h;let m;while(s<=f&&o<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--f]}else if(d==null){d=n[++o]}else if(p==null){p=n[--v]}else if(je(c,d,l)){Re(c,d,l);c=t[++s];d=n[++o]}else if(je(u,p,l)){Re(u,p,l);u=t[--f];p=n[--v]}else if(je(c,p,l)){if(c.T==="slot"||p.T==="slot"){$e(c.L.parentNode,false)}Re(c,p,l);Me(e,c.L,u.L.nextSibling);c=t[++s];p=n[--v]}else if(je(u,d,l)){if(c.T==="slot"||p.T==="slot"){$e(u.L.parentNode,false)}Re(u,d,l);Me(e,u.L,c.L);u=t[--f];d=n[++o]}else{i=-1;{for(a=s;a<=f;++a){if(t[a]&&t[a].O!==null&&t[a].O===d.O){i=a;break}}}if(i>=0){m=t[i];if(m.T!==d.T){h=ge(t&&t[o],r,i,e)}else{Re(m,d,l);t[i]=void 0;h=m.L}d=n[++o]}else{h=ge(t&&t[o],r,o,e);d=n[++o]}if(h){{Me(xe(c.L),h,Oe(c.L))}}}}if(s>f){Se(e,n[v+1]==null?null:n[v+1].L,r,n,o,v)}else if(o>v){ke(t,s,f)}};var je=(e,t,r=false)=>{if(e.T===t.T){if(e.T==="slot"){if("F"in e&&r&&e.L.nodeType!==8){return false}return e.R===t.R}if(!r){return e.O===t.O}return true}return false};var Oe=e=>e&&e["s-ol"]||e;var xe=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;var Re=(e,r,n=false)=>{const l=r.L=e.L;const s=e.j;const o=r.j;const i=r.T;const a=r.k;let f;if(a===null){{we=i==="svg"?true:i==="foreignObject"?false:we}{if(i==="slot"&&!me);else{ue(e,r,we)}}if(s!==null&&o!==null){Ce(l,s,r,o,n)}else if(o!==null){if(e.k!==null){l.textContent=""}Se(l,null,r,o,0,o.length-1)}else if(!n&&t.updatable&&s!==null){ke(s,0,s.length-1)}if(we&&i==="svg"){we=false}}else if(f=l["s-cr"]){f.parentNode.textContent=a}else if(e.k!==a){l.data=a}};var Te=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const r=e["s-sn"];e.hidden=false;for(const n of t){if(n!==e){if(n["s-hn"]!==e["s-hn"]||r!==""){if(n.nodeType===1&&(r===n.getAttribute("slot")||r===n["s-sn"])||n.nodeType===3&&r===n["s-sn"]){e.hidden=true;break}}else{if(n.nodeType===1||n.nodeType===3&&n.textContent.trim()!==""){e.hidden=true;break}}}}}Te(e)}}};var Le=[];var De=e=>{let r;let n;let l;for(const s of e.childNodes){if(s["s-sr"]&&(r=s["s-cr"])&&r.parentNode){n=r.parentNode.childNodes;const e=s["s-sn"];for(l=n.length-1;l>=0;l--){r=n[l];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==s["s-hn"]&&!t.experimentalSlotFixes){if(Ee(r,e)){let t=Le.find((e=>e.M===r));ye=true;r["s-sn"]=r["s-sn"]||e;if(t){t.M["s-sh"]=s["s-hn"];t.A=s}else{r["s-sh"]=s["s-hn"];Le.push({A:s,M:r})}if(r["s-sr"]){Le.map((e=>{if(Ee(e.M,r["s-sn"])){t=Le.find((e=>e.M===r));if(t&&!e.A){e.A=t.A}}}))}}else if(!Le.some((e=>e.M===r))){Le.push({M:r})}}}}if(s.nodeType===1){De(s)}}};var Ee=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var Fe=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.j&&e.j.map(Fe)}};var Me=(e,t,r)=>{const n=e==null?void 0:e.insertBefore(t,r);return n};var Ae=(e,t,r=false)=>{var n,l,s,o;const i=e.$hostElement$;const a=e.o;const f=e.P||q(null,null);const c=K(t)?t:Q(null,null,t);he=i.tagName;if(a.U){c.C=c.C||{};a.U.map((([e,t])=>c.C[t]=i[e]))}if(r&&c.C){for(const e of Object.keys(c.C)){if(i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.C[e]=i[e]}}}c.T=null;c.l|=4;e.P=c;c.L=f.L=i.shadowRoot||i;{de=i["s-sc"]}me=(a.l&1)!==0;{pe=i["s-cr"];ye=false}Re(f,c,r);{y.l|=1;if(be){De(c.L);for(const e of Le){const t=e.M;if(!t["s-ol"]){const e=m.createTextNode("");e["s-nr"]=t;Me(t.parentNode,t["s-ol"]=e,t)}}for(const e of Le){const t=e.M;const i=e.A;if(i){const e=i.parentNode;let r=i.nextSibling;{let s=(n=t["s-ol"])==null?void 0:n.previousSibling;while(s){let n=(l=s["s-nr"])!=null?l:null;if(n&&n["s-sn"]===t["s-sn"]&&e===n.parentNode){n=n.nextSibling;while(n===t||(n==null?void 0:n["s-sr"])){n=n==null?void 0:n.nextSibling}if(!n||!n["s-nr"]){r=n;break}}s=s.previousSibling}}if(!r&&e!==t.parentNode||t.nextSibling!==r){if(t!==r){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Me(e,t,r);if(t.nodeType===1){t.hidden=(s=t["s-ih"])!=null?s:false}}}t&&typeof i["s-rf"]==="function"&&i["s-rf"](t)}else{if(t.nodeType===1){if(r){t["s-ih"]=(o=t.hidden)!=null?o:false}t.hidden=true}}}}if(ye){Te(c.L)}y.l&=~1;Le.length=0}pe=void 0};var Pe=(e,t)=>{if(t&&!e.N&&t["s-p"]){t["s-p"].push(new Promise((t=>e.N=t)))}};var Ue=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}Pe(e,e.W);const r=()=>Ne(e,t);return R(r)};var Ne=(e,t)=>{const r=e.$hostElement$;const n=B("scheduleUpdate",e.o.m);const l=e.t;if(!l){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 s;if(t){{e.l|=256;if(e.H){e.H.map((([e,t])=>qe(l,e,t)));e.H=void 0}}{s=qe(l,"componentWillLoad")}}{s=We(s,(()=>qe(l,"componentWillRender")))}n();return We(s,(()=>ze(e,l,t)))};var We=(e,t)=>He(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var He=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var ze=async(e,t,r)=>{var n;const l=e.$hostElement$;const s=B("update",e.o.m);const o=l["s-rc"];if(r){le(e)}const i=B("render",e.o.m);{Be(e,t,l,r)}if(o){o.map((e=>e()));l["s-rc"]=void 0}i();s();{const t=(n=l["s-p"])!=null?n:[];const r=()=>Ie(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.l|=4;t.length=0}}};var Be=(e,t,r,n)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{Ae(e,t,n)}}}}catch(t){f(t,e.$hostElement$)}return null};var Ie=e=>{const t=e.o.m;const r=e.$hostElement$;const n=B("postUpdate",t);const l=e.t;const s=e.W;if(!(e.l&64)){e.l|=64;{Ge(r)}{qe(l,"componentDidLoad")}n();{e.h(r);if(!s){Qe()}}}else{{qe(l,"componentDidUpdate")}n()}{e.v(r)}{if(e.N){e.N();e.N=void 0}if(e.l&512){x((()=>Ue(e,false)))}e.l&=~(4|512)}};var Qe=t=>{{Ge(m.documentElement)}x((()=>ee(h,"appload",{detail:{namespace:e}})))};var qe=(e,t,r)=>{if(e&&e[t]){try{return e[t](r)}catch(e){f(e)}}return void 0};var Ge=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var Ke=(e,t)=>s(e).i.get(t);var Ve=(e,t,r,n)=>{const l=s(e);if(!l){throw new Error(`Couldn't find host element for "${n.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/ionic-team/stencil/issues/5457).`)}const o=l.$hostElement$;const i=l.i.get(t);const a=l.l;const c=l.t;r=J(r,n.B[t][0]);const u=Number.isNaN(i)&&Number.isNaN(r);const v=r!==i&&!u;if((!(a&8)||i===void 0)&&v){l.i.set(t,r);if(c){if(n.I&&a&128){const e=n.I[t];if(e){e.map((e=>{try{c[e](r,i,t)}catch(e){f(e,o)}}))}}if((a&(2|16))===2){Ue(l,false)}}}};var Xe=(e,t,r)=>{var n,l;const o=e.prototype;if(t.B||(t.I||e.watchers)){if(e.watchers&&!t.I){t.I=e.watchers}const i=Object.entries((n=t.B)!=null?n:{});i.map((([e,[n]])=>{if(n&31||r&2&&n&32){Object.defineProperty(o,e,{get(){return Ke(this,e)},set(r){Ve(this,e,r,t)},configurable:true,enumerable:true})}else if(r&1&&n&64){Object.defineProperty(o,e,{value(...t){var r;const n=s(this);return(r=n==null?void 0:n.u)==null?void 0:r.then((()=>{var r;return(r=n.t)==null?void 0:r[e](...t)}))}})}}));if(r&1){const r=new Map;o.attributeChangedCallback=function(e,n,l){y.jmp((()=>{var i;const a=r.get(e);if(this.hasOwnProperty(a)){l=this[a];delete this[a]}else if(o.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==l){return}else if(a==null){const r=s(this);const o=r==null?void 0:r.l;if(o&&!(o&8)&&o&128&&l!==n){const s=r.t;const o=(i=t.I)==null?void 0:i[e];o==null?void 0:o.forEach((t=>{if(s[t]!=null){s[t].call(s,l,n,e)}}))}return}this[a]=l===null&&typeof this[a]==="boolean"?false:l}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=t.I)!=null?l:{}),...i.filter((([e,t])=>t[0]&15)).map((([e,n])=>{var l;const s=n[1]||e;r.set(s,e);if(n[0]&512){(l=t.U)==null?void 0:l.push([e,s])}return s}))]))}}return e};var _e=async(e,t,r,n)=>{let l;if((t.l&32)===0){t.l|=32;const n=r.$;if(n){const e=u(r);if(e&&"then"in e){const t=I();l=await e;t()}else{l=e}if(!l){throw new Error(`Constructor for "${r.m}#${t.q}" was not found`)}if(!l.isProxied){{r.I=l.watchers}Xe(l,r,2);l.isProxied=true}const n=B("createInstance",r.m);{t.l|=8}try{new l(t)}catch(e){f(e)}{t.l&=~8}{t.l|=128}n()}else{l=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.l|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=se(r);if(!v.has(t)){const n=B("registerStyles",r.m);re(t,e,!!(r.l&1));n()}}}const s=t.W;const o=()=>Ue(t,true);if(s&&s["s-rc"]){s["s-rc"].push(o)}else{o()}};var Je=e=>{};var Ye=e=>{if((y.l&1)===0){const t=s(e);const r=t.o;const n=B("connectedCallback",r.m);if(!(t.l&1)){t.l|=1;{if(r.l&(4|8)){Ze(e)}}{let r=e;while(r=r.parentNode||r.host){if(r["s-p"]){Pe(t,t.W=r);break}}}if(r.B){Object.entries(r.B).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{_e(e,t,r)}}else{lt(e,t,r.G);if(t==null?void 0:t.t);else if(t==null?void 0:t.p){t.p.then((()=>Je()))}}n()}};var Ze=e=>{const t=e["s-cr"]=m.createComment("");t["s-cn"]=true;Me(e,t,e.firstChild)};var et=e=>{{qe(e,"disconnectedCallback")}};var tt=async e=>{if((y.l&1)===0){const t=s(e);{if(t.K){t.K.map((e=>e()));t.K=void 0}}if(t==null?void 0:t.t){et(t.t)}else if(t==null?void 0:t.p){t.p.then((()=>et(t.t)))}}};var rt=(e,t={})=>{var r;const n=B();const l=[];const o=t.exclude||[];const a=h.customElements;const f=m.head;const c=f.querySelector("meta[charset]");const u=m.createElement("style");const v=[];let b;let w=true;Object.assign(y,t);y.S=new URL(t.resourcesUrl||"./",m.baseURI).href;let g=false;e.map((e=>{e[1].map((t=>{var r;const n={l:t[0],m:t[1],B:t[2],G:t[3]};if(n.l&4){g=true}{n.B=t[2]}{n.G=t[3]}{n.U=[]}{n.I=(r=t[4])!=null?r:{}}const f=n.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;i(e,n);if(n.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=s(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;lt(this,e,n.G)}if(b){clearTimeout(b);b=null}if(w){v.push(this)}else{y.jmp((()=>Ye(this)))}}disconnectedCallback(){y.jmp((()=>tt(this)))}componentOnReady(){return s(this).p}};n.$=e[0];if(!o.includes(f)&&!a.get(f)){l.push(f);a.define(f,Xe(c,n,1))}}))}));if(l.length>0){if(g){u.textContent+=p}{u.textContent+=l.sort()+d}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(r=y.D)!=null?r:A(m);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}w=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{y.jmp((()=>b=setTimeout(Qe,30)))}}n()};var nt=(e,t)=>t;var lt=(e,t,r,n)=>{if(r){r.map((([r,n,l])=>{const s=ot(e,r);const o=st(t,l);const i=it(r);y.ael(s,n,o,i);(t.K=t.K||[]).push((()=>y.rel(s,n,o,i)))}))}};var st=(e,t)=>r=>{var n;try{{if(e.l&256){(n=e.t)==null?void 0:n[t](r)}else{(e.H=e.H||[]).push([t,r])}}}catch(e){f(e)}};var ot=(e,t)=>{if(t&4)return m;return e};var it=e=>b?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var at=e=>y.D=e;export{nt as F,Y as a,rt as b,Z as c,T as g,Q as h,w as p,o as r,at as s};
+//# sourceMappingURL=p-ec3a36ed.js.map