@trendyol/baklava 2.0.0-beta.80 → 2.0.0-beta.81

package/dist/chunk-VAF7XRXM.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/select/bl-select.css", "../src/components/select/bl-select.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{width:200px;display:inline-block}.select-wrapper{width:100%;position:relative;display:flex;flex-direction:column;gap:var(--bl-size-3xs);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--background-color:var(--bl-color-primary-background);--border-color:var(--bl-color-border);--border-focus-color:var(--bl-color-primary-hover);--icon-color:var(--bl-color-content-tertiary);--text-color:var(--bl-color-content-primary);--label-color:var(--bl-color-content-secondary);--placeholder-color:var(--bl-color-content-tertiary);--height:var(--bl-size-2xl);--menu-padding:0 var(--bl-size-m);--menu-margin-top:var(--bl-size-2xs);--font-size:var(--bl-font-size-m);--disabled-color:var(--bl-color-tertiary);--z-index:100;--menu-height:250px;--popover-position:var(--bl-popover-position,fixed)}:host([size='large']) .select-wrapper{--height:var(--bl-size-3xl);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size='small']) .select-wrapper{--height:var(--bl-size-xl);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-xs);--font-size:var(--bl-font-size-s)}:host([disabled]) .select-wrapper{--placeholder-color:var(--bl-color-content-passive)}.dirty.invalid{--border-color:var(--bl-color-danger);--border-focus-color:var(--bl-color-danger-hover);--label-color:var(--bl-color-danger)}.select-input{display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-sizing:border-box;height:var(--height);border:solid 1px var(--border-color);font:var(--bl-font-title-3-regular);padding:0 var(--padding-horizontal);border-radius:var(--bl-border-radius-s);color:var(--text-color);-webkit-user-select:none;user-select:none}.placeholder{color:var(--placeholder-color);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.select-wrapper.selected .placeholder,:host([label]:not([label-fixed])) .select-wrapper:not(.select-open) .placeholder{display:none}.remove-all{display:none}.remove-all::after{content:'';position:absolute;left:1.5rem;bottom:4px;height:1rem;border-left:1px solid var(--bl-color-border)}.selected .remove-all{display:block}:host([disabled]) .remove-all,:host([disabled]) .remove-all::after{display:none}.dropdown-icon{font-size:var(--bl-font-size-m)}.dropdown-icon.open{display:none}.select-open .dropdown-icon.open{display:inline-block}.select-open .dropdown-icon.closed{display:none}.selected .dropdown-icon{--icon-color:var(--bl-color-secondary)}:host([disabled]) .dropdown-icon{--icon-color:var(--bl-color-content-passive)}.select-open .select-input,.select-input:focus-visible{border:solid 1px var(--border-focus-color);outline:0}:host([disabled]){cursor:not-allowed}:host([disabled]) .select-input{pointer-events:none;background-color:var(--disabled-color)}.select-input .selected-options{flex:1;padding:0;margin:0;list-style:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.selected-options li{display:inline;font-size:var(--font-size);color:var(--text-color)}.selected-options li:not(:last-child)::after{content:', '}.select-input:not(.has-overflowed-options) .additional-selection-count{display:none}:host([disabled]) .selected-options li{color:var(--bl-color-content-passive)}.select-input .actions{display:flex;align-items:center;justify-content:center;gap:var(--bl-size-2xs);margin-left:var(--bl-size-2xs)}.popover{--left:0;--top:0;position:var(--popover-position);border:solid 1px var(--border-color);background-color:var(--background-color);font:var(--bl-font-title-3-regular);border-radius:var(--bl-border-radius-s);padding:var(--menu-padding);outline:0;box-sizing:border-box;max-height:var(--menu-height);overflow-y:auto;display:none;flex-direction:column;z-index:var(--z-index);width:100%;top:var(--top);left:var(--left)}.select-open .popover{display:flex;border:solid 1px var(--border-focus-color)}bl-icon{color:var(--icon-color)}label{position:absolute;display:block;top:var(--padding-vertical);left:var(--padding-horizontal);right:calc(var(--bl-size-2xs) + var(--bl-size-m) + var(--bl-size-2xs));max-width:max-content;transition:all ease-in .2s;pointer-events:none;font:var(--bl-font-title-3-regular);font-size:var(--font-size);color:var(--placeholder-color);padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(.select-open,.selected) label{top:0;left:var(--bl-size-2xs);transform:translateY(-50%);font:var(--bl-font-caption);color:var(--label-color);padding:0 var(--bl-size-3xs);background-color:var(--bl-color-primary-background);pointer-events:initial;right:var(--padding-horizontal)}:host([label-fixed]) label{position:static;padding:0;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--label-color)}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.error-icon,.invalid-text{display:none}.dirty.invalid label,.invalid-text,.error-icon{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-content-secondary)}.select-open .help-text,.select-open .invalid-text{visibility:hidden}:host([help-text]) .hint,.dirty.invalid .hint{display:block}.dirty.invalid .invalid-text{display:block}.dirty.invalid .help-text{display:none}`;\nexport default styles;\n", "import { autoUpdate, computePosition, flip, MiddlewareArguments, offset, size } from '@floating-ui/dom';\nimport { FormControlMixin, requiredValidator } from '@open-wc/form-control';\nimport { FormValue } from '@open-wc/form-helpers';\nimport 'element-internals-polyfill';\nimport { CSSResultGroup, html, LitElement, PropertyValues } from 'lit';\nimport { customElement, property, query, queryAll, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport '../icon/bl-icon';\nimport style from '../select/bl-select.css';\nimport '../select/option/bl-select-option';\nimport type BlSelectOption from './option/bl-select-option';\n\nexport interface ISelectOption<T> {\n  value: T;\n  text: string;\n  selected: boolean;\n}\n\nexport type SelectSize = 'medium' | 'large' | 'small';\n\nexport type CleanUpFunction = () => void;\n\n\n/**\n * @tag bl-select\n * @summary Baklava Select component\n *\n * @cssproperty --bl-popover-position - Sets the positioning strategy of select popover. You can set it as `absolute` if you need to show popover relative to its trigger element. Default value is `fixed`\n */\n@customElement('bl-select')\nexport default class BlSelect<ValueType extends FormValue = string> extends FormControlMixin(LitElement) {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  static formControlValidators = [requiredValidator];\n\n  /**\n   * Sets name of the select field\n   */\n  @property()\n  name: string;\n\n  private _value: ValueType | ValueType[] | null;\n\n  private _initialValue: ValueType | ValueType[] | null;\n\n  /**\n   * Sets the value of the select\n   */\n  @property()\n  get value(): ValueType | ValueType[] | null {\n    return this._value;\n  }\n\n  set value(val: ValueType | ValueType[] | null) {\n    this._value = val;\n\n    if (Array.isArray(val)) {\n      const formData = new FormData();\n      val.forEach((option) => formData.append(this.name, `${option}`));\n      this.setValue(formData);\n    } else {\n      this.setValue(val);\n    }\n\n    this.setOptionsSelected();\n  }\n\n  shouldFormValueUpdate(): boolean {\n    return this.value !== null && this.value !== '';\n  }\n\n  /* Declare reactive properties */\n  /**\n   * Sets the label value\n   */\n  @property({ reflect: true })\n  label?: string;\n\n  /**\n   * Sets the placeholder value. If left blank, the label value (if specified) is set as placeholder.\n   */\n  @property({})\n  placeholder?: string;\n\n  /**\n   * Sets the size value. Select component's height value will be changed accordingly\n   */\n  @property({ type: String, reflect: true })\n  size: SelectSize = 'medium';\n\n  /**\n   * When option is not selected, shows component in error state\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Shows the component in disabled state.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Allows multiple options to be selected\n   */\n  @property({ type: Boolean })\n  multiple = false;\n\n  /**\n   * Makes label as fixed positioned\n   */\n  @property({ type: Boolean, attribute: 'label-fixed', reflect: true })\n  labelFixed = false;\n\n  /**\n   * Adds help text\n   */\n  @property({ type: String, attribute: 'help-text' })\n  helpText?: string;\n\n  /**\n   * Set custom error message\n   */\n  @property({ type: String, attribute: 'invalid-text' })\n  customInvalidText?: string;\n\n  /* Declare internal reactive properties */\n  @state()\n  private _isPopoverOpen = false;\n\n\n  @state()\n  private _additionalSelectedOptionCount = 0;\n\n  @query('.selected-options')\n  private selectedOptionsContainer!: HTMLElement;\n\n  @queryAll('.selected-options li')\n  private selectedOptionsItems!: NodeListOf<HTMLElement>;\n\n  @query('.popover')\n  private _popover: HTMLElement;\n\n  @query('.select-input')\n  private _selectInput: HTMLElement;\n\n  /**\n   * Fires when selection changes\n   */\n  @event('bl-select') private _onBlSelect: EventDispatcher<ISelectOption<ValueType>[]>;\n\n  private _connectedOptions: BlSelectOption<ValueType>[] = [];\n\n  private _cleanUpPopover: CleanUpFunction | null = null;\n\n  private setOptionsSelected() {\n    this._connectedOptions\n      .forEach(\n        (option) => option.selected = (\n            this.value === option.value ||\n            (Array.isArray(this.value) && this.value.includes(option.value))\n          )\n      );\n\n    this._selectedOptions = [...this.options\n      .filter(option => option.selected)\n    ];\n  }\n\n  get options() {\n    return this._connectedOptions;\n  }\n\n  get opened() {\n    return this._isPopoverOpen;\n  }\n\n  @state()\n  private _selectedOptions: BlSelectOption<ValueType>[] = [];\n\n  @state()\n  private dirty = false;\n\n  get selectedOptions(): BlSelectOption<ValueType>[] {\n    return this._selectedOptions;\n  }\n\n  get additionalSelectedOptionCount() {\n    return this._additionalSelectedOptionCount;\n  }\n\n  validityCallback(): string | void {\n    if (this.customInvalidText) {\n      return this.customInvalidText;\n    }\n    const select = document.createElement('select');\n    select.required = this.required;\n\n    return select.validationMessage;\n  }\n\n  reportValidity() {\n    this.dirty = true;\n    return this.checkValidity();\n  }\n\n  resetFormControl(): void {\n    this.value = this._initialValue;\n  }\n\n  @query('.select-input')\n  validationTarget: HTMLElement;\n\n  open() {\n    this._isPopoverOpen = true;\n    this._setupPopover();\n    document.addEventListener('click', this._interactOutsideHandler, true);\n    document.addEventListener('focus', this._interactOutsideHandler, true);\n  }\n\n  close() {\n    this._isPopoverOpen = false;\n    this.focusedOptionIndex = -1;\n    this._cleanUpPopover && this._cleanUpPopover();\n    document.removeEventListener('click', this._interactOutsideHandler, true);\n    document.removeEventListener('focus', this._interactOutsideHandler, true);\n  }\n\n  private _interactOutsideHandler = (event: MouseEvent | FocusEvent) => {\n    const eventPath = event.composedPath() as HTMLElement[];\n\n    if (!eventPath?.find(el => el.tagName === 'BL-SELECT')?.contains(this)) {\n      this.close();\n    }\n  };\n\n  private _setupPopover() {\n    this._cleanUpPopover = autoUpdate(this._selectInput, this._popover, () => {\n      computePosition(this._selectInput, this._popover, {\n        placement: 'bottom',\n        strategy: 'fixed',\n        middleware: [\n          flip(),\n          offset(8),\n          size({\n            apply(args: MiddlewareArguments) {\n              Object.assign(args.elements.floating.style, {\n                width: `${args.elements.reference.getBoundingClientRect().width}px`,\n              });\n            },\n          }),\n        ],\n      }).then(({ x, y }) => {\n        this._popover.style.setProperty('--left', `${x}px`);\n        this._popover.style.setProperty('--top', `${y}px`);\n      });\n    });\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    this.form?.addEventListener('submit', (e: SubmitEvent) => {\n      if (!this.reportValidity()) {\n        e.preventDefault();\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n\n    this._cleanUpPopover && this._cleanUpPopover();\n  }\n\n  private inputTemplate() {\n    const inputSelectedOptions = html`<ul class=\"selected-options\">\n      ${this._selectedOptions.map(item => html`<li>${item.textContent}</li>`)}\n    </ul>`;\n    const removeButton = html`<bl-button\n        class=\"remove-all\"\n        size=\"small\"\n        variant=\"tertiary\"\n        kind=\"neutral\"\n        icon=\"close\"\n        @click=${this._onClickRemove}></bl-button>`;\n\n    return html`<div\n      class=${classMap({\n        'select-input': true,\n        'has-overflowed-options': this._additionalSelectedOptionCount > 0\n      })}\n      tabindex=\"${this.disabled ? '-1' : 0}\"\n      @click=${this.togglePopover}\n    >\n      <span class=\"placeholder\">${this.placeholder}</span>\n      ${inputSelectedOptions}\n      <span class=\"additional-selection-count\">+${this._additionalSelectedOptionCount}</span>\n      <div class=\"actions\">\n        ${this.multiple ? removeButton : null}\n        <bl-icon\n          class=\"dropdown-icon open\"\n          name=\"arrow_up\"\n        ></bl-icon>\n\n        <bl-icon\n          class=\"dropdown-icon closed\"\n          name=\"arrow_down\"\n        ></bl-icon>\n      </div>\n    </div>`;\n  }\n\n  render() {\n    const invalidMessage = !this.checkValidity()\n      ? html`<p id=\"errorMessage\" aria-live=\"polite\" class=\"invalid-text\">\n          ${this.validationMessage}\n        </p>`: '';\n\n    const helpMessage = this.helpText && !invalidMessage\n      ? html`<p class=\"help-text\">${this.helpText}</p>` : '';\n\n    const label = this.label\n      ? html`<label>${this.label}</label>` : '';\n\n    return html`<div\n      class=${classMap({\n      'select-wrapper': true,\n      'select-open': this.opened,\n      'selected': this._selectedOptions.length > 0,\n      'invalid': !this.validity.valid,\n      'dirty': this.dirty\n    })}\n      @keydown=${this.handleKeydown}\n    >\n      ${label}\n      ${this.inputTemplate()}\n      <div class=\"popover\" tabindex=\"${ifDefined(this._isPopoverOpen ? undefined : '-1')}\" @bl-select-option=${this._handleSelectOptionEvent}>\n        <slot></slot>\n      </div>\n      <div class=\"hint\">${invalidMessage} ${helpMessage}</div>\n    </div> `;\n  }\n\n  private focusedOptionIndex = -1;\n\n  private handleKeydown(event: KeyboardEvent) {\n    if (this.focusedOptionIndex === -1 && ['Enter', 'Space'].includes(event.code)) {\n      this.togglePopover();\n      event.preventDefault();\n    } else if (this._isPopoverOpen === false && ['ArrowDown', 'ArrowUp'].includes(event.code)) {\n      this.open();\n      event.preventDefault();\n    } else if (event.code === 'Escape') {\n      this.close();\n      event.preventDefault();\n    } else if (this._isPopoverOpen && ['ArrowDown', 'ArrowUp'].includes(event.code)) {\n      event.code === 'ArrowDown' && this.focusedOptionIndex++;\n      event.code === 'ArrowUp' && this.focusedOptionIndex--;\n\n      // Don't exceed array indexes\n      this.focusedOptionIndex = Math.max(\n        0,\n        Math.min(this.focusedOptionIndex, this.options.length - 1)\n      );\n\n      this.options[this.focusedOptionIndex].focus();\n\n      event.preventDefault();\n    }\n\n  }\n\n  private togglePopover() {\n    this._isPopoverOpen ? this.close() : this.open();\n  }\n\n  private _handleSelectEvent() {\n    this._onBlSelect(this._selectedOptions.map(option => ({\n      value: option.value,\n      selected: option.selected,\n      text: option.textContent\n    } as ISelectOption<ValueType>)));\n  }\n\n  private _handleSingleSelect(optionItem: BlSelectOption<ValueType>) {\n    this.value = optionItem.value;\n\n    this._handleSelectEvent();\n    this._isPopoverOpen = false;\n  }\n\n  private _handleMultipleSelect() {\n    this.value = this._connectedOptions.filter((option) => option.selected).map(option => option.value);\n\n    this._handleSelectEvent();\n  }\n\n  private _handleSelectOptionEvent(e: CustomEvent) {\n    const optionItem = e.target as BlSelectOption<ValueType>;\n    this.dirty = true;\n\n    if (this.multiple) {\n      this._handleMultipleSelect();\n    } else {\n      this._handleSingleSelect(optionItem);\n    }\n  }\n\n  private _onClickRemove(e: MouseEvent) {\n    e.stopPropagation();\n\n    this._connectedOptions\n      .filter(option => option.selected)\n      .forEach(option => {\n        option.selected = false;\n      });\n\n    this.value = null;\n    this._additionalSelectedOptionCount = 0;\n    this._handleSelectEvent();\n  }\n\n  private _checkAdditionalItemCount() {\n    if (!this.multiple || !this.selectedOptionsItems || this.selectedOptionsItems.length < 2) return;\n\n    const firstNonVisibleItemIndex = [...this.selectedOptionsItems]\n      .findIndex((item) => item.offsetLeft > this.selectedOptionsContainer.offsetWidth);\n\n    if (firstNonVisibleItemIndex > -1) {\n      this._additionalSelectedOptionCount = this.selectedOptionsItems.length - firstNonVisibleItemIndex;\n    } else {\n      this._additionalSelectedOptionCount = 0;\n    }\n  }\n\n  protected firstUpdated(): void {\n    if (this.value === undefined) {\n      this.value = '' as ValueType;\n    }\n\n    this._initialValue = this._value;\n  }\n\n  protected updated(_changedProperties: PropertyValues) {\n    if (\n      _changedProperties.has('multiple') &&\n      typeof _changedProperties.get('multiple') === 'boolean'\n    ) {\n      this.value = null;\n    }\n\n    this._checkAdditionalItemCount();\n  }\n\n  /**\n   * This method is used by `bl-select-option` component to register itself to bl-select.\n   * @param option BlSelectOption reference to be registered\n   */\n  registerOption(option: BlSelectOption<ValueType>) {\n    this._connectedOptions.push(option);\n\n    if (option.selected) {\n      if (this.multiple) {\n        if (!Array.isArray(this.value)) {\n          this.value = [];\n        }\n        this.value = [...this.value, option.value];\n      } else {\n        this.value = option.value;\n      }\n    }\n\n    this.setOptionsSelected();\n    this.requestUpdate();\n  }\n\n  /**\n   * This method is used by `bl-select-option` component to unregister itself from bl-select.\n   * @param option BlSelectOption reference to be unregistered\n   */\n  unregisterOption(option: BlSelectOption<ValueType>) {\n    this._connectedOptions.splice(this._connectedOptions.indexOf(option), 1);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-select': BlSelect;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["styles", "i", "bl_select_default", "BlSelect", "FormControlMixin", "s", "event", "_a", "eventPath", "el", "bl_select_default", "val", "formData", "option", "select", "N", "z", "b", "T", "k", "args", "x", "y", "e", "inputSelectedOptions", "item", "removeButton", "o", "invalidMessage", "helpMessage", "label", "l", "optionItem", "firstNonVisibleItemIndex", "_changedProperties", "requiredValidator", "__decorateClass", "t", "i"]
+}

package/dist/components/button/bl-button.js

@@ -1,2 +1,2 @@
-import{b as a}from"../../chunk-ZAU7BBDB.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{b as a}from"../../chunk-MCWRM3WC.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-button.js.map

package/dist/components/checkbox-group/bl-checkbox-group.js

@@ -1,2 +1,2 @@
-import{c as a,d as b,e as c}from"../../chunk-F3CGCLRX.js";import"../../chunk-EPJ347EQ.js";import"../../chunk-7K5FMQLQ.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{b as blChangeEventName,a as blCheckboxGroupTag,c as default};
+import{c as a,d as b,e as c}from"../../chunk-DSM6T5MC.js";import"../../chunk-EPJ347EQ.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{b as blChangeEventName,a as blCheckboxGroupTag,c as default};
 //# sourceMappingURL=bl-checkbox-group.js.map

package/dist/components/checkbox-group/checkbox/bl-checkbox.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../../chunk-F3CGCLRX.js";import"../../../chunk-EPJ347EQ.js";import"../../../chunk-7K5FMQLQ.js";import"../../../chunk-KPAWUBRO.js";import"../../../chunk-F3ZH5IV7.js";import"../../../chunk-RLMJN536.js";import"../../../chunk-23UFIOHV.js";import"../../../chunk-57PTZNIL.js";import"../../../chunk-NZ3RGSR6.js";export{a as blCheckboxTag,b as default};
+import{a,b}from"../../../chunk-DSM6T5MC.js";import"../../../chunk-EPJ347EQ.js";import"../../../chunk-DJOD4BTL.js";import"../../../chunk-KPAWUBRO.js";import"../../../chunk-F3ZH5IV7.js";import"../../../chunk-RLMJN536.js";import"../../../chunk-23UFIOHV.js";import"../../../chunk-57PTZNIL.js";import"../../../chunk-NZ3RGSR6.js";export{a as blCheckboxTag,b as default};
 //# sourceMappingURL=bl-checkbox.js.map

package/dist/components/dialog/bl-dialog.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-Y2EBT6QM.js";import"../../chunk-ZAU7BBDB.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-Y2EBT6QM.js";import"../../chunk-MCWRM3WC.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-dialog.js.map

package/dist/components/drawer/bl-drawer.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-TAU2CM6U.js";import"../../chunk-ZAU7BBDB.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-AYSPIQ23.js";import"../../chunk-MCWRM3WC.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-drawer.js.map

package/dist/components/dropdown/bl-dropdown.js

@@ -1,2 +1,2 @@
-import{c as a,d as b}from"../../chunk-WUDM5U5Z.js";import"../../chunk-KQBXYF3J.js";import"../../chunk-5ODNFE7B.js";import"../../chunk-ZAU7BBDB.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as blDropdownTag,b as default};
+import{c as a,d as b}from"../../chunk-WUDM5U5Z.js";import"../../chunk-KQBXYF3J.js";import"../../chunk-5ODNFE7B.js";import"../../chunk-MCWRM3WC.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as blDropdownTag,b as default};
 //# sourceMappingURL=bl-dropdown.js.map

package/dist/components/dropdown/item/bl-dropdown-item.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../../chunk-WUDM5U5Z.js";import"../../../chunk-KQBXYF3J.js";import"../../../chunk-5ODNFE7B.js";import"../../../chunk-ZAU7BBDB.js";import"../../../chunk-OLPYXE2P.js";import"../../../chunk-KPAWUBRO.js";import"../../../chunk-F3ZH5IV7.js";import"../../../chunk-RLMJN536.js";import"../../../chunk-23UFIOHV.js";import"../../../chunk-57PTZNIL.js";import"../../../chunk-NZ3RGSR6.js";export{a as blDropdownItemTag,b as default};
+import{a,b}from"../../../chunk-WUDM5U5Z.js";import"../../../chunk-KQBXYF3J.js";import"../../../chunk-5ODNFE7B.js";import"../../../chunk-MCWRM3WC.js";import"../../../chunk-OLPYXE2P.js";import"../../../chunk-KPAWUBRO.js";import"../../../chunk-F3ZH5IV7.js";import"../../../chunk-RLMJN536.js";import"../../../chunk-23UFIOHV.js";import"../../../chunk-57PTZNIL.js";import"../../../chunk-NZ3RGSR6.js";export{a as blDropdownItemTag,b as default};
 //# sourceMappingURL=bl-dropdown-item.js.map

package/dist/components/input/bl-input.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-TTMNJLGU.js";import"../../chunk-AEVRCHAZ.js";import"../../chunk-EPJ347EQ.js";import"../../chunk-7K5FMQLQ.js";import"../../chunk-ZAU7BBDB.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-2FBI46AY.js";import"../../chunk-RST5NVHY.js";import"../../chunk-3B64VOWB.js";import"../../chunk-EPJ347EQ.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-MCWRM3WC.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-input.js.map

package/dist/components/pagination/bl-pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bl-pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/bl-pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvF,OAAO,qBAAqB,CAAC;AAC7B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAI7B;;;GAGG;AAGH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,UAAU;IAClD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,WAAW,SAAK;IAEhB;;OAEG;IAEH,UAAU,SAAK;IAEf;;OAEG;IAEH,YAAY,SAAM;IAElB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,SAAW;IAEtB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,SAAU;IAErB;;;OAGG;IAEH,mBAAmB;;;QAiBjB;IAEO,OAAO,CAAC,KAAK,CAA8B;IAEpD;;OAEG;IACiB,OAAO,CAAC,QAAQ,CAIjC;IAEH,iBAAiB;IAQjB,oBAAoB;IAKpB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAU/C,OAAO,CAAC,SAAS;IA4BjB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,iBAAiB;IAkBzB,OAAO,CAAC,WAAW;IA8BnB,MAAM,IAAI,cAAc;CAkCzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
+{"version":3,"file":"bl-pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/bl-pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvF,OAAO,qBAAqB,CAAC;AAC7B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAI7B;;;GAGG;AAGH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,UAAU;IAClD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,WAAW,SAAK;IAEhB;;OAEG;IAEH,UAAU,SAAK;IAEf;;OAEG;IAEH,YAAY,SAAM;IAElB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,SAAW;IAEtB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,SAAU;IAErB;;;OAGG;IAEH,mBAAmB;;;QAiBjB;IAEO,OAAO,CAAC,KAAK,CAA8B;IAEpD;;OAEG;IACiB,OAAO,CAAC,QAAQ,CAIjC;IAEH,iBAAiB;IAQjB,oBAAoB;IAKpB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAU/C,OAAO,CAAC,SAAS;IA4BjB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,iBAAiB;IAkBzB,OAAO,CAAC,WAAW;IA8BnB,MAAM,IAAI,cAAc;CAiCzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/dist/components/pagination/bl-pagination.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-IBKG5DOR.js";import"../../chunk-TTMNJLGU.js";import"../../chunk-AEVRCHAZ.js";import"../../chunk-7R56R3UM.js";import"../../chunk-4WJJQP4L.js";import"../../chunk-5ODNFE7B.js";import"../../chunk-EPJ347EQ.js";import"../../chunk-7K5FMQLQ.js";import"../../chunk-ZAU7BBDB.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-J774WKKH.js";import"../../chunk-2FBI46AY.js";import"../../chunk-RST5NVHY.js";import"../../chunk-VAF7XRXM.js";import"../../chunk-THIPCHAK.js";import"../../chunk-5ODNFE7B.js";import"../../chunk-3B64VOWB.js";import"../../chunk-EPJ347EQ.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-MCWRM3WC.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-pagination.js.map

package/dist/components/radio-group/bl-radio-group.js

@@ -1,2 +1,2 @@
-import{d as a,e as b,f as c}from"../../chunk-2E7PEDV6.js";import"../../chunk-7K5FMQLQ.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{b as blChangeEventName,a as blRadioGroupTag,c as default};
+import{d as a,e as b,f as c}from"../../chunk-BD5KXTYS.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{b as blChangeEventName,a as blRadioGroupTag,c as default};
 //# sourceMappingURL=bl-radio-group.js.map

package/dist/components/radio-group/radio/bl-radio.js

@@ -1,2 +1,2 @@
-import{a,b,c}from"../../../chunk-2E7PEDV6.js";import"../../../chunk-7K5FMQLQ.js";import"../../../chunk-OLPYXE2P.js";import"../../../chunk-RLMJN536.js";import"../../../chunk-23UFIOHV.js";import"../../../chunk-57PTZNIL.js";import"../../../chunk-NZ3RGSR6.js";export{b as blCheckedEventName,a as blRadioTag,c as default};
+import{a,b,c}from"../../../chunk-BD5KXTYS.js";import"../../../chunk-DJOD4BTL.js";import"../../../chunk-OLPYXE2P.js";import"../../../chunk-RLMJN536.js";import"../../../chunk-23UFIOHV.js";import"../../../chunk-57PTZNIL.js";import"../../../chunk-NZ3RGSR6.js";export{b as blCheckedEventName,a as blRadioTag,c as default};
 //# sourceMappingURL=bl-radio.js.map

package/dist/components/select/bl-select.d.ts

@@ -1,16 +1,38 @@
-import { LitElement, CSSResultGroup, PropertyValues } from 'lit';
+import { FormValue } from '@open-wc/form-helpers';
+import 'element-internals-polyfill';
+import { CSSResultGroup, LitElement, PropertyValues } from 'lit';
 import '../icon/bl-icon';
 import '../select/option/bl-select-option';
 import type BlSelectOption from './option/bl-select-option';
-export interface ISelectOption {
-    value: string;
+export interface ISelectOption<T> {
+    value: T;
     text: string;
     selected: boolean;
 }
 export declare type SelectSize = 'medium' | 'large' | 'small';
 export declare type CleanUpFunction = () => void;
-export default class BlSelect extends LitElement {
+declare const BlSelect_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
+/**
+ * @tag bl-select
+ * @summary Baklava Select component
+ *
+ * @cssproperty --bl-popover-position - Sets the positioning strategy of select popover. You can set it as `absolute` if you need to show popover relative to its trigger element. Default value is `fixed`
+ */
+export default class BlSelect<ValueType extends FormValue = string> extends BlSelect_base {
     static get styles(): CSSResultGroup;
+    static formControlValidators: import("@open-wc/form-control").Validator[];
+    /**
+     * Sets name of the select field
+     */
+    name: string;
+    private _value;
+    private _initialValue;
+    /**
+     * Sets the value of the select
+     */
+    get value(): ValueType | ValueType[] | null;
+    set value(val: ValueType | ValueType[] | null);
+    shouldFormValueUpdate(): boolean;
     /**
      * Sets the label value
      */
@@ -48,54 +70,62 @@ export default class BlSelect extends LitElement {
      */
     customInvalidText?: string;
     private _isPopoverOpen;
-    private _selectedOptions;
     private _additionalSelectedOptionCount;
-    private _isInvalid;
-    private _selectedOptionsContainer;
-    private _selectedOptionsItems;
+    private selectedOptionsContainer;
+    private selectedOptionsItems;
     private _popover;
     private _selectInput;
+    /**
+     * Fires when selection changes
+     */
     private _onBlSelect;
     private _connectedOptions;
     private _cleanUpPopover;
-    get options(): BlSelectOption[];
+    private setOptionsSelected;
+    get options(): BlSelectOption<ValueType>[];
     get opened(): boolean;
-    get selectedOptions(): ISelectOption[];
+    private _selectedOptions;
+    private dirty;
+    get selectedOptions(): BlSelectOption<ValueType>[];
     get additionalSelectedOptionCount(): number;
-    get isInvalid(): boolean;
+    validityCallback(): string | void;
+    reportValidity(): boolean;
+    resetFormControl(): void;
+    validationTarget: HTMLElement;
     open(): void;
     close(): void;
-    private _clickOutsideHandler;
+    private _interactOutsideHandler;
     private _setupPopover;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private inputTemplate;
-    private menuTemplate;
     render(): import("lit-html").TemplateResult<1>;
-    private get _showPlaceHolder();
-    private _onClickSelectInput;
+    private focusedOptionIndex;
+    private handleKeydown;
+    private togglePopover;
     private _handleSelectEvent;
     private _handleSingleSelect;
     private _handleMultipleSelect;
     private _handleSelectOptionEvent;
     private _onClickRemove;
     private _checkAdditionalItemCount;
-    private _checkRequired;
+    protected firstUpdated(): void;
     protected updated(_changedProperties: PropertyValues): void;
     /**
      * This method is used by `bl-select-option` component to register itself to bl-select.
      * @param option BlSelectOption reference to be registered
      */
-    registerOption(option: BlSelectOption): void;
+    registerOption(option: BlSelectOption<ValueType>): void;
     /**
      * This method is used by `bl-select-option` component to unregister itself from bl-select.
      * @param option BlSelectOption reference to be unregistered
      */
-    unregisterOption(option: BlSelectOption): void;
+    unregisterOption(option: BlSelectOption<ValueType>): void;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'bl-select': BlSelect;
     }
 }
+export {};
 //# sourceMappingURL=bl-select.d.ts.map

package/dist/components/select/bl-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bl-select.d.ts","sourceRoot":"","sources":["../../../src/components/select/bl-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE,OAAO,iBAAiB,CAAC;AACzB,OAAO,mCAAmC,CAAC;AAC3C,OAAO,KAAK,cAAc,MAAM,2BAA2B,CAAC;AAG5D,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,oBAAY,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAEtD,oBAAY,eAAe,GAAG,MAAM,IAAI,CAAC;AAGzC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAC9C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAGD;;OAEG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAY;IAE5B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAI3B,OAAO,CAAC,cAAc,CAAS;IAG/B,OAAO,CAAC,gBAAgB,CAAuB;IAG/C,OAAO,CAAC,8BAA8B,CAAK;IAG3C,OAAO,CAAC,UAAU,CAAS;IAG3B,OAAO,CAAC,yBAAyB,CAAe;IAGhD,OAAO,CAAC,qBAAqB,CAAsB;IAGnD,OAAO,CAAC,QAAQ,CAAc;IAG9B,OAAO,CAAC,YAAY,CAAc;IAEd,OAAO,CAAC,WAAW,CAAmC;IAE1E,OAAO,CAAC,iBAAiB,CAAwB;IAEjD,OAAO,CAAC,eAAe,CAAgC;IAEvD,IAAI,OAAO,qBAEV;IAED,IAAI,MAAM,YAET;IAED,IAAI,eAAe,oBAElB;IAED,IAAI,6BAA6B,WAEhC;IAED,IAAI,SAAS,YAEZ;IAED,IAAI;IAMJ,KAAK;IAML,OAAO,CAAC,oBAAoB,CAO1B;IAEF,OAAO,CAAC,aAAa;IAuBrB,iBAAiB;IAGjB,oBAAoB;IAMpB,OAAO,CAAC,aAAa;IAuCrB,OAAO,CAAC,YAAY;IAMpB,MAAM;IAqBN,OAAO,KAAK,gBAAgB,GAK3B;IAED,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,qBAAqB;IAY7B,OAAO,CAAC,wBAAwB;IAUhC,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,yBAAyB;IAejC,OAAO,CAAC,cAAc;IAMtB,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc;IAmBpD;;;OAGG;IACH,cAAc,CAAC,MAAM,EAAE,cAAc;IAoBrC;;;OAGG;IACH,gBAAgB,CAAC,MAAM,EAAE,cAAc;CAIxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"bl-select.d.ts","sourceRoot":"","sources":["../../../src/components/select/bl-select.ts"],"names":[],"mappings":"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"}

package/dist/components/select/bl-select.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-7R56R3UM.js";import"../../chunk-4WJJQP4L.js";import"../../chunk-5ODNFE7B.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-VAF7XRXM.js";import"../../chunk-THIPCHAK.js";import"../../chunk-5ODNFE7B.js";import"../../chunk-3B64VOWB.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-select.js.map

package/dist/components/select/option/bl-select-option.d.ts

@@ -1,10 +1,13 @@
-import { LitElement, CSSResultGroup } from 'lit';
-export default class BlSelectOption extends LitElement {
+import { FormValue } from '@open-wc/form-helpers';
+import { CSSResultGroup, LitElement } from 'lit';
+export default class BlSelectOption<ValueType extends FormValue = string> extends LitElement {
     static get styles(): CSSResultGroup;
+    private _value;
     /**
      * Sets the value for the option
      */
-    value: string;
+    get value(): ValueType;
+    set value(val: ValueType);
     /**
      * Sets option as disabled
      */
@@ -18,10 +21,28 @@ export default class BlSelectOption extends LitElement {
      * Fires when clicked on the option
      */
     private _onSelect;
+    /**
+     * Fires when checkbox is focused
+     */
+    private onFocus;
+    /**
+     * Fires when checkbox is blurred
+     */
+    private onBlur;
+    private focusTarget;
+    /**
+     * Focuses this option
+     */
+    focus(): void;
+    /**
+     * Blurs from this option
+     */
+    blur(): void;
     private blSelect;
     private singleOptionTemplate;
     private checkboxOptionTemplate;
     render(): import("lit-html").TemplateResult<1>;
+    private handleKeydown;
     private _handleEvent;
     private _onClickOption;
     private _onCheckboxChange;

package/dist/components/select/option/bl-select-option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bl-select-option.d.ts","sourceRoot":"","sources":["../../../../src/components/select/option/bl-select-option.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAOvD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,UAAU;IACpD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAGD;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAEjB;;OAEG;IACwB,OAAO,CAAC,SAAS,CAAiC;IAE7E,OAAO,CAAC,QAAQ,CAAkB;IAElC,OAAO,CAAC,oBAAoB;IAM5B,OAAO,CAAC,sBAAsB;IAW9B,MAAM;IAMN,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,iBAAiB;IAKzB,iBAAiB;IAYjB,oBAAoB;CAIrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
+{"version":3,"file":"bl-select-option.d.ts","sourceRoot":"","sources":["../../../../src/components/select/option/bl-select-option.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvD,MAAM,CAAC,OAAO,OAAO,cAAc,CAAC,SAAS,SAAS,SAAS,GAAG,MAAM,CAAE,SAAQ,UAAU;IAC1F,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED,OAAO,CAAC,MAAM,CAAY;IAG1B;;OAEG;IACH,IACI,KAAK,IAAI,SAAS,CAErB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,SAAS,EAEvB;IAGD;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAEjB;;OAEG;IACwB,OAAO,CAAC,SAAS,CAA6C;IAEzF;;OAEG;IACgB,OAAO,CAAC,OAAO,CAA6C;IAE/E;;OAEG;IACe,OAAO,CAAC,MAAM,CAA6C;IAErD,OAAO,CAAC,WAAW,CAAc;IAEzD;;OAEG;IACH,KAAK;IAQL;;OAEG;IACH,IAAI;IAKJ,OAAO,CAAC,QAAQ,CAA6B;IAE7C,OAAO,CAAC,oBAAoB;IAM5B,OAAO,CAAC,sBAAsB;IAW9B,MAAM;IAON,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,iBAAiB;IAKzB,iBAAiB;IAYjB,oBAAoB;CAIrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/components/select/option/bl-select-option.js

@@ -1,2 +1,2 @@
-import{a}from"../../../chunk-4WJJQP4L.js";import"../../../chunk-23UFIOHV.js";import"../../../chunk-57PTZNIL.js";import"../../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../../chunk-THIPCHAK.js";import"../../../chunk-23UFIOHV.js";import"../../../chunk-57PTZNIL.js";import"../../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-select-option.js.map

package/dist/components/textarea/bl-textarea.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-MWMCAJBW.js";import"../../chunk-AEVRCHAZ.js";import"../../chunk-EPJ347EQ.js";import"../../chunk-7K5FMQLQ.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-KUOLIJCN.js";import"../../chunk-RST5NVHY.js";import"../../chunk-3B64VOWB.js";import"../../chunk-EPJ347EQ.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-textarea.js.map

package/dist/custom-elements.json

@@ -1301,15 +1301,38 @@
           "kind": "class",
           "description": "",
           "name": "BlSelect",
+          "cssProperties": [
+            {
+              "description": "Sets the positioning strategy of select popover. You can set it as `absolute` if you need to show popover relative to its trigger element. Default value is `fixed`",
+              "name": "--bl-popover-position"
+            }
+          ],
           "events": [
             {
               "type": {
-                "text": "CustomEvent<ISelectOption[]>"
+                "text": "CustomEvent<ISelectOption<ValueType>[]>"
               },
+              "description": "Fires when selection changes",
               "name": "bl-select"
             }
           ],
           "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "Sets name of the select field",
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "ValueType | ValueType[] | null"
+              },
+              "description": "Sets the value of the select",
+              "fieldName": "value"
+            },
             {
               "name": "label",
               "type": {
@@ -1388,11 +1411,25 @@
               "fieldName": "customInvalidText"
             }
           ],
+          "mixins": [
+            {
+              "name": "FormControlMixin",
+              "package": "@open-wc/form-control"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
           "tagName": "bl-select",
+          "summary": "Baklava Select component",
+          "typeParameters": [
+            {
+              "name": "ValueType",
+              "extends": "FormValue",
+              "default": "string"
+            }
+          ],
           "customElement": true
         }
       ],
@@ -2177,17 +2214,31 @@
           "events": [
             {
               "type": {
-                "text": "CustomEvent<ISelectOption>"
+                "text": "CustomEvent<ValueType | string | null>"
               },
               "description": "Fires when clicked on the option",
               "name": "bl-select-option"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<ValueType | string | null>"
+              },
+              "description": "Fires when checkbox is focused",
+              "name": "bl-focus"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<ValueType | string | null>"
+              },
+              "description": "Fires when checkbox is blurred",
+              "name": "bl-blur"
             }
           ],
           "attributes": [
             {
               "name": "value",
               "type": {
-                "text": "string"
+                "text": "ValueType"
               },
               "description": "Sets the value for the option",
               "fieldName": "value"
@@ -2215,6 +2266,13 @@
             "name": "LitElement",
             "package": "lit"
           },
+          "typeParameters": [
+            {
+              "name": "ValueType",
+              "extends": "FormValue",
+              "default": "string"
+            }
+          ],
           "tagName": "bl-select-option",
           "customElement": true
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trendyol/baklava",
-  "version": "2.0.0-beta.80",
+  "version": "2.0.0-beta.81",
   "description": "Trendyol Baklava Design System",
   "main": "dist/baklava.js",
   "module": "dist/baklava.js",
@@ -59,8 +59,8 @@
     "@floating-ui/dom": "^0.5.4",
     "@fontsource/rubik": "^4.5.9",
     "@lit-labs/react": "^1.1.1",
-    "@open-wc/form-control": "^0.5.1",
-    "@open-wc/form-helpers": "^0.2.1",
+    "@open-wc/form-control": "^0.7.0",
+    "@open-wc/form-helpers": "^0.2.2",
     "element-internals-polyfill": "^1.2.3",
     "lit": "^2.6.1"
   },

package/dist/chunk-4WJJQP4L.js

@@ -1,13 +0,0 @@
-import{a as p}from"./chunk-23UFIOHV.js";import{a as s,b as l,f as r,g as a,h as i,i as c}from"./chunk-57PTZNIL.js";import{a as o}from"./chunk-NZ3RGSR6.js";var h=s`:host{position:relative}.option-container{--option-font:var(--bl-font-title-3-regular);--option-padding:var(--bl-size-xs) 0;--option-selected-color:var(--bl-color-primary);--option-hover-color:var(--bl-color-primary-hover);--option-color:var(--bl-color-secondary);--option-disabled-color:var(--bl-color-content-passive);--option-seperator:1px solid var(--bl-color-border);--option-gap:var(--bl-size-2xs);--option-transition:color 120ms ease-out}.option-container::after{position:absolute;content:'';width:100%;bottom:0;border-bottom:var(--option-seperator)}:host(:last-of-type) .option-container::after{border-bottom:0}.single-option{width:100%;display:block;cursor:pointer;color:var(--option-color);padding:var(--option-padding);transition:var(--option-transition);font:var(--option-font);user-select:none}:host(:hover) .single-option,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .single-option{color:var(--option-hover-color)}:host([selected]) .single-option{color:var(--option-selected-color)}:host([disabled]){cursor:not-allowed}:host([disabled]) .single-option{color:var(--option-disabled-color);cursor:not-allowed;pointer-events:none}.checkbox-option{width:100%;display:block;color:var(--option-color);padding:var(--option-padding)}`,d=h;var e=class extends r{constructor(){super(...arguments);this.disabled=!1;this.selected=!1;this.multiple=!1}static get styles(){return[d]}singleOptionTemplate(){return l`<div class="single-option" @click="${this._onClickOption}">
-      <slot></slot>
-    </div>`}checkboxOptionTemplate(){return l`<bl-checkbox
-      class="checkbox-option"
-      .checked="${this.selected}"
-      .disabled="${this.disabled}"
-      @bl-checkbox-change="${this._onCheckboxChange}"
-    >
-      <slot></slot>
-    </bl-checkbox>`}render(){return l`<div class="option-container">
-      ${this.multiple?this.checkboxOptionTemplate():this.singleOptionTemplate()}
-    </div>`}_handleEvent(){this._onSelect({value:this.value,text:this.textContent,selected:this.selected})}_onClickOption(){this.selected=!this.selected,this._handleEvent()}_onCheckboxChange(t){this.selected=t.detail,this._handleEvent()}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var t,n;this.blSelect=this.closest("bl-select"),this.multiple=((t=this.blSelect)==null?void 0:t.multiple)||!1,(n=this.blSelect)==null||n.registerOption(this)})}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.blSelect)==null||t.unregisterOption(this)}};o([i({})],e.prototype,"value",2),o([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),o([i({type:Boolean,reflect:!0})],e.prototype,"selected",2),o([c()],e.prototype,"multiple",2),o([p("bl-select-option")],e.prototype,"_onSelect",2),e=o([a("bl-select-option")],e);export{e as a};
-//# sourceMappingURL=chunk-4WJJQP4L.js.map

package/dist/chunk-4WJJQP4L.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/select/option/bl-select-option.css", "../src/components/select/option/bl-select-option.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{position:relative}.option-container{--option-font:var(--bl-font-title-3-regular);--option-padding:var(--bl-size-xs) 0;--option-selected-color:var(--bl-color-primary);--option-hover-color:var(--bl-color-primary-hover);--option-color:var(--bl-color-secondary);--option-disabled-color:var(--bl-color-content-passive);--option-seperator:1px solid var(--bl-color-border);--option-gap:var(--bl-size-2xs);--option-transition:color 120ms ease-out}.option-container::after{position:absolute;content:'';width:100%;bottom:0;border-bottom:var(--option-seperator)}:host(:last-of-type) .option-container::after{border-bottom:0}.single-option{width:100%;display:block;cursor:pointer;color:var(--option-color);padding:var(--option-padding);transition:var(--option-transition);font:var(--option-font);user-select:none}:host(:hover) .single-option,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .single-option{color:var(--option-hover-color)}:host([selected]) .single-option{color:var(--option-selected-color)}:host([disabled]){cursor:not-allowed}:host([disabled]) .single-option{color:var(--option-disabled-color);cursor:not-allowed;pointer-events:none}.checkbox-option{width:100%;display:block;color:var(--option-color);padding:var(--option-padding)}`;\nexport default styles;\n", "import { LitElement, html, CSSResultGroup } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { event, EventDispatcher } from '../../../utilities/event';\nimport BlSelect, { ISelectOption } from '../bl-select';\nimport style from './bl-select-option.css';\n\n@customElement('bl-select-option')\nexport default class BlSelectOption extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /* Declare reactive properties */\n  /**\n   * Sets the value for the option\n   */\n  @property({})\n  value: string;\n\n  /**\n   * Sets option as disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Sets option as selected state\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  @state()\n  multiple = false;\n\n  /**\n   * Fires when clicked on the option\n   */\n  @event('bl-select-option') private _onSelect: EventDispatcher<ISelectOption>;\n\n  private blSelect: BlSelect | null;\n\n  private singleOptionTemplate() {\n    return html`<div class=\"single-option\" @click=\"${this._onClickOption}\">\n      <slot></slot>\n    </div>`;\n  }\n\n  private checkboxOptionTemplate() {\n    return html`<bl-checkbox\n      class=\"checkbox-option\"\n      .checked=\"${this.selected}\"\n      .disabled=\"${this.disabled}\"\n      @bl-checkbox-change=\"${this._onCheckboxChange}\"\n    >\n      <slot></slot>\n    </bl-checkbox>`;\n  }\n\n  render() {\n    return html`<div class=\"option-container\">\n      ${this.multiple ? this.checkboxOptionTemplate() : this.singleOptionTemplate()}\n    </div>`;\n  }\n\n  private _handleEvent() {\n    this._onSelect({\n      value: this.value,\n      text: this.textContent,\n      selected: this.selected,\n    } as ISelectOption);\n  }\n\n  private _onClickOption() {\n    this.selected = !this.selected;\n    this._handleEvent();\n  }\n\n  private _onCheckboxChange(event: CustomEvent) {\n    this.selected = event.detail;\n    this._handleEvent();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this.updateComplete.then(() => {\n      this.blSelect = this.closest<BlSelect>('bl-select');\n      // FIXME: We should warn when parent is not bl-select\n\n      this.multiple = this.blSelect?.multiple || false;\n      this.blSelect?.registerOption(this);\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.blSelect?.unregisterOption(this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-select-option': BlSelectOption;\n  }\n}\n"],
-  "mappings": "2JACO,IAAMA,EAASC,guCACfC,EAAQF,ECKf,IAAqBG,EAArB,cAA4CC,CAAW,CAAvD,kCAgBE,cAAW,GAMX,cAAW,GAGX,cAAW,GAxBX,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CA+BQ,sBAAuB,CAC7B,OAAOC,uCAA0C,KAAK;AAAA;AAAA,WAGxD,CAEQ,wBAAyB,CAC/B,OAAOA;AAAA;AAAA,kBAEO,KAAK;AAAA,mBACJ,KAAK;AAAA,6BACK,KAAK;AAAA;AAAA;AAAA,mBAIhC,CAEA,QAAS,CACP,OAAOA;AAAA,QACH,KAAK,SAAW,KAAK,uBAAuB,EAAI,KAAK,qBAAqB;AAAA,WAEhF,CAEQ,cAAe,CACrB,KAAK,UAAU,CACb,MAAO,KAAK,MACZ,KAAM,KAAK,YACX,SAAU,KAAK,QACjB,CAAkB,CACpB,CAEQ,gBAAiB,CACvB,KAAK,SAAW,CAAC,KAAK,SACtB,KAAK,aAAa,CACpB,CAEQ,kBAAkBC,EAAoB,CAC5C,KAAK,SAAWA,EAAM,OACtB,KAAK,aAAa,CACpB,CAEA,mBAAoB,CAClB,MAAM,kBAAkB,EAExB,KAAK,eAAe,KAAK,IAAM,CArFnC,IAAAC,EAAAC,EAsFM,KAAK,SAAW,KAAK,QAAkB,WAAW,EAGlD,KAAK,WAAWD,EAAA,KAAK,WAAL,YAAAA,EAAe,WAAY,IAC3CC,EAAA,KAAK,WAAL,MAAAA,EAAe,eAAe,KAChC,CAAC,CACH,CAEA,sBAAuB,CA9FzB,IAAAD,EA+FI,MAAM,qBAAqB,GAC3BA,EAAA,KAAK,WAAL,MAAAA,EAAe,iBAAiB,KAClC,CACF,EAjFEE,EAAA,CADCC,EAAS,CAAC,CAAC,GATOR,EAUnB,qBAMAO,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAfvBR,EAgBnB,wBAMAO,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GArBvBR,EAsBnB,wBAGAO,EAAA,CADCE,EAAM,GAxBYT,EAyBnB,wBAKmCO,EAAA,CAAlCH,EAAM,kBAAkB,GA9BNJ,EA8BgB,yBA9BhBA,EAArBO,EAAA,CADCC,EAAc,kBAAkB,GACZR",
-  "names": ["styles", "i", "bl_select_option_default", "BlSelectOption", "s", "bl_select_option_default", "y", "event", "_a", "_b", "__decorateClass", "e", "t"]
-}

package/dist/chunk-7K5FMQLQ.js

@@ -1,2 +0,0 @@
-var d=function(u,c,f,n){if(f==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof c=="function"?u!==c||!n:!c.has(u))throw new TypeError("Cannot read private member from an object whose class did not declare it");return f==="m"?n:f==="a"?n.call(u):n?n.value:c.get(u)},E=function(u,c,f,n,y){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!y)throw new TypeError("Private accessor was defined without a setter");if(typeof c=="function"?u!==c||!y:!c.has(u))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?y.call(u,f):y?y.value=f:c.set(u,f),f};function pt(u){var c,f,n,y,V,W,F,P,A,D,$,O,T,k,C,q,U,z;class J extends u{constructor(...s){super(...s),c.add(this),this.internals=this.attachInternals(),f.set(this,!1),n.set(this,!1),y.set(this,!1),V.set(this,void 0),W.set(this,void 0),P.set(this,""),A.set(this,()=>{E(this,y,!0,"f"),E(this,f,!0,"f"),d(this,c,"m",C).call(this)}),D.set(this,()=>{E(this,f,!1,"f"),d(this,c,"m",q).call(this,this.shouldFormValueUpdate()?d(this,P,"f"):""),!this.validity.valid&&d(this,y,"f")&&E(this,n,!0,"f");let r=d(this,c,"m",C).call(this);this.validationMessageCallback&&this.validationMessageCallback(r?this.internals.validationMessage:"")}),$.set(this,()=>{var r;E(this,n,!0,"f"),d(this,c,"m",C).call(this),(r=this===null||this===void 0?void 0:this.validationMessageCallback)===null||r===void 0||r.call(this,this.showError?this.internals.validationMessage:"")}),O.set(this,void 0),T.set(this,!1),k.set(this,Promise.resolve()),this.addEventListener("focus",d(this,A,"f")),this.addEventListener("blur",d(this,D,"f")),this.addEventListener("invalid",d(this,$,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let s=this.validators.map(g=>g.attribute).flat(),r=super.observedAttributes||[];return[...new Set([...r,...s])]}static getValidator(s){return this.validators.find(r=>r.attribute===s)||null}static getValidators(s){return this.validators.filter(r=>{var p;if(r.attribute===s||!((p=r.attribute)===null||p===void 0)&&p.includes(s))return!0})}get form(){return this.internals.form}get showError(){return d(this,c,"m",C).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(s,r,p){var g;(g=super.attributeChangedCallback)===null||g===void 0||g.call(this,s,r,p);let S=this.constructor.getValidators(s);S!=null&&S.length&&this.validationTarget&&this.setValue(d(this,P,"f"))}setValue(s){var r;E(this,n,!1,"f"),(r=this.validationMessageCallback)===null||r===void 0||r.call(this,""),E(this,P,s,"f");let g=this.shouldFormValueUpdate()?s:null;this.internals.setFormValue(g),d(this,c,"m",q).call(this,g),this.valueChangedCallback&&this.valueChangedCallback(g),d(this,c,"m",C).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(s=>s(d(this,k,"f")))}formResetCallback(){var s,r;E(this,y,!1,"f"),E(this,n,!1,"f"),d(this,c,"m",C).call(this),(s=this.resetFormControl)===null||s===void 0||s.call(this),(r=this.validationMessageCallback)===null||r===void 0||r.call(this,d(this,c,"m",C).call(this)?this.validationMessage:"")}}return f=new WeakMap,n=new WeakMap,y=new WeakMap,V=new WeakMap,W=new WeakMap,P=new WeakMap,A=new WeakMap,D=new WeakMap,$=new WeakMap,O=new WeakMap,T=new WeakMap,k=new WeakMap,c=new WeakSet,F=function(){let s=this.getRootNode(),r=`${this.localName}[name="${this.getAttribute("name")}"]`;return s.querySelectorAll(r)},C=function(){if(this.hasAttribute("disabled"))return!1;let s=d(this,n,"f")||d(this,y,"f")&&!this.validity.valid&&!d(this,f,"f");return s&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),s},q=function(s){let r=this.constructor,p={},g=r.validators,R=[],S=g.some(b=>b.isValid instanceof Promise);d(this,T,"f")||(E(this,k,new Promise(b=>{E(this,O,b,"f")}),"f"),E(this,T,!0,"f")),d(this,V,"f")&&(d(this,V,"f").abort(),E(this,W,d(this,V,"f"),"f"));let x=new AbortController;E(this,V,x,"f");let H,B=!1;g.length&&(g.forEach(b=>{let G=b.key||"customError",L=b.isValid(this,s,x.signal);L instanceof Promise?(R.push(L),L.then(K=>{K!=null&&(p[G]=!K,H=d(this,c,"m",z).call(this,b,s),d(this,c,"m",U).call(this,p,H))})):(p[G]=!L,this.validity[G]!==!L&&(B=!0),!L&&!H&&(H=d(this,c,"m",z).call(this,b,s)))}),Promise.allSettled(R).then(()=>{var b;x!=null&&x.signal.aborted||(E(this,T,!1,"f"),(b=d(this,O,"f"))===null||b===void 0||b.call(this))}),(B||!S)&&d(this,c,"m",U).call(this,p,H))},U=function(s,r){if(this.validationTarget)this.internals.setValidity(s,r,this.validationTarget);else{if(this.internals.setValidity(s,r),this.internals.validity.valid)return;let p=0,g=setInterval(()=>{p>=100||this.validity.valid?clearInterval(g):this.validationTarget&&(this.internals.setValidity(this.validity,r,this.validationTarget),clearInterval(g)),p+=1},0)}},z=function(s,r){if(this.validityCallback){let p=this.validityCallback(s.key||"customError");if(p)return p}return s.message instanceof Function?s.message(this,r):s.message},J}(function(){"use strict";let u=new WeakMap,c=new WeakMap,f=new WeakMap,n=new WeakMap,y=new WeakMap,V=new WeakMap,W=new WeakMap,F=new WeakMap,P=new WeakMap,A=new WeakMap,D=new WeakMap,$=new WeakMap,O=new WeakMap,T=new WeakMap,k=new WeakMap,C={ariaAtomic:"aria-atomic",ariaAutoComplete:"aria-autocomplete",ariaBusy:"aria-busy",ariaChecked:"aria-checked",ariaColCount:"aria-colcount",ariaColIndex:"aria-colindex",ariaColIndexText:"aria-colindextext",ariaColSpan:"aria-colspan",ariaCurrent:"aria-current",ariaDisabled:"aria-disabled",ariaExpanded:"aria-expanded",ariaHasPopup:"aria-haspopup",ariaHidden:"aria-hidden",ariaInvalid:"aria-invalid",ariaKeyShortcuts:"aria-keyshortcuts",ariaLabel:"aria-label",ariaLevel:"aria-level",ariaLive:"aria-live",ariaModal:"aria-modal",ariaMultiLine:"aria-multiline",ariaMultiSelectable:"aria-multiselectable",ariaOrientation:"aria-orientation",ariaPlaceholder:"aria-placeholder",ariaPosInSet:"aria-posinset",ariaPressed:"aria-pressed",ariaReadOnly:"aria-readonly",ariaRelevant:"aria-relevant",ariaRequired:"aria-required",ariaRoleDescription:"aria-roledescription",ariaRowCount:"aria-rowcount",ariaRowIndex:"aria-rowindex",ariaRowIndexText:"aria-rowindextext",ariaRowSpan:"aria-rowspan",ariaSelected:"aria-selected",ariaSetSize:"aria-setsize",ariaSort:"aria-sort",ariaValueMax:"aria-valuemax",ariaValueMin:"aria-valuemin",ariaValueNow:"aria-valuenow",ariaValueText:"aria-valuetext",role:"role"},q=(e,t)=>{for(let a in C){t[a]=null;let i=null,o=C[a];Object.defineProperty(t,a,{get(){return i},set(h){i=h,e.isConnected?e.setAttribute(o,h):A.set(e,t)}})}};function U(e){let t=n.get(e),{form:a}=t;et(e,a,t),B(e,t.labels)}let z=(e,t=!1)=>{let a=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode(h){return n.has(h)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}}),i=a.nextNode(),o=!t||e.disabled;for(;i;)i.formDisabledCallback&&o&&R(i,e.disabled),i=a.nextNode()},J={attributes:!0,attributeFilter:["disabled"]},I=new MutationObserver(e=>{for(let t of e){let a=t.target;a.constructor.formAssociated?R(a,a.hasAttribute("disabled")):a.localName==="fieldset"&&z(a)}});function s(e){e.forEach(t=>{let{addedNodes:a,removedNodes:i}=t,o=Array.from(a),h=Array.from(i);o.forEach(l=>{if(n.has(l)&&l.constructor.formAssociated&&U(l),A.has(l)){let v=A.get(l);Object.keys(C).filter(m=>v[m]!==null).forEach(m=>{l.setAttribute(C[m],v[m])}),A.delete(l)}if(k.has(l)){let v=k.get(l);l.setAttribute("internals-valid",v.validity.valid.toString()),l.setAttribute("internals-invalid",(!v.validity.valid).toString()),l.setAttribute("aria-invalid",(!v.validity.valid).toString()),k.delete(l)}if(l.localName==="form"){let v=F.get(l),M=document.createTreeWalker(l,NodeFilter.SHOW_ELEMENT,{acceptNode(w){return n.has(w)&&!(v&&v.has(w))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}}),m=M.nextNode();for(;m;)U(m),m=M.nextNode()}l.localName==="fieldset"&&(I.observe(l,J),z(l,!0))}),h.forEach(l=>{let v=n.get(l);v&&f.get(v)&&S(v),W.has(l)&&W.get(l).disconnect()})})}function r(e){e.forEach(t=>{let{removedNodes:a}=t;a.forEach(i=>{let o=O.get(t.target);n.has(i)&&it(i),o.disconnect()})})}let p=e=>{let t=new MutationObserver(r);t.observe(e,{childList:!0}),O.set(e,t)};new MutationObserver(s);let g={childList:!0,subtree:!0},R=(e,t)=>{e.toggleAttribute("internals-disabled",t),t?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled"),e.formDisabledCallback&&e.formDisabledCallback.apply(e,[t])},S=e=>{f.get(e).forEach(a=>{a.remove()}),f.set(e,[])},x=(e,t)=>{let a=document.createElement("input");return a.type="hidden",a.name=e.getAttribute("name"),e.after(a),f.get(t).push(a),a},H=(e,t)=>{f.set(t,[]),I.observe(e,J)},B=(e,t)=>{if(t.length){Array.from(t).forEach(i=>i.addEventListener("click",e.click.bind(e)));let a=t[0].id;t[0].id||(a=`${t[0].htmlFor}_Label`,t[0].id=a),e.setAttribute("aria-labelledby",a)}},b=e=>{let t=Array.from(e.elements).filter(h=>!h.tagName.includes("-")&&h.validity).map(h=>h.validity.valid),a=F.get(e)||[],i=Array.from(a).filter(h=>h.isConnected).map(h=>n.get(h).validity.valid),o=[...t,...i].includes(!1);e.toggleAttribute("internals-invalid",o),e.toggleAttribute("internals-valid",!o)},G=e=>{b(Q(e.target))},L=e=>{b(Q(e.target))},tt=e=>{let t=":is(:is(button, input)[type=submit], button:not([type])):not([disabled])",a=`${t}:not([form])`;e.id&&(a+=`,${t}[form='${e.id}']`),e.addEventListener("click",i=>{if(i.target.closest(a)){let h=F.get(e);if(e.noValidate)return;h.size&&Array.from(h).reverse().map(M=>n.get(M).reportValidity()).includes(!1)&&i.preventDefault()}})},K=e=>{let t=F.get(e.target);t&&t.size&&t.forEach(a=>{a.constructor.formAssociated&&a.formResetCallback&&a.formResetCallback.apply(a)})},et=(e,t,a)=>{if(t){let i=F.get(t);if(i)i.add(e);else{let o=new Set;o.add(e),F.set(t,o),tt(t),t.addEventListener("reset",K),t.addEventListener("input",G),t.addEventListener("change",L)}V.set(t,{ref:e,internals:a}),e.constructor.formAssociated&&e.formAssociatedCallback&&setTimeout(()=>{e.formAssociatedCallback.apply(e,[t])},0),b(t)}},Q=e=>{let t=e.parentNode;return t&&t.tagName!=="FORM"&&(t=Q(t)),t},_=(e,t,a=DOMException)=>{if(!e.constructor.formAssociated)throw new a(t)},at=(e,t,a)=>{let i=F.get(e);return i&&i.size&&i.forEach(o=>{n.get(o)[a]()||(t=!1)}),t},it=e=>{if(e.constructor.formAssociated){let t=n.get(e),{labels:a,form:i}=t;B(e,a),et(e,i,t)}};class nt{constructor(){this.badInput=!1,this.customError=!1,this.patternMismatch=!1,this.rangeOverflow=!1,this.rangeUnderflow=!1,this.stepMismatch=!1,this.tooLong=!1,this.tooShort=!1,this.typeMismatch=!1,this.valid=!0,this.valueMissing=!1,Object.seal(this)}}let lt=e=>(e.badInput=!1,e.customError=!1,e.patternMismatch=!1,e.rangeOverflow=!1,e.rangeUnderflow=!1,e.stepMismatch=!1,e.tooLong=!1,e.tooShort=!1,e.typeMismatch=!1,e.valid=!0,e.valueMissing=!1,e),ct=(e,t,a)=>(e.valid=dt(t),Object.keys(t).forEach(i=>e[i]=t[i]),a&&b(a),e),dt=e=>{let t=!0;for(let a in e)a!=="valid"&&e[a]!==!1&&(t=!1);return t},Z=new WeakMap;class X extends Set{static get isPolyfilled(){return!0}constructor(t){if(super(),!t||!t.tagName||t.tagName.indexOf("-")===-1)throw new TypeError("Illegal constructor");Z.set(this,t)}add(t){if(!/^--/.test(t)||typeof t!="string")throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${t} must start with '--'.`);let a=super.add(t),i=Z.get(this);return i.toggleAttribute(`state${t}`,!0),i.part&&i.part.add(`state${t}`),a}clear(){for(let[t]of this.entries())this.delete(t);super.clear()}delete(t){let a=super.delete(t),i=Z.get(this);return i.toggleAttribute(`state${t}`,!1),i.part&&i.part.remove(`state${t}`),a}}function st(e,t,a,i){if(a==="a"&&!i)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return a==="m"?i:a==="a"?i.call(e):i?i.value:t.get(e)}function ht(e,t,a,i,o){if(i==="m")throw new TypeError("Private method is not writable");if(i==="a"&&!o)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return i==="a"?o.call(e,a):o?o.value=a:t.set(e,a),a}var j;class ut{constructor(t){j.set(this,void 0),ht(this,j,t,"f");for(let a=0;a<t.length;a++){let i=t[a];this[a]=i,i.hasAttribute("name")&&(this[i.getAttribute("name")]=i)}Object.freeze(this)}get length(){return st(this,j,"f").length}[(j=new WeakMap,Symbol.iterator)](){return st(this,j,"f")[Symbol.iterator]()}item(t){return this[t]==null?null:this[t]}namedItem(t){return this[t]==null?null:this[t]}}class rt{static get isPolyfilled(){return!0}constructor(t){if(!t||!t.tagName||t.tagName.indexOf("-")===-1)throw new TypeError("Illegal constructor");let a=t.getRootNode(),i=new nt;this.states=new X(t),u.set(this,t),c.set(this,i),n.set(t,this),q(t,this),H(t,this),Object.seal(this),it(t),a instanceof DocumentFragment&&p(a)}checkValidity(){let t=u.get(this);if(_(t,"Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;let a=c.get(this);if(!a.valid){let i=new Event("invalid",{bubbles:!1,cancelable:!0,composed:!1});t.dispatchEvent(i)}return a.valid}get form(){let t=u.get(this);_(t,"Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.");let a;return t.constructor.formAssociated===!0&&(a=Q(t)),a}get labels(){let t=u.get(this);_(t,"Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");let a=t.getAttribute("id"),i=t.getRootNode();return i&&a?i.querySelectorAll(`[for="${a}"]`):[]}reportValidity(){let t=u.get(this);if(_(t,"Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;let a=this.checkValidity(),i=$.get(this);if(i&&!t.constructor.formAssociated)throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");return!a&&i&&(t.focus(),i.focus()),a}setFormValue(t){let a=u.get(this);if(_(a,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),S(this),t!=null&&!(t instanceof FormData)){if(a.getAttribute("name")){let i=x(a,this);i.value=t}}else t!=null&&t instanceof FormData&&Array.from(t).reverse().forEach(([i,o])=>{if(typeof o=="string"){let h=x(a,this);h.name=i,h.value=o}});P.set(a,t)}setValidity(t,a,i){let o=u.get(this);if(_(o,"Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!t)throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");$.set(this,i);let h=c.get(this),l={};for(let m in t)l[m]=t[m];Object.keys(l).length===0&&lt(h);let v={...h,...l};delete v.valid;let{valid:M}=ct(h,v,this.form);if(!M&&!a)throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");y.set(this,M?"":a),o.isConnected?(o.toggleAttribute("internals-invalid",!M),o.toggleAttribute("internals-valid",M),o.setAttribute("aria-invalid",`${!M}`)):k.set(o,this)}get shadowRoot(){let t=u.get(this),a=D.get(t);return a||null}get validationMessage(){let t=u.get(this);return _(t,"Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."),y.get(this)}get validity(){let t=u.get(this);return _(t,"Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."),c.get(this)}get willValidate(){let t=u.get(this);return _(t,"Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."),!(t.disabled||t.hasAttribute("disabled")||t.hasAttribute("readonly"))}}function mt(){if(!window.ElementInternals||!HTMLElement.prototype.attachInternals)return!1;class e extends HTMLElement{constructor(){super(),this.internals=this.attachInternals()}}let t=`element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g,"")}`;customElements.define(t,e);let a=new e;return["shadowRoot","form","willValidate","validity","validationMessage","labels","setFormValue","setValidity","checkValidity","reportValidity"].every(i=>i in a.internals)}if(mt()){if(!window.CustomStateSet){window.CustomStateSet=X;let e=HTMLElement.prototype.attachInternals;HTMLElement.prototype.attachInternals=function(...t){let a=e.call(this,t);return a.states=new X(this),a}}}else{let t=function(...m){let w=o.apply(this,m),N=new MutationObserver(s);return D.set(this,w),window.ShadyDOM?N.observe(this,g):N.observe(w,g),W.set(this,N),w},a=function(...m){let w=l.apply(this,m);return at(this,w,"checkValidity")},i=function(...m){let w=v.apply(this,m);return at(this,w,"reportValidity")};window.ElementInternals=rt;let e=customElements.define;customElements.define=function(m,w,N){if(w.formAssociated){let Y=w.prototype.connectedCallback;w.prototype.connectedCallback=function(){T.has(this)||(T.set(this,!0),this.hasAttribute("disabled")&&R(this,!0)),Y!=null&&Y.apply(this)}}e.apply(customElements,[m,w,N])},HTMLElement.prototype.attachInternals=function(){if(this.tagName){if(this.tagName.indexOf("-")===-1)throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.")}else return{};if(n.has(this))throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");return new rt(this)};let o=Element.prototype.attachShadow;Element.prototype.attachShadow=t,new MutationObserver(s).observe(document.documentElement,g);let l=HTMLFormElement.prototype.checkValidity;HTMLFormElement.prototype.checkValidity=a;let v=HTMLFormElement.prototype.reportValidity;HTMLFormElement.prototype.reportValidity=i;let{get:M}=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get(...m){let w=M.call(this,...m),N=Array.from(F.get(this)||[]);if(N.length===0)return w;let Y=Array.from(w).concat(N).sort((ot,ft)=>ot.compareDocumentPosition?ot.compareDocumentPosition(ft)&2?1:-1:0);return new ut(Y)}}),window.CustomStateSet||(window.CustomStateSet=X)}})();export{pt as a};
-//# sourceMappingURL=chunk-7K5FMQLQ.js.map