@trendyol/baklava 2.0.0-beta.85 → 2.0.0-beta.87

package/dist/baklava.js

@@ -1,2 +1,2 @@
-import{b as S}from"./chunk-4IAGV6FP.js";import{a as b}from"./chunk-2R4IL3VH.js";import{a as I}from"./chunk-MIGVYPFB.js";import{a as P}from"./chunk-GX7AW5WB.js";import{a as g}from"./chunk-FHOMHSA6.js";import{a as h}from"./chunk-R6XFK3HN.js";import{b as T,d as G}from"./chunk-W3NQ6T5J.js";import{b as D}from"./chunk-KQBXYF3J.js";import{a as B}from"./chunk-J774WKKH.js";import{a as m}from"./chunk-2Y65CGCP.js";import{a as s}from"./chunk-THIPCHAK.js";import{a as x}from"./chunk-4NHYWXCW.js";import"./chunk-L3EQLCFT.js";import"./chunk-3B64VOWB.js";import{a as w}from"./chunk-C5UMBCON.js";import"./chunk-ANYJUR6Q.js";import{a as n}from"./chunk-6J4GSOJU.js";import{c,f as i}from"./chunk-BD5KXTYS.js";import{a as r}from"./chunk-C3X43Y7C.js";import{a}from"./chunk-TJ47AW2B.js";import{b as f,e as p}from"./chunk-DSM6T5MC.js";import"./chunk-EPJ347EQ.js";import"./chunk-DJOD4BTL.js";import{a as d}from"./chunk-AHEWP6LO.js";import{a as u}from"./chunk-N35VLT2U.js";import{b as l}from"./chunk-SU6OEG6P.js";import"./chunk-OLPYXE2P.js";import"./chunk-KPAWUBRO.js";import{a as o,b as e,c as t}from"./chunk-F3ZH5IV7.js";import"./chunk-RLMJN536.js";import"./chunk-23UFIOHV.js";import"./chunk-57PTZNIL.js";import"./chunk-NZ3RGSR6.js";export{r as BlAlert,a as BlBadge,l as BlButton,f as BlCheckbox,p as BlCheckboxGroup,d as BlDialog,u as BlDrawer,G as BlDropdown,D as BlDropdownGroup,T as BlDropdownItem,t as BlIcon,x as BlInput,B as BlPagination,w as BlPopover,n as BlProgressIndicator,c as BlRadio,i as BlRadioGroup,m as BlSelect,s as BlSelectOption,S as BlSwitch,I as BlTab,b as BlTabGroup,P as BlTabPanel,g as BlTextarea,h as BlTooltip,e as getIconPath,o as setIconPath};
+import{b as S}from"./chunk-4IAGV6FP.js";import{a as b}from"./chunk-RHHUBYKO.js";import{a as I}from"./chunk-WWAUSDYZ.js";import{a as P}from"./chunk-JMV2HWKD.js";import{a as g}from"./chunk-FHOMHSA6.js";import{a as h}from"./chunk-R6XFK3HN.js";import{b as T,d as G}from"./chunk-W3NQ6T5J.js";import{b as D}from"./chunk-KQBXYF3J.js";import{a as B}from"./chunk-J774WKKH.js";import{a as m}from"./chunk-2Y65CGCP.js";import{a as s}from"./chunk-THIPCHAK.js";import{a as x}from"./chunk-2I5EAQVM.js";import"./chunk-L3EQLCFT.js";import"./chunk-3B64VOWB.js";import{a as w}from"./chunk-C5UMBCON.js";import"./chunk-ANYJUR6Q.js";import{a as n}from"./chunk-6J4GSOJU.js";import{c,f as i}from"./chunk-BD5KXTYS.js";import{a as r}from"./chunk-C3X43Y7C.js";import{a}from"./chunk-TJ47AW2B.js";import{b as f,e as p}from"./chunk-DSM6T5MC.js";import"./chunk-EPJ347EQ.js";import"./chunk-DJOD4BTL.js";import{a as d}from"./chunk-AHEWP6LO.js";import{a as u}from"./chunk-N35VLT2U.js";import{b as l}from"./chunk-ZV3Y7O4M.js";import"./chunk-OLPYXE2P.js";import"./chunk-KPAWUBRO.js";import{a as o,b as e,c as t}from"./chunk-F3ZH5IV7.js";import"./chunk-RLMJN536.js";import"./chunk-23UFIOHV.js";import"./chunk-57PTZNIL.js";import"./chunk-NZ3RGSR6.js";export{r as BlAlert,a as BlBadge,l as BlButton,f as BlCheckbox,p as BlCheckboxGroup,d as BlDialog,u as BlDrawer,G as BlDropdown,D as BlDropdownGroup,T as BlDropdownItem,t as BlIcon,x as BlInput,B as BlPagination,w as BlPopover,n as BlProgressIndicator,c as BlRadio,i as BlRadioGroup,m as BlSelect,s as BlSelectOption,S as BlSwitch,I as BlTab,b as BlTabGroup,P as BlTabPanel,g as BlTextarea,h as BlTooltip,e as getIconPath,o as setIconPath};
 //# sourceMappingURL=baklava.js.map

package/dist/{chunk-4NHYWXCW.js → chunk-2I5EAQVM.js}

@@ -1,4 +1,4 @@
-import{a as f}from"./chunk-L3EQLCFT.js";import{a as g}from"./chunk-EPJ347EQ.js";import{a as u}from"./chunk-DJOD4BTL.js";import{a as b}from"./chunk-SU6OEG6P.js";import{a as c}from"./chunk-OLPYXE2P.js";import{a as o}from"./chunk-KPAWUBRO.js";import{a as s}from"./chunk-23UFIOHV.js";import{a as d,b as l,f as p,g as h,h as i,i as n,j as v}from"./chunk-57PTZNIL.js";import{a as t}from"./chunk-NZ3RGSR6.js";var E=d`:host{display:inline-block;width:200px;position:relative}.wrapper{--border-color:var(--bl-color-border);--icon-color:var(--bl-color-content-tertiary);--text-color:var(--bl-color-content-primary);--height:var(--bl-size-2xl);--input-font:var(--bl-font-body-text-2);--line-height:var(--bl-font-body-text-2-line-height);--icon-size:var(--line-height);--padding-vertical:calc((var(--height) - var(--line-height)) / 2);--padding-horizontal:var(--bl-size-xs);--autofill-bg-color:var(--bl-color-accent-primary-background);display:flex;flex-direction:column;position:relative;gap:var(--bl-size-3xs)}.wrapper:focus-within{--border-color:var(--bl-color-primary);--icon-color:var(--bl-color-primary)}.wrapper.dirty.invalid{--border-color:var(--bl-color-danger);--icon-color:var(--bl-color-danger)}:host([size='large']) .wrapper{--height:var(--bl-size-3xl);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size='small']) .wrapper{--height:var(--bl-size-xl);--input-font:var(--bl-font-body-text-3);--padding-vertical:var(--bl-size-3xs);--icon-size:var(--bl-font-body-text-3-line-height)}.input-wrapper{--border-size:1px;display:flex;box-sizing:border-box;gap:var(--padding-vertical);height:var(--height);border:solid var(--border-size) var(--border-color);padding:0 calc(var(--padding-horizontal) - var(--border-size));border-radius:var(--bl-size-3xs)}:host([disabled]) .input-wrapper{cursor:not-allowed;background-color:var(--bl-color-secondary-background);--text-color:var(--bl-color-content-passive)}.input-wrapper:has(input:autofill){background-color:var(--autofill-bg-color)}.input-wrapper:has(input:-webkit-autofill){background-color:var(--autofill-bg-color)}label{position:absolute;top:var(--padding-vertical);left:var(--padding-horizontal);right:var(--padding-horizontal);max-width:max-content;transition:all ease-in .2s;pointer-events:none;font:var(--input-font);color:var(--bl-color-content-tertiary);padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}input{width:100%;align-self:stretch;outline:0;border:0;padding:0;font:var(--input-font);color:var(--text-color);-webkit-text-fill-color:var(--text-color);background-color:transparent}input:disabled{cursor:not-allowed}input:autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}input:-webkit-autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}.icon{display:flex;align-items:center;gap:8px;flex-basis:var(--icon-size);align-self:center;height:var(--icon-size)}bl-icon:not(.reveal-icon){font-size:var(--icon-size);color:var(--icon-color);height:var(--icon-size)}.reveal-button bl-icon{display:none}bl-icon[name='eye_on']{display:inline-block}.password-visible bl-icon[name='eye_on']{display:none}.password-visible bl-icon[name='eye_off']{display:inline-block}.wrapper:not(.has-icon) .icon{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}::placeholder{color:var(--bl-color-content-tertiary);-webkit-text-fill-color:var(--bl-color-content-tertiary)}:host([label]) ::placeholder{color:transparent;-webkit-text-fill-color:transparent;transition:color ease-out .4s}:host([label-fixed]) ::placeholder,:host .wrapper:focus-within ::placeholder{color:var(--bl-color-content-tertiary);-webkit-text-fill-color:var(--bl-color-content-tertiary)}:where(.wrapper:focus-within,.wrapper.has-value) label{--label-padding:var(--bl-size-3xs);top:0;left:calc(var(--padding-horizontal) - var(--label-padding));transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-content-secondary);padding:0 var(--label-padding);background-color:var(--bl-color-primary-background);pointer-events:initial}:where(.has-icon:not(:focus-within),.has-icon:not(.has-value)) label{right:calc(var(--padding-horizontal) + var(--icon-size) + var(--padding-vertical))}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-content-secondary);padding:0}.error-icon,.invalid-text{display:none}.dirty.invalid label,.invalid-text,.error-icon{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-content-secondary)}:host([help-text]) .hint,.dirty.invalid .hint{display:block}.dirty.invalid .invalid-text{display:block}.dirty.invalid .help-text{display:none}.dirty.invalid .error-icon{display:inline-block}.dirty.invalid .custom-icon ~ .error-icon{display:none}`,m=E;var e=class extends u(p){constructor(){super(...arguments);this.type="text";this.value="";this.required=!1;this.autofocus=!1;this.size="medium";this.disabled=!1;this.labelFixed=!1;this.onKeydown=r=>{r.code==="Enter"&&this.form&&b(this.form)};this.onError=()=>{this.onInvalid(this.internals.validity)};this.dirty=!1;this.passwordVisible=!1;this.passwordInput=!1;this.inputId=Math.random().toString(36).substring(2)}static get styles(){return[m]}connectedCallback(){var r;super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),this.addEventListener("invalid",this.onError),(r=this.form)==null||r.addEventListener("submit",()=>{this.reportValidity()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),this.removeEventListener("invalid",this.onError)}textVisibilityToggle(){this.passwordVisible=!this.passwordVisible}validityCallback(){var r;return this.customInvalidText||((r=this.validationTarget)==null?void 0:r.validationMessage)}reportValidity(){return this.dirty=!0,this.checkValidity()}inputHandler(r){let a=r.target.value;this.value=a,this.onInput(a)}changeHandler(r){let a=r.target.value;this.dirty=!0,this.value=a,this.onChange(a)}firstUpdated(){this.passwordInput=this.type==="password",this.setValue(this.value)}async updated(r){r.has("value")&&(this.setValue(this.value),await this.validationComplete,this.requestUpdate())}render(){let r=this.checkValidity()?"":l`<p id="errorMessage" aria-live="polite" class="invalid-text">
+import{a as f}from"./chunk-L3EQLCFT.js";import{a as g}from"./chunk-EPJ347EQ.js";import{a as u}from"./chunk-DJOD4BTL.js";import{a as b}from"./chunk-ZV3Y7O4M.js";import{a as c}from"./chunk-OLPYXE2P.js";import{a as o}from"./chunk-KPAWUBRO.js";import{a as s}from"./chunk-23UFIOHV.js";import{a as d,b as l,f as p,g as h,h as i,i as n,j as v}from"./chunk-57PTZNIL.js";import{a as t}from"./chunk-NZ3RGSR6.js";var E=d`:host{display:inline-block;width:200px;position:relative}.wrapper{--border-color:var(--bl-color-border);--icon-color:var(--bl-color-content-tertiary);--text-color:var(--bl-color-content-primary);--height:var(--bl-size-2xl);--input-font:var(--bl-font-body-text-2);--line-height:var(--bl-font-body-text-2-line-height);--icon-size:var(--line-height);--padding-vertical:calc((var(--height) - var(--line-height)) / 2);--padding-horizontal:var(--bl-size-xs);--autofill-bg-color:var(--bl-color-accent-primary-background);display:flex;flex-direction:column;position:relative;gap:var(--bl-size-3xs)}.wrapper:focus-within{--border-color:var(--bl-color-primary);--icon-color:var(--bl-color-primary)}.wrapper.dirty.invalid{--border-color:var(--bl-color-danger);--icon-color:var(--bl-color-danger)}:host([size='large']) .wrapper{--height:var(--bl-size-3xl);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size='small']) .wrapper{--height:var(--bl-size-xl);--input-font:var(--bl-font-body-text-3);--padding-vertical:var(--bl-size-3xs);--icon-size:var(--bl-font-body-text-3-line-height)}.input-wrapper{--border-size:1px;display:flex;box-sizing:border-box;gap:var(--padding-vertical);height:var(--height);border:solid var(--border-size) var(--border-color);padding:0 calc(var(--padding-horizontal) - var(--border-size));border-radius:var(--bl-size-3xs)}:host([disabled]) .input-wrapper{cursor:not-allowed;background-color:var(--bl-color-secondary-background);--text-color:var(--bl-color-content-passive)}.input-wrapper:has(input:autofill){background-color:var(--autofill-bg-color)}.input-wrapper:has(input:-webkit-autofill){background-color:var(--autofill-bg-color)}label{position:absolute;top:var(--padding-vertical);left:var(--padding-horizontal);right:var(--padding-horizontal);max-width:max-content;transition:all ease-in .2s;pointer-events:none;font:var(--input-font);color:var(--bl-color-content-tertiary);padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}input{width:100%;align-self:stretch;outline:0;border:0;padding:0;font:var(--input-font);color:var(--text-color);-webkit-text-fill-color:var(--text-color);background-color:transparent}input:disabled{cursor:not-allowed}input:autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}input:-webkit-autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}.icon{display:flex;align-items:center;gap:8px;flex-basis:var(--icon-size);align-self:center;height:var(--icon-size)}bl-icon:not(.reveal-icon){font-size:var(--icon-size);color:var(--icon-color);height:var(--icon-size)}.reveal-button bl-icon{display:none}bl-icon[name='eye_on']{display:inline-block}.password-visible bl-icon[name='eye_on']{display:none}.password-visible bl-icon[name='eye_off']{display:inline-block}.wrapper:not(.has-icon) .icon{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}::placeholder{color:var(--bl-color-content-tertiary);-webkit-text-fill-color:var(--bl-color-content-tertiary)}:host([label]) ::placeholder{color:transparent;-webkit-text-fill-color:transparent;transition:color ease-out .4s}:host([label-fixed]) ::placeholder,:host .wrapper:focus-within ::placeholder{color:var(--bl-color-content-tertiary);-webkit-text-fill-color:var(--bl-color-content-tertiary)}:where(.wrapper:focus-within,.wrapper.has-value) label{--label-padding:var(--bl-size-3xs);top:0;left:calc(var(--padding-horizontal) - var(--label-padding));transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-content-secondary);padding:0 var(--label-padding);background-color:var(--bl-color-primary-background);pointer-events:initial}:where(.has-icon:not(:focus-within),.has-icon:not(.has-value)) label{right:calc(var(--padding-horizontal) + var(--icon-size) + var(--padding-vertical))}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-content-secondary);padding:0}.error-icon,.invalid-text{display:none}.dirty.invalid label,.invalid-text,.error-icon{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-content-secondary)}:host([help-text]) .hint,.dirty.invalid .hint{display:block}.dirty.invalid .invalid-text{display:block}.dirty.invalid .help-text{display:none}.dirty.invalid .error-icon{display:inline-block}.dirty.invalid .custom-icon ~ .error-icon{display:none}`,m=E;var e=class extends u(p){constructor(){super(...arguments);this.type="text";this.value="";this.required=!1;this.autofocus=!1;this.size="medium";this.disabled=!1;this.labelFixed=!1;this.onKeydown=r=>{r.code==="Enter"&&this.form&&b(this.form)};this.onError=()=>{this.onInvalid(this.internals.validity)};this.dirty=!1;this.passwordVisible=!1;this.passwordInput=!1;this.inputId=Math.random().toString(36).substring(2)}static get styles(){return[m]}connectedCallback(){var r;super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),this.addEventListener("invalid",this.onError),(r=this.form)==null||r.addEventListener("submit",()=>{this.reportValidity()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),this.removeEventListener("invalid",this.onError)}textVisibilityToggle(){this.passwordVisible=!this.passwordVisible}validityCallback(){var r;return this.customInvalidText||((r=this.validationTarget)==null?void 0:r.validationMessage)}reportValidity(){return this.dirty=!0,this.checkValidity()}inputHandler(r){let a=r.target.value;this.value=a,this.onInput(a)}changeHandler(r){let a=r.target.value;this.dirty=!0,this.value=a,this.onChange(a)}firstUpdated(){this.passwordInput=this.type==="password",this.setValue(this.value)}async updated(r){r.has("value")&&(this.setValue(this.value),await this.validationComplete,this.requestUpdate())}render(){let r=this.checkValidity()?"":l`<p id="errorMessage" aria-live="polite" class="invalid-text">
           ${this.validationMessage}
         </p>`,a=this.helpText?l`<p id="helpText" class="help-text">${this.helpText}</p>`:"",y=this.icon?l`<bl-icon class="custom-icon" name="${this.icon}"></bl-icon>`:"",x=this.label?l`<label for=${this.inputId}>${this.label}</label>`:"",w=this.passwordInput?l`<bl-button
           size="small"
@@ -42,4 +42,4 @@ import{a as f}from"./chunk-L3EQLCFT.js";import{a as g}from"./chunk-EPJ347EQ.js";
       </div>
       <div class="hint">${r} ${a}</div>
     </div>`}};e.formControlValidators=f,t([v("input")],e.prototype,"validationTarget",2),t([i({reflect:!0})],e.prototype,"name",2),t([i({reflect:!0})],e.prototype,"type",2),t([i({reflect:!0})],e.prototype,"label",2),t([i({reflect:!0})],e.prototype,"placeholder",2),t([i({reflect:!0})],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"required",2),t([i({type:Number,reflect:!0})],e.prototype,"minlength",2),t([i({type:Number,reflect:!0})],e.prototype,"maxlength",2),t([i({type:Number,reflect:!0})],e.prototype,"min",2),t([i({type:Number,reflect:!0})],e.prototype,"max",2),t([i({type:String,reflect:!0})],e.prototype,"pattern",2),t([i({type:Number,reflect:!0})],e.prototype,"step",2),t([i({type:String,reflect:!0})],e.prototype,"autocomplete",2),t([i({type:String,reflect:!0})],e.prototype,"inputmode",2),t([i({type:Boolean,reflect:!0})],e.prototype,"autofocus",2),t([i({type:String,reflect:!0})],e.prototype,"icon",2),t([i({type:String,reflect:!0})],e.prototype,"size",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({type:Boolean,attribute:"label-fixed",reflect:!0})],e.prototype,"labelFixed",2),t([i({type:String,attribute:"invalid-text",reflect:!0})],e.prototype,"customInvalidText",2),t([i({type:String,attribute:"help-text",reflect:!0})],e.prototype,"helpText",2),t([s("bl-change")],e.prototype,"onChange",2),t([s("bl-input")],e.prototype,"onInput",2),t([s("bl-invalid")],e.prototype,"onInvalid",2),t([n()],e.prototype,"dirty",2),t([n()],e.prototype,"passwordVisible",2),t([n()],e.prototype,"passwordInput",2),e=t([h("bl-input")],e);export{e as a};
-//# sourceMappingURL=chunk-4NHYWXCW.js.map
+//# sourceMappingURL=chunk-2I5EAQVM.js.map

package/dist/chunk-JMV2HWKD.js

@@ -0,0 +1,2 @@
+import{a as o,b as a,f as l,g as s,h as i,i as d}from"./chunk-57PTZNIL.js";import{a as r}from"./chunk-NZ3RGSR6.js";var n=o`div{padding:var(--bl-size-xl);background-color:var(--bl-color-primary-background);border-radius:0 0 var(--bl-border-radius-m) var(--bl-border-radius-m)}div[hidden]{display:none}`,p=n;var t=class extends l{constructor(){super(...arguments);this.hidden=!0}static get styles(){return[p]}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var e;this.tabGroup=this.closest("bl-tab-group"),(e=this.tabGroup)==null||e.registerTabPanel(this)})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.tabGroup)==null||e.unregisterTabPanel(this)}render(){return a`<div ?hidden=${this.hidden}><slot></slot></div>`}};r([d()],t.prototype,"hidden",2),r([i({type:String,reflect:!0})],t.prototype,"tab",2),t=r([s("bl-tab-panel")],t);export{t as a};
+//# sourceMappingURL=chunk-JMV2HWKD.js.map

package/dist/chunk-JMV2HWKD.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/tab-group/tab-panel/bl-tab-panel.css", "../src/components/tab-group/tab-panel/bl-tab-panel.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`div{padding:var(--bl-size-xl);background-color:var(--bl-color-primary-background);border-radius:0 0 var(--bl-border-radius-m) var(--bl-border-radius-m)}div[hidden]{display:none}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport styles from './bl-tab-panel.css';\nimport type BlTabGroup from '../bl-tab-group';\n\n/**\n * @tag bl-tab-panel\n * @summary Baklava Tab panel component\n */\n@customElement('bl-tab-panel')\nexport default class BlTabPanel extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [styles];\n  }\n\n  private tabGroup: BlTabGroup | null;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this.updateComplete.then(() => {\n      this.tabGroup = this.closest('bl-tab-group');\n      // FIXME: We need to warn if parent is not tab-group\n      this.tabGroup?.registerTabPanel(this);\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.tabGroup?.unregisterTabPanel(this);\n  }\n\n  /**\n   * This attribute set by `tab-group` to make panel visible or hidden.\n   */\n  @state()\n  hidden = true;\n\n  /**\n   * Name of the linked tab.\n   */\n  @property({ type: String, reflect: true })\n  tab: string;\n\n  render(): TemplateResult {\n    return html`<div ?hidden=${this.hidden}><slot></slot></div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-tab-panel': BlTabPanel;\n  }\n}\n"],
+  "mappings": "mHACO,IAAMA,EAASC,qLACfC,EAAQF,ECQf,IAAqBG,EAArB,cAAwCC,CAAW,CAAnD,kCA0BE,YAAS,GAzBT,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAM,CAChB,CAIA,mBAAoB,CAClB,MAAM,kBAAkB,EAExB,KAAK,eAAe,KAAK,IAAM,CApBnC,IAAAC,EAqBM,KAAK,SAAW,KAAK,QAAQ,cAAc,GAE3CA,EAAA,KAAK,WAAL,MAAAA,EAAe,iBAAiB,KAClC,CAAC,CACH,CAEA,sBAAuB,CA3BzB,IAAAA,EA4BI,MAAM,qBAAqB,GAC3BA,EAAA,KAAK,WAAL,MAAAA,EAAe,mBAAmB,KACpC,CAcA,QAAyB,CACvB,OAAOC,iBAAoB,KAAK,4BAClC,CACF,EAXEC,EAAA,CADCC,EAAM,GAzBYN,EA0BnB,sBAMAK,EAAA,CADCE,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA/BtBP,EAgCnB,mBAhCmBA,EAArBK,EAAA,CADCE,EAAc,cAAc,GACRP",
+  "names": ["styles", "i", "bl_tab_panel_default", "BlTabPanel", "s", "bl_tab_panel_default", "_a", "y", "__decorateClass", "t", "e"]
+}

package/dist/chunk-RHHUBYKO.js

@@ -0,0 +1,11 @@
+import{a as l,b as n,f as r,g as d}from"./chunk-57PTZNIL.js";import{a as i}from"./chunk-NZ3RGSR6.js";var c=l`.tabs{background-color:var(--bl-color-primary-background);border-bottom:var(--bl-size-4xs) solid var(--bl-color-secondary-background);display:flex;flex-direction:row}.tabs-list{overflow-x:scroll;border-radius:var(--bl-border-radius-m) var(--bl-border-radius-m) 0 0}.panels{border-radius:0 0 var(--bl-border-radius-m) var(--bl-border-radius-m)}`,o=c;var s=class extends r{constructor(){super(...arguments);this._connectedTabs=[];this._connectedPanels=[];this._tabFocus=0}static get styles(){return[o]}get tabs(){return this._connectedTabs}get panels(){return this._connectedPanels}registerTab(e){let t=this._connectedTabs.filter(a=>!a.disabled).length===0&&!e.disabled;this._connectedTabs.push(e),(!e.disabled&&e.selected||t)&&(this.selectedTabName=e.name,this._tabFocus=this._connectedTabs.length-1)}unregisterTab(e){var t;this._connectedTabs.splice(this._connectedTabs.indexOf(e),1),e.selected&&((t=this._connectedTabs.find(a=>!a.disabled))==null||t.select())}registerTabPanel(e){e.hidden=e.tab!==this.selectedTabName,e.tabIndex=0,this._connectedPanels.push(e)}unregisterTabPanel(e){this._connectedTabs.splice(this._connectedPanels.indexOf(e),1)}get selectedTabName(){return this._selectedTabName}set selectedTabName(e){this._selectedTabName=e,this._connectedTabs.forEach(t=>{t.selected=e===t.name}),this._connectedPanels.forEach(t=>{t.hidden=t.tab!==this._selectedTabName})}_handleTabSelected(e){this.selectedTabName=e.detail,this._tabFocus=this._connectedTabs.findIndex(t=>t.name===e.detail)}_handleTabListKeyDown(e){if(e.key==="ArrowRight"||e.key==="ArrowLeft"){if(e.key==="ArrowRight")do this._tabFocus++,this._tabFocus>=this._connectedTabs.length&&(this._tabFocus=0);while(this._connectedTabs[this._tabFocus].disabled);else if(e.key==="ArrowLeft")do this._tabFocus--,this._tabFocus<0&&(this._tabFocus=this._connectedTabs.length-1);while(this._connectedTabs[this._tabFocus].disabled);this._connectedTabs[this._tabFocus].focus()}}render(){return n` <div class="container" @bl-tab-selected="${this._handleTabSelected}">
+      <div role="tablist" @keydown=${this._handleTabListKeyDown} class="tabs-list">
+        <div class="tabs">
+          <slot name="tabs"></slot>
+        </div>
+      </div>
+      <div role="tabpanel" class="panels">
+        <slot></slot>
+      </div>
+    </div>`}};s=i([d("bl-tab-group")],s);export{s as a};
+//# sourceMappingURL=chunk-RHHUBYKO.js.map

package/dist/chunk-RHHUBYKO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/tab-group/bl-tab-group.css", "../src/components/tab-group/bl-tab-group.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.tabs{background-color:var(--bl-color-primary-background);border-bottom:var(--bl-size-4xs) solid var(--bl-color-secondary-background);display:flex;flex-direction:row}.tabs-list{overflow-x:scroll;border-radius:var(--bl-border-radius-m) var(--bl-border-radius-m) 0 0}.panels{border-radius:0 0 var(--bl-border-radius-m) var(--bl-border-radius-m)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport style from './bl-tab-group.css';\nimport './tab-panel/bl-tab-panel';\nimport './tab/bl-tab';\nimport type BlTabPanel from './tab-panel/bl-tab-panel';\nimport type BlTab from './tab/bl-tab';\n\n/**\n * @tag bl-tab-group\n * @summary Baklava Tab group component\n */\n@customElement('bl-tab-group')\nexport default class BlTabGroup extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  private _connectedTabs: BlTab[] = [];\n  private _connectedPanels: BlTabPanel[] = [];\n  private _tabFocus = 0;\n\n  get tabs() {\n    return this._connectedTabs;\n  }\n\n  get panels() {\n    return this._connectedPanels;\n  }\n\n  /**\n   * This method is used by `tab` component to register them self to the tab group.\n   * @param tab BlTab reference to be registered\n   */\n  registerTab(tab: BlTab) {\n    const isFirstAndNotDisabled =\n      this._connectedTabs.filter(t => !t.disabled).length === 0 && !tab.disabled;\n    this._connectedTabs.push(tab);\n\n    if ((!tab.disabled && tab.selected) || isFirstAndNotDisabled) {\n      this.selectedTabName = tab.name;\n      this._tabFocus = this._connectedTabs.length - 1;\n    }\n  }\n\n  /**\n   * This method is used by `tab` component to unregister them self to the tab group.\n   * @param tab BlTab reference to be unregistered\n   */\n  unregisterTab(tab: BlTab) {\n    this._connectedTabs.splice(this._connectedTabs.indexOf(tab), 1);\n    if (tab.selected) {\n      this._connectedTabs.find(t => !t.disabled)?.select();\n    }\n  }\n\n  /**\n   * This method is used by `tab-panel` component to register them self to the tab group.\n   * @param panel BlTabPanel reference to be registered\n   */\n  registerTabPanel(panel: BlTabPanel) {\n    panel.hidden = panel.tab !== this.selectedTabName;\n    panel.tabIndex = 0;\n    this._connectedPanels.push(panel);\n  }\n\n  /**\n   * This method is used by `tab-panel` component to unregister them self to the tab group.\n   * @param panel BlTabPanel reference to be unregistered\n   */\n  unregisterTabPanel(panel: BlTabPanel) {\n    this._connectedTabs.splice(this._connectedPanels.indexOf(panel), 1);\n  }\n\n  private _selectedTabName: string;\n\n  get selectedTabName() {\n    return this._selectedTabName;\n  }\n\n  set selectedTabName(name: string) {\n    this._selectedTabName = name;\n    this._connectedTabs.forEach(t => {\n      t.selected = name === t.name;\n    });\n    this._connectedPanels.forEach(p => {\n      p.hidden = p.tab !== this._selectedTabName;\n    });\n  }\n\n  private _handleTabSelected(e: CustomEvent) {\n    this.selectedTabName = e.detail;\n    this._tabFocus = this._connectedTabs.findIndex(t => t.name === e.detail);\n  }\n\n  private _handleTabListKeyDown(e: KeyboardEvent) {\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowLeft\") {\n      if (e.key === \"ArrowRight\") {\n        do {\n          this._tabFocus++;\n          if (this._tabFocus >= this._connectedTabs.length) {\n            this._tabFocus = 0;\n          }\n        } while (this._connectedTabs[this._tabFocus].disabled);\n      } else if (e.key === \"ArrowLeft\") {\n        do {\n          this._tabFocus--;\n          if (this._tabFocus < 0) {\n            this._tabFocus = this._connectedTabs.length - 1;\n          }\n        } while (this._connectedTabs[this._tabFocus].disabled);\n      }\n\n      this._connectedTabs[this._tabFocus].focus();\n    }\n  }\n\n  render(): TemplateResult {\n    return html` <div class=\"container\" @bl-tab-selected=\"${this._handleTabSelected}\">\n      <div role=\"tablist\" @keydown=${this._handleTabListKeyDown} class=\"tabs-list\">\n        <div class=\"tabs\">\n          <slot name=\"tabs\"></slot>\n        </div>\n      </div>\n      <div role=\"tabpanel\" class=\"panels\">\n        <slot></slot>\n      </div>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-tab-group': BlTabGroup;\n  }\n}\n"],
+  "mappings": "qGACO,IAAMA,EAASC,2VACfC,EAAQF,ECWf,IAAqBG,EAArB,cAAwCC,CAAW,CAAnD,kCAKE,KAAQ,eAA0B,CAAC,EACnC,KAAQ,iBAAiC,CAAC,EAC1C,KAAQ,UAAY,EANpB,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAMA,IAAI,MAAO,CACT,OAAO,KAAK,cACd,CAEA,IAAI,QAAS,CACX,OAAO,KAAK,gBACd,CAMA,YAAYC,EAAY,CACtB,IAAMC,EACJ,KAAK,eAAe,OAAOC,GAAK,CAACA,EAAE,QAAQ,EAAE,SAAW,GAAK,CAACF,EAAI,SACpE,KAAK,eAAe,KAAKA,CAAG,GAEvB,CAACA,EAAI,UAAYA,EAAI,UAAaC,KACrC,KAAK,gBAAkBD,EAAI,KAC3B,KAAK,UAAY,KAAK,eAAe,OAAS,EAElD,CAMA,cAAcA,EAAY,CAjD5B,IAAAG,EAkDI,KAAK,eAAe,OAAO,KAAK,eAAe,QAAQH,CAAG,EAAG,CAAC,EAC1DA,EAAI,YACNG,EAAA,KAAK,eAAe,KAAKD,GAAK,CAACA,EAAE,QAAQ,IAAzC,MAAAC,EAA4C,SAEhD,CAMA,iBAAiBC,EAAmB,CAClCA,EAAM,OAASA,EAAM,MAAQ,KAAK,gBAClCA,EAAM,SAAW,EACjB,KAAK,iBAAiB,KAAKA,CAAK,CAClC,CAMA,mBAAmBA,EAAmB,CACpC,KAAK,eAAe,OAAO,KAAK,iBAAiB,QAAQA,CAAK,EAAG,CAAC,CACpE,CAIA,IAAI,iBAAkB,CACpB,OAAO,KAAK,gBACd,CAEA,IAAI,gBAAgBC,EAAc,CAChC,KAAK,iBAAmBA,EACxB,KAAK,eAAe,QAAQ,GAAK,CAC/B,EAAE,SAAWA,IAAS,EAAE,IAC1B,CAAC,EACD,KAAK,iBAAiB,QAAQC,GAAK,CACjCA,EAAE,OAASA,EAAE,MAAQ,KAAK,gBAC5B,CAAC,CACH,CAEQ,mBAAmB,EAAgB,CACzC,KAAK,gBAAkB,EAAE,OACzB,KAAK,UAAY,KAAK,eAAe,UAAU,GAAK,EAAE,OAAS,EAAE,MAAM,CACzE,CAEQ,sBAAsB,EAAkB,CAC9C,GAAI,EAAE,MAAQ,cAAgB,EAAE,MAAQ,YAAa,CACnD,GAAI,EAAE,MAAQ,aACZ,GACE,KAAK,YACD,KAAK,WAAa,KAAK,eAAe,SACxC,KAAK,UAAY,SAEZ,KAAK,eAAe,KAAK,SAAS,EAAE,kBACpC,EAAE,MAAQ,YACnB,GACE,KAAK,YACD,KAAK,UAAY,IACnB,KAAK,UAAY,KAAK,eAAe,OAAS,SAEzC,KAAK,eAAe,KAAK,SAAS,EAAE,UAG/C,KAAK,eAAe,KAAK,SAAS,EAAE,MAAM,EAE9C,CAEA,QAAyB,CACvB,OAAOC,8CAAiD,KAAK;AAAA,qCAC5B,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WASxC,CACF,EApHqBV,EAArBW,EAAA,CADCC,EAAc,cAAc,GACRZ",
+  "names": ["styles", "i", "bl_tab_group_default", "BlTabGroup", "s", "bl_tab_group_default", "tab", "isFirstAndNotDisabled", "t", "_a", "panel", "name", "p", "y", "__decorateClass", "e"]
+}

package/dist/chunk-WWAUSDYZ.js

@@ -0,0 +1,31 @@
+import{a as c}from"./chunk-23UFIOHV.js";import{a as l,b as r,f as a,g as n,h as i,j as s}from"./chunk-57PTZNIL.js";import{a as e}from"./chunk-NZ3RGSR6.js";var u=l`:host{position:relative;display:flex;align-items:center;background-color:var(--bl-color-primary-background)}.container{--title-padding-vertical:var(--bl-size-m);--title-padding-horizontal:var(--bl-size-xl);--title-color:var(--bl-color-secondary);--caption-color:var(--bl-color-secondary);--icon-color:var(--bl-color-secondary);--border-bottom-width:var(--bl-size-4xs);--border-left-space:var(--bl-size-xl);--font-title:var(--bl-font-title-3-medium);--font-caption:var(--bl-font-title-4-regular);--tab-right-padding:var(--bl-size-xl);--help-container-width:var(--bl-size-2xl);--tab-height:calc(var(--bl-size-3xl) + var(--bl-size-s));display:flex;border:0;cursor:pointer;background-color:initial;width:max-content;height:var(--tab-height);padding:0 var(--tab-right-padding);margin-right:1px}.container::after{position:absolute;content:'';right:0;top:var(--bl-size-m);height:calc(100% - var(--bl-size-2xl));border-right:1px solid var(--bl-color-tertiary-hover)}:host(:last-of-type) .container::after{border-right:0}:host(:focus-visible){outline:0}:host(:focus-visible) .container,.container:focus-visible{outline:2px solid var(--bl-color-primary);outline-offset:calc(-1 * var(--bl-size-3xs));border-radius:var(--bl-border-radius-s)}:host .container::before{content:'';position:absolute;opacity:0;bottom:calc(-1 * var(--bl-size-4xs));left:var(--border-left-space);width:calc(100% - var(--bl-size-4xl));border-bottom:var(--border-bottom-width) solid var(--bl-color-primary)}:host([selected]:not([disabled])) .container::before{opacity:1}:host(:hover) .container,:host([selected]) .container,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .container,:host([selected]) .container{--title-color:var(--bl-color-primary);--icon-color:var(--bl-color-primary)}:host([disabled]) .container{cursor:not-allowed;--title-color:var(--bl-color-content-passive);--caption-color:var(--bl-color-content-passive);--icon-color:var(--bl-color-content-passive)}:host(:hover) :where(.title,.icon),:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) :where(.title,.icon){transition:color 120ms ease-out}:host([selected]) .border-bottom{display:inline-block}:host([disabled]) .container:hover,:host([disabled]) .container.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__{cursor:not-allowed}:host([help-text]) button{padding-right:0}.tab-button{width:max-content}.help-container{display:flex;justify-content:center;align-items:center;width:var(--help-container-width);height:100%;font-size:var(--bl-font-size-m);pointer-events:visible;padding-right:var(--tab-right-padding)}bl-tooltip{--bl-tooltip-position:fixed}.title{display:flex;align-items:center;justify-content:center;font:var(--font-title);color:var(--title-color);line-height:var(--bl-size-m);white-space:nowrap}.title-container{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:auto}.badge-container{padding-left:var(--bl-size-3xs);display:flex;margin-bottom:1px}.caption{font:var(--font-caption);line-height:var(--bl-size-xs);color:var(--caption-color);text-align:center;margin-top:var(--bl-size-4xs)}.icon{display:flex;color:var(--icon-color);font-size:var(--bl-font-size-l);margin-right:var(--bl-size-3xs);margin-bottom:1px}:host([notify]) .title::after{content:'';height:var(--bl-size-2xs);width:var(--bl-size-2xs);border-radius:var(--bl-size-3xs);margin-left:var(--bl-size-3xs);background-color:var(--bl-color-danger);margin-bottom:1px}`,b=u;var t=class extends a{constructor(){super(...arguments);this.icon="";this.notify=!1;this.badge="";this.selected=!1;this.disabled=!1}static get styles(){return[b]}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var o;this.tabGroup=this.closest("bl-tab-group"),(o=this.tabGroup)==null||o.registerTab(this)})}disconnectedCallback(){var o;super.disconnectedCallback(),(o=this.tabGroup)==null||o.unregisterTab(this)}select(){this.selected=!0}focus(){this.tab.focus()}updated(o){this.tabIndex=this.selected?0:-1,o.has("selected")&&this.selected&&this._onSelect(this.name)}render(){let o=r` <slot></slot>`,d=this.helpText?r` <div class="help-container">
+          <bl-tooltip>
+            <bl-button
+              slot="tooltip-trigger"
+              icon="info"
+              variant="tertiary"
+              kind="neutral"
+              label="${this.helpText}"
+            ></bl-button>
+            ${this.helpText}
+          </bl-tooltip>
+        </div>`:null,p=this.icon?r` <div class="icon">
+          <bl-icon name="${this.icon}"></bl-icon>
+        </div>`:null,h=this.badge?r` <div class="badge-container">
+          <bl-badge size="small">${this.badge}</bl-badge>
+        </div>`:null,v=this.caption?r` <div class="caption">${this.caption}</div>`:null;return r`
+      <button
+        ?disabled="${this.disabled}"
+        role="tab"
+        class="container"
+        @click="${()=>this.select()}"
+        aria-selected="${this.selected}"
+      >
+        <div class="title-container">
+          <div class="title">${p} ${o} ${h}</div>
+          ${v}
+        </div>
+        ${d}
+      </button>
+    `}};e([i({type:String})],t.prototype,"caption",2),e([i({type:String,reflect:!0})],t.prototype,"name",2),e([i({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([i({type:String})],t.prototype,"icon",2),e([i({type:Boolean,reflect:!0})],t.prototype,"notify",2),e([i({type:String})],t.prototype,"badge",2),e([i({type:Boolean,reflect:!0})],t.prototype,"selected",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([c("bl-tab-selected")],t.prototype,"_onSelect",2),e([s(".container")],t.prototype,"tab",2),t=e([n("bl-tab")],t);export{t as a};
+//# sourceMappingURL=chunk-WWAUSDYZ.js.map

package/dist/chunk-WWAUSDYZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/tab-group/tab/bl-tab.css", "../src/components/tab-group/tab/bl-tab.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{position:relative;display:flex;align-items:center;background-color:var(--bl-color-primary-background)}.container{--title-padding-vertical:var(--bl-size-m);--title-padding-horizontal:var(--bl-size-xl);--title-color:var(--bl-color-secondary);--caption-color:var(--bl-color-secondary);--icon-color:var(--bl-color-secondary);--border-bottom-width:var(--bl-size-4xs);--border-left-space:var(--bl-size-xl);--font-title:var(--bl-font-title-3-medium);--font-caption:var(--bl-font-title-4-regular);--tab-right-padding:var(--bl-size-xl);--help-container-width:var(--bl-size-2xl);--tab-height:calc(var(--bl-size-3xl) + var(--bl-size-s));display:flex;border:0;cursor:pointer;background-color:initial;width:max-content;height:var(--tab-height);padding:0 var(--tab-right-padding);margin-right:1px}.container::after{position:absolute;content:'';right:0;top:var(--bl-size-m);height:calc(100% - var(--bl-size-2xl));border-right:1px solid var(--bl-color-tertiary-hover)}:host(:last-of-type) .container::after{border-right:0}:host(:focus-visible){outline:0}:host(:focus-visible) .container,.container:focus-visible{outline:2px solid var(--bl-color-primary);outline-offset:calc(-1 * var(--bl-size-3xs));border-radius:var(--bl-border-radius-s)}:host .container::before{content:'';position:absolute;opacity:0;bottom:calc(-1 * var(--bl-size-4xs));left:var(--border-left-space);width:calc(100% - var(--bl-size-4xl));border-bottom:var(--border-bottom-width) solid var(--bl-color-primary)}:host([selected]:not([disabled])) .container::before{opacity:1}:host(:hover) .container,:host([selected]) .container,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .container,:host([selected]) .container{--title-color:var(--bl-color-primary);--icon-color:var(--bl-color-primary)}:host([disabled]) .container{cursor:not-allowed;--title-color:var(--bl-color-content-passive);--caption-color:var(--bl-color-content-passive);--icon-color:var(--bl-color-content-passive)}:host(:hover) :where(.title,.icon),:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) :where(.title,.icon){transition:color 120ms ease-out}:host([selected]) .border-bottom{display:inline-block}:host([disabled]) .container:hover,:host([disabled]) .container.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__{cursor:not-allowed}:host([help-text]) button{padding-right:0}.tab-button{width:max-content}.help-container{display:flex;justify-content:center;align-items:center;width:var(--help-container-width);height:100%;font-size:var(--bl-font-size-m);pointer-events:visible;padding-right:var(--tab-right-padding)}bl-tooltip{--bl-tooltip-position:fixed}.title{display:flex;align-items:center;justify-content:center;font:var(--font-title);color:var(--title-color);line-height:var(--bl-size-m);white-space:nowrap}.title-container{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:auto}.badge-container{padding-left:var(--bl-size-3xs);display:flex;margin-bottom:1px}.caption{font:var(--font-caption);line-height:var(--bl-size-xs);color:var(--caption-color);text-align:center;margin-top:var(--bl-size-4xs)}.icon{display:flex;color:var(--icon-color);font-size:var(--bl-font-size-l);margin-right:var(--bl-size-3xs);margin-bottom:1px}:host([notify]) .title::after{content:'';height:var(--bl-size-2xs);width:var(--bl-size-2xs);border-radius:var(--bl-size-3xs);margin-left:var(--bl-size-3xs);background-color:var(--bl-color-danger);margin-bottom:1px}`;\nexport default styles;\n", "import {\n  CSSResultGroup,\n  html,\n  LitElement,\n  PropertyValues,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { event, EventDispatcher } from '../../../utilities/event';\n\nimport style from './bl-tab.css';\nimport type BlTabGroup from '../bl-tab-group';\n\n/**\n * @tag bl-tab\n * @summary Baklava Tab component\n */\n@customElement('bl-tab')\nexport default class BlTab extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  private tabGroup: BlTabGroup | null;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this.updateComplete.then(() => {\n      this.tabGroup = this.closest<BlTabGroup>('bl-tab-group');\n      // FIXME: We need to warn if parent is not tab-group\n      this.tabGroup?.registerTab(this);\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.tabGroup?.unregisterTab(this);\n  }\n\n  /**\n   * Sets the caption of tab\n   */\n  @property({ type: String })\n  caption: string;\n\n  /**\n   * Name of the tab that should match `tab-panel`'s `tab` attribute\n   */\n  @property({ type: String, reflect: true })\n  name: string;\n\n  /**\n   * Set tooltip text. Should be set to display information icon.\n   */\n  @property({ type: String, attribute: 'help-text', reflect: true })\n  helpText: string;\n\n  /**\n   * Name of the icon which display on the left side of the tab.\n   */\n  @property({ type: String })\n  icon = '';\n\n  /**\n   * Shows notification dot.\n   */\n  @property({ type: Boolean, reflect: true })\n  notify = false;\n\n  /**\n   * Sets the content of the badge.\n   */\n  @property({ type: String })\n  badge = '';\n\n  /**\n   * Set `tab` as selected.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Set `tab` as disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Fires when tab is selected.\n   */\n  @event('bl-tab-selected') private _onSelect: EventDispatcher<string>;\n\n  @query('.container')\n  private tab: HTMLButtonElement;\n\n  /**\n   * Set tab selected.\n   */\n  select() {\n    this.selected = true;\n  }\n\n  focus() {\n    this.tab.focus();\n  }\n\n  updated(changedProperties: PropertyValues<this>) {\n    this.tabIndex = this.selected ? 0 : -1;\n    if (changedProperties.has('selected') && this.selected) {\n      this._onSelect(this.name);\n    }\n  }\n\n  render(): TemplateResult {\n    const title = html` <slot></slot>`;\n\n    const helpTooltip = this.helpText\n      ? html` <div class=\"help-container\">\n          <bl-tooltip>\n            <bl-button\n              slot=\"tooltip-trigger\"\n              icon=\"info\"\n              variant=\"tertiary\"\n              kind=\"neutral\"\n              label=\"${this.helpText}\"\n            ></bl-button>\n            ${this.helpText}\n          </bl-tooltip>\n        </div>`\n      : null;\n\n    const icon = this.icon\n      ? html` <div class=\"icon\">\n          <bl-icon name=\"${this.icon}\"></bl-icon>\n        </div>`\n      : null;\n\n    const badge = this.badge\n      ? html` <div class=\"badge-container\">\n          <bl-badge size=\"small\">${this.badge}</bl-badge>\n        </div>`\n      : null;\n\n    const caption = this.caption ? html` <div class=\"caption\">${this.caption}</div>` : null;\n\n    return html`\n      <button\n        ?disabled=\"${this.disabled}\"\n        role=\"tab\"\n        class=\"container\"\n        @click=\"${() => this.select()}\"\n        aria-selected=\"${this.selected}\"\n      >\n        <div class=\"title-container\">\n          <div class=\"title\">${icon} ${title} ${badge}</div>\n          ${caption}\n        </div>\n        ${helpTooltip}\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-tab': BlTab;\n  }\n}\n"],
+  "mappings": "2JACO,IAAMA,EAASC,80GACfC,EAAQF,ECgBf,IAAqBG,EAArB,cAAmCC,CAAW,CAA9C,kCA4CE,UAAO,GAMP,YAAS,GAMT,WAAQ,GAMR,cAAW,GAMX,cAAW,GAnEX,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAIA,mBAAoB,CAClB,MAAM,kBAAkB,EAExB,KAAK,eAAe,KAAK,IAAM,CA5BnC,IAAAC,EA6BM,KAAK,SAAW,KAAK,QAAoB,cAAc,GAEvDA,EAAA,KAAK,WAAL,MAAAA,EAAe,YAAY,KAC7B,CAAC,CACH,CAEA,sBAAuB,CAnCzB,IAAAA,EAoCI,MAAM,qBAAqB,GAC3BA,EAAA,KAAK,WAAL,MAAAA,EAAe,cAAc,KAC/B,CA6DA,QAAS,CACP,KAAK,SAAW,EAClB,CAEA,OAAQ,CACN,KAAK,IAAI,MAAM,CACjB,CAEA,QAAQC,EAAyC,CAC/C,KAAK,SAAW,KAAK,SAAW,EAAI,GAChCA,EAAkB,IAAI,UAAU,GAAK,KAAK,UAC5C,KAAK,UAAU,KAAK,IAAI,CAE5B,CAEA,QAAyB,CACvB,IAAMC,EAAQC,kBAERC,EAAc,KAAK,SACrBD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAOe,KAAK;AAAA;AAAA,cAEd,KAAK;AAAA;AAAA,gBAGX,KAEEE,EAAO,KAAK,KACdF;AAAA,2BACmB,KAAK;AAAA,gBAExB,KAEEG,EAAQ,KAAK,MACfH;AAAA,mCAC2B,KAAK;AAAA,gBAEhC,KAEEI,EAAU,KAAK,QAAUJ,0BAA6B,KAAK,gBAAkB,KAEnF,OAAOA;AAAA;AAAA,qBAEU,KAAK;AAAA;AAAA;AAAA,kBAGR,IAAM,KAAK,OAAO;AAAA,yBACX,KAAK;AAAA;AAAA;AAAA,+BAGCE,KAAQH,KAASI;AAAA,YACpCC;AAAA;AAAA,UAEFH;AAAA;AAAA,KAGR,CACF,EAtHEI,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAzBPZ,EA0BnB,uBAMAW,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA/BtBZ,EAgCnB,oBAMAW,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAK,CAAC,GArC9CZ,EAsCnB,wBAMAW,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GA3CPZ,EA4CnB,oBAMAW,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAjDvBZ,EAkDnB,sBAMAW,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAvDPZ,EAwDnB,qBAMAW,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA7DvBZ,EA8DnB,wBAMAW,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAnEvBZ,EAoEnB,wBAKkCW,EAAA,CAAjCE,EAAM,iBAAiB,GAzELb,EAyEe,yBAG1BW,EAAA,CADPG,EAAM,YAAY,GA3EAd,EA4EX,mBA5EWA,EAArBW,EAAA,CADCC,EAAc,QAAQ,GACFZ",
+  "names": ["styles", "i", "bl_tab_default", "BlTab", "s", "bl_tab_default", "_a", "changedProperties", "title", "y", "helpTooltip", "icon", "badge", "caption", "__decorateClass", "e", "event", "i"]
+}

package/dist/chunk-ZV3Y7O4M.js

@@ -0,0 +1,21 @@
+import{a as _}from"./chunk-OLPYXE2P.js";import{a as i}from"./chunk-KPAWUBRO.js";import{a as y}from"./chunk-23UFIOHV.js";import{a as h,b as e,f as u,g as m,h as r,i as f,j as g}from"./chunk-57PTZNIL.js";import{a as o}from"./chunk-NZ3RGSR6.js";var x=n=>{if(!(!n.noValidate&&!n.reportValidity())){let d=new SubmitEvent("submit",{bubbles:!0,cancelable:!0});n.dispatchEvent(d),d.defaultPrevented||n.submit()}};var T=h`@keyframes spin{from{transform:rotate(0)}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-hover);--text-hover-color:var(--bl-color-secondary-background);--content-color:var(--bl-color-content-primary-contrast);--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(:hover) .button,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_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:0}.button:focus-visible{position:relative;outline:0}.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-secondary);--main-hover-color:var(--bl-color-secondary-hover)}:host([kind='success']) .button{--main-color:var(--bl-color-success);--main-hover-color:var(--bl-color-success-hover)}:host([kind='danger']) .button{--main-color:var(--bl-color-danger);--main-hover-color:var(--bl-color-danger-hover)}: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-tertiary);--main-hover-color:var(--bl-color-tertiary);--content-color:var(--bl-color-content-passive);--bg-color:var(--main-color);pointer-events:none;text-decoration:none}:host([variant='tertiary']) .button[aria-disabled='true']{--main-color:transparent}:host([variant='secondary']:hover) .button[aria-disabled='false'],:host([variant='secondary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button[aria-disabled='false']{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']:hover) .button[aria-disabled='false'],:host([variant='tertiary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_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-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']) .active.button{--content-color:var(--main-color);--bg-color:var(--bl-color-tertiary);--border-color:transparent}`,z=T;var t=class extends u{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[z]}get _isActive(){return this.active}connectedCallback(){super.connectedCallback(),this.form=this.closest("form")}caretTemplate(){return e` <bl-icon class="open" name="arrow_up"></bl-icon>
+      <bl-icon class="close" name="arrow_down"></bl-icon>`}_handleClick(){this.type==="submit"&&this.form&&x(this.form),this.onClick("Click event fired!")}focus(){this.button.focus()}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}get _hasDefaultSlot(){return[...this.childNodes].some(a=>{var c;let l=a.nodeType;return l===a.TEXT_NODE&&((c=a.textContent)==null?void 0:c.trim())!==""||l===a.ELEMENT_NODE&&!a.hasAttribute("slot")})}render(){let s=this.loading||this.disabled,a=this.loading&&this.loadingLabel?this.loadingLabel:e`<slot></slot>`,l=!!this.href,c=this.icon?e`<bl-icon name=${this.icon}></bl-icon>`:"",b=this.loading?e`<bl-icon class="loading-icon" name="loading"></bl-icon>`:"",p=e`<slot name="icon">${c}</slot> <span class="label">${a}</span>`,O=this.dropdown?this.caretTemplate():"",v=_({button:!0,"has-icon":this.icon||this._hasIconSlot,"has-content":this._hasDefaultSlot,active:!l&&this._isActive});return l?e`<a
+          class=${v}
+          ?autofocus=${this.autofocus}
+          aria-disabled="${i(s)}"
+          aria-label="${i(this.label)}"
+          href=${i(this.href)}
+          target=${i(this.target)}
+          role="button"
+          >${b} ${p}
+        </a>`:e`<button
+          class=${v}
+          ?autofocus=${this.autofocus}
+          aria-disabled="${i(s)}"
+          aria-label="${i(this.label)}"
+          ?disabled=${s}
+          @click="${this._handleClick}"
+        >
+         ${b} ${p} ${O}
+        </button>`}};o([r({type:String,reflect:!0})],t.prototype,"variant",2),o([r({type:String,reflect:!0})],t.prototype,"kind",2),o([r({type:String,reflect:!0})],t.prototype,"size",2),o([r({type:String})],t.prototype,"label",2),o([r({type:String,attribute:"loading-label"})],t.prototype,"loadingLabel",2),o([r({type:Boolean,reflect:!0})],t.prototype,"loading",2),o([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([r({type:String})],t.prototype,"href",2),o([r({type:String})],t.prototype,"icon",2),o([r({type:String})],t.prototype,"target",2),o([r({type:String})],t.prototype,"type",2),o([r({type:Boolean})],t.prototype,"dropdown",2),o([r({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),o([f({})],t.prototype,"active",2),o([g(".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-ZV3Y7O4M.js.map

package/dist/chunk-ZV3Y7O4M.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../node_modules/@open-wc/form-helpers/src/index.ts", "../src/components/button/bl-button.css", "../src/components/button/bl-button.ts"],
+  "sourcesContent": ["/**\n * Implicitly submit a form by first validating all controls. If the form\n * is valid, issue a submit event and if that event is not prevented, manually\n * call the form's submit method.\n *\n * @param form {HTMLFormElement} - A form to implicitly submit\n */\nexport const submit = (form: HTMLFormElement): void => {\n  if (!form.noValidate && !form.reportValidity()) {\n    return;\n  } else {\n    const submitEvent = new SubmitEvent('submit', {\n      bubbles: true,\n      cancelable: true\n    });\n    form.dispatchEvent(submitEvent);\n    if (!submitEvent.defaultPrevented) {\n      form.submit();\n    }\n  }\n};\n\nexport type FormValue = string|FormData|File|FormValue[];\n\n/**\n * Parse a form and return a set of values based on the name/value pair.\n * If multiple controls of a similar name exist, return an array for those values;\n * otherwise return a single value.\n *\n * @param form {HTMLFormElement} - The form to parse for values\n * @returns {Record<string, any>} - An object representing the form's current values\n */\nexport const formValues = (form: HTMLFormElement): Record<string, FormValue> => {\n  const formData = new FormData(form);\n  const values: Record<string, FormValue> = {};\n\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore This does exist in all browsers. TypeScript is wrong\n  for (const [key, value] of formData.entries()) {\n    if (!values.hasOwnProperty(key)) {\n      values[key] = value;\n    } else if (Array.isArray(values[key])) {\n      const pointer = values[key] as FormValue[];\n      pointer.push(value);\n    } else {\n      values[key] = [values[key], value];\n    }\n  }\n\n  return values;\n};\n\n/**\n * This method takes a form and parses it as an object. If any form control has a `.`\n * in its name, this utility will evaluate that name as a deep key for an object;\n * in other words, if a form has a named control, `name.first` and another, `name.last`\n * it will report back a nested object, name, with first and last properties\n * representing those controls' values.\n *\n * This can be useful when you have a complex model that you are attempting to represent\n * in declaratively in HTML.\n *\n * @param form {HTMLFormElement} - The form to grab values from\n * @returns {Object<string, FormValue>} - An object representation of the form\n */\nexport const parseFormAsObject = (form: HTMLFormElement): Record<string, FormValue> => {\n  const data = formValues(form);\n  const output: Record<string, FormValue> = {};\n\n  Object.entries(data).forEach(([key, value]) => {\n    /** If the key has a '.', parse it as an object */\n    if (key.includes('.')) {\n      const path = key.split('.');\n      const destination: string | undefined = path.pop();\n      let pointer = output;\n\n      while (path.length) {\n        const key = path.shift();\n        pointer[key as string] = pointer[key as string] || ({} as FormValue);\n        pointer = pointer[key as string] as unknown as Record<string, FormValue>;\n      }\n\n      pointer[destination as string] = value;\n    } else {\n      output[key] = data[key];\n    }\n  });\n\n  return output;\n};\n", "import {css} from 'lit';\nexport const styles = css`@keyframes spin{from{transform:rotate(0)}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-hover);--text-hover-color:var(--bl-color-secondary-background);--content-color:var(--bl-color-content-primary-contrast);--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(:hover) .button,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_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:0}.button:focus-visible{position:relative;outline:0}.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-secondary);--main-hover-color:var(--bl-color-secondary-hover)}:host([kind='success']) .button{--main-color:var(--bl-color-success);--main-hover-color:var(--bl-color-success-hover)}:host([kind='danger']) .button{--main-color:var(--bl-color-danger);--main-hover-color:var(--bl-color-danger-hover)}: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-tertiary);--main-hover-color:var(--bl-color-tertiary);--content-color:var(--bl-color-content-passive);--bg-color:var(--main-color);pointer-events:none;text-decoration:none}:host([variant='tertiary']) .button[aria-disabled='true']{--main-color:transparent}:host([variant='secondary']:hover) .button[aria-disabled='false'],:host([variant='secondary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button[aria-disabled='false']{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']:hover) .button[aria-disabled='false'],:host([variant='tertiary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_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-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']) .active.button{--content-color:var(--main-color);--bg-color:var(--bl-color-tertiary);--border-color:transparent}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { submit } from '@open-wc/form-helpers';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport style from './bl-button.css';\nimport '../icon/bl-icon';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'tertiary';\nexport type ButtonKind = 'default' | 'neutral' | 'success' | 'danger';\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type TargetType = '_blank' | '_parent' | '_self' | '_top';\n\n/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @cssproperty --bl-button-display - Sets the display property of button. Default value is 'inline-block'.\n * @cssproperty --bl-button-justify - Sets the justify-content property of button. Default value is 'center'.\n *\n */\n@customElement('bl-button')\nexport default class BlButton extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the button variant\n   */\n  @property({ type: String, reflect: true })\n  variant: ButtonVariant = 'primary';\n\n  /**\n   * Sets the button kind\n   */\n  @property({ type: String, reflect: true })\n  kind: ButtonKind = 'default';\n\n  /**\n   * Sets the button size\n   */\n  @property({ type: String, reflect: true })\n  size: ButtonSize = 'medium';\n\n  /**\n   * Sets the button label. Used for accessibility.\n   */\n  @property({ type: String })\n  label: string;\n\n  /**\n   * Sets the button label for loading status.\n   */\n  @property({ type: String, attribute: 'loading-label' })\n  loadingLabel: string;\n\n  /**\n   * Sets loading state of button\n   */\n  @property({ type: Boolean, reflect: true })\n  loading = false;\n\n  /**\n   * Sets button as disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Set link url. If set, button will be rendered as anchor tag.\n   */\n  @property({ type: String })\n  href?: string;\n\n  /**\n   * Sets the icon name. Shows icon with bl-icon component\n   */\n  @property({ type: String })\n  icon?: string;\n\n  /**\n   * Sets the anchor target. Used when `href` is set.\n   */\n  @property({ type: String })\n  target?: TargetType = '_self';\n\n  /**\n   * Sets the type of the button. Set `submit` to use button as the submitter of parent form.\n   */\n  @property({ type: String })\n  type: 'submit' | null;\n\n  /**\n   * Sets button type to dropdown\n   */\n  @property({ type: Boolean })\n  dropdown = false;\n\n  /**\n   * Sets button to get keyboard focus automatically\n   */\n  @property({ type: Boolean, reflect: true })\n  autofocus = false;\n\n  /**\n   * Active state\n   */\n  @state({})\n  active = false;\n\n  @query('.button')\n  private button: HTMLAnchorElement | HTMLButtonElement;\n\n  /**\n   * Fires when button clicked\n   */\n  @event('bl-click') private onClick: EventDispatcher<string>;\n\n  private get _isActive() {\n    return this.active;\n  }\n\n  private form: HTMLFormElement | null;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.form = this.closest('form');\n  }\n\n  private caretTemplate(): TemplateResult {\n    return html` <bl-icon class=\"open\" name=\"arrow_up\"></bl-icon>\n      <bl-icon class=\"close\" name=\"arrow_down\"></bl-icon>`;\n  }\n\n  private _handleClick() {\n    if (this.type === 'submit' && this.form) {\n      submit(this.form);\n    }\n\n    this.onClick('Click event fired!');\n  }\n\n  focus() {\n    this.button.focus();\n  }\n\n  get _hasIconSlot() {\n    return this.querySelector(':scope > [slot=\"icon\"]') !== null;\n  }\n\n  get _hasDefaultSlot() {\n    const childNodes = [...this.childNodes];\n    return childNodes.some(node => {\n      const nodeType = node.nodeType;\n      // has only text node.\n      if (nodeType === node.TEXT_NODE && node.textContent?.trim() !== '') {\n        return true;\n      }\n      // has element node, it should not have slot attribute.\n      if (nodeType === node.ELEMENT_NODE) {\n        if (!(node as HTMLElement).hasAttribute('slot')) {\n          return true;\n        }\n      }\n      return false;\n    });\n  }\n\n  render(): TemplateResult {\n    const isDisabled = this.loading || this.disabled;\n    const label = (this.loading && this.loadingLabel) ? this.loadingLabel : html`<slot></slot>`;\n    const isAnchor = !!this.href;\n    const icon = this.icon ? html`<bl-icon name=${this.icon}></bl-icon>` : '';\n    const loadingIcon = this.loading ? html`<bl-icon class=\"loading-icon\" name=\"loading\"></bl-icon>` : '';\n    const slots = html`<slot name=\"icon\">${icon}</slot> <span class=\"label\">${label}</span>`;\n    const caret = this.dropdown ? this.caretTemplate() : '';\n    const classes = classMap({\n      'button': true,\n      'has-icon': this.icon || this._hasIconSlot,\n      'has-content': this._hasDefaultSlot,\n      'active': !isAnchor && this._isActive,\n    });\n\n    return isAnchor\n      ? html`<a\n          class=${classes}\n          ?autofocus=${this.autofocus}\n          aria-disabled=\"${ifDefined(isDisabled)}\"\n          aria-label=\"${ifDefined(this.label)}\"\n          href=${ifDefined(this.href)}\n          target=${ifDefined(this.target)}\n          role=\"button\"\n          >${loadingIcon} ${slots}\n        </a>`\n      : html`<button\n          class=${classes}\n          ?autofocus=${this.autofocus}\n          aria-disabled=\"${ifDefined(isDisabled)}\"\n          aria-label=\"${ifDefined(this.label)}\"\n          ?disabled=${isDisabled}\n          @click=\"${this._handleClick}\"\n        >\n         ${loadingIcon} ${slots} ${caret}\n        </button>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-button': BlButton;\n  }\n}\n"],
+  "mappings": "kPAOO,IAAMA,EAAUC,GAA+B,CACpD,GAAI,GAACA,EAAK,YAAc,CAACA,EAAK,eAAc,GAErC,CACL,IAAMC,EAAc,IAAI,YAAY,SAAU,CAC5C,QAAS,GACT,WAAY,GACb,EACDD,EAAK,cAAcC,CAAW,EACzBA,EAAY,kBACfD,EAAK,OAAM,EAGjB,ECnBO,IAAME,EAASC,mnIACfC,EAAQF,ECqBf,IAAqBG,EAArB,cAAsCC,CAAW,CAAjD,kCASE,aAAyB,UAMzB,UAAmB,UAMnB,UAAmB,SAkBnB,aAAU,GAMV,cAAW,GAkBX,YAAsB,QAYtB,cAAW,GAMX,eAAY,GAMZ,YAAS,GAtFT,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CA8FA,IAAY,WAAY,CACtB,OAAO,KAAK,MACd,CAIA,mBAAoB,CAClB,MAAM,kBAAkB,EACxB,KAAK,KAAO,KAAK,QAAQ,MAAM,CACjC,CAEQ,eAAgC,CACtC,OAAOC;AAAA,0DAET,CAEQ,cAAe,CACjB,KAAK,OAAS,UAAY,KAAK,MACjCC,EAAO,KAAK,IAAI,EAGlB,KAAK,QAAQ,oBAAoB,CACnC,CAEA,OAAQ,CACN,KAAK,OAAO,MAAM,CACpB,CAEA,IAAI,cAAe,CACjB,OAAO,KAAK,cAAc,wBAAwB,IAAM,IAC1D,CAEA,IAAI,iBAAkB,CAEpB,MADmB,CAAC,GAAG,KAAK,UAAU,EACpB,KAAKC,GAAQ,CA1JnC,IAAAC,EA2JM,IAAMC,EAAWF,EAAK,SAMtB,OAJIE,IAAaF,EAAK,aAAaC,EAAAD,EAAK,cAAL,YAAAC,EAAkB,UAAW,IAI5DC,IAAaF,EAAK,cAChB,CAAEA,EAAqB,aAAa,MAAM,CAKlD,CAAC,CACH,CAEA,QAAyB,CACvB,IAAMG,EAAa,KAAK,SAAW,KAAK,SAClCC,EAAS,KAAK,SAAW,KAAK,aAAgB,KAAK,aAAeN,iBAClEO,EAAW,CAAC,CAAC,KAAK,KAClBC,EAAO,KAAK,KAAOR,kBAAqB,KAAK,kBAAoB,GACjES,EAAc,KAAK,QAAUT,2DAAgE,GAC7FU,EAAQV,sBAAyBQ,gCAAmCF,WACpEK,EAAQ,KAAK,SAAW,KAAK,cAAc,EAAI,GAC/CC,EAAUC,EAAS,CACvB,OAAU,GACV,WAAY,KAAK,MAAQ,KAAK,aAC9B,cAAe,KAAK,gBACpB,OAAU,CAACN,GAAY,KAAK,SAC9B,CAAC,EAED,OAAOA,EACHP;AAAA,kBACUY;AAAA,uBACK,KAAK;AAAA,2BACDE,EAAUT,CAAU;AAAA,wBACvBS,EAAU,KAAK,KAAK;AAAA,iBAC3BA,EAAU,KAAK,IAAI;AAAA,mBACjBA,EAAU,KAAK,MAAM;AAAA;AAAA,aAE3BL,KAAeC;AAAA,cAEpBV;AAAA,kBACUY;AAAA,uBACK,KAAK;AAAA,2BACDE,EAAUT,CAAU;AAAA,wBACvBS,EAAU,KAAK,KAAK;AAAA,sBACtBT;AAAA,oBACF,KAAK;AAAA;AAAA,WAEdI,KAAeC,KAASC;AAAA,kBAEjC,CACF,EA/KEI,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GARtBnB,EASnB,uBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAdtBnB,EAenB,oBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GApBtBnB,EAqBnB,oBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GA1BPnB,EA2BnB,qBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,UAAW,eAAgB,CAAC,GAhCnCnB,EAiCnB,4BAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAtCvBnB,EAuCnB,uBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA5CvBnB,EA6CnB,wBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAlDPnB,EAmDnB,oBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAxDPnB,EAyDnB,oBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GA9DPnB,EA+DnB,sBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GApEPnB,EAqEnB,oBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,CAAC,GA1ERnB,EA2EnB,wBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAhFvBnB,EAiFnB,yBAMAkB,EAAA,CADCE,EAAM,CAAC,CAAC,GAtFUpB,EAuFnB,sBAGQkB,EAAA,CADPG,EAAM,SAAS,GAzFGrB,EA0FX,sBAKmBkB,EAAA,CAA1BI,EAAM,UAAU,GA/FEtB,EA+FQ,uBA/FRA,EAArBkB,EAAA,CADCC,EAAc,WAAW,GACLnB",
+  "names": ["submit", "form", "submitEvent", "styles", "i", "bl_button_default", "BlButton", "s", "bl_button_default", "y", "submit", "node", "_a", "nodeType", "isDisabled", "label", "isAnchor", "icon", "loadingIcon", "slots", "caret", "classes", "o", "l", "__decorateClass", "e", "t", "i", "event"]
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-4NHYWXCW.js";import"../../chunk-L3EQLCFT.js";import"../../chunk-3B64VOWB.js";import"../../chunk-EPJ347EQ.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-SU6OEG6P.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-2I5EAQVM.js";import"../../chunk-L3EQLCFT.js";import"../../chunk-3B64VOWB.js";import"../../chunk-EPJ347EQ.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-ZV3Y7O4M.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-input.js.map

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-J774WKKH.js";import"../../chunk-2Y65CGCP.js";import"../../chunk-THIPCHAK.js";import"../../chunk-4NHYWXCW.js";import"../../chunk-L3EQLCFT.js";import"../../chunk-3B64VOWB.js";import"../../chunk-ANYJUR6Q.js";import"../../chunk-EPJ347EQ.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-SU6OEG6P.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-J774WKKH.js";import"../../chunk-2Y65CGCP.js";import"../../chunk-THIPCHAK.js";import"../../chunk-2I5EAQVM.js";import"../../chunk-L3EQLCFT.js";import"../../chunk-3B64VOWB.js";import"../../chunk-ANYJUR6Q.js";import"../../chunk-EPJ347EQ.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-ZV3Y7O4M.js";import"../../chunk-OLPYXE2P.js";import"../../chunk-KPAWUBRO.js";import"../../chunk-F3ZH5IV7.js";import"../../chunk-RLMJN536.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-pagination.js.map

package/dist/components/tab-group/bl-tab-group.d.ts

@@ -11,6 +11,7 @@ export default class BlTabGroup extends LitElement {
     static get styles(): CSSResultGroup;
     private _connectedTabs;
     private _connectedPanels;
+    private _tabFocus;
     get tabs(): BlTab[];
     get panels(): BlTabPanel[];
     /**
@@ -37,6 +38,7 @@ export default class BlTabGroup extends LitElement {
     get selectedTabName(): string;
     set selectedTabName(name: string);
     private _handleTabSelected;
+    private _handleTabListKeyDown;
     render(): TemplateResult;
 }
 declare global {

package/dist/components/tab-group/bl-tab-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bl-tab-group.d.ts","sourceRoot":"","sources":["../../../src/components/tab-group/bl-tab-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGvE,OAAO,0BAA0B,CAAC;AAClC,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,UAAU,MAAM,0BAA0B,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,cAAc,CAAC;AAEtC;;;GAGG;AAEH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED,OAAO,CAAC,cAAc,CAAe;IACrC,OAAO,CAAC,gBAAgB,CAAoB;IAE5C,IAAI,IAAI,YAEP;IAED,IAAI,MAAM,iBAET;IAED;;;OAGG;IACH,WAAW,CAAC,GAAG,EAAE,KAAK;IAUtB;;;OAGG;IACH,aAAa,CAAC,GAAG,EAAE,KAAK;IAOxB;;;OAGG;IACH,gBAAgB,CAAC,KAAK,EAAE,UAAU;IAKlC;;;OAGG;IACH,kBAAkB,CAAC,KAAK,EAAE,UAAU;IAIpC,OAAO,CAAC,gBAAgB,CAAS;IAEjC,IAAI,eAAe,IAIO,MAAM,CAF/B;IAED,IAAI,eAAe,CAAC,IAAI,EAAE,MAAM,EAQ/B;IAED,OAAO,CAAC,kBAAkB;IAI1B,MAAM,IAAI,cAAc;CAYzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}
+{"version":3,"file":"bl-tab-group.d.ts","sourceRoot":"","sources":["../../../src/components/tab-group/bl-tab-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGvE,OAAO,0BAA0B,CAAC;AAClC,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,UAAU,MAAM,0BAA0B,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,cAAc,CAAC;AAEtC;;;GAGG;AAEH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED,OAAO,CAAC,cAAc,CAAe;IACrC,OAAO,CAAC,gBAAgB,CAAoB;IAC5C,OAAO,CAAC,SAAS,CAAK;IAEtB,IAAI,IAAI,YAEP;IAED,IAAI,MAAM,iBAET;IAED;;;OAGG;IACH,WAAW,CAAC,GAAG,EAAE,KAAK;IAWtB;;;OAGG;IACH,aAAa,CAAC,GAAG,EAAE,KAAK;IAOxB;;;OAGG;IACH,gBAAgB,CAAC,KAAK,EAAE,UAAU;IAMlC;;;OAGG;IACH,kBAAkB,CAAC,KAAK,EAAE,UAAU;IAIpC,OAAO,CAAC,gBAAgB,CAAS;IAEjC,IAAI,eAAe,IAIO,MAAM,CAF/B;IAED,IAAI,eAAe,CAAC,IAAI,EAAE,MAAM,EAQ/B;IAED,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,qBAAqB;IAsB7B,MAAM,IAAI,cAAc;CAYzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-2R4IL3VH.js";import"../../chunk-MIGVYPFB.js";import"../../chunk-GX7AW5WB.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-RHHUBYKO.js";import"../../chunk-WWAUSDYZ.js";import"../../chunk-JMV2HWKD.js";import"../../chunk-23UFIOHV.js";import"../../chunk-57PTZNIL.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-tab-group.js.map

package/dist/components/tab-group/tab/bl-tab.d.ts

@@ -44,10 +44,12 @@ export default class BlTab extends LitElement {
      * Fires when tab is selected.
      */
     private _onSelect;
+    private tab;
     /**
      * Set tab selected.
      */
     select(): void;
+    focus(): void;
     updated(changedProperties: PropertyValues<this>): void;
     render(): TemplateResult;
 }

package/dist/components/tab-group/tab/bl-tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bl-tab.d.ts","sourceRoot":"","sources":["../../../../src/components/tab-group/tab/bl-tab.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAEd,UAAU,EACV,cAAc,EACd,cAAc,EACf,MAAM,KAAK,CAAC;AAOb;;;GAGG;AAEH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,UAAU;IAC3C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED,OAAO,CAAC,QAAQ,CAAoB;IAEpC,iBAAiB;IAUjB,oBAAoB;IAKpB;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IACuB,OAAO,CAAC,SAAS,CAA0B;IAErE;;OAEG;IACH,MAAM;IAIN,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAM/C,MAAM,IAAI,cAAc;CA+CzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,KAAK,CAAC;KACjB;CACF"}
+{"version":3,"file":"bl-tab.d.ts","sourceRoot":"","sources":["../../../../src/components/tab-group/tab/bl-tab.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAEd,UAAU,EACV,cAAc,EACd,cAAc,EACf,MAAM,KAAK,CAAC;AAOb;;;GAGG;AAEH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,UAAU;IAC3C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED,OAAO,CAAC,QAAQ,CAAoB;IAEpC,iBAAiB;IAUjB,oBAAoB;IAKpB;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IACuB,OAAO,CAAC,SAAS,CAA0B;IAGrE,OAAO,CAAC,GAAG,CAAoB;IAE/B;;OAEG;IACH,MAAM;IAIN,KAAK;IAIL,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAO/C,MAAM,IAAI,cAAc;CAgDzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,KAAK,CAAC;KACjB;CACF"}

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

@@ -1,2 +1,2 @@
-import{a}from"../../../chunk-MIGVYPFB.js";import"../../../chunk-23UFIOHV.js";import"../../../chunk-57PTZNIL.js";import"../../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../../chunk-WWAUSDYZ.js";import"../../../chunk-23UFIOHV.js";import"../../../chunk-57PTZNIL.js";import"../../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-tab.js.map

package/dist/components/tab-group/tab-panel/bl-tab-panel.d.ts

@@ -9,13 +9,13 @@ export default class BlTabPanel extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     /**
-     * Name of the linked tab.
+     * This attribute set by `tab-group` to make panel visible or hidden.
      */
-    tab: string;
+    hidden: boolean;
     /**
-     * This attribute set by `tab-group` to make panel visible or hidden.
+     * Name of the linked tab.
      */
-    visible: boolean;
+    tab: string;
     render(): TemplateResult;
 }
 declare global {

package/dist/components/tab-group/tab-panel/bl-tab-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bl-tab-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/tab-group/tab-panel/bl-tab-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE;;;GAGG;AAEH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED,OAAO,CAAC,QAAQ,CAAoB;IAEpC,iBAAiB;IAUjB,oBAAoB;IAKpB;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IAEH,OAAO,UAAS;IAEhB,MAAM,IAAI,cAAc;CAGzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}
+{"version":3,"file":"bl-tab-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/tab-group/tab-panel/bl-tab-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE;;;GAGG;AAEH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED,OAAO,CAAC,QAAQ,CAAoB;IAEpC,iBAAiB;IAUjB,oBAAoB;IAKpB;;OAEG;IAEH,MAAM,UAAQ;IAEd;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ,MAAM,IAAI,cAAc;CAGzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/dist/components/tab-group/tab-panel/bl-tab-panel.js

@@ -1,2 +1,2 @@
-import{a}from"../../../chunk-GX7AW5WB.js";import"../../../chunk-57PTZNIL.js";import"../../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../../chunk-JMV2HWKD.js";import"../../../chunk-57PTZNIL.js";import"../../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-tab-panel.js.map

package/dist/custom-elements.json

@@ -2635,15 +2635,6 @@
               },
               "description": "Name of the linked tab.",
               "fieldName": "tab"
-            },
-            {
-              "name": "visible",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "This attribute set by `tab-group` to make panel visible or hidden.",
-              "fieldName": "visible"
             }
           ],
           "superclass": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trendyol/baklava",
-  "version": "2.0.0-beta.85",
+  "version": "2.0.0-beta.87",
   "description": "Trendyol Baklava Design System",
   "main": "dist/baklava.js",
   "module": "dist/baklava.js",

package/dist/chunk-2R4IL3VH.js

@@ -1,11 +0,0 @@
-import{a as r,b as i,f as d,g as n}from"./chunk-57PTZNIL.js";import{a as l}from"./chunk-NZ3RGSR6.js";var o=r`.tabs{background-color:var(--bl-color-primary-background);border-bottom:var(--bl-size-4xs) solid var(--bl-color-secondary-background);display:flex;flex-direction:row}.tabs-list{overflow-x:scroll;border-radius:var(--bl-border-radius-m) var(--bl-border-radius-m) 0 0}.panels{border-radius:0 0 var(--bl-border-radius-m) var(--bl-border-radius-m)}`,b=o;var s=class extends d{constructor(){super(...arguments);this._connectedTabs=[];this._connectedPanels=[]}static get styles(){return[b]}get tabs(){return this._connectedTabs}get panels(){return this._connectedPanels}registerTab(e){let t=this._connectedTabs.filter(a=>!a.disabled).length===0&&!e.disabled;this._connectedTabs.push(e),(!e.disabled&&e.selected||t)&&(this.selectedTabName=e.name)}unregisterTab(e){var t;this._connectedTabs.splice(this._connectedTabs.indexOf(e),1),e.selected&&((t=this._connectedTabs.find(a=>!a.disabled))==null||t.select())}registerTabPanel(e){e.visible=e.tab===this.selectedTabName,this._connectedPanels.push(e)}unregisterTabPanel(e){this._connectedTabs.splice(this._connectedPanels.indexOf(e),1)}get selectedTabName(){return this._selectedTabName}set selectedTabName(e){this._selectedTabName=e,this._connectedTabs.forEach(t=>{t.selected=e===t.name}),this._connectedPanels.forEach(t=>{t.visible=t.tab===this._selectedTabName})}_handleTabSelected(e){this.selectedTabName=e.detail}render(){return i` <div class="container" @bl-tab-selected="${this._handleTabSelected}">
-      <div role="tablist" class="tabs-list">
-        <div class="tabs">
-          <slot name="tabs"></slot>
-        </div>
-      </div>
-      <div role="tabpanel" class="panels">
-        <slot></slot>
-      </div>
-    </div>`}};s=l([n("bl-tab-group")],s);export{s as a};
-//# sourceMappingURL=chunk-2R4IL3VH.js.map

package/dist/chunk-2R4IL3VH.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/tab-group/bl-tab-group.css", "../src/components/tab-group/bl-tab-group.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.tabs{background-color:var(--bl-color-primary-background);border-bottom:var(--bl-size-4xs) solid var(--bl-color-secondary-background);display:flex;flex-direction:row}.tabs-list{overflow-x:scroll;border-radius:var(--bl-border-radius-m) var(--bl-border-radius-m) 0 0}.panels{border-radius:0 0 var(--bl-border-radius-m) var(--bl-border-radius-m)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport style from './bl-tab-group.css';\nimport './tab-panel/bl-tab-panel';\nimport './tab/bl-tab';\nimport type BlTabPanel from './tab-panel/bl-tab-panel';\nimport type BlTab from './tab/bl-tab';\n\n/**\n * @tag bl-tab-group\n * @summary Baklava Tab group component\n */\n@customElement('bl-tab-group')\nexport default class BlTabGroup extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  private _connectedTabs: BlTab[] = [];\n  private _connectedPanels: BlTabPanel[] = [];\n\n  get tabs() {\n    return this._connectedTabs;\n  }\n\n  get panels() {\n    return this._connectedPanels;\n  }\n\n  /**\n   * This method is used by `tab` component to register them self to the tab group.\n   * @param tab BlTab reference to be registered\n   */\n  registerTab(tab: BlTab) {\n    const isFirstAndNotDisabled =\n      this._connectedTabs.filter(t => !t.disabled).length === 0 && !tab.disabled;\n    this._connectedTabs.push(tab);\n    \n    if ((!tab.disabled && tab.selected) || isFirstAndNotDisabled) {\n      this.selectedTabName = tab.name;\n    }\n  }\n\n  /**\n   * This method is used by `tab` component to unregister them self to the tab group.\n   * @param tab BlTab reference to be unregistered\n   */\n  unregisterTab(tab: BlTab) {\n    this._connectedTabs.splice(this._connectedTabs.indexOf(tab), 1);\n    if (tab.selected) {\n      this._connectedTabs.find(t => !t.disabled)?.select();\n    }\n  }\n\n  /**\n   * This method is used by `tab-panel` component to register them self to the tab group.\n   * @param panel BlTabPanel reference to be registered\n   */\n  registerTabPanel(panel: BlTabPanel) {\n    panel.visible = panel.tab === this.selectedTabName;\n    this._connectedPanels.push(panel);\n  }\n\n  /**\n   * This method is used by `tab-panel` component to unregister them self to the tab group.\n   * @param panel BlTabPanel reference to be unregistered\n   */\n  unregisterTabPanel(panel: BlTabPanel) {\n    this._connectedTabs.splice(this._connectedPanels.indexOf(panel), 1);\n  }\n\n  private _selectedTabName: string;\n\n  get selectedTabName() {\n    return this._selectedTabName;\n  }\n\n  set selectedTabName(name: string) {\n    this._selectedTabName = name;\n    this._connectedTabs.forEach(t => {\n      t.selected = name === t.name;\n    });\n    this._connectedPanels.forEach(p => {\n      p.visible = p.tab === this._selectedTabName;\n    });\n  }\n\n  private _handleTabSelected(e: CustomEvent) {\n    this.selectedTabName = e.detail;\n  }\n\n  render(): TemplateResult {\n    return html` <div class=\"container\" @bl-tab-selected=\"${this._handleTabSelected}\">\n      <div role=\"tablist\" class=\"tabs-list\">\n        <div class=\"tabs\">\n          <slot name=\"tabs\"></slot>\n        </div>\n      </div>\n      <div role=\"tabpanel\" class=\"panels\">\n        <slot></slot>\n      </div>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-tab-group': BlTabGroup;\n  }\n}\n"],
-  "mappings": "qGACO,IAAMA,EAASC,2VACfC,EAAQF,ECWf,IAAqBG,EAArB,cAAwCC,CAAW,CAAnD,kCAKE,KAAQ,eAA0B,CAAC,EACnC,KAAQ,iBAAiC,CAAC,EAL1C,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAKA,IAAI,MAAO,CACT,OAAO,KAAK,cACd,CAEA,IAAI,QAAS,CACX,OAAO,KAAK,gBACd,CAMA,YAAYC,EAAY,CACtB,IAAMC,EACJ,KAAK,eAAe,OAAOC,GAAK,CAACA,EAAE,QAAQ,EAAE,SAAW,GAAK,CAACF,EAAI,SACpE,KAAK,eAAe,KAAKA,CAAG,GAEvB,CAACA,EAAI,UAAYA,EAAI,UAAaC,KACrC,KAAK,gBAAkBD,EAAI,KAE/B,CAMA,cAAcA,EAAY,CA/C5B,IAAAG,EAgDI,KAAK,eAAe,OAAO,KAAK,eAAe,QAAQH,CAAG,EAAG,CAAC,EAC1DA,EAAI,YACNG,EAAA,KAAK,eAAe,KAAKD,GAAK,CAACA,EAAE,QAAQ,IAAzC,MAAAC,EAA4C,SAEhD,CAMA,iBAAiBC,EAAmB,CAClCA,EAAM,QAAUA,EAAM,MAAQ,KAAK,gBACnC,KAAK,iBAAiB,KAAKA,CAAK,CAClC,CAMA,mBAAmBA,EAAmB,CACpC,KAAK,eAAe,OAAO,KAAK,iBAAiB,QAAQA,CAAK,EAAG,CAAC,CACpE,CAIA,IAAI,iBAAkB,CACpB,OAAO,KAAK,gBACd,CAEA,IAAI,gBAAgBC,EAAc,CAChC,KAAK,iBAAmBA,EACxB,KAAK,eAAe,QAAQ,GAAK,CAC/B,EAAE,SAAWA,IAAS,EAAE,IAC1B,CAAC,EACD,KAAK,iBAAiB,QAAQC,GAAK,CACjCA,EAAE,QAAUA,EAAE,MAAQ,KAAK,gBAC7B,CAAC,CACH,CAEQ,mBAAmB,EAAgB,CACzC,KAAK,gBAAkB,EAAE,MAC3B,CAEA,QAAyB,CACvB,OAAOC,8CAAiD,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAU/D,CACF,EA1FqBV,EAArBW,EAAA,CADCC,EAAc,cAAc,GACRZ",
-  "names": ["styles", "i", "bl_tab_group_default", "BlTabGroup", "s", "bl_tab_group_default", "tab", "isFirstAndNotDisabled", "t", "_a", "panel", "name", "p", "y", "__decorateClass", "e"]
-}

package/dist/chunk-GX7AW5WB.js

@@ -1,2 +0,0 @@
-import{a as o,b as s,f as a,g as p,h as l}from"./chunk-57PTZNIL.js";import{a as r}from"./chunk-NZ3RGSR6.js";var u=o`:host{display:none;border-radius:0 0 var(--bl-border-radius-m) var(--bl-border-radius-m)}:host([visible]){display:block;padding:var(--bl-size-xl);background-color:var(--bl-color-primary-background)}`,i=u;var t=class extends a{constructor(){super(...arguments);this.visible=!1}static get styles(){return[i]}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var e;this.tabGroup=this.closest("bl-tab-group"),(e=this.tabGroup)==null||e.registerTabPanel(this)})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.tabGroup)==null||e.unregisterTabPanel(this)}render(){return s`<slot></slot>`}};r([l({type:String,reflect:!0})],t.prototype,"tab",2),r([l({type:Boolean,reflect:!0})],t.prototype,"visible",2),t=r([p("bl-tab-panel")],t);export{t as a};
-//# sourceMappingURL=chunk-GX7AW5WB.js.map

package/dist/chunk-GX7AW5WB.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/tab-group/tab-panel/bl-tab-panel.css", "../src/components/tab-group/tab-panel/bl-tab-panel.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:none;border-radius:0 0 var(--bl-border-radius-m) var(--bl-border-radius-m)}:host([visible]){display:block;padding:var(--bl-size-xl);background-color:var(--bl-color-primary-background)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport styles from './bl-tab-panel.css';\nimport type BlTabGroup from '../bl-tab-group';\n\n/**\n * @tag bl-tab-panel\n * @summary Baklava Tab panel component\n */\n@customElement('bl-tab-panel')\nexport default class BlTabPanel extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [styles];\n  }\n\n  private tabGroup: BlTabGroup | null;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this.updateComplete.then(() => {\n      this.tabGroup = this.closest('bl-tab-group');\n      // FIXME: We need to warn if parent is not tab-group\n      this.tabGroup?.registerTabPanel(this);\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.tabGroup?.unregisterTabPanel(this);\n  }\n\n  /**\n   * Name of the linked tab.\n   */\n  @property({ type: String, reflect: true })\n  tab: string;\n\n  /**\n   * This attribute set by `tab-group` to make panel visible or hidden.\n   */\n  @property({ type: Boolean, reflect: true })\n  visible = false;\n\n  render(): TemplateResult {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-tab-panel': BlTabPanel;\n  }\n}\n"],
-  "mappings": "4GACO,IAAMA,EAASC,0MACfC,EAAQF,ECQf,IAAqBG,EAArB,cAAwCC,CAAW,CAAnD,kCAgCE,aAAU,GA/BV,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAM,CAChB,CAIA,mBAAoB,CAClB,MAAM,kBAAkB,EAExB,KAAK,eAAe,KAAK,IAAM,CApBnC,IAAAC,EAqBM,KAAK,SAAW,KAAK,QAAQ,cAAc,GAE3CA,EAAA,KAAK,WAAL,MAAAA,EAAe,iBAAiB,KAClC,CAAC,CACH,CAEA,sBAAuB,CA3BzB,IAAAA,EA4BI,MAAM,qBAAqB,GAC3BA,EAAA,KAAK,WAAL,MAAAA,EAAe,mBAAmB,KACpC,CAcA,QAAyB,CACvB,OAAOC,gBACT,CACF,EAXEC,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAzBtBN,EA0BnB,mBAMAK,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA/BvBN,EAgCnB,uBAhCmBA,EAArBK,EAAA,CADCC,EAAc,cAAc,GACRN",
-  "names": ["styles", "i", "bl_tab_panel_default", "BlTabPanel", "s", "bl_tab_panel_default", "_a", "y", "__decorateClass", "e"]
-}

package/dist/chunk-MIGVYPFB.js

@@ -1,30 +0,0 @@
-import{a as s}from"./chunk-23UFIOHV.js";import{a as l,b as r,f as a,g as n,h as i}from"./chunk-57PTZNIL.js";import{a as e}from"./chunk-NZ3RGSR6.js";var v=l`:host{position:relative;display:flex;align-items:center;background-color:var(--bl-color-primary-background)}.container{--title-padding-vertical:var(--bl-size-m);--title-padding-horizontal:var(--bl-size-xl);--title-color:var(--bl-color-secondary);--caption-color:var(--bl-color-secondary);--icon-color:var(--bl-color-secondary);--border-bottom-width:var(--bl-size-4xs);--border-left-space:var(--bl-size-xl);--font-title:var(--bl-font-title-3-medium);--font-caption:var(--bl-font-title-4-regular);--tab-right-padding:var(--bl-size-xl);--help-container-width:var(--bl-size-2xl);--tab-height:calc(var(--bl-size-3xl) + var(--bl-size-s));display:flex;border:0;cursor:pointer;background-color:initial;width:max-content;height:var(--tab-height);padding:0 var(--tab-right-padding)}.container::after{position:absolute;content:'';right:0;top:var(--bl-size-m);height:calc(100% - var(--bl-size-2xl));border-right:1px solid var(--bl-color-tertiary-hover)}:host(:last-of-type) .container::after{border-right:0}:host .container::before{content:'';position:absolute;opacity:0;bottom:calc(-1 * var(--bl-size-4xs));left:var(--border-left-space);width:calc(100% - var(--bl-size-4xl));border-bottom:var(--border-bottom-width) solid var(--bl-color-primary)}:host([selected]:not([disabled])) .container::before{opacity:1}:host(:hover) .container,:host([selected]) .container,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .container,:host([selected]) .container{--title-color:var(--bl-color-primary);--icon-color:var(--bl-color-primary)}:host([disabled]) .container{cursor:not-allowed;--title-color:var(--bl-color-content-passive);--caption-color:var(--bl-color-content-passive);--icon-color:var(--bl-color-content-passive)}:host(:hover) :where(.title,.icon),:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) :where(.title,.icon){transition:color 120ms ease-out}:host([selected]) .border-bottom{display:inline-block}:host([disabled]) .container:hover,:host([disabled]) .container.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__{cursor:not-allowed}:host([help-text]) button{padding-right:0}.tab-button{width:max-content}.help-container{display:flex;justify-content:center;align-items:center;width:var(--help-container-width);height:100%;font-size:var(--bl-font-size-m);pointer-events:visible;padding-right:var(--tab-right-padding)}bl-tooltip{--bl-tooltip-position:fixed}.title{display:flex;align-items:center;justify-content:center;font:var(--font-title);color:var(--title-color);line-height:var(--bl-size-m);white-space:nowrap}.title-container{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:auto}.badge-container{padding-left:var(--bl-size-3xs);display:flex;margin-bottom:1px}.caption{font:var(--font-caption);line-height:var(--bl-size-xs);color:var(--caption-color);text-align:center;margin-top:var(--bl-size-4xs)}.icon{display:flex;color:var(--icon-color);font-size:var(--bl-font-size-l);margin-right:var(--bl-size-3xs);margin-bottom:1px}:host([notify]) .title::after{content:'';height:var(--bl-size-2xs);width:var(--bl-size-2xs);border-radius:var(--bl-size-3xs);margin-left:var(--bl-size-3xs);background-color:var(--bl-color-danger);margin-bottom:1px}`,c=v;var t=class extends a{constructor(){super(...arguments);this.icon="";this.notify=!1;this.badge="";this.selected=!1;this.disabled=!1}static get styles(){return[c]}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var o;this.tabGroup=this.closest("bl-tab-group"),(o=this.tabGroup)==null||o.registerTab(this)})}disconnectedCallback(){var o;super.disconnectedCallback(),(o=this.tabGroup)==null||o.unregisterTab(this)}select(){this.selected=!0}updated(o){o.has("selected")&&this.selected&&this._onSelect(this.name)}render(){let o=r` <slot></slot>`,d=this.helpText?r` <div class="help-container">
-          <bl-tooltip>
-            <bl-button
-              slot="tooltip-trigger"
-              icon="info"
-              variant="tertiary"
-              kind="neutral"
-              label="${this.helpText}"
-            ></bl-button>
-            ${this.helpText}
-          </bl-tooltip>
-        </div>`:null,b=this.icon?r` <div class="icon">
-          <bl-icon name="${this.icon}"></bl-icon>
-        </div>`:null,p=this.badge?r` <div class="badge-container">
-          <bl-badge size="small">${this.badge}</bl-badge>
-        </div>`:null,h=this.caption?r` <div class="caption">${this.caption}</div>`:null;return r`
-      <button
-        ?disabled="${this.disabled}"
-        role="tab"
-        class="container"
-        @click="${()=>this.select()}"
-      >
-        <div class="title-container">
-          <div class="title">${b} ${o} ${p}</div>
-          ${h}
-        </div>
-        ${d}
-      </button>
-    `}};e([i({type:String})],t.prototype,"caption",2),e([i({type:String,reflect:!0})],t.prototype,"name",2),e([i({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([i({type:String})],t.prototype,"icon",2),e([i({type:Boolean,reflect:!0})],t.prototype,"notify",2),e([i({type:String})],t.prototype,"badge",2),e([i({type:Boolean,reflect:!0})],t.prototype,"selected",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([s("bl-tab-selected")],t.prototype,"_onSelect",2),t=e([n("bl-tab")],t);export{t as a};
-//# sourceMappingURL=chunk-MIGVYPFB.js.map

package/dist/chunk-MIGVYPFB.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/tab-group/tab/bl-tab.css", "../src/components/tab-group/tab/bl-tab.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{position:relative;display:flex;align-items:center;background-color:var(--bl-color-primary-background)}.container{--title-padding-vertical:var(--bl-size-m);--title-padding-horizontal:var(--bl-size-xl);--title-color:var(--bl-color-secondary);--caption-color:var(--bl-color-secondary);--icon-color:var(--bl-color-secondary);--border-bottom-width:var(--bl-size-4xs);--border-left-space:var(--bl-size-xl);--font-title:var(--bl-font-title-3-medium);--font-caption:var(--bl-font-title-4-regular);--tab-right-padding:var(--bl-size-xl);--help-container-width:var(--bl-size-2xl);--tab-height:calc(var(--bl-size-3xl) + var(--bl-size-s));display:flex;border:0;cursor:pointer;background-color:initial;width:max-content;height:var(--tab-height);padding:0 var(--tab-right-padding)}.container::after{position:absolute;content:'';right:0;top:var(--bl-size-m);height:calc(100% - var(--bl-size-2xl));border-right:1px solid var(--bl-color-tertiary-hover)}:host(:last-of-type) .container::after{border-right:0}:host .container::before{content:'';position:absolute;opacity:0;bottom:calc(-1 * var(--bl-size-4xs));left:var(--border-left-space);width:calc(100% - var(--bl-size-4xl));border-bottom:var(--border-bottom-width) solid var(--bl-color-primary)}:host([selected]:not([disabled])) .container::before{opacity:1}:host(:hover) .container,:host([selected]) .container,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .container,:host([selected]) .container{--title-color:var(--bl-color-primary);--icon-color:var(--bl-color-primary)}:host([disabled]) .container{cursor:not-allowed;--title-color:var(--bl-color-content-passive);--caption-color:var(--bl-color-content-passive);--icon-color:var(--bl-color-content-passive)}:host(:hover) :where(.title,.icon),:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) :where(.title,.icon){transition:color 120ms ease-out}:host([selected]) .border-bottom{display:inline-block}:host([disabled]) .container:hover,:host([disabled]) .container.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__{cursor:not-allowed}:host([help-text]) button{padding-right:0}.tab-button{width:max-content}.help-container{display:flex;justify-content:center;align-items:center;width:var(--help-container-width);height:100%;font-size:var(--bl-font-size-m);pointer-events:visible;padding-right:var(--tab-right-padding)}bl-tooltip{--bl-tooltip-position:fixed}.title{display:flex;align-items:center;justify-content:center;font:var(--font-title);color:var(--title-color);line-height:var(--bl-size-m);white-space:nowrap}.title-container{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:auto}.badge-container{padding-left:var(--bl-size-3xs);display:flex;margin-bottom:1px}.caption{font:var(--font-caption);line-height:var(--bl-size-xs);color:var(--caption-color);text-align:center;margin-top:var(--bl-size-4xs)}.icon{display:flex;color:var(--icon-color);font-size:var(--bl-font-size-l);margin-right:var(--bl-size-3xs);margin-bottom:1px}:host([notify]) .title::after{content:'';height:var(--bl-size-2xs);width:var(--bl-size-2xs);border-radius:var(--bl-size-3xs);margin-left:var(--bl-size-3xs);background-color:var(--bl-color-danger);margin-bottom:1px}`;\nexport default styles;\n", "import {\n  CSSResultGroup,\n  html,\n  LitElement,\n  PropertyValues,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { event, EventDispatcher } from '../../../utilities/event';\n\nimport style from './bl-tab.css';\nimport type BlTabGroup from '../bl-tab-group';\n\n/**\n * @tag bl-tab\n * @summary Baklava Tab component\n */\n@customElement('bl-tab')\nexport default class BlTab extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  private tabGroup: BlTabGroup | null;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this.updateComplete.then(() => {\n      this.tabGroup = this.closest<BlTabGroup>('bl-tab-group');\n      // FIXME: We need to warn if parent is not tab-group\n      this.tabGroup?.registerTab(this);\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.tabGroup?.unregisterTab(this);\n  }\n\n  /**\n   * Sets the caption of tab\n   */\n  @property({ type: String })\n  caption: string;\n\n  /**\n   * Name of the tab that should match `tab-panel`'s `tab` attribute\n   */\n  @property({ type: String, reflect: true })\n  name: string;\n\n  /**\n   * Set tooltip text. Should be set to display information icon.\n   */\n  @property({ type: String, attribute: 'help-text', reflect: true })\n  helpText: string;\n\n  /**\n   * Name of the icon which display on the left side of the tab.\n   */\n  @property({ type: String })\n  icon = '';\n\n  /**\n   * Shows notification dot.\n   */\n  @property({ type: Boolean, reflect: true })\n  notify = false;\n\n  /**\n   * Sets the content of the badge.\n   */\n  @property({ type: String })\n  badge = '';\n\n  /**\n   * Set `tab` as selected.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Set `tab` as disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Fires when tab is selected.\n   */\n  @event('bl-tab-selected') private _onSelect: EventDispatcher<string>;\n\n  /**\n   * Set tab selected.\n   */\n  select() {\n    this.selected = true;\n  }\n\n  updated(changedProperties: PropertyValues<this>) {    \n    if (changedProperties.has('selected') && this.selected) {\n      this._onSelect(this.name);\n    }\n  }\n\n  render(): TemplateResult {\n    const title = html` <slot></slot>`;\n\n    const helpTooltip = this.helpText\n      ? html` <div class=\"help-container\">\n          <bl-tooltip>\n            <bl-button\n              slot=\"tooltip-trigger\"\n              icon=\"info\"\n              variant=\"tertiary\"\n              kind=\"neutral\"\n              label=\"${this.helpText}\"\n            ></bl-button>\n            ${this.helpText}\n          </bl-tooltip>\n        </div>`\n      : null;\n\n    const icon = this.icon\n      ? html` <div class=\"icon\">\n          <bl-icon name=\"${this.icon}\"></bl-icon>\n        </div>`\n      : null;\n\n    const badge = this.badge\n      ? html` <div class=\"badge-container\">\n          <bl-badge size=\"small\">${this.badge}</bl-badge>\n        </div>`\n      : null;\n\n    const caption = this.caption ? html` <div class=\"caption\">${this.caption}</div>` : null;\n\n    return html`\n      <button\n        ?disabled=\"${this.disabled}\"\n        role=\"tab\"\n        class=\"container\"\n        @click=\"${() => this.select()}\"\n      >\n        <div class=\"title-container\">\n          <div class=\"title\">${icon} ${title} ${badge}</div>\n          ${caption}\n        </div>\n        ${helpTooltip}\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-tab': BlTab;\n  }\n}\n"],
-  "mappings": "oJACO,IAAMA,EAASC,omGACfC,EAAQF,ECgBf,IAAqBG,EAArB,cAAmCC,CAAW,CAA9C,kCA4CE,UAAO,GAMP,YAAS,GAMT,WAAQ,GAMR,cAAW,GAMX,cAAW,GAnEX,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAIA,mBAAoB,CAClB,MAAM,kBAAkB,EAExB,KAAK,eAAe,KAAK,IAAM,CA5BnC,IAAAC,EA6BM,KAAK,SAAW,KAAK,QAAoB,cAAc,GAEvDA,EAAA,KAAK,WAAL,MAAAA,EAAe,YAAY,KAC7B,CAAC,CACH,CAEA,sBAAuB,CAnCzB,IAAAA,EAoCI,MAAM,qBAAqB,GAC3BA,EAAA,KAAK,WAAL,MAAAA,EAAe,cAAc,KAC/B,CA0DA,QAAS,CACP,KAAK,SAAW,EAClB,CAEA,QAAQC,EAAyC,CAC3CA,EAAkB,IAAI,UAAU,GAAK,KAAK,UAC5C,KAAK,UAAU,KAAK,IAAI,CAE5B,CAEA,QAAyB,CACvB,IAAMC,EAAQC,kBAERC,EAAc,KAAK,SACrBD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAOe,KAAK;AAAA;AAAA,cAEd,KAAK;AAAA;AAAA,gBAGX,KAEEE,EAAO,KAAK,KACdF;AAAA,2BACmB,KAAK;AAAA,gBAExB,KAEEG,EAAQ,KAAK,MACfH;AAAA,mCAC2B,KAAK;AAAA,gBAEhC,KAEEI,EAAU,KAAK,QAAUJ,0BAA6B,KAAK,gBAAkB,KAEnF,OAAOA;AAAA;AAAA,qBAEU,KAAK;AAAA;AAAA;AAAA,kBAGR,IAAM,KAAK,OAAO;AAAA;AAAA;AAAA,+BAGLE,KAAQH,KAASI;AAAA,YACpCC;AAAA;AAAA,UAEFH;AAAA;AAAA,KAGR,CACF,EA7GEI,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAzBPZ,EA0BnB,uBAMAW,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA/BtBZ,EAgCnB,oBAMAW,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAK,CAAC,GArC9CZ,EAsCnB,wBAMAW,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GA3CPZ,EA4CnB,oBAMAW,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAjDvBZ,EAkDnB,sBAMAW,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAvDPZ,EAwDnB,qBAMAW,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA7DvBZ,EA8DnB,wBAMAW,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAnEvBZ,EAoEnB,wBAKkCW,EAAA,CAAjCE,EAAM,iBAAiB,GAzELb,EAyEe,yBAzEfA,EAArBW,EAAA,CADCC,EAAc,QAAQ,GACFZ",
-  "names": ["styles", "i", "bl_tab_default", "BlTab", "s", "bl_tab_default", "_a", "changedProperties", "title", "y", "helpTooltip", "icon", "badge", "caption", "__decorateClass", "e", "event"]
-}

package/dist/chunk-SU6OEG6P.js

@@ -1,21 +0,0 @@
-import{a as _}from"./chunk-OLPYXE2P.js";import{a as n}from"./chunk-KPAWUBRO.js";import{a as y}from"./chunk-23UFIOHV.js";import{a as h,b as e,f as u,g as m,h as r,i as f,j as g}from"./chunk-57PTZNIL.js";import{a as o}from"./chunk-NZ3RGSR6.js";var x=i=>{if(!(!i.noValidate&&!i.reportValidity())){let d=new SubmitEvent("submit",{bubbles:!0,cancelable:!0});i.dispatchEvent(d),d.defaultPrevented||i.submit()}};var T=h`@keyframes spin{from{transform:rotate(0)}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-hover);--text-hover-color:var(--bl-color-secondary-background);--content-color:var(--bl-color-content-primary-contrast);--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:6px;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(:hover) .button,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_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:0}.button:focus-visible{position:relative;outline:0}.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-secondary);--main-hover-color:var(--bl-color-secondary-hover)}:host([kind='success']) .button{--main-color:var(--bl-color-success);--main-hover-color:var(--bl-color-success-hover)}:host([kind='danger']) .button{--main-color:var(--bl-color-danger);--main-hover-color:var(--bl-color-danger-hover)}: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-tertiary);--main-hover-color:var(--bl-color-tertiary);--content-color:var(--bl-color-content-passive);--bg-color:var(--main-color);pointer-events:none;text-decoration:none}:host([variant='tertiary']) .button[aria-disabled='true']{--main-color:transparent}:host([variant='secondary']:hover) .button[aria-disabled='false'],:host([variant='secondary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button[aria-disabled='false']{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']:hover) .button[aria-disabled='false'],:host([variant='tertiary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_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-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']) .active.button{--content-color:var(--main-color);--bg-color:var(--bl-color-tertiary);--border-color:transparent}`,z=T;var t=class extends u{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[z]}get _isActive(){return this.active}connectedCallback(){super.connectedCallback(),this.form=this.closest("form")}caretTemplate(){return e` <bl-icon class="open" name="arrow_up"></bl-icon>
-      <bl-icon class="close" name="arrow_down"></bl-icon>`}_handleClick(){this.type==="submit"&&this.form&&x(this.form),this.onClick("Click event fired!")}focus(){this.button.focus()}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}get _hasDefaultSlot(){return[...this.childNodes].some(a=>{var c;let l=a.nodeType;return l===a.TEXT_NODE&&((c=a.textContent)==null?void 0:c.trim())!==""||l===a.ELEMENT_NODE&&!a.hasAttribute("slot")})}render(){let s=this.loading||this.disabled,a=this.loading&&this.loadingLabel?this.loadingLabel:e`<slot></slot>`,l=!!this.href,c=this.icon?e`<bl-icon name=${this.icon}></bl-icon>`:"",b=this.loading?e`<bl-icon class="loading-icon" name="loading"></bl-icon>`:"",p=e`<slot name="icon">${c}</slot> <span class="label">${a}</span>`,O=this.dropdown?this.caretTemplate():"",v=_({button:!0,"has-icon":this.icon||this._hasIconSlot,"has-content":this._hasDefaultSlot,active:!l&&this._isActive});return l?e`<a
-          class=${v}
-          ?autofocus=${this.autofocus}
-          aria-disabled="${n(s)}"
-          aria-label="${n(this.label)}"
-          href=${n(this.href)}
-          target=${n(this.target)}
-          role="button"
-          >${b} ${p}
-        </a>`:e`<button
-          class=${v}
-          ?autofocus=${this.autofocus}
-          aria-disabled="${n(s)}"
-          aria-label="${n(this.label)}"
-          ?disabled=${s}
-          @click="${this._handleClick}"
-        >
-         ${b} ${p} ${O}
-        </button>`}};o([r({type:String,reflect:!0})],t.prototype,"variant",2),o([r({type:String,reflect:!0})],t.prototype,"kind",2),o([r({type:String,reflect:!0})],t.prototype,"size",2),o([r({type:String})],t.prototype,"label",2),o([r({type:String,attribute:"loading-label"})],t.prototype,"loadingLabel",2),o([r({type:Boolean,reflect:!0})],t.prototype,"loading",2),o([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([r({type:String})],t.prototype,"href",2),o([r({type:String})],t.prototype,"icon",2),o([r({type:String})],t.prototype,"target",2),o([r({type:String})],t.prototype,"type",2),o([r({type:Boolean})],t.prototype,"dropdown",2),o([r({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),o([f({})],t.prototype,"active",2),o([g(".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-SU6OEG6P.js.map

package/dist/chunk-SU6OEG6P.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../node_modules/@open-wc/form-helpers/src/index.ts", "../src/components/button/bl-button.css", "../src/components/button/bl-button.ts"],
-  "sourcesContent": ["/**\n * Implicitly submit a form by first validating all controls. If the form\n * is valid, issue a submit event and if that event is not prevented, manually\n * call the form's submit method.\n *\n * @param form {HTMLFormElement} - A form to implicitly submit\n */\nexport const submit = (form: HTMLFormElement): void => {\n  if (!form.noValidate && !form.reportValidity()) {\n    return;\n  } else {\n    const submitEvent = new SubmitEvent('submit', {\n      bubbles: true,\n      cancelable: true\n    });\n    form.dispatchEvent(submitEvent);\n    if (!submitEvent.defaultPrevented) {\n      form.submit();\n    }\n  }\n};\n\nexport type FormValue = string|FormData|File|FormValue[];\n\n/**\n * Parse a form and return a set of values based on the name/value pair.\n * If multiple controls of a similar name exist, return an array for those values;\n * otherwise return a single value.\n *\n * @param form {HTMLFormElement} - The form to parse for values\n * @returns {Record<string, any>} - An object representing the form's current values\n */\nexport const formValues = (form: HTMLFormElement): Record<string, FormValue> => {\n  const formData = new FormData(form);\n  const values: Record<string, FormValue> = {};\n\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore This does exist in all browsers. TypeScript is wrong\n  for (const [key, value] of formData.entries()) {\n    if (!values.hasOwnProperty(key)) {\n      values[key] = value;\n    } else if (Array.isArray(values[key])) {\n      const pointer = values[key] as FormValue[];\n      pointer.push(value);\n    } else {\n      values[key] = [values[key], value];\n    }\n  }\n\n  return values;\n};\n\n/**\n * This method takes a form and parses it as an object. If any form control has a `.`\n * in its name, this utility will evaluate that name as a deep key for an object;\n * in other words, if a form has a named control, `name.first` and another, `name.last`\n * it will report back a nested object, name, with first and last properties\n * representing those controls' values.\n *\n * This can be useful when you have a complex model that you are attempting to represent\n * in declaratively in HTML.\n *\n * @param form {HTMLFormElement} - The form to grab values from\n * @returns {Object<string, FormValue>} - An object representation of the form\n */\nexport const parseFormAsObject = (form: HTMLFormElement): Record<string, FormValue> => {\n  const data = formValues(form);\n  const output: Record<string, FormValue> = {};\n\n  Object.entries(data).forEach(([key, value]) => {\n    /** If the key has a '.', parse it as an object */\n    if (key.includes('.')) {\n      const path = key.split('.');\n      const destination: string | undefined = path.pop();\n      let pointer = output;\n\n      while (path.length) {\n        const key = path.shift();\n        pointer[key as string] = pointer[key as string] || ({} as FormValue);\n        pointer = pointer[key as string] as unknown as Record<string, FormValue>;\n      }\n\n      pointer[destination as string] = value;\n    } else {\n      output[key] = data[key];\n    }\n  });\n\n  return output;\n};\n", "import {css} from 'lit';\nexport const styles = css`@keyframes spin{from{transform:rotate(0)}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-hover);--text-hover-color:var(--bl-color-secondary-background);--content-color:var(--bl-color-content-primary-contrast);--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:6px;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(:hover) .button,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_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:0}.button:focus-visible{position:relative;outline:0}.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-secondary);--main-hover-color:var(--bl-color-secondary-hover)}:host([kind='success']) .button{--main-color:var(--bl-color-success);--main-hover-color:var(--bl-color-success-hover)}:host([kind='danger']) .button{--main-color:var(--bl-color-danger);--main-hover-color:var(--bl-color-danger-hover)}: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-tertiary);--main-hover-color:var(--bl-color-tertiary);--content-color:var(--bl-color-content-passive);--bg-color:var(--main-color);pointer-events:none;text-decoration:none}:host([variant='tertiary']) .button[aria-disabled='true']{--main-color:transparent}:host([variant='secondary']:hover) .button[aria-disabled='false'],:host([variant='secondary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button[aria-disabled='false']{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']:hover) .button[aria-disabled='false'],:host([variant='tertiary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_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-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']) .active.button{--content-color:var(--main-color);--bg-color:var(--bl-color-tertiary);--border-color:transparent}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { submit } from '@open-wc/form-helpers';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport style from './bl-button.css';\nimport '../icon/bl-icon';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'tertiary';\nexport type ButtonKind = 'default' | 'neutral' | 'success' | 'danger';\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type TargetType = '_blank' | '_parent' | '_self' | '_top';\n\n/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @cssproperty --bl-button-display - Sets the display property of button. Default value is 'inline-block'.\n * @cssproperty --bl-button-justify - Sets the justify-content property of button. Default value is 'center'.\n *\n */\n@customElement('bl-button')\nexport default class BlButton extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the button variant\n   */\n  @property({ type: String, reflect: true })\n  variant: ButtonVariant = 'primary';\n\n  /**\n   * Sets the button kind\n   */\n  @property({ type: String, reflect: true })\n  kind: ButtonKind = 'default';\n\n  /**\n   * Sets the button size\n   */\n  @property({ type: String, reflect: true })\n  size: ButtonSize = 'medium';\n\n  /**\n   * Sets the button label. Used for accessibility.\n   */\n  @property({ type: String })\n  label: string;\n\n  /**\n   * Sets the button label for loading status.\n   */\n  @property({ type: String, attribute: 'loading-label' })\n  loadingLabel: string;\n\n  /**\n   * Sets loading state of button\n   */\n  @property({ type: Boolean, reflect: true })\n  loading = false;\n\n  /**\n   * Sets button as disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Set link url. If set, button will be rendered as anchor tag.\n   */\n  @property({ type: String })\n  href?: string;\n\n  /**\n   * Sets the icon name. Shows icon with bl-icon component\n   */\n  @property({ type: String })\n  icon?: string;\n\n  /**\n   * Sets the anchor target. Used when `href` is set.\n   */\n  @property({ type: String })\n  target?: TargetType = '_self';\n\n  /**\n   * Sets the type of the button. Set `submit` to use button as the submitter of parent form.\n   */\n  @property({ type: String })\n  type: 'submit' | null;\n\n  /**\n   * Sets button type to dropdown\n   */\n  @property({ type: Boolean })\n  dropdown = false;\n\n  /**\n   * Sets button to get keyboard focus automatically\n   */\n  @property({ type: Boolean, reflect: true })\n  autofocus = false;\n\n  /**\n   * Active state\n   */\n  @state({})\n  active = false;\n\n  @query('.button')\n  private button: HTMLAnchorElement | HTMLButtonElement;\n\n  /**\n   * Fires when button clicked\n   */\n  @event('bl-click') private onClick: EventDispatcher<string>;\n\n  private get _isActive() {\n    return this.active;\n  }\n\n  private form: HTMLFormElement | null;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.form = this.closest('form');\n  }\n\n  private caretTemplate(): TemplateResult {\n    return html` <bl-icon class=\"open\" name=\"arrow_up\"></bl-icon>\n      <bl-icon class=\"close\" name=\"arrow_down\"></bl-icon>`;\n  }\n\n  private _handleClick() {\n    if (this.type === 'submit' && this.form) {\n      submit(this.form);\n    }\n\n    this.onClick('Click event fired!');\n  }\n\n  focus() {\n    this.button.focus();\n  }\n\n  get _hasIconSlot() {\n    return this.querySelector(':scope > [slot=\"icon\"]') !== null;\n  }\n\n  get _hasDefaultSlot() {\n    const childNodes = [...this.childNodes];\n    return childNodes.some(node => {\n      const nodeType = node.nodeType;\n      // has only text node.\n      if (nodeType === node.TEXT_NODE && node.textContent?.trim() !== '') {\n        return true;\n      }\n      // has element node, it should not have slot attribute.\n      if (nodeType === node.ELEMENT_NODE) {\n        if (!(node as HTMLElement).hasAttribute('slot')) {\n          return true;\n        }\n      }\n      return false;\n    });\n  }\n\n  render(): TemplateResult {\n    const isDisabled = this.loading || this.disabled;\n    const label = (this.loading && this.loadingLabel) ? this.loadingLabel : html`<slot></slot>`;\n    const isAnchor = !!this.href;\n    const icon = this.icon ? html`<bl-icon name=${this.icon}></bl-icon>` : '';\n    const loadingIcon = this.loading ? html`<bl-icon class=\"loading-icon\" name=\"loading\"></bl-icon>` : '';\n    const slots = html`<slot name=\"icon\">${icon}</slot> <span class=\"label\">${label}</span>`;\n    const caret = this.dropdown ? this.caretTemplate() : '';\n    const classes = classMap({\n      'button': true,\n      'has-icon': this.icon || this._hasIconSlot,\n      'has-content': this._hasDefaultSlot,\n      'active': !isAnchor && this._isActive,\n    });\n\n    return isAnchor\n      ? html`<a\n          class=${classes}\n          ?autofocus=${this.autofocus}\n          aria-disabled=\"${ifDefined(isDisabled)}\"\n          aria-label=\"${ifDefined(this.label)}\"\n          href=${ifDefined(this.href)}\n          target=${ifDefined(this.target)}\n          role=\"button\"\n          >${loadingIcon} ${slots}\n        </a>`\n      : html`<button\n          class=${classes}\n          ?autofocus=${this.autofocus}\n          aria-disabled=\"${ifDefined(isDisabled)}\"\n          aria-label=\"${ifDefined(this.label)}\"\n          ?disabled=${isDisabled}\n          @click=\"${this._handleClick}\"\n        >\n         ${loadingIcon} ${slots} ${caret}\n        </button>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-button': BlButton;\n  }\n}\n"],
-  "mappings": "kPAOO,IAAMA,EAAUC,GAA+B,CACpD,GAAI,GAACA,EAAK,YAAc,CAACA,EAAK,eAAc,GAErC,CACL,IAAMC,EAAc,IAAI,YAAY,SAAU,CAC5C,QAAS,GACT,WAAY,GACb,EACDD,EAAK,cAAcC,CAAW,EACzBA,EAAY,kBACfD,EAAK,OAAM,EAGjB,ECnBO,IAAME,EAASC,6lIACfC,EAAQF,ECqBf,IAAqBG,EAArB,cAAsCC,CAAW,CAAjD,kCASE,aAAyB,UAMzB,UAAmB,UAMnB,UAAmB,SAkBnB,aAAU,GAMV,cAAW,GAkBX,YAAsB,QAYtB,cAAW,GAMX,eAAY,GAMZ,YAAS,GAtFT,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CA8FA,IAAY,WAAY,CACtB,OAAO,KAAK,MACd,CAIA,mBAAoB,CAClB,MAAM,kBAAkB,EACxB,KAAK,KAAO,KAAK,QAAQ,MAAM,CACjC,CAEQ,eAAgC,CACtC,OAAOC;AAAA,0DAET,CAEQ,cAAe,CACjB,KAAK,OAAS,UAAY,KAAK,MACjCC,EAAO,KAAK,IAAI,EAGlB,KAAK,QAAQ,oBAAoB,CACnC,CAEA,OAAQ,CACN,KAAK,OAAO,MAAM,CACpB,CAEA,IAAI,cAAe,CACjB,OAAO,KAAK,cAAc,wBAAwB,IAAM,IAC1D,CAEA,IAAI,iBAAkB,CAEpB,MADmB,CAAC,GAAG,KAAK,UAAU,EACpB,KAAKC,GAAQ,CA1JnC,IAAAC,EA2JM,IAAMC,EAAWF,EAAK,SAMtB,OAJIE,IAAaF,EAAK,aAAaC,EAAAD,EAAK,cAAL,YAAAC,EAAkB,UAAW,IAI5DC,IAAaF,EAAK,cAChB,CAAEA,EAAqB,aAAa,MAAM,CAKlD,CAAC,CACH,CAEA,QAAyB,CACvB,IAAMG,EAAa,KAAK,SAAW,KAAK,SAClCC,EAAS,KAAK,SAAW,KAAK,aAAgB,KAAK,aAAeN,iBAClEO,EAAW,CAAC,CAAC,KAAK,KAClBC,EAAO,KAAK,KAAOR,kBAAqB,KAAK,kBAAoB,GACjES,EAAc,KAAK,QAAUT,2DAAgE,GAC7FU,EAAQV,sBAAyBQ,gCAAmCF,WACpEK,EAAQ,KAAK,SAAW,KAAK,cAAc,EAAI,GAC/CC,EAAUC,EAAS,CACvB,OAAU,GACV,WAAY,KAAK,MAAQ,KAAK,aAC9B,cAAe,KAAK,gBACpB,OAAU,CAACN,GAAY,KAAK,SAC9B,CAAC,EAED,OAAOA,EACHP;AAAA,kBACUY;AAAA,uBACK,KAAK;AAAA,2BACDE,EAAUT,CAAU;AAAA,wBACvBS,EAAU,KAAK,KAAK;AAAA,iBAC3BA,EAAU,KAAK,IAAI;AAAA,mBACjBA,EAAU,KAAK,MAAM;AAAA;AAAA,aAE3BL,KAAeC;AAAA,cAEpBV;AAAA,kBACUY;AAAA,uBACK,KAAK;AAAA,2BACDE,EAAUT,CAAU;AAAA,wBACvBS,EAAU,KAAK,KAAK;AAAA,sBACtBT;AAAA,oBACF,KAAK;AAAA;AAAA,WAEdI,KAAeC,KAASC;AAAA,kBAEjC,CACF,EA/KEI,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GARtBnB,EASnB,uBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAdtBnB,EAenB,oBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GApBtBnB,EAqBnB,oBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GA1BPnB,EA2BnB,qBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,UAAW,eAAgB,CAAC,GAhCnCnB,EAiCnB,4BAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAtCvBnB,EAuCnB,uBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA5CvBnB,EA6CnB,wBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAlDPnB,EAmDnB,oBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAxDPnB,EAyDnB,oBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GA9DPnB,EA+DnB,sBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GApEPnB,EAqEnB,oBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,CAAC,GA1ERnB,EA2EnB,wBAMAkB,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAhFvBnB,EAiFnB,yBAMAkB,EAAA,CADCE,EAAM,CAAC,CAAC,GAtFUpB,EAuFnB,sBAGQkB,EAAA,CADPG,EAAM,SAAS,GAzFGrB,EA0FX,sBAKmBkB,EAAA,CAA1BI,EAAM,UAAU,GA/FEtB,EA+FQ,uBA/FRA,EAArBkB,EAAA,CADCC,EAAc,WAAW,GACLnB",
-  "names": ["submit", "form", "submitEvent", "styles", "i", "bl_button_default", "BlButton", "s", "bl_button_default", "y", "submit", "node", "_a", "nodeType", "isDisabled", "label", "isAnchor", "icon", "loadingIcon", "slots", "caret", "classes", "o", "l", "__decorateClass", "e", "t", "i", "event"]
-}