@trendyol/baklava 2.4.0-beta.9 → 3.0.0-beta.10

package/dist/generated/locale-codes.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The locale code that templates in this source code are written in.
+ */
+export declare const sourceLocale = "en";
+/**
+ * The other locale codes that this application is localized into. Sorted
+ * lexicographically.
+ */
+export declare const targetLocales: readonly ["tr"];
+/**
+ * All valid project locale codes. Sorted lexicographically.
+ */
+export declare const allLocales: readonly ["en", "tr"];
+//# sourceMappingURL=locale-codes.d.ts.map

package/dist/generated/locale-codes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale-codes.d.ts","sourceRoot":"","sources":["../../src/generated/locale-codes.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,YAAY,OAAO,CAAC;AAEjC;;;GAGG;AACH,eAAO,MAAM,aAAa,iBAEhB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,UAAU,uBAGb,CAAC"}

package/dist/generated/locale-codes.js

@@ -0,0 +1,2 @@
+import{a,b,c}from"../chunk-DNSU2ZXO.js";import"../chunk-IZ2LK5GK.js";export{c as allLocales,a as sourceLocale,b as targetLocales};
+//# sourceMappingURL=locale-codes.js.map

package/dist/generated/locale-codes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/generated/locales/tr.d.ts

@@ -0,0 +1,9 @@
+export declare const templates: {
+    s144508ac0e146c46: string;
+    s5d929ff1619ac0c9: string;
+    s716a6024e3fe999c: string;
+    s76ddb3a843ed8e06: string;
+    sb1ba2131b9a7c7b0: string;
+    sbaace8219b5f4612: string;
+};
+//# sourceMappingURL=tr.d.ts.map

package/dist/generated/locales/tr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/tr.ts"],"names":[],"mappings":"AAUI,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAC"}

package/dist/generated/locales/tr.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-XDCNO7EY.js";import"../../chunk-IZ2LK5GK.js";export{a as templates};
+//# sourceMappingURL=tr.js.map

package/dist/generated/locales/tr.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/localization.d.ts

@@ -0,0 +1,4 @@
+export declare const init: () => Promise<void>;
+declare const _default: Promise<void>;
+export default _default;
+//# sourceMappingURL=localization.d.ts.map

package/dist/localization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"localization.d.ts","sourceRoot":"","sources":["../src/localization.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,IAAI,qBAgChB,CAAC;;AAEF,wBAAsB"}

package/dist/localization.js

@@ -0,0 +1,2 @@
+import{b as s}from"./chunk-HBPBDC7T.js";import{a as i,b as l,c as n}from"./chunk-DNSU2ZXO.js";import{b as c}from"./chunk-XDCNO7EY.js";import"./chunk-IZ2LK5GK.js";var g=new Map([["tr",c]]),{setLocale:u}=s({sourceLocale:i,targetLocales:l,loadLocale:async e=>g.get(e)}),L=async()=>{let e=document.querySelector("html"),a=e==null?void 0:e.getAttribute("lang");a&&n.includes(a)&&await u(a);let r=t=>{t.forEach(d=>{if(d.attributeName==="lang"){let o=e==null?void 0:e.getAttribute("lang");o&&n.includes(o)&&u(o)}})};typeof MutationObserver<"u"?new MutationObserver(r).observe(e,{attributes:!0}):e==null||e.addEventListener("DOMAttrModified",t=>r([t]))},M=L();export{M as default,L as init};
+//# sourceMappingURL=localization.js.map

package/dist/localization.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/localization.ts"],
+  "sourcesContent": ["import { LocaleModule, configureLocalization } from \"@lit/localize\";\nimport { sourceLocale, targetLocales, allLocales } from \"./generated/locale-codes\";\nimport * as templatesTR from \"./generated/locales/tr\";\n\ntype LangKey = \"tr\" | \"en\";\n\nconst localizedTemplates = new Map<string, LocaleModule>([[\"tr\", templatesTR]]);\n\nconst { setLocale } = configureLocalization({\n  sourceLocale,\n  targetLocales,\n  loadLocale: async (locale: string) => localizedTemplates.get(locale) as LocaleModule,\n});\n\nexport const init = async () => {\n  const html = document.querySelector(\"html\");\n  const htmlLang = html?.getAttribute(\"lang\") as LangKey | null;\n\n  if (htmlLang && allLocales.includes(htmlLang)) {\n    await setLocale(htmlLang);\n  }\n\n  // Add event listener for 'lang' attribute changes\n  const langAttributeChangeListener = (mutations: MutationRecord[]) => {\n    mutations.forEach(mutation => {\n      if (mutation.attributeName === \"lang\") {\n        const newLangValue = html?.getAttribute(\"lang\") as LangKey | null;\n\n        if (newLangValue && allLocales.includes(newLangValue)) {\n          setLocale(newLangValue);\n        }\n      }\n    });\n  };\n\n  // Check if MutationObserver is supported\n  if (typeof MutationObserver !== \"undefined\") {\n    const observer = new MutationObserver(langAttributeChangeListener);\n\n    observer.observe(html as Node, { attributes: true });\n  } else {\n    // Fallback to DOMAttrModified for older browsers\n    html?.addEventListener(\"DOMAttrModified\", e =>\n      langAttributeChangeListener([e as unknown as MutationRecord])\n    );\n  }\n};\n\nexport default init();\n"],
+  "mappings": "kKAMA,IAAMA,EAAqB,IAAI,IAA0B,CAAC,CAAC,KAAMC,CAAW,CAAC,CAAC,EAExE,CAAE,UAAAC,CAAU,EAAIC,EAAsB,CAC1C,aAAAC,EACA,cAAAC,EACA,WAAY,MAAOC,GAAmBN,EAAmB,IAAIM,CAAM,CACrE,CAAC,EAEYC,EAAO,SAAY,CAC9B,IAAMC,EAAO,SAAS,cAAc,MAAM,EACpCC,EAAWD,GAAA,YAAAA,EAAM,aAAa,QAEhCC,GAAYC,EAAW,SAASD,CAAQ,GAC1C,MAAMP,EAAUO,CAAQ,EAI1B,IAAME,EAA+BC,GAAgC,CACnEA,EAAU,QAAQC,GAAY,CAC5B,GAAIA,EAAS,gBAAkB,OAAQ,CACrC,IAAMC,EAAeN,GAAA,YAAAA,EAAM,aAAa,QAEpCM,GAAgBJ,EAAW,SAASI,CAAY,GAClDZ,EAAUY,CAAY,EAG5B,CAAC,CACH,EAGI,OAAO,iBAAqB,IACb,IAAI,iBAAiBH,CAA2B,EAExD,QAAQH,EAAc,CAAE,WAAY,EAAK,CAAC,EAGnDA,GAAA,MAAAA,EAAM,iBAAiB,kBAAmBO,GACxCJ,EAA4B,CAACI,CAA8B,CAAC,EAGlE,EAEOC,EAAQT,EAAK",
+  "names": ["localizedTemplates", "tr_exports", "setLocale", "configureLocalization", "sourceLocale", "targetLocales", "locale", "init", "html", "htmlLang", "allLocales", "langAttributeChangeListener", "mutations", "mutation", "newLangValue", "e", "localization_default"]
+}

package/dist/utilities/icon-mock.d.ts

@@ -1,7 +1,7 @@
-declare const _default: void;
 /**
  * This file is used for mocking `bl-icon` component in our tests.
  * Check `web-test-runner.config.mjs` file for more information.
  */
+declare const _default: void;
 export default _default;
 //# sourceMappingURL=icon-mock.d.ts.map

package/dist/utilities/icon-mock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-mock.d.ts","sourceRoot":"","sources":["../../src/utilities/icon-mock.ts"],"names":[],"mappings":";AAAA;;;GAGG;AACH,wBAA8E"}
+{"version":3,"file":"icon-mock.d.ts","sourceRoot":"","sources":["../../src/utilities/icon-mock.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AACH,wBAA8E"}

package/dist/utilities/style-to-px-converter.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=style-to-px-converter.test.d.ts.map

package/dist/utilities/style-to-px-converter.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-to-px-converter.test.d.ts","sourceRoot":"","sources":["../../src/utilities/style-to-px-converter.test.ts"],"names":[],"mappings":""}

package/dist/utilities/style-to-px.converter.d.ts

@@ -0,0 +1,2 @@
+export declare const styleToPixelConverter: (styleValue: string) => number | null;
+//# sourceMappingURL=style-to-px.converter.d.ts.map

package/dist/utilities/style-to-px.converter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-to-px.converter.d.ts","sourceRoot":"","sources":["../../src/utilities/style-to-px.converter.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,eAAgB,MAAM,KAAG,MAAM,GAAG,IAyBnE,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@trendyol/baklava",
   "type": "module",
-  "version": "2.4.0-beta.9",
+  "version": "3.0.0-beta.10",
   "description": "Trendyol Baklava Design System",
   "main": "dist/baklava.js",
   "module": "dist/baklava.js",
@@ -55,7 +55,9 @@
     "test:debug": "web-test-runner --coverage --watch --debug",
     "test:headless": "web-test-runner --coverage --watch --debug --headless",
     "generate-react-exports": "node scripts/generate-react-exports.js",
-    "generate-vue-types": "node scripts/generate-vue-types.js"
+    "generate-vue-types": "node scripts/generate-vue-types.js",
+    "localize:extract": "lit-localize extract",
+    "localize:build": "lit-localize build"
   },
   "keywords": [
     "web-components",
@@ -66,6 +68,7 @@
     "@floating-ui/dom": "^1.2.3",
     "@fontsource-variable/rubik": "^5.0.2",
     "@lit-labs/react": "^2.0.3",
+    "@lit/localize": "^0.12.1",
     "@open-wc/form-control": "^0.7.0",
     "@open-wc/form-helpers": "^0.2.2",
     "element-internals-polyfill": "^1.2.3",
@@ -79,6 +82,7 @@
     "@commitlint/config-conventional": "^16.2.4",
     "@commitlint/prompt-cli": "^16.2.4",
     "@custom-elements-manifest/analyzer": "^0.6.3",
+    "@lit/localize-tools": "^0.7.1",
     "@open-wc/testing": "^3.1.6",
     "@rollup/plugin-replace": "^4.0.0",
     "@storybook/addon-a11y": "7.4.3",
@@ -89,14 +93,14 @@
     "@storybook/addon-mdx-gfm": "^7.4.3",
     "@storybook/addon-viewport": "^7.4.3",
     "@storybook/jest": "^0.2.2",
-    "@storybook/testing-library": "^0.2.0",
+    "@storybook/testing-library": "^0.2.2",
     "@storybook/web-components": "7.4.3",
     "@storybook/web-components-vite": "^7.4.3",
     "@trivago/prettier-plugin-sort-imports": "^4.1.1",
     "@types/estree": "1.0.0",
     "@types/prettier": "^2.6.4",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.16.0",
+    "@typescript-eslint/parser": "^6.16.0",
     "@web/dev-server-esbuild": "0.2.16",
     "@web/dev-server-import-maps": "^0.0.7",
     "@web/dev-server-rollup": "^0.3.17",
@@ -131,8 +135,8 @@
     "storybook": "7.4.3",
     "stylelint": "^15.10.2",
     "stylelint-config-standard": "^34.0.0",
-    "ts-lit-plugin": "^1.2.1",
-    "typescript": "4.6.3",
+    "ts-lit-plugin": "^2.0.1",
+    "typescript": "5.3.3",
     "wait-on": "^5.3.0"
   },
   "customElements": "dist/custom-elements.json"

package/dist/chunk-5EFPA3CA.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-spacing:var(--bl-size-xs) 0;--option-selected-color:var(--bl-color-primary);--option-hover-color:var(--bl-color-primary-highlight);--option-color:var(--bl-color-neutral-darker);--option-disabled-color:var(--bl-color-neutral-light);--option-separator:1px solid var(--bl-color-neutral-lighter);--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-separator)}.no-border-bottom::after{border-bottom:none}:host(:last-of-type) .option-container::after{border-bottom:none}.single-option{width:100%;display:block;cursor:pointer;color:var(--option-color);margin:var(--option-spacing);transition:var(--option-transition);font:var(--option-font);user-select:none;position:relative;outline:none}.single-option:focus-visible::after{content:\"\";position:absolute;inset:calc(var(--bl-size-3xs) * -1);border:var(--bl-size-4xs) solid var(--option-hover-color);border-radius:var(--bl-size-4xs)}:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .single-option,:host(: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-spacing)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { FormValue } from \"@open-wc/form-helpers\";\nimport { event, EventDispatcher } from \"../../../utilities/event\";\nimport BlSelect from \"../bl-select\";\nimport style from \"./bl-select-option.css\";\n\n@customElement(\"bl-select-option\")\nexport default class BlSelectOption<ValueType extends FormValue = string> extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  private _value: ValueType;\n\n  /* Declare reactive properties */\n  /**\n   * Sets the value for the option\n   */\n  @property({})\n  get value(): ValueType {\n    return this._value || (this.textContent as ValueType);\n  }\n\n  set value(val: ValueType) {\n    this._value = val;\n  }\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<ValueType | string | null>;\n\n  /**\n   * Fires when checkbox is focused\n   */\n  @event(\"bl-focus\") private onFocus: EventDispatcher<ValueType | string | null>;\n\n  /**\n   * Fires when checkbox is blurred\n   */\n  @event(\"bl-blur\") private onBlur: EventDispatcher<ValueType | string | null>;\n\n  @query(\".focus-target\") private focusTarget: HTMLElement;\n\n  /**\n   * Focuses this option\n   */\n  focus() {\n    if (!this.multiple) {\n      this.focusTarget.tabIndex = 0;\n    }\n    this.focusTarget.focus();\n    this.onFocus(this.value);\n  }\n\n  /**\n   * Blurs from this option\n   */\n  blur() {\n    this.onBlur(this.value);\n    this.focusTarget.tabIndex = -1;\n  }\n\n  private blSelect: BlSelect<ValueType> | null;\n\n  private singleOptionTemplate() {\n    return html`<div\n      class=\"single-option focus-target\"\n      @blur=${this.blur}\n      @keydown=${this.handleKeydown}\n      @click=\"${this._onClickOption}\"\n      role=\"option\"\n      aria-selected=\"${this.selected}\"\n    >\n      <slot></slot>\n    </div>`;\n  }\n\n  private checkboxOptionTemplate() {\n    return html`<bl-checkbox\n      class=\"checkbox-option focus-target\"\n      .checked=\"${this.selected}\"\n      .disabled=\"${this.disabled}\"\n      @bl-checkbox-change=\"${this._onCheckboxChange}\"\n      role=\"option\"\n      aria-selected=\"${this.selected}\"\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 handleKeydown(event: KeyboardEvent) {\n    if (event.code === \"Enter\" || event.code === \"Space\") {\n      this._onClickOption();\n      event.preventDefault();\n    }\n  }\n\n  private _handleEvent() {\n    this._onSelect(this.value);\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<ValueType>>(\"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": "mMACO,IAAMA,EAASC,6/CACfC,EAAQF,ECMf,IAAqBG,EAArB,cAAkFC,CAAW,CAA7F,kCAwBE,cAAW,GAMX,cAAW,GAGX,cAAW,GAhCX,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CASA,IAAI,OAAmB,CACrB,OAAO,KAAK,QAAW,KAAK,WAC9B,CAEA,IAAI,MAAMC,EAAgB,CACxB,KAAK,OAASA,CAChB,CAqCA,OAAQ,CACD,KAAK,WACR,KAAK,YAAY,SAAW,GAE9B,KAAK,YAAY,MAAM,EACvB,KAAK,QAAQ,KAAK,KAAK,CACzB,CAKA,MAAO,CACL,KAAK,OAAO,KAAK,KAAK,EACtB,KAAK,YAAY,SAAW,EAC9B,CAIQ,sBAAuB,CAC7B,OAAOC;AAAA;AAAA,cAEG,KAAK;AAAA,iBACF,KAAK;AAAA,gBACN,KAAK;AAAA;AAAA,uBAEE,KAAK;AAAA;AAAA;AAAA,WAI1B,CAEQ,wBAAyB,CAC/B,OAAOA;AAAA;AAAA,kBAEO,KAAK;AAAA,mBACJ,KAAK;AAAA,6BACK,KAAK;AAAA;AAAA,uBAEX,KAAK;AAAA;AAAA;AAAA,mBAI1B,CAEA,QAAS,CACP,OAAOA;AAAA,QACH,KAAK,SAAW,KAAK,uBAAuB,EAAI,KAAK,qBAAqB;AAAA,WAEhF,CAEQ,cAAcC,EAAsB,EACtCA,EAAM,OAAS,SAAWA,EAAM,OAAS,WAC3C,KAAK,eAAe,EACpBA,EAAM,eAAe,EAEzB,CAEQ,cAAe,CACrB,KAAK,UAAU,KAAK,KAAK,CAC3B,CAEQ,gBAAiB,CACvB,KAAK,SAAW,CAAC,KAAK,SACtB,KAAK,aAAa,CACpB,CAEQ,kBAAkBA,EAAoB,CAC5C,KAAK,SAAWA,EAAM,OACtB,KAAK,aAAa,CACpB,CAEA,mBAAoB,CAClB,MAAM,kBAAkB,EAExB,KAAK,eAAe,KAAK,IAAM,CAzInC,IAAAC,EAAAC,EA0IM,KAAK,SAAW,KAAK,QAA6B,WAAW,EAG7D,KAAK,WAAWD,EAAA,KAAK,WAAL,YAAAA,EAAe,WAAY,IAC3CC,EAAA,KAAK,WAAL,MAAAA,EAAe,eAAe,KAChC,CAAC,CACH,CAEA,sBAAuB,CAlJzB,IAAAD,EAmJI,MAAM,qBAAqB,GAC3BA,EAAA,KAAK,WAAL,MAAAA,EAAe,iBAAiB,KAClC,CACF,EAlIME,EAAA,CADHC,EAAS,CAAC,CAAC,GAXOT,EAYf,qBAYJQ,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAvBvBT,EAwBnB,wBAMAQ,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA7BvBT,EA8BnB,wBAGAQ,EAAA,CADCE,EAAM,GAhCYV,EAiCnB,wBAKmCQ,EAAA,CAAlCH,EAAM,kBAAkB,GAtCNL,EAsCgB,yBAKRQ,EAAA,CAA1BH,EAAM,UAAU,GA3CEL,EA2CQ,uBAKDQ,EAAA,CAAzBH,EAAM,SAAS,GAhDGL,EAgDO,sBAEMQ,EAAA,CAA/BG,EAAM,eAAe,GAlDHX,EAkDa,2BAlDbA,EAArBQ,EAAA,CADCC,EAAc,kBAAkB,GACZT",
-  "names": ["styles", "i", "bl_select_option_default", "BlSelectOption", "s", "bl_select_option_default", "val", "x", "event", "_a", "_b", "__decorateClass", "e", "t", "i"]
-}

package/dist/chunk-AMAOGVPQ.js

@@ -1,106 +0,0 @@
-import{b as T,d as k,f as z,g as $,h as E}from"./chunk-EZSEQHRH.js";import{a as S}from"./chunk-3B64VOWB.js";import{a as w}from"./chunk-DJOD4BTL.js";import{a as v}from"./chunk-6LT7O7T2.js";import{a as m}from"./chunk-GRL4DWKG.js";import{a as _,b as s,c as p,e as h,f as O}from"./chunk-X2KXJYXQ.js";import{a as g}from"./chunk-DINNT5P2.js";import{a as x,b as a,f}from"./chunk-4OT5AMS5.js";import{c as l}from"./chunk-CYCIT2TG.js";var M=x`:host{width:200px;display:inline-block}.select-wrapper{width:100%;position:relative;display:grid;gap:var(--bl-size-3xs);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--label-padding:var(--bl-size-3xs);--border-size:1px;--background-color:var(--bl-color-neutral-full);--border-color:var(--bl-color-neutral-lighter);--border-focus-color:var(--bl-color-primary-highlight);--icon-color:var(--bl-color-neutral-light);--text-color:var(--bl-color-neutral-darker);--label-color:var(--bl-color-neutral-dark);--placeholder-color:var(--bl-color-neutral-light);--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-neutral-lightest);--menu-height:250px;--popover-position:var(--bl-popover-position, fixed)}:host([multiple][view-select-all]) .select-wrapper{--menu-height:290px}: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-neutral-light)}.dirty.invalid{--border-color:var(--bl-color-danger);--border-focus-color:var(--bl-color-danger-highlight);--label-color:var(--bl-color-danger)}.select-input{display:grid;align-items:center;justify-content:space-between;grid-template-columns:1fr max-content max-content;cursor:pointer;box-sizing:border-box;height:var(--height);border:solid 1px var(--border-color);font:var(--bl-font-title-3-regular);padding:0 calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));border-radius:var(--bl-border-radius-s);color:var(--text-color);background-color:var(--background-color);/* stylelint-disable-next-line property-no-vendor-prefix */-webkit-user-select:none;user-select:none;margin:0;width:auto;min-width:100%}.label,.placeholder{color:var(--placeholder-color);padding-left:var(--label-padding);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}:host(:not([placeholder])) .placeholder,.select-wrapper.selected .placeholder,:host([label]:not([label-fixed])) .select-wrapper:not(.select-open) .placeholder{display:none}:host([label-fixed]) .label,:host(:not([label])) .label{display:none}.remove-all{display:none}.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-neutral-darker)}:host([disabled]) .dropdown-icon{--icon-color:var(--bl-color-neutral-light)}.select-open .select-input,.select-input:focus-visible{border:solid 1px var(--border-focus-color);outline:none}:host([disabled]){cursor:not-allowed}:host([disabled]) .select-input{pointer-events:none;background-color:var(--disabled-color)}.select-input .selected-options{padding:0;padding-left:var(--label-padding);margin:0;list-style:none;flex:1;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-neutral-light)}.select-input .actions{display:flex;align-items:center;justify-content:center;gap:var(--bl-size-4xs);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:none;box-sizing:border-box;max-height:var(--menu-height);overflow-y:auto;display:none;flex-direction:column;z-index:var(--bl-index-popover);width:100%;top:var(--top);left:var(--left)}.popover-no-result{display:flex;flex-direction:column;gap:var(--bl-size-2xs);align-items:center;justify-content:center;height:80px}.select-open .popover{display:flex;border:solid 1px var(--border-focus-color)}bl-icon{color:var(--icon-color)}legend,label{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}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));transition:all ease-in 0.1s;pointer-events:none;opacity:0;font:var(--bl-font-title-3-regular);font-size:var(--font-size);color:var(--placeholder-color)}legend{height:0;visibility:hidden;display:none}legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}:host([placeholder]) :where(.select-open, .selected) .label,:host(:not([placeholder])) .selected .label{display:none}:where(.select-open, .selected) label{top:0;transform:translateY(-50%);font:var(--bl-font-caption);color:var(--label-color);pointer-events:initial;right:var(--padding-horizontal);opacity:1}:host([label]) :where(.select-open, .selected) legend{max-width:100%;font:var(--bl-font-caption);display:block}:host([label-fixed]) label{position:static;padding:0;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--label-color);opacity:1}:host([label-fixed]) legend{display:none}.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-neutral-dark)}.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}.select-all{position:sticky;top:0;padding:var(--bl-size-xs) 0;background:var(--background-color);z-index:1;font:var(--bl-font-title-3-regular);/* Make sure option focus doesn't overflow */box-shadow:10px 0 0 var(--background-color),-10px 0 0 var(--background-color)}.select-all::after{position:absolute;content:"";width:100%;bottom:0;border-bottom:1px solid var(--bl-color-neutral-lighter)}.search-bar-input{font:var(--bl-font-title-3-regular);font-size:var(--font-size);color:var(--text-color);border:none;outline:none;background-color:transparent;width:100%;height:100%;padding:0;margin:0;box-sizing:border-box}.search-bar-input::placeholder{color:var(--placeholder-color)}.search-bar-input:focus-visible{outline:none}.search-loading-icon{animation:spin 1s linear infinite}.action-divider{display:none}.select-wrapper .action-divider{display:block;height:1rem;width:1px;background-color:var(--bl-color-neutral-lighter)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.actions bl-icon{padding:4px}`,C=M;var i=class extends w(f){constructor(){super(...arguments);this.size="medium";this.required=!1;this.disabled=!1;this.clearable=!1;this.multiple=!1;this.autofocus=!1;this.labelFixed=!1;this.viewSelectAll=!1;this.selectAllText="Select All";this.searchBar=!1;this.searchBarLoadingState=!1;this.searchNotFoundText="No Data Found";this.popoverClearSearchText="Clear Search";this._isPopoverOpen=!1;this._additionalSelectedOptionCount=0;this._searchText="";this._connectedOptions=[];this._cleanUpPopover=null;this._selectedOptions=[];this.dirty=!1;this._interactOutsideHandler=e=>{var o;let t=e.composedPath();(o=t==null?void 0:t.find(n=>n.tagName==="BL-SELECT"))!=null&&o.contains(this)||this.close()};this.focusedOptionIndex=-1}static get styles(){return[C]}get value(){return this._value}set value(e){if(this._value=e,Array.isArray(e)){let t=new FormData;e.forEach(o=>t.append(this.name,`${o}`)),this.setValue(t)}else this.setValue(e);this.setOptionsSelected()}shouldFormValueUpdate(){return this.value!==null&&this.value!==""}setOptionsSelected(){this._connectedOptions.forEach(e=>e.selected=this.value===e.value||Array.isArray(this.value)&&this.value.includes(e.value)),this._selectedOptions=[...this.options.filter(e=>e.selected)]}get options(){return this._connectedOptions}get opened(){return this._isPopoverOpen}get noResultFound(){return this._searchText!==""&&this._connectedOptions.every(e=>e.hidden)}get selectedOptions(){return this._selectedOptions}get additionalSelectedOptionCount(){return this._additionalSelectedOptionCount}validityCallback(){if(this.customInvalidText)return this.customInvalidText;let e=document.createElement("select");return e.required=this.required,e.validationMessage}reportValidity(){return this.dirty=!0,this.checkValidity()}resetFormControl(){this.value=this._initialValue}open(){this.searchBar&&setTimeout(()=>{var e,t,o;(o=(t=(e=document.activeElement)==null?void 0:e.shadowRoot)==null?void 0:t.querySelector("input"))==null||o.focus()},100),this._isPopoverOpen=!0,this._setupPopover(),document.addEventListener("click",this._interactOutsideHandler,!0),document.addEventListener("focus",this._interactOutsideHandler,!0)}close(){this._handleSearchOptions({target:{value:""}}),this._isPopoverOpen=!1,this.focusedOptionIndex=-1,this._cleanUpPopover&&this._cleanUpPopover(),document.removeEventListener("click",this._interactOutsideHandler,!0),document.removeEventListener("focus",this._interactOutsideHandler,!0)}_setupPopover(){this._cleanUpPopover=$(this._selectInput,this._popover,()=>{E(this._selectInput,this._popover,{placement:"bottom",strategy:"fixed",middleware:[T(),k(8),z({apply(e){Object.assign(e.elements.floating.style,{width:`${e.elements.reference.getBoundingClientRect().width}px`})}})]}).then(({x:e,y:t})=>{this._popover.style.setProperty("--left",`${e}px`),this._popover.style.setProperty("--top",`${t}px`)})})}connectedCallback(){var e;super.connectedCallback(),(e=this.form)==null||e.addEventListener("submit",t=>{this.reportValidity()||t.preventDefault()})}disconnectedCallback(){super.disconnectedCallback(),this._cleanUpPopover&&this._cleanUpPopover()}inputTemplate(){let e=a`<ul class="selected-options">
-      ${this._selectedOptions.map(b=>a`<li>${b.textContent}</li>`)}
-    </ul>`,n=!(this._selectedOptions.length>0&&this._selectedOptions.every(b=>b.disabled))&&(this.clearable||this.multiple)?a`<bl-button
-          class="remove-all"
-          size="small"
-          variant="tertiary"
-          kind="neutral"
-          icon="close"
-          @click=${this._onClickRemove}
-        ></bl-button>`:"",c=this.searchBar&&this.opened,d=this.multiple&&this._selectedOptions.length>0,r=c||d,u=a`<bl-icon
-      class="search-mag-icon"
-      name="search"
-      style="color: var(--bl-color-primary);font-size: var(--bl-font-size-s)"
-    ></bl-icon>`,V=a`<bl-icon
-      class="search-loading-icon"
-      name="loading"
-      style="color: var(--bl-color-primary);font-size: var(--bl-font-size-s)"
-    ></bl-icon>`,y=r?a`<div class="action-divider"></div>`:"",I=a`<fieldset
-      class=${v({"select-input":!0,"has-overflowed-options":this._additionalSelectedOptionCount>0})}
-      tabindex="${this.disabled?"-1":0}"
-      role="button"
-      aria-haspopup="listbox"
-      aria-expanded="${this.opened}"
-      aria-labelledby="label"
-      @click=${this.open}
-    >
-      <legend><span>${this.label}</span></legend>
-
-      ${this._selectedOptions.length>0&&!this.opened?e:a`
-            <input
-              class="search-bar-input"
-              placeholder="${g(this.searchBarPlaceholder||this.label)}"
-              @input=${this._handleSearchOptions}
-              .value=${this._searchText}
-            />
-          `}
-      ${this.opened?"":a`<span class="additional-selection-count"
-            >+${this._additionalSelectedOptionCount}</span
-          >`}
-
-      <div class="actions" @click=${this.togglePopover}>
-        ${this.opened?this.searchBarLoadingState?V:u:""}
-        ${this.opened?"":n} ${y}
-        <bl-icon class="dropdown-icon open" name="arrow_up"></bl-icon>
-
-        <bl-icon class="dropdown-icon closed" name="arrow_down"></bl-icon>
-      </div>
-    </fieldset>`;return this.searchBar?I:a`<fieldset
-          class=${v({"select-input":!0,"has-overflowed-options":this._additionalSelectedOptionCount>0})}
-          tabindex="${this.disabled?"-1":0}"
-          ?autofocus=${this.autofocus}
-          @click=${this.togglePopover}
-          role="button"
-          aria-haspopup="listbox"
-          aria-expanded="${this.opened}"
-          aria-labelledby="label"
-        >
-          <legend><span>${this.label}</span></legend>
-          <span class="placeholder">${this.placeholder}</span>
-          <span class="label">${this.label}</span>
-          ${e}
-          <span class="additional-selection-count">+${this._additionalSelectedOptionCount}</span>
-          <div class="actions">
-            ${n} ${y}
-            <bl-icon class="dropdown-icon open" name="arrow_up"></bl-icon>
-
-            <bl-icon class="dropdown-icon closed" name="arrow_down"></bl-icon>
-          </div>
-        </fieldset>`}selectAllTemplate(){if(!this.multiple||!this.viewSelectAll||this.noResultFound)return null;let e=this._connectedOptions.filter(o=>!o.hidden).every(o=>o.selected),t=this._selectedOptions.filter(o=>!o.hidden).length>0;return a`<bl-checkbox
-      class="select-all"
-      .checked="${e}"
-      .indeterminate="${t&&!e}"
-      role="option"
-      aria-selected="${e}"
-      @bl-checkbox-change="${this._handleSelectAll}"
-    >
-      ${this.selectAllText}
-    </bl-checkbox>`}render(){let e=this.checkValidity()?"":a`<p id="errorMessage" aria-live="polite" class="invalid-text">
-          ${this.validationMessage}
-        </p>`,t=this.helpText?a`<p class="help-text">${this.helpText}</p>`:"",o=this.label?a`<label id="label">${this.label}</label>`:"";return a`<div
-      class=${v({"select-wrapper":!0,"select-open":this.opened,selected:this._selectedOptions.length>0,invalid:!this.validity.valid,dirty:this.dirty})}
-      @keydown=${this.handleKeydown}
-    >
-      ${o} ${this.inputTemplate()}
-      <div
-        class="popover"
-        tabindex="${g(this._isPopoverOpen?void 0:"-1")}"
-        @bl-select-option=${this._handleSelectOptionEvent}
-        role="listbox"
-        aria-multiselectable="${this.multiple}"
-        aria-labelledby="label"
-      >
-        ${this.selectAllTemplate()}
-        <slot></slot>
-        ${this.searchBar&&this.noResultFound?a`<div name="popover-clear-search-text" class="popover-no-result">
-              <span>${this.searchNotFoundText}</span>
-              <bl-button
-                variant="tertiary"
-                @click=${()=>{this._handleSearchOptions({target:{value:""}})}}
-                >${this.popoverClearSearchText}</bl-button
-              >
-            </div>`:""}
-      </div>
-      <div class="hint">${e} ${t}</div>
-    </div> `}handleKeydown(e){this.focusedOptionIndex===-1&&["Enter","Space"].includes(e.code)?(this.togglePopover(),e.preventDefault()):this._isPopoverOpen===!1&&["ArrowDown","ArrowUp"].includes(e.code)?(this.open(),e.preventDefault()):e.code==="Escape"?(this.close(),e.preventDefault()):this._isPopoverOpen&&["ArrowDown","ArrowUp"].includes(e.code)&&(e.code==="ArrowDown"&&this.focusedOptionIndex++,e.code==="ArrowUp"&&this.focusedOptionIndex--,this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,this.options.length-1)),this.options[this.focusedOptionIndex].focus(),e.preventDefault())}togglePopover(){this._isPopoverOpen?this.close():this.open()}_handleSelectEvent(){let e=this._selectedOptions.map(t=>({value:t.value,selected:t.selected,text:t.textContent}));this.multiple?this._onBlSelect(e):this._onBlSelect(e[0])}_handleSearchEvent(){this._onBlSearch(this._searchText)}_handleSearchOptions(e){this.searchBar&&(this._searchText=e.target.value,this._handleSearchEvent(),this._connectedOptions.forEach(t=>{var n;let o=(n=t.textContent)==null?void 0:n.toLowerCase().includes(this._searchText.toLowerCase());t.hidden=!o}),this._selectedOptions=this.options.filter(t=>t.selected),this._handleLastVisibleSearchedOption(),this.requestUpdate())}_handleLastVisibleSearchedOption(){var t,o;let e=[...this.options].reverse().find(n=>!n.hidden);e&&((o=(t=e==null?void 0:e.shadowRoot)==null?void 0:t.querySelector("div"))==null||o.classList.add("no-border-bottom")),this.options.map(n=>{var c,d;!n.hidden&&n!==e&&((d=(c=n.shadowRoot)==null?void 0:c.querySelector("div"))==null||d.classList.remove("no-border-bottom"))})}_handleSingleSelect(e){this.value=e.value,this._handleSelectEvent(),this._isPopoverOpen=!1}_handleMultipleSelect(){this.value=this._connectedOptions.filter(e=>e.selected).map(e=>e.value),this._handleSelectEvent()}_handleSelectOptionEvent(e){let t=e.target;this.dirty=!0,this.multiple?this._handleMultipleSelect():this._handleSingleSelect(t)}_handleSelectAll(e){var d;let t=(d=this.shadowRoot)==null?void 0:d.querySelector(".select-all"),o=e.detail,c=this._connectedOptions.filter(r=>!r.selected&&!r.hidden).every(r=>r.disabled);if(o&&c){setTimeout(()=>{var u;let r=(u=t==null?void 0:t.shadowRoot)==null?void 0:u.querySelector("input");r==null||r.click()},0);return}this._connectedOptions.forEach(r=>{r.disabled||r.hidden||(r.selected=o)}),this._handleMultipleSelect()}_onClickRemove(e){e.stopPropagation();let t=this._selectedOptions.filter(o=>o.disabled);this._connectedOptions.filter(o=>!o.disabled&&o.selected).forEach(o=>{o.selected=!1}),this.value=t.length?t.map(o=>o.value):null,this._handleSelectEvent()}_checkAdditionalItemCount(){if(!this.multiple||!this.selectedOptionsItems||this.selectedOptionsItems.length<2){this._additionalSelectedOptionCount=0;return}let e=[...this.selectedOptionsItems].findIndex(t=>t.offsetLeft>this.selectedOptionsContainer.offsetWidth);e>-1?this._additionalSelectedOptionCount=this.selectedOptionsItems.length-e:this._additionalSelectedOptionCount=0}firstUpdated(){this.value===void 0&&(this.value=""),this._initialValue=this._value}updated(e){e.has("multiple")&&typeof e.get("multiple")=="boolean"&&(this.value=null),e.has("_selectedOptions")&&this._checkAdditionalItemCount()}registerOption(e){this._connectedOptions.push(e),e.selected&&(this.multiple?(Array.isArray(this.value)||(this.value=[]),this.value=[...this.value,e.value]):this.value=e.value),this.setOptionsSelected(),this.requestUpdate()}unregisterOption(e){this._connectedOptions.splice(this._connectedOptions.indexOf(e),1)}};i.shadowRootOptions={...f.shadowRootOptions,delegatesFocus:!0},i.formControlValidators=[S],l([s()],i.prototype,"name",2),l([s()],i.prototype,"value",1),l([s({reflect:!0})],i.prototype,"label",2),l([s({reflect:!0})],i.prototype,"placeholder",2),l([s({type:String,reflect:!0})],i.prototype,"size",2),l([s({type:Boolean,reflect:!0})],i.prototype,"required",2),l([s({type:Boolean,reflect:!0})],i.prototype,"disabled",2),l([s({type:Boolean,reflect:!0})],i.prototype,"clearable",2),l([s({type:Boolean,reflect:!0})],i.prototype,"multiple",2),l([s({type:Boolean,reflect:!0})],i.prototype,"autofocus",2),l([s({type:Boolean,attribute:"label-fixed",reflect:!0})],i.prototype,"labelFixed",2),l([s({type:String,attribute:"help-text",reflect:!0})],i.prototype,"helpText",2),l([s({type:String,attribute:"invalid-text",reflect:!0})],i.prototype,"customInvalidText",2),l([s({type:Boolean,attribute:"view-select-all"})],i.prototype,"viewSelectAll",2),l([s({type:String,attribute:"select-all-text"})],i.prototype,"selectAllText",2),l([s({type:Boolean,attribute:"search-bar",reflect:!0})],i.prototype,"searchBar",2),l([s({type:String,attribute:"search-bar-placeholder",reflect:!0})],i.prototype,"searchBarPlaceholder",2),l([s({type:Boolean,attribute:"search-bar-loading-state",reflect:!0})],i.prototype,"searchBarLoadingState",2),l([s({type:String,attribute:"search-not-found-text",reflect:!0})],i.prototype,"searchNotFoundText",2),l([s({type:String,attribute:"popover-clear-search-text",reflect:!0})],i.prototype,"popoverClearSearchText",2),l([p()],i.prototype,"_isPopoverOpen",2),l([p()],i.prototype,"_additionalSelectedOptionCount",2),l([p()],i.prototype,"_searchText",2),l([h(".selected-options")],i.prototype,"selectedOptionsContainer",2),l([O(".selected-options li")],i.prototype,"selectedOptionsItems",2),l([h(".popover")],i.prototype,"_popover",2),l([h(".select-input")],i.prototype,"_selectInput",2),l([m("bl-select")],i.prototype,"_onBlSelect",2),l([m("bl-search")],i.prototype,"_onBlSearch",2),l([p()],i.prototype,"_selectedOptions",2),l([p()],i.prototype,"dirty",2),l([h(".select-input")],i.prototype,"validationTarget",2),i=l([_("bl-select")],i);export{i as a};
-//# sourceMappingURL=chunk-AMAOGVPQ.js.map

package/dist/chunk-AMAOGVPQ.js.map

@@ -1,7 +0,0 @@
-{
-  "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:grid;gap:var(--bl-size-3xs);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--label-padding:var(--bl-size-3xs);--border-size:1px;--background-color:var(--bl-color-neutral-full);--border-color:var(--bl-color-neutral-lighter);--border-focus-color:var(--bl-color-primary-highlight);--icon-color:var(--bl-color-neutral-light);--text-color:var(--bl-color-neutral-darker);--label-color:var(--bl-color-neutral-dark);--placeholder-color:var(--bl-color-neutral-light);--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-neutral-lightest);--menu-height:250px;--popover-position:var(--bl-popover-position, fixed)}:host([multiple][view-select-all]) .select-wrapper{--menu-height:290px}: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-neutral-light)}.dirty.invalid{--border-color:var(--bl-color-danger);--border-focus-color:var(--bl-color-danger-highlight);--label-color:var(--bl-color-danger)}.select-input{display:grid;align-items:center;justify-content:space-between;grid-template-columns:1fr max-content max-content;cursor:pointer;box-sizing:border-box;height:var(--height);border:solid 1px var(--border-color);font:var(--bl-font-title-3-regular);padding:0 calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));border-radius:var(--bl-border-radius-s);color:var(--text-color);background-color:var(--background-color);/* stylelint-disable-next-line property-no-vendor-prefix */-webkit-user-select:none;user-select:none;margin:0;width:auto;min-width:100%}.label,.placeholder{color:var(--placeholder-color);padding-left:var(--label-padding);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}:host(:not([placeholder])) .placeholder,.select-wrapper.selected .placeholder,:host([label]:not([label-fixed])) .select-wrapper:not(.select-open) .placeholder{display:none}:host([label-fixed]) .label,:host(:not([label])) .label{display:none}.remove-all{display:none}.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-neutral-darker)}:host([disabled]) .dropdown-icon{--icon-color:var(--bl-color-neutral-light)}.select-open .select-input,.select-input:focus-visible{border:solid 1px var(--border-focus-color);outline:none}:host([disabled]){cursor:not-allowed}:host([disabled]) .select-input{pointer-events:none;background-color:var(--disabled-color)}.select-input .selected-options{padding:0;padding-left:var(--label-padding);margin:0;list-style:none;flex:1;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-neutral-light)}.select-input .actions{display:flex;align-items:center;justify-content:center;gap:var(--bl-size-4xs);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:none;box-sizing:border-box;max-height:var(--menu-height);overflow-y:auto;display:none;flex-direction:column;z-index:var(--bl-index-popover);width:100%;top:var(--top);left:var(--left)}.popover-no-result{display:flex;flex-direction:column;gap:var(--bl-size-2xs);align-items:center;justify-content:center;height:80px}.select-open .popover{display:flex;border:solid 1px var(--border-focus-color)}bl-icon{color:var(--icon-color)}legend,label{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}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));transition:all ease-in 0.1s;pointer-events:none;opacity:0;font:var(--bl-font-title-3-regular);font-size:var(--font-size);color:var(--placeholder-color)}legend{height:0;visibility:hidden;display:none}legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}:host([placeholder]) :where(.select-open, .selected) .label,:host(:not([placeholder])) .selected .label{display:none}:where(.select-open, .selected) label{top:0;transform:translateY(-50%);font:var(--bl-font-caption);color:var(--label-color);pointer-events:initial;right:var(--padding-horizontal);opacity:1}:host([label]) :where(.select-open, .selected) legend{max-width:100%;font:var(--bl-font-caption);display:block}:host([label-fixed]) label{position:static;padding:0;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--label-color);opacity:1}:host([label-fixed]) legend{display:none}.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-neutral-dark)}.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}.select-all{position:sticky;top:0;padding:var(--bl-size-xs) 0;background:var(--background-color);z-index:1;font:var(--bl-font-title-3-regular);/* Make sure option focus doesn't overflow */box-shadow:10px 0 0 var(--background-color),-10px 0 0 var(--background-color)}.select-all::after{position:absolute;content:\"\";width:100%;bottom:0;border-bottom:1px solid var(--bl-color-neutral-lighter)}.search-bar-input{font:var(--bl-font-title-3-regular);font-size:var(--font-size);color:var(--text-color);border:none;outline:none;background-color:transparent;width:100%;height:100%;padding:0;margin:0;box-sizing:border-box}.search-bar-input::placeholder{color:var(--placeholder-color)}.search-bar-input:focus-visible{outline:none}.search-loading-icon{animation:spin 1s linear infinite}.action-divider{display:none}.select-wrapper .action-divider{display:block;height:1rem;width:1px;background-color:var(--bl-color-neutral-lighter)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.actions bl-icon{padding:4px}`;\nexport default styles;\n", "import { 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 { autoUpdate, computePosition, flip, MiddlewareState, 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 { event, EventDispatcher } from \"../../utilities/event\";\nimport BlCheckbox from \"../checkbox-group/checkbox/bl-checkbox\";\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 = string> {\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 * @tag bl-select\n * @summary Baklava Select component\n *\n * @cssproperty [--bl-popover-position=fixed] Sets the positioning strategy of select popover. You can set it as `absolute` if you need to show popover relative to its trigger element.\n */\n@customElement(\"bl-select\")\nexport default class BlSelect<ValueType extends FormValue = string> extends FormControlMixin(\n  LitElement\n) {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n  static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true };\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\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({ reflect: true })\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   * Sets whether the selected option is clearable\n   */\n  @property({ type: Boolean, reflect: true })\n  clearable = false;\n\n  /**\n   * Allows multiple options to be selected\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * Sets input to get keyboard focus automatically\n   */\n  @property({ type: Boolean, reflect: true })\n  autofocus = 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\", reflect: true })\n  helpText?: string;\n\n  /**\n   * Set custom error message\n   */\n  @property({ type: String, attribute: \"invalid-text\", reflect: true })\n  customInvalidText?: string;\n\n  /**\n   * Views select all option in multiple select\n   */\n  @property({ type: Boolean, attribute: \"view-select-all\" })\n  viewSelectAll = false;\n\n  /**\n   * Sets select all text in multiple select\n   */\n  @property({ type: String, attribute: \"select-all-text\" })\n  selectAllText = \"Select All\";\n\n  /**\n   * Enable search functionality for the options within the list\n   */\n  @property({ type: Boolean, attribute: \"search-bar\", reflect: true })\n  searchBar = false;\n\n  /**\n   * Search for text variations such as \"search,\" \"searching,\" \"search by country,\" and so on\n   */\n  @property({ type: String, attribute: \"search-bar-placeholder\", reflect: true })\n  searchBarPlaceholder?: string;\n\n  /**\n   * Display a loading icon in place of the search icon.\n   */\n  @property({ type: Boolean, attribute: \"search-bar-loading-state\", reflect: true })\n  searchBarLoadingState = false;\n\n  /**\n   * Text to display when no search results are found.\n   */\n  @property({ type: String, attribute: \"search-not-found-text\", reflect: true })\n  searchNotFoundText = \"No Data Found\";\n\n  /**\n   * Text to display on the clear search button.\n   */\n  @property({ type: String, attribute: \"popover-clear-search-text\", reflect: true })\n  popoverClearSearchText = \"Clear Search\";\n\n  /* Declare internal reactive properties */\n  @state()\n  private _isPopoverOpen = false;\n\n  @state()\n  private _additionalSelectedOptionCount = 0;\n\n  @state()\n  private _searchText = \"\";\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<\n    ISelectOption<ValueType>[] | ISelectOption<ValueType>\n  >;\n\n  /**\n   * Fires when search text changes\n   */\n  @event(\"bl-search\") private _onBlSearch: EventDispatcher<string>;\n\n  private _connectedOptions: BlSelectOption<ValueType>[] = [];\n\n  private _cleanUpPopover: CleanUpFunction | null = null;\n\n  private setOptionsSelected() {\n    this._connectedOptions.forEach(\n      option =>\n        (option.selected =\n          this.value === option.value ||\n          (Array.isArray(this.value) && this.value.includes(option.value)))\n    );\n\n    this._selectedOptions = [...this.options.filter(option => option.selected)];\n  }\n\n  get options() {\n    return this._connectedOptions;\n  }\n\n  get opened() {\n    return this._isPopoverOpen;\n  }\n\n  get noResultFound() {\n    return this._searchText !== \"\" && this._connectedOptions.every(option => option.hidden);\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\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    if (this.searchBar) {\n      setTimeout(() => {\n        document.activeElement?.shadowRoot?.querySelector(\"input\")?.focus();\n      }, 100);\n    }\n\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._handleSearchOptions({ target: { value: \"\" } } as InputEvent & {\n      target: HTMLInputElement;\n    });\n\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: MiddlewareState) {\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\n    const isAllSelectedDisabled =\n      this._selectedOptions.length > 0 && this._selectedOptions.every(option => option.disabled);\n    const isRemoveButtonShown = !isAllSelectedDisabled && (this.clearable || this.multiple);\n    const removeButton = isRemoveButtonShown\n      ? html`<bl-button\n          class=\"remove-all\"\n          size=\"small\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          icon=\"close\"\n          @click=${this._onClickRemove}\n        ></bl-button>`\n      : \"\";\n\n    const isSearchBarVisible = this.searchBar && this.opened;\n    const isMultipleWithSelection = this.multiple && this._selectedOptions.length > 0;\n\n    const isDividerShown = isSearchBarVisible || isMultipleWithSelection;\n\n    const searchMagIcon = html`<bl-icon\n      class=\"search-mag-icon\"\n      name=\"search\"\n      style=\"color: var(--bl-color-primary);font-size: var(--bl-font-size-s)\"\n    ></bl-icon>`;\n\n    const searchLoadingIcon = html`<bl-icon\n      class=\"search-loading-icon\"\n      name=\"loading\"\n      style=\"color: var(--bl-color-primary);font-size: var(--bl-font-size-s)\"\n    ></bl-icon>`;\n\n    const actionDivider = isDividerShown ? html`<div class=\"action-divider\"></div>` : \"\";\n\n    const search = html`<fieldset\n      class=${classMap({\n        \"select-input\": true,\n        \"has-overflowed-options\": this._additionalSelectedOptionCount > 0,\n      })}\n      tabindex=\"${this.disabled ? \"-1\" : 0}\"\n      role=\"button\"\n      aria-haspopup=\"listbox\"\n      aria-expanded=\"${this.opened}\"\n      aria-labelledby=\"label\"\n      @click=${this.open}\n    >\n      <legend><span>${this.label}</span></legend>\n\n      ${this._selectedOptions.length > 0 && !this.opened\n        ? inputSelectedOptions\n        : html`\n            <input\n              class=\"search-bar-input\"\n              placeholder=\"${ifDefined(this.searchBarPlaceholder || this.label)}\"\n              @input=${this._handleSearchOptions}\n              .value=${this._searchText}\n            />\n          `}\n      ${!this.opened\n        ? html`<span class=\"additional-selection-count\"\n            >+${this._additionalSelectedOptionCount}</span\n          >`\n        : \"\"}\n\n      <div class=\"actions\" @click=${this.togglePopover}>\n        ${this.opened ? (this.searchBarLoadingState ? searchLoadingIcon : searchMagIcon) : \"\"}\n        ${!this.opened ? removeButton : \"\"} ${actionDivider}\n        <bl-icon class=\"dropdown-icon open\" name=\"arrow_up\"></bl-icon>\n\n        <bl-icon class=\"dropdown-icon closed\" name=\"arrow_down\"></bl-icon>\n      </div>\n    </fieldset>`;\n\n    return this.searchBar\n      ? search\n      : html`<fieldset\n          class=${classMap({\n            \"select-input\": true,\n            \"has-overflowed-options\": this._additionalSelectedOptionCount > 0,\n          })}\n          tabindex=\"${this.disabled ? \"-1\" : 0}\"\n          ?autofocus=${this.autofocus}\n          @click=${this.togglePopover}\n          role=\"button\"\n          aria-haspopup=\"listbox\"\n          aria-expanded=\"${this.opened}\"\n          aria-labelledby=\"label\"\n        >\n          <legend><span>${this.label}</span></legend>\n          <span class=\"placeholder\">${this.placeholder}</span>\n          <span class=\"label\">${this.label}</span>\n          ${inputSelectedOptions}\n          <span class=\"additional-selection-count\">+${this._additionalSelectedOptionCount}</span>\n          <div class=\"actions\">\n            ${removeButton} ${actionDivider}\n            <bl-icon class=\"dropdown-icon open\" name=\"arrow_up\"></bl-icon>\n\n            <bl-icon class=\"dropdown-icon closed\" name=\"arrow_down\"></bl-icon>\n          </div>\n        </fieldset>`;\n  }\n\n  selectAllTemplate() {\n    if (!this.multiple || !this.viewSelectAll || this.noResultFound) {\n      return null;\n    }\n\n    const isAllRenderedOptionsSelected = this._connectedOptions\n      .filter(option => !option.hidden)\n      .every(option => option.selected);\n    const isAnySelected = this._selectedOptions.filter(option => !option.hidden).length > 0;\n\n    return html`<bl-checkbox\n      class=\"select-all\"\n      .checked=\"${isAllRenderedOptionsSelected}\"\n      .indeterminate=\"${isAnySelected && !isAllRenderedOptionsSelected}\"\n      role=\"option\"\n      aria-selected=\"${isAllRenderedOptionsSelected}\"\n      @bl-checkbox-change=\"${this._handleSelectAll}\"\n    >\n      ${this.selectAllText}\n    </bl-checkbox>`;\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\n    const helpMessage = this.helpText ? html`<p class=\"help-text\">${this.helpText}</p>` : \"\";\n\n    const label = this.label ? html`<label id=\"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} ${this.inputTemplate()}\n      <div\n        class=\"popover\"\n        tabindex=\"${ifDefined(this._isPopoverOpen ? undefined : \"-1\")}\"\n        @bl-select-option=${this._handleSelectOptionEvent}\n        role=\"listbox\"\n        aria-multiselectable=\"${this.multiple}\"\n        aria-labelledby=\"label\"\n      >\n        ${this.selectAllTemplate()}\n        <slot></slot>\n        ${this.searchBar && this.noResultFound\n          ? html`<div name=\"popover-clear-search-text\" class=\"popover-no-result\">\n              <span>${this.searchNotFoundText}</span>\n              <bl-button\n                variant=\"tertiary\"\n                @click=${() => {\n                  this._handleSearchOptions({ target: { value: \"\" } } as InputEvent & {\n                    target: HTMLInputElement;\n                  });\n                }}\n                >${this.popoverClearSearchText}</bl-button\n              >\n            </div>`\n          : \"\"}\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  private togglePopover() {\n    this._isPopoverOpen ? this.close() : this.open();\n  }\n\n  private _handleSelectEvent() {\n    const options = this._selectedOptions.map(\n      option =>\n        ({\n          value: option.value,\n          selected: option.selected,\n          text: option.textContent,\n        } as ISelectOption<ValueType>)\n    );\n\n    if (!this.multiple) this._onBlSelect(options[0]);\n    else this._onBlSelect(options);\n  }\n\n  private _handleSearchEvent() {\n    this._onBlSearch(this._searchText);\n  }\n\n  private _handleSearchOptions(e: InputEvent): void {\n    if (!this.searchBar) return;\n\n    this._searchText = (e.target as HTMLInputElement).value;\n\n    this._handleSearchEvent();\n\n    this._connectedOptions.forEach(option => {\n      const isVisible = option.textContent?.toLowerCase().includes(this._searchText.toLowerCase());\n\n      option.hidden = !isVisible;\n    });\n\n    this._selectedOptions = this.options.filter(option => option.selected);\n\n    this._handleLastVisibleSearchedOption();\n\n    this.requestUpdate();\n  }\n\n  private _handleLastVisibleSearchedOption() {\n    const lastVisibleOption = [...this.options].reverse().find(option => !option.hidden);\n\n    if (lastVisibleOption) {\n      lastVisibleOption?.shadowRoot?.querySelector(\"div\")?.classList.add(\"no-border-bottom\");\n    }\n\n    this.options.map(option => {\n      if (!option.hidden && option !== lastVisibleOption) {\n        option.shadowRoot?.querySelector(\"div\")?.classList.remove(\"no-border-bottom\");\n      }\n    });\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\n      .filter(option => option.selected)\n      .map(option => option.value);\n\n    this._handleSelectEvent();\n  }\n\n  private _handleSelectOptionEvent(e: CustomEvent) {\n    const optionItem = e.target as BlSelectOption<ValueType>;\n\n    this.dirty = true;\n\n    if (this.multiple) {\n      this._handleMultipleSelect();\n    } else {\n      this._handleSingleSelect(optionItem);\n    }\n  }\n\n  private _handleSelectAll(e: CustomEvent) {\n    const selectAllEl = this.shadowRoot?.querySelector(\".select-all\") as BlCheckbox;\n\n    const checked = e.detail;\n    const unselectedOptions = this._connectedOptions.filter(\n      option => !option.selected && !option.hidden\n    );\n    const isAllUnselectedDisabled = unselectedOptions.every(option => option.disabled);\n\n    // If all available options are selected, instead of checking, uncheck all options\n    if (checked && isAllUnselectedDisabled) {\n      setTimeout(() => {\n        const checkbox = selectAllEl?.shadowRoot?.querySelector(\"input\");\n\n        checkbox?.click();\n      }, 0);\n      return;\n    }\n\n    this._connectedOptions.forEach(option => {\n      if (option.disabled || option.hidden) {\n        return;\n      }\n\n      option.selected = checked;\n    });\n\n    this._handleMultipleSelect();\n  }\n\n  private _onClickRemove(e: MouseEvent) {\n    e.stopPropagation();\n\n    const selectedDisabledOptions = this._selectedOptions.filter(option => option.disabled);\n\n    this._connectedOptions\n      .filter(option => !option.disabled && option.selected)\n      .forEach(option => {\n        option.selected = false;\n      });\n\n    this.value = selectedDisabledOptions.length\n      ? selectedDisabledOptions.map(option => option.value)\n      : null;\n    this._handleSelectEvent();\n  }\n\n  private _checkAdditionalItemCount() {\n    if (!this.multiple || !this.selectedOptionsItems || this.selectedOptionsItems.length < 2) {\n      this._additionalSelectedOptionCount = 0;\n      return;\n    }\n\n    const firstNonVisibleItemIndex = [...this.selectedOptionsItems].findIndex(\n      item => item.offsetLeft > this.selectedOptionsContainer.offsetWidth\n    );\n\n    if (firstNonVisibleItemIndex > -1) {\n      this._additionalSelectedOptionCount =\n        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    if (_changedProperties.has(\"_selectedOptions\")) {\n      this._checkAdditionalItemCount();\n    }\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", "_b", "_c", "autoUpdate", "computePosition", "flip", "offset", "size", "args", "x", "y", "e", "inputSelectedOptions", "item", "removeButton", "isSearchBarVisible", "isMultipleWithSelection", "isDividerShown", "searchMagIcon", "searchLoadingIcon", "actionDivider", "search", "o", "l", "isAllRenderedOptionsSelected", "isAnySelected", "invalidMessage", "helpMessage", "label", "options", "isVisible", "lastVisibleOption", "optionItem", "selectAllEl", "checked", "isAllUnselectedDisabled", "checkbox", "selectedDisabledOptions", "firstNonVisibleItemIndex", "_changedProperties", "requiredValidator", "__decorateClass", "t", "i"]
-}

package/dist/chunk-BNACGMP2.js

@@ -1,16 +0,0 @@
-import{a as b}from"./chunk-GRL4DWKG.js";import{a as h,b as i}from"./chunk-X2KXJYXQ.js";import{a as d}from"./chunk-DINNT5P2.js";import{a as l,b as c,f as n}from"./chunk-4OT5AMS5.js";import{c as r}from"./chunk-CYCIT2TG.js";var p=l`:host{display:inline-block;cursor:pointer}span{display:inline-block}.switch{--track-height:var(--bl-size-xl);--track-width:var(--bl-size-4xl);--thumb-offset:var(--bl-size-4xs);--thumb-height:calc(var(--track-height) - calc(2 * var(--thumb-offset)));--thumb-width:var(--thumb-height);/* TODO: use predefined animation duration once it is ready */--animation-duration:var(--bl-switch-animation-duration, 300ms);--switch-color:var(--bl-switch-color-off, var(--bl-color-neutral-lighter));background-color:var(--switch-color);border-radius:var(--bl-border-radius-pill);height:var(--track-height);transition-property:background-color;transition-duration:var(--animation-duration);width:var(--track-width)}.switch::before{content:"";display:inline-block;background-color:white;border-radius:var(--bl-border-radius-circle);height:var(--thumb-height);left:var(--thumb-offset);position:relative;top:var(--thumb-offset);transition:transform;transition-duration:var(--animation-duration);width:var(--thumb-width)}:host([checked]) .switch{--switch-color:var(--bl-switch-color-on, var(--bl-switch-color, var(--bl-color-primary)))}:host([checked]) .switch::before{transform:translateX(
-    calc(var(--track-width) - var(--thumb-width) - calc(2 * var(--thumb-offset)))
-  )}:host([disabled]) .switch{opacity:0.5}:host([disabled]){cursor:not-allowed}.switch:focus-visible{position:relative;outline:none}.switch:focus-visible::after{border:2px solid var(--switch-color);border-radius:var(--bl-border-radius-pill);content:"";position:absolute;inset:-3px}`,u=p;var m="bl-switch",t=class extends n{constructor(){super(...arguments);this.checked=!1;this.disabled=!1}static get styles(){return[u]}toggle(){this.disabled||(this.checked=!this.checked,this.onToggle(this.checked))}handleKeyDown(e){(e.code==="Enter"||e.code==="Space")&&(this.toggle(),e.preventDefault())}render(){var a,o,s;let e=(s=(o=this.ariaLabel)!=null?o:(a=this.attributes.getNamedItem("aria-label"))==null?void 0:a.value)!=null?s:void 0;return c`
-      <span
-        class="switch"
-        role="switch"
-        aria-checked=${this.checked}
-        aria-readonly=${!!this.disabled}
-        @click=${this.toggle}
-        @keydown=${this.handleKeyDown}
-        aria-label=${d(e)}
-        tabindex="0"
-      >
-      </span>
-    `}};r([i({type:Boolean,reflect:!0})],t.prototype,"checked",2),r([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),r([b("bl-switch-toggle")],t.prototype,"onToggle",2),t=r([h(m)],t);export{m as a,t as b};
-//# sourceMappingURL=chunk-BNACGMP2.js.map

package/dist/chunk-BNACGMP2.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/switch/bl-switch.css", "../src/components/switch/bl-switch.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;cursor:pointer}span{display:inline-block}.switch{--track-height:var(--bl-size-xl);--track-width:var(--bl-size-4xl);--thumb-offset:var(--bl-size-4xs);--thumb-height:calc(var(--track-height) - calc(2 * var(--thumb-offset)));--thumb-width:var(--thumb-height);/* TODO: use predefined animation duration once it is ready */--animation-duration:var(--bl-switch-animation-duration, 300ms);--switch-color:var(--bl-switch-color-off, var(--bl-color-neutral-lighter));background-color:var(--switch-color);border-radius:var(--bl-border-radius-pill);height:var(--track-height);transition-property:background-color;transition-duration:var(--animation-duration);width:var(--track-width)}.switch::before{content:\"\";display:inline-block;background-color:white;border-radius:var(--bl-border-radius-circle);height:var(--thumb-height);left:var(--thumb-offset);position:relative;top:var(--thumb-offset);transition:transform;transition-duration:var(--animation-duration);width:var(--thumb-width)}:host([checked]) .switch{--switch-color:var(--bl-switch-color-on, var(--bl-switch-color, var(--bl-color-primary)))}:host([checked]) .switch::before{transform:translateX(\n    calc(var(--track-width) - var(--thumb-width) - calc(2 * var(--thumb-offset)))\n  )}:host([disabled]) .switch{opacity:0.5}:host([disabled]){cursor:not-allowed}.switch:focus-visible{position:relative;outline:none}.switch:focus-visible::after{border:2px solid var(--switch-color);border-radius:var(--bl-border-radius-pill);content:\"\";position:absolute;inset:-3px}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport style from \"./bl-switch.css\";\n\nexport const blSwitchTag = \"bl-switch\";\n\n/**\n * @tag bl-switch\n * @summary Baklava Switch component\n *\n * @cssproperty [--bl-switch-color-on=--bl-color-primary] Set the checked color\n * @cssproperty [--bl-switch-color-off=--bl-color-neutral-lighter] Set the unchecked color\n * @cssproperty [--bl-switch-animation-duration=300ms] Set the animation duration of switch toggle\n */\n@customElement(blSwitchTag)\nexport default class BlSwitch extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the checked state for switch\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * Sets the disabled state for switch\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled? = false;\n\n  /**\n   * Fires whenever user toggles the switch\n   */\n  @event(\"bl-switch-toggle\") private onToggle: EventDispatcher<boolean>;\n\n  toggle() {\n    if (this.disabled) return;\n\n    this.checked = !this.checked;\n    this.onToggle(this.checked);\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.code === \"Enter\" || event.code === \"Space\") {\n      this.toggle();\n      event.preventDefault();\n    }\n  }\n\n  render(): TemplateResult {\n    const ariaLabel =\n      this.ariaLabel ?? this.attributes.getNamedItem(\"aria-label\")?.value ?? undefined;\n\n    return html`\n      <span\n        class=\"switch\"\n        role=\"switch\"\n        aria-checked=${this.checked}\n        aria-readonly=${!!this.disabled}\n        @click=${this.toggle}\n        @keydown=${this.handleKeyDown}\n        aria-label=${ifDefined(ariaLabel)}\n        tabindex=\"0\"\n      >\n      </span>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blSwitchTag]: BlSwitch;\n  }\n}\n"],
-  "mappings": "6NACO,IAAMA,EAASC;AAAA;AAAA,2RAGfC,EAAQF,ECER,IAAMG,EAAc,YAWNC,EAArB,cAAsCC,CAAW,CAAjD,kCASE,aAAU,GAMV,cAAY,GAdZ,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAmBA,QAAS,CACH,KAAK,WAET,KAAK,QAAU,CAAC,KAAK,QACrB,KAAK,SAAS,KAAK,OAAO,EAC5B,CAEQ,cAAcC,EAAsB,EACtCA,EAAM,OAAS,SAAWA,EAAM,OAAS,WAC3C,KAAK,OAAO,EACZA,EAAM,eAAe,EAEzB,CAEA,QAAyB,CArD3B,IAAAC,EAAAC,EAAAC,EAsDI,IAAMC,GACJD,GAAAD,EAAA,KAAK,YAAL,KAAAA,GAAkBD,EAAA,KAAK,WAAW,aAAa,YAAY,IAAzC,YAAAA,EAA4C,QAA9D,KAAAE,EAAuE,OAEzE,OAAOE;AAAA;AAAA;AAAA;AAAA,uBAIY,KAAK;AAAA,wBACJ,CAAC,CAAC,KAAK;AAAA,iBACd,KAAK;AAAA,mBACH,KAAK;AAAA,qBACHC,EAAUF,CAAS;AAAA;AAAA;AAAA;AAAA,KAKtC,CACF,EA7CEG,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GARvBX,EASnB,uBAMAU,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAdvBX,EAenB,wBAKmCU,EAAA,CAAlCP,EAAM,kBAAkB,GApBNH,EAoBgB,wBApBhBA,EAArBU,EAAA,CADCC,EAAcZ,CAAW,GACLC",
-  "names": ["styles", "i", "bl_switch_default", "blSwitchTag", "BlSwitch", "s", "bl_switch_default", "event", "_a", "_b", "_c", "ariaLabel", "x", "l", "__decorateClass", "e"]
-}

package/dist/chunk-CYCIT2TG.js

@@ -1,2 +0,0 @@
-var k=Object.create,i=Object.freeze,f=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,n=Object.prototype.hasOwnProperty;var p=(b,a)=>()=>(a||b((a={exports:{}}).exports,a),a.exports);var o=(b,a,d,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let c of l(a))!n.call(b,c)&&c!==d&&f(b,c,{get:()=>a[c],enumerable:!(e=j(a,c))||e.enumerable});return b};var q=(b,a,d)=>(d=b!=null?k(m(b)):{},o(a||!b||!b.__esModule?f(d,"default",{value:b,enumerable:!0}):d,b));var r=(b,a,d,e)=>{for(var c=e>1?void 0:e?j(a,d):a,g=b.length-1,h;g>=0;g--)(h=b[g])&&(c=(e?h(a,d,c):h(c))||c);return e&&c&&f(a,d,c),c};var s=(b,a)=>i(f(b,"raw",{value:i(a||b.slice())}));export{p as a,q as b,r as c,s as d};
-//# sourceMappingURL=chunk-CYCIT2TG.js.map

package/dist/chunk-DJOD4BTL.js

@@ -1,2 +0,0 @@
-var d=function(u,c,g,o){if(g==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof c=="function"?u!==c||!o:!c.has(u))throw new TypeError("Cannot read private member from an object whose class did not declare it");return g==="m"?o:g==="a"?o.call(u):o?o.value:c.get(u)},w=function(u,c,g,o,y){if(o==="m")throw new TypeError("Private method is not writable");if(o==="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 o==="a"?y.call(u,g):y?y.value=g:c.set(u,g),g};function pt(u){var c,g,o,y,S,P,E,Z,_,D,$,U,O,k,T,V,z,q,B;class J extends u{constructor(...s){var n,m,p;super(...s),c.add(this),this.internals=this.attachInternals(),g.set(this,!1),o.set(this,!1),y.set(this,!1),S.set(this,void 0),P.set(this,void 0),E.set(this,!0),_.set(this,""),D.set(this,()=>{w(this,y,!0,"f"),w(this,g,!0,"f"),d(this,c,"m",V).call(this)}),$.set(this,()=>{w(this,g,!1,"f"),d(this,c,"m",z).call(this,this.shouldFormValueUpdate()?d(this,_,"f"):""),!this.validity.valid&&d(this,y,"f")&&w(this,o,!0,"f");let F=d(this,c,"m",V).call(this);this.validationMessageCallback&&this.validationMessageCallback(F?this.internals.validationMessage:"")}),U.set(this,()=>{var F;d(this,E,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),w(this,E,!1,"f")),w(this,y,!0,"f"),w(this,o,!0,"f"),d(this,c,"m",V).call(this),(F=this===null||this===void 0?void 0:this.validationMessageCallback)===null||F===void 0||F.call(this,this.showError?this.internals.validationMessage:"")}),O.set(this,void 0),k.set(this,!1),T.set(this,Promise.resolve()),(n=this.addEventListener)===null||n===void 0||n.call(this,"focus",d(this,D,"f")),(m=this.addEventListener)===null||m===void 0||m.call(this,"blur",d(this,$,"f")),(p=this.addEventListener)===null||p===void 0||p.call(this,"invalid",d(this,U,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let s=this.validators.map(p=>p.attribute).flat(),n=super.observedAttributes||[];return[...new Set([...n,...s])]}static getValidator(s){return this.validators.find(n=>n.attribute===s)||null}static getValidators(s){return this.validators.filter(n=>{var m;if(n.attribute===s||!((m=n.attribute)===null||m===void 0)&&m.includes(s))return!0})}get form(){return this.internals.form}get showError(){return d(this,c,"m",V).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(s,n,m){var p;(p=super.attributeChangedCallback)===null||p===void 0||p.call(this,s,n,m);let x=this.constructor.getValidators(s);x!=null&&x.length&&this.validationTarget&&this.setValue(d(this,_,"f"))}setValue(s){var n;w(this,o,!1,"f"),(n=this.validationMessageCallback)===null||n===void 0||n.call(this,""),w(this,_,s,"f");let p=this.shouldFormValueUpdate()?s:null;this.internals.setFormValue(p),d(this,c,"m",z).call(this,p),this.valueChangedCallback&&this.valueChangedCallback(p),d(this,c,"m",V).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(s=>s(d(this,T,"f")))}formResetCallback(){var s,n;w(this,y,!1,"f"),w(this,o,!1,"f"),d(this,c,"m",V).call(this),(s=this.resetFormControl)===null||s===void 0||s.call(this),(n=this.validationMessageCallback)===null||n===void 0||n.call(this,d(this,c,"m",V).call(this)?this.validationMessage:"")}}return g=new WeakMap,o=new WeakMap,y=new WeakMap,S=new WeakMap,P=new WeakMap,E=new WeakMap,_=new WeakMap,D=new WeakMap,$=new WeakMap,U=new WeakMap,O=new WeakMap,k=new WeakMap,T=new WeakMap,c=new WeakSet,Z=function(){let s=this.getRootNode(),n=`${this.localName}[name="${this.getAttribute("name")}"]`;return s.querySelectorAll(n)},V=function(){if(this.hasAttribute("disabled"))return!1;let s=d(this,o,"f")||d(this,y,"f")&&!this.validity.valid&&!d(this,g,"f");return s&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),s},z=function(s){let n=this.constructor,m={},p=n.validators,F=[],x=p.some(M=>M.isValid instanceof Promise);d(this,k,"f")||(w(this,T,new Promise(M=>{w(this,O,M,"f")}),"f"),w(this,k,!0,"f")),d(this,S,"f")&&(d(this,S,"f").abort(),w(this,P,d(this,S,"f"),"f"));let R=new AbortController;w(this,S,R,"f");let L,H=!1;p.length&&(p.forEach(M=>{let K=M.key||"customError",N=M.isValid(this,s,R.signal);N instanceof Promise?(F.push(N),N.then(G=>{G!=null&&(m[K]=!G,L=d(this,c,"m",B).call(this,M,s),d(this,c,"m",q).call(this,m,L))})):(m[K]=!N,this.validity[K]!==!N&&(H=!0),!N&&!L&&(L=d(this,c,"m",B).call(this,M,s)))}),Promise.allSettled(F).then(()=>{var M;R!=null&&R.signal.aborted||(w(this,k,!1,"f"),(M=d(this,O,"f"))===null||M===void 0||M.call(this))}),(H||!x)&&d(this,c,"m",q).call(this,m,L))},q=function(s,n){if(this.validationTarget)this.internals.setValidity(s,n,this.validationTarget),w(this,E,!1,"f");else{if(this.internals.setValidity(s,n),this.internals.validity.valid)return;w(this,E,!0,"f")}},B=function(s,n){if(this.validityCallback){let m=this.validityCallback(s.key||"customError");if(m)return m}return s.message instanceof Function?s.message(this,n):s.message},J}(function(){"use strict";let u=new WeakMap,c=new WeakMap,g=new WeakMap,o=new WeakMap,y=new WeakMap,S=new WeakMap,P=new WeakMap,E=new WeakMap,Z=new WeakMap,_=new WeakMap,D=new WeakMap,$=new WeakMap,U=new WeakMap,O=new WeakMap,k=new WeakMap,T={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"},V=(e,t)=>{for(let a in T){t[a]=null;let i=null,r=T[a];Object.defineProperty(t,a,{get(){return i},set(h){i=h,e.isConnected?e.setAttribute(r,h):_.set(e,t)}})}};function z(e){let t=o.get(e),{form:a}=t;G(e,a,t),L(e,t.labels)}let q=(e,t=!1)=>{let a=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode(h){return o.has(h)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}}),i=a.nextNode(),r=!t||e.disabled;for(;i;)i.formDisabledCallback&&r&&p(i,e.disabled),i=a.nextNode()},B={attributes:!0,attributeFilter:["disabled"]},J=new MutationObserver(e=>{for(let t of e){let a=t.target;a.constructor.formAssociated?p(a,a.hasAttribute("disabled")):a.localName==="fieldset"&&q(a)}});function A(e){e.forEach(t=>{let{addedNodes:a,removedNodes:i}=t,r=Array.from(a),h=Array.from(i);r.forEach(l=>{if(o.has(l)&&l.constructor.formAssociated&&z(l),_.has(l)){let v=_.get(l);Object.keys(T).filter(f=>v[f]!==null).forEach(f=>{l.setAttribute(T[f],v[f])}),_.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=E.get(l),C=document.createTreeWalker(l,NodeFilter.SHOW_ELEMENT,{acceptNode(b){return o.has(b)&&!(v&&v.has(b))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}}),f=C.nextNode();for(;f;)z(f),f=C.nextNode()}l.localName==="fieldset"&&(J.observe(l,B),q(l,!0))}),h.forEach(l=>{let v=o.get(l);v&&g.get(v)&&F(v),P.has(l)&&P.get(l).disconnect()})})}function s(e){e.forEach(t=>{let{removedNodes:a}=t;a.forEach(i=>{let r=U.get(t.target);o.has(i)&&it(i),r.disconnect()})})}let n=e=>{let t=new MutationObserver(s);t.observe(e,{childList:!0}),U.set(e,t)};new MutationObserver(A);let m={childList:!0,subtree:!0},p=(e,t)=>{e.toggleAttribute("internals-disabled",t),t?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled"),e.formDisabledCallback&&e.formDisabledCallback.apply(e,[t])},F=e=>{g.get(e).forEach(a=>{a.remove()}),g.set(e,[])},x=(e,t)=>{let a=document.createElement("input");return a.type="hidden",a.name=e.getAttribute("name"),e.after(a),g.get(t).push(a),a},R=(e,t)=>{g.set(t,[]),J.observe(e,B)},L=(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)}},H=e=>{let t=Array.from(e.elements).filter(h=>!h.tagName.includes("-")&&h.validity).map(h=>h.validity.valid),a=E.get(e)||[],i=Array.from(a).filter(h=>h.isConnected).map(h=>o.get(h).validity.valid),r=[...t,...i].includes(!1);e.toggleAttribute("internals-invalid",r),e.toggleAttribute("internals-valid",!r)},M=e=>{H(Q(e.target))},K=e=>{H(Q(e.target))},N=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=E.get(e);if(e.noValidate)return;h.size&&Array.from(h).reverse().map(C=>o.get(C).reportValidity()).includes(!1)&&i.preventDefault()}})},et=e=>{let t=E.get(e.target);t&&t.size&&t.forEach(a=>{a.constructor.formAssociated&&a.formResetCallback&&a.formResetCallback.apply(a)})},G=(e,t,a)=>{if(t){let i=E.get(t);if(i)i.add(e);else{let r=new Set;r.add(e),E.set(t,r),N(t),t.addEventListener("reset",et),t.addEventListener("input",M),t.addEventListener("change",K)}S.set(t,{ref:e,internals:a}),e.constructor.formAssociated&&e.formAssociatedCallback&&setTimeout(()=>{e.formAssociatedCallback.apply(e,[t])},0),H(t)}},Q=e=>{let t=e.parentNode;return t&&t.tagName!=="FORM"&&(t=Q(t)),t},I=(e,t,a=DOMException)=>{if(!e.constructor.formAssociated)throw new a(t)},at=(e,t,a)=>{let i=E.get(e);return i&&i.size&&i.forEach(r=>{o.get(r)[a]()||(t=!1)}),t},it=e=>{if(e.constructor.formAssociated){let t=o.get(e),{labels:a,form:i}=t;L(e,a),G(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&&H(a),e),dt=e=>{let t=!0;for(let a in e)a!=="valid"&&e[a]!==!1&&(t=!1);return t},tt=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");tt.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=tt.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=tt.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,r){if(i==="m")throw new TypeError("Private method is not writable");if(i==="a"&&!r)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?e!==t||!r:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return i==="a"?r.call(e,a):r?r.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),o.set(t,this),V(t,this),R(t,this),Object.seal(this),it(t),a instanceof DocumentFragment&&n(a)}checkValidity(){let t=u.get(this);if(I(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);I(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);I(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(I(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(I(a,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),F(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,r])=>{if(typeof r=="string"){let h=x(a,this);h.name=i,h.value=r}});Z.set(a,t)}setValidity(t,a,i){let r=u.get(this);if(I(r,"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 f in t)l[f]=t[f];Object.keys(l).length===0&&lt(h);let v={...h,...l};delete v.valid;let{valid:C}=ct(h,v,this.form);if(!C&&!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,C?"":a),r.isConnected?(r.toggleAttribute("internals-invalid",!C),r.toggleAttribute("internals-valid",C),r.setAttribute("aria-invalid",`${!C}`)):k.set(r,this)}get shadowRoot(){let t=u.get(this),a=D.get(t);return a||null}get validationMessage(){let t=u.get(this);return I(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 I(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 I(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(...f){let b=r.apply(this,f),W=new MutationObserver(A);return D.set(this,b),window.ShadyDOM?W.observe(this,m):W.observe(b,m),P.set(this,W),b},a=function(...f){let b=l.apply(this,f);return at(this,b,"checkValidity")},i=function(...f){let b=v.apply(this,f);return at(this,b,"reportValidity")};window.ElementInternals=rt;let e=customElements.define;customElements.define=function(f,b,W){if(b.formAssociated){let Y=b.prototype.connectedCallback;b.prototype.connectedCallback=function(){O.has(this)||(O.set(this,!0),this.hasAttribute("disabled")&&p(this,!0)),Y!=null&&Y.apply(this)}}e.apply(customElements,[f,b,W])},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(o.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 r=Element.prototype.attachShadow;Element.prototype.attachShadow=t,new MutationObserver(A).observe(document.documentElement,m);let l=HTMLFormElement.prototype.checkValidity;HTMLFormElement.prototype.checkValidity=a;let v=HTMLFormElement.prototype.reportValidity;HTMLFormElement.prototype.reportValidity=i;let{get:C}=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get(...f){let b=C.call(this,...f),W=Array.from(E.get(this)||[]);if(W.length===0)return b;let Y=Array.from(b).concat(W).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-DJOD4BTL.js.map