@trendyol/baklava 3.3.0-beta.1 → 3.3.0-beta.11

package/dist/{chunk-JCODVOWY.js → chunk-FTQX7CEW.js}

@@ -1,4 +1,4 @@
-import{a as g,c as w}from"./chunk-EG7U7PM3.js";import{a as f}from"./chunk-XDUIVR6I.js";import{a as b}from"./chunk-6LT7O7T2.js";import{a as E}from"./chunk-DINNT5P2.js";import{a as d}from"./chunk-GRL4DWKG.js";import{a as p,b as s,c as m,e as u}from"./chunk-5MOOXA2X.js";import{a as v,b as o,f as c}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-IZ2LK5GK.js";var S=v`:host{display:flex;flex-direction:row}fieldset{border:none;padding:0}legend{font:var(--bl-font-title-3-medium);color:var(--bl-color-neutral-darker)}.options{display:flex;flex-flow:var(--bl-checkbox-direction, column) wrap;gap:var(--bl-size-m);margin-block:var(--bl-size-xs)}.dirty.invalid .options{margin-bottom:var(--bl-size-3xs)}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.invalid-text{display:none;color:var(--bl-color-danger)}.dirty.invalid .hint{display:block}.dirty.invalid .invalid-text{display:block}`,O=S;var k="bl-checkbox-group",x="bl-checkbox-group-change",l=class extends f(c){constructor(){super(...arguments);this.required=!1;this.dirty=!1;this.focusedOptionIndex=0}static get styles(){return[O]}get options(){return[...this.querySelectorAll(y)]}get checkedOptions(){return this.options.filter(e=>e.checked).map(e=>e.value)}get availableOptions(){return this.options.filter(e=>!e.disabled)}connectedCallback(){var e;super.connectedCallback(),this.tabIndex=0,this.addEventListener("focus",this.handleFocus),this.addEventListener("keydown",this.handleKeyDown),(e=this.form)==null||e.addEventListener("submit",i=>this.handleSubmit(i))}disconnectedCallback(){var e;super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus),this.removeEventListener("keydown",this.handleKeyDown),(e=this.form)==null||e.removeEventListener("submit",i=>this.handleSubmit(i))}firstUpdated(){this.required&&!this.value&&(this.setValue(null),this.onInvalid(this.internals.validity))}async updated(e){e.has("value")&&(this.setFormValue(),this.checkOptionsValidity(),this.value!==null&&this.onChange(this.value),await this.validationComplete,this.checkValidity()||this.onInvalid(this.internals.validity),this.requestUpdate())}setFormValue(){var e,i;if(this.value!==null&&this.value.length>0){let r=new FormData;(e=this.value)==null||e.forEach(n=>r.append(this.name,`${n}`)),this.setValue(r)}else((i=this.value)==null?void 0:i.length)===0&&this.setValue(null)}handleOptionChecked(){this.dirty=!0,this.value=this.checkedOptions}handleKeyDown(e){if(["ArrowDown","ArrowRight"].includes(e.key))this.focusedOptionIndex++;else if(["ArrowUp","ArrowLeft"].includes(e.key))this.focusedOptionIndex--;else if(e.key==="Tab"){if(e.shiftKey?this.focusedOptionIndex--:this.focusedOptionIndex++,this.focusedOptionIndex===this.availableOptions.length){this.tabIndex=0,this.focusedOptionIndex=0;return}}else return;this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,this.availableOptions.length-1)),this.availableOptions[this.focusedOptionIndex].focus(),e.preventDefault()}handleFocus(){this.availableOptions[this.focusedOptionIndex].focus()}handleSubmit(e){this.reportValidity()||(this.onInvalid(this.internals.validity),e.preventDefault()),this.checkOptionsValidity()}checkOptionsValidity(){var e,i;this.checkValidity()?(e=this.options)==null||e.forEach(r=>{var n,h;return(h=(n=r==null?void 0:r.shadowRoot)==null?void 0:n.querySelector("div"))==null?void 0:h.classList.remove("dirty","invalid")}):this.checkValidity()||(i=this.options)==null||i.forEach(r=>{var n,h;return(h=(n=r==null?void 0:r.shadowRoot)==null?void 0:n.querySelector("div"))==null?void 0:h.classList.add("dirty","invalid")})}validityCallback(){return this.customInvalidText?this.customInvalidText:this.validationMessage}reportValidity(){return this.dirty=!0,this.checkValidity()}render(){let e=this.checkValidity()?"":o`<p id="errorMessage" aria-live="polite" class="invalid-text">
+import{a as g,c as w}from"./chunk-EG7U7PM3.js";import{a as f}from"./chunk-XDUIVR6I.js";import{a as b}from"./chunk-6LT7O7T2.js";import{a as E}from"./chunk-DINNT5P2.js";import{a as d}from"./chunk-GRL4DWKG.js";import{a as p,b as l,c as m,e as u}from"./chunk-5MOOXA2X.js";import{a as v,b as o,f as c}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-IZ2LK5GK.js";var S=v`:host{display:flex;flex-direction:row}fieldset{border:none;padding:0}legend{font:var(--bl-font-title-3-medium);color:var(--bl-color-neutral-darker)}.options{display:flex;flex-flow:var(--bl-checkbox-direction, column) wrap;gap:var(--bl-size-m);margin-block:var(--bl-size-xs)}.dirty.invalid .options{margin-bottom:var(--bl-size-3xs)}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.invalid-text{display:none;color:var(--bl-color-danger)}.dirty.invalid .hint{display:block}.dirty.invalid .invalid-text{display:block}`,O=S;var k="bl-checkbox-group",x="bl-checkbox-group-change",r=class extends f(c){constructor(){super(...arguments);this.required=!1;this.dirty=!1;this.focusedOptionIndex=0}static get styles(){return[O]}get options(){return[...this.querySelectorAll(y)]}get checkedOptions(){return this.options.filter(e=>e.checked).map(e=>e.value)}get availableOptions(){return this.options.filter(e=>!e.disabled)}connectedCallback(){var e;super.connectedCallback(),this.tabIndex=0,this.addEventListener("focus",this.handleFocus),this.addEventListener("keydown",this.handleKeyDown),(e=this.form)==null||e.addEventListener("submit",i=>this.handleSubmit(i))}disconnectedCallback(){var e;super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus),this.removeEventListener("keydown",this.handleKeyDown),(e=this.form)==null||e.removeEventListener("submit",i=>this.handleSubmit(i))}firstUpdated(){this.required&&!this.value&&(this.setValue(null),this.onInvalid(this.internals.validity))}async updated(e){e.has("value")&&(this.setFormValue(),this.checkOptionsValidity(),this.value!==null&&this.onChange(this.value),await this.validationComplete,this.checkValidity()||this.onInvalid(this.internals.validity),this.requestUpdate())}setFormValue(){var e,i;if(this.value!==null&&this.value.length>0){let s=new FormData;(e=this.value)==null||e.forEach(n=>s.append(this.name,`${n}`)),this.setValue(s)}else((i=this.value)==null?void 0:i.length)===0&&this.setValue(null)}handleOptionChecked(){this.dirty=!0,this.value=this.checkedOptions}handleKeyDown(e){if(["ArrowDown","ArrowRight"].includes(e.key))this.focusedOptionIndex++;else if(["ArrowUp","ArrowLeft"].includes(e.key))this.focusedOptionIndex--;else if(e.key==="Tab"){if(e.shiftKey?this.focusedOptionIndex--:this.focusedOptionIndex++,this.focusedOptionIndex===this.availableOptions.length){this.tabIndex=0,this.focusedOptionIndex=0;return}}else return;this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,this.availableOptions.length-1)),this.availableOptions[this.focusedOptionIndex].focus(),e.preventDefault()}handleFocus(){this.availableOptions[this.focusedOptionIndex].focus()}handleSubmit(e){this.reportValidity()||(this.onInvalid(this.internals.validity),e.preventDefault()),this.checkOptionsValidity()}checkOptionsValidity(){var e,i;this.checkValidity()?(e=this.options)==null||e.forEach(s=>{var n,h;return(h=(n=s==null?void 0:s.shadowRoot)==null?void 0:n.querySelector("div"))==null?void 0:h.classList.remove("dirty","invalid")}):this.checkValidity()||(i=this.options)==null||i.forEach(s=>{var n,h;return(h=(n=s==null?void 0:s.shadowRoot)==null?void 0:n.querySelector("div"))==null?void 0:h.classList.add("dirty","invalid")})}validityCallback(){return this.customInvalidText?this.customInvalidText:this.validationMessage}reportValidity(){return this.dirty=!0,this.checkValidity()}render(){let e=this.checkValidity()?"":o`<p id="errorMessage" aria-live="polite" class="invalid-text">
           ${this.validationMessage}
         </p>`,i={dirty:this.dirty,invalid:!this.validity.valid};return o`<div class=${b(i)}>
       <fieldset
@@ -13,7 +13,7 @@ import{a as g,c as w}from"./chunk-EG7U7PM3.js";import{a as f}from"./chunk-XDUIVR
         </div>
         <div class="hint">${e}</div>
       </fieldset>
-    </div>`}};l.shadowRootOptions={...c.shadowRootOptions,delegatesFocus:!0},l.formControlValidators=[g],t([u("fieldset")],l.prototype,"validationTarget",2),t([s()],l.prototype,"name",2),t([s({type:String})],l.prototype,"label",2),t([s({type:Array,reflect:!0})],l.prototype,"value",2),t([s({type:Boolean,reflect:!0})],l.prototype,"required",2),t([s({type:String,attribute:"invalid-text",reflect:!0})],l.prototype,"customInvalidText",2),t([m()],l.prototype,"dirty",2),t([d("bl-checkbox-group-change")],l.prototype,"onChange",2),t([d("bl-checkbox-group-invalid")],l.prototype,"onInvalid",2),l=t([p(k)],l);var M=v`:host{display:inline-block;vertical-align:middle}:host *{outline:none}label{display:flex;gap:var(--bl-size-2xs);color:var(--bl-color-neutral-darker);font:var(--bl-font-title-3);cursor:pointer;user-select:none}.label{overflow-wrap:anywhere}.dirty.invalid label{margin-bottom:var(--bl-size-3xs)}.checkbox-container{position:relative}input[type="checkbox"]{appearance:none;outline:none;margin:0;box-sizing:border-box;border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--bl-border-radius-xs);width:var(--bl-size-m);height:var(--bl-size-m);min-width:var(--bl-size-m);min-height:var(--bl-size-m);max-width:var(--bl-size-m);max-height:var(--bl-size-m)}.check-mark{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bl-size-m);height:var(--bl-size-m);min-width:var(--bl-size-m);min-height:var(--bl-size-m);max-width:var(--bl-size-m);max-height:var(--bl-size-m);border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--bl-border-radius-xs);color:var(--bl-color-neutral-full);font-size:var(--bl-font-size-2xs);background-color:var(--bl-color-neutral-full)}.required-suffix{color:var(--bl-color-danger);margin-inline-start:calc(var(--bl-size-2xs) * -1)}.dirty.invalid .check-mark{border-color:var(--bl-color-danger)}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.dirty.invalid .hint{display:block}.invalid-text{display:none;color:var(--bl-color-danger)}.dirty.invalid .invalid-text{display:block}:host([checked]) .label,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .label,:host(:hover) .label{color:var(--bl-color-primary)}:host(:is([checked], [indeterminate])) .check-mark{background-color:var(--bl-color-primary);border:none}:host([disabled]){cursor:not-allowed;pointer-events:none}:host([disabled]) .check-mark,:host([disabled]) .label{color:var(--bl-color-neutral-light);border:1px solid var(--bl-color-neutral-lighter)}:host([disabled]) .check-mark{background-color:var(--bl-color-neutral-lightest)}:host(:not([disabled])) input:focus-visible + .check-mark{box-shadow:0 0 0 1px white,0 0 0 3px var(--bl-color-primary)}`,V=M;var y="bl-checkbox",a=class extends f(c){constructor(){super(...arguments);this.checked=!1;this.required=!1;this.disabled=!1;this.indeterminate=!1;this.dirty=!1;this.handleFieldValueChange=e=>{this.checked=e.detail.includes(this.value)}}static get styles(){return[V]}connectedCallback(){var e,i;super.connectedCallback(),this.field=this.closest(k),(e=this.field)==null||e.addEventListener(x,this.handleFieldValueChange),(i=this.form)==null||i.addEventListener("submit",r=>this.handleSubmit(r))}reportValidity(){return this.dirty=!0,this.checkValidity()}disconnectedCallback(){var e,i;super.disconnectedCallback(),(e=this.field)==null||e.removeEventListener(x,this.handleFieldValueChange),(i=this.form)==null||i.removeEventListener("submit",r=>this.handleSubmit(r))}async updated(e){e.has("checked")&&this.required&&(this.checked?this.setValue("on"):this.checked||this.setValue(""),await this.validationComplete,this.checkValidity()||this.onInvalid(this.internals.validity),this.requestUpdate())}update(e){super.update(e),this.indeterminate&&this.checked&&(this.checked=!1,this.requestUpdate("checked",!0))}validityCallback(){var e;return this.customInvalidText||((e=this.validationTarget)==null?void 0:e.validationMessage)}focus(){this.checkboxElement.tabIndex=0,this.checkboxElement.focus(),this.onFocus(this.value)}blur(){this.onBlur(this.value),this.field&&(this.checkboxElement.tabIndex=-1)}handleSubmit(e){this.reportValidity()||(this.onInvalid(this.internals.validity),e.preventDefault())}async handleChange(e){let i=e.target;this.dirty=!0,this.checked=i.checked,this.onChange(i.checked),this.indeterminate=!1}render(){let e="";this.checked&&(e="check"),this.indeterminate&&(e="minus");let i=this.checkValidity()?"":o`<p class="invalid-text">${this.validationMessage}</p>`,r=this.required?o`<span class="required-suffix">*</span>`:"",n={"checkbox-container":!0,dirty:this.dirty,invalid:!this.checkValidity()};return o`<div class=${b(n)}>
+    </div>`}};r.shadowRootOptions={...c.shadowRootOptions,delegatesFocus:!0},r.formControlValidators=[g],t([u("fieldset")],r.prototype,"validationTarget",2),t([l()],r.prototype,"name",2),t([l({type:String})],r.prototype,"label",2),t([l({type:Array,reflect:!0})],r.prototype,"value",2),t([l({type:Boolean,reflect:!0})],r.prototype,"required",2),t([l({type:String,attribute:"invalid-text",reflect:!0})],r.prototype,"customInvalidText",2),t([m()],r.prototype,"dirty",2),t([d("bl-checkbox-group-change")],r.prototype,"onChange",2),t([d("bl-checkbox-group-invalid")],r.prototype,"onInvalid",2),r=t([p(k)],r);var M=v`:host{display:inline-block;vertical-align:middle}:host *{outline:none}label{display:flex;gap:var(--bl-size-2xs);color:var(--bl-color-neutral-darker);font:var(--bl-font-title-3);cursor:pointer;user-select:none}.label{overflow-wrap:anywhere}.dirty.invalid label{margin-bottom:var(--bl-size-3xs)}.checkbox-container{position:relative}input[type="checkbox"]{appearance:none;outline:none;margin:0;box-sizing:border-box;border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--bl-border-radius-xs);width:var(--bl-size-m);height:var(--bl-size-m);min-width:var(--bl-size-m);min-height:var(--bl-size-m);max-width:var(--bl-size-m);max-height:var(--bl-size-m)}.check-mark{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bl-size-m);height:var(--bl-size-m);min-width:var(--bl-size-m);min-height:var(--bl-size-m);max-width:var(--bl-size-m);max-height:var(--bl-size-m);border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--bl-border-radius-xs);color:var(--bl-color-neutral-full);font-size:var(--bl-font-size-2xs);background-color:var(--bl-color-neutral-full)}.required-suffix{color:var(--bl-color-danger);margin-inline-start:calc(var(--bl-size-2xs) * -1)}.dirty.invalid .check-mark{border-color:var(--bl-color-danger)}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.dirty.invalid .hint{display:block}.invalid-text{display:none;color:var(--bl-color-danger)}.dirty.invalid .invalid-text{display:block}:host([checked]) .label,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .label,:host(:hover) .label{color:var(--bl-color-primary)}:host(:is([checked], [indeterminate])) .check-mark{background-color:var(--bl-color-primary);border:none}:host([disabled]){cursor:not-allowed;pointer-events:none}:host([disabled]) .check-mark,:host([disabled]) .label{color:var(--bl-color-neutral-light);border:1px solid var(--bl-color-neutral-lighter)}:host([disabled]) .check-mark{background-color:var(--bl-color-neutral-lightest)}:host(:not([disabled])) input:focus-visible + .check-mark{box-shadow:0 0 0 1px white,0 0 0 3px var(--bl-color-primary)}`,V=M;var y="bl-checkbox",a=class extends f(c){constructor(){super(...arguments);this.checked=!1;this.required=!1;this.disabled=!1;this.indeterminate=!1;this.dirty=!1;this.handleFieldValueChange=e=>{this.checked=e.detail.includes(this.value)}}static get styles(){return[V]}connectedCallback(){var e,i;super.connectedCallback(),this.field=this.closest(k),(e=this.field)==null||e.addEventListener(x,this.handleFieldValueChange),(i=this.form)==null||i.addEventListener("submit",s=>this.handleSubmit(s))}reportValidity(){return this.dirty=!0,this.checkValidity()}disconnectedCallback(){var e,i;super.disconnectedCallback(),(e=this.field)==null||e.removeEventListener(x,this.handleFieldValueChange),(i=this.form)==null||i.removeEventListener("submit",s=>this.handleSubmit(s))}async updated(e){e.has("checked")&&this.required&&(this.checked?this.setValue("on"):this.checked||this.setValue(""),await this.validationComplete,this.checkValidity()||this.onInvalid(this.internals.validity),this.requestUpdate())}update(e){super.update(e),this.indeterminate&&this.checked&&(this.checked=!1,this.requestUpdate("checked",!0))}validityCallback(){var e;return this.customInvalidText||((e=this.validationTarget)==null?void 0:e.validationMessage)}focus(){this.checkboxElement.tabIndex=0,this.checkboxElement.focus(),this.onFocus(this.value)}blur(){this.onBlur(this.value),this.field&&(this.checkboxElement.tabIndex=-1)}handleSubmit(e){this.reportValidity()||(this.onInvalid(this.internals.validity),e.preventDefault())}async handleChange(e){let i=e.target;this.dirty=!0,this.checked=i.checked,this.onChange(i.checked),this.indeterminate=!1}handleKeyDown(e){e.code==="Space"&&(this.checked=!this.checked,this.onChange(this.checked),e.preventDefault())}render(){let e="";this.checked&&(e="check"),this.indeterminate&&(e="minus");let i=this.checkValidity()?"":o`<p class="invalid-text">${this.validationMessage}</p>`,s=this.required?o`<span class="required-suffix">*</span>`:"",n={"checkbox-container":!0,dirty:this.dirty,invalid:!this.checkValidity()};return o`<div class=${b(n)}>
       <label>
         <input
           type="checkbox"
@@ -23,12 +23,13 @@ import{a as g,c as w}from"./chunk-EG7U7PM3.js";import{a as f}from"./chunk-XDUIVR
           aria-readonly=${this.disabled}
           .indeterminate=${this.indeterminate}
           @change=${this.handleChange}
+          @keydown=${this.handleKeyDown}
           value=${E(this.value)}
           @blur=${this.blur}
         />
         <div class="check-mark">${e?o`<bl-icon name="${e}"></bl-icon>`:null}</div>
-        <slot class="label"></slot>${r}
+        <slot class="label"></slot>${s}
       </label>
       <div class="hint">${i}</div>
-    </div> `}};a.shadowRootOptions={...c.shadowRootOptions,delegatesFocus:!1},a.formControlValidators=[g],t([u("input")],a.prototype,"validationTarget",2),t([s({type:Boolean,reflect:!0})],a.prototype,"checked",2),t([s()],a.prototype,"value",2),t([s({type:Boolean,reflect:!0})],a.prototype,"required",2),t([s({type:String,attribute:"invalid-text",reflect:!0})],a.prototype,"customInvalidText",2),t([s({type:Boolean,reflect:!0})],a.prototype,"disabled",2),t([s({type:Boolean,reflect:!0})],a.prototype,"indeterminate",2),t([d("bl-checkbox-change")],a.prototype,"onChange",2),t([d("bl-focus")],a.prototype,"onFocus",2),t([d("bl-blur")],a.prototype,"onBlur",2),t([d("bl-checkbox-invalid")],a.prototype,"onInvalid",2),t([u("[type=checkbox]")],a.prototype,"checkboxElement",2),t([m()],a.prototype,"dirty",2),a=t([p(y)],a);export{y as a,a as b,k as c,x as d,l as e};
-//# sourceMappingURL=chunk-JCODVOWY.js.map
+    </div> `}};a.shadowRootOptions={...c.shadowRootOptions,delegatesFocus:!1},a.formControlValidators=[g],t([u("input")],a.prototype,"validationTarget",2),t([l({type:Boolean,reflect:!0})],a.prototype,"checked",2),t([l()],a.prototype,"value",2),t([l({type:Boolean,reflect:!0})],a.prototype,"required",2),t([l({type:String,attribute:"invalid-text",reflect:!0})],a.prototype,"customInvalidText",2),t([l({type:Boolean,reflect:!0})],a.prototype,"disabled",2),t([l({type:Boolean,reflect:!0})],a.prototype,"indeterminate",2),t([d("bl-checkbox-change")],a.prototype,"onChange",2),t([d("bl-focus")],a.prototype,"onFocus",2),t([d("bl-blur")],a.prototype,"onBlur",2),t([d("bl-checkbox-invalid")],a.prototype,"onInvalid",2),t([u("[type=checkbox]")],a.prototype,"checkboxElement",2),t([m()],a.prototype,"dirty",2),a=t([p(y)],a);export{y as a,a as b,k as c,x as d,r as e};
+//# sourceMappingURL=chunk-FTQX7CEW.js.map

package/dist/{chunk-JCODVOWY.js.map → chunk-FTQX7CEW.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/components/checkbox-group/bl-checkbox-group.css", "../src/components/checkbox-group/bl-checkbox-group.ts", "../src/components/checkbox-group/checkbox/bl-checkbox.css", "../src/components/checkbox-group/checkbox/bl-checkbox.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:flex;flex-direction:row}fieldset{border:none;padding:0}legend{font:var(--bl-font-title-3-medium);color:var(--bl-color-neutral-darker)}.options{display:flex;flex-flow:var(--bl-checkbox-direction, column) wrap;gap:var(--bl-size-m);margin-block:var(--bl-size-xs)}.dirty.invalid .options{margin-bottom:var(--bl-size-3xs)}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.invalid-text{display:none;color:var(--bl-color-danger)}.dirty.invalid .hint{display:block}.dirty.invalid .invalid-text{display:block}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { FormControlMixin, requiredValidator } from \"@open-wc/form-control\";\nimport \"element-internals-polyfill\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport style from \"./bl-checkbox-group.css\";\nimport BlCheckbox, { blCheckboxTag } from \"./checkbox/bl-checkbox\";\n\nexport const blCheckboxGroupTag = \"bl-checkbox-group\";\n\nexport const blChangeEventName = \"bl-checkbox-group-change\";\n\n/**\n * @tag bl-checkbox-group\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-checkbox-direction=row] Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`\n */\n@customElement(blCheckboxGroupTag)\nexport default class BlCheckboxGroup extends FormControlMixin(LitElement) {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n  static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true };\n\n  static formControlValidators = [requiredValidator];\n\n  @query(\"fieldset\")\n  validationTarget: HTMLElement;\n\n  /**\n   * Sets name of the checkbox group\n   */\n  @property()\n  name: string;\n\n  /**\n   * Sets the checkbox group label\n   */\n  @property({ type: String })\n  label: string;\n\n  /**\n   * Set and gets the actual value of the field\n   */\n  @property({ type: Array, reflect: true })\n  value: string[] | null;\n\n  /**\n   * Sets option as required\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Set custom error message\n   */\n  @property({ type: String, attribute: \"invalid-text\", reflect: true })\n  customInvalidText?: string;\n\n  @state()\n  private dirty = false;\n\n  get options(): BlCheckbox[] {\n    return [...this.querySelectorAll(blCheckboxTag)];\n  }\n\n  get checkedOptions(): string[] {\n    return this.options.filter(opt => opt.checked).map(opt => opt.value);\n  }\n\n  get availableOptions(): BlCheckbox[] {\n    return this.options.filter(option => !option.disabled);\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.tabIndex = 0;\n    this.addEventListener(\"focus\", this.handleFocus);\n    this.addEventListener(\"keydown\", this.handleKeyDown);\n\n    this.form?.addEventListener(\"submit\", (e: SubmitEvent) => this.handleSubmit(e));\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener(\"focus\", this.handleFocus);\n    this.removeEventListener(\"keydown\", this.handleKeyDown);\n    this.form?.removeEventListener(\"submit\", (e: SubmitEvent) => this.handleSubmit(e));\n  }\n\n  protected firstUpdated() {\n    if (this.required && !this.value) {\n      this.setValue(null);\n      this.onInvalid(this.internals.validity);\n    }\n  }\n\n  protected async updated(changedProperties: Map<string, unknown>): Promise<void> {\n    if (changedProperties.has(\"value\")) {\n      this.setFormValue();\n      this.checkOptionsValidity();\n\n      if (this.value !== null) this.onChange(this.value);\n\n      await this.validationComplete;\n\n      if (!this.checkValidity()) {\n        this.onInvalid(this.internals.validity);\n      }\n\n      this.requestUpdate();\n    }\n  }\n\n  private setFormValue() {\n    if (this.value !== null && this.value.length > 0) {\n      const formData = new FormData();\n\n      this.value?.forEach(checkbox => formData.append(this.name, `${checkbox}`));\n      this.setValue(formData);\n    } else if (this.value?.length === 0) {\n      this.setValue(null);\n    }\n  }\n\n  /**\n   * Fires when checkbox group value changed\n   */\n  @event(\"bl-checkbox-group-change\") private onChange: EventDispatcher<string[]>;\n\n  /**\n   * Fires when checkbox group is invalid\n   */\n  @event(\"bl-checkbox-group-invalid\") private onInvalid: EventDispatcher<ValidityState>;\n\n  private focusedOptionIndex = 0;\n\n  private handleOptionChecked() {\n    this.dirty = true;\n    this.value = this.checkedOptions;\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    // Next option\n    if ([\"ArrowDown\", \"ArrowRight\"].includes(event.key)) {\n      this.focusedOptionIndex++;\n\n      // Previous option\n    } else if ([\"ArrowUp\", \"ArrowLeft\"].includes(event.key)) {\n      this.focusedOptionIndex--;\n\n      // next or previous option with tab / hold shift & tab\n    } else if (event.key === \"Tab\") {\n      event.shiftKey ? this.focusedOptionIndex-- : this.focusedOptionIndex++;\n\n      if (this.focusedOptionIndex === this.availableOptions.length) {\n        this.tabIndex = 0;\n        this.focusedOptionIndex = 0;\n        return;\n      }\n    } else {\n      // Other keys are not our interest here\n      return;\n    }\n\n    // Don't exceed array indexes\n    this.focusedOptionIndex = Math.max(\n      0,\n      Math.min(this.focusedOptionIndex, this.availableOptions.length - 1)\n    );\n\n    this.availableOptions[this.focusedOptionIndex].focus();\n\n    event.preventDefault();\n  }\n\n  private handleFocus() {\n    this.availableOptions[this.focusedOptionIndex].focus();\n  }\n\n  private handleSubmit(e: SubmitEvent) {\n    if (!this.reportValidity()) {\n      this.onInvalid(this.internals.validity);\n      e.preventDefault();\n    }\n    this.checkOptionsValidity();\n  }\n\n  checkOptionsValidity() {\n    if (this.checkValidity()) {\n      this.options?.forEach(option =>\n        option?.shadowRoot?.querySelector(\"div\")?.classList.remove(...[\"dirty\", \"invalid\"])\n      );\n    } else if (!this.checkValidity()) {\n      this.options?.forEach(option =>\n        option?.shadowRoot?.querySelector(\"div\")?.classList.add(...[\"dirty\", \"invalid\"])\n      );\n    }\n  }\n\n  validityCallback() {\n    if (this.customInvalidText) {\n      return this.customInvalidText;\n    }\n    return this.validationMessage;\n  }\n\n  reportValidity() {\n    this.dirty = true;\n    return this.checkValidity();\n  }\n\n  render(): TemplateResult {\n    const invalidMessage = !this.checkValidity()\n      ? html`<p id=\"errorMessage\" aria-live=\"polite\" class=\"invalid-text\">\n          ${this.validationMessage}\n        </p>`\n      : \"\";\n\n    const classes = {\n      \"dirty\": this.dirty,\n      \"invalid\": !this.validity.valid,\n    };\n\n    return html`<div class=${classMap(classes)}>\n      <fieldset\n        role=\"group\"\n        aria-labelledby=\"label\"\n        aria-required=${this.required}\n        tabindex=${this.tabIndex}\n      >\n        <legend id=\"label\">${this.label}</legend>\n        <div class=\"options\" @bl-checkbox-change=${this.handleOptionChecked}>\n          <slot></slot>\n        </div>\n        <div class=\"hint\">${invalidMessage}</div>\n      </fieldset>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blCheckboxGroupTag]: BlCheckboxGroup;\n  }\n  interface HTMLElementEventMap {\n    [blChangeEventName]: CustomEvent<string[]>;\n  }\n}\n", "import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;vertical-align:middle}:host *{outline:none}label{display:flex;gap:var(--bl-size-2xs);color:var(--bl-color-neutral-darker);font:var(--bl-font-title-3);cursor:pointer;user-select:none}.label{overflow-wrap:anywhere}.dirty.invalid label{margin-bottom:var(--bl-size-3xs)}.checkbox-container{position:relative}input[type=\"checkbox\"]{appearance:none;outline:none;margin:0;box-sizing:border-box;border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--bl-border-radius-xs);width:var(--bl-size-m);height:var(--bl-size-m);min-width:var(--bl-size-m);min-height:var(--bl-size-m);max-width:var(--bl-size-m);max-height:var(--bl-size-m)}.check-mark{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bl-size-m);height:var(--bl-size-m);min-width:var(--bl-size-m);min-height:var(--bl-size-m);max-width:var(--bl-size-m);max-height:var(--bl-size-m);border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--bl-border-radius-xs);color:var(--bl-color-neutral-full);font-size:var(--bl-font-size-2xs);background-color:var(--bl-color-neutral-full)}.required-suffix{color:var(--bl-color-danger);margin-inline-start:calc(var(--bl-size-2xs) * -1)}.dirty.invalid .check-mark{border-color:var(--bl-color-danger)}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.dirty.invalid .hint{display:block}.invalid-text{display:none;color:var(--bl-color-danger)}.dirty.invalid .invalid-text{display:block}:host([checked]) .label,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .label,:host(:hover) .label{color:var(--bl-color-primary)}:host(:is([checked], [indeterminate])) .check-mark{background-color:var(--bl-color-primary);border:none}:host([disabled]){cursor:not-allowed;pointer-events:none}:host([disabled]) .check-mark,:host([disabled]) .label{color:var(--bl-color-neutral-light);border:1px solid var(--bl-color-neutral-lighter)}:host([disabled]) .check-mark{background-color:var(--bl-color-neutral-lightest)}:host(:not([disabled])) input:focus-visible + .check-mark{box-shadow:0 0 0 1px white,0 0 0 3px var(--bl-color-primary)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { FormControlMixin, requiredValidator } from \"@open-wc/form-control\";\nimport \"element-internals-polyfill\";\nimport { event, EventDispatcher } from \"../../../utilities/event\";\nimport \"../../icon/bl-icon\";\nimport type BlCheckboxGroup from \"../bl-checkbox-group\";\nimport { blCheckboxGroupTag, blChangeEventName } from \"../bl-checkbox-group\";\nimport style from \"./bl-checkbox.css\";\n\nexport const blCheckboxTag = \"bl-checkbox\";\n\n/**\n * @tag bl-checkbox\n * @summary Baklava Checkbox component\n */\n@customElement(blCheckboxTag)\nexport default class BlCheckbox extends FormControlMixin(LitElement) {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n  static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: false };\n\n  static formControlValidators = [requiredValidator];\n\n  @query(\"input\")\n  validationTarget: HTMLInputElement;\n\n  /**\n   * Sets the checked state for checkbox\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * Sets the checkbox value\n   */\n  @property()\n  value: string;\n\n  /**\n   * Sets checkbox as required\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Set custom error message\n   */\n  @property({ type: String, attribute: \"invalid-text\", reflect: true })\n  customInvalidText?: string;\n\n  /**\n   * Sets the disabled state for checkbox\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Sets the indeterminate state for checkbox\n   */\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false;\n\n  /**\n   * Fires whenever user change the value of the checkbox.\n   */\n  @event(\"bl-checkbox-change\") private onChange: EventDispatcher<boolean>;\n\n  /**\n   * Fires when checkbox is focused\n   */\n  @event(\"bl-focus\") private onFocus: EventDispatcher<string>;\n\n  /**\n   * Fires when checkbox is blurred\n   */\n  @event(\"bl-blur\") private onBlur: EventDispatcher<string>;\n\n  /**\n   * Fires when checkbox is invalid\n   */\n  @event(\"bl-checkbox-invalid\") private onInvalid: EventDispatcher<ValidityState>;\n\n  @query(\"[type=checkbox]\") checkboxElement: HTMLElement;\n\n  @state()\n  private dirty = false;\n\n  protected field: BlCheckboxGroup | null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    this.field = this.closest<BlCheckboxGroup>(blCheckboxGroupTag);\n    this.field?.addEventListener(blChangeEventName, this.handleFieldValueChange);\n\n    this.form?.addEventListener(\"submit\", e => this.handleSubmit(e));\n  }\n\n  reportValidity() {\n    this.dirty = true;\n    return this.checkValidity();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.field?.removeEventListener(blChangeEventName, this.handleFieldValueChange);\n    this.form?.removeEventListener(\"submit\", e => this.handleSubmit(e));\n  }\n\n  protected async updated(changedProperties: Map<string, unknown>): Promise<void> {\n    if (changedProperties.has(\"checked\") && this.required) {\n      if (this.checked) {\n        this.setValue(\"on\");\n      } else if (!this.checked) {\n        this.setValue(\"\");\n      }\n\n      await this.validationComplete;\n      if (!this.checkValidity()) {\n        this.onInvalid(this.internals.validity);\n      }\n      this.requestUpdate();\n    }\n  }\n\n  update(changedProperties: Map<string, unknown>) {\n    super.update(changedProperties);\n    if (this.indeterminate && this.checked) {\n      this.checked = false;\n      this.requestUpdate(\"checked\", true);\n    }\n  }\n\n  validityCallback(): string | void {\n    return this.customInvalidText || this.validationTarget?.validationMessage;\n  }\n\n  /**\n   * Focuses this option\n   */\n  focus() {\n    this.checkboxElement.tabIndex = 0;\n    this.checkboxElement.focus();\n    this.onFocus(this.value);\n  }\n\n  /**\n   * Blurs from this option\n   */\n  blur() {\n    this.onBlur(this.value);\n    if (!this.field) return;\n    this.checkboxElement.tabIndex = -1;\n  }\n\n  private handleSubmit(e: SubmitEvent) {\n    if (!this.reportValidity()) {\n      this.onInvalid(this.internals.validity);\n      e.preventDefault();\n    }\n  }\n\n  private async handleChange(event: CustomEvent) {\n    const target = event.target as HTMLInputElement;\n\n    this.dirty = true;\n    this.checked = target.checked;\n    this.onChange(target.checked);\n    this.indeterminate = false;\n  }\n\n  private handleFieldValueChange = (event: CustomEvent<Array<string>>) => {\n    this.checked = event.detail.includes(this.value);\n  };\n\n  render(): TemplateResult {\n    let icon = \"\";\n\n    if (this.checked) icon = \"check\";\n    if (this.indeterminate) icon = \"minus\";\n\n    const invalidMessage = !this.checkValidity()\n      ? html`<p class=\"invalid-text\">${this.validationMessage}</p>`\n      : \"\";\n\n    const requiredSuffix = this.required ? html`<span class=\"required-suffix\">*</span>` : \"\";\n\n    const classes = {\n      \"checkbox-container\": true,\n      \"dirty\": this.dirty,\n      \"invalid\": !this.checkValidity(),\n    };\n\n    return html`<div class=${classMap(classes)}>\n      <label>\n        <input\n          type=\"checkbox\"\n          .checked=${live(this.checked)}\n          ?disabled=${this.disabled}\n          aria-required=${this.required}\n          aria-readonly=${this.disabled}\n          .indeterminate=${this.indeterminate}\n          @change=${this.handleChange}\n          value=${ifDefined(this.value)}\n          @blur=${this.blur}\n        />\n        <div class=\"check-mark\">${icon ? html`<bl-icon name=\"${icon}\"></bl-icon>` : null}</div>\n        <slot class=\"label\"></slot>${requiredSuffix}\n      </label>\n      <div class=\"hint\">${invalidMessage}</div>\n    </div> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blCheckboxTag]: BlCheckbox;\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:flex;flex-direction:row}fieldset{border:none;padding:0}legend{font:var(--bl-font-title-3-medium);color:var(--bl-color-neutral-darker)}.options{display:flex;flex-flow:var(--bl-checkbox-direction, column) wrap;gap:var(--bl-size-m);margin-block:var(--bl-size-xs)}.dirty.invalid .options{margin-bottom:var(--bl-size-3xs)}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.invalid-text{display:none;color:var(--bl-color-danger)}.dirty.invalid .hint{display:block}.dirty.invalid .invalid-text{display:block}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { FormControlMixin, requiredValidator } from \"@open-wc/form-control\";\nimport \"element-internals-polyfill\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport style from \"./bl-checkbox-group.css\";\nimport BlCheckbox, { blCheckboxTag } from \"./checkbox/bl-checkbox\";\n\nexport const blCheckboxGroupTag = \"bl-checkbox-group\";\n\nexport const blChangeEventName = \"bl-checkbox-group-change\";\n\n/**\n * @tag bl-checkbox-group\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-checkbox-direction=row] Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`\n */\n@customElement(blCheckboxGroupTag)\nexport default class BlCheckboxGroup extends FormControlMixin(LitElement) {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n  static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true };\n\n  static formControlValidators = [requiredValidator];\n\n  @query(\"fieldset\")\n  validationTarget: HTMLElement;\n\n  /**\n   * Sets name of the checkbox group\n   */\n  @property()\n  name: string;\n\n  /**\n   * Sets the checkbox group label\n   */\n  @property({ type: String })\n  label: string;\n\n  /**\n   * Set and gets the actual value of the field\n   */\n  @property({ type: Array, reflect: true })\n  value: string[] | null;\n\n  /**\n   * Sets option as required\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Set custom error message\n   */\n  @property({ type: String, attribute: \"invalid-text\", reflect: true })\n  customInvalidText?: string;\n\n  @state()\n  private dirty = false;\n\n  get options(): BlCheckbox[] {\n    return [...this.querySelectorAll(blCheckboxTag)];\n  }\n\n  get checkedOptions(): string[] {\n    return this.options.filter(opt => opt.checked).map(opt => opt.value);\n  }\n\n  get availableOptions(): BlCheckbox[] {\n    return this.options.filter(option => !option.disabled);\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.tabIndex = 0;\n    this.addEventListener(\"focus\", this.handleFocus);\n    this.addEventListener(\"keydown\", this.handleKeyDown);\n\n    this.form?.addEventListener(\"submit\", (e: SubmitEvent) => this.handleSubmit(e));\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener(\"focus\", this.handleFocus);\n    this.removeEventListener(\"keydown\", this.handleKeyDown);\n    this.form?.removeEventListener(\"submit\", (e: SubmitEvent) => this.handleSubmit(e));\n  }\n\n  protected firstUpdated() {\n    if (this.required && !this.value) {\n      this.setValue(null);\n      this.onInvalid(this.internals.validity);\n    }\n  }\n\n  protected async updated(changedProperties: Map<string, unknown>): Promise<void> {\n    if (changedProperties.has(\"value\")) {\n      this.setFormValue();\n      this.checkOptionsValidity();\n\n      if (this.value !== null) this.onChange(this.value);\n\n      await this.validationComplete;\n\n      if (!this.checkValidity()) {\n        this.onInvalid(this.internals.validity);\n      }\n\n      this.requestUpdate();\n    }\n  }\n\n  private setFormValue() {\n    if (this.value !== null && this.value.length > 0) {\n      const formData = new FormData();\n\n      this.value?.forEach(checkbox => formData.append(this.name, `${checkbox}`));\n      this.setValue(formData);\n    } else if (this.value?.length === 0) {\n      this.setValue(null);\n    }\n  }\n\n  /**\n   * Fires when checkbox group value changed\n   */\n  @event(\"bl-checkbox-group-change\") private onChange: EventDispatcher<string[]>;\n\n  /**\n   * Fires when checkbox group is invalid\n   */\n  @event(\"bl-checkbox-group-invalid\") private onInvalid: EventDispatcher<ValidityState>;\n\n  private focusedOptionIndex = 0;\n\n  private handleOptionChecked() {\n    this.dirty = true;\n    this.value = this.checkedOptions;\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    // Next option\n    if ([\"ArrowDown\", \"ArrowRight\"].includes(event.key)) {\n      this.focusedOptionIndex++;\n\n      // Previous option\n    } else if ([\"ArrowUp\", \"ArrowLeft\"].includes(event.key)) {\n      this.focusedOptionIndex--;\n\n      // next or previous option with tab / hold shift & tab\n    } else if (event.key === \"Tab\") {\n      event.shiftKey ? this.focusedOptionIndex-- : this.focusedOptionIndex++;\n\n      if (this.focusedOptionIndex === this.availableOptions.length) {\n        this.tabIndex = 0;\n        this.focusedOptionIndex = 0;\n        return;\n      }\n    } else {\n      // Other keys are not our interest here\n      return;\n    }\n\n    // Don't exceed array indexes\n    this.focusedOptionIndex = Math.max(\n      0,\n      Math.min(this.focusedOptionIndex, this.availableOptions.length - 1)\n    );\n\n    this.availableOptions[this.focusedOptionIndex].focus();\n\n    event.preventDefault();\n  }\n\n  private handleFocus() {\n    this.availableOptions[this.focusedOptionIndex].focus();\n  }\n\n  private handleSubmit(e: SubmitEvent) {\n    if (!this.reportValidity()) {\n      this.onInvalid(this.internals.validity);\n      e.preventDefault();\n    }\n    this.checkOptionsValidity();\n  }\n\n  checkOptionsValidity() {\n    if (this.checkValidity()) {\n      this.options?.forEach(option =>\n        option?.shadowRoot?.querySelector(\"div\")?.classList.remove(...[\"dirty\", \"invalid\"])\n      );\n    } else if (!this.checkValidity()) {\n      this.options?.forEach(option =>\n        option?.shadowRoot?.querySelector(\"div\")?.classList.add(...[\"dirty\", \"invalid\"])\n      );\n    }\n  }\n\n  validityCallback() {\n    if (this.customInvalidText) {\n      return this.customInvalidText;\n    }\n    return this.validationMessage;\n  }\n\n  reportValidity() {\n    this.dirty = true;\n    return this.checkValidity();\n  }\n\n  render(): TemplateResult {\n    const invalidMessage = !this.checkValidity()\n      ? html`<p id=\"errorMessage\" aria-live=\"polite\" class=\"invalid-text\">\n          ${this.validationMessage}\n        </p>`\n      : \"\";\n\n    const classes = {\n      \"dirty\": this.dirty,\n      \"invalid\": !this.validity.valid,\n    };\n\n    return html`<div class=${classMap(classes)}>\n      <fieldset\n        role=\"group\"\n        aria-labelledby=\"label\"\n        aria-required=${this.required}\n        tabindex=${this.tabIndex}\n      >\n        <legend id=\"label\">${this.label}</legend>\n        <div class=\"options\" @bl-checkbox-change=${this.handleOptionChecked}>\n          <slot></slot>\n        </div>\n        <div class=\"hint\">${invalidMessage}</div>\n      </fieldset>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blCheckboxGroupTag]: BlCheckboxGroup;\n  }\n  interface HTMLElementEventMap {\n    [blChangeEventName]: CustomEvent<string[]>;\n  }\n}\n", "import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;vertical-align:middle}:host *{outline:none}label{display:flex;gap:var(--bl-size-2xs);color:var(--bl-color-neutral-darker);font:var(--bl-font-title-3);cursor:pointer;user-select:none}.label{overflow-wrap:anywhere}.dirty.invalid label{margin-bottom:var(--bl-size-3xs)}.checkbox-container{position:relative}input[type=\"checkbox\"]{appearance:none;outline:none;margin:0;box-sizing:border-box;border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--bl-border-radius-xs);width:var(--bl-size-m);height:var(--bl-size-m);min-width:var(--bl-size-m);min-height:var(--bl-size-m);max-width:var(--bl-size-m);max-height:var(--bl-size-m)}.check-mark{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bl-size-m);height:var(--bl-size-m);min-width:var(--bl-size-m);min-height:var(--bl-size-m);max-width:var(--bl-size-m);max-height:var(--bl-size-m);border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--bl-border-radius-xs);color:var(--bl-color-neutral-full);font-size:var(--bl-font-size-2xs);background-color:var(--bl-color-neutral-full)}.required-suffix{color:var(--bl-color-danger);margin-inline-start:calc(var(--bl-size-2xs) * -1)}.dirty.invalid .check-mark{border-color:var(--bl-color-danger)}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.dirty.invalid .hint{display:block}.invalid-text{display:none;color:var(--bl-color-danger)}.dirty.invalid .invalid-text{display:block}:host([checked]) .label,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .label,:host(:hover) .label{color:var(--bl-color-primary)}:host(:is([checked], [indeterminate])) .check-mark{background-color:var(--bl-color-primary);border:none}:host([disabled]){cursor:not-allowed;pointer-events:none}:host([disabled]) .check-mark,:host([disabled]) .label{color:var(--bl-color-neutral-light);border:1px solid var(--bl-color-neutral-lighter)}:host([disabled]) .check-mark{background-color:var(--bl-color-neutral-lightest)}:host(:not([disabled])) input:focus-visible + .check-mark{box-shadow:0 0 0 1px white,0 0 0 3px var(--bl-color-primary)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { FormControlMixin, requiredValidator } from \"@open-wc/form-control\";\nimport \"element-internals-polyfill\";\nimport { event, EventDispatcher } from \"../../../utilities/event\";\nimport \"../../icon/bl-icon\";\nimport type BlCheckboxGroup from \"../bl-checkbox-group\";\nimport { blCheckboxGroupTag, blChangeEventName } from \"../bl-checkbox-group\";\nimport style from \"./bl-checkbox.css\";\n\nexport const blCheckboxTag = \"bl-checkbox\";\n\n/**\n * @tag bl-checkbox\n * @summary Baklava Checkbox component\n */\n@customElement(blCheckboxTag)\nexport default class BlCheckbox extends FormControlMixin(LitElement) {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n  static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: false };\n\n  static formControlValidators = [requiredValidator];\n\n  @query(\"input\")\n  validationTarget: HTMLInputElement;\n\n  /**\n   * Sets the checked state for checkbox\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * Sets the checkbox value\n   */\n  @property()\n  value: string;\n\n  /**\n   * Sets checkbox as required\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Set custom error message\n   */\n  @property({ type: String, attribute: \"invalid-text\", reflect: true })\n  customInvalidText?: string;\n\n  /**\n   * Sets the disabled state for checkbox\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Sets the indeterminate state for checkbox\n   */\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false;\n\n  /**\n   * Fires whenever user change the value of the checkbox.\n   */\n  @event(\"bl-checkbox-change\") private onChange: EventDispatcher<boolean>;\n\n  /**\n   * Fires when checkbox is focused\n   */\n  @event(\"bl-focus\") private onFocus: EventDispatcher<string>;\n\n  /**\n   * Fires when checkbox is blurred\n   */\n  @event(\"bl-blur\") private onBlur: EventDispatcher<string>;\n\n  /**\n   * Fires when checkbox is invalid\n   */\n  @event(\"bl-checkbox-invalid\") private onInvalid: EventDispatcher<ValidityState>;\n\n  @query(\"[type=checkbox]\") checkboxElement: HTMLElement;\n\n  @state()\n  private dirty = false;\n\n  protected field: BlCheckboxGroup | null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    this.field = this.closest<BlCheckboxGroup>(blCheckboxGroupTag);\n    this.field?.addEventListener(blChangeEventName, this.handleFieldValueChange);\n\n    this.form?.addEventListener(\"submit\", e => this.handleSubmit(e));\n  }\n\n  reportValidity() {\n    this.dirty = true;\n    return this.checkValidity();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.field?.removeEventListener(blChangeEventName, this.handleFieldValueChange);\n    this.form?.removeEventListener(\"submit\", e => this.handleSubmit(e));\n  }\n\n  protected async updated(changedProperties: Map<string, unknown>): Promise<void> {\n    if (changedProperties.has(\"checked\") && this.required) {\n      if (this.checked) {\n        this.setValue(\"on\");\n      } else if (!this.checked) {\n        this.setValue(\"\");\n      }\n\n      await this.validationComplete;\n      if (!this.checkValidity()) {\n        this.onInvalid(this.internals.validity);\n      }\n      this.requestUpdate();\n    }\n  }\n\n  update(changedProperties: Map<string, unknown>) {\n    super.update(changedProperties);\n    if (this.indeterminate && this.checked) {\n      this.checked = false;\n      this.requestUpdate(\"checked\", true);\n    }\n  }\n\n  validityCallback(): string | void {\n    return this.customInvalidText || this.validationTarget?.validationMessage;\n  }\n\n  /**\n   * Focuses this option\n   */\n  focus() {\n    this.checkboxElement.tabIndex = 0;\n    this.checkboxElement.focus();\n    this.onFocus(this.value);\n  }\n\n  /**\n   * Blurs from this option\n   */\n  blur() {\n    this.onBlur(this.value);\n    if (!this.field) return;\n    this.checkboxElement.tabIndex = -1;\n  }\n\n  private handleSubmit(e: SubmitEvent) {\n    if (!this.reportValidity()) {\n      this.onInvalid(this.internals.validity);\n      e.preventDefault();\n    }\n  }\n\n  private async handleChange(event: CustomEvent) {\n    const target = event.target as HTMLInputElement;\n\n    this.dirty = true;\n    this.checked = target.checked;\n    this.onChange(target.checked);\n    this.indeterminate = false;\n  }\n\n  private handleFieldValueChange = (event: CustomEvent<Array<string>>) => {\n    this.checked = event.detail.includes(this.value);\n  };\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.code === \"Space\") {\n      this.checked = !this.checked;\n      this.onChange(this.checked);\n      event.preventDefault();\n    }\n  }\n\n  render(): TemplateResult {\n    let icon = \"\";\n\n    if (this.checked) icon = \"check\";\n    if (this.indeterminate) icon = \"minus\";\n\n    const invalidMessage = !this.checkValidity()\n      ? html`<p class=\"invalid-text\">${this.validationMessage}</p>`\n      : \"\";\n\n    const requiredSuffix = this.required ? html`<span class=\"required-suffix\">*</span>` : \"\";\n\n    const classes = {\n      \"checkbox-container\": true,\n      \"dirty\": this.dirty,\n      \"invalid\": !this.checkValidity(),\n    };\n\n    return html`<div class=${classMap(classes)}>\n      <label>\n        <input\n          type=\"checkbox\"\n          .checked=${live(this.checked)}\n          ?disabled=${this.disabled}\n          aria-required=${this.required}\n          aria-readonly=${this.disabled}\n          .indeterminate=${this.indeterminate}\n          @change=${this.handleChange}\n          @keydown=${this.handleKeyDown}\n          value=${ifDefined(this.value)}\n          @blur=${this.blur}\n        />\n        <div class=\"check-mark\">${icon ? html`<bl-icon name=\"${icon}\"></bl-icon>` : null}</div>\n        <slot class=\"label\"></slot>${requiredSuffix}\n      </label>\n      <div class=\"hint\">${invalidMessage}</div>\n    </div> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blCheckboxTag]: BlCheckbox;\n  }\n}\n"],
+  "mappings": "0WACO,IAAMA,EAASC,miBACfC,EAAQF,ECOR,IAAMG,EAAqB,oBAErBC,EAAoB,2BASZC,EAArB,cAA6CC,EAAiBC,CAAU,CAAE,CAA1E,kCAiCE,cAAW,GASX,KAAQ,MAAQ,GA2EhB,KAAQ,mBAAqB,EApH7B,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAyCA,IAAI,SAAwB,CAC1B,MAAO,CAAC,GAAG,KAAK,iBAAiBC,CAAa,CAAC,CACjD,CAEA,IAAI,gBAA2B,CAC7B,OAAO,KAAK,QAAQ,OAAOC,GAAOA,EAAI,OAAO,EAAE,IAAIA,GAAOA,EAAI,KAAK,CACrE,CAEA,IAAI,kBAAiC,CACnC,OAAO,KAAK,QAAQ,OAAOC,GAAU,CAACA,EAAO,QAAQ,CACvD,CAEA,mBAA0B,CA5E5B,IAAAC,EA6EI,MAAM,kBAAkB,EACxB,KAAK,SAAW,EAChB,KAAK,iBAAiB,QAAS,KAAK,WAAW,EAC/C,KAAK,iBAAiB,UAAW,KAAK,aAAa,GAEnDA,EAAA,KAAK,OAAL,MAAAA,EAAW,iBAAiB,SAAWC,GAAmB,KAAK,aAAaA,CAAC,EAC/E,CAEA,sBAA6B,CArF/B,IAAAD,EAsFI,MAAM,qBAAqB,EAC3B,KAAK,oBAAoB,QAAS,KAAK,WAAW,EAClD,KAAK,oBAAoB,UAAW,KAAK,aAAa,GACtDA,EAAA,KAAK,OAAL,MAAAA,EAAW,oBAAoB,SAAWC,GAAmB,KAAK,aAAaA,CAAC,EAClF,CAEU,cAAe,CACnB,KAAK,UAAY,CAAC,KAAK,QACzB,KAAK,SAAS,IAAI,EAClB,KAAK,UAAU,KAAK,UAAU,QAAQ,EAE1C,CAEA,MAAgB,QAAQC,EAAwD,CAC1EA,EAAkB,IAAI,OAAO,IAC/B,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAEtB,KAAK,QAAU,MAAM,KAAK,SAAS,KAAK,KAAK,EAEjD,MAAM,KAAK,mBAEN,KAAK,cAAc,GACtB,KAAK,UAAU,KAAK,UAAU,QAAQ,EAGxC,KAAK,cAAc,EAEvB,CAEQ,cAAe,CApHzB,IAAAF,EAAAG,EAqHI,GAAI,KAAK,QAAU,MAAQ,KAAK,MAAM,OAAS,EAAG,CAChD,IAAMC,EAAW,IAAI,UAErBJ,EAAA,KAAK,QAAL,MAAAA,EAAY,QAAQK,GAAYD,EAAS,OAAO,KAAK,KAAM,GAAGC,GAAU,GACxE,KAAK,SAASD,CAAQ,QACbD,EAAA,KAAK,QAAL,YAAAA,EAAY,UAAW,GAChC,KAAK,SAAS,IAAI,CAEtB,CAcQ,qBAAsB,CAC5B,KAAK,MAAQ,GACb,KAAK,MAAQ,KAAK,cACpB,CAEQ,cAAcG,EAAsB,CAE1C,GAAI,CAAC,YAAa,YAAY,EAAE,SAASA,EAAM,GAAG,EAChD,KAAK,6BAGI,CAAC,UAAW,WAAW,EAAE,SAASA,EAAM,GAAG,EACpD,KAAK,6BAGIA,EAAM,MAAQ,OAGvB,GAFAA,EAAM,SAAW,KAAK,qBAAuB,KAAK,qBAE9C,KAAK,qBAAuB,KAAK,iBAAiB,OAAQ,CAC5D,KAAK,SAAW,EAChB,KAAK,mBAAqB,EAC1B,YAIF,QAIF,KAAK,mBAAqB,KAAK,IAC7B,EACA,KAAK,IAAI,KAAK,mBAAoB,KAAK,iBAAiB,OAAS,CAAC,CACpE,EAEA,KAAK,iBAAiB,KAAK,kBAAkB,EAAE,MAAM,EAErDA,EAAM,eAAe,CACvB,CAEQ,aAAc,CACpB,KAAK,iBAAiB,KAAK,kBAAkB,EAAE,MAAM,CACvD,CAEQ,aAAa,EAAgB,CAC9B,KAAK,eAAe,IACvB,KAAK,UAAU,KAAK,UAAU,QAAQ,EACtC,EAAE,eAAe,GAEnB,KAAK,qBAAqB,CAC5B,CAEA,sBAAuB,CA9LzB,IAAAN,EAAAG,EA+LQ,KAAK,cAAc,GACrBH,EAAA,KAAK,UAAL,MAAAA,EAAc,QAAQD,GAAO,CAhMnC,IAAAC,EAAAG,EAiMQ,OAAAA,GAAAH,EAAAD,GAAA,YAAAA,EAAQ,aAAR,YAAAC,EAAoB,cAAc,SAAlC,YAAAG,EAA0C,UAAU,OAAW,QAAS,aAEhE,KAAK,cAAc,IAC7BA,EAAA,KAAK,UAAL,MAAAA,EAAc,QAAQJ,GAAO,CApMnC,IAAAC,EAAAG,EAqMQ,OAAAA,GAAAH,EAAAD,GAAA,YAAAA,EAAQ,aAAR,YAAAC,EAAoB,cAAc,SAAlC,YAAAG,EAA0C,UAAU,IAAQ,QAAS,YAG3E,CAEA,kBAAmB,CACjB,OAAI,KAAK,kBACA,KAAK,kBAEP,KAAK,iBACd,CAEA,gBAAiB,CACf,YAAK,MAAQ,GACN,KAAK,cAAc,CAC5B,CAEA,QAAyB,CACvB,IAAMI,EAAkB,KAAK,cAAc,EAIvC,GAHAC;AAAA,YACI,KAAK;AAAA,cAIPC,EAAU,CACd,MAAS,KAAK,MACd,QAAW,CAAC,KAAK,SAAS,KAC5B,EAEA,OAAOD,eAAkBE,EAASD,CAAO;AAAA;AAAA;AAAA;AAAA,wBAIrB,KAAK;AAAA,mBACV,KAAK;AAAA;AAAA,6BAEK,KAAK;AAAA,mDACiB,KAAK;AAAA;AAAA;AAAA,4BAG5BF;AAAA;AAAA,WAG1B,CACF,EA7NqBd,EAIZ,kBAAoB,CAAE,GAAGE,EAAW,kBAAmB,eAAgB,EAAK,EAJhEF,EAMZ,sBAAwB,CAACkB,CAAiB,EAGjDC,EAAA,CADCC,EAAM,UAAU,GAREpB,EASnB,gCAMAmB,EAAA,CADCX,EAAS,GAdSR,EAenB,oBAMAmB,EAAA,CADCX,EAAS,CAAE,KAAM,MAAO,CAAC,GApBPR,EAqBnB,qBAMAmB,EAAA,CADCX,EAAS,CAAE,KAAM,MAAO,QAAS,EAAK,CAAC,GA1BrBR,EA2BnB,qBAMAmB,EAAA,CADCX,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAhCvBR,EAiCnB,wBAMAmB,EAAA,CADCX,EAAS,CAAE,KAAM,OAAQ,UAAW,eAAgB,QAAS,EAAK,CAAC,GAtCjDR,EAuCnB,iCAGQmB,EAAA,CADPE,EAAM,GAzCYrB,EA0CX,qBAoEmCmB,EAAA,CAA1CN,EAAM,0BAA0B,GA9Gdb,EA8GwB,wBAKCmB,EAAA,CAA3CN,EAAM,2BAA2B,GAnHfb,EAmHyB,yBAnHzBA,EAArBmB,EAAA,CADCX,EAAcV,CAAkB,GACZE,GCnBd,IAAMsB,EAASC,0lEACfC,EAAQF,ECWR,IAAMG,EAAgB,cAORC,EAArB,cAAwCC,EAAiBC,CAAU,CAAE,CAArE,kCAeE,aAAU,GAYV,cAAW,GAYX,cAAW,GAMX,mBAAgB,GAyBhB,KAAQ,MAAQ,GAsFhB,KAAQ,uBAA0BC,GAAsC,CACtE,KAAK,QAAUA,EAAM,OAAO,SAAS,KAAK,KAAK,CACjD,EA7JA,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAuEA,mBAA0B,CA9F5B,IAAAC,EAAAC,EA+FI,MAAM,kBAAkB,EAExB,KAAK,MAAQ,KAAK,QAAyBC,CAAkB,GAC7DF,EAAA,KAAK,QAAL,MAAAA,EAAY,iBAAiBG,EAAmB,KAAK,yBAErDF,EAAA,KAAK,OAAL,MAAAA,EAAW,iBAAiB,SAAUG,GAAK,KAAK,aAAaA,CAAC,EAChE,CAEA,gBAAiB,CACf,YAAK,MAAQ,GACN,KAAK,cAAc,CAC5B,CAEA,sBAA6B,CA5G/B,IAAAJ,EAAAC,EA6GI,MAAM,qBAAqB,GAC3BD,EAAA,KAAK,QAAL,MAAAA,EAAY,oBAAoBG,EAAmB,KAAK,yBACxDF,EAAA,KAAK,OAAL,MAAAA,EAAW,oBAAoB,SAAUG,GAAK,KAAK,aAAaA,CAAC,EACnE,CAEA,MAAgB,QAAQC,EAAwD,CAC1EA,EAAkB,IAAI,SAAS,GAAK,KAAK,WACvC,KAAK,QACP,KAAK,SAAS,IAAI,EACR,KAAK,SACf,KAAK,SAAS,EAAE,EAGlB,MAAM,KAAK,mBACN,KAAK,cAAc,GACtB,KAAK,UAAU,KAAK,UAAU,QAAQ,EAExC,KAAK,cAAc,EAEvB,CAEA,OAAOA,EAAyC,CAC9C,MAAM,OAAOA,CAAiB,EAC1B,KAAK,eAAiB,KAAK,UAC7B,KAAK,QAAU,GACf,KAAK,cAAc,UAAW,EAAI,EAEtC,CAEA,kBAAkC,CA1IpC,IAAAL,EA2II,OAAO,KAAK,qBAAqBA,EAAA,KAAK,mBAAL,YAAAA,EAAuB,kBAC1D,CAKA,OAAQ,CACN,KAAK,gBAAgB,SAAW,EAChC,KAAK,gBAAgB,MAAM,EAC3B,KAAK,QAAQ,KAAK,KAAK,CACzB,CAKA,MAAO,CACL,KAAK,OAAO,KAAK,KAAK,EACjB,KAAK,QACV,KAAK,gBAAgB,SAAW,GAClC,CAEQ,aAAa,EAAgB,CAC9B,KAAK,eAAe,IACvB,KAAK,UAAU,KAAK,UAAU,QAAQ,EACtC,EAAE,eAAe,EAErB,CAEA,MAAc,aAAaF,EAAoB,CAC7C,IAAMQ,EAASR,EAAM,OAErB,KAAK,MAAQ,GACb,KAAK,QAAUQ,EAAO,QACtB,KAAK,SAASA,EAAO,OAAO,EAC5B,KAAK,cAAgB,EACvB,CAKQ,cAAcR,EAAsB,CACtCA,EAAM,OAAS,UACjB,KAAK,QAAU,CAAC,KAAK,QACrB,KAAK,SAAS,KAAK,OAAO,EAC1BA,EAAM,eAAe,EAEzB,CAEA,QAAyB,CACvB,IAAIS,EAAO,GAEP,KAAK,UAASA,EAAO,SACrB,KAAK,gBAAeA,EAAO,SAE/B,IAAMC,EAAkB,KAAK,cAAc,EAEvC,GADAC,4BAA+B,KAAK,wBAGlCC,EAAiB,KAAK,SAAWD,0CAA+C,GAEhFE,EAAU,CACd,qBAAsB,GACtB,MAAS,KAAK,MACd,QAAW,CAAC,KAAK,cAAc,CACjC,EAEA,OAAOF,eAAkBG,EAASD,CAAO;AAAA;AAAA;AAAA;AAAA,qBAIxBE,EAAK,KAAK,OAAO;AAAA,sBAChB,KAAK;AAAA,0BACD,KAAK;AAAA,0BACL,KAAK;AAAA,2BACJ,KAAK;AAAA,oBACZ,KAAK;AAAA,qBACJ,KAAK;AAAA,kBACRA,EAAU,KAAK,KAAK;AAAA,kBACpB,KAAK;AAAA;AAAA,kCAEWN,EAAOE,mBAAsBF,gBAAqB;AAAA,qCAC/CG;AAAA;AAAA,0BAEXF;AAAA,YAExB,CACF,EA7MqBb,EAIZ,kBAAoB,CAAE,GAAGE,EAAW,kBAAmB,eAAgB,EAAM,EAJjEF,EAMZ,sBAAwB,CAACmB,CAAiB,EAGjDC,EAAA,CADCC,EAAM,OAAO,GARKrB,EASnB,gCAMAoB,EAAA,CADCX,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAdvBT,EAenB,uBAMAoB,EAAA,CADCX,EAAS,GApBST,EAqBnB,qBAMAoB,EAAA,CADCX,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA1BvBT,EA2BnB,wBAMAoB,EAAA,CADCX,EAAS,CAAE,KAAM,OAAQ,UAAW,eAAgB,QAAS,EAAK,CAAC,GAhCjDT,EAiCnB,iCAMAoB,EAAA,CADCX,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAtCvBT,EAuCnB,wBAMAoB,EAAA,CADCX,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA5CvBT,EA6CnB,6BAKqCoB,EAAA,CAApCjB,EAAM,oBAAoB,GAlDRH,EAkDkB,wBAKVoB,EAAA,CAA1BjB,EAAM,UAAU,GAvDEH,EAuDQ,uBAKDoB,EAAA,CAAzBjB,EAAM,SAAS,GA5DGH,EA4DO,sBAKYoB,EAAA,CAArCjB,EAAM,qBAAqB,GAjETH,EAiEmB,yBAEZoB,EAAA,CAAzBC,EAAM,iBAAiB,GAnELrB,EAmEO,+BAGlBoB,EAAA,CADPE,EAAM,GArEYtB,EAsEX,qBAtEWA,EAArBoB,EAAA,CADCX,EAAcV,CAAa,GACPC",
   "names": ["styles", "i", "bl_checkbox_group_default", "blCheckboxGroupTag", "blChangeEventName", "BlCheckboxGroup", "FormControlMixin", "s", "bl_checkbox_group_default", "blCheckboxTag", "opt", "option", "_a", "e", "changedProperties", "_b", "formData", "checkbox", "event", "invalidMessage", "x", "classes", "o", "requiredValidator", "__decorateClass", "i", "t", "styles", "i", "bl_checkbox_default", "blCheckboxTag", "BlCheckbox", "FormControlMixin", "s", "event", "bl_checkbox_default", "_a", "_b", "blCheckboxGroupTag", "blChangeEventName", "e", "changedProperties", "target", "icon", "invalidMessage", "x", "requiredSuffix", "classes", "o", "l", "requiredValidator", "__decorateClass", "i", "t"]
 }

package/dist/{chunk-2U3PTJEA.js → chunk-GMVJABPT.js}

@@ -1,7 +1,8 @@
 import{a as u,b as a,c as s,e as p}from"./chunk-5MOOXA2X.js";import{a as i,b as l,f as o}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-IZ2LK5GK.js";var m=i`.progress-indicator{--max:100;--value:0;--value-color:var(--bl-color-success);--height:var(--bl-size-2xs);--radius:var(--bl-border-radius-s);position:relative;background-color:var(--bl-color-neutral-lightest);height:var(--height);border-radius:var(--radius);width:100%;transform:scaleX(var(--bl-text-x-direction))}.progress-indicator::before{content:"";position:absolute;height:100%;width:calc(100% / var(--max) * var(--value));background-color:var(--value-color);border-radius:var(--radius);transition:width ease var(--bl-progress-indicator-transition-duration, 0.2s)}:host([size="small"]) .progress-indicator{--height:var(--bl-size-3xs);--radius:var(--bl-border-radius-xs)}:host([size="large"]) .progress-indicator{--height:var(--bl-size-xs);--radius:var(--bl-border-radius-m)}:host([failed]) .progress-indicator{--value-color:var(--bl-color-danger)}`,d=m;var e=class extends o{constructor(){super(...arguments);this.size="medium";this.failed=!1;this._max=100;this._value=0}static get styles(){return d}get max(){return this._max}set max(t){this._max=t,this.updateCssVariable()}get value(){return this._value}set value(t){this._value=t,this.updateCssVariable()}async updateCssVariable(){await this.updateComplete,this.wrapper.style.setProperty("--value",`${this.value}`),this.wrapper.style.setProperty("--max",`${this.max}`)}render(){return l`<div
       class="progress-indicator"
       role="progressbar"
+      aria-label="progress indicator"
       aria-valuemax="${this._max}"
       aria-valuenow="${this._value}"
     ></div>`}};r([p(".progress-indicator")],e.prototype,"wrapper",2),r([a({type:String,reflect:!0})],e.prototype,"size",2),r([a({type:Boolean,reflect:!0})],e.prototype,"failed",2),r([a({type:Number})],e.prototype,"max",1),r([a({type:Number})],e.prototype,"value",1),r([s()],e.prototype,"_max",2),r([s()],e.prototype,"_value",2),e=r([u("bl-progress-indicator")],e);export{e as a};
-//# sourceMappingURL=chunk-2U3PTJEA.js.map
+//# sourceMappingURL=chunk-GMVJABPT.js.map

package/dist/{chunk-2U3PTJEA.js.map → chunk-GMVJABPT.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/components/progress-indicator/bl-progress-indicator.css", "../src/components/progress-indicator/bl-progress-indicator.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.progress-indicator{--max:100;--value:0;--value-color:var(--bl-color-success);--height:var(--bl-size-2xs);--radius:var(--bl-border-radius-s);position:relative;background-color:var(--bl-color-neutral-lightest);height:var(--height);border-radius:var(--radius);width:100%;transform:scaleX(var(--bl-text-x-direction))}.progress-indicator::before{content:\"\";position:absolute;height:100%;width:calc(100% / var(--max) * var(--value));background-color:var(--value-color);border-radius:var(--radius);transition:width ease var(--bl-progress-indicator-transition-duration, 0.2s)}:host([size=\"small\"]) .progress-indicator{--height:var(--bl-size-3xs);--radius:var(--bl-border-radius-xs)}:host([size=\"large\"]) .progress-indicator{--height:var(--bl-size-xs);--radius:var(--bl-border-radius-m)}:host([failed]) .progress-indicator{--value-color:var(--bl-color-danger)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport style from \"./bl-progress-indicator.css\";\n\nexport type ProgressIndicatorSize = \"small\" | \"medium\" | \"large\";\n\n/**\n * @tag bl-progress-indicator\n * @summary Baklava Progress Indicator component\n *\n * @cssproperty [--bl-progress-indicator-transition-duration=.2s] Duration of the transition of progress bar\n * @property {max} [max=100]\n * @property {number} [value=0]\n */\n\n@customElement(\"bl-progress-indicator\")\nexport default class BlProgressIndicator extends LitElement {\n  static get styles(): CSSResultGroup {\n    return style;\n  }\n\n  @query(\".progress-indicator\") private wrapper: HTMLElement;\n\n  /**\n   * Sets the size\n   */\n  @property({ type: String, reflect: true })\n  size: ProgressIndicatorSize = \"medium\";\n\n  /**\n   * Sets the status\n   */\n  @property({ type: Boolean, reflect: true })\n  failed = false;\n\n  /**\n   * Sets the max\n   */\n  @property({ type: Number })\n  get max() {\n    return this._max;\n  }\n  set max(max: number) {\n    this._max = max;\n    this.updateCssVariable();\n  }\n\n  /**\n   * Sets the value\n   */\n  @property({ type: Number })\n  get value() {\n    return this._value;\n  }\n  set value(value: number) {\n    this._value = value;\n    this.updateCssVariable();\n  }\n\n  @state() private _max = 100;\n  @state() private _value = 0;\n\n  async updateCssVariable() {\n    await this.updateComplete;\n    this.wrapper.style.setProperty(\"--value\", `${this.value}`);\n    this.wrapper.style.setProperty(\"--max\", `${this.max}`);\n  }\n\n  render(): TemplateResult {\n    return html`<div\n      class=\"progress-indicator\"\n      role=\"progressbar\"\n      aria-valuemax=\"${this._max}\"\n      aria-valuenow=\"${this._value}\"\n    ></div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"bl-progress-indicator\": BlProgressIndicator;\n  }\n}\n"],
-  "mappings": "2JACO,IAAMA,EAAS,w1BACfC,EAAQD,ECcf,IAAqBE,EAArB,cAAiDC,CAAW,CAA5D,kCAWE,UAA8B,SAM9B,YAAS,GA0BA,KAAQ,KAAO,IACf,KAAQ,OAAS,EA3C1B,WAAW,QAAyB,CAClC,OAAOC,CACT,CAoBA,IAAI,KAAM,CACR,OAAO,KAAK,IACd,CACA,IAAI,IAAIC,EAAa,CACnB,KAAK,KAAOA,EACZ,KAAK,kBAAkB,CACzB,CAMA,IAAI,OAAQ,CACV,OAAO,KAAK,MACd,CACA,IAAI,MAAMC,EAAe,CACvB,KAAK,OAASA,EACd,KAAK,kBAAkB,CACzB,CAKA,MAAM,mBAAoB,CACxB,MAAM,KAAK,eACX,KAAK,QAAQ,MAAM,YAAY,UAAW,GAAG,KAAK,OAAO,EACzD,KAAK,QAAQ,MAAM,YAAY,QAAS,GAAG,KAAK,KAAK,CACvD,CAEA,QAAyB,CACvB,OAAOC;AAAA;AAAA;AAAA,uBAGY,KAAK;AAAA,uBACL,KAAK;AAAA,YAE1B,CACF,EAvDwCC,EAAA,CAArCC,EAAM,qBAAqB,GALTP,EAKmB,uBAMtCM,EAAA,CADCE,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAVtBR,EAWnB,oBAMAM,EAAA,CADCE,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAhBvBR,EAiBnB,sBAMIM,EAAA,CADHE,EAAS,CAAE,KAAM,MAAO,CAAC,GAtBPR,EAuBf,mBAYAM,EAAA,CADHE,EAAS,CAAE,KAAM,MAAO,CAAC,GAlCPR,EAmCf,qBAQaM,EAAA,CAAhBG,EAAM,GA3CYT,EA2CF,oBACAM,EAAA,CAAhBG,EAAM,GA5CYT,EA4CF,sBA5CEA,EAArBM,EAAA,CADCE,EAAc,uBAAuB,GACjBR",
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.progress-indicator{--max:100;--value:0;--value-color:var(--bl-color-success);--height:var(--bl-size-2xs);--radius:var(--bl-border-radius-s);position:relative;background-color:var(--bl-color-neutral-lightest);height:var(--height);border-radius:var(--radius);width:100%;transform:scaleX(var(--bl-text-x-direction))}.progress-indicator::before{content:\"\";position:absolute;height:100%;width:calc(100% / var(--max) * var(--value));background-color:var(--value-color);border-radius:var(--radius);transition:width ease var(--bl-progress-indicator-transition-duration, 0.2s)}:host([size=\"small\"]) .progress-indicator{--height:var(--bl-size-3xs);--radius:var(--bl-border-radius-xs)}:host([size=\"large\"]) .progress-indicator{--height:var(--bl-size-xs);--radius:var(--bl-border-radius-m)}:host([failed]) .progress-indicator{--value-color:var(--bl-color-danger)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport style from \"./bl-progress-indicator.css\";\n\nexport type ProgressIndicatorSize = \"small\" | \"medium\" | \"large\";\n\n/**\n * @tag bl-progress-indicator\n * @summary Baklava Progress Indicator component\n *\n * @cssproperty [--bl-progress-indicator-transition-duration=.2s] Duration of the transition of progress bar\n * @property {max} [max=100]\n * @property {number} [value=0]\n */\n\n@customElement(\"bl-progress-indicator\")\nexport default class BlProgressIndicator extends LitElement {\n  static get styles(): CSSResultGroup {\n    return style;\n  }\n\n  @query(\".progress-indicator\") private wrapper: HTMLElement;\n\n  /**\n   * Sets the size\n   */\n  @property({ type: String, reflect: true })\n  size: ProgressIndicatorSize = \"medium\";\n\n  /**\n   * Sets the status\n   */\n  @property({ type: Boolean, reflect: true })\n  failed = false;\n\n  /**\n   * Sets the max\n   */\n  @property({ type: Number })\n  get max() {\n    return this._max;\n  }\n  set max(max: number) {\n    this._max = max;\n    this.updateCssVariable();\n  }\n\n  /**\n   * Sets the value\n   */\n  @property({ type: Number })\n  get value() {\n    return this._value;\n  }\n  set value(value: number) {\n    this._value = value;\n    this.updateCssVariable();\n  }\n\n  @state() private _max = 100;\n  @state() private _value = 0;\n\n  async updateCssVariable() {\n    await this.updateComplete;\n    this.wrapper.style.setProperty(\"--value\", `${this.value}`);\n    this.wrapper.style.setProperty(\"--max\", `${this.max}`);\n  }\n\n  render(): TemplateResult {\n    return html`<div\n      class=\"progress-indicator\"\n      role=\"progressbar\"\n      aria-label=\"progress indicator\"\n      aria-valuemax=\"${this._max}\"\n      aria-valuenow=\"${this._value}\"\n    ></div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"bl-progress-indicator\": BlProgressIndicator;\n  }\n}\n"],
+  "mappings": "2JACO,IAAMA,EAAS,w1BACfC,EAAQD,ECcf,IAAqBE,EAArB,cAAiDC,CAAW,CAA5D,kCAWE,UAA8B,SAM9B,YAAS,GA0BA,KAAQ,KAAO,IACf,KAAQ,OAAS,EA3C1B,WAAW,QAAyB,CAClC,OAAOC,CACT,CAoBA,IAAI,KAAM,CACR,OAAO,KAAK,IACd,CACA,IAAI,IAAIC,EAAa,CACnB,KAAK,KAAOA,EACZ,KAAK,kBAAkB,CACzB,CAMA,IAAI,OAAQ,CACV,OAAO,KAAK,MACd,CACA,IAAI,MAAMC,EAAe,CACvB,KAAK,OAASA,EACd,KAAK,kBAAkB,CACzB,CAKA,MAAM,mBAAoB,CACxB,MAAM,KAAK,eACX,KAAK,QAAQ,MAAM,YAAY,UAAW,GAAG,KAAK,OAAO,EACzD,KAAK,QAAQ,MAAM,YAAY,QAAS,GAAG,KAAK,KAAK,CACvD,CAEA,QAAyB,CACvB,OAAOC;AAAA;AAAA;AAAA;AAAA,uBAIY,KAAK;AAAA,uBACL,KAAK;AAAA,YAE1B,CACF,EAxDwCC,EAAA,CAArCC,EAAM,qBAAqB,GALTP,EAKmB,uBAMtCM,EAAA,CADCE,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAVtBR,EAWnB,oBAMAM,EAAA,CADCE,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAhBvBR,EAiBnB,sBAMIM,EAAA,CADHE,EAAS,CAAE,KAAM,MAAO,CAAC,GAtBPR,EAuBf,mBAYAM,EAAA,CADHE,EAAS,CAAE,KAAM,MAAO,CAAC,GAlCPR,EAmCf,qBAQaM,EAAA,CAAhBG,EAAM,GA3CYT,EA2CF,oBACAM,EAAA,CAAhBG,EAAM,GA5CYT,EA4CF,sBA5CEA,EAArBM,EAAA,CADCE,EAAc,uBAAuB,GACjBR",
   "names": ["styles", "bl_progress_indicator_default", "BlProgressIndicator", "s", "bl_progress_indicator_default", "max", "value", "x", "__decorateClass", "i", "e", "t"]
 }

package/dist/{chunk-7NZ7DYVG.js → chunk-GXDVWGFU.js}

@@ -5,6 +5,7 @@ import{a as x}from"./chunk-6LT7O7T2.js";import{a as h}from"./chunk-GRL4DWKG.js";
         </footer>`:""}renderContainer(){let e=this.caption?a`<h2 id="dialog-caption">${this.caption}</h2>`:"",i=this.critical?null:a`<bl-button
           @click="${()=>this.closeDialog("close-button")}"
           icon="close"
+          label="close"
           variant="tertiary"
           kind="neutral"
           size="small"
@@ -28,4 +29,4 @@ import{a as x}from"./chunk-6LT7O7T2.js";import{a as h}from"./chunk-GRL4DWKG.js";
             ${this.renderContainer()}
           </dialog>
         `}};o([d({type:Boolean,reflect:!0,hasChanged(b,v){return b===!1&&v===void 0?!1:b!==v}})],t.prototype,"open",2),o([d({type:String})],t.prototype,"caption",2),o([d({type:Boolean,reflect:!0})],t.prototype,"critical",2),o([d({type:Boolean,reflect:!0})],t.prototype,"polyfilled",2),o([c(".dialog")],t.prototype,"dialog",2),o([c("footer")],t.prototype,"footer",2),o([c(".container")],t.prototype,"container",2),o([c(".content")],t.prototype,"content",2),o([h("bl-dialog-open")],t.prototype,"onOpen",2),o([h("bl-dialog-request-close")],t.prototype,"onRequestClose",2),o([h("bl-dialog-close")],t.prototype,"onClose",2),t=o([y("bl-dialog")],t);export{t as a};
-//# sourceMappingURL=chunk-7NZ7DYVG.js.map
+//# sourceMappingURL=chunk-GXDVWGFU.js.map

package/dist/{chunk-7NZ7DYVG.js.map → chunk-GXDVWGFU.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/components/dialog/bl-dialog.css", "../src/components/dialog/bl-dialog.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:contents}.container{--background-color:var(--bl-color-neutral-full);display:flex;flex-direction:column;background:var(--background-color);width:var(--bl-dialog-width, auto);max-width:calc(100vw - var(--bl-size-4xl));max-height:calc(100vh - var(--bl-size-4xl));min-width:424px;padding:0;border:0;border-radius:var(--bl-border-radius-l)}.dialog,.dialog-polyfill .container{padding:0;border:0;border-radius:var(--bl-border-radius-l)}.dialog-polyfill .container{position:fixed;z-index:var(--bl-index-dialog)}.dialog::backdrop{background-color:#273142b3}.dialog-polyfill{display:none;position:fixed;inset-inline-start:0;top:0;width:100vw;height:100vh;align-items:center;justify-content:center;z-index:var(--bl-index-dialog);background-color:#273142b3}:host([open]) .dialog-polyfill{display:flex}header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--bl-size-2xs);padding:var(--bl-size-xl) var(--bl-size-xl) 0 var(--bl-size-xl)}header bl-button{margin-inline-start:auto}header h2{font:var(--bl-font-title-1-medium);color:var(--bl-color-neutral-darker);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--bl-dialog-caption-line-clamp, 1);margin:0;padding:0}.content{padding:var(--bl-size-xl);overflow:auto}:host([critical]) .content{padding-top:0}.container.has-footer .content{padding-bottom:0}footer{padding:var(--bl-size-xl);display:flex;flex-flow:row-reverse wrap;gap:var(--bl-size-m)}footer.shadow{/* FIXME: Use variables for sizes */box-shadow:0 -4px 15px #27314226}@media only screen and (max-width: 471px){.container{max-width:calc(100vw - var(--bl-size-2xl));max-height:calc(100vh - var(--bl-size-2xl));min-width:auto;min-height:auto}footer{flex-flow:column wrap}}::slotted(bl-tab-group){display:block;transform:translateX(calc(var(--bl-size-xl) * -1));width:calc(100% + calc(var(--bl-size-xl) * 2))}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, PropertyValues, TemplateResult } from \"lit\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport \"../button/bl-button\";\nimport style from \"./bl-dialog.css\";\n\ntype DialogElement = {\n  showModal: () => void;\n  close: () => void;\n};\n\n/**\n * @tag bl-dialog\n * @summary Baklava Dialog component\n *\n * @cssproperty [--bl-dialog-width=auto] Sets the width of the dialog content\n * @cssproperty [--bl-dialog-caption-line-clamp=1] Sets the line clamp of the caption\n */\n@customElement(\"bl-dialog\")\nexport default class BlDialog extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets dialog open-close status\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    hasChanged(newVal: boolean, oldVal: boolean | undefined) {\n      if (newVal === false && oldVal === undefined) {\n        // Assume that the initial value is false\n        return false;\n      }\n      return newVal !== oldVal;\n    },\n  })\n  open = false;\n\n  /**\n   * Sets the dialog title\n   */\n  @property({ type: String })\n  caption?: string;\n\n  /**\n   * Determines if the dialog is critical, which disables closing through keyboard, backdrop, and close button interactions.\n   */\n  @property({ type: Boolean, reflect: true })\n  critical = false;\n\n  /**\n   * Determines if dialog currently uses polyfilled version instead of native HTML Dialog. By\n   * default, it uses native Dialog if the browser supports it, otherwise polyfills. You can force\n   * using polyfill by setting this to true in some cases like to show some content on top of dialog\n   * in case you are not able to use Popover API. Be aware that, polyfilled version can cause some\n   * inconsistencies in terms of accessibility and stacking context. So use it with extra caution.\n   *\n   * As of the current implementation, you can render above the dialog HTML element using the Popover API. However,\n   * it will block any actions on the Popover element. This issue was encountered during the development of the `bl-notification` component.\n   * As a result, we decided to enable the polyfill for the `bl-dialog` component by default. If you prefer to use the native dialog, you can set\n   * this property to false. Please note, doing so will cause notifications to render under the dialog backdrop.\n   * For more information, refer to the comment linked below:\n   *\n   * https://github.com/Trendyol/baklava/issues/141#issuecomment-1810301413\n   */\n  @property({ type: Boolean, reflect: true })\n  polyfilled = true;\n\n  @query(\".dialog\")\n  private dialog: HTMLDialogElement & DialogElement;\n\n  @query(\"footer\")\n  private footer: HTMLElement;\n\n  @query(\".container\")\n  private container: HTMLElement;\n\n  @query(\".content\")\n  private content: HTMLElement;\n\n  /**\n   * Fires when the dialog is opened\n   */\n  @event(\"bl-dialog-open\") private onOpen: EventDispatcher<object>;\n\n  /**\n   * Fires before the dialog is closed with internal actions like clicking close button,\n   * pressing Escape key or clicking backdrop. Can be prevented by calling `event.preventDefault()`\n   */\n  @event(\"bl-dialog-request-close\") private onRequestClose: EventDispatcher<{\n    source: \"close-button\" | \"keyboard\" | \"backdrop\";\n  }>;\n\n  /**\n   * Fires when the dialog is closed\n   */\n  @event(\"bl-dialog-close\") private onClose: EventDispatcher<object>;\n\n  updated(changedProperties: PropertyValues<this>) {\n    if (changedProperties.has(\"open\") || changedProperties.has(\"polyfilled\")) {\n      this.toggleDialogHandler();\n    }\n  }\n\n  private get _hasFooter() {\n    return [...this.childNodes].some(node => node.nodeName === \"BL-BUTTON\");\n  }\n\n  private toggleDialogHandler() {\n    if (this.open) {\n      this.dialog?.showModal?.();\n      this.onOpen({ isOpen: true });\n      document.body.style.overflow = \"hidden\";\n      this.toggleFooterShadow();\n      window?.addEventListener(\"keydown\", event => this.onKeydown(event));\n      window?.addEventListener(\"resize\", this.toggleFooterShadow);\n      this.content?.addEventListener(\"scroll\", this.toggleFooterShadow);\n    } else {\n      this.dialog?.close?.();\n      this.onClose({ isOpen: false }, { bubbles: false });\n      document.body.style.overflow = \"auto\";\n      window?.removeEventListener(\"keydown\", this.onKeydown);\n      window?.removeEventListener(\"resize\", this.toggleFooterShadow);\n      this.content?.removeEventListener(\"scroll\", this.toggleFooterShadow);\n    }\n  }\n\n  private closeDialog(source: \"close-button\" | \"keyboard\" | \"backdrop\") {\n    const requestCloseEvent = this.onRequestClose({ source }, { cancelable: true });\n\n    if (requestCloseEvent.defaultPrevented) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  private clickOutsideHandler = (event: MouseEvent) => {\n    if (this.critical) return;\n\n    const eventPath = event.composedPath() as HTMLElement[];\n\n    if (!eventPath.includes(this.container)) {\n      this.closeDialog(\"backdrop\");\n    }\n  };\n\n  private onKeydown = (event: KeyboardEvent): void => {\n    if (event.code === \"Escape\" && this.open && !this.critical) {\n      event.preventDefault();\n      this.closeDialog(\"keyboard\");\n    }\n  };\n\n  private toggleFooterShadow = () => {\n    const scrollTop = this.content?.scrollTop;\n    const scrollHeight = this.content?.scrollHeight;\n    const clientHeight = this.content?.clientHeight;\n\n    if (scrollTop + clientHeight >= scrollHeight) {\n      this.footer?.classList?.remove(\"shadow\");\n    } else {\n      this.footer?.classList?.add(\"shadow\");\n    }\n  };\n\n  private renderFooter() {\n    return this._hasFooter\n      ? html`<footer>\n          <slot name=\"primary-action\"></slot>\n          <slot name=\"secondary-action\"></slot>\n          <slot name=\"tertiary-action\"></slot>\n        </footer>`\n      : \"\";\n  }\n\n  private renderContainer() {\n    const title = this.caption ? html`<h2 id=\"dialog-caption\">${this.caption}</h2>` : \"\";\n    const closeButton = !this.critical\n      ? html`<bl-button\n          @click=\"${() => this.closeDialog(\"close-button\")}\"\n          icon=\"close\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          size=\"small\"\n        ></bl-button>`\n      : null;\n\n    const classes = {\n      \"container\": true,\n      \"has-footer\": this._hasFooter,\n    };\n\n    return html` <div class=\"${classMap(classes)}\">\n      <header>${title} ${closeButton}</header>\n      <section class=\"content\"><slot></slot></section>\n      ${this.renderFooter()}\n    </div>`;\n  }\n\n  render(): TemplateResult {\n    return this.polyfilled || !window.HTMLDialogElement\n      ? html`<div\n          class=\"dialog-polyfill\"\n          role=\"dialog\"\n          aria-labelledby=\"dialog-caption\"\n          @click=${this.clickOutsideHandler}\n        >\n          ${this.renderContainer()}\n        </div>`\n      : html`\n          <dialog\n            class=\"dialog\"\n            aria-labelledby=\"dialog-caption\"\n            @click=${this.clickOutsideHandler}\n          >\n            ${this.renderContainer()}\n          </dialog>\n        `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"bl-dialog\": BlDialog;\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:contents}.container{--background-color:var(--bl-color-neutral-full);display:flex;flex-direction:column;background:var(--background-color);width:var(--bl-dialog-width, auto);max-width:calc(100vw - var(--bl-size-4xl));max-height:calc(100vh - var(--bl-size-4xl));min-width:424px;padding:0;border:0;border-radius:var(--bl-border-radius-l)}.dialog,.dialog-polyfill .container{padding:0;border:0;border-radius:var(--bl-border-radius-l)}.dialog-polyfill .container{position:fixed;z-index:var(--bl-index-dialog)}.dialog::backdrop{background-color:#273142b3}.dialog-polyfill{display:none;position:fixed;inset-inline-start:0;top:0;width:100vw;height:100vh;align-items:center;justify-content:center;z-index:var(--bl-index-dialog);background-color:#273142b3}:host([open]) .dialog-polyfill{display:flex}header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--bl-size-2xs);padding:var(--bl-size-xl) var(--bl-size-xl) 0 var(--bl-size-xl)}header bl-button{margin-inline-start:auto}header h2{font:var(--bl-font-title-1-medium);color:var(--bl-color-neutral-darker);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--bl-dialog-caption-line-clamp, 1);margin:0;padding:0}.content{padding:var(--bl-size-xl);overflow:auto}:host([critical]) .content{padding-top:0}.container.has-footer .content{padding-bottom:0}footer{padding:var(--bl-size-xl);display:flex;flex-flow:row-reverse wrap;gap:var(--bl-size-m)}footer.shadow{/* FIXME: Use variables for sizes */box-shadow:0 -4px 15px #27314226}@media only screen and (max-width: 471px){.container{max-width:calc(100vw - var(--bl-size-2xl));max-height:calc(100vh - var(--bl-size-2xl));min-width:auto;min-height:auto}footer{flex-flow:column wrap}}::slotted(bl-tab-group){display:block;transform:translateX(calc(var(--bl-size-xl) * -1));width:calc(100% + calc(var(--bl-size-xl) * 2))}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, PropertyValues, TemplateResult } from \"lit\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport \"../button/bl-button\";\nimport style from \"./bl-dialog.css\";\n\ntype DialogElement = {\n  showModal: () => void;\n  close: () => void;\n};\n\n/**\n * @tag bl-dialog\n * @summary Baklava Dialog component\n *\n * @cssproperty [--bl-dialog-width=auto] Sets the width of the dialog content\n * @cssproperty [--bl-dialog-caption-line-clamp=1] Sets the line clamp of the caption\n */\n@customElement(\"bl-dialog\")\nexport default class BlDialog extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets dialog open-close status\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    hasChanged(newVal: boolean, oldVal: boolean | undefined) {\n      if (newVal === false && oldVal === undefined) {\n        // Assume that the initial value is false\n        return false;\n      }\n      return newVal !== oldVal;\n    },\n  })\n  open = false;\n\n  /**\n   * Sets the dialog title\n   */\n  @property({ type: String })\n  caption?: string;\n\n  /**\n   * Determines if the dialog is critical, which disables closing through keyboard, backdrop, and close button interactions.\n   */\n  @property({ type: Boolean, reflect: true })\n  critical = false;\n\n  /**\n   * Determines if dialog currently uses polyfilled version instead of native HTML Dialog. By\n   * default, it uses native Dialog if the browser supports it, otherwise polyfills. You can force\n   * using polyfill by setting this to true in some cases like to show some content on top of dialog\n   * in case you are not able to use Popover API. Be aware that, polyfilled version can cause some\n   * inconsistencies in terms of accessibility and stacking context. So use it with extra caution.\n   *\n   * As of the current implementation, you can render above the dialog HTML element using the Popover API. However,\n   * it will block any actions on the Popover element. This issue was encountered during the development of the `bl-notification` component.\n   * As a result, we decided to enable the polyfill for the `bl-dialog` component by default. If you prefer to use the native dialog, you can set\n   * this property to false. Please note, doing so will cause notifications to render under the dialog backdrop.\n   * For more information, refer to the comment linked below:\n   *\n   * https://github.com/Trendyol/baklava/issues/141#issuecomment-1810301413\n   */\n  @property({ type: Boolean, reflect: true })\n  polyfilled = true;\n\n  @query(\".dialog\")\n  private dialog: HTMLDialogElement & DialogElement;\n\n  @query(\"footer\")\n  private footer: HTMLElement;\n\n  @query(\".container\")\n  private container: HTMLElement;\n\n  @query(\".content\")\n  private content: HTMLElement;\n\n  /**\n   * Fires when the dialog is opened\n   */\n  @event(\"bl-dialog-open\") private onOpen: EventDispatcher<object>;\n\n  /**\n   * Fires before the dialog is closed with internal actions like clicking close button,\n   * pressing Escape key or clicking backdrop. Can be prevented by calling `event.preventDefault()`\n   */\n  @event(\"bl-dialog-request-close\") private onRequestClose: EventDispatcher<{\n    source: \"close-button\" | \"keyboard\" | \"backdrop\";\n  }>;\n\n  /**\n   * Fires when the dialog is closed\n   */\n  @event(\"bl-dialog-close\") private onClose: EventDispatcher<object>;\n\n  updated(changedProperties: PropertyValues<this>) {\n    if (changedProperties.has(\"open\") || changedProperties.has(\"polyfilled\")) {\n      this.toggleDialogHandler();\n    }\n  }\n\n  private get _hasFooter() {\n    return [...this.childNodes].some(node => node.nodeName === \"BL-BUTTON\");\n  }\n\n  private toggleDialogHandler() {\n    if (this.open) {\n      this.dialog?.showModal?.();\n      this.onOpen({ isOpen: true });\n      document.body.style.overflow = \"hidden\";\n      this.toggleFooterShadow();\n      window?.addEventListener(\"keydown\", event => this.onKeydown(event));\n      window?.addEventListener(\"resize\", this.toggleFooterShadow);\n      this.content?.addEventListener(\"scroll\", this.toggleFooterShadow);\n    } else {\n      this.dialog?.close?.();\n      this.onClose({ isOpen: false }, { bubbles: false });\n      document.body.style.overflow = \"auto\";\n      window?.removeEventListener(\"keydown\", this.onKeydown);\n      window?.removeEventListener(\"resize\", this.toggleFooterShadow);\n      this.content?.removeEventListener(\"scroll\", this.toggleFooterShadow);\n    }\n  }\n\n  private closeDialog(source: \"close-button\" | \"keyboard\" | \"backdrop\") {\n    const requestCloseEvent = this.onRequestClose({ source }, { cancelable: true });\n\n    if (requestCloseEvent.defaultPrevented) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  private clickOutsideHandler = (event: MouseEvent) => {\n    if (this.critical) return;\n\n    const eventPath = event.composedPath() as HTMLElement[];\n\n    if (!eventPath.includes(this.container)) {\n      this.closeDialog(\"backdrop\");\n    }\n  };\n\n  private onKeydown = (event: KeyboardEvent): void => {\n    if (event.code === \"Escape\" && this.open && !this.critical) {\n      event.preventDefault();\n      this.closeDialog(\"keyboard\");\n    }\n  };\n\n  private toggleFooterShadow = () => {\n    const scrollTop = this.content?.scrollTop;\n    const scrollHeight = this.content?.scrollHeight;\n    const clientHeight = this.content?.clientHeight;\n\n    if (scrollTop + clientHeight >= scrollHeight) {\n      this.footer?.classList?.remove(\"shadow\");\n    } else {\n      this.footer?.classList?.add(\"shadow\");\n    }\n  };\n\n  private renderFooter() {\n    return this._hasFooter\n      ? html`<footer>\n          <slot name=\"primary-action\"></slot>\n          <slot name=\"secondary-action\"></slot>\n          <slot name=\"tertiary-action\"></slot>\n        </footer>`\n      : \"\";\n  }\n\n  private renderContainer() {\n    const title = this.caption ? html`<h2 id=\"dialog-caption\">${this.caption}</h2>` : \"\";\n    const closeButton = !this.critical\n      ? html`<bl-button\n          @click=\"${() => this.closeDialog(\"close-button\")}\"\n          icon=\"close\"\n          label=\"close\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          size=\"small\"\n        ></bl-button>`\n      : null;\n\n    const classes = {\n      \"container\": true,\n      \"has-footer\": this._hasFooter,\n    };\n\n    return html` <div class=\"${classMap(classes)}\">\n      <header>${title} ${closeButton}</header>\n      <section class=\"content\"><slot></slot></section>\n      ${this.renderFooter()}\n    </div>`;\n  }\n\n  render(): TemplateResult {\n    return this.polyfilled || !window.HTMLDialogElement\n      ? html`<div\n          class=\"dialog-polyfill\"\n          role=\"dialog\"\n          aria-labelledby=\"dialog-caption\"\n          @click=${this.clickOutsideHandler}\n        >\n          ${this.renderContainer()}\n        </div>`\n      : html`\n          <dialog\n            class=\"dialog\"\n            aria-labelledby=\"dialog-caption\"\n            @click=${this.clickOutsideHandler}\n          >\n            ${this.renderContainer()}\n          </dialog>\n        `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"bl-dialog\": BlDialog;\n  }\n}\n"],
+  "mappings": "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",
   "names": ["styles", "i", "bl_dialog_default", "BlDialog", "s", "event", "_a", "_b", "_c", "_d", "_e", "_f", "_g", "scrollTop", "scrollHeight", "clientHeight", "bl_dialog_default", "changedProperties", "node", "source", "x", "title", "closeButton", "classes", "o", "__decorateClass", "e", "newVal", "oldVal", "i"]
 }

package/dist/chunk-IEFNMLBZ.js

@@ -0,0 +1,84 @@
+import{a as w,b as Y}from"./chunk-WEEGH2F4.js";import{a as C}from"./chunk-6LT7O7T2.js";import{a as M}from"./chunk-GRL4DWKG.js";import{a as A,b as g,c as y}from"./chunk-5MOOXA2X.js";import{a as x,b as c,f as S}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-IZ2LK5GK.js";function k(p){let _=[],e=p.split(",");return e==null||e.forEach(t=>{let a=new Date(t.trim());isNaN(a.getTime())||_.push(a)}),_}var o=class extends S{constructor(){super(...arguments);this.startOfWeek=0;this.locale=document.documentElement.lang||"en-EN";this._selectedDates=[];this._disabledDates=[]}get disabledDates(){return this._disabledDates}set disabledDates(e){let t=[];typeof e=="string"?t=k(e):Array.isArray(e)&&(t=e.filter(a=>!isNaN(a.getTime()))),this.requestUpdate("disabledDates",t),this._disabledDates=t}get maxDate(){return this._maxDate}set maxDate(e){this._minDate&&this._minDate>=e?console.warn("maxDate cannot be smaller than minDate."):this._maxDate=e}get minDate(){return this._minDate}set minDate(e){this._maxDate&&this._maxDate<=e?console.warn("minDate cannot be greater than maxDate."):this._minDate=e}get value(){return this._value}set value(e){if(e){let t=this._value,a=[];typeof e=="string"?a=k(e):e instanceof Date?a.push(e):Array.isArray(e)&&(a=e),a.length>0&&(this.type==="single"&&a.length>1?console.warn("'value' must be a single Date for single type selection."):this.type==="range"&&Array.isArray(a)&&a.length!=2?console.warn("'value' must be an array of two Date objects when the type selection mode is set to range."):(this._value=e,this._selectedDates=a)),this.requestUpdate("value",t)}}};r([g()],o.prototype,"type",2),r([g({type:Number,attribute:"start-of-week",reflect:!0})],o.prototype,"startOfWeek",2),r([g()],o.prototype,"locale",2),r([y()],o.prototype,"_selectedDates",2),r([g({attribute:"disabled-dates",reflect:!0})],o.prototype,"disabledDates",1),r([g({type:Date,attribute:"max-date",reflect:!0})],o.prototype,"maxDate",1),r([g({type:Date,attribute:"min-date",reflect:!0})],o.prototype,"minDate",1),r([g({attribute:"value",reflect:!0})],o.prototype,"value",1);var E=x`.calendar{display:flex;flex-direction:column}.calendar-content{display:flex;padding:var(--bl-size-m);flex-direction:column;align-items:center;gap:var(--bl-size-m);border-radius:var(--bl-border-radius-s);width:fit-content;background:var(--bl-color-neutral-full)}.calendar-header{display:flex;justify-content:space-between;width:100%;align-items:center;padding-bottom:var(--bl-size-s)}.arrow{flex:1}.header-text{flex:3}.header-text-hover{background:var(--bl-color-neutral-lightest);border-radius:var(--bl-border-radius-s)}.days-wrapper{display:flex;flex-direction:column}.day-wrapper{display:flex;align-items:center;justify-content:center}.week-row{display:flex;align-items:center;flex-direction:row;padding-bottom:var(--bl-size-2xs)}.day{display:flex;align-items:center;width:40px;--bl-button-focus-border-color:#000;--bl-font-title-4-medium:var(--bl-font-weight-regular) var(--bl-font-size-m);--bl-size-xl:40px;--bl-border-radius-m:50%;--bl-border-radius-l:50%}.day.today-day{--bl-color-neutral-darker:var(--bl-color-primary);--bl-color-neutral-darkest:var(--bl-color-primary)}.day.other-month-day{--bl-color-neutral-darker:var(--bl-color-neutral-dark)}.day.other-month-day.selected-day{--bl-color-neutral-darker:var(--bl-color-neutral-full)}.day.selected-day{background:var(--bl-color-primary);border-radius:50%;--bl-button-focus-border-color:var(--bl-color-primary);--bl-color-neutral-darker:var(--bl-color-neutral-full)}.range-day{background:var(--bl-color-primary-contrast);--bl-color-neutral-lightest:var(--bl-color-primary-contrast)}.range-end-day,.range-start-day,.selected-day{--bl-color-neutral-lightest:var(--bl-color-primary);--bl-color-neutral-darker:var(--bl-color-neutral-full);--bl-color-neutral-darkest:var(--bl-color-neutral-full) !important}.range-start-day{background:var(--bl-color-primary-contrast);border-top-left-radius:50%;border-bottom-left-radius:50%}.range-end-day{background:var(--bl-color-primary-contrast);border-top-right-radius:50%;border-bottom-right-radius:50%}.weekday-text{color:var(--bl-color-neutral-dark);text-align:center;padding:var(--bl-size-2xs) 0;width:40px}.grid-content{display:grid;grid-template-columns:auto auto auto;text-align:center}.grid-item{width:93.33px;--bl-size-3xs:15px}.grid-item:not(:nth-last-child(-n + 3)){padding-bottom:var(--bl-size-2xs)}.calendar-text{font:var(--bl-font-title-3-regular)}`,T=E;var d=class extends o{constructor(){super(...arguments);this.today=new Date;this._calendarMonth=this.today.getMonth();this._calendarYear=this.today.getFullYear();this._calendarView="days";this._calendarYears=[];this._calendarDays=[];this.handleClearSelectedDates=()=>{this._selectedDates=[],this._onBlCalendarChange([]),this.clearRangePickerStyles()}}static get styles(){return[T]}get months(){return[...Array(12).keys()].map(e=>({name:new Date(0,e+1,0).toLocaleString(this.locale,{month:"long"}),value:e}))}get days(){return[...Array(7).keys()].map(e=>({name:new Date(0,0,e).toLocaleString(this.locale,{weekday:"short"}),value:e}))}getDayNumInAMonth(e,t){return new Date(e,t+1,0).getDate()}getWeekDayOfDate(e,t){return new Date(e,t,1).getDay()}setPreviousCalendarView(){if(this.clearRangePickerStyles(),this._calendarView==="days")this._calendarMonth===0?(this._calendarMonth=11,this._calendarYear-=1):this._calendarMonth-=1;else if(this._calendarView==="months")this._calendarYear-=1;else if(this._calendarView==="years"){let e=this._calendarYears[0];this._calendarYears=Array.from({length:12},(t,a)=>e-(a+1))}this.type==="range"&&this.setHoverClass()}setNextCalendarView(){if(this.clearRangePickerStyles(),this._calendarView==="days")this._calendarMonth===11?(this._calendarMonth=0,this._calendarYear+=1):this._calendarMonth+=1;else if(this._calendarView==="months")this._calendarYear+=1;else if(this._calendarView==="years"){let e=this._calendarYears[11];this._calendarYears=Array.from({length:12},(t,a)=>e+(a+1))}this.setHoverClass()}setCurrentCalendarView(e){this._calendarView=this._calendarView!==e?e:"days",this.setHoverClass()}setMonthAndCalendarView(e){this._calendarMonth=e,this._calendarView="days",this.type==="range"&&this.setHoverClass()}setYearAndCalendarView(e){this._calendarYear=e,this._calendarView="days",this.type==="range"&&this.setHoverClass()}generateSurroundingYears(){this._calendarYears.length||(this._calendarYears=Array.from({length:12},(e,t)=>this._calendarYear-4+t))}clearRangePickerStyles(){var e;(e=this.shadowRoot)==null||e.querySelectorAll(".range-day, .range-start-day, .range-end-day").forEach(t=>t.classList.remove("range-day","range-start-day","range-end-day"))}handleDate(e){if(this.type!=="range"){let t=e.getFullYear()<this._calendarYear||e.getFullYear()===this._calendarYear&&e.getMonth()<this._calendarMonth,a=e.getFullYear()>this._calendarYear||e.getFullYear()===this._calendarYear&&e.getMonth()>this._calendarMonth;t?this.setPreviousCalendarView():a&&this.setNextCalendarView()}switch(this.type){case"single":this.handleSingleSelectCalendar(e);break;case"multiple":this.handleMultipleSelectCalendar(e);break;case"range":this.handleRangeSelectCalendar(e);break}this._onBlCalendarChange(this._selectedDates),this.requestUpdate()}handleSingleSelectCalendar(e){this._selectedDates=[e]}handleMultipleSelectCalendar(e){var a,s,i;((a=this._selectedDates)==null?void 0:a.some(n=>n.getTime()===e.getTime()))?(i=this._selectedDates)==null||i.splice((s=this._selectedDates)==null?void 0:s.findIndex(n=>n.getTime()===e.getTime()),1):this._selectedDates.push(e)}handleRangeSelectCalendar(e){if(!this._selectedDates[0])this._selectedDates[0]=e;else if(this._selectedDates[1])this._selectedDates=[],this._selectedDates[0]=e;else if(e.getTime()>this._selectedDates[0].getTime())this._selectedDates[1]=e;else{let t=this._selectedDates[0];this._selectedDates[0]=e,this._selectedDates[1]=t}this.setHoverClass()}checkIfSelectedDate(e){var t;return(t=this._selectedDates)==null?void 0:t.some(a=>(a==null?void 0:a.getTime())===e.getTime())}checkIfDateIsToday(e){let t=this.today;return t.getDate()===e.getDate()&&t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}checkIfDateIsDisabled(e){var t,a;return e.getTime()<((t=this.minDate)==null?void 0:t.getTime())||e.getTime()>((a=this.maxDate)==null?void 0:a.getTime())?!0:this.disabledDates.length>0?this.disabledDates.some(s=>e.getDate()===s.getDate()&&e.getMonth()===s.getMonth()&&e.getFullYear()===s.getFullYear()):!1}setHoverClass(){this.clearRangePickerStyles(),this._selectedDates[0]&&this._selectedDates[1]&&setTimeout(()=>{var s,i,n,b,u,f,l,h,m;let e=(n=(i=this.shadowRoot)==null?void 0:i.getElementById(`${(s=this._selectedDates[0])==null?void 0:s.getTime()}`))==null?void 0:n.parentElement;e==null||e.classList.add("range-start-day");let t=(f=(u=this.shadowRoot)==null?void 0:u.getElementById(`${(b=this._selectedDates[1])==null?void 0:b.getTime()}`))==null?void 0:f.parentElement;t==null||t.classList.add("range-end-day");let a=[...this.createCalendarDays().values()].flat().filter(D=>D.getTime()>this._selectedDates[0].getTime()&&D.getTime()<this._selectedDates[1].getTime());for(let D=0;D<a.length;D++){let v=(h=(l=this.shadowRoot)==null?void 0:l.getElementById(`${a[D].getTime()}`))==null?void 0:h.parentElement;(m=v==null?void 0:v.classList)==null||m.add("range-day")}})}createCalendarDays(){var u,f;let e=new Map;this._calendarDays=this.days.slice(this.startOfWeek).concat(this.days.slice(0,this.startOfWeek));let t=this.getWeekDayOfDate(this._calendarYear,this._calendarMonth),a=t<this.startOfWeek?7-(this.startOfWeek-t):t-this.startOfWeek,s=this.getDayNumInAMonth(this._calendarYear,this._calendarMonth-1),i=this.getDayNumInAMonth(this._calendarYear,this._calendarMonth),n=this.startOfWeek;for(let l=a;l>0;l--){let h=n%7,m=new Date(this._calendarYear,this._calendarMonth-1,s-l+1);e.set(this.days[h].name,[m]),n+=1}for(let l=1;l<=i;l++){let h=n%7,m=new Date(this._calendarYear,this._calendarMonth,l);e.get(this.days[h].name)?(u=e.get(this.days[h].name))==null||u.push(m):e.set(this.days[h].name,[m]),n+=1}let b=this._calendarDays.findIndex(l=>l.value===n%7);if(b!==0)for(let l=1;l<=this._calendarDays.length-b;l++){let h=n%7,m=new Date(this._calendarYear,this._calendarMonth+1,l);(f=e.get(this.days[h].name))==null||f.push(m),n+=1}return e}renderCalendarHeader(){let e=this._calendarView==="months"?"header-text-hover":"",t=this._calendarView==="years"?"header-text-hover":"";return c`
+      <div class="calendar-header">
+        <bl-button
+          class="arrow"
+          icon="arrow_left"
+          variant="tertiary"
+          kind="neutral"
+          @click="${()=>this.setPreviousCalendarView()}"
+        ></bl-button>
+        <bl-button
+          variant="tertiary"
+          kind="neutral"
+          class="header-text ${e}"
+          @click="${()=>this.setCurrentCalendarView("months")}"
+          >${this.months[this._calendarMonth].name}
+        </bl-button>
+        <bl-button
+          variant="tertiary"
+          kind="neutral"
+          class="header-text ${t}"
+          @click="${()=>this.setCurrentCalendarView("years")}"
+          >${this._calendarYear}
+        </bl-button>
+        <bl-button
+          class="arrow"
+          icon="arrow_right"
+          variant="tertiary"
+          kind="neutral"
+          @click="${()=>this.setNextCalendarView()}"
+        ></bl-button>
+      </div>
+    `}renderCalendarDays(){let e=this.createCalendarDays(),t=Array.from(e.values());return c`
+      <div class="week-row">
+        ${[...e.keys()].map(a=>c` <div class="calendar-text weekday-text">${a}</div> `)}
+      </div>
+      <div class="days-wrapper">
+        ${[...Array(t[0].length).keys()].map(a=>c` <div class="week-row">
+            ${t.map(s=>{let i=s[a],n=this.checkIfSelectedDate(i),b=this.checkIfDateIsToday(i),u=this.checkIfDateIsDisabled(i),f=C({day:!0,"calendar-text":!0,"today-day":b,"selected-day":n,"other-month-day":s[a].getMonth()!==this._calendarMonth,"disabled-day":u});return c`
+                <div class="day-wrapper">
+                  <bl-button
+                    id=${i.getTime()}
+                    variant="tertiary"
+                    kind="neutral"
+                    size="small"
+                    class=${f}
+                    ?disabled=${u}
+                    @click="${()=>!u&&this.handleDate(i)}"
+                  >
+                    ${i.getDate()}
+                  </bl-button>
+                </div>
+              `})}
+          </div>`)}
+      </div>
+      </div>`}renderCalendarMonths(){return c` <div class="grid-content">
+      ${this.months.map((e,t)=>{let a=e.value===this._calendarMonth?"primary":"tertiary",s=e.value===this._calendarMonth?"default":"neutral";return c` <bl-button
+          variant=${a}
+          kind=${s}
+          class="grid-item"
+          size="small"
+          @click="${()=>this.setMonthAndCalendarView(t)}"
+          ><span class="calendar-text">${e.name}</span></bl-button
+        >`})}
+    </div>`}renderCalendarYears(){return this.generateSurroundingYears(),c` <div class="grid-content">
+      ${this._calendarYears.map(e=>{let t=e===this._calendarYear?"primary":"tertiary",a=e===this._calendarYear?"default":"neutral";return c` <bl-button
+          variant=${t}
+          kind=${a}
+          class="grid-item"
+          @click="${()=>this.setYearAndCalendarView(e)}"
+          ><span class="calendar-text">${e}</span></bl-button
+        >`})}
+    </div>`}render(){return c`
+      <div>
+        <div class="calendar-content">
+          <div class="calendar">
+            ${this.renderCalendarHeader()}
+            ${this._calendarView==="days"?this.renderCalendarDays():""}
+            ${this._calendarView==="months"?this.renderCalendarMonths():""}
+            ${this._calendarView==="years"?this.renderCalendarYears():""}
+          </div>
+        </div>
+      </div>
+    `}};r([y()],d.prototype,"today",2),r([y()],d.prototype,"_calendarMonth",2),r([y()],d.prototype,"_calendarYear",2),r([y()],d.prototype,"_calendarView",2),r([y()],d.prototype,"_calendarYears",2),r([y()],d.prototype,"_calendarDays",2),r([M("bl-calendar-change")],d.prototype,"_onBlCalendarChange",2),d=r([A("bl-calendar")],d);export{o as a,d as b};
+//# sourceMappingURL=chunk-IEFNMLBZ.js.map

package/dist/chunk-IEFNMLBZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/utilities/string-to-date-converter.ts", "../src/mixins/datepicker-calendar-mixin/datepicker-calendar-mixin.ts", "../src/components/calendar/bl-calendar.css", "../src/components/calendar/bl-calendar.ts"],
+  "sourcesContent": ["export function stringToDateArray(value: string): Date[] {\n  const tempValue: Date[] = [];\n  const splitDates = value.split(\",\");\n\n  splitDates?.forEach(date => {\n    const isDate = new Date(date.trim());\n\n    if (!isNaN(isDate.getTime())) {\n      tempValue.push(isDate);\n    }\n  });\n  return tempValue;\n}\n", "import { LitElement } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { CALENDAR_TYPES } from \"../../components/calendar/bl-calendar.constant\";\nimport { CalendarType, DayValues } from \"../../components/calendar/bl-calendar.types\";\nimport { stringToDateArray } from \"../../utilities/string-to-date-converter\";\n\nexport default class DatepickerCalendarMixin extends LitElement {\n  /**\n   * Defines the calendar types, available types are single, multiple and range\n   */\n  @property()\n  type: CalendarType;\n  /**\n   * Defines the start day of the calendar (1 defines monday)\n   */\n  @property({ type: Number, attribute: \"start-of-week\", reflect: true })\n  startOfWeek: DayValues = 0;\n  /**\n   * Defines the calendar language\n   */\n  @property()\n  locale: string = document.documentElement.lang || \"en-EN\";\n  @state()\n  _selectedDates: Date[] = [];\n\n  /**\n   * Defines the unselectable dates for calendar\n   */\n  protected _disabledDates: Date[] = [];\n\n  get disabledDates(): Date[] {\n    return this._disabledDates;\n  }\n\n  @property({\n    attribute: \"disabled-dates\",\n    reflect: true,\n  })\n  set disabledDates(disabledDates: Date[] | string) {\n    // Now we are using 1.6.0 version of @lit/reactive-elements and in this version even if our property has property decorator it doesn't run request update inside.\n    // We added similar implementations to update when there is a change.\n    // When we update the lit to 2.0 or upper versions we can remove the requestUpdate here\n\n    let newVal: Date[] = [];\n\n    if (typeof disabledDates === \"string\") {\n      newVal = stringToDateArray(disabledDates);\n    } else if (Array.isArray(disabledDates)) {\n      newVal = disabledDates.filter(d => !isNaN(d.getTime()));\n    }\n\n    this.requestUpdate(\"disabledDates\", newVal);\n    this._disabledDates = newVal;\n  }\n\n  /**\n   * Defines the maximum date value for the calendar\n   */\n  _maxDate: Date;\n\n  get maxDate() {\n    return this._maxDate;\n  }\n\n  @property({ type: Date, attribute: \"max-date\", reflect: true })\n  set maxDate(maxDate: Date) {\n    if (this._minDate && this._minDate >= maxDate) {\n      console.warn(\"maxDate cannot be smaller than minDate.\");\n    } else {\n      this._maxDate = maxDate;\n    }\n  }\n\n  /**\n   * Defines the minimum date value for the calendar\n   */\n  _minDate: Date;\n\n  get minDate() {\n    return this._minDate;\n  }\n\n  @property({ type: Date, attribute: \"min-date\", reflect: true })\n  set minDate(minDate: Date) {\n    if (this._maxDate && this._maxDate <= minDate) {\n      console.warn(\"minDate cannot be greater than maxDate.\");\n    } else {\n      this._minDate = minDate;\n    }\n  }\n\n  /**\n   * Target elements state\n   */\n  protected _value: Date | Date[] | string;\n\n  /**\n   * Sets the target element of the popover to align and trigger.\n   * It can be a string id of the target element or can be a direct Element reference of it.\n   */\n  get value() {\n    return this._value;\n  }\n\n  @property({ attribute: \"value\", reflect: true })\n  set value(value: string | Date | Date[]) {\n    if (value) {\n      const oldValue = this._value;\n      let tempVal: Date[] = [];\n\n      if (typeof value === \"string\") {\n        tempVal = stringToDateArray(value);\n      } else if (value instanceof Date) {\n        tempVal.push(value);\n      } else if (Array.isArray(value)) {\n        tempVal = value;\n      }\n\n      if (tempVal.length > 0) {\n        if (this.type === CALENDAR_TYPES.SINGLE && tempVal.length > 1) {\n          console.warn(\"'value' must be a single Date for single type selection.\");\n        } else if (\n          this.type === CALENDAR_TYPES.RANGE &&\n          Array.isArray(tempVal) &&\n          tempVal.length != 2\n        ) {\n          console.warn(\n            \"'value' must be an array of two Date objects when the type selection mode is set to range.\"\n          );\n        } else {\n          this._value = value;\n          this._selectedDates = tempVal;\n        }\n      }\n\n      this.requestUpdate(\"value\", oldValue);\n    }\n  }\n}\n", "import {css} from 'lit';\nexport const styles = css`.calendar{display:flex;flex-direction:column}.calendar-content{display:flex;padding:var(--bl-size-m);flex-direction:column;align-items:center;gap:var(--bl-size-m);border-radius:var(--bl-border-radius-s);width:fit-content;background:var(--bl-color-neutral-full)}.calendar-header{display:flex;justify-content:space-between;width:100%;align-items:center;padding-bottom:var(--bl-size-s)}.arrow{flex:1}.header-text{flex:3}.header-text-hover{background:var(--bl-color-neutral-lightest);border-radius:var(--bl-border-radius-s)}.days-wrapper{display:flex;flex-direction:column}.day-wrapper{display:flex;align-items:center;justify-content:center}.week-row{display:flex;align-items:center;flex-direction:row;padding-bottom:var(--bl-size-2xs)}.day{display:flex;align-items:center;width:40px;--bl-button-focus-border-color:#000;--bl-font-title-4-medium:var(--bl-font-weight-regular) var(--bl-font-size-m);--bl-size-xl:40px;--bl-border-radius-m:50%;--bl-border-radius-l:50%}.day.today-day{--bl-color-neutral-darker:var(--bl-color-primary);--bl-color-neutral-darkest:var(--bl-color-primary)}.day.other-month-day{--bl-color-neutral-darker:var(--bl-color-neutral-dark)}.day.other-month-day.selected-day{--bl-color-neutral-darker:var(--bl-color-neutral-full)}.day.selected-day{background:var(--bl-color-primary);border-radius:50%;--bl-button-focus-border-color:var(--bl-color-primary);--bl-color-neutral-darker:var(--bl-color-neutral-full)}.range-day{background:var(--bl-color-primary-contrast);--bl-color-neutral-lightest:var(--bl-color-primary-contrast)}.range-end-day,.range-start-day,.selected-day{--bl-color-neutral-lightest:var(--bl-color-primary);--bl-color-neutral-darker:var(--bl-color-neutral-full);--bl-color-neutral-darkest:var(--bl-color-neutral-full) !important}.range-start-day{background:var(--bl-color-primary-contrast);border-top-left-radius:50%;border-bottom-left-radius:50%}.range-end-day{background:var(--bl-color-primary-contrast);border-top-right-radius:50%;border-bottom-right-radius:50%}.weekday-text{color:var(--bl-color-neutral-dark);text-align:center;padding:var(--bl-size-2xs) 0;width:40px}.grid-content{display:grid;grid-template-columns:auto auto auto;text-align:center}.grid-item{width:93.33px;--bl-size-3xs:15px}.grid-item:not(:nth-last-child(-n + 3)){padding-bottom:var(--bl-size-2xs)}.calendar-text{font:var(--bl-font-title-3-regular)}`;\nexport default styles;\n", "import { CSSResultGroup, html } from \"lit\";\nimport { customElement, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport DatepickerCalendarMixin from \"../../mixins/datepicker-calendar-mixin/datepicker-calendar-mixin\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport \"../button/bl-button\";\nimport \"../icon/bl-icon\";\nimport {\n  CALENDAR_TYPES,\n  CALENDAR_VIEWS,\n  FIRST_MONTH_INDEX,\n  LAST_MONTH_INDEX,\n} from \"./bl-calendar.constant\";\nimport style from \"./bl-calendar.css\";\nimport { Calendar, CalendarDay, CalendarView } from \"./bl-calendar.types\";\n\n/**\n * @tag bl-calendar\n * @summary Baklava Calendar component\n **/\n@customElement(\"bl-calendar\")\nexport default class BlCalendar extends DatepickerCalendarMixin {\n  @state()\n  today = new Date();\n  @state()\n  _calendarMonth: number = this.today.getMonth();\n  @state()\n  _calendarYear: number = this.today.getFullYear();\n  @state()\n  _calendarView: CalendarView = CALENDAR_VIEWS.DAYS;\n  @state()\n  _calendarYears: number[] = [];\n  @state()\n  _calendarDays: CalendarDay[] = [];\n  /**\n   * Fires when date selection changes\n   */\n  @event(\"bl-calendar-change\") _onBlCalendarChange: EventDispatcher<Date[]>;\n\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  get months() {\n    return [...Array(12).keys()].map(month => ({\n      name: new Date(0, month + 1, 0).toLocaleString(this.locale, { month: \"long\" }),\n      value: month,\n    }));\n  }\n\n  get days() {\n    return [...Array(7).keys()].map(day => ({\n      name: new Date(0, 0, day).toLocaleString(this.locale, { weekday: \"short\" }),\n      value: day,\n    }));\n  }\n\n  public handleClearSelectedDates = () => {\n    this._selectedDates = [];\n    this._onBlCalendarChange([]);\n    this.clearRangePickerStyles();\n  };\n\n  getDayNumInAMonth(year: number, month: number) {\n    return new Date(year, month + 1, 0).getDate();\n  }\n\n  getWeekDayOfDate(year: number, month: number) {\n    return new Date(year, month, 1).getDay();\n  }\n\n  setPreviousCalendarView() {\n    this.clearRangePickerStyles();\n    if (this._calendarView === CALENDAR_VIEWS.DAYS) {\n      if (this._calendarMonth === FIRST_MONTH_INDEX) {\n        this._calendarMonth = LAST_MONTH_INDEX;\n        this._calendarYear -= 1;\n      } else this._calendarMonth -= 1;\n    } else if (this._calendarView === CALENDAR_VIEWS.MONTHS) {\n      this._calendarYear -= 1;\n    } else if (this._calendarView === CALENDAR_VIEWS.YEARS) {\n      const fromYear = this._calendarYears[0];\n\n      this._calendarYears = Array.from({ length: 12 }, (_, i) => fromYear - (i + 1));\n    }\n    if (this.type === CALENDAR_TYPES.RANGE) this.setHoverClass();\n  }\n\n  setNextCalendarView() {\n    this.clearRangePickerStyles();\n    if (this._calendarView === CALENDAR_VIEWS.DAYS) {\n      if (this._calendarMonth === LAST_MONTH_INDEX) {\n        this._calendarMonth = FIRST_MONTH_INDEX;\n        this._calendarYear += 1;\n      } else this._calendarMonth += 1;\n    } else if (this._calendarView === CALENDAR_VIEWS.MONTHS) {\n      this._calendarYear += 1;\n    } else if (this._calendarView === CALENDAR_VIEWS.YEARS) {\n      const fromYear = this._calendarYears[11];\n\n      this._calendarYears = Array.from({ length: 12 }, (_, i) => fromYear + (i + 1));\n    }\n    this.setHoverClass();\n  }\n\n  setCurrentCalendarView(view: CalendarView) {\n    this._calendarView = this._calendarView !== view ? view : CALENDAR_VIEWS.DAYS;\n    this.setHoverClass();\n  }\n\n  setMonthAndCalendarView(month: number) {\n    this._calendarMonth = month;\n    this._calendarView = CALENDAR_VIEWS.DAYS;\n    if (this.type === CALENDAR_TYPES.RANGE) this.setHoverClass();\n  }\n\n  setYearAndCalendarView(year: number) {\n    this._calendarYear = year;\n    this._calendarView = CALENDAR_VIEWS.DAYS;\n    if (this.type === CALENDAR_TYPES.RANGE) this.setHoverClass();\n  }\n\n  generateSurroundingYears() {\n    if (!this._calendarYears.length) {\n      this._calendarYears = Array.from({ length: 12 }, (_, i) => this._calendarYear - 4 + i);\n    }\n  }\n\n  clearRangePickerStyles() {\n    this.shadowRoot\n      ?.querySelectorAll(\".range-day, .range-start-day, .range-end-day\")\n      .forEach(day => day.classList.remove(\"range-day\", \"range-start-day\", \"range-end-day\"));\n  }\n\n  handleDate(date: Date) {\n    if (this.type !== CALENDAR_TYPES.RANGE) {\n      const isDateBeforeThanCalendar =\n        date.getFullYear() < this._calendarYear ||\n        (date.getFullYear() === this._calendarYear && date.getMonth() < this._calendarMonth);\n\n      const isDateAfterThanCalendar =\n        date.getFullYear() > this._calendarYear ||\n        (date.getFullYear() === this._calendarYear && date.getMonth() > this._calendarMonth);\n\n      if (isDateBeforeThanCalendar) {\n        this.setPreviousCalendarView();\n      } else if (isDateAfterThanCalendar) {\n        this.setNextCalendarView();\n      }\n    }\n\n    switch (this.type) {\n      case CALENDAR_TYPES.SINGLE:\n        this.handleSingleSelectCalendar(date);\n        break;\n      case CALENDAR_TYPES.MULTIPLE:\n        this.handleMultipleSelectCalendar(date);\n        break;\n      case CALENDAR_TYPES.RANGE:\n        this.handleRangeSelectCalendar(date);\n        break;\n    }\n\n    this._onBlCalendarChange(this._selectedDates);\n    this.requestUpdate();\n  }\n\n  handleSingleSelectCalendar(calendarDate: Date) {\n    this._selectedDates = [calendarDate];\n  }\n\n  handleMultipleSelectCalendar(calendarDate: Date) {\n    const dateExist = this._selectedDates?.some(d => d.getTime() === calendarDate.getTime());\n\n    dateExist\n      ? this._selectedDates?.splice(\n          this._selectedDates?.findIndex(d => d.getTime() === calendarDate.getTime()),\n          1\n        )\n      : this._selectedDates.push(calendarDate);\n  }\n\n  handleRangeSelectCalendar(calendarDate: Date) {\n    if (!this._selectedDates[0]) {\n      this._selectedDates[0] = calendarDate;\n    } else if (!this._selectedDates[1]) {\n      if (calendarDate.getTime() > this._selectedDates[0].getTime()) {\n        this._selectedDates[1] = calendarDate;\n      } else {\n        const tempEndDate = this._selectedDates[0];\n\n        this._selectedDates[0] = calendarDate;\n        this._selectedDates[1] = tempEndDate;\n      }\n    } else {\n      this._selectedDates = [];\n      this._selectedDates[0] = calendarDate;\n    }\n    this.setHoverClass();\n  }\n\n  checkIfSelectedDate(calendarDate: Date) {\n    return this._selectedDates?.some(date => date?.getTime() === calendarDate.getTime());\n  }\n\n  checkIfDateIsToday(calendarDate: Date) {\n    const today = this.today;\n\n    return (\n      today.getDate() === calendarDate.getDate() &&\n      today.getMonth() === calendarDate.getMonth() &&\n      today.getFullYear() === calendarDate.getFullYear()\n    );\n  }\n\n  checkIfDateIsDisabled(calendarDate: Date) {\n    if (\n      calendarDate.getTime() < this.minDate?.getTime() ||\n      calendarDate.getTime() > this.maxDate?.getTime()\n    ) {\n      return true;\n    }\n    if (this.disabledDates.length > 0) {\n      return this.disabledDates.some(disabledDate => {\n        return (\n          calendarDate.getDate() === disabledDate.getDate() &&\n          calendarDate.getMonth() === disabledDate.getMonth() &&\n          calendarDate.getFullYear() === disabledDate.getFullYear()\n        );\n      });\n    }\n    return false;\n  }\n\n  setHoverClass() {\n    this.clearRangePickerStyles();\n\n    if (this._selectedDates[0] && this._selectedDates[1]) {\n      setTimeout(() => {\n        const startDateParentElement = this.shadowRoot?.getElementById(\n          `${this._selectedDates[0]?.getTime()}`\n        )?.parentElement;\n\n        startDateParentElement?.classList.add(\"range-start-day\");\n\n        const endDateParentElement = this.shadowRoot?.getElementById(\n          `${this._selectedDates[1]?.getTime()}`\n        )?.parentElement;\n\n        endDateParentElement?.classList.add(\"range-end-day\");\n        const rangeDays = [...this.createCalendarDays().values()]\n          .flat()\n          .filter(\n            date =>\n              date.getTime() > this._selectedDates[0]!.getTime() &&\n              date.getTime() < this._selectedDates[1]!.getTime()\n          );\n\n        for (let i = 0; i < rangeDays.length; i++) {\n          const element = this.shadowRoot?.getElementById(\n            `${rangeDays[i].getTime()}`\n          )?.parentElement;\n\n          element?.classList?.add(\"range-day\");\n        }\n      });\n    }\n  }\n\n  createCalendarDays() {\n    const calendar: Calendar = new Map();\n\n    this._calendarDays = this.days\n      .slice(this.startOfWeek)\n      .concat(this.days.slice(0, this.startOfWeek));\n\n    const currentMonthStartWeekDay = this.getWeekDayOfDate(this._calendarYear, this._calendarMonth); // 1\n\n    const lastMonthDaysCount =\n      currentMonthStartWeekDay < this.startOfWeek\n        ? 7 - (this.startOfWeek - currentMonthStartWeekDay)\n        : currentMonthStartWeekDay - this.startOfWeek;\n\n    const previousMonthDayCount = this.getDayNumInAMonth(\n      this._calendarYear,\n      this._calendarMonth - 1\n    );\n\n    const currentMonthDayCount = this.getDayNumInAMonth(this._calendarYear, this._calendarMonth);\n\n    let dayOfTheWeek = this.startOfWeek; // from sunday\n\n    for (\n      let lastMonthDaysIterator = lastMonthDaysCount;\n      lastMonthDaysIterator > 0;\n      lastMonthDaysIterator--\n    ) {\n      const mod = dayOfTheWeek % 7;\n      const date = new Date(\n        this._calendarYear,\n        this._calendarMonth - 1,\n        previousMonthDayCount - lastMonthDaysIterator + 1\n      );\n\n      calendar.set(this.days[mod].name, [date]);\n\n      dayOfTheWeek += 1;\n    }\n    for (\n      let currentMonthDaysIterator = 1;\n      currentMonthDaysIterator <= currentMonthDayCount;\n      currentMonthDaysIterator++\n    ) {\n      const mod = dayOfTheWeek % 7;\n      const day = new Date(this._calendarYear, this._calendarMonth, currentMonthDaysIterator);\n\n      if (calendar.get(this.days[mod].name)) {\n        calendar.get(this.days[mod].name)?.push(day);\n      } else {\n        calendar.set(this.days[mod].name, [day]);\n      }\n      dayOfTheWeek += 1;\n    }\n\n    const index = this._calendarDays.findIndex(day => day.value === dayOfTheWeek % 7);\n\n    if (index !== 0) {\n      for (\n        let nextMonthDaysIterator = 1;\n        nextMonthDaysIterator <= this._calendarDays.length - index;\n        nextMonthDaysIterator++\n      ) {\n        const mod = dayOfTheWeek % 7;\n        const date = new Date(this._calendarYear, this._calendarMonth + 1, nextMonthDaysIterator);\n\n        calendar.get(this.days[mod].name)?.push(date);\n\n        dayOfTheWeek += 1;\n      }\n    }\n    return calendar;\n  }\n\n  renderCalendarHeader() {\n    const showMonthSelected =\n      this._calendarView === CALENDAR_VIEWS.MONTHS ? \"header-text-hover\" : \"\";\n    const showYearSelected = this._calendarView === CALENDAR_VIEWS.YEARS ? \"header-text-hover\" : \"\";\n\n    return html`\n      <div class=\"calendar-header\">\n        <bl-button\n          class=\"arrow\"\n          icon=\"arrow_left\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          @click=\"${() => this.setPreviousCalendarView()}\"\n        ></bl-button>\n        <bl-button\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          class=\"header-text ${showMonthSelected}\"\n          @click=\"${() => this.setCurrentCalendarView(CALENDAR_VIEWS.MONTHS)}\"\n          >${this.months[this._calendarMonth].name}\n        </bl-button>\n        <bl-button\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          class=\"header-text ${showYearSelected}\"\n          @click=\"${() => this.setCurrentCalendarView(CALENDAR_VIEWS.YEARS)}\"\n          >${this._calendarYear}\n        </bl-button>\n        <bl-button\n          class=\"arrow\"\n          icon=\"arrow_right\"\n          variant=\"tertiary\"\n          kind=\"neutral\"\n          @click=\"${() => this.setNextCalendarView()}\"\n        ></bl-button>\n      </div>\n    `;\n  }\n\n  renderCalendarDays() {\n    const calendarDays = this.createCalendarDays();\n    const valuesArray = Array.from(calendarDays.values());\n\n    return html`\n      <div class=\"week-row\">\n        ${[...calendarDays.keys()].map(key => {\n          return html` <div class=\"calendar-text weekday-text\">${key}</div> `;\n        })}\n      </div>\n      <div class=\"days-wrapper\">\n        ${[...Array(valuesArray[0].length).keys()].map(key => {\n          return html` <div class=\"week-row\">\n            ${valuesArray.map(values => {\n              const date = values[key];\n              const isSelectedDay = this.checkIfSelectedDate(date);\n              const isDayToday = this.checkIfDateIsToday(date);\n              const isDisabledDay = this.checkIfDateIsDisabled(date);\n\n              const classes = classMap({\n                \"day\": true,\n                \"calendar-text\": true,\n                \"today-day\": isDayToday,\n                \"selected-day\": isSelectedDay,\n                \"other-month-day\": values[key].getMonth() !== this._calendarMonth,\n                \"disabled-day\": isDisabledDay,\n              });\n\n              return html`\n                <div class=\"day-wrapper\">\n                  <bl-button\n                    id=${date.getTime()}\n                    variant=\"tertiary\"\n                    kind=\"neutral\"\n                    size=\"small\"\n                    class=${classes}\n                    ?disabled=${isDisabledDay}\n                    @click=\"${() => !isDisabledDay && this.handleDate(date)}\"\n                  >\n                    ${date.getDate()}\n                  </bl-button>\n                </div>\n              `;\n            })}\n          </div>`;\n        })}\n      </div>\n      </div>`;\n  }\n\n  renderCalendarMonths() {\n    return html` <div class=\"grid-content\">\n      ${this.months.map((month, index) => {\n        const variant = month.value === this._calendarMonth ? \"primary\" : \"tertiary\";\n        const neutral = month.value === this._calendarMonth ? \"default\" : \"neutral\";\n\n        return html` <bl-button\n          variant=${variant}\n          kind=${neutral}\n          class=\"grid-item\"\n          size=\"small\"\n          @click=\"${() => this.setMonthAndCalendarView(index)}\"\n          ><span class=\"calendar-text\">${month.name}</span></bl-button\n        >`;\n      })}\n    </div>`;\n  }\n\n  renderCalendarYears() {\n    this.generateSurroundingYears();\n    return html` <div class=\"grid-content\">\n      ${this._calendarYears.map(year => {\n        const variant = year === this._calendarYear ? \"primary\" : \"tertiary\";\n        const neutral = year === this._calendarYear ? \"default\" : \"neutral\";\n\n        return html` <bl-button\n          variant=${variant}\n          kind=${neutral}\n          class=\"grid-item\"\n          @click=\"${() => this.setYearAndCalendarView(year)}\"\n          ><span class=\"calendar-text\">${year}</span></bl-button\n        >`;\n      })}\n    </div>`;\n  }\n\n  render() {\n    return html`\n      <div>\n        <div class=\"calendar-content\">\n          <div class=\"calendar\">\n            ${this.renderCalendarHeader()}\n            ${this._calendarView === CALENDAR_VIEWS.DAYS ? this.renderCalendarDays() : \"\"}\n            ${this._calendarView === CALENDAR_VIEWS.MONTHS ? this.renderCalendarMonths() : \"\"}\n            ${this._calendarView === CALENDAR_VIEWS.YEARS ? this.renderCalendarYears() : \"\"}\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["stringToDateArray", "value", "tempValue", "splitDates", "date", "isDate", "DatepickerCalendarMixin", "s", "disabledDates", "newVal", "stringToDateArray", "d", "maxDate", "minDate", "value", "oldValue", "tempVal", "__decorateClass", "e", "t", "styles", "i", "bl_calendar_default", "BlCalendar", "DatepickerCalendarMixin", "bl_calendar_default", "month", "day", "year", "fromYear", "_", "i", "view", "_a", "date", "isDateBeforeThanCalendar", "isDateAfterThanCalendar", "calendarDate", "_b", "_c", "d", "tempEndDate", "today", "disabledDate", "_d", "_e", "_f", "_g", "_h", "_i", "startDateParentElement", "endDateParentElement", "rangeDays", "element", "calendar", "currentMonthStartWeekDay", "lastMonthDaysCount", "previousMonthDayCount", "currentMonthDayCount", "dayOfTheWeek", "lastMonthDaysIterator", "mod", "currentMonthDaysIterator", "index", "nextMonthDaysIterator", "showMonthSelected", "showYearSelected", "x", "calendarDays", "valuesArray", "key", "values", "isSelectedDay", "isDayToday", "isDisabledDay", "classes", "o", "variant", "neutral", "__decorateClass", "t", "event", "e"]
+}

package/dist/{chunk-OUFOJQAS.js → chunk-J45OQI7D.js}

@@ -2,7 +2,7 @@ import{a as u}from"./chunk-IPYZIIRV.js";import{a as b}from"./chunk-DINNT5P2.js";
     calc(var(--track-width) - var(--thumb-width) - calc(2 * var(--thumb-offset)))
   )}:host([checked][dir="rtl"]) .switch::before{transform:translateX(
     calc(calc(2 * var(--thumb-offset)) - var(--track-width) + var(--thumb-width))
-  )}:host([disabled]) .switch{opacity:0.5}:host([disabled]){cursor:not-allowed}.switch:focus-visible{position:relative;outline:none}.switch:focus-visible::after{border:2px solid var(--switch-color);border-radius:var(--bl-border-radius-pill);content:"";position:absolute;inset:-3px}`,p=m;var v="bl-switch",t=class extends n{constructor(){super(...arguments);this.checked=!1;this.disabled=!1}static get styles(){return[p]}toggle(){this.disabled||(this.checked=!this.checked,this.onToggle(this.checked))}connectedCallback(){super.connectedCallback(),u(this)}handleKeyDown(e){(e.code==="Enter"||e.code==="Space")&&(this.toggle(),e.preventDefault())}render(){var o,i,l;let e=(l=(i=this.ariaLabel)!=null?i:(o=this.attributes.getNamedItem("aria-label"))==null?void 0:o.value)!=null?l:void 0;return c`
+  )}:host([disabled]) .switch{opacity:0.5;cursor:not-allowed}:host([disabled]){cursor:not-allowed}.switch:focus-visible{position:relative;outline:none}.switch:focus-visible::after{border:2px solid var(--switch-color);border-radius:var(--bl-border-radius-pill);content:"";position:absolute;inset:-3px}`,p=m;var v="bl-switch",t=class extends n{constructor(){super(...arguments);this.checked=!1;this.disabled=!1}static get styles(){return[p]}toggle(){this.disabled||(this.checked=!this.checked,this.onToggle(this.checked))}connectedCallback(){super.connectedCallback(),u(this)}handleKeyDown(e){(e.code==="Enter"||e.code==="Space")&&(this.toggle(),e.preventDefault())}render(){var o,i,l;let e=(l=(i=this.ariaLabel)!=null?i:(o=this.attributes.getNamedItem("aria-label"))==null?void 0:o.value)!=null?l:void 0;return c`
       <label @click=${this.toggle}>
         <slot class="label"></slot>
         <span
@@ -17,4 +17,4 @@ import{a as u}from"./chunk-IPYZIIRV.js";import{a as b}from"./chunk-DINNT5P2.js";
         </span>
       </label>
     `}};r([a({type:Boolean,reflect:!0})],t.prototype,"checked",2),r([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2),r([d("bl-switch-toggle")],t.prototype,"onToggle",2),t=r([h(v)],t);export{v as a,t as b};
-//# sourceMappingURL=chunk-OUFOJQAS.js.map
+//# sourceMappingURL=chunk-J45OQI7D.js.map

package/dist/{chunk-OUFOJQAS.js.map → chunk-J45OQI7D.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/components/switch/bl-switch.css", "../src/components/switch/bl-switch.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;cursor:pointer;vertical-align:middle}span{display:inline-block}.switch{--track-height:var(--bl-size-xl);--track-width:var(--bl-size-4xl);--thumb-offset:var(--bl-size-4xs);--thumb-height:calc(var(--track-height) - calc(2 * var(--thumb-offset)));--thumb-width:var(--thumb-height);/* TODO: use predefined animation duration once it is ready */--animation-duration:var(--bl-switch-animation-duration, 300ms);--switch-color:var(--bl-switch-color-off, var(--bl-color-neutral-lighter));background-color:var(--switch-color);border-radius:var(--bl-border-radius-pill);height:var(--track-height);transition-property:background-color;transition-duration:var(--animation-duration);width:var(--track-width)}.switch::before{content:\"\";display:inline-block;background-color:white;border-radius:var(--bl-border-radius-circle);height:var(--thumb-height);inset-inline-start:var(--thumb-offset);position:relative;top:var(--thumb-offset);transition:transform;transition-duration:var(--animation-duration);width:var(--thumb-width)}label{display:flex;gap:var(--bl-size-2xs);color:var(--bl-color-neutral-darker);font:var(--bl-font-title-3);cursor:pointer;user-select:none;line-height:normal;align-items:center;margin-block:0}.label{overflow-wrap:anywhere}:host([disabled]) .label{color:var(--bl-color-neutral-light);border:1px solid var(--bl-color-neutral-lighter)}:host([checked]) .label,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .label,:host(:hover) .label{color:var(--bl-color-primary)}:host([checked]) .switch{--switch-color:var(--bl-switch-color-on, var(--bl-switch-color, var(--bl-color-primary)))}:host([checked]) .switch::before{transform:translateX(\n    calc(var(--track-width) - var(--thumb-width) - calc(2 * var(--thumb-offset)))\n  )}:host([checked][dir=\"rtl\"]) .switch::before{transform:translateX(\n    calc(calc(2 * var(--thumb-offset)) - var(--track-width) + var(--thumb-width))\n  )}:host([disabled]) .switch{opacity:0.5}:host([disabled]){cursor:not-allowed}.switch:focus-visible{position:relative;outline:none}.switch:focus-visible::after{border:2px solid var(--switch-color);border-radius:var(--bl-border-radius-pill);content:\"\";position:absolute;inset:-3px}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { setDirectionProperty } from \"../../utilities/direction\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport style from \"./bl-switch.css\";\n\nexport const blSwitchTag = \"bl-switch\";\n\n/**\n * @tag bl-switch\n * @summary Baklava Switch component\n *\n * @cssproperty [--bl-switch-color-on=--bl-color-primary] Set the checked color\n * @cssproperty [--bl-switch-color-off=--bl-color-neutral-lighter] Set the unchecked color\n * @cssproperty [--bl-switch-animation-duration=300ms] Set the animation duration of switch toggle\n */\n@customElement(blSwitchTag)\nexport default class BlSwitch extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the checked state for switch\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * Sets the disabled state for switch\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled? = false;\n\n  /**\n   * Fires whenever user toggles the switch\n   */\n  @event(\"bl-switch-toggle\") private onToggle: EventDispatcher<boolean>;\n\n  toggle() {\n    if (this.disabled) return;\n\n    this.checked = !this.checked;\n    this.onToggle(this.checked);\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    setDirectionProperty(this);\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.code === \"Enter\" || event.code === \"Space\") {\n      this.toggle();\n      event.preventDefault();\n    }\n  }\n\n  render(): TemplateResult {\n    const ariaLabel =\n      this.ariaLabel ?? this.attributes.getNamedItem(\"aria-label\")?.value ?? undefined;\n\n    return html`\n      <label @click=${this.toggle}>\n        <slot class=\"label\"></slot>\n        <span\n          class=\"switch\"\n          role=\"switch\"\n          aria-checked=${this.checked}\n          aria-readonly=${!!this.disabled}\n          @keydown=${this.handleKeyDown}\n          aria-label=${ifDefined(ariaLabel)}\n          tabindex=\"0\"\n        >\n        </span>\n      </label>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blSwitchTag]: BlSwitch;\n  }\n}\n"],
-  "mappings": "qQACO,IAAMA,EAASC;AAAA;AAAA;AAAA;AAAA,2RAKfC,EAAQF,ECCR,IAAMG,EAAc,YAWNC,EAArB,cAAsCC,CAAW,CAAjD,kCASE,aAAU,GAMV,cAAY,GAdZ,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAmBA,QAAS,CACH,KAAK,WAET,KAAK,QAAU,CAAC,KAAK,QACrB,KAAK,SAAS,KAAK,OAAO,EAC5B,CAEA,mBAA0B,CACxB,MAAM,kBAAkB,EAExBC,EAAqB,IAAI,CAC3B,CAEQ,cAAcC,EAAsB,EACtCA,EAAM,OAAS,SAAWA,EAAM,OAAS,WAC3C,KAAK,OAAO,EACZA,EAAM,eAAe,EAEzB,CAEA,QAAyB,CA5D3B,IAAAC,EAAAC,EAAAC,EA6DI,IAAMC,GACJD,GAAAD,EAAA,KAAK,YAAL,KAAAA,GAAkBD,EAAA,KAAK,WAAW,aAAa,YAAY,IAAzC,YAAAA,EAA4C,QAA9D,KAAAE,EAAuE,OAEzE,OAAOE;AAAA,sBACW,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,yBAKF,KAAK;AAAA,0BACJ,CAAC,CAAC,KAAK;AAAA,qBACZ,KAAK;AAAA,uBACHC,EAAUF,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,KAMxC,CACF,EArDEG,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GARvBZ,EASnB,uBAMAW,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAdvBZ,EAenB,wBAKmCW,EAAA,CAAlCP,EAAM,kBAAkB,GApBNJ,EAoBgB,wBApBhBA,EAArBW,EAAA,CADCC,EAAcb,CAAW,GACLC",
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;cursor:pointer;vertical-align:middle}span{display:inline-block}.switch{--track-height:var(--bl-size-xl);--track-width:var(--bl-size-4xl);--thumb-offset:var(--bl-size-4xs);--thumb-height:calc(var(--track-height) - calc(2 * var(--thumb-offset)));--thumb-width:var(--thumb-height);/* TODO: use predefined animation duration once it is ready */--animation-duration:var(--bl-switch-animation-duration, 300ms);--switch-color:var(--bl-switch-color-off, var(--bl-color-neutral-lighter));background-color:var(--switch-color);border-radius:var(--bl-border-radius-pill);height:var(--track-height);transition-property:background-color;transition-duration:var(--animation-duration);width:var(--track-width)}.switch::before{content:\"\";display:inline-block;background-color:white;border-radius:var(--bl-border-radius-circle);height:var(--thumb-height);inset-inline-start:var(--thumb-offset);position:relative;top:var(--thumb-offset);transition:transform;transition-duration:var(--animation-duration);width:var(--thumb-width)}label{display:flex;gap:var(--bl-size-2xs);color:var(--bl-color-neutral-darker);font:var(--bl-font-title-3);cursor:pointer;user-select:none;line-height:normal;align-items:center;margin-block:0}.label{overflow-wrap:anywhere}:host([disabled]) .label{color:var(--bl-color-neutral-light);border:1px solid var(--bl-color-neutral-lighter)}:host([checked]) .label,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .label,:host(:hover) .label{color:var(--bl-color-primary)}:host([checked]) .switch{--switch-color:var(--bl-switch-color-on, var(--bl-switch-color, var(--bl-color-primary)))}:host([checked]) .switch::before{transform:translateX(\n    calc(var(--track-width) - var(--thumb-width) - calc(2 * var(--thumb-offset)))\n  )}:host([checked][dir=\"rtl\"]) .switch::before{transform:translateX(\n    calc(calc(2 * var(--thumb-offset)) - var(--track-width) + var(--thumb-width))\n  )}:host([disabled]) .switch{opacity:0.5;cursor:not-allowed}:host([disabled]){cursor:not-allowed}.switch:focus-visible{position:relative;outline:none}.switch:focus-visible::after{border:2px solid var(--switch-color);border-radius:var(--bl-border-radius-pill);content:\"\";position:absolute;inset:-3px}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { setDirectionProperty } from \"../../utilities/direction\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport style from \"./bl-switch.css\";\n\nexport const blSwitchTag = \"bl-switch\";\n\n/**\n * @tag bl-switch\n * @summary Baklava Switch component\n *\n * @cssproperty [--bl-switch-color-on=--bl-color-primary] Set the checked color\n * @cssproperty [--bl-switch-color-off=--bl-color-neutral-lighter] Set the unchecked color\n * @cssproperty [--bl-switch-animation-duration=300ms] Set the animation duration of switch toggle\n */\n@customElement(blSwitchTag)\nexport default class BlSwitch extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the checked state for switch\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * Sets the disabled state for switch\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled? = false;\n\n  /**\n   * Fires whenever user toggles the switch\n   */\n  @event(\"bl-switch-toggle\") private onToggle: EventDispatcher<boolean>;\n\n  toggle() {\n    if (this.disabled) return;\n\n    this.checked = !this.checked;\n    this.onToggle(this.checked);\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    setDirectionProperty(this);\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.code === \"Enter\" || event.code === \"Space\") {\n      this.toggle();\n      event.preventDefault();\n    }\n  }\n\n  render(): TemplateResult {\n    const ariaLabel =\n      this.ariaLabel ?? this.attributes.getNamedItem(\"aria-label\")?.value ?? undefined;\n\n    return html`\n      <label @click=${this.toggle}>\n        <slot class=\"label\"></slot>\n        <span\n          class=\"switch\"\n          role=\"switch\"\n          aria-checked=${this.checked}\n          aria-readonly=${!!this.disabled}\n          @keydown=${this.handleKeyDown}\n          aria-label=${ifDefined(ariaLabel)}\n          tabindex=\"0\"\n        >\n        </span>\n      </label>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blSwitchTag]: BlSwitch;\n  }\n}\n"],
+  "mappings": "qQACO,IAAMA,EAASC;AAAA;AAAA;AAAA;AAAA,8SAKfC,EAAQF,ECCR,IAAMG,EAAc,YAWNC,EAArB,cAAsCC,CAAW,CAAjD,kCASE,aAAU,GAMV,cAAY,GAdZ,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAmBA,QAAS,CACH,KAAK,WAET,KAAK,QAAU,CAAC,KAAK,QACrB,KAAK,SAAS,KAAK,OAAO,EAC5B,CAEA,mBAA0B,CACxB,MAAM,kBAAkB,EAExBC,EAAqB,IAAI,CAC3B,CAEQ,cAAcC,EAAsB,EACtCA,EAAM,OAAS,SAAWA,EAAM,OAAS,WAC3C,KAAK,OAAO,EACZA,EAAM,eAAe,EAEzB,CAEA,QAAyB,CA5D3B,IAAAC,EAAAC,EAAAC,EA6DI,IAAMC,GACJD,GAAAD,EAAA,KAAK,YAAL,KAAAA,GAAkBD,EAAA,KAAK,WAAW,aAAa,YAAY,IAAzC,YAAAA,EAA4C,QAA9D,KAAAE,EAAuE,OAEzE,OAAOE;AAAA,sBACW,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,yBAKF,KAAK;AAAA,0BACJ,CAAC,CAAC,KAAK;AAAA,qBACZ,KAAK;AAAA,uBACHC,EAAUF,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,KAMxC,CACF,EArDEG,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GARvBZ,EASnB,uBAMAW,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAdvBZ,EAenB,wBAKmCW,EAAA,CAAlCP,EAAM,kBAAkB,GApBNJ,EAoBgB,wBApBhBA,EAArBW,EAAA,CADCC,EAAcb,CAAW,GACLC",
   "names": ["styles", "i", "bl_switch_default", "blSwitchTag", "BlSwitch", "s", "bl_switch_default", "setDirectionProperty", "event", "_a", "_b", "_c", "ariaLabel", "x", "l", "__decorateClass", "e"]
 }