@trendyol/baklava 2.4.0-beta.10 → 2.4.0-beta.12

package/dist/baklava.js

@@ -1,2 +1,2 @@
-import{b as k}from"./chunk-XQUQIQBO.js";import{a as i}from"./chunk-KR6AUZ77.js";import{c as n,f as c}from"./chunk-AVMAZXZT.js";import{b as C}from"./chunk-BEGAFK2I.js";import{a as b}from"./chunk-6UTBN2XX.js";import{a as P}from"./chunk-LWG2UXQG.js";import{a as I}from"./chunk-VOYAVKU3.js";import{a as g}from"./chunk-MNNOI75G.js";import{a as w}from"./chunk-EPFBV6RC.js";import{a as h}from"./chunk-L4XYDFNG.js";import{a as u}from"./chunk-KXWP6EDU.js";import{b as T,d as G}from"./chunk-JPRCBAHY.js";import{b as D}from"./chunk-HJWQ7Y3K.js";import{b as S}from"./chunk-RFUZBNM4.js";import{a as B}from"./chunk-FSFO7DCO.js";import{a as m}from"./chunk-AMAOGVPQ.js";import{a as s}from"./chunk-5EFPA3CA.js";import"./chunk-EZSEQHRH.js";import{a as x}from"./chunk-FJTTJ5ZT.js";import"./chunk-OSNB4BPE.js";import"./chunk-3B64VOWB.js";import{a as e}from"./chunk-X5MXYPRD.js";import"./chunk-ECPWEUBG.js";import{a as r}from"./chunk-SLY6IY2R.js";import{b as f,e as p}from"./chunk-RQG2GHCK.js";import"./chunk-AAGDUS7G.js";import"./chunk-DJOD4BTL.js";import"./chunk-AYJMIZZ3.js";import{a as d}from"./chunk-MPKYBU46.js";import{b as l}from"./chunk-WA7DDIST.js";import"./chunk-6LT7O7T2.js";import{a as o,b as t,c as a}from"./chunk-JI2OEPG2.js";import"./chunk-GRL4DWKG.js";import"./chunk-X2KXJYXQ.js";import"./chunk-DINNT5P2.js";import"./chunk-3USCFSFQ.js";import"./chunk-7GK5LKBV.js";import"./chunk-4OT5AMS5.js";import"./chunk-CYCIT2TG.js";export{e as BlAlert,r as BlBadge,l as BlButton,f as BlCheckbox,p as BlCheckboxGroup,d as BlDialog,u as BlDrawer,G as BlDropdown,D as BlDropdownGroup,T as BlDropdownItem,a as BlIcon,x as BlInput,S as BlNotification,k as BlNotificationCard,B as BlPagination,h as BlPopover,i as BlProgressIndicator,n as BlRadio,c as BlRadioGroup,m as BlSelect,s as BlSelectOption,C as BlSwitch,I as BlTab,b as BlTabGroup,P as BlTabPanel,g as BlTextarea,w as BlTooltip,t as getIconPath,o as setIconPath};
+import{b as k}from"./chunk-XQUQIQBO.js";import{a as i}from"./chunk-KR6AUZ77.js";import{c as n,f as c}from"./chunk-AVMAZXZT.js";import{b as C}from"./chunk-BEGAFK2I.js";import{a as b}from"./chunk-6UTBN2XX.js";import{a as P}from"./chunk-LWG2UXQG.js";import{a as I}from"./chunk-VOYAVKU3.js";import{a as g}from"./chunk-MNNOI75G.js";import{a as w}from"./chunk-EPFBV6RC.js";import{a as h}from"./chunk-L4XYDFNG.js";import{a as u}from"./chunk-KXWP6EDU.js";import{b as T,d as G}from"./chunk-V5OMCBVZ.js";import{b as D}from"./chunk-7QGSFS64.js";import{b as S}from"./chunk-RFUZBNM4.js";import{a as B}from"./chunk-FSFO7DCO.js";import{a as m}from"./chunk-7OX67FPM.js";import{a as s}from"./chunk-ILQVF4MN.js";import"./chunk-EZSEQHRH.js";import{a as x}from"./chunk-FJTTJ5ZT.js";import"./chunk-OSNB4BPE.js";import"./chunk-3B64VOWB.js";import{a as e}from"./chunk-X5MXYPRD.js";import"./chunk-ECPWEUBG.js";import{a as r}from"./chunk-SLY6IY2R.js";import{b as f,e as p}from"./chunk-RQG2GHCK.js";import"./chunk-AAGDUS7G.js";import"./chunk-DJOD4BTL.js";import"./chunk-AYJMIZZ3.js";import{a as d}from"./chunk-MPKYBU46.js";import{b as l}from"./chunk-WA7DDIST.js";import"./chunk-6LT7O7T2.js";import{a as o,b as t,c as a}from"./chunk-JI2OEPG2.js";import"./chunk-GRL4DWKG.js";import"./chunk-X2KXJYXQ.js";import"./chunk-DINNT5P2.js";import"./chunk-3USCFSFQ.js";import"./chunk-7GK5LKBV.js";import"./chunk-4OT5AMS5.js";import"./chunk-CYCIT2TG.js";export{e as BlAlert,r as BlBadge,l as BlButton,f as BlCheckbox,p as BlCheckboxGroup,d as BlDialog,u as BlDrawer,G as BlDropdown,D as BlDropdownGroup,T as BlDropdownItem,a as BlIcon,x as BlInput,S as BlNotification,k as BlNotificationCard,B as BlPagination,h as BlPopover,i as BlProgressIndicator,n as BlRadio,c as BlRadioGroup,m as BlSelect,s as BlSelectOption,C as BlSwitch,I as BlTab,b as BlTabGroup,P as BlTabPanel,g as BlTextarea,w as BlTooltip,t as getIconPath,o as setIconPath};
 //# sourceMappingURL=baklava.js.map

package/dist/{chunk-AMAOGVPQ.js → chunk-7OX67FPM.js}

@@ -1,6 +1,6 @@
-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
+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 b}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(v=>a`<li>${v.getAttribute("label")||v.textContent}</li>`)}
+    </ul>`,n=!(this._selectedOptions.length>0&&this._selectedOptions.every(v=>v.disabled))&&(this.clearable||this.multiple)?a`<bl-button
           class="remove-all"
           size="small"
           variant="tertiary"
@@ -16,7 +16,7 @@ import{b as T,d as k,f as z,g as $,h as E}from"./chunk-EZSEQHRH.js";import{a as
       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})}
+      class=${b({"select-input":!0,"has-overflowed-options":this._additionalSelectedOptionCount>0})}
       tabindex="${this.disabled?"-1":0}"
       role="button"
       aria-haspopup="listbox"
@@ -46,7 +46,7 @@ import{b as T,d as k,f as z,g as $,h as E}from"./chunk-EZSEQHRH.js";import{a as
         <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})}
+          class=${b({"select-input":!0,"has-overflowed-options":this._additionalSelectedOptionCount>0})}
           tabindex="${this.disabled?"-1":0}"
           ?autofocus=${this.autofocus}
           @click=${this.togglePopover}
@@ -78,7 +78,7 @@ import{b as T,d as k,f as z,g as $,h as E}from"./chunk-EZSEQHRH.js";import{a as
     </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})}
+      class=${b({"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()}
@@ -103,4 +103,4 @@ import{b as T,d as k,f as z,g as $,h as E}from"./chunk-EZSEQHRH.js";import{a as
       </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
+//# sourceMappingURL=chunk-7OX67FPM.js.map

package/dist/{chunk-AMAOGVPQ.js.map → chunk-7OX67FPM.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/components/select/bl-select.css", "../src/components/select/bl-select.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{width:200px;display:inline-block}.select-wrapper{width:100%;position:relative;display: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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",
+  "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(\n        item => html`<li>${item.getAttribute(\"label\") || item.textContent}</li>`\n      )}\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-7QGSFS64.js

@@ -0,0 +1,16 @@
+import{a as s,b as i}from"./chunk-X2KXJYXQ.js";import{a as e,b as l,f as r}from"./chunk-4OT5AMS5.js";import{c as o}from"./chunk-CYCIT2TG.js";var p=e`:host{display:block;position:relative;width:100%}.dropdown-group{display:flex;flex-direction:column;gap:var(--bl-size-xs)}.caption{font:var(--bl-font-caption);font-size:var(--bl-font-size-xs);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-s);color:var(--bl-color-neutral-dark)}:host(:not(:first-child)) .dropdown-group{border-top:1px solid var(--bl-color-neutral-lighter);padding-top:var(--bl-size-xs)}:host(:not(:last-child)) .dropdown-group{border-bottom:1px solid var(--bl-color-neutral-lighter);padding-bottom:var(--bl-size-xs)}/*
+:host(:not([caption])) ::slotted(:first-child) {
+  padding-block: var(--bl-size-xs) 0;
+}
+
+:host(:not(:last-child)) ::slotted(:last-child) {
+  padding-block: 0 var(--bl-size-xs);
+}
+
+:host(:not(:first-child)) .caption {
+  padding-block: var(--bl-size-xs) 0;
+} */`,a=p;var d="bl-dropdown-group",t=class extends r{static get styles(){return[a]}render(){let n=this.caption?l`<span id="label" class="caption">${this.caption}</span>`:"";return l`<div class="dropdown-group" role="group" aria-labelledby="label">
+      ${n}
+      <slot></slot>
+    </div>`}};o([i({type:String})],t.prototype,"caption",2),t=o([s(d)],t);export{d as a,t as b};
+//# sourceMappingURL=chunk-7QGSFS64.js.map

package/dist/chunk-7QGSFS64.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/dropdown/group/bl-dropdown-group.css", "../src/components/dropdown/group/bl-dropdown-group.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:block;position:relative;width:100%}.dropdown-group{display:flex;flex-direction:column;gap:var(--bl-size-xs)}.caption{font:var(--bl-font-caption);font-size:var(--bl-font-size-xs);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-s);color:var(--bl-color-neutral-dark)}:host(:not(:first-child)) .dropdown-group{border-top:1px solid var(--bl-color-neutral-lighter);padding-top:var(--bl-size-xs)}:host(:not(:last-child)) .dropdown-group{border-bottom:1px solid var(--bl-color-neutral-lighter);padding-bottom:var(--bl-size-xs)}/*\n:host(:not([caption])) ::slotted(:first-child) {\n  padding-block: var(--bl-size-xs) 0;\n}\n\n:host(:not(:last-child)) ::slotted(:last-child) {\n  padding-block: 0 var(--bl-size-xs);\n}\n\n:host(:not(:first-child)) .caption {\n  padding-block: var(--bl-size-xs) 0;\n} */`;\nexport default styles;\n", "import { LitElement, html, CSSResultGroup, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport style from \"./bl-dropdown-group.css\";\n\nexport const blDropdownGroupTag = \"bl-dropdown-group\";\n\n/**\n * @tag bl-dropdown-group\n * @summary Baklava Dropdown Group component\n */\n@customElement(blDropdownGroupTag)\nexport default class BlDropdownGroup extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the caption.\n   */\n  @property({ type: String })\n  caption?: string;\n\n  render(): TemplateResult {\n    const caption = this.caption\n      ? html`<span id=\"label\" class=\"caption\">${this.caption}</span>`\n      : \"\";\n\n    return html`<div class=\"dropdown-group\" role=\"group\" aria-labelledby=\"label\">\n      ${caption}\n      <slot></slot>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blDropdownGroupTag]: BlDropdownGroup;\n  }\n}\n"],
+  "mappings": "6IACO,IAAMA,EAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAYfC,EAAQF,ECTR,IAAMG,EAAqB,oBAObC,EAArB,cAA6CC,CAAW,CACtD,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAQA,QAAyB,CACvB,IAAMC,EAAU,KAAK,QACjBC,qCAAwC,KAAK,iBAC7C,GAEJ,OAAOA;AAAA,QACHD;AAAA;AAAA,WAGN,CACF,EAZEE,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GARPN,EASnB,uBATmBA,EAArBK,EAAA,CADCC,EAAcP,CAAkB,GACZC",
+  "names": ["styles", "i", "bl_dropdown_group_default", "blDropdownGroupTag", "BlDropdownGroup", "s", "bl_dropdown_group_default", "caption", "x", "__decorateClass", "e"]
+}

package/dist/{chunk-5EFPA3CA.js → chunk-ILQVF4MN.js}

@@ -1,4 +1,4 @@
-import{a as r}from"./chunk-GRL4DWKG.js";import{a as c,b as i,c as p,e as h}from"./chunk-X2KXJYXQ.js";import{a as n,b as l,f as a}from"./chunk-4OT5AMS5.js";import{c as o}from"./chunk-CYCIT2TG.js";var d=n`: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)}`,u=d;var t=class extends a{constructor(){super(...arguments);this.disabled=!1;this.selected=!1;this.multiple=!1}static get styles(){return[u]}get value(){return this._value||this.textContent}set value(e){this._value=e}focus(){this.multiple||(this.focusTarget.tabIndex=0),this.focusTarget.focus(),this.onFocus(this.value)}blur(){this.onBlur(this.value),this.focusTarget.tabIndex=-1}singleOptionTemplate(){return l`<div
+import{a as r}from"./chunk-GRL4DWKG.js";import{a as c,b as l,c as p,e as u}from"./chunk-X2KXJYXQ.js";import{a as n,b as i,f as a}from"./chunk-4OT5AMS5.js";import{c as o}from"./chunk-CYCIT2TG.js";var d=n`: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)}`,h=d;var e=class extends a{constructor(){super(...arguments);this.label="";this.disabled=!1;this.selected=!1;this.multiple=!1}static get styles(){return[h]}get value(){return this._value||this.textContent}set value(t){this._value=t}focus(){this.multiple||(this.focusTarget.tabIndex=0),this.focusTarget.focus(),this.onFocus(this.value)}blur(){this.onBlur(this.value),this.focusTarget.tabIndex=-1}singleOptionTemplate(){return i`<div
       class="single-option focus-target"
       @blur=${this.blur}
       @keydown=${this.handleKeydown}
@@ -7,7 +7,7 @@ import{a as r}from"./chunk-GRL4DWKG.js";import{a as c,b as i,c as p,e as h}from"
       aria-selected="${this.selected}"
     >
       <slot></slot>
-    </div>`}checkboxOptionTemplate(){return l`<bl-checkbox
+    </div>`}checkboxOptionTemplate(){return i`<bl-checkbox
       class="checkbox-option focus-target"
       .checked="${this.selected}"
       .disabled="${this.disabled}"
@@ -16,7 +16,7 @@ import{a as r}from"./chunk-GRL4DWKG.js";import{a as c,b as i,c as p,e as h}from"
       aria-selected="${this.selected}"
     >
       <slot></slot>
-    </bl-checkbox>`}render(){return l`<div class="option-container">
+    </bl-checkbox>`}render(){return i`<div class="option-container">
       ${this.multiple?this.checkboxOptionTemplate():this.singleOptionTemplate()}
-    </div>`}handleKeydown(e){(e.code==="Enter"||e.code==="Space")&&(this._onClickOption(),e.preventDefault())}_handleEvent(){this._onSelect(this.value)}_onClickOption(){this.selected=!this.selected,this._handleEvent()}_onCheckboxChange(e){this.selected=e.detail,this._handleEvent()}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var e,s;this.blSelect=this.closest("bl-select"),this.multiple=((e=this.blSelect)==null?void 0:e.multiple)||!1,(s=this.blSelect)==null||s.registerOption(this)})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.blSelect)==null||e.unregisterOption(this)}};o([i({})],t.prototype,"value",1),o([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([i({type:Boolean,reflect:!0})],t.prototype,"selected",2),o([p()],t.prototype,"multiple",2),o([r("bl-select-option")],t.prototype,"_onSelect",2),o([r("bl-focus")],t.prototype,"onFocus",2),o([r("bl-blur")],t.prototype,"onBlur",2),o([h(".focus-target")],t.prototype,"focusTarget",2),t=o([c("bl-select-option")],t);export{t as a};
-//# sourceMappingURL=chunk-5EFPA3CA.js.map
+    </div>`}handleKeydown(t){(t.code==="Enter"||t.code==="Space")&&(this._onClickOption(),t.preventDefault())}_handleEvent(){this._onSelect(this.value)}_onClickOption(){this.selected=!this.selected,this._handleEvent()}_onCheckboxChange(t){this.selected=t.detail,this._handleEvent()}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var t,s;this.blSelect=this.closest("bl-select"),this.multiple=((t=this.blSelect)==null?void 0:t.multiple)||!1,(s=this.blSelect)==null||s.registerOption(this)})}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.blSelect)==null||t.unregisterOption(this)}};o([l({})],e.prototype,"value",1),o([l({type:String,reflect:!0,attribute:"label"})],e.prototype,"label",2),o([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),o([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),o([p()],e.prototype,"multiple",2),o([r("bl-select-option")],e.prototype,"_onSelect",2),o([r("bl-focus")],e.prototype,"onFocus",2),o([r("bl-blur")],e.prototype,"onBlur",2),o([u(".focus-target")],e.prototype,"focusTarget",2),e=o([c("bl-select-option")],e);export{e as a};
+//# sourceMappingURL=chunk-ILQVF4MN.js.map

package/dist/chunk-ILQVF4MN.js.map

@@ -0,0 +1,7 @@
+{
+  "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 the label for bl-select, and bl-select renders this value instead of the option's textContent\n   */\n  @property({ type: String, reflect: true, attribute: \"label\" })\n  label = \"\";\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,WAAQ,GAMR,cAAW,GAMX,cAAW,GAGX,cAAW,GAtCX,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CASA,IAAI,OAAmB,CACrB,OAAO,KAAK,QAAW,KAAK,WAC9B,CAEA,IAAI,MAAMC,EAAgB,CACxB,KAAK,OAASA,CAChB,CA2CA,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,CA/InC,IAAAC,EAAAC,EAgJM,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,CAxJzB,IAAAD,EAyJI,MAAM,qBAAqB,GAC3BA,EAAA,KAAK,WAAL,MAAAA,EAAe,iBAAiB,KAClC,CACF,EAxIME,EAAA,CADHC,EAAS,CAAC,CAAC,GAXOT,EAYf,qBAYJQ,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,GAAM,UAAW,OAAQ,CAAC,GAvB1CT,EAwBnB,qBAMAQ,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA7BvBT,EA8BnB,wBAMAQ,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAnCvBT,EAoCnB,wBAGAQ,EAAA,CADCE,EAAM,GAtCYV,EAuCnB,wBAKmCQ,EAAA,CAAlCH,EAAM,kBAAkB,GA5CNL,EA4CgB,yBAKRQ,EAAA,CAA1BH,EAAM,UAAU,GAjDEL,EAiDQ,uBAKDQ,EAAA,CAAzBH,EAAM,SAAS,GAtDGL,EAsDO,sBAEMQ,EAAA,CAA/BG,EAAM,eAAe,GAxDHX,EAwDa,2BAxDbA,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-V5OMCBVZ.js

@@ -0,0 +1,23 @@
+import{a as u}from"./chunk-7QGSFS64.js";import{a as l}from"./chunk-GRL4DWKG.js";import{a as d,b as o,c as h,e as n}from"./chunk-X2KXJYXQ.js";import{a as b}from"./chunk-DINNT5P2.js";import{a as s,b as p,f as a}from"./chunk-4OT5AMS5.js";import{c as e}from"./chunk-CYCIT2TG.js";var g=s`:host{position:relative;display:inline-block}:host([kind="neutral"]) bl-popover{--bl-popover-border-color:var(--bl-color-neutral-darker)}:host([kind="success"]) bl-popover{--bl-popover-border-color:var(--bl-color-success)}:host([kind="danger"]) bl-popover{--bl-popover-border-color:var(--bl-color-danger)}.popover-content{display:flex;flex-direction:column;gap:var(--bl-size-xs)}`,v=g;var c="bl-dropdown",t=class extends a{constructor(){super(...arguments);this._isPopoverOpen=!1;this.variant="primary";this.kind="default";this.size="medium";this.disabled=!1;this.focusedOptionIndex=-1}static get styles(){return[v]}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(){this._popover.target=this._button}get opened(){return this._isPopoverOpen}_handleClick(){!this._isPopoverOpen&&!this.disabled?this.open():this.close()}handleKeyDown(i){if(["ArrowDown","ArrowRight"].includes(i.key))this.focusedOptionIndex++;else if(["ArrowUp","ArrowLeft"].includes(i.key))this.focusedOptionIndex--;else if(i.key==="Escape"){this.focusedOptionIndex=-1,this.close();return}else return;this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,this.options.length-1)),this.options[this.focusedOptionIndex].focus(),i.preventDefault()}get options(){return[...this.querySelectorAll(m)]}open(){this._isPopoverOpen=!0,this._popover.show(),this.onOpen("Dropdown opened!")}close(){this._isPopoverOpen=!1,this._popover.visible&&this._popover.hide(),this.onClose("Dropdown closed!")}render(){return p`<bl-button
+        dropdown
+        .active=${this.opened}
+        ?disabled=${this.disabled}
+        variant="${this.variant}"
+        kind="${this.kind}"
+        size="${this.size}"
+        @bl-click="${this._handleClick}"
+      >
+        ${this.label}
+      </bl-button>
+      <bl-popover fit-size placement="bottom-start" @bl-popover-hide="${this.close}"
+        ><div class="popover-content">
+          <slot></slot></div
+      ></bl-popover> `}};e([n("bl-popover")],t.prototype,"_popover",2),e([n("bl-button")],t.prototype,"_button",2),e([h()],t.prototype,"_isPopoverOpen",2),e([o({type:String,reflect:!0})],t.prototype,"label",2),e([o({type:String,reflect:!0})],t.prototype,"variant",2),e([o({type:String,reflect:!0})],t.prototype,"kind",2),e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([l("bl-dropdown-open")],t.prototype,"onOpen",2),e([l("bl-dropdown-close")],t.prototype,"onClose",2),t=e([d(c)],t);var w=s`:host{width:100%;--bl-button-display:block;--bl-button-justify:start}`,f=w;var m="bl-dropdown-item",r=class extends a{static get styles(){return[f]}_handleClick(){var i;(i=this.BlDropdownField)==null||i.close(),this.onClick("Action clicked!")}focus(){this.menuElement.focus()}connectedCallback(){super.connectedCallback(),this.BlDropdownGroupField=this.closest(u),this.BlDropdownField=this.closest(c),!this.BlDropdownField&&!this.BlDropdownGroupField&&console.warn(`bl-dropdown-item is designed to be used inside a ${u} or ${c}`,this)}disconnectedCallback(){super.disconnectedCallback()}render(){return p`<bl-button
+      variant="tertiary"
+      kind="neutral"
+      icon="${b(this.icon)}"
+      role="menuitem"
+      @click="${this._handleClick}"
+      ><slot></slot>
+    </bl-button>`}};e([o({type:String})],r.prototype,"icon",2),e([l("bl-dropdown-item-click")],r.prototype,"onClick",2),e([n("[role=menuitem]")],r.prototype,"menuElement",2),r=e([d(m)],r);export{m as a,r as b,c,t as d};
+//# sourceMappingURL=chunk-V5OMCBVZ.js.map

package/dist/chunk-V5OMCBVZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/dropdown/bl-dropdown.css", "../src/components/dropdown/bl-dropdown.ts", "../src/components/dropdown/item/bl-dropdown-item.css", "../src/components/dropdown/item/bl-dropdown-item.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{position:relative;display:inline-block}:host([kind=\"neutral\"]) bl-popover{--bl-popover-border-color:var(--bl-color-neutral-darker)}:host([kind=\"success\"]) bl-popover{--bl-popover-border-color:var(--bl-color-success)}:host([kind=\"danger\"]) bl-popover{--bl-popover-border-color:var(--bl-color-danger)}.popover-content{display:flex;flex-direction:column;gap:var(--bl-size-xs)}`;\nexport default styles;\n", "import { LitElement, html, CSSResultGroup, TemplateResult } from \"lit\";\nimport { customElement, property, state, query } from \"lit/decorators.js\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport \"../button/bl-button\";\nimport BlButton, { ButtonSize, ButtonVariant, ButtonKind } from \"../button/bl-button\";\nimport BlPopover from \"../popover/bl-popover\";\nimport style from \"./bl-dropdown.css\";\nimport BlDropdownItem, { blDropdownItemTag } from \"./item/bl-dropdown-item\";\n\nexport const blDropdownTag = \"bl-dropdown\";\n\n/**\n * @tag bl-dropdown\n * @summary Baklava Dropdown component\n */\n@customElement(blDropdownTag)\nexport default class BlDropdown extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  @query(\"bl-popover\")\n  private _popover: BlPopover;\n\n  @query(\"bl-button\")\n  private _button: BlButton;\n\n  @state() private _isPopoverOpen = false;\n\n  /**\n   * Sets the dropdown button label\n   */\n  @property({ type: String, reflect: true })\n  label: string;\n\n  /**\n   * Sets the dropdown button variant\n   */\n  @property({ type: String, reflect: true })\n  variant: ButtonVariant = \"primary\";\n\n  /**\n   * Sets the dropdown button kind\n   */\n  @property({ type: String, reflect: true })\n  kind: ButtonKind = \"default\";\n\n  /**\n   * Sets the dropdown button size\n   */\n  @property({ type: String, reflect: true })\n  size: ButtonSize = \"medium\";\n\n  /**\n   * Sets button as disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Fires when dropdown opened\n   */\n  @event(\"bl-dropdown-open\") private onOpen: EventDispatcher<string>;\n\n  /**\n   * Fires when dropdown closed\n   */\n  @event(\"bl-dropdown-close\") private onClose: EventDispatcher<string>;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener(\"keydown\", this.handleKeyDown);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(\"keydown\", this.handleKeyDown);\n  }\n\n  firstUpdated() {\n    // `_button` will be undefined during the initial render.\n    // To ensure proper rendering, we set `_popover.target` after the template has been created.\n    this._popover.target = this._button;\n  }\n\n  get opened() {\n    return this._isPopoverOpen;\n  }\n\n  private _handleClick() {\n    !this._isPopoverOpen && !this.disabled ? this.open() : this.close();\n  }\n\n  private focusedOptionIndex = -1;\n\n  private handleKeyDown(event: KeyboardEvent) {\n    // Next action\n    if ([\"ArrowDown\", \"ArrowRight\"].includes(event.key)) {\n      this.focusedOptionIndex++;\n\n      // Previous action\n    } else if ([\"ArrowUp\", \"ArrowLeft\"].includes(event.key)) {\n      this.focusedOptionIndex--;\n      // Select action\n    } else if (event.key === \"Escape\") {\n      this.focusedOptionIndex = -1;\n      this.close();\n      return;\n    } else {\n      // Other keys are not our interest here\n      return;\n    }\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  get options(): BlDropdownItem[] {\n    return [...this.querySelectorAll(blDropdownItemTag)];\n  }\n\n  open() {\n    this._isPopoverOpen = true;\n    this._popover.show();\n    this.onOpen(\"Dropdown opened!\");\n  }\n\n  close() {\n    this._isPopoverOpen = false;\n    this._popover.visible && this._popover.hide();\n    this.onClose(\"Dropdown closed!\");\n  }\n\n  render(): TemplateResult {\n    return html`<bl-button\n        dropdown\n        .active=${this.opened}\n        ?disabled=${this.disabled}\n        variant=\"${this.variant}\"\n        kind=\"${this.kind}\"\n        size=\"${this.size}\"\n        @bl-click=\"${this._handleClick}\"\n      >\n        ${this.label}\n      </bl-button>\n      <bl-popover fit-size placement=\"bottom-start\" @bl-popover-hide=\"${this.close}\"\n        ><div class=\"popover-content\">\n          <slot></slot></div\n      ></bl-popover> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blDropdownTag]: BlDropdown;\n  }\n}\n", "import {css} from 'lit';\nexport const styles = css`:host{width:100%;--bl-button-display:block;--bl-button-justify:start}`;\nexport default styles;\n", "import { LitElement, html, CSSResultGroup, TemplateResult } from \"lit\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { event, EventDispatcher } from \"../../../utilities/event\";\nimport \"../../button/bl-button\";\nimport BlButton from \"../../button/bl-button\";\nimport { BaklavaIcon } from \"../../icon/icon-list\";\nimport type BlDropdown from \"../bl-dropdown\";\nimport { blDropdownTag } from \"../bl-dropdown\";\nimport type BlDropdownGroup from \"../group/bl-dropdown-group\";\nimport { blDropdownGroupTag } from \"../group/bl-dropdown-group\";\nimport style from \"./bl-dropdown-item.css\";\n\nexport const blDropdownItemTag = \"bl-dropdown-item\";\n\n/**\n * @tag bl-dropdown-item\n * @summary Baklava Dropdown Item component\n */\n@customElement(blDropdownItemTag)\nexport default class BlDropdownItem extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the icon name. Shows icon with bl-icon component\n   */\n\n  @property({ type: String })\n  icon?: BaklavaIcon;\n\n  @event(\"bl-dropdown-item-click\") private onClick: EventDispatcher<string>;\n\n  private _handleClick() {\n    this.BlDropdownField?.close();\n    this.onClick(\"Action clicked!\");\n  }\n\n  @query(\"[role=menuitem]\") private menuElement: BlButton;\n\n  /**\n   * Focuses this action\n   */\n  focus() {\n    this.menuElement.focus();\n  }\n\n  private BlDropdownGroupField: BlDropdownGroup | null;\n  private BlDropdownField: BlDropdown | null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    this.BlDropdownGroupField = this.closest<BlDropdownGroup>(blDropdownGroupTag);\n    this.BlDropdownField = this.closest<BlDropdown>(blDropdownTag);\n\n    if (!this.BlDropdownField && !this.BlDropdownGroupField) {\n      console.warn(\n        `bl-dropdown-item is designed to be used inside a ${blDropdownGroupTag} or ${blDropdownTag}`,\n        this\n      );\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n  }\n\n  render(): TemplateResult {\n    return html`<bl-button\n      variant=\"tertiary\"\n      kind=\"neutral\"\n      icon=\"${ifDefined(this.icon)}\"\n      role=\"menuitem\"\n      @click=\"${this._handleClick}\"\n      ><slot></slot>\n    </bl-button>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blDropdownItemTag]: BlDropdownItem;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["styles", "i", "bl_dropdown_default", "blDropdownTag", "BlDropdown", "s", "bl_dropdown_default", "event", "blDropdownItemTag", "x", "__decorateClass", "i", "t", "e", "styles", "i", "bl_dropdown_item_default", "blDropdownItemTag", "BlDropdownItem", "s", "bl_dropdown_item_default", "_a", "blDropdownGroupTag", "blDropdownTag", "x", "l", "__decorateClass", "e", "event", "i"]
+}

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

@@ -1 +1 @@
-{"version":3,"file":"bl-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/bl-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,qBAAqB,CAAC;AAC7B,OAAiB,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGtF,OAAO,cAAqC,MAAM,yBAAyB,CAAC;AAE5E,eAAO,MAAM,aAAa,gBAAgB,CAAC;AAE3C;;;GAGG;AAEH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAGD,OAAO,CAAC,QAAQ,CAAY;IAG5B,OAAO,CAAC,OAAO,CAAW;IAEjB,OAAO,CAAC,cAAc,CAAS;IAExC;;OAEG;IAEH,KAAK,SAAqB;IAE1B;;OAEG;IAEH,OAAO,EAAE,aAAa,CAAa;IAEnC;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAa;IAE7B;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAY;IAE5B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IACwB,OAAO,CAAC,MAAM,CAA0B;IAEnE;;OAEG;IACyB,OAAO,CAAC,OAAO,CAA0B;IAErE,iBAAiB;IAKjB,oBAAoB;IAKpB,YAAY;IAMZ,IAAI,MAAM,YAET;IAED,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,kBAAkB,CAAM;IAEhC,OAAO,CAAC,aAAa;IA6BrB,IAAI,OAAO,IAAI,cAAc,EAAE,CAE9B;IAED,IAAI;IAMJ,KAAK;IAML,MAAM,IAAI,cAAc;CAiBzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;KAC7B;CACF"}
+{"version":3,"file":"bl-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/bl-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGvE,OAAO,qBAAqB,CAAC;AAC7B,OAAiB,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGtF,OAAO,cAAqC,MAAM,yBAAyB,CAAC;AAE5E,eAAO,MAAM,aAAa,gBAAgB,CAAC;AAE3C;;;GAGG;AAEH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAGD,OAAO,CAAC,QAAQ,CAAY;IAG5B,OAAO,CAAC,OAAO,CAAW;IAEjB,OAAO,CAAC,cAAc,CAAS;IAExC;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,aAAa,CAAa;IAEnC;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAa;IAE7B;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAY;IAE5B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IACwB,OAAO,CAAC,MAAM,CAA0B;IAEnE;;OAEG;IACyB,OAAO,CAAC,OAAO,CAA0B;IAErE,iBAAiB;IAKjB,oBAAoB;IAKpB,YAAY;IAMZ,IAAI,MAAM,YAET;IAED,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,kBAAkB,CAAM;IAEhC,OAAO,CAAC,aAAa;IA6BrB,IAAI,OAAO,IAAI,cAAc,EAAE,CAE9B;IAED,IAAI;IAMJ,KAAK;IAML,MAAM,IAAI,cAAc;CAiBzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;KAC7B;CACF"}

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

@@ -1,2 +1,2 @@
-import{c as a,d as b}from"../../chunk-JPRCBAHY.js";import"../../chunk-HJWQ7Y3K.js";import"../../chunk-WA7DDIST.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-JI2OEPG2.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-X2KXJYXQ.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-CYCIT2TG.js";export{a as blDropdownTag,b as default};
+import{c as a,d as b}from"../../chunk-V5OMCBVZ.js";import"../../chunk-7QGSFS64.js";import"../../chunk-WA7DDIST.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-JI2OEPG2.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-X2KXJYXQ.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-CYCIT2TG.js";export{a as blDropdownTag,b as default};
 //# sourceMappingURL=bl-dropdown.js.map

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

@@ -1,2 +1,2 @@
-import{a,b}from"../../../chunk-HJWQ7Y3K.js";import"../../../chunk-X2KXJYXQ.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-CYCIT2TG.js";export{a as blDropdownGroupTag,b as default};
+import{a,b}from"../../../chunk-7QGSFS64.js";import"../../../chunk-X2KXJYXQ.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-CYCIT2TG.js";export{a as blDropdownGroupTag,b as default};
 //# sourceMappingURL=bl-dropdown-group.js.map

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

@@ -1,2 +1,2 @@
-import{a,b}from"../../../chunk-JPRCBAHY.js";import"../../../chunk-HJWQ7Y3K.js";import"../../../chunk-WA7DDIST.js";import"../../../chunk-6LT7O7T2.js";import"../../../chunk-JI2OEPG2.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-X2KXJYXQ.js";import"../../../chunk-DINNT5P2.js";import"../../../chunk-3USCFSFQ.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-CYCIT2TG.js";export{a as blDropdownItemTag,b as default};
+import{a,b}from"../../../chunk-V5OMCBVZ.js";import"../../../chunk-7QGSFS64.js";import"../../../chunk-WA7DDIST.js";import"../../../chunk-6LT7O7T2.js";import"../../../chunk-JI2OEPG2.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-X2KXJYXQ.js";import"../../../chunk-DINNT5P2.js";import"../../../chunk-3USCFSFQ.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-CYCIT2TG.js";export{a as blDropdownItemTag,b as default};
 //# sourceMappingURL=bl-dropdown-item.js.map

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-FSFO7DCO.js";import"../../chunk-AMAOGVPQ.js";import"../../chunk-5EFPA3CA.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-FJTTJ5ZT.js";import"../../chunk-OSNB4BPE.js";import"../../chunk-3B64VOWB.js";import"../../chunk-AAGDUS7G.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-WA7DDIST.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-JI2OEPG2.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-X2KXJYXQ.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-CYCIT2TG.js";export{a as default};
+import{a}from"../../chunk-FSFO7DCO.js";import"../../chunk-7OX67FPM.js";import"../../chunk-ILQVF4MN.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-FJTTJ5ZT.js";import"../../chunk-OSNB4BPE.js";import"../../chunk-3B64VOWB.js";import"../../chunk-AAGDUS7G.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-WA7DDIST.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-JI2OEPG2.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-X2KXJYXQ.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-CYCIT2TG.js";export{a as default};
 //# sourceMappingURL=bl-pagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"bl-select.d.ts","sourceRoot":"","sources":["../../../src/components/select/bl-select.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"bl-select.d.ts","sourceRoot":"","sources":["../../../src/components/select/bl-select.ts"],"names":[],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-AMAOGVPQ.js";import"../../chunk-5EFPA3CA.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-3B64VOWB.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-JI2OEPG2.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-X2KXJYXQ.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-CYCIT2TG.js";export{a as default};
+import{a}from"../../chunk-7OX67FPM.js";import"../../chunk-ILQVF4MN.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-3B64VOWB.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-JI2OEPG2.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-X2KXJYXQ.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-CYCIT2TG.js";export{a as default};
 //# sourceMappingURL=bl-select.js.map

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

@@ -8,6 +8,10 @@ export default class BlSelectOption<ValueType extends FormValue = string> extend
      */
     get value(): ValueType;
     set value(val: ValueType);
+    /**
+     * Sets the label for bl-select, and bl-select renders this value instead of the option's textContent
+     */
+    label: string;
     /**
      * Sets option as disabled
      */

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

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

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

@@ -1,2 +1,2 @@
-import{a}from"../../../chunk-5EFPA3CA.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-X2KXJYXQ.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-CYCIT2TG.js";export{a as default};
+import{a}from"../../../chunk-ILQVF4MN.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-X2KXJYXQ.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-CYCIT2TG.js";export{a as default};
 //# sourceMappingURL=bl-select-option.js.map

package/dist/custom-elements.json

@@ -786,7 +786,6 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"Dropdown Button\"",
               "description": "Sets the dropdown button label",
               "fieldName": "label"
             },
@@ -3257,6 +3256,15 @@
               "description": "Sets the value for the option",
               "fieldName": "value"
             },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Sets the label for bl-select, and bl-select renders this value instead of the option's textContent",
+              "fieldName": "label"
+            },
             {
               "name": "disabled",
               "type": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@trendyol/baklava",
   "type": "module",
-  "version": "2.4.0-beta.10",
+  "version": "2.4.0-beta.12",
   "description": "Trendyol Baklava Design System",
   "main": "dist/baklava.js",
   "module": "dist/baklava.js",
@@ -89,7 +89,7 @@
     "@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",

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-HJWQ7Y3K.js

@@ -1,5 +0,0 @@
-import{a as s,b as i}from"./chunk-X2KXJYXQ.js";import{a as e,b as l,f as r}from"./chunk-4OT5AMS5.js";import{c as o}from"./chunk-CYCIT2TG.js";var p=e`:host{position:relative;width:100%}.dropdown-group{display:flex;flex-direction:column;gap:var(--bl-size-xs)}.caption{font:var(--bl-font-caption);font-size:var(--bl-font-size-xs);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-s);color:var(--bl-color-neutral-dark)}:host(:not(:first-child)){border-top:1px solid var(--bl-color-neutral-lighter)}:host(:not(:last-child)){border-bottom:1px solid var(--bl-color-neutral-lighter)}:host(:not([caption])) ::slotted(:first-child){padding-block:var(--bl-size-xs) 0}:host(:not(:last-child)) ::slotted(:last-child){padding-block:0 var(--bl-size-xs)}:host(:not(:first-child)) .caption{padding-block:var(--bl-size-xs) 0}`,a=p;var d="bl-dropdown-group",t=class extends r{static get styles(){return[a]}render(){let n=this.caption?l`<span id="label" class="caption">${this.caption}</span>`:"";return l`<div class="dropdown-group" role="group" aria-labelledby="label">
-      ${n}
-      <slot></slot>
-    </div>`}};o([i({type:String})],t.prototype,"caption",2),t=o([s(d)],t);export{d as a,t as b};
-//# sourceMappingURL=chunk-HJWQ7Y3K.js.map

package/dist/chunk-HJWQ7Y3K.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/dropdown/group/bl-dropdown-group.css", "../src/components/dropdown/group/bl-dropdown-group.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{position:relative;width:100%}.dropdown-group{display:flex;flex-direction:column;gap:var(--bl-size-xs)}.caption{font:var(--bl-font-caption);font-size:var(--bl-font-size-xs);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-s);color:var(--bl-color-neutral-dark)}:host(:not(:first-child)){border-top:1px solid var(--bl-color-neutral-lighter)}:host(:not(:last-child)){border-bottom:1px solid var(--bl-color-neutral-lighter)}:host(:not([caption])) ::slotted(:first-child){padding-block:var(--bl-size-xs) 0}:host(:not(:last-child)) ::slotted(:last-child){padding-block:0 var(--bl-size-xs)}:host(:not(:first-child)) .caption{padding-block:var(--bl-size-xs) 0}`;\nexport default styles;\n", "import { LitElement, html, CSSResultGroup, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport style from \"./bl-dropdown-group.css\";\n\nexport const blDropdownGroupTag = \"bl-dropdown-group\";\n\n/**\n * @tag bl-dropdown-group\n * @summary Baklava Dropdown Group component\n */\n@customElement(blDropdownGroupTag)\nexport default class BlDropdownGroup extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the caption.\n   */\n  @property({ type: String })\n  caption?: string;\n\n  render(): TemplateResult {\n    const caption = this.caption\n      ? html`<span id=\"label\" class=\"caption\">${this.caption}</span>`\n      : \"\";\n\n    return html`<div class=\"dropdown-group\" role=\"group\" aria-labelledby=\"label\">\n      ${caption}\n      <slot></slot>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blDropdownGroupTag]: BlDropdownGroup;\n  }\n}\n"],
-  "mappings": "6IACO,IAAMA,EAASC,4qBACfC,EAAQF,ECER,IAAMG,EAAqB,oBAObC,EAArB,cAA6CC,CAAW,CACtD,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAQA,QAAyB,CACvB,IAAMC,EAAU,KAAK,QACjBC,qCAAwC,KAAK,iBAC7C,GAEJ,OAAOA;AAAA,QACHD;AAAA;AAAA,WAGN,CACF,EAZEE,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GARPN,EASnB,uBATmBA,EAArBK,EAAA,CADCC,EAAcP,CAAkB,GACZC",
-  "names": ["styles", "i", "bl_dropdown_group_default", "blDropdownGroupTag", "BlDropdownGroup", "s", "bl_dropdown_group_default", "caption", "x", "__decorateClass", "e"]
-}

package/dist/chunk-JPRCBAHY.js

@@ -1,23 +0,0 @@
-import{a as m}from"./chunk-HJWQ7Y3K.js";import{a as s}from"./chunk-GRL4DWKG.js";import{a as c,b as o,c as b,e as l}from"./chunk-X2KXJYXQ.js";import{a as n}from"./chunk-DINNT5P2.js";import{a as p,b as a,f as d}from"./chunk-4OT5AMS5.js";import{c as e}from"./chunk-CYCIT2TG.js";var g=p`:host{position:relative;display:inline-block}:host([kind="neutral"]) bl-popover{--bl-popover-border-color:var(--bl-color-neutral-darker)}:host([kind="success"]) bl-popover{--bl-popover-border-color:var(--bl-color-success)}:host([kind="danger"]) bl-popover{--bl-popover-border-color:var(--bl-color-danger)}`,f=g;var u="bl-dropdown",t=class extends d{constructor(){super(...arguments);this._isPopoverOpen=!1;this.label="Dropdown Button";this.variant="primary";this.kind="default";this.size="medium";this.disabled=!1;this.focusedOptionIndex=-1}static get styles(){return[f]}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(){this._popover.target=this._button}get opened(){return this._isPopoverOpen}_handleClick(){!this._isPopoverOpen&&!this.disabled?this.open():this.close()}handleKeyDown(i){if(["ArrowDown","ArrowRight"].includes(i.key))this.focusedOptionIndex++;else if(["ArrowUp","ArrowLeft"].includes(i.key))this.focusedOptionIndex--;else if(i.key==="Escape"){this.focusedOptionIndex=-1,this.close();return}else return;this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,this.options.length-1)),this.options[this.focusedOptionIndex].focus(),i.preventDefault()}get options(){return[...this.querySelectorAll(h)]}open(){this._isPopoverOpen=!0,this._popover.show(),this.onOpen("Dropdown opened!")}close(){this._isPopoverOpen=!1,this._popover.visible&&this._popover.hide(),this.onClose("Dropdown closed!")}render(){return a`<bl-button
-        dropdown
-        .active=${this.opened}
-        ?disabled=${n(this.disabled)}
-        variant="${this.variant}"
-        kind="${this.kind}"
-        size="${this.size}"
-        aria-label="${n(this.label)}"
-        @bl-click="${this._handleClick}"
-      >
-        ${this.label}
-      </bl-button>
-      <bl-popover fit-size placement="bottom-start" @bl-popover-hide="${this.close}">
-        <slot></slot>
-      </bl-popover> `}};e([l("bl-popover")],t.prototype,"_popover",2),e([l("bl-button")],t.prototype,"_button",2),e([b()],t.prototype,"_isPopoverOpen",2),e([o({type:String,reflect:!0})],t.prototype,"label",2),e([o({type:String,reflect:!0})],t.prototype,"variant",2),e([o({type:String,reflect:!0})],t.prototype,"kind",2),e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([s("bl-dropdown-open")],t.prototype,"onOpen",2),e([s("bl-dropdown-close")],t.prototype,"onClose",2),t=e([c(u)],t);var w=p`:host{width:100%;--bl-button-display:block;--bl-button-justify:start}`,v=w;var h="bl-dropdown-item",r=class extends d{static get styles(){return[v]}_handleClick(){var i;(i=this.BlDropdownField)==null||i.close(),this.onClick("Action clicked!")}focus(){this.menuElement.focus()}connectedCallback(){super.connectedCallback(),this.BlDropdownGroupField=this.closest(m),this.BlDropdownField=this.closest(u),!this.BlDropdownField&&!this.BlDropdownGroupField&&console.warn(`bl-dropdown-item is designed to be used inside a ${m} or ${u}`,this)}disconnectedCallback(){super.disconnectedCallback()}render(){return a`<bl-button
-      variant="tertiary"
-      kind="neutral"
-      icon="${n(this.icon)}"
-      role="menuitem"
-      @click="${this._handleClick}"
-      ><slot></slot>
-    </bl-button>`}};e([o({type:String})],r.prototype,"icon",2),e([s("bl-dropdown-item-click")],r.prototype,"onClick",2),e([l("[role=menuitem]")],r.prototype,"menuElement",2),r=e([c(h)],r);export{h as a,r as b,u as c,t as d};
-//# sourceMappingURL=chunk-JPRCBAHY.js.map

package/dist/chunk-JPRCBAHY.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/dropdown/bl-dropdown.css", "../src/components/dropdown/bl-dropdown.ts", "../src/components/dropdown/item/bl-dropdown-item.css", "../src/components/dropdown/item/bl-dropdown-item.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{position:relative;display:inline-block}:host([kind=\"neutral\"]) bl-popover{--bl-popover-border-color:var(--bl-color-neutral-darker)}:host([kind=\"success\"]) bl-popover{--bl-popover-border-color:var(--bl-color-success)}:host([kind=\"danger\"]) bl-popover{--bl-popover-border-color:var(--bl-color-danger)}`;\nexport default styles;\n", "import { LitElement, html, CSSResultGroup, TemplateResult } from \"lit\";\nimport { customElement, property, state, query } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport \"../button/bl-button\";\nimport BlButton, { ButtonSize, ButtonVariant, ButtonKind } from \"../button/bl-button\";\nimport BlPopover from \"../popover/bl-popover\";\nimport style from \"./bl-dropdown.css\";\nimport BlDropdownItem, { blDropdownItemTag } from \"./item/bl-dropdown-item\";\n\nexport const blDropdownTag = \"bl-dropdown\";\n\n/**\n * @tag bl-dropdown\n * @summary Baklava Dropdown component\n */\n@customElement(blDropdownTag)\nexport default class BlDropdown extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  @query(\"bl-popover\")\n  private _popover: BlPopover;\n\n  @query(\"bl-button\")\n  private _button: BlButton;\n\n  @state() private _isPopoverOpen = false;\n\n  /**\n   * Sets the dropdown button label\n   */\n  @property({ type: String, reflect: true })\n  label = \"Dropdown Button\";\n\n  /**\n   * Sets the dropdown button variant\n   */\n  @property({ type: String, reflect: true })\n  variant: ButtonVariant = \"primary\";\n\n  /**\n   * Sets the dropdown button kind\n   */\n  @property({ type: String, reflect: true })\n  kind: ButtonKind = \"default\";\n\n  /**\n   * Sets the dropdown button size\n   */\n  @property({ type: String, reflect: true })\n  size: ButtonSize = \"medium\";\n\n  /**\n   * Sets button as disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Fires when dropdown opened\n   */\n  @event(\"bl-dropdown-open\") private onOpen: EventDispatcher<string>;\n\n  /**\n   * Fires when dropdown closed\n   */\n  @event(\"bl-dropdown-close\") private onClose: EventDispatcher<string>;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener(\"keydown\", this.handleKeyDown);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(\"keydown\", this.handleKeyDown);\n  }\n\n  firstUpdated() {\n    // `_button` will be undefined during the initial render.\n    // To ensure proper rendering, we set `_popover.target` after the template has been created.\n    this._popover.target = this._button;\n  }\n\n  get opened() {\n    return this._isPopoverOpen;\n  }\n\n  private _handleClick() {\n    !this._isPopoverOpen && !this.disabled ? this.open() : this.close();\n  }\n\n  private focusedOptionIndex = -1;\n\n  private handleKeyDown(event: KeyboardEvent) {\n    // Next action\n    if ([\"ArrowDown\", \"ArrowRight\"].includes(event.key)) {\n      this.focusedOptionIndex++;\n\n      // Previous action\n    } else if ([\"ArrowUp\", \"ArrowLeft\"].includes(event.key)) {\n      this.focusedOptionIndex--;\n      // Select action\n    } else if (event.key === \"Escape\") {\n      this.focusedOptionIndex = -1;\n      this.close();\n      return;\n    } else {\n      // Other keys are not our interest here\n      return;\n    }\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  get options(): BlDropdownItem[] {\n    return [...this.querySelectorAll(blDropdownItemTag)];\n  }\n\n  open() {\n    this._isPopoverOpen = true;\n    this._popover.show();\n    this.onOpen(\"Dropdown opened!\");\n  }\n\n  close() {\n    this._isPopoverOpen = false;\n    this._popover.visible && this._popover.hide();\n    this.onClose(\"Dropdown closed!\");\n  }\n\n  render(): TemplateResult {\n    return html`<bl-button\n        dropdown\n        .active=${this.opened}\n        ?disabled=${ifDefined(this.disabled)}\n        variant=\"${this.variant}\"\n        kind=\"${this.kind}\"\n        size=\"${this.size}\"\n        aria-label=\"${ifDefined(this.label)}\"\n        @bl-click=\"${this._handleClick}\"\n      >\n        ${this.label}\n      </bl-button>\n      <bl-popover fit-size placement=\"bottom-start\" @bl-popover-hide=\"${this.close}\">\n        <slot></slot>\n      </bl-popover> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blDropdownTag]: BlDropdown;\n  }\n}\n", "import {css} from 'lit';\nexport const styles = css`:host{width:100%;--bl-button-display:block;--bl-button-justify:start}`;\nexport default styles;\n", "import { LitElement, html, CSSResultGroup, TemplateResult } from \"lit\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { event, EventDispatcher } from \"../../../utilities/event\";\nimport \"../../button/bl-button\";\nimport BlButton from \"../../button/bl-button\";\nimport { BaklavaIcon } from \"../../icon/icon-list\";\nimport type BlDropdown from \"../bl-dropdown\";\nimport { blDropdownTag } from \"../bl-dropdown\";\nimport type BlDropdownGroup from \"../group/bl-dropdown-group\";\nimport { blDropdownGroupTag } from \"../group/bl-dropdown-group\";\nimport style from \"./bl-dropdown-item.css\";\n\nexport const blDropdownItemTag = \"bl-dropdown-item\";\n\n/**\n * @tag bl-dropdown-item\n * @summary Baklava Dropdown Item component\n */\n@customElement(blDropdownItemTag)\nexport default class BlDropdownItem extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the icon name. Shows icon with bl-icon component\n   */\n\n  @property({ type: String })\n  icon?: BaklavaIcon;\n\n  @event(\"bl-dropdown-item-click\") private onClick: EventDispatcher<string>;\n\n  private _handleClick() {\n    this.BlDropdownField?.close();\n    this.onClick(\"Action clicked!\");\n  }\n\n  @query(\"[role=menuitem]\") private menuElement: BlButton;\n\n  /**\n   * Focuses this action\n   */\n  focus() {\n    this.menuElement.focus();\n  }\n\n  private BlDropdownGroupField: BlDropdownGroup | null;\n  private BlDropdownField: BlDropdown | null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    this.BlDropdownGroupField = this.closest<BlDropdownGroup>(blDropdownGroupTag);\n    this.BlDropdownField = this.closest<BlDropdown>(blDropdownTag);\n\n    if (!this.BlDropdownField && !this.BlDropdownGroupField) {\n      console.warn(\n        `bl-dropdown-item is designed to be used inside a ${blDropdownGroupTag} or ${blDropdownTag}`,\n        this\n      );\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n  }\n\n  render(): TemplateResult {\n    return html`<bl-button\n      variant=\"tertiary\"\n      kind=\"neutral\"\n      icon=\"${ifDefined(this.icon)}\"\n      role=\"menuitem\"\n      @click=\"${this._handleClick}\"\n      ><slot></slot>\n    </bl-button>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blDropdownItemTag]: BlDropdownItem;\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["styles", "i", "bl_dropdown_default", "blDropdownTag", "BlDropdown", "s", "bl_dropdown_default", "event", "blDropdownItemTag", "x", "l", "__decorateClass", "i", "t", "e", "styles", "i", "bl_dropdown_item_default", "blDropdownItemTag", "BlDropdownItem", "s", "bl_dropdown_item_default", "_a", "blDropdownGroupTag", "blDropdownTag", "x", "l", "__decorateClass", "e", "event", "i"]
-}