@trendyol/baklava 3.0.0-beta.1 → 3.0.0-beta.10

package/dist/{chunk-ILQVF4MN.js → chunk-PLUCMBSD.js}

@@ -1,4 +1,4 @@
-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
+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{d as o}from"./chunk-IZ2LK5GK.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}
@@ -19,4 +19,4 @@ import{a as r}from"./chunk-GRL4DWKG.js";import{a as c,b as l,c as p,e as u}from"
     </bl-checkbox>`}render(){return i`<div class="option-container">
       ${this.multiple?this.checkboxOptionTemplate():this.singleOptionTemplate()}
     </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
+//# sourceMappingURL=chunk-PLUCMBSD.js.map

package/dist/{chunk-WA7DDIST.js → chunk-Q7LYRUYQ.js}

@@ -1,4 +1,4 @@
-import{a as _}from"./chunk-6LT7O7T2.js";import{a as y}from"./chunk-GRL4DWKG.js";import{a as m,b as e,c as g,e as f}from"./chunk-X2KXJYXQ.js";import{a as n}from"./chunk-DINNT5P2.js";import{a as p,b as a,f as v}from"./chunk-4OT5AMS5.js";import{c as o}from"./chunk-CYCIT2TG.js";var x=l=>{if(!(!l.noValidate&&!l.reportValidity())){let d=new SubmitEvent("submit",{bubbles:!0,cancelable:!0});l.dispatchEvent(d),d.defaultPrevented||l.submit()}};var z=p`@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}:host{display:var(--bl-button-display, inline-block);max-width:100%;position:relative}.button{--main-color:var(--bl-color-primary);--main-hover-color:var(--bl-color-primary-highlight);--text-hover-color:var(--bl-color-neutral-lightest);--content-color:var(--bl-color-neutral-full);--bg-color:var(--main-color);--border-color:var(--main-color);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-m);--margin-icon:var(--padding-vertical);--icon-size:var(--bl-size-m);--font:var(--bl-font-title-3-medium);--height:var(--bl-size-2xl);display:flex;gap:var(--margin-icon);justify-content:var(--bl-button-justify, center);align-items:center;box-sizing:border-box;width:100%;height:var(--height);border:solid 1px var(--border-color);border-radius:var(--bl-border-radius-m);text-decoration:none;padding:var(--padding-vertical) var(--padding-horizontal);cursor:pointer;background-color:var(--bg-color);color:var(--content-color);font:var(--font);font-kerning:none;user-select:none}:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button,:host(:hover) .button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([size="small"]) .button{--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-2xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl)}:host([size="large"]) .button{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-xl);--margin-icon:var(--bl-size-2xs);--height:var(--bl-size-3xl)}.button:focus{outline:none}.button:focus-visible{position:relative;outline:none}.button:focus-visible::after{border:2px solid var(--main-color);border-radius:var(--bl-border-radius-l);content:"";position:absolute;inset:-4px}.loading-icon{animation:spin 1s linear infinite;font-size:var(--icon-size)}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host([loading]) ::slotted(bl-icon){display:none}:host .has-icon:not(.has-content){--padding-horizontal:var(--padding-vertical);--margin-icon:0}:host([variant="secondary"]) .button{--bg-color:transparent;--content-color:var(--main-color)}:host([variant="tertiary"]) .button{--content-color:var(--main-color);--border-color:transparent;--bg-color:transparent}:host([kind="neutral"]) .button{--main-color:var(--bl-color-neutral-darker);--main-hover-color:var(--bl-color-neutral-darkest)}:host([kind="success"]) .button{--main-color:var(--bl-color-success);--main-hover-color:var(--bl-color-success-highlight)}:host([kind="danger"]) .button{--main-color:var(--bl-color-danger);--main-hover-color:var(--bl-color-danger-highlight)}:host([disabled]){cursor:not-allowed}:host([loading]){cursor:wait}:host([loading]) bl-icon:not(.loading-icon){display:none}:host .button[aria-disabled="true"]{--main-color:var(--bl-color-neutral-lightest);--main-hover-color:var(--bl-color-neutral-lightest);--content-color:var(--bl-color-neutral-lighter);--bg-color:var(--main-color);pointer-events:none;text-decoration:none}:host([variant="tertiary"]) .button[aria-disabled="true"]{--main-color:transparent}:host([variant="secondary"].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button[aria-disabled="false"],:host([variant="secondary"]:hover) .button[aria-disabled="false"]{--content-color:var(--bl-color-neutral-full);--bg-color:var(--main-hover-color)}:host([variant="tertiary"].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button[aria-disabled="false"],:host([variant="tertiary"]:hover) .button[aria-disabled="false"]{--content-color:var(--main-hover-color);--bg-color:var(--text-hover-color)}:host([dropdown]) .open{display:none}:host([dropdown]) .active .open{display:inline-block}:host([dropdown]) .active .close{display:none}:host .active.button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}:host([variant="secondary"]) .active.button{--content-color:var(--bl-color-neutral-full);--bg-color:var(--main-hover-color)}:host([variant="tertiary"]) .active.button{--content-color:var(--main-color);--bg-color:var(--bl-color-neutral-lightest);--border-color:transparent}`,T=z;var t=class extends v{constructor(){super(...arguments);this.variant="primary";this.kind="default";this.size="medium";this.loading=!1;this.disabled=!1;this.target="_self";this.dropdown=!1;this.autofocus=!1;this.active=!1}static get styles(){return[T]}get _isActive(){return this.active}connectedCallback(){super.connectedCallback()}caretTemplate(){return a` <bl-icon class="open" name="arrow_up"></bl-icon>
+import{a as _}from"./chunk-6LT7O7T2.js";import{a as n}from"./chunk-DINNT5P2.js";import{a as y}from"./chunk-GRL4DWKG.js";import{a as m,b as e,c as g,e as f}from"./chunk-X2KXJYXQ.js";import{a as p,b as a,f as v}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-IZ2LK5GK.js";var x=l=>{if(!(!l.noValidate&&!l.reportValidity())){let d=new SubmitEvent("submit",{bubbles:!0,cancelable:!0});l.dispatchEvent(d),d.defaultPrevented||l.submit()}};var z=p`@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}:host{display:var(--bl-button-display, inline-block);max-width:100%;position:relative}.button{--main-color:var(--bl-color-primary);--main-hover-color:var(--bl-color-primary-highlight);--text-hover-color:var(--bl-color-neutral-lightest);--content-color:var(--bl-color-neutral-full);--bg-color:var(--main-color);--border-color:var(--main-color);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-m);--margin-icon:var(--padding-vertical);--icon-size:var(--bl-size-m);--font:var(--bl-font-title-3-medium);--height:var(--bl-size-2xl);display:flex;gap:var(--margin-icon);justify-content:var(--bl-button-justify, center);align-items:center;box-sizing:border-box;width:100%;height:var(--height);border:solid 1px var(--border-color);border-radius:var(--bl-border-radius-m);text-decoration:none;padding:var(--padding-vertical) var(--padding-horizontal);cursor:pointer;background-color:var(--bg-color);color:var(--content-color);font:var(--font);font-kerning:none;user-select:none}:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button,:host(:hover) .button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([size="small"]) .button{--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-2xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl)}:host([size="large"]) .button{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-xl);--margin-icon:var(--bl-size-2xs);--height:var(--bl-size-3xl)}.button:focus{outline:none}.button:focus-visible{position:relative;outline:none}.button:focus-visible::after{border:2px solid var(--main-color);border-radius:var(--bl-border-radius-l);content:"";position:absolute;inset:-4px}.loading-icon{animation:spin 1s linear infinite;font-size:var(--icon-size)}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host([loading]) ::slotted(bl-icon){display:none}:host .has-icon:not(.has-content){--padding-horizontal:var(--padding-vertical);--margin-icon:0}:host([variant="secondary"]) .button{--bg-color:transparent;--content-color:var(--main-color)}:host([variant="tertiary"]) .button{--content-color:var(--main-color);--border-color:transparent;--bg-color:transparent}:host([kind="neutral"]) .button{--main-color:var(--bl-color-neutral-darker);--main-hover-color:var(--bl-color-neutral-darkest)}:host([kind="success"]) .button{--main-color:var(--bl-color-success);--main-hover-color:var(--bl-color-success-highlight)}:host([kind="danger"]) .button{--main-color:var(--bl-color-danger);--main-hover-color:var(--bl-color-danger-highlight)}:host([disabled]){cursor:not-allowed}:host([loading]){cursor:wait}:host([loading]) bl-icon:not(.loading-icon){display:none}:host .button[aria-disabled="true"]{--main-color:var(--bl-color-neutral-lightest);--main-hover-color:var(--bl-color-neutral-lightest);--content-color:var(--bl-color-neutral-lighter);--bg-color:var(--main-color);pointer-events:none;text-decoration:none}:host([variant="tertiary"]) .button[aria-disabled="true"]{--main-color:transparent}:host([variant="secondary"].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button[aria-disabled="false"],:host([variant="secondary"]:hover) .button[aria-disabled="false"]{--content-color:var(--bl-color-neutral-full);--bg-color:var(--main-hover-color)}:host([variant="tertiary"].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button[aria-disabled="false"],:host([variant="tertiary"]:hover) .button[aria-disabled="false"]{--content-color:var(--main-hover-color);--bg-color:var(--text-hover-color)}:host([dropdown]) .open{display:none}:host([dropdown]) .active .open{display:inline-block}:host([dropdown]) .active .close{display:none}:host .active.button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}:host([variant="secondary"]) .active.button{--content-color:var(--bl-color-neutral-full);--bg-color:var(--main-hover-color)}:host([variant="tertiary"]) .active.button{--content-color:var(--main-color);--bg-color:var(--bl-color-neutral-lightest);--border-color:transparent}`,T=z;var t=class extends v{constructor(){super(...arguments);this.variant="primary";this.kind="default";this.size="medium";this.loading=!1;this.disabled=!1;this.target="_self";this.dropdown=!1;this.autofocus=!1;this.active=!1}static get styles(){return[T]}get _isActive(){return this.active}connectedCallback(){super.connectedCallback()}caretTemplate(){return a` <bl-icon class="open" name="arrow_up"></bl-icon>
       <bl-icon class="close" name="arrow_down"></bl-icon>`}_handleClick(){if(this.type==="submit"){let r;this.form instanceof HTMLFormElement?r=this.form:typeof this.form=="string"?r=document.getElementById(this.form):r=this.closest("form"),r&&x(r)}this.onClick("Click event fired!")}focus(){this.button.focus()}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}get _hasDefaultSlot(){return[...this.childNodes].some(i=>{var c;let s=i.nodeType;return s===i.TEXT_NODE&&((c=i.textContent)==null?void 0:c.trim())!==""||s===i.ELEMENT_NODE&&!i.hasAttribute("slot")})}render(){let r=this.loading||this.disabled,i=this.loading&&this.loadingLabel?this.loadingLabel:a`<slot></slot>`,s=!!this.href,c=this.icon?a`<bl-icon name=${this.icon}></bl-icon>`:"",b=this.loading?a`<bl-icon class="loading-icon" name="loading"></bl-icon>`:"",h=a`<slot name="icon">${c}</slot> <span class="label">${i}</span>`,E=this.dropdown?this.caretTemplate():"",u=_({button:!0,"has-icon":this.icon||this._hasIconSlot,"has-content":this._hasDefaultSlot,active:!s&&this._isActive});return s?a`<a
           class=${u}
           ?autofocus=${this.autofocus}
@@ -18,4 +18,4 @@ import{a as _}from"./chunk-6LT7O7T2.js";import{a as y}from"./chunk-GRL4DWKG.js";
         >
           ${b} ${h} ${E}
         </button>`}};o([e({type:String,reflect:!0})],t.prototype,"variant",2),o([e({type:String,reflect:!0})],t.prototype,"kind",2),o([e({type:String,reflect:!0})],t.prototype,"size",2),o([e({type:String})],t.prototype,"label",2),o([e({type:String,attribute:"loading-label"})],t.prototype,"loadingLabel",2),o([e({type:Boolean,reflect:!0})],t.prototype,"loading",2),o([e({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([e({type:String})],t.prototype,"href",2),o([e({type:String})],t.prototype,"icon",2),o([e({type:String})],t.prototype,"target",2),o([e({type:String})],t.prototype,"type",2),o([e({type:Boolean})],t.prototype,"dropdown",2),o([e({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),o([e({type:String})],t.prototype,"form",2),o([g({})],t.prototype,"active",2),o([f(".button")],t.prototype,"button",2),o([y("bl-click")],t.prototype,"onClick",2),t=o([m("bl-button")],t);export{x as a,t as b};
-//# sourceMappingURL=chunk-WA7DDIST.js.map
+//# sourceMappingURL=chunk-Q7LYRUYQ.js.map

package/dist/{chunk-7QGSFS64.js → chunk-QXFCLEZB.js}

@@ -1,4 +1,4 @@
-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)}/*
+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{d as o}from"./chunk-IZ2LK5GK.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;
 }
@@ -13,4 +13,4 @@ import{a as s,b as i}from"./chunk-X2KXJYXQ.js";import{a as e,b as l,f as r}from"
       ${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
+//# sourceMappingURL=chunk-QXFCLEZB.js.map

package/dist/chunk-TI6K2YFV.js

@@ -0,0 +1,11 @@
+import{a as b}from"./chunk-HMDGICS5.js";import{a as s,b as n}from"./chunk-X2KXJYXQ.js";import{a as i,b as o,f as a}from"./chunk-4OT5AMS5.js";import{d as l}from"./chunk-IZ2LK5GK.js";var d=i`:host{display:table-cell;border:1px solid var(--bl-color-neutral-lighter);padding:var(--bl-size-m);font:var(--bl-font-title-3-regular);color:var(--bl-color-neutral-darker);box-sizing:border-box;vertical-align:middle;word-break:break-word;background-color:var(--bl-color-neutral-full);background-clip:padding-box;border-top:none;border-right:none}.table-cell{display:flex;align-items:center}.table-cell.shadow-right::before{content:"";position:absolute;right:-1px;top:0;width:16px;height:100%;z-index:-1;border-right:1px solid var(--bl-color-neutral-lighter);box-shadow:8px 0 16px 0 rgb(39 49 66 / 10%)}.table-cell.shadow-left::before{content:"";position:absolute;left:-1px;top:0;width:16px;height:100%;z-index:-1;border-left:1px solid var(--bl-color-neutral-lighter);box-shadow:-8px 0 16px 0 rgb(39 49 66 / 10%)}bl-checkbox{margin-right:var(--bl-size-m)}`,c=d;var h="bl-table-cell",t=class extends a{constructor(){super(...arguments);this.disableSelection=!1}static get styles(){return[c]}get _table(){return this.closest("bl-table")}get _tableRow(){return this.closest("bl-table-row")}get disabled(){return this.disableSelection}get selectable(){var e;return this.index===0&&!!((e=this._table)!=null&&e.isSelectable(!1))&&this.selectionKey}get index(){let e=this.parentNode;return e?[...e.children].indexOf(this):-1}get selectionKey(){return this._tableRow?this._tableRow.selectionKey:""}get checked(){var e;return!!((e=this._tableRow)!=null&&e.checked)}get shadowRight(){var e;return!!((e=this._tableRow)!=null&&e.stickyFirstColumn)&&this.index===0}get shadowLeft(){var e;return!!((e=this._tableRow)!=null&&e.stickyLastColumn)&&this.nextElementSibling===null}connectedCallback(){super.connectedCallback(),this.closest(b)||console.warn("bl-table-cell is designed to be used inside a bl-table-row",this)}onChange(e){var r;(r=this._table)==null||r.onSelectionChange(!1,e.detail,this.selectionKey)}_renderCheckbox(){return this.selectable?o`<bl-checkbox
+          ?checked=${this.checked}
+          ?disabled=${this.disabled}
+          value="row"
+          @bl-checkbox-change=${this.onChange}
+        >
+        </bl-checkbox>`:null}render(){let e=this.shadowRight?"shadow-right":this.shadowLeft?"shadow-left":"";return o`<div class="table-cell ${e}">
+      ${this._renderCheckbox()}
+      <slot></slot>
+    </div>`}};l([n({type:Boolean,reflect:!0,attribute:"disabled"})],t.prototype,"disableSelection",2),t=l([s(h)],t);export{h as a,t as b};
+//# sourceMappingURL=chunk-TI6K2YFV.js.map

package/dist/chunk-TI6K2YFV.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/table/table-cell/bl-table-cell.css", "../src/components/table/table-cell/bl-table-cell.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:table-cell;border:1px solid var(--bl-color-neutral-lighter);padding:var(--bl-size-m);font:var(--bl-font-title-3-regular);color:var(--bl-color-neutral-darker);box-sizing:border-box;vertical-align:middle;word-break:break-word;background-color:var(--bl-color-neutral-full);background-clip:padding-box;border-top:none;border-right:none}.table-cell{display:flex;align-items:center}.table-cell.shadow-right::before{content:\"\";position:absolute;right:-1px;top:0;width:16px;height:100%;z-index:-1;border-right:1px solid var(--bl-color-neutral-lighter);box-shadow:8px 0 16px 0 rgb(39 49 66 / 10%)}.table-cell.shadow-left::before{content:\"\";position:absolute;left:-1px;top:0;width:16px;height:100%;z-index:-1;border-left:1px solid var(--bl-color-neutral-lighter);box-shadow:-8px 0 16px 0 rgb(39 49 66 / 10%)}bl-checkbox{margin-right:var(--bl-size-m)}`;\nexport default styles;\n", "import { html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { CSSResultGroup } from \"lit/development\";\nimport \"element-internals-polyfill\";\nimport \"../../checkbox-group/checkbox/bl-checkbox\";\nimport style from \"../table-cell/bl-table-cell.css\";\nimport BlTableRow, { blTableRowTag } from \"../table-row/bl-table-row\";\n\nexport const blTableCellTag = \"bl-table-cell\";\n/**\n * @tag bl-table-cell\n * @summary Baklava Table component\n */\n@customElement(blTableCellTag)\nexport default class BlTableCell extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Disable selection\n   */\n  @property({ type: Boolean, reflect: true, attribute: \"disabled\" })\n  disableSelection = false;\n\n  private get _table() {\n    return this.closest(\"bl-table\");\n  }\n  private get _tableRow() {\n    return this.closest(\"bl-table-row\");\n  }\n  get disabled() {\n    return this.disableSelection;\n  }\n  get selectable() {\n    return this.index === 0 && !!this._table?.isSelectable(false) && this.selectionKey;\n  }\n  get index() {\n    const parent = this.parentNode;\n\n    if (!parent) {\n      return -1;\n    }\n    return [...parent.children].indexOf(this);\n  }\n  get selectionKey(): string {\n    return this._tableRow ? this._tableRow.selectionKey : \"\";\n  }\n  get checked() {\n    return !!this._tableRow?.checked;\n  }\n  get shadowRight() {\n    return !!this._tableRow?.stickyFirstColumn && this.index === 0;\n  }\n  get shadowLeft() {\n    return !!this._tableRow?.stickyLastColumn && this.nextElementSibling === null;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (!this.closest<BlTableRow>(blTableRowTag)) {\n      console.warn(\"bl-table-cell is designed to be used inside a bl-table-row\", this);\n    }\n  }\n\n  onChange(event: CustomEvent) {\n    this._table?.onSelectionChange(false, event.detail, this.selectionKey);\n  }\n\n  private _renderCheckbox() {\n    return this.selectable\n      ? html`<bl-checkbox\n          ?checked=${this.checked}\n          ?disabled=${this.disabled}\n          value=\"row\"\n          @bl-checkbox-change=${this.onChange}\n        >\n        </bl-checkbox>`\n      : null;\n  }\n  render(): TemplateResult {\n    const className = this.shadowRight ? \"shadow-right\" : this.shadowLeft ? \"shadow-left\" : \"\";\n\n    return html`<div class=\"table-cell ${className}\">\n      ${this._renderCheckbox()}\n      <slot></slot>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blTableCellTag]: BlTableCell;\n  }\n}\n"],
+  "mappings": "qLACO,IAAMA,EAAS,01BACfC,EAAQD,ECMR,IAAME,EAAiB,gBAMTC,EAArB,cAAyCC,CAAW,CAApD,kCASE,sBAAmB,GARnB,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAQA,IAAY,QAAS,CACnB,OAAO,KAAK,QAAQ,UAAU,CAChC,CACA,IAAY,WAAY,CACtB,OAAO,KAAK,QAAQ,cAAc,CACpC,CACA,IAAI,UAAW,CACb,OAAO,KAAK,gBACd,CACA,IAAI,YAAa,CAlCnB,IAAAC,EAmCI,OAAO,KAAK,QAAU,GAAK,CAAC,GAACA,EAAA,KAAK,SAAL,MAAAA,EAAa,aAAa,MAAU,KAAK,YACxE,CACA,IAAI,OAAQ,CACV,IAAMC,EAAS,KAAK,WAEpB,OAAKA,EAGE,CAAC,GAAGA,EAAO,QAAQ,EAAE,QAAQ,IAAI,EAF/B,EAGX,CACA,IAAI,cAAuB,CACzB,OAAO,KAAK,UAAY,KAAK,UAAU,aAAe,EACxD,CACA,IAAI,SAAU,CAhDhB,IAAAD,EAiDI,MAAO,CAAC,GAACA,EAAA,KAAK,YAAL,MAAAA,EAAgB,QAC3B,CACA,IAAI,aAAc,CAnDpB,IAAAA,EAoDI,MAAO,CAAC,GAACA,EAAA,KAAK,YAAL,MAAAA,EAAgB,oBAAqB,KAAK,QAAU,CAC/D,CACA,IAAI,YAAa,CAtDnB,IAAAA,EAuDI,MAAO,CAAC,GAACA,EAAA,KAAK,YAAL,MAAAA,EAAgB,mBAAoB,KAAK,qBAAuB,IAC3E,CAEA,mBAA0B,CACxB,MAAM,kBAAkB,EACnB,KAAK,QAAoBE,CAAa,GACzC,QAAQ,KAAK,6DAA8D,IAAI,CAEnF,CAEA,SAASC,EAAoB,CAjE/B,IAAAH,GAkEIA,EAAA,KAAK,SAAL,MAAAA,EAAa,kBAAkB,GAAOG,EAAM,OAAQ,KAAK,aAC3D,CAEQ,iBAAkB,CACxB,OAAO,KAAK,WACRC;AAAA,qBACa,KAAK;AAAA,sBACJ,KAAK;AAAA;AAAA,gCAEK,KAAK;AAAA;AAAA,wBAG7B,IACN,CACA,QAAyB,CACvB,IAAMC,EAAY,KAAK,YAAc,eAAiB,KAAK,WAAa,cAAgB,GAExF,OAAOD,2BAA8BC;AAAA,QACjC,KAAK,gBAAgB;AAAA;AAAA,WAG3B,CACF,EAjEEC,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,UAAW,CAAC,GAR9CV,EASnB,gCATmBA,EAArBS,EAAA,CADCC,EAAcX,CAAc,GACRC",
+  "names": ["styles", "bl_table_cell_default", "blTableCellTag", "BlTableCell", "s", "bl_table_cell_default", "_a", "parent", "blTableRowTag", "event", "x", "className", "__decorateClass", "e"]
+}

package/dist/chunk-UERDT3VQ.js

@@ -0,0 +1,50 @@
+import{a as v,c as n}from"./chunk-HBPBDC7T.js";import{a as b}from"./chunk-DINNT5P2.js";import{a as d}from"./chunk-GRL4DWKG.js";import{a as h,b as i,c as m}from"./chunk-X2KXJYXQ.js";import{a as g,b as s,f as o}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-IZ2LK5GK.js";var y=g`.pagination{display:flex;flex-wrap:wrap;justify-content:center;max-width:max-content;gap:var(--bl-size-s)}.pagination *{margin:0;padding:0;box-sizing:border-box}.page-container{display:flex;align-items:center}.page-list{display:flex;align-items:center;list-style:none;user-select:none;gap:var(--bl-size-3xs)}.dots{margin:0 var(--bl-size-2xs)}.dots::before{content:" \\B7 \\B7 \\B7";color:var(--bl-color-neutral-darker)}.pagination-helpers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--bl-size-m);color:var(--bl-color-neutral-darker)}.jumper,.select{display:flex;align-items:center;gap:var(--bl-size-2xs)}label{font:var(--bl-font-title-3-medium);font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-m);letter-spacing:0;user-select:none}bl-input{width:62px}bl-select{width:auto}@media only screen and (max-width: 768px){label{display:none}}`,P=y;var t=class extends o{constructor(){super(...arguments);this.currentPage=1;this.totalItems=0;this.itemsPerPage=10;this.hasJumper=!1;this.hasSelect=!1;this.itemsPerPageOptions=[{text:"10 Items",value:10},{text:"25 Items",value:25},{text:"50 Items",value:50},{text:"100 Items",value:100}];this.pages=[]}static get styles(){return[P]}connectedCallback(){super.connectedCallback(),setTimeout(()=>{window==null||window.addEventListener("resize",()=>this._paginate())})}disconnectedCallback(){super.disconnectedCallback(),window==null||window.removeEventListener("resize",this._paginate)}updated(e){(e.has("currentPage")||e.has("itemsPerPage")||e.has("totalItems"))&&this._paginate()}_paginate(){this.pages=[];let e=Math.ceil(Math.abs(this.totalItems/this.itemsPerPage))||1;if(e<=8){this.pages=Array.from(Array(e),(a,l)=>l+1);return}this.pages.push(1),this.currentPage<5?this.pages.push(2,3,4,5,"..."):this.currentPage>=5&&this.currentPage<=e-4?this.pages.push("...",this.currentPage-1,this.currentPage,this.currentPage+1,"..."):this.pages.push("...",e-4,e-3,e-2,e-1),this.pages.push(e)}_changePage(e){let a=this.currentPage;this.currentPage=e,this.onChange({selectedPage:e,prevPage:a,itemsPerPage:this.itemsPerPage})}_pageBack(){this.currentPage!==1&&this._changePage(this.currentPage-1)}_pageForward(){this.currentPage!==this._getLastPage()&&this._changePage(this.currentPage+1)}_getLastPage(){return+this.pages[this.pages.length-1]}_inputHandler(e){e.stopPropagation();let a=+e.target.value,l=a>0?Math.min(this._getLastPage(),a):1;this._changePage(l)}_selectHandler(e){var a;this.itemsPerPage=+((a=e==null?void 0:e.detail)==null?void 0:a.value)||100,this._changePage(1)}_renderSinglePage(e){if(typeof e=="string")return s`<li class="dots"></li>`;let a=this.currentPage===e?"page":void 0;return s` <li>
+      <bl-button
+        @click="${()=>this._changePage(e)}"
+        variant=${this.currentPage===e?"primary":"tertiary"}
+        kind="neutral"
+        label="Page ${e}"
+        aria-current=${b(a)}
+      >
+        ${e}
+      </bl-button>
+    </li>`}renderPages(){return s`
+      <div class="page-container">
+        <bl-button
+          @click="${this._pageBack}"
+          variant="tertiary"
+          kind="neutral"
+          icon="arrow_left"
+          class="previous"
+          label="Previous"
+          ?disabled=${this.currentPage===1}
+        ></bl-button>
+        <ul class="page-list">
+          ${window.innerWidth<768?s`${this._renderSinglePage(this.currentPage)}`:this.pages.map(e=>s`${this._renderSinglePage(e)}`)}
+        </ul>
+        <bl-button
+          @click="${this._pageForward}"
+          variant="tertiary"
+          kind="neutral"
+          icon="arrow_right"
+          class="next"
+          label="Next"
+          ?disabled=${this.currentPage===this._getLastPage()}
+        ></bl-button>
+      </div>
+    `}render(){var p,u;let e=(p=this.jumperLabel)!=null?p:n("Go to",{desc:"bl-pagination: jumper text"}),a=(u=this.selectLabel)!=null?u:n("Show",{desc:"bl-pagination: listing text"}),l=this.hasSelect?s`
+          <div class="select">
+            <label>${a}</label>
+            <bl-select @bl-select="${this._selectHandler}" .value=${this.itemsPerPage} required>
+              ${this.itemsPerPageOptions.map(c=>s`<bl-select-option .value=${c.value}
+                  >${c.text}</bl-select-option
+                >`)}
+            </bl-select>
+          </div>
+        `:null,f=this.hasJumper?s` <div class="jumper">
+          <label>${e}</label>
+          <bl-input .value="${this.currentPage}" @bl-change="${this._inputHandler}"></bl-input>
+        </div>`:null;return s` <nav class="pagination" aria-label="Pagination">
+      ${(()=>{if(!(!this.hasSelect&&!this.hasJumper))return s` <div class="pagination-helpers">${l} ${f}</div> `})()} ${this.renderPages()}
+    </nav>`}};r([i({attribute:"current-page",type:Number,reflect:!0})],t.prototype,"currentPage",2),r([i({attribute:"total-items",type:Number})],t.prototype,"totalItems",2),r([i({attribute:"items-per-page",type:Number,reflect:!0})],t.prototype,"itemsPerPage",2),r([i({attribute:"has-jumper",type:Boolean})],t.prototype,"hasJumper",2),r([i({attribute:"jumper-label",type:String})],t.prototype,"jumperLabel",2),r([i({attribute:"has-select",type:Boolean})],t.prototype,"hasSelect",2),r([i({attribute:"select-label",type:String})],t.prototype,"selectLabel",2),r([i({type:Array,attribute:!1})],t.prototype,"itemsPerPageOptions",2),r([m()],t.prototype,"pages",2),r([d("bl-change")],t.prototype,"onChange",2),t=r([h("bl-pagination"),v()],t);export{t as a};
+//# sourceMappingURL=chunk-UERDT3VQ.js.map

package/dist/chunk-UERDT3VQ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/pagination/bl-pagination.css", "../src/components/pagination/bl-pagination.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.pagination{display:flex;flex-wrap:wrap;justify-content:center;max-width:max-content;gap:var(--bl-size-s)}.pagination *{margin:0;padding:0;box-sizing:border-box}.page-container{display:flex;align-items:center}.page-list{display:flex;align-items:center;list-style:none;user-select:none;gap:var(--bl-size-3xs)}.dots{margin:0 var(--bl-size-2xs)}.dots::before{content:\" \\\\B7 \\\\B7 \\\\B7\";color:var(--bl-color-neutral-darker)}.pagination-helpers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--bl-size-m);color:var(--bl-color-neutral-darker)}.jumper,.select{display:flex;align-items:center;gap:var(--bl-size-2xs)}label{font:var(--bl-font-title-3-medium);font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-m);letter-spacing:0;user-select:none}bl-input{width:62px}bl-select{width:auto}@media only screen and (max-width: 768px){label{display:none}}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult, PropertyValues } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { localized, msg } from \"@lit/localize\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport \"../button/bl-button\";\nimport \"../input/bl-input\";\nimport \"../select/bl-select\";\nimport style from \"./bl-pagination.css\";\n\n/**\n * @tag bl-pagination\n * @summary Baklava Pagination component\n */\n\n@customElement(\"bl-pagination\")\n@localized()\nexport default class BlPagination extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the current page\n   */\n  @property({ attribute: \"current-page\", type: Number, reflect: true })\n  currentPage = 1;\n\n  /**\n   * Sets the total items to be paginated\n   */\n  @property({ attribute: \"total-items\", type: Number })\n  totalItems = 0;\n\n  /**\n   * Sets the number of items per page\n   */\n  @property({ attribute: \"items-per-page\", type: Number, reflect: true })\n  itemsPerPage = 10;\n\n  /**\n   * Adds jumper element if provided as true\n   */\n  @property({ attribute: \"has-jumper\", type: Boolean })\n  hasJumper = false;\n\n  /**\n   * Sets the jumper label\n   */\n  @property({ attribute: \"jumper-label\", type: String })\n  jumperLabel?: string;\n\n  /**\n   *  Adds select element to choose the items per page\n   */\n  @property({ attribute: \"has-select\", type: Boolean })\n  hasSelect = false;\n\n  /**\n   *  Adds select element to choose the items per page\n   */\n  @property({ attribute: \"select-label\", type: String })\n  selectLabel?: string;\n\n  /**\n   * Sets the items per page options of the select element\n   *  PROPERTY\n   */\n  @property({ type: Array, attribute: false })\n  itemsPerPageOptions = [\n    {\n      text: \"10 Items\",\n      value: 10,\n    },\n    {\n      text: \"25 Items\",\n      value: 25,\n    },\n    {\n      text: \"50 Items\",\n      value: 50,\n    },\n    {\n      text: \"100 Items\",\n      value: 100,\n    },\n  ];\n\n  @state() private pages: Array<number | string> = [];\n\n  /**\n   * Fires when the current page changes\n   */\n  @event(\"bl-change\") private onChange: EventDispatcher<{\n    selectedPage: number;\n    prevPage: number;\n    itemsPerPage: number;\n  }>;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    setTimeout(() => {\n      window?.addEventListener(\"resize\", () => this._paginate());\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    window?.removeEventListener(\"resize\", this._paginate);\n  }\n\n  updated(changedProperties: PropertyValues<this>) {\n    if (\n      changedProperties.has(\"currentPage\") ||\n      changedProperties.has(\"itemsPerPage\") ||\n      changedProperties.has(\"totalItems\")\n    ) {\n      this._paginate();\n    }\n  }\n\n  private _paginate() {\n    this.pages = [];\n    const pageListLength = Math.ceil(Math.abs(this.totalItems / this.itemsPerPage)) || 1;\n\n    if (pageListLength <= 8) {\n      this.pages = Array.from(Array(pageListLength), (_, index) => index + 1);\n      return;\n    }\n\n    this.pages.push(1);\n\n    if (this.currentPage < 5) {\n      this.pages.push(2, 3, 4, 5, \"...\");\n    } else if (this.currentPage >= 5 && this.currentPage <= pageListLength - 4) {\n      this.pages.push(\"...\", this.currentPage - 1, this.currentPage, this.currentPage + 1, \"...\");\n    } else {\n      this.pages.push(\n        \"...\",\n        pageListLength - 4,\n        pageListLength - 3,\n        pageListLength - 2,\n        pageListLength - 1\n      );\n    }\n\n    this.pages.push(pageListLength);\n  }\n\n  private _changePage(selectedPage: number): void {\n    const prevPage = this.currentPage;\n\n    this.currentPage = selectedPage;\n\n    this.onChange({\n      selectedPage,\n      prevPage,\n      itemsPerPage: this.itemsPerPage,\n    });\n  }\n\n  private _pageBack(): void {\n    if (this.currentPage === 1) return;\n    this._changePage(this.currentPage - 1);\n  }\n\n  private _pageForward(): void {\n    if (this.currentPage === this._getLastPage()) return;\n    this._changePage(this.currentPage + 1);\n  }\n\n  private _getLastPage(): number {\n    return +this.pages[this.pages.length - 1];\n  }\n\n  private _inputHandler(event: CustomEvent) {\n    event.stopPropagation();\n    const inputValue = +(event.target as HTMLInputElement).value;\n    const newPage = inputValue > 0 ? Math.min(this._getLastPage(), inputValue) : 1;\n\n    this._changePage(newPage);\n  }\n\n  private _selectHandler(event: CustomEvent) {\n    this.itemsPerPage = +event?.detail?.value || 100;\n    this._changePage(1);\n  }\n\n  private _renderSinglePage(page: number | string) {\n    if (typeof page === \"string\") {\n      return html`<li class=\"dots\"></li>`;\n    }\n    const ariaCurrent = this.currentPage === page ? \"page\" : undefined;\n\n    return html` <li>\n      <bl-button\n        @click=\"${() => this._changePage(page)}\"\n        variant=${this.currentPage === page ? \"primary\" : \"tertiary\"}\n        kind=\"neutral\"\n        label=\"Page ${page}\"\n        aria-current=${ifDefined(ariaCurrent)}\n      >\n        ${page}\n      </bl-button>\n    </li>`;\n  }\n\n  private renderPages() {\n    return html`\n      <div class=\"page-container\">\n        <bl-button\n          @click=\"${this._pageBack}\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          icon=\"arrow_left\"\n          class=\"previous\"\n          label=\"Previous\"\n          ?disabled=${this.currentPage === 1}\n        ></bl-button>\n        <ul class=\"page-list\">\n          ${window.innerWidth < 768\n            ? html`${this._renderSinglePage(this.currentPage)}`\n            : this.pages.map(page => html`${this._renderSinglePage(page)}`)}\n        </ul>\n        <bl-button\n          @click=\"${this._pageForward}\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          icon=\"arrow_right\"\n          class=\"next\"\n          label=\"Next\"\n          ?disabled=${this.currentPage === this._getLastPage()}\n        ></bl-button>\n      </div>\n    `;\n  }\n\n  render(): TemplateResult {\n    const jumperText = this.jumperLabel ?? msg(\"Go to\", { desc: \"bl-pagination: jumper text\" });\n    const selectText = this.selectLabel ?? msg(\"Show\", { desc: \"bl-pagination: listing text\" });\n\n    const selectEl = this.hasSelect\n      ? html`\n          <div class=\"select\">\n            <label>${selectText}</label>\n            <bl-select @bl-select=\"${this._selectHandler}\" .value=${this.itemsPerPage} required>\n              ${this.itemsPerPageOptions.map(option => {\n                return html`<bl-select-option .value=${option.value}\n                  >${option.text}</bl-select-option\n                >`;\n              })}\n            </bl-select>\n          </div>\n        `\n      : null;\n\n    const jumperEl = this.hasJumper\n      ? html` <div class=\"jumper\">\n          <label>${jumperText}</label>\n          <bl-input .value=\"${this.currentPage}\" @bl-change=\"${this._inputHandler}\"></bl-input>\n        </div>`\n      : null;\n\n    const getHelperElements = () => {\n      if (!this.hasSelect && !this.hasJumper) return;\n      return html` <div class=\"pagination-helpers\">${selectEl} ${jumperEl}</div> `;\n    };\n\n    return html` <nav class=\"pagination\" aria-label=\"Pagination\">\n      ${getHelperElements()} ${this.renderPages()}\n    </nav>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"bl-pagination\": BlPagination;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["styles", "i", "bl_pagination_default", "BlPagination", "s", "bl_pagination_default", "changedProperties", "pageListLength", "_", "index", "selectedPage", "prevPage", "event", "inputValue", "newPage", "_a", "page", "x", "ariaCurrent", "l", "_b", "jumperText", "msg", "selectText", "selectEl", "option", "jumperEl", "__decorateClass", "e", "t", "localized"]
+}

package/dist/chunk-VZDVVGEO.js

@@ -0,0 +1,110 @@
+import{b as E,d as C,f as V,g as I,h as A}from"./chunk-EZSEQHRH.js";import{a as z}from"./chunk-3B64VOWB.js";import{a as $}from"./chunk-XDUIVR6I.js";import{a as k,c as u}from"./chunk-HBPBDC7T.js";import{a as y}from"./chunk-ECPWEUBG.js";import{a as f}from"./chunk-6LT7O7T2.js";import{a as m}from"./chunk-DINNT5P2.js";import{a as x}from"./chunk-GRL4DWKG.js";import{a as T,b as s,c as p,e as h,f as S}from"./chunk-X2KXJYXQ.js";import{a as w,b as n,f as g}from"./chunk-4OT5AMS5.js";import{d as i}from"./chunk-IZ2LK5GK.js";var R=w`: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}:host([disabled]) .select-input .selected-options{color:var(--bl-color-neutral-light)}.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]) .additional-selection-count{color:var(--bl-color-neutral-light)}: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}`,L=R;var l=class extends $(g){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.searchBar=!1;this.searchBarLoadingState=!1;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(a=>a.tagName==="BL-SELECT"))!=null&&o.contains(this)||this.close()};this.focusedOptionIndex=-1}static get styles(){return[L]}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=I(this._selectInput,this._popover,()=>{A(this._selectInput,this._popover,{placement:"bottom",strategy:"fixed",middleware:[E(),C(8),V({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(){var O;let e=n`<ul class="selected-options">
+      ${this._selectedOptions.map(b=>n`<li>${b.getAttribute("label")||b.textContent}</li>`)}
+    </ul>`,o=!(this._selectedOptions.length>0&&this._selectedOptions.every(b=>b.disabled))&&(this.clearable||this.multiple),a=o?n`<bl-button
+          class="remove-all"
+          size="small"
+          variant="tertiary"
+          kind="neutral"
+          icon="close"
+          @click=${this._onClickRemove}
+        ></bl-button>`:"",d=this.searchBar&&this.opened,c=this._selectedOptions.length>0,r=d||c&&o,v=(O=this.searchBarPlaceholder)!=null?O:u("Search",{desc:"bl-select: search placeholder text"}),M=n`<bl-icon
+      class="search-mag-icon"
+      name="search"
+      style="color: var(--bl-color-primary);font-size: var(--bl-font-size-s)"
+    ></bl-icon>`,P=n`<bl-icon
+      class="search-loading-icon"
+      name="loading"
+      style="color: var(--bl-color-primary);font-size: var(--bl-font-size-s)"
+    ></bl-icon>`,_=r?n`<div class="action-divider"></div>`:"",D=n`<fieldset
+      class=${f({"select-input":!0,"has-overflowed-options":this._additionalSelectedOptionCount>0})}
+      tabindex="${this.disabled?"-1":0}"
+      .autofocus=${this.autofocus}
+      role="button"
+      aria-haspopup="listbox"
+      aria-expanded="${this.opened}"
+      aria-labelledby="label"
+      @click=${this.open}
+    >
+      <legend><span>${this.label}</span></legend>
+
+      ${this._selectedOptions.length>0&&!this.opened?e:n`
+            <input
+              class="search-bar-input"
+              placeholder=${v}
+              @input=${this._handleSearchOptions}
+              .value=${this._searchText}
+            />
+          `}
+      ${this.opened?"":n`<span class="additional-selection-count"
+            >+${this._additionalSelectedOptionCount}</span
+          >`}
+
+      <div class="actions">
+        ${this.opened?this.searchBarLoadingState?P:M:""}
+        ${this.opened?"":a} ${_}
+
+        <div @click=${this._togglePopover}>
+          <bl-icon class="dropdown-icon open" name="arrow_up"></bl-icon>
+
+          <bl-icon class="dropdown-icon closed" name="arrow_down"></bl-icon>
+        </div>
+      </div>
+    </fieldset>`;return this.searchBar?D:n`<fieldset
+          class=${f({"select-input":!0,"has-overflowed-options":this._additionalSelectedOptionCount>0})}
+          tabindex="${m(this.disabled?void 0:0)}"
+          ?autofocus=${this.autofocus}
+          @click=${this._togglePopover}
+          role="button"
+          aria-haspopup="listbox"
+          aria-expanded="${this.opened}"
+          aria-labelledby="label"
+        >
+          <legend><span>${this.label}</span></legend>
+          <span class="placeholder">${this.placeholder}</span>
+          <span class="label">${this.label}</span>
+          ${e}
+          <span class="additional-selection-count">+${this._additionalSelectedOptionCount}</span>
+          <div class="actions">
+            ${a} ${_}
+            <bl-icon class="dropdown-icon open" name="arrow_up"></bl-icon>
+
+            <bl-icon class="dropdown-icon closed" name="arrow_down"></bl-icon>
+          </div>
+        </fieldset>`}selectAllTemplate(){var a;if(!this.multiple||!this.viewSelectAll||this.noResultFound)return null;let e=this._connectedOptions.filter(d=>!d.hidden).every(d=>d.selected),t=this._selectedOptions.filter(d=>!d.hidden).length>0,o=(a=this.selectAllText)!=null?a:u("Select All",{desc:"bl-select: select all text"});return n`<bl-checkbox
+      class="select-all"
+      .checked="${e}"
+      .indeterminate="${t&&!e}"
+      role="option"
+      aria-selected="${e}"
+      @bl-checkbox-change="${this._handleSelectAll}"
+    >
+      ${o}
+    </bl-checkbox>`}render(){var c,r;let e=this.checkValidity()?"":n`<p id="errorMessage" aria-live="polite" class="invalid-text">
+          ${this.validationMessage}
+        </p>`,t=this.helpText?n`<p class="help-text">${this.helpText}</p>`:"",o=this.label?n`<label id="label">${this.label}</label>`:"",a=(c=this.searchNotFoundText)!=null?c:u("No Data Found",{desc:"bl-select: search no data text"}),d=(r=this.popoverClearSearchText)!=null?r:u("Clear Search",{desc:"bl-select: clear search button text"});return n`<div
+      class=${f({"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()}
+      ${this.options.length>0?n` <div
+            class="popover"
+            tabindex="${m(this._isPopoverOpen?void 0:"-1")}"
+            @bl-select-option=${this._handleSelectOptionEvent}
+            role="listbox"
+            aria-multiselectable="${this.multiple}"
+            aria-labelledby="label"
+          >
+            ${this.selectAllTemplate()}
+            <slot></slot>
+            ${this.searchBar&&this.noResultFound?n`<div name="popover-clear-search-text" class="popover-no-result">
+                  <span>${a}</span>
+                  <bl-button
+                    variant="tertiary"
+                    @click=${()=>{this._handleSearchOptions({target:{value:""}})}}
+                    >${d}</bl-button
+                  >
+                </div>`:""}
+          </div>`:""}
+      <div class="hint">${e} ${t}</div>
+    </div> `}handleKeydown(e){this.focusedOptionIndex===-1&&["Enter","Space"].includes(e.code)?(this._togglePopover(),e.preventDefault()):this._isPopoverOpen===!1&&["ArrowDown","ArrowUp"].includes(e.code)?(this.open(),e.preventDefault()):e.code==="Escape"?(this.close(),e.preventDefault()):this._isPopoverOpen&&["ArrowDown","ArrowUp"].includes(e.code)&&(e.code==="ArrowDown"&&this.focusedOptionIndex++,e.code==="ArrowUp"&&this.focusedOptionIndex--,this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,this.options.length-1)),this.options[this.focusedOptionIndex].focus(),e.preventDefault())}_togglePopover(){this._isPopoverOpen?this.close():this.open()}_handleSelectEvent(){let e=this._selectedOptions.map(t=>({value:t.value,selected:t.selected,text:t.textContent}));this.multiple?this._onBlSelect(e):this._onBlSelect(e[0])}_handleSearchEvent(){this._onBlSearch(this._searchText)}_handleSearchOptions(e){this.searchBar&&(this._searchText=e.target.value,this._handleSearchEvent(),this._connectedOptions.forEach(t=>{var a;let o=(a=t.textContent)==null?void 0:a.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(a=>!a.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(a=>{var d,c;!a.hidden&&a!==e&&((c=(d=a.shadowRoot)==null?void 0:d.querySelector("div"))==null||c.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 c;let t=(c=this.shadowRoot)==null?void 0:c.querySelector(".select-all"),o=e.detail,d=this._connectedOptions.filter(r=>!r.selected&&!r.hidden).every(r=>r.disabled);if(o&&d){setTimeout(()=>{var v;let r=(v=t==null?void 0:t.shadowRoot)==null?void 0:v.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.multiple?this.value=[]:this.value=null),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)}};l.shadowRootOptions={...g.shadowRootOptions,delegatesFocus:!0},l.formControlValidators=[z],i([s()],l.prototype,"name",2),i([s()],l.prototype,"value",1),i([s({reflect:!0})],l.prototype,"label",2),i([s({reflect:!0})],l.prototype,"placeholder",2),i([s({type:String,reflect:!0})],l.prototype,"size",2),i([s({type:Boolean,reflect:!0})],l.prototype,"required",2),i([s({type:Boolean,reflect:!0})],l.prototype,"disabled",2),i([s({type:Boolean,reflect:!0})],l.prototype,"clearable",2),i([s({type:Boolean,reflect:!0})],l.prototype,"multiple",2),i([s({type:Boolean,reflect:!0})],l.prototype,"autofocus",2),i([s({type:Boolean,attribute:"label-fixed",reflect:!0})],l.prototype,"labelFixed",2),i([s({type:String,attribute:"help-text",reflect:!0})],l.prototype,"helpText",2),i([s({type:String,attribute:"invalid-text",reflect:!0})],l.prototype,"customInvalidText",2),i([s({type:Boolean,attribute:"view-select-all",converter:y()})],l.prototype,"viewSelectAll",2),i([s({type:String,attribute:"select-all-text"})],l.prototype,"selectAllText",2),i([s({type:Boolean,attribute:"search-bar",reflect:!0})],l.prototype,"searchBar",2),i([s({type:String,attribute:"search-bar-placeholder",reflect:!0})],l.prototype,"searchBarPlaceholder",2),i([s({type:Boolean,attribute:"search-bar-loading-state",converter:y()})],l.prototype,"searchBarLoadingState",2),i([s({type:String,attribute:"search-not-found-text",reflect:!0})],l.prototype,"searchNotFoundText",2),i([s({type:String,attribute:"popover-clear-search-text",reflect:!0})],l.prototype,"popoverClearSearchText",2),i([p()],l.prototype,"_isPopoverOpen",2),i([p()],l.prototype,"_additionalSelectedOptionCount",2),i([p()],l.prototype,"_searchText",2),i([h(".selected-options")],l.prototype,"selectedOptionsContainer",2),i([S(".selected-options li")],l.prototype,"selectedOptionsItems",2),i([h(".popover")],l.prototype,"_popover",2),i([h(".select-input")],l.prototype,"_selectInput",2),i([x("bl-select")],l.prototype,"_onBlSelect",2),i([x("bl-search")],l.prototype,"_onBlSearch",2),i([p()],l.prototype,"_selectedOptions",2),i([p()],l.prototype,"dirty",2),i([h(".select-input")],l.prototype,"validationTarget",2),l=i([T("bl-select"),k()],l);export{l as a};
+//# sourceMappingURL=chunk-VZDVVGEO.js.map

package/dist/chunk-VZDVVGEO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/select/bl-select.css", "../src/components/select/bl-select.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{width:200px;display:inline-block}.select-wrapper{width:100%;position:relative;display: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}:host([disabled]) .select-input .selected-options{color:var(--bl-color-neutral-light)}.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]) .additional-selection-count{color:var(--bl-color-neutral-light)}: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, TemplateResult } 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 { msg, localized } from \"@lit/localize\";\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 { stringBooleanConverter } from \"../../utilities/string-boolean.converter\";\nimport \"../button/bl-button\";\nimport BlCheckbox from \"../checkbox-group/checkbox/bl-checkbox\";\nimport \"../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\")\n@localized()\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\", converter: stringBooleanConverter() })\n  viewSelectAll = false;\n\n  /**\n   * Sets select all text in multiple select\n   */\n  @property({ type: String, attribute: \"select-all-text\" })\n  selectAllText?: string;\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({\n    type: Boolean,\n    attribute: \"search-bar-loading-state\",\n    converter: stringBooleanConverter(),\n  })\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?: string;\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?: string;\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 hasSelectedOptions = this._selectedOptions.length > 0;\n\n    const isDividerShown = isSearchBarVisible || (hasSelectedOptions && isRemoveButtonShown);\n\n    const searchbarPlaceholderText =\n      this.searchBarPlaceholder ?? msg(\"Search\", { desc: \"bl-select: search placeholder text\" });\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      .autofocus=${this.autofocus}\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=${searchbarPlaceholderText}\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\">\n        ${this.opened ? (this.searchBarLoadingState ? searchLoadingIcon : searchMagIcon) : \"\"}\n        ${!this.opened ? removeButton : \"\"} ${actionDivider}\n\n        <div @click=${this._togglePopover}>\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      </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=\"${ifDefined(this.disabled ? undefined : 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\n    const isAnySelected = this._selectedOptions.filter(option => !option.hidden).length > 0;\n    const selectAllText =\n      this.selectAllText ?? msg(\"Select All\", { desc: \"bl-select: select all text\" });\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      ${selectAllText}\n    </bl-checkbox>`;\n  }\n\n  render(): TemplateResult {\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    const noDataText =\n      this.searchNotFoundText ?? msg(\"No Data Found\", { desc: \"bl-select: search no data text\" });\n\n    const clearSearchText =\n      this.popoverClearSearchText ??\n      msg(\"Clear Search\", { desc: \"bl-select: clear search button text\" });\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      ${this.options.length > 0\n        ? html` <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>${noDataText}</span>\n                  <bl-button\n                    variant=\"tertiary\"\n                    @click=${() => {\n                      this._handleSearchOptions({ target: { value: \"\" } } as InputEvent & {\n                        target: HTMLInputElement;\n                      });\n                    }}\n                    >${clearSearchText}</bl-button\n                  >\n                </div>`\n              : \"\"}\n          </div>`\n        : \"\"}\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      if (this.multiple) {\n        this.value = [];\n      } else {\n        this.value = null;\n      }\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", "isRemoveButtonShown", "removeButton", "isSearchBarVisible", "hasSelectedOptions", "isDividerShown", "searchbarPlaceholderText", "msg", "searchMagIcon", "searchLoadingIcon", "actionDivider", "search", "o", "l", "isAllRenderedOptionsSelected", "isAnySelected", "selectAllText", "invalidMessage", "helpMessage", "label", "noDataText", "clearSearchText", "options", "isVisible", "lastVisibleOption", "optionItem", "selectAllEl", "checked", "isAllUnselectedDisabled", "checkbox", "selectedDisabledOptions", "firstNonVisibleItemIndex", "_changedProperties", "requiredValidator", "__decorateClass", "stringBooleanConverter", "t", "i", "localized"]
+}

package/dist/chunk-WJ2RNEDL.js

@@ -0,0 +1,8 @@
+import{a}from"./chunk-GRL4DWKG.js";import{a as u,b as s,c as o}from"./chunk-X2KXJYXQ.js";import{a as n,b as c,f as h}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-IZ2LK5GK.js";var p=n`:host{display:block;height:100%}.table-wrapper{overflow:auto;border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--bl-size-3xs);position:relative;max-height:100%}.table{width:100%;display:table;border-spacing:0}`,d=p;var b="bl-table",m="bl-sort",y="bl-row-select",t=class extends h{constructor(){super(...arguments);this.selectable=!1;this.multiple=!1;this.sortable=!1;this.stickyFirstColumn=!1;this.stickyLastColumn=!1;this._selectedValues=[];this._sortKey="";this._sortDirection=""}static get styles(){return[d]}get selected(){return this._selectedValues}set selected(e){this._selectedValues=e,this.updateComplete.then(()=>{this.querySelectorAll("bl-table-header-cell,bl-table-cell,bl-table-row").forEach(l=>{l.requestUpdate()})})}get sortKey(){return this._sortKey}set sortKey(e){this._sortKey=e}get sortDirection(){return this._sortDirection}set sortDirection(e){this._sortDirection=e}updated(e){(e.has("selectable")||e.has("multiple")||e.has("stickyFirstColumn")||e.has("stickyLastColumn")||e.has("sortable"))&&this.querySelectorAll("bl-table-header-cell,bl-table-cell,bl-table-row").forEach(l=>{l.requestUpdate()})}get tableRows(){return this.querySelectorAll("bl-table-body bl-table-row")}isFirstColumnSticky(){return this.stickyFirstColumn}isLastColumnSticky(){return this.stickyLastColumn}isSelectable(e=!1){return e?this.multiple&&this.selectable:this.selectable}isRowSelected(e){return this.selected.includes(e)}isAllSelected(){return Array.from(this.tableRows).every(e=>this.selected.includes(e.selectionKey))}isAnySelected(){return!this.isAllSelected()&&Array.from(this.tableRows).some(e=>!e.disabled&&this.selected.includes(e.selectionKey))}isAllUnselectedDisabled(){return Array.from(this.tableRows).filter(e=>!this.selected.includes(e.selectionKey)).every(e=>e.disabled)}onSelectionChange(e=!1,l,i){e?this.handleHeaderSelection(l):this.handleRowSelection(l,i),this.notifyRowSelectionChange()}handleHeaderSelection(e){this.selected=e?this.getSelectedValuesFromRows():[]}handleRowSelection(e,l){e?this.addSelection(l):this.removeSelection(l)}notifyRowSelectionChange(){this.onRowSelect(this.selected)}addSelection(e){this.selected.includes(e)||this.selected.push(e)}removeSelection(e){this.selected=this.selected.filter(l=>l!==e)}getSelectedValuesFromRows(){return Array.from(this.tableRows).filter(e=>!e.disabled).map(e=>e.selectionKey)}resetScrollPosition(){var l;let e=(l=this.shadowRoot)==null?void 0:l.querySelector(".table-wrapper");e&&e.scrollTo({behavior:"smooth",top:0})}onSortChange(e,l){this._sortKey=e,this._sortDirection=l,this.onSort([this.sortKey,this.sortDirection]),this.updateComplete.then(()=>{this.querySelectorAll("bl-table-header-cell").forEach(i=>{i.requestUpdate()})}),this.resetScrollPosition()}render(){return c` <div class="table-wrapper">
+      <div class="table">
+        <table>
+          <slot></slot>
+        </table>
+      </div>
+    </div>`}};r([s({type:Array,reflect:!0,attribute:"selected"})],t.prototype,"selected",1),r([s({type:Boolean,reflect:!0})],t.prototype,"selectable",2),r([s({type:Boolean,reflect:!0})],t.prototype,"multiple",2),r([s({type:Boolean,reflect:!0})],t.prototype,"sortable",2),r([s({type:Boolean,reflect:!0,attribute:"sticky-first-column"})],t.prototype,"stickyFirstColumn",2),r([s({type:Boolean,reflect:!0,attribute:"sticky-last-column"})],t.prototype,"stickyLastColumn",2),r([s({type:String,reflect:!0,attribute:"sort-key"})],t.prototype,"sortKey",1),r([s({type:String,reflect:!0,attribute:"sort-direction"})],t.prototype,"sortDirection",1),r([a(m)],t.prototype,"onSort",2),r([a(y)],t.prototype,"onRowSelect",2),r([o()],t.prototype,"_selectedValues",2),r([o()],t.prototype,"_sortKey",2),r([o()],t.prototype,"_sortDirection",2),t=r([u(b)],t);export{b as a,m as b,y as c,t as d};
+//# sourceMappingURL=chunk-WJ2RNEDL.js.map

package/dist/chunk-WJ2RNEDL.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/table/bl-table.css", "../src/components/table/bl-table.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:block;height:100%}.table-wrapper{overflow:auto;border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--bl-size-3xs);position:relative;max-height:100%}.table{width:100%;display:table;border-spacing:0}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, PropertyValues, TemplateResult } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport \"element-internals-polyfill\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport style from \"./bl-table.css\";\nimport BlTableCell from \"./table-cell/bl-table-cell\";\nimport BlTableHeaderCell from \"./table-header-cell/bl-table-header-cell\";\nimport BlTableRow from \"./table-row/bl-table-row\";\n\nexport const blTableTag = \"bl-table\";\n\nexport const blSortChangeEventName = \"bl-sort\";\nexport const blRowSelectChangeEventName = \"bl-row-select\";\n\nexport type SortDirection = \"asc\" | \"desc\" | \"\";\n\n/**\n * @tag bl-table\n * @summary Baklava Table component\n *\n */\n@customElement(blTableTag)\nexport default class BlTable extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Selected table row selection key list\n   */\n  @property({ type: Array, reflect: true, attribute: \"selected\" })\n  get selected(): string[] {\n    return this._selectedValues;\n  }\n\n  set selected(value: string[]) {\n    this._selectedValues = value;\n    this.updateComplete.then(() => {\n      this.querySelectorAll(\"bl-table-header-cell,bl-table-cell,bl-table-row\").forEach(com => {\n        (com as BlTableHeaderCell | BlTableCell | BlTableRow).requestUpdate();\n      });\n    });\n  }\n\n  /**\n   * Sets table row as selectable\n   */\n  @property({ type: Boolean, reflect: true })\n  selectable = false;\n\n  /**\n   * Sets table row multiple selection enable\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * Sets table as sortable\n   */\n  @property({ type: Boolean, reflect: true })\n  sortable = false;\n  /**\n   * Sets table first column as sticky\n   */\n  @property({ type: Boolean, reflect: true, attribute: \"sticky-first-column\" })\n  stickyFirstColumn = false;\n  /**\n   * Sets table last column as sticky\n   */\n  @property({ type: Boolean, reflect: true, attribute: \"sticky-last-column\" })\n  stickyLastColumn = false;\n\n  /**\n   * Sets table sorted column key\n   */\n  @property({ type: String, reflect: true, attribute: \"sort-key\" })\n  get sortKey(): string {\n    return this._sortKey;\n  }\n\n  set sortKey(value: string) {\n    this._sortKey = value;\n  }\n\n  /**\n   * Sets table sorting direction\n   */\n  @property({ type: String, reflect: true, attribute: \"sort-direction\" })\n  get sortDirection(): SortDirection {\n    return this._sortDirection;\n  }\n\n  set sortDirection(value: SortDirection) {\n    this._sortDirection = value;\n  }\n\n  /**\n   * Fires when table sort options changed\n   */\n  @event(blSortChangeEventName) private onSort: EventDispatcher<string[]>;\n\n  /**\n   * Fires when selected table rows changed\n   */\n  @event(blRowSelectChangeEventName) private onRowSelect: EventDispatcher<string[]>;\n\n  @state() private _selectedValues: string[] = [];\n\n  @state() private _sortKey: string = \"\";\n\n  @state() private _sortDirection: SortDirection = \"\";\n\n  protected updated(_changedProperties: PropertyValues) {\n    if (\n      _changedProperties.has(\"selectable\") ||\n      _changedProperties.has(\"multiple\") ||\n      _changedProperties.has(\"stickyFirstColumn\") ||\n      _changedProperties.has(\"stickyLastColumn\") ||\n      _changedProperties.has(\"sortable\")\n    ) {\n      this.querySelectorAll(\"bl-table-header-cell,bl-table-cell,bl-table-row\").forEach(com => {\n        (com as BlTableHeaderCell | BlTableCell | BlTableRow).requestUpdate();\n      });\n    }\n  }\n\n  get tableRows() {\n    return this.querySelectorAll<BlTableRow>(\"bl-table-body bl-table-row\");\n  }\n\n  isFirstColumnSticky() {\n    return this.stickyFirstColumn;\n  }\n\n  isLastColumnSticky() {\n    return this.stickyLastColumn;\n  }\n\n  isSelectable(isHeaderCell = false) {\n    return isHeaderCell ? this.multiple && this.selectable : this.selectable;\n  }\n\n  isRowSelected(selectionKey: string) {\n    return this.selected.includes(selectionKey);\n  }\n\n  isAllSelected() {\n    return Array.from(this.tableRows).every(tr => this.selected.includes(tr.selectionKey));\n  }\n\n  isAnySelected() {\n    return (\n      !this.isAllSelected() &&\n      Array.from(this.tableRows).some(tr => !tr.disabled && this.selected.includes(tr.selectionKey))\n    );\n  }\n\n  isAllUnselectedDisabled() {\n    return Array.from(this.tableRows)\n      .filter(tr => !this.selected.includes(tr.selectionKey))\n      .every(tr => tr.disabled);\n  }\n\n  /**\n   * Handles selection changes for both header and row selections.\n   * @param isHeader - Indicates if the selection change is for the header.\n   * @param isSelected - The selection state.\n   * @param selectionKey - The key identifying the selected row. It must be there if it is not the header.\n   */\n  onSelectionChange(isHeader: boolean = false, isSelected: boolean, selectionKey: string) {\n    if (isHeader) {\n      this.handleHeaderSelection(isSelected);\n    } else {\n      this.handleRowSelection(isSelected, selectionKey);\n    }\n\n    this.notifyRowSelectionChange();\n  }\n\n  /**\n   * Updates selected values based on header selection.\n   * @param isSelected - The selection state.\n   */\n  private handleHeaderSelection(isSelected: boolean) {\n    this.selected = isSelected ? this.getSelectedValuesFromRows() : [];\n  }\n\n  /**\n   * Updates selected values based on row selection.\n   * @param isSelected - The selection state.\n   * @param selectionKey - The key identifying the selected row.\n   */\n  private handleRowSelection(isSelected: boolean, selectionKey: string) {\n    if (isSelected) {\n      this.addSelection(selectionKey);\n    } else {\n      this.removeSelection(selectionKey);\n    }\n  }\n\n  /**\n   * Notifies about the row selection change.\n   */\n  private notifyRowSelectionChange() {\n    this.onRowSelect(this.selected);\n  }\n\n  /**\n   * Adds a selection key to the selected values.\n   * @param selectionKey - The key to add.\n   */\n  private addSelection(selectionKey: string) {\n    if (!this.selected.includes(selectionKey)) {\n      this.selected.push(selectionKey);\n    }\n  }\n\n  /**\n   * Removes a selection key from the selected values.\n   * @param selectionKey - The key to remove.\n   */\n  private removeSelection(selectionKey: string) {\n    this.selected = this.selected.filter(value => value !== selectionKey);\n  }\n\n  /**\n   * Gets the selection keys from all selectable table rows.\n   * @returns An array of selection keys.\n   */\n  private getSelectedValuesFromRows(): string[] {\n    return Array.from(this.tableRows)\n      .filter(tableRow => !tableRow.disabled)\n      .map(tableRow => tableRow.selectionKey);\n  }\n\n  resetScrollPosition(): void {\n    const tableWrapper = this.shadowRoot?.querySelector(\".table-wrapper\");\n\n    if (tableWrapper) {\n      tableWrapper.scrollTo({\n        behavior: \"smooth\",\n        top: 0,\n      });\n    }\n  }\n\n  onSortChange(sortKey: string, sortDirection: SortDirection) {\n    this._sortKey = sortKey;\n    this._sortDirection = sortDirection;\n    this.onSort([this.sortKey, this.sortDirection]);\n    this.updateComplete.then(() => {\n      this.querySelectorAll(\"bl-table-header-cell\").forEach(com => {\n        (com as BlTableHeaderCell).requestUpdate();\n      });\n    });\n    this.resetScrollPosition();\n  }\n\n  render(): TemplateResult {\n    return html` <div class=\"table-wrapper\">\n      <div class=\"table\">\n        <table>\n          <slot></slot>\n        </table>\n      </div>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blTableTag]: BlTable;\n  }\n\n  interface HTMLElementEventMap {\n    [blSortChangeEventName]: CustomEvent<string[]>;\n    [blRowSelectChangeEventName]: CustomEvent<string[]>;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["styles", "i", "bl_table_default", "blTableTag", "blSortChangeEventName", "blRowSelectChangeEventName", "BlTable", "s", "bl_table_default", "value", "com", "_changedProperties", "isHeaderCell", "selectionKey", "tr", "isHeader", "isSelected", "tableRow", "_a", "tableWrapper", "sortKey", "sortDirection", "x", "__decorateClass", "e", "event", "t"]
+}

package/dist/chunk-XDCNO7EY.js

@@ -0,0 +1,2 @@
+import{b as a}from"./chunk-IZ2LK5GK.js";var s={};a(s,{templates:()=>e});var e={s144508ac0e146c46:"Hi\xE7bir Sonu\xE7 Bulunamad\u0131",s5d929ff1619ac0c9:"Arama",s716a6024e3fe999c:"G\xF6ster",s76ddb3a843ed8e06:"Aramay\u0131 Temizle",sb1ba2131b9a7c7b0:"Git",sbaace8219b5f4612:"T\xFCm\xFCn\xFC Se\xE7"};export{e as a,s as b};
+//# sourceMappingURL=chunk-XDCNO7EY.js.map

package/dist/chunk-XDCNO7EY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/generated/locales/tr.ts"],
+  "sourcesContent": ["\n    // Do not modify this file by hand!\n    // Re-generate this file by running lit-localize\n\n    \n    \n\n    /* eslint-disable no-irregular-whitespace */\n    /* eslint-disable @typescript-eslint/no-explicit-any */\n\n    export const templates = {\n      's144508ac0e146c46': `Hi\u00E7bir Sonu\u00E7 Bulunamad\u0131`,\n's5d929ff1619ac0c9': `Arama`,\n's716a6024e3fe999c': `G\u00F6ster`,\n's76ddb3a843ed8e06': `Aramay\u0131 Temizle`,\n'sb1ba2131b9a7c7b0': `Git`,\n'sbaace8219b5f4612': `T\u00FCm\u00FCn\u00FC Se\u00E7`,\n    };\n  "],
+  "mappings": "wCAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAUW,IAAMA,EAAY,CACvB,kBAAqB,qCAC3B,kBAAqB,QACrB,kBAAqB,YACrB,kBAAqB,uBACrB,kBAAqB,MACrB,kBAAqB,wBACjB",
+  "names": ["tr_exports", "__export", "templates"]
+}

package/dist/chunk-XDUIVR6I.js

@@ -0,0 +1,2 @@
+var s=function(u,e,n,r){if(n==="a"&&!r)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?u!==e||!r:!e.has(u))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?r:n==="a"?r.call(u):r?r.value:e.get(u)},o=function(u,e,n,r,h){if(r==="m")throw new TypeError("Private method is not writable");if(r==="a"&&!h)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?u!==e||!h:!e.has(u))throw new TypeError("Cannot write private member to an object whose class did not declare it");return r==="a"?h.call(u,n):h?h.value=n:e.set(u,n),n};function R(u){var e,n,r,h,v,k,m,x,g,M,E,W,y,C,V,f,P,T,A;class L extends u{constructor(...t){var i,a,l;super(...t),e.add(this),this.internals=this.attachInternals(),n.set(this,!1),r.set(this,!1),h.set(this,!1),v.set(this,void 0),k.set(this,void 0),m.set(this,!0),g.set(this,""),M.set(this,()=>{o(this,h,!0,"f"),o(this,n,!0,"f"),s(this,e,"m",f).call(this)}),E.set(this,()=>{o(this,n,!1,"f"),s(this,e,"m",P).call(this,this.shouldFormValueUpdate()?s(this,g,"f"):""),!this.validity.valid&&s(this,h,"f")&&o(this,r,!0,"f");let c=s(this,e,"m",f).call(this);this.validationMessageCallback&&this.validationMessageCallback(c?this.internals.validationMessage:"")}),W.set(this,()=>{var c;s(this,m,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),o(this,m,!1,"f")),o(this,h,!0,"f"),o(this,r,!0,"f"),s(this,e,"m",f).call(this),(c=this===null||this===void 0?void 0:this.validationMessageCallback)===null||c===void 0||c.call(this,this.showError?this.internals.validationMessage:"")}),y.set(this,void 0),C.set(this,!1),V.set(this,Promise.resolve()),(i=this.addEventListener)===null||i===void 0||i.call(this,"focus",s(this,M,"f")),(a=this.addEventListener)===null||a===void 0||a.call(this,"blur",s(this,E,"f")),(l=this.addEventListener)===null||l===void 0||l.call(this,"invalid",s(this,W,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let t=this.validators.map(l=>l.attribute).flat(),i=super.observedAttributes||[];return[...new Set([...i,...t])]}static getValidator(t){return this.validators.find(i=>i.attribute===t)||null}static getValidators(t){return this.validators.filter(i=>{var a;if(i.attribute===t||!((a=i.attribute)===null||a===void 0)&&a.includes(t))return!0})}get form(){return this.internals.form}get showError(){return s(this,e,"m",f).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(t,i,a){var l;(l=super.attributeChangedCallback)===null||l===void 0||l.call(this,t,i,a);let w=this.constructor.getValidators(t);w!=null&&w.length&&this.validationTarget&&this.setValue(s(this,g,"f"))}setValue(t){var i;o(this,r,!1,"f"),(i=this.validationMessageCallback)===null||i===void 0||i.call(this,""),o(this,g,t,"f");let l=this.shouldFormValueUpdate()?t:null;this.internals.setFormValue(l),s(this,e,"m",P).call(this,l),this.valueChangedCallback&&this.valueChangedCallback(l),s(this,e,"m",f).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(t=>t(s(this,V,"f")))}formResetCallback(){var t,i;o(this,h,!1,"f"),o(this,r,!1,"f"),s(this,e,"m",f).call(this),(t=this.resetFormControl)===null||t===void 0||t.call(this),(i=this.validationMessageCallback)===null||i===void 0||i.call(this,s(this,e,"m",f).call(this)?this.validationMessage:"")}}return n=new WeakMap,r=new WeakMap,h=new WeakMap,v=new WeakMap,k=new WeakMap,m=new WeakMap,g=new WeakMap,M=new WeakMap,E=new WeakMap,W=new WeakMap,y=new WeakMap,C=new WeakMap,V=new WeakMap,e=new WeakSet,x=function(){let t=this.getRootNode(),i=`${this.localName}[name="${this.getAttribute("name")}"]`;return t.querySelectorAll(i)},f=function(){if(this.hasAttribute("disabled"))return!1;let t=s(this,r,"f")||s(this,h,"f")&&!this.validity.valid&&!s(this,n,"f");return t&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),t},P=function(t){let i=this.constructor,a={},l=i.validators,c=[],w=l.some(d=>d.isValid instanceof Promise);s(this,C,"f")||(o(this,V,new Promise(d=>{o(this,y,d,"f")}),"f"),o(this,C,!0,"f")),s(this,v,"f")&&(s(this,v,"f").abort(),o(this,k,s(this,v,"f"),"f"));let b=new AbortController;o(this,v,b,"f");let F,G=!1;l.length&&(l.forEach(d=>{let S=d.key||"customError",_=d.isValid(this,t,b.signal);_ instanceof Promise?(c.push(_),_.then(U=>{U!=null&&(a[S]=!U,F=s(this,e,"m",A).call(this,d,t),s(this,e,"m",T).call(this,a,F))})):(a[S]=!_,this.validity[S]!==!_&&(G=!0),!_&&!F&&(F=s(this,e,"m",A).call(this,d,t)))}),Promise.allSettled(c).then(()=>{var d;b!=null&&b.signal.aborted||(o(this,C,!1,"f"),(d=s(this,y,"f"))===null||d===void 0||d.call(this))}),(G||!w)&&s(this,e,"m",T).call(this,a,F))},T=function(t,i){if(this.validationTarget)this.internals.setValidity(t,i,this.validationTarget),o(this,m,!1,"f");else{if(this.internals.setValidity(t,i),this.internals.validity.valid)return;o(this,m,!0,"f")}},A=function(t,i){if(this.validityCallback){let a=this.validityCallback(t.key||"customError");if(a)return a}return t.message instanceof Function?t.message(this,i):t.message},L}export{R as a};
+//# sourceMappingURL=chunk-XDUIVR6I.js.map