@trendyol/baklava 3.4.2 → 3.5.0-beta.10

package/dist/{chunk-BDTCJ2JC.js → chunk-JXB2O63E.js}

@@ -1,4 +1,4 @@
-import{a as h}from"./chunk-6LT7O7T2.js";import{a as f}from"./chunk-GRL4DWKG.js";import{a as u,b as o}from"./chunk-5MOOXA2X.js";import{a as c,b as m,f as d}from"./chunk-4OT5AMS5.js";import{d as p}from"./chunk-BWWXE4SL.js";var y=c`:host{display:block;width:100%}.stepper{--spacing:var(--bl-size-m);display:flex;position:relative;width:100%}.stepper.direction-horizontal{flex-direction:row;align-items:flex-start}.stepper.direction-horizontal .stepper-item{flex:1 1 0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.stepper.direction-vertical{flex-direction:column;align-items:flex-start}.stepper.direction-vertical .stepper-item{position:relative;width:100%;min-height:80px}.stepper.direction-vertical .stepper-item:not(:last-child){margin-bottom:0}.stepper.usage-non-clickable .stepper-item{cursor:default}.stepper.usage-non-clickable .stepper-item:focus{outline:0}@media (max-width:768px){.stepper.direction-horizontal{flex-direction:column}.stepper.direction-horizontal .stepper-item:not(:last-child)::after{display:none}.stepper.direction-horizontal .stepper-item{margin-bottom:var(--spacing)}}`,g=y;var s=class extends d{constructor(){super(...arguments);this.type="dot";this.direction="horizontal";this.usage="clickable"}static get styles(){return[g]}get stepperItemsArray(){return Array.from(this.querySelectorAll("bl-stepper-item"))}get totalSteps(){return this.stepperItemsArray.length}get activeStep(){return this.stepperItemsArray.findIndex(r=>r.variant==="active")}handleItemClick(e){if(this.usage==="non-clickable")return;let i=e.target.id,t=this.stepperItemsArray,n=t.findIndex(a=>a.id===i);t.forEach((a,l)=>{l<n?a.variant="success":l===n?a.variant="active":a.variant="default"}),this.onStepperChange({activeStep:n,totalSteps:this.totalSteps})}handleKeyDown(e){if(this.usage==="non-clickable")return;let r=this.stepperItemsArray,i=r.findIndex(n=>n===document.activeElement);if(i===-1)return;let t=-1;e.key==="ArrowRight"||e.key==="ArrowDown"?(t=i+1,t>=r.length&&(t=0)):e.key==="ArrowLeft"||e.key==="ArrowUp"?(t=i-1,t<0&&(t=r.length-1)):e.key==="Home"?t=0:e.key==="End"&&(t=r.length-1),t!==-1&&(e.preventDefault(),r[t].focus())}connectedCallback(){super.connectedCallback()}firstUpdated(e){super.firstUpdated(e),this.updateStepperItems()}updated(e){super.updated(e),(e.has("type")||e.has("direction")||e.has("usage"))&&this.updateStepperItems()}updateStepperItems(){let e=this.stepperItemsArray,r=9;e.forEach((i,t)=>{if(t>=r){i.style.display="none";return}i.style.display="",i.stepperType=this.type,i.direction=this.direction,i.stepUsage=this.usage,i.showLeadingConnector=t>0,i.showTrailingConnector=t<Math.min(e.length,r)-1}),e.length>r&&console.error(`bl-stepper: Maximum ${r} items are allowed. ${e.length-r} item(s) will not be displayed.`)}render(){let e={stepper:!0,[`type-${this.type}`]:!0,[`direction-${this.direction}`]:!0,[`usage-${this.usage}`]:!0};return m`
+import{a as h}from"./chunk-6LT7O7T2.js";import{a as f}from"./chunk-GRL4DWKG.js";import{a as u,b as o}from"./chunk-5MOOXA2X.js";import{a as c,b as m,f as d}from"./chunk-4OT5AMS5.js";import{d as p}from"./chunk-IZ2LK5GK.js";var y=c`:host{display:block;width:100%}.stepper{--spacing:var(--bl-size-m);display:flex;position:relative;width:100%}.stepper.direction-horizontal{flex-direction:row;align-items:flex-start}.stepper.direction-horizontal .stepper-item{flex:1 1 0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.stepper.direction-vertical{flex-direction:column;align-items:flex-start}.stepper.direction-vertical .stepper-item{position:relative;width:100%;min-height:80px}.stepper.direction-vertical .stepper-item:not(:last-child){margin-bottom:0}.stepper.usage-non-clickable .stepper-item{cursor:default}.stepper.usage-non-clickable .stepper-item:focus{outline:0}@media (max-width:768px){.stepper.direction-horizontal{flex-direction:column}.stepper.direction-horizontal .stepper-item:not(:last-child)::after{display:none}.stepper.direction-horizontal .stepper-item{margin-bottom:var(--spacing)}}`,g=y;var s=class extends d{constructor(){super(...arguments);this.type="dot";this.direction="horizontal";this.usage="clickable"}static get styles(){return[g]}get stepperItemsArray(){return Array.from(this.querySelectorAll("bl-stepper-item"))}get totalSteps(){return this.stepperItemsArray.length}get activeStep(){return this.stepperItemsArray.findIndex(r=>r.variant==="active")}handleItemClick(e){if(this.usage==="non-clickable")return;let i=e.target.id,t=this.stepperItemsArray,n=t.findIndex(a=>a.id===i);t.forEach((a,l)=>{l<n?a.variant="success":l===n?a.variant="active":a.variant="default"}),this.onStepperChange({activeStep:n,totalSteps:this.totalSteps})}handleKeyDown(e){if(this.usage==="non-clickable")return;let r=this.stepperItemsArray,i=r.findIndex(n=>n===document.activeElement);if(i===-1)return;let t=-1;e.key==="ArrowRight"||e.key==="ArrowDown"?(t=i+1,t>=r.length&&(t=0)):e.key==="ArrowLeft"||e.key==="ArrowUp"?(t=i-1,t<0&&(t=r.length-1)):e.key==="Home"?t=0:e.key==="End"&&(t=r.length-1),t!==-1&&(e.preventDefault(),r[t].focus())}connectedCallback(){super.connectedCallback()}firstUpdated(e){super.firstUpdated(e),this.updateStepperItems()}updated(e){super.updated(e),(e.has("type")||e.has("direction")||e.has("usage"))&&this.updateStepperItems()}updateStepperItems(){let e=this.stepperItemsArray,r=9;e.forEach((i,t)=>{if(t>=r){i.style.display="none";return}i.style.display="",i.stepperType=this.type,i.direction=this.direction,i.stepUsage=this.usage,i.showLeadingConnector=t>0,i.showTrailingConnector=t<Math.min(e.length,r)-1}),e.length>r&&console.error(`bl-stepper: Maximum ${r} items are allowed. ${e.length-r} item(s) will not be displayed.`)}render(){let e={stepper:!0,[`type-${this.type}`]:!0,[`direction-${this.direction}`]:!0,[`usage-${this.usage}`]:!0};return m`
       <div
         class="${h(e)}"
         role="progressbar"
@@ -13,4 +13,4 @@ import{a as h}from"./chunk-6LT7O7T2.js";import{a as f}from"./chunk-GRL4DWKG.js";
         ></slot>
       </div>
     `}};p([o({type:String,reflect:!0})],s.prototype,"type",2),p([o({type:String,reflect:!0})],s.prototype,"direction",2),p([o({type:String,reflect:!0})],s.prototype,"usage",2),p([f("bl-stepper-change")],s.prototype,"onStepperChange",2),s=p([u("bl-stepper")],s);export{s as a};
-//# sourceMappingURL=chunk-BDTCJ2JC.js.map
+//# sourceMappingURL=chunk-JXB2O63E.js.map

package/dist/chunk-KC4ECXJJ.js

@@ -0,0 +1,2 @@
+import{a as i,b as l,c as r}from"./chunk-XCSIJWLQ.js";import{b as c}from"./chunk-6JU6I4L7.js";import{b as u}from"./chunk-EH2C72PD.js";import{b as f}from"./chunk-2PI5BUSE.js";import{c as s}from"./chunk-276RDWEQ.js";var L={ar:c,ro:u,tr:f},{getLocale:y,setLocale:d}=s({sourceLocale:i,targetLocales:l,loadLocale:e=>Promise.resolve(L[e])}),p=async()=>{let e=document.querySelector("html"),t=e==null?void 0:e.getAttribute("lang");t&&r.includes(t)&&await d(t);let n=o=>{o.forEach(g=>{if(g.attributeName==="lang"){let a=e==null?void 0:e.getAttribute("lang");a&&r.includes(a)&&d(a)}})};typeof MutationObserver<"u"?new MutationObserver(n).observe(e,{attributes:!0}):e==null||e.addEventListener("DOMAttrModified",o=>n([o]))},M=p();export{y as a,d as b,p as c,M as d};
+//# sourceMappingURL=chunk-KC4ECXJJ.js.map

package/dist/chunk-KC4ECXJJ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/localization.ts"],
+  "sourcesContent": ["import { configureLocalization } from \"@lit/localize\";\nimport { allLocales, sourceLocale, targetLocales } from \"./generated/locale-codes\";\nimport * as ar from \"./generated/locales/ar\";\nimport * as ro from \"./generated/locales/ro\";\nimport * as tr from \"./generated/locales/tr\";\n\nexport type LangKey = (typeof allLocales)[number];\n\nconst localeModules = { ar, ro, tr };\n\nexport const { getLocale, setLocale } = configureLocalization({\n  sourceLocale,\n  targetLocales,\n  loadLocale: locale => Promise.resolve(localeModules[locale as keyof typeof localeModules]),\n});\n\nexport const init = async () => {\n  const html = document.querySelector(\"html\");\n  const htmlLang = html?.getAttribute(\"lang\") as LangKey | null;\n\n  if (htmlLang && allLocales.includes(htmlLang)) {\n    await setLocale(htmlLang);\n  }\n\n  // Add event listener for 'lang' attribute changes\n  const langAttributeChangeListener = (mutations: MutationRecord[]) => {\n    mutations.forEach(mutation => {\n      if (mutation.attributeName === \"lang\") {\n        const newLangValue = html?.getAttribute(\"lang\") as LangKey | null;\n\n        if (newLangValue && allLocales.includes(newLangValue)) {\n          setLocale(newLangValue);\n        }\n      }\n    });\n  };\n\n  // Check if MutationObserver is supported\n  if (typeof MutationObserver !== \"undefined\") {\n    const observer = new MutationObserver(langAttributeChangeListener);\n\n    observer.observe(html as Node, { attributes: true });\n  } else {\n    // Fallback to DOMAttrModified for older browsers\n    html?.addEventListener(\"DOMAttrModified\", e =>\n      langAttributeChangeListener([e as unknown as MutationRecord])\n    );\n  }\n};\n\nexport default init();\n"],
+  "mappings": "sNAQA,IAAMA,EAAgB,CAAE,GAAAC,EAAI,GAAAC,EAAI,GAAAC,CAAG,EAEtB,CAAE,UAAAC,EAAW,UAAAC,CAAU,EAAIC,EAAsB,CAC5D,aAAAC,EACA,cAAAC,EACA,WAAYC,GAAU,QAAQ,QAAQT,EAAcS,CAAoC,CAAC,CAC3F,CAAC,EAEYC,EAAO,SAAY,CAC9B,IAAMC,EAAO,SAAS,cAAc,MAAM,EACpCC,EAAWD,GAAA,YAAAA,EAAM,aAAa,QAEhCC,GAAYC,EAAW,SAASD,CAAQ,GAC1C,MAAMP,EAAUO,CAAQ,EAI1B,IAAME,EAA+BC,GAAgC,CACnEA,EAAU,QAAQC,GAAY,CAC5B,GAAIA,EAAS,gBAAkB,OAAQ,CACrC,IAAMC,EAAeN,GAAA,YAAAA,EAAM,aAAa,QAEpCM,GAAgBJ,EAAW,SAASI,CAAY,GAClDZ,EAAUY,CAAY,EAG5B,CAAC,CACH,EAGI,OAAO,iBAAqB,IACb,IAAI,iBAAiBH,CAA2B,EAExD,QAAQH,EAAc,CAAE,WAAY,EAAK,CAAC,EAGnDA,GAAA,MAAAA,EAAM,iBAAiB,kBAAmBO,GACxCJ,EAA4B,CAACI,CAA8B,CAAC,EAGlE,EAEOC,EAAQT,EAAK",
+  "names": ["localeModules", "ar_exports", "ro_exports", "tr_exports", "getLocale", "setLocale", "configureLocalization", "sourceLocale", "targetLocales", "locale", "init", "html", "htmlLang", "allLocales", "langAttributeChangeListener", "mutations", "mutation", "newLangValue", "e", "localization_default"]
+}

package/dist/{chunk-5QGKDF4O.js → chunk-L5U5XRNP.js}

@@ -1,2 +1,2 @@
-import{a as n}from"./chunk-JN5BKKQZ.js";import{a as u}from"./chunk-DPKNQOJX.js";import{a as c,b as h}from"./chunk-5MOOXA2X.js";import{a,b,f as d}from"./chunk-4OT5AMS5.js";import{d as l}from"./chunk-BWWXE4SL.js";var y=a`:host{display:table-row}:host([checked]),:host([checked]) ::slotted(bl-table-cell){background-color:var(--bl-color-primary-contrast)}:host([disabled]),:host([disabled]) ::slotted(bl-table-cell){background-color:var(--bl-color-neutral-lightest);color:var(--bl-color-neutral-light)}:host(:not([checked],[disabled]).__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__),:host(:not([checked],[disabled]):hover),:host(:not([checked],[disabled]):hover) ::slotted(bl-table-cell){background-color:var(--bl-color-tertiary-background)}:host ::slotted(:first-child){border-inline-start:none}:host ::slotted(:last-child){border-inline-end:none}:host(:first-child) ::slotted(bl-table-header-cell){border-top:none;border-inline-end:none}:host(:first-child) ::slotted(bl-table-header-cell:first-child){border-top-left-radius:var(--bl-size-3xs)}:host(:first-child) ::slotted(bl-table-header-cell:last-child){border-top-right-radius:var(--bl-size-3xs);border-inline-end:1px}:host(:last-child) ::slotted(bl-table-cell){border-bottom:none}:host(:first-child) ::slotted(bl-table-cell){border-top:none}:host(:last-child) ::slotted(bl-table-cell:first-child){border-bottom-left-radius:var(--bl-size-3xs)}:host(:last-child) ::slotted(bl-table-cell:last-child){border-bottom-right-radius:var(--bl-size-3xs)}:host([sticky-first-column]) ::slotted(bl-table-cell:first-child),:host([sticky-first-column]) ::slotted(bl-table-header-cell:first-child){position:sticky;z-index:2;inset-inline-start:0}:host([sticky-last-column]) ::slotted(bl-table-cell:last-child),:host([sticky-last-column]) ::slotted(bl-table-header-cell:last-child){position:sticky;z-index:2;inset-inline-end:0}`,m=y;var f="bl-table-row",t=class extends d{constructor(){super(...arguments);this.selectionKey=""}static get styles(){return[m]}connectedCallback(){super.connectedCallback(),!this.closest(u)&&!this.closest(n)&&console.warn("bl-table-row is designed to be used inside a bl-table-header or bl-table-body",this)}updated(e){super.updated(e),this.removeAttribute("checked"),this.removeAttribute("disabled"),this.removeAttribute("sticky-first-column"),this.removeAttribute("sticky-last-column"),this.stickyFirstColumn&&this.setAttribute("sticky-first-column","true"),this.stickyLastColumn&&this.setAttribute("sticky-last-column","true"),this.checked?this.setAttribute("checked","true"):this.disabled&&this.setAttribute("disabled","true"),e.has("selectionKey")&&this.updateComplete.then(()=>{var s,r,o,i;Array.from(this.querySelectorAll("bl-table-header-cell,bl-table-cell")).map(p=>{p.requestUpdate()}),(s=this._table)!=null&&s.multiple&&((r=this._table)!=null&&r.selectable)&&((i=(o=this._table)==null?void 0:o.querySelector("bl-table-header-cell"))==null||i.requestUpdate())})}get _table(){return this.closest("bl-table")}get _firstTableCell(){return this.querySelector("bl-table-cell")}get disabled(){var e;return!!((e=this._firstTableCell)!=null&&e.disabled)}get checked(){var e;return!!((e=this._table)!=null&&e.isRowSelected(this.selectionKey))}get stickyFirstColumn(){var e;return!!((e=this._table)!=null&&e.isFirstColumnSticky())}get stickyLastColumn(){var e;return!!((e=this._table)!=null&&e.isLastColumnSticky())}render(){return b`<slot></slot>`}};l([h({type:String,reflect:!0,attribute:"selection-key"})],t.prototype,"selectionKey",2),t=l([c(f)],t);export{f as a,t as b};
-//# sourceMappingURL=chunk-5QGKDF4O.js.map
+import{a as n}from"./chunk-X2MSD7NS.js";import{a as u}from"./chunk-J5YZ4HBV.js";import{a as c,b as h}from"./chunk-5MOOXA2X.js";import{a,b,f as d}from"./chunk-4OT5AMS5.js";import{d as l}from"./chunk-IZ2LK5GK.js";var y=a`:host{display:table-row}:host([checked]),:host([checked]) ::slotted(bl-table-cell){background-color:var(--bl-color-primary-contrast)}:host([disabled]),:host([disabled]) ::slotted(bl-table-cell){background-color:var(--bl-color-neutral-lightest);color:var(--bl-color-neutral-light)}:host(:not([checked],[disabled]).__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__),:host(:not([checked],[disabled]):hover),:host(:not([checked],[disabled]):hover) ::slotted(bl-table-cell){background-color:var(--bl-color-tertiary-background)}:host ::slotted(:first-child){border-inline-start:none}:host ::slotted(:last-child){border-inline-end:none}:host(:first-child) ::slotted(bl-table-header-cell){border-top:none;border-inline-end:none}:host(:first-child) ::slotted(bl-table-header-cell:first-child){border-top-left-radius:var(--bl-size-3xs)}:host(:first-child) ::slotted(bl-table-header-cell:last-child){border-top-right-radius:var(--bl-size-3xs);border-inline-end:1px}:host(:last-child) ::slotted(bl-table-cell){border-bottom:none}:host(:first-child) ::slotted(bl-table-cell){border-top:none}:host(:last-child) ::slotted(bl-table-cell:first-child){border-bottom-left-radius:var(--bl-size-3xs)}:host(:last-child) ::slotted(bl-table-cell:last-child){border-bottom-right-radius:var(--bl-size-3xs)}:host([sticky-first-column]) ::slotted(bl-table-cell:first-child),:host([sticky-first-column]) ::slotted(bl-table-header-cell:first-child){position:sticky;z-index:2;inset-inline-start:0}:host([sticky-last-column]) ::slotted(bl-table-cell:last-child),:host([sticky-last-column]) ::slotted(bl-table-header-cell:last-child){position:sticky;z-index:2;inset-inline-end:0}`,m=y;var f="bl-table-row",t=class extends d{constructor(){super(...arguments);this.selectionKey=""}static get styles(){return[m]}connectedCallback(){super.connectedCallback(),!this.closest(u)&&!this.closest(n)&&console.warn("bl-table-row is designed to be used inside a bl-table-header or bl-table-body",this)}updated(e){super.updated(e),this.removeAttribute("checked"),this.removeAttribute("disabled"),this.removeAttribute("sticky-first-column"),this.removeAttribute("sticky-last-column"),this.stickyFirstColumn&&this.setAttribute("sticky-first-column","true"),this.stickyLastColumn&&this.setAttribute("sticky-last-column","true"),this.checked?this.setAttribute("checked","true"):this.disabled&&this.setAttribute("disabled","true"),e.has("selectionKey")&&this.updateComplete.then(()=>{var s,r,o,i;Array.from(this.querySelectorAll("bl-table-header-cell,bl-table-cell")).map(p=>{p.requestUpdate()}),(s=this._table)!=null&&s.multiple&&((r=this._table)!=null&&r.selectable)&&((i=(o=this._table)==null?void 0:o.querySelector("bl-table-header-cell"))==null||i.requestUpdate())})}get _table(){return this.closest("bl-table")}get _firstTableCell(){return this.querySelector("bl-table-cell")}get disabled(){var e;return!!((e=this._firstTableCell)!=null&&e.disabled)}get checked(){var e;return!!((e=this._table)!=null&&e.isRowSelected(this.selectionKey))}get stickyFirstColumn(){var e;return!!((e=this._table)!=null&&e.isFirstColumnSticky())}get stickyLastColumn(){var e;return!!((e=this._table)!=null&&e.isLastColumnSticky())}render(){return b`<slot></slot>`}};l([h({type:String,reflect:!0,attribute:"selection-key"})],t.prototype,"selectionKey",2),t=l([c(f)],t);export{f as a,t as b};
+//# sourceMappingURL=chunk-L5U5XRNP.js.map

package/dist/chunk-LYHOM7F5.js

@@ -0,0 +1,37 @@
+import{a as h}from"./chunk-6LT7O7T2.js";import{a as m}from"./chunk-DINNT5P2.js";import{a as u}from"./chunk-GRL4DWKG.js";import{a as v,b as o,c as a}from"./chunk-5MOOXA2X.js";import{a as d,b as e,f as l}from"./chunk-4OT5AMS5.js";import{d as i}from"./chunk-IZ2LK5GK.js";var g=d`:host{display:block;position:relative;flex:1}.stepper-item{--item-color:var(--bl-color-neutral-light);--item-background:var(--bl-color-neutral-full);--active-color:var(--bl-color-primary);--hover-color:var(--bl-color-primary-highlight);--success-color:var(--bl-color-success);--error-color:var(--bl-color-danger);--disabled-color:var(--bl-color-neutral-lighter);--text-color-active:var(--bl-color-primary);--text-color-default:var(--bl-color-neutral-light);--description-color-active:var(--bl-color-neutral-darker);--description-color-default:var(--bl-color-neutral-light);display:flex;align-items:flex-start;gap:0;position:relative;background-color:transparent;padding:0;transition:.2s;width:100%;height:100%}.stepper-item.direction-horizontal{flex-direction:column;align-items:center;text-align:center;min-width:0}.stepper-item.direction-vertical{flex-direction:row;align-items:flex-start;text-align:left;width:100%}.vertical-layout{display:flex;flex-direction:row;align-items:stretch;gap:0;width:100%;height:100%}.stepper-item.direction-horizontal .connector-wrap{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;position:relative;width:100%;flex:1 1 auto;min-width:0}.stepper-item.direction-vertical .connector-wrap{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;position:relative;flex:0 0 auto;min-height:100%}.stepper-item.direction-vertical:last-child .connector-wrap{min-height:auto}.connector{background-color:var(--bl-color-neutral-lighter);transition:background-color .2s;flex-shrink:0}.connector.completed{background-color:var(--bl-color-neutral-darker)}.stepper-item.direction-horizontal .connector{height:1px;flex:1 1 auto;min-width:48px}.connector-placeholder{height:1px;flex:1 1 auto;min-width:48px;visibility:hidden}.stepper-item.direction-vertical .connector{width:1px;flex:1 1 auto;min-height:16px}.stepper-item.direction-vertical .connector-placeholder:first-child,.stepper-item.direction-vertical .connector:first-child{display:none}.stepper-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;background-color:var(--item-background);border:2px solid var(--item-color);color:var(--item-color);font-weight:var(--bl-font-weight-medium);font-size:var(--bl-font-size-m);line-height:1;transition:.2s;flex-shrink:0;position:relative;z-index:2}.stepper-content{display:flex;flex-direction:column;gap:var(--bl-size-3xs);min-width:0;flex-shrink:0;margin-top:var(--bl-size-2xs);width:100%;text-align:center}.stepper-item.direction-vertical .stepper-content{margin-top:0;margin-left:var(--bl-size-xs);text-align:left;flex:1;padding-bottom:var(--bl-size-xl,24px);gap:0}.stepper-item.direction-vertical.type-dot .stepper-indicator{margin-top:2px}.stepper-title{font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);color:var(--text-color-default);line-height:1.5}.stepper-description{font-size:var(--bl-font-size-s);font-weight:var(--bl-font-weight-regular);color:var(--description-color-default);line-height:1.5}.step-dot{width:12px;height:12px;border-radius:50%;background-color:currentcolor;transition:.2s}.step-number{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:1}.step-icon{width:18px;height:18px;color:currentcolor;display:flex;align-items:center;justify-content:center}.stepper-item.variant-active .stepper-title{color:var(--text-color-active)}.stepper-item.variant-active .stepper-description{color:var(--description-color-active)}.stepper-item.variant-hover .stepper-title{color:var(--hover-color)}.stepper-item.variant-hover .stepper-description{color:var(--description-color-default)}.stepper-item.variant-success .stepper-title{color:var(--success-color)}.stepper-item.variant-error .stepper-title{color:var(--error-color)}.stepper-item.disabled .stepper-indicator{border-color:var(--disabled-color);background-color:var(--item-background);color:var(--disabled-color)}.stepper-item.disabled .stepper-description,.stepper-item.disabled .stepper-title{color:var(--text-color-default)}.stepper-item.clickable{cursor:pointer}.stepper-item.clickable.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable:hover .stepper-indicator{transform:scale(1.05)}.stepper-item.clickable:focus{outline:0}.stepper-item.clickable:focus-visible .stepper-indicator{outline:2px solid var(--bl-color-primary);outline-offset:2px}.stepper-item.type-dot .stepper-indicator{width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;border:none!important;background-color:var(--item-color);padding:0!important;border-radius:50%}.stepper-item.type-dot .step-dot{display:none}.stepper-item.type-number .stepper-indicator{border:2px solid var(--item-color);background-color:var(--item-background);color:var(--item-color)}.stepper-item.type-icon .stepper-indicator{border:none;background-color:var(--item-color);color:var(--item-background)}.stepper-item.variant-default.type-dot .stepper-indicator{background-color:var(--item-color)}.stepper-item.variant-hover.type-dot .stepper-indicator{background-color:var(--hover-color)}.stepper-item.clickable.type-dot.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable.type-dot:hover .stepper-indicator{background-color:var(--hover-color)!important}.stepper-item.clickable.variant-success.type-dot.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable.variant-success.type-dot:hover .stepper-indicator{background-color:var(--success-color)!important}.stepper-item.clickable.variant-error.type-dot.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable.variant-error.type-dot:hover .stepper-indicator{background-color:var(--error-color)!important}.stepper-item.clickable.variant-active.type-dot.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable.variant-active.type-dot:hover .stepper-indicator{background-color:var(--active-color)!important}.stepper-item.variant-active.type-dot .stepper-indicator{background-color:var(--active-color)}.stepper-item.variant-success.type-dot .stepper-indicator{background-color:var(--success-color)}.stepper-item.variant-error.type-dot .stepper-indicator{background-color:var(--error-color)}.stepper-item.variant-default.type-number .stepper-indicator{border-color:var(--item-color);background-color:var(--item-background);color:var(--item-color)}.stepper-item.variant-hover.type-number .stepper-indicator{border-color:var(--active-color);background-color:var(--item-background);color:var(--active-color)}.stepper-item.variant-active.type-number .stepper-indicator{border-color:var(--active-color);background-color:var(--active-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-success.type-number .stepper-indicator{border-color:var(--success-color);background-color:var(--success-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-error.type-number .stepper-indicator{border-color:var(--error-color);background-color:var(--error-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-default.type-icon .stepper-indicator{background-color:var(--item-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-active.type-icon .stepper-indicator,.stepper-item.variant-hover.type-icon .stepper-indicator{background-color:var(--active-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-success.type-icon .stepper-indicator{background-color:var(--success-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-error.type-icon .stepper-indicator{background-color:var(--error-color);color:var(--bl-color-neutral-full)}:host([dir=rtl]) .stepper-item.direction-horizontal{text-align:center}:host([dir=rtl]) .stepper-item.direction-vertical{text-align:right}@media (max-width:768px){.stepper-item{padding:var(--bl-size-3xs)}.stepper-content{gap:var(--bl-size-4xs)}.stepper-title{font:var(--bl-font-body-text-3)}.stepper-description{font-size:var(--bl-font-size-s)}}`,b=g;var t=class extends l{constructor(){super(...arguments);this.id="";this.variant="default";this._internalVariant="default";this.disabled=!1;this.icon="check";this.title="";this.description="";this.showLeadingConnector=!1;this.showTrailingConnector=!0;this.stepperType="dot";this.direction="horizontal";this.stepUsage="clickable"}static get styles(){return[b]}static get shadowRootOptions(){return{...l.shadowRootOptions,delegatesFocus:!0}}willUpdate(r){super.willUpdate(r),r.has("variant")&&(this._internalVariant=this.variant)}get isClickable(){return!this.disabled&&this.variant!=="error"&&this.stepUsage==="clickable"}get stepNumber(){let r=this.parentElement;return r?Array.from(r.children).filter(n=>n.tagName.toLowerCase()==="bl-stepper-item").indexOf(this)+1:1}get shouldShowIcon(){return this.stepperType==="icon"?!0:this.stepperType==="number"?this.variant==="success"||this.variant==="error":!1}get iconName(){return this.stepperType==="icon"?this.icon:this.variant==="success"?"check":this.variant==="error"?"close":"check"}handleClick(r){this.isClickable&&(r.preventDefault(),r.stopPropagation(),this.onItemClick(this.id))}handleKeyDown(r){this.isClickable&&(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),this.onItemClick(this.id))}handleMouseEnter(){this.isClickable&&this.variant==="default"&&(this._internalVariant="hover",this.requestUpdate())}handleMouseLeave(){this._internalVariant==="hover"&&(this._internalVariant="default",this.requestUpdate())}render(){let r={"stepper-item":!0,[`variant-${this._internalVariant}`]:!0,[`type-${this.stepperType}`]:!0,[`direction-${this.direction}`]:!0,disabled:this.disabled,clickable:this.isClickable},c=e`
+      <div class="stepper-content">
+        ${this.title?e`<div class="stepper-title">${this.title}</div>`:""}
+        ${this.description?e`<div class="stepper-description">${this.description}</div>`:""}
+      </div>
+    `,n=this.variant==="success"||this.variant==="active"?"completed":"default",s=this.variant==="success"?"completed":"default",p=e`
+      <div class="connector-wrap">
+        ${this.direction==="horizontal"?e`
+              ${this.showLeadingConnector?e`<div class="connector connector-leading ${n}"></div>`:e`<div class="connector-placeholder"></div>`}
+              <div class="stepper-indicator">
+                ${this.shouldShowIcon?e`<bl-icon name="${this.iconName}" class="step-icon"></bl-icon>`:this.stepperType==="number"?e`<span class="step-number">${this.stepNumber}</span>`:""}
+              </div>
+              ${this.showTrailingConnector?e`<div class="connector connector-trailing ${s}"></div>`:e`<div class="connector-placeholder"></div>`}
+            `:e`
+              ${this.showLeadingConnector?e`<div class="connector connector-leading ${n}"></div>`:""}
+              <div class="stepper-indicator">
+                ${this.shouldShowIcon?e`<bl-icon name="${this.iconName}" class="step-icon"></bl-icon>`:this.stepperType==="number"?e`<span class="step-number">${this.stepNumber}</span>`:""}
+              </div>
+              ${this.showTrailingConnector?e`<div class="connector connector-trailing ${s}"></div>`:""}
+            `}
+      </div>
+    `;return e`
+      <div
+        class="${h(r)}"
+        role="button"
+        tabindex="${this.isClickable?"0":"-1"}"
+        aria-label="${m(this.title||`Step ${this.stepNumber}`)}"
+        aria-disabled="${this.disabled}"
+        @click="${this.handleClick}"
+        @keydown="${this.handleKeyDown}"
+        @mouseenter="${this.handleMouseEnter}"
+        @mouseleave="${this.handleMouseLeave}"
+      >
+        ${this.direction==="horizontal"?e` ${p} ${c} `:e` <div class="vertical-layout">${p} ${c}</div> `}
+      </div>
+    `}};i([o({type:String,reflect:!0})],t.prototype,"id",2),i([o({type:String,reflect:!0})],t.prototype,"variant",2),i([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([o({type:String})],t.prototype,"icon",2),i([o({type:String,reflect:!0})],t.prototype,"title",2),i([o({type:String,reflect:!0})],t.prototype,"description",2),i([a()],t.prototype,"showLeadingConnector",2),i([a()],t.prototype,"showTrailingConnector",2),i([a()],t.prototype,"stepperType",2),i([a()],t.prototype,"direction",2),i([a()],t.prototype,"stepUsage",2),i([u("bl-stepper-item-click")],t.prototype,"onItemClick",2),t=i([v("bl-stepper-item")],t);export{t as a};
+//# sourceMappingURL=chunk-LYHOM7F5.js.map

package/dist/chunk-LYHOM7F5.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/stepper/bl-stepper-item.css", "../src/components/stepper/bl-stepper-item.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:block;position:relative;flex:1}.stepper-item{--item-color:var(--bl-color-neutral-light);--item-background:var(--bl-color-neutral-full);--active-color:var(--bl-color-primary);--hover-color:var(--bl-color-primary-highlight);--success-color:var(--bl-color-success);--error-color:var(--bl-color-danger);--disabled-color:var(--bl-color-neutral-lighter);--text-color-active:var(--bl-color-primary);--text-color-default:var(--bl-color-neutral-light);--description-color-active:var(--bl-color-neutral-darker);--description-color-default:var(--bl-color-neutral-light);display:flex;align-items:flex-start;gap:0;position:relative;background-color:transparent;padding:0;transition:.2s;width:100%;height:100%}.stepper-item.direction-horizontal{flex-direction:column;align-items:center;text-align:center;min-width:0}.stepper-item.direction-vertical{flex-direction:row;align-items:flex-start;text-align:left;width:100%}.vertical-layout{display:flex;flex-direction:row;align-items:stretch;gap:0;width:100%;height:100%}.stepper-item.direction-horizontal .connector-wrap{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;position:relative;width:100%;flex:1 1 auto;min-width:0}.stepper-item.direction-vertical .connector-wrap{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;position:relative;flex:0 0 auto;min-height:100%}.stepper-item.direction-vertical:last-child .connector-wrap{min-height:auto}.connector{background-color:var(--bl-color-neutral-lighter);transition:background-color .2s;flex-shrink:0}.connector.completed{background-color:var(--bl-color-neutral-darker)}.stepper-item.direction-horizontal .connector{height:1px;flex:1 1 auto;min-width:48px}.connector-placeholder{height:1px;flex:1 1 auto;min-width:48px;visibility:hidden}.stepper-item.direction-vertical .connector{width:1px;flex:1 1 auto;min-height:16px}.stepper-item.direction-vertical .connector-placeholder:first-child,.stepper-item.direction-vertical .connector:first-child{display:none}.stepper-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;background-color:var(--item-background);border:2px solid var(--item-color);color:var(--item-color);font-weight:var(--bl-font-weight-medium);font-size:var(--bl-font-size-m);line-height:1;transition:.2s;flex-shrink:0;position:relative;z-index:2}.stepper-content{display:flex;flex-direction:column;gap:var(--bl-size-3xs);min-width:0;flex-shrink:0;margin-top:var(--bl-size-2xs);width:100%;text-align:center}.stepper-item.direction-vertical .stepper-content{margin-top:0;margin-left:var(--bl-size-xs);text-align:left;flex:1;padding-bottom:var(--bl-size-xl,24px);gap:0}.stepper-item.direction-vertical.type-dot .stepper-indicator{margin-top:2px}.stepper-title{font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);color:var(--text-color-default);line-height:1.5}.stepper-description{font-size:var(--bl-font-size-s);font-weight:var(--bl-font-weight-regular);color:var(--description-color-default);line-height:1.5}.step-dot{width:12px;height:12px;border-radius:50%;background-color:currentcolor;transition:.2s}.step-number{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:1}.step-icon{width:18px;height:18px;color:currentcolor;display:flex;align-items:center;justify-content:center}.stepper-item.variant-active .stepper-title{color:var(--text-color-active)}.stepper-item.variant-active .stepper-description{color:var(--description-color-active)}.stepper-item.variant-hover .stepper-title{color:var(--hover-color)}.stepper-item.variant-hover .stepper-description{color:var(--description-color-default)}.stepper-item.variant-success .stepper-title{color:var(--success-color)}.stepper-item.variant-error .stepper-title{color:var(--error-color)}.stepper-item.disabled .stepper-indicator{border-color:var(--disabled-color);background-color:var(--item-background);color:var(--disabled-color)}.stepper-item.disabled .stepper-description,.stepper-item.disabled .stepper-title{color:var(--text-color-default)}.stepper-item.clickable{cursor:pointer}.stepper-item.clickable.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable:hover .stepper-indicator{transform:scale(1.05)}.stepper-item.clickable:focus{outline:0}.stepper-item.clickable:focus-visible .stepper-indicator{outline:2px solid var(--bl-color-primary);outline-offset:2px}.stepper-item.type-dot .stepper-indicator{width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;border:none!important;background-color:var(--item-color);padding:0!important;border-radius:50%}.stepper-item.type-dot .step-dot{display:none}.stepper-item.type-number .stepper-indicator{border:2px solid var(--item-color);background-color:var(--item-background);color:var(--item-color)}.stepper-item.type-icon .stepper-indicator{border:none;background-color:var(--item-color);color:var(--item-background)}.stepper-item.variant-default.type-dot .stepper-indicator{background-color:var(--item-color)}.stepper-item.variant-hover.type-dot .stepper-indicator{background-color:var(--hover-color)}.stepper-item.clickable.type-dot.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable.type-dot:hover .stepper-indicator{background-color:var(--hover-color)!important}.stepper-item.clickable.variant-success.type-dot.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable.variant-success.type-dot:hover .stepper-indicator{background-color:var(--success-color)!important}.stepper-item.clickable.variant-error.type-dot.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable.variant-error.type-dot:hover .stepper-indicator{background-color:var(--error-color)!important}.stepper-item.clickable.variant-active.type-dot.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable.variant-active.type-dot:hover .stepper-indicator{background-color:var(--active-color)!important}.stepper-item.variant-active.type-dot .stepper-indicator{background-color:var(--active-color)}.stepper-item.variant-success.type-dot .stepper-indicator{background-color:var(--success-color)}.stepper-item.variant-error.type-dot .stepper-indicator{background-color:var(--error-color)}.stepper-item.variant-default.type-number .stepper-indicator{border-color:var(--item-color);background-color:var(--item-background);color:var(--item-color)}.stepper-item.variant-hover.type-number .stepper-indicator{border-color:var(--active-color);background-color:var(--item-background);color:var(--active-color)}.stepper-item.variant-active.type-number .stepper-indicator{border-color:var(--active-color);background-color:var(--active-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-success.type-number .stepper-indicator{border-color:var(--success-color);background-color:var(--success-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-error.type-number .stepper-indicator{border-color:var(--error-color);background-color:var(--error-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-default.type-icon .stepper-indicator{background-color:var(--item-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-active.type-icon .stepper-indicator,.stepper-item.variant-hover.type-icon .stepper-indicator{background-color:var(--active-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-success.type-icon .stepper-indicator{background-color:var(--success-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-error.type-icon .stepper-indicator{background-color:var(--error-color);color:var(--bl-color-neutral-full)}:host([dir=rtl]) .stepper-item.direction-horizontal{text-align:center}:host([dir=rtl]) .stepper-item.direction-vertical{text-align:right}@media (max-width:768px){.stepper-item{padding:var(--bl-size-3xs)}.stepper-content{gap:var(--bl-size-4xs)}.stepper-title{font:var(--bl-font-body-text-3)}.stepper-description{font-size:var(--bl-font-size-s)}}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport \"../icon/bl-icon\";\nimport { BaklavaIcon } from \"../icon/icon-list\";\nimport style from \"./bl-stepper-item.css\";\n\nexport type StepperItemVariant = \"default\" | \"active\" | \"success\" | \"error\";\ntype InternalStepperItemVariant = StepperItemVariant | \"hover\";\nexport type StepperType = \"dot\" | \"number\" | \"icon\";\nexport type StepperDirection = \"horizontal\" | \"vertical\";\n\n/**\n * @tag bl-stepper-item\n * @summary Baklava Stepper Item component for individual steps in a stepper\n *\n * @slot default - Step content (title and description)\n */\n\n@customElement(\"bl-stepper-item\")\nexport default class BlStepperItem extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * @internal\n   */\n  static get shadowRootOptions() {\n    return { ...LitElement.shadowRootOptions, delegatesFocus: true };\n  }\n\n  /**\n   * Defines stepper item's id\n   */\n  @property({ type: String, reflect: true })\n  id: string = \"\";\n\n  /**\n   * Defines stepper item's status\n   */\n  @property({ type: String, reflect: true })\n  variant: StepperItemVariant = \"default\";\n\n  /**\n   * Internal variant state that includes hover\n   * @internal\n   */\n  private _internalVariant: InternalStepperItemVariant = \"default\";\n\n  /**\n   * Defines stepper item's interaction\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * If stepper type is icon, it should be rendered on stepper items\n   */\n  @property({ type: String })\n  icon: BaklavaIcon = \"check\";\n\n  /**\n   * Defines stepper item's main title\n   */\n  @property({ type: String, reflect: true })\n  title = \"\";\n\n  /**\n   * Defines stepper item's description\n   */\n  @property({ type: String, reflect: true })\n  description = \"\";\n\n  /**\n   * Internal state to show leading connector (line before the step)\n   * @internal\n   */\n  @state()\n  showLeadingConnector = false;\n\n  /**\n   * Internal state to show trailing connector (line after the step)\n   * @internal\n   */\n  @state()\n  showTrailingConnector = true;\n\n  /**\n   * Internal state to track stepper type from parent\n   * @internal\n   */\n  @state()\n  stepperType: StepperType = \"dot\";\n\n  /**\n   * Internal state to track stepper direction from parent\n   * @internal\n   */\n  @state()\n  direction: StepperDirection = \"horizontal\";\n\n  /**\n   * Internal state to track stepper usage from parent\n   * @internal\n   */\n  @state()\n  stepUsage: \"clickable\" | \"non-clickable\" = \"clickable\";\n\n  /**\n   * Fires when stepper item is clicked\n   */\n  @event(\"bl-stepper-item-click\") private onItemClick: EventDispatcher<string>;\n\n  willUpdate(changedProperties: Map<string | number | symbol, unknown>) {\n    super.willUpdate(changedProperties);\n\n    // Sync internal variant with public variant\n    if (changedProperties.has(\"variant\")) {\n      this._internalVariant = this.variant;\n    }\n  }\n\n  private get isClickable(): boolean {\n    return !this.disabled && this.variant !== \"error\" && this.stepUsage === \"clickable\";\n  }\n\n  /**\n   * @internal\n   */\n  get stepNumber(): number {\n    const parent = this.parentElement;\n\n    if (!parent) return 1;\n\n    const items = Array.from(parent.children).filter(\n      child => child.tagName.toLowerCase() === \"bl-stepper-item\"\n    );\n\n    return items.indexOf(this) + 1;\n  }\n\n  /**\n   * @internal\n   */\n  get shouldShowIcon(): boolean {\n    if (this.stepperType === \"icon\") {\n      return true;\n    }\n    if (this.stepperType === \"number\") {\n      return this.variant === \"success\" || this.variant === \"error\";\n    }\n    return false;\n  }\n\n  /**\n   * @internal\n   */\n  get iconName(): BaklavaIcon {\n    if (this.stepperType === \"icon\") {\n      return this.icon;\n    }\n    if (this.variant === \"success\") {\n      return \"check\";\n    }\n    if (this.variant === \"error\") {\n      return \"close\";\n    }\n    return \"check\";\n  }\n\n  private handleClick(event: Event) {\n    if (!this.isClickable) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n    this.onItemClick(this.id);\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (!this.isClickable) {\n      return;\n    }\n\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      this.onItemClick(this.id);\n    }\n  }\n\n  private handleMouseEnter() {\n    if (this.isClickable && this.variant === \"default\") {\n      this._internalVariant = \"hover\";\n      this.requestUpdate();\n    }\n  }\n\n  private handleMouseLeave() {\n    if (this._internalVariant === \"hover\") {\n      this._internalVariant = \"default\";\n      this.requestUpdate();\n    }\n  }\n\n  render(): TemplateResult {\n    const classes = {\n      \"stepper-item\": true,\n      [`variant-${this._internalVariant}`]: true,\n      [`type-${this.stepperType}`]: true,\n      [`direction-${this.direction}`]: true,\n      disabled: this.disabled,\n      clickable: this.isClickable,\n    };\n\n    const content = html`\n      <div class=\"stepper-content\">\n        ${this.title ? html`<div class=\"stepper-title\">${this.title}</div>` : \"\"}\n        ${this.description ? html`<div class=\"stepper-description\">${this.description}</div>` : \"\"}\n      </div>\n    `;\n\n    const leadingConnectorState =\n      this.variant === \"success\" || this.variant === \"active\" ? \"completed\" : \"default\";\n    const trailingConnectorState = this.variant === \"success\" ? \"completed\" : \"default\";\n\n    const stepIndicator = html`\n      <div class=\"connector-wrap\">\n        ${this.direction === \"horizontal\"\n          ? html`\n              ${this.showLeadingConnector\n                ? html`<div class=\"connector connector-leading ${leadingConnectorState}\"></div>`\n                : html`<div class=\"connector-placeholder\"></div>`}\n              <div class=\"stepper-indicator\">\n                ${this.shouldShowIcon\n                  ? html`<bl-icon name=\"${this.iconName}\" class=\"step-icon\"></bl-icon>`\n                  : this.stepperType === \"number\"\n                  ? html`<span class=\"step-number\">${this.stepNumber}</span>`\n                  : \"\"}\n              </div>\n              ${this.showTrailingConnector\n                ? html`<div class=\"connector connector-trailing ${trailingConnectorState}\"></div>`\n                : html`<div class=\"connector-placeholder\"></div>`}\n            `\n          : html`\n              ${this.showLeadingConnector\n                ? html`<div class=\"connector connector-leading ${leadingConnectorState}\"></div>`\n                : \"\"}\n              <div class=\"stepper-indicator\">\n                ${this.shouldShowIcon\n                  ? html`<bl-icon name=\"${this.iconName}\" class=\"step-icon\"></bl-icon>`\n                  : this.stepperType === \"number\"\n                  ? html`<span class=\"step-number\">${this.stepNumber}</span>`\n                  : \"\"}\n              </div>\n              ${this.showTrailingConnector\n                ? html`<div class=\"connector connector-trailing ${trailingConnectorState}\"></div>`\n                : \"\"}\n            `}\n      </div>\n    `;\n\n    return html`\n      <div\n        class=\"${classMap(classes)}\"\n        role=\"button\"\n        tabindex=\"${this.isClickable ? \"0\" : \"-1\"}\"\n        aria-label=\"${ifDefined(this.title || `Step ${this.stepNumber}`)}\"\n        aria-disabled=\"${this.disabled}\"\n        @click=\"${this.handleClick}\"\n        @keydown=\"${this.handleKeyDown}\"\n        @mouseenter=\"${this.handleMouseEnter}\"\n        @mouseleave=\"${this.handleMouseLeave}\"\n      >\n        ${this.direction === \"horizontal\"\n          ? html` ${stepIndicator} ${content} `\n          : html` <div class=\"vertical-layout\">${stepIndicator} ${content}</div> `}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"bl-stepper-item\": BlStepperItem;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["styles", "i", "bl_stepper_item_default", "BlStepperItem", "s", "bl_stepper_item_default", "changedProperties", "parent", "child", "event", "classes", "content", "x", "leadingConnectorState", "trailingConnectorState", "stepIndicator", "o", "l", "__decorateClass", "e", "t"]
+}

package/dist/{chunk-6XM52E7W.js → chunk-MWFGDECP.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 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-BWWXE4SL.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,.dirty.invalid .invalid-text{display:block}`,O=S;var k="bl-checkbox-group",x="bl-checkbox-group-change",s=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,.dirty.invalid .invalid-text{display:block}`,O=S;var k="bl-checkbox-group",x="bl-checkbox-group-change",s=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">
           ${this.validationMessage}
         </p>`,i={dirty:this.dirty,invalid:!this.validity.valid};return o`<div class=${b(i)}>
       <fieldset
@@ -32,4 +32,4 @@ import{a as g,c as w}from"./chunk-EG7U7PM3.js";import{a as f}from"./chunk-XDUIVR
       </label>
       <div class="hint">${i}</div>
     </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,s as e};
-//# sourceMappingURL=chunk-6XM52E7W.js.map
+//# sourceMappingURL=chunk-MWFGDECP.js.map

package/dist/{chunk-FCOVZEHC.js → chunk-P5TOP3NH.js}

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

package/dist/chunk-PQEZBW3G.js

@@ -0,0 +1,54 @@
+import{a as f}from"./chunk-EFOTKJY4.js";import{a as b}from"./chunk-GRL4DWKG.js";import{a as g,b as s,c,e as _}from"./chunk-5MOOXA2X.js";import{a as v,b as p}from"./chunk-4OT5AMS5.js";import{d as a}from"./chunk-IZ2LK5GK.js";var D=v`:host{width:314px;display:block}.datepicker-content{--bl-input-cursor:pointer;--icon-size:var(--line-height);--icon-color:var(--bl-color-neutral-light);width:100%;position:relative;display:grid}:host([disabled]) .datepicker-content{pointer-events:none}.datepicker-input{width:var(--bl-datepicker-input-width,auto);white-space:nowrap;text-overflow:ellipsis}.icon-container{display:flex;gap:var(--bl-size-3xs);align-items:center}.calendar-icon{display:flex;align-items:center;gap:var(--icon-gap);flex-basis:var(--icon-size);align-self:center;margin-right:var(--label-padding);font-size:var(--icon-size);color:var(--icon-color);height:var(--icon-size)}.action-divider{display:block;height:var(--bl-size-m);width:1px;background-color:var(--bl-color-neutral-lighter);margin-right:var(--bl-size-3xs)}bl-popover{--bl-popover-padding:0;--bl-popover-background-color:transparent}`,E=D;var e=class extends f{constructor(){super(...arguments);this.size="medium";this.labelFixed=!1;this.valueFormatter=null;this._inputValue="";this._floatingDateCount=0;this._fittingDateCount=0}static get styles(){return[E]}defaultInputValueFormatter(){var t,i,o,l,n,r,d,h;if(this.type==="single")this._inputValue=this.formatDate((t=this._calendarEl)==null?void 0:t._dates[0]),this.closePopoverWithTimeout();else if(this.type==="multiple"){this.setFloatingDates();let u=(i=this._calendarEl)==null?void 0:i._dates.slice(0,this._fittingDateCount).map(m=>this.formatDate(m));this._inputValue=u.join(",")+(this._floatingDateCount>0?" ,...":"")}else this.type==="range"&&((o=this._calendarEl)!=null&&o._dates[0]&&(this._inputValue=this.formatDate((l=this._calendarEl)==null?void 0:l._dates[0])),(n=this._calendarEl)!=null&&n._dates[1]&&(this._inputValue=`${this._inputValue}-${this.formatDate((r=this._calendarEl)==null?void 0:r._dates[1])}`),(d=this._calendarEl)!=null&&d._dates[0]&&((h=this._calendarEl)!=null&&h._dates[1])&&this.closePopoverWithTimeout())}closePopoverWithTimeout(){setTimeout(()=>{this.closePopover(),this._inputEl.blur()},200)}setFloatingDates(){var l,n,r;let t=(l=this.shadowRoot)==null?void 0:l.getElementById("datepicker-input"),i=(n=this.shadowRoot)==null?void 0:n.getElementById("icon-container"),o=t.offsetWidth-i.offsetWidth;this._fittingDateCount=Math.floor(o/90),this._floatingDateCount=((r=this._calendarEl)==null?void 0:r._dates.length)-this._fittingDateCount}setDatePickerInput(){var t,i;(t=this._calendarEl)!=null&&t._dates.length?this.valueFormatter?this._inputValue=this.valueFormatter((i=this._calendarEl)==null?void 0:i._dates):this.defaultInputValueFormatter():this._inputValue=""}formatDate(t){return this.monthYearOnly?`${String((t==null?void 0:t.getMonth())+1).padStart(2,"0")}/${t==null?void 0:t.getFullYear()}`:`${String(t==null?void 0:t.getDate()).padStart(2,"0")}/${String((t==null?void 0:t.getMonth())+1).padStart(2,"0")}/${t==null?void 0:t.getFullYear()}`}clearDatepicker(){this._calendarEl.handleClearSelectedDates(),this._inputValue="",this._floatingDateCount=0}openPopover(){this._popoverEl.target=this._inputEl,this._popoverEl.show()}closePopover(){this._popoverEl.hide()}_togglePopover(){this._popoverEl.visible?this.closePopover():this.openPopover()}formatAdditionalDates(t){let i=t.split(",");return i==null?void 0:i.reduce((o,l,n)=>(n>0&&n%3===0&&o.push(p`<br />`),o.push(p`<span>${l.trim()}${n<i.length-1?", ":""}</span>`),o),[])}async firstUpdated(){var t,i,o;this._onCalendarMouseDown=l=>{var n;l.preventDefault(),(n=this._inputEl)==null||n.focus()},this._onInputMouseDown=l=>{var n;l.preventDefault(),(n=this._inputEl)==null||n.focus()},(t=this._calendarEl)==null||t.addEventListener("mousedown",this._onCalendarMouseDown),(i=this._inputEl)==null||i.addEventListener("mousedown",this._onInputMouseDown),(o=this._calendarEl)!=null&&o._dates&&this.setDatePickerInput()}onCalendarChange(){var t;this.setDatePickerInput(),this._onBlDatepickerChange((t=this._calendarEl)==null?void 0:t._dates)}disconnectedCallback(){var t,i;super.disconnectedCallback(),(t=this._calendarEl)==null||t.removeEventListener("mousedown",this._onCalendarMouseDown),(i=this._inputEl)==null||i.removeEventListener("mousedown",this._onInputMouseDown)}render(){var r,d,h,u;let t=p`
+      <bl-popover target="datepicker-content" placement="bottom-start">
+        <bl-calendar
+          type=${this.type}
+          .minDate=${this.minDate}
+          .maxDate=${this.maxDate}
+          .startOfWeek=${this.startOfWeek}
+          .disabledDates=${this.disabledDates}
+          .value=${this.value}
+          .locale=${this.locale}
+          .dayRenderer=${this.dayRenderer}
+          ?month-year-only=${this.monthYearOnly}
+          @bl-calendar-change="${this.onCalendarChange}"
+        ></bl-calendar>
+      </bl-popover>
+    `,i=(h=(d=(r=this._calendarEl)==null?void 0:r._dates)==null?void 0:d.slice(this._fittingDateCount).map(m=>this.formatDate(m)).join(","))!=null?h:"",o=this.formatAdditionalDates(i),l=this._floatingDateCount>0?p` <bl-tooltip>
+            <span slot="tooltip-trigger">+${this._floatingDateCount}</span>
+            <div>${o}</div>
+          </bl-tooltip>`:"",n=((u=this._calendarEl)==null?void 0:u._dates.length)>0?p` <bl-button
+              size="small"
+              variant="tertiary"
+              kind="neutral"
+              icon="close"
+              @click=${this.clearDatepicker}
+              ?disabled=${this.disabled}
+            ></bl-button>
+            <div class="action-divider"></div>`:"";return p`
+      <div class="datepicker-content" id="datepicker-content" tabindex="-1">
+        <bl-input
+          .value="${this._inputValue}"
+          .label="${this.label}"
+          placeholder="${this.placeholder}"
+          class="datepicker-input"
+          role="button"
+          id="datepicker-input"
+          aria-haspopup="listbox"
+          aria-labelledby="label"
+          @click=${this._togglePopover}
+          help-text=${this.helpText}
+          error=${this.error}
+          ?disabled=${this.disabled}
+          .size=${this.size}
+          .labelFixed=${this.labelFixed}
+          readonly
+        >
+          <div slot="icon" class="icon-container" id="icon-container">
+            ${l} ${n}
+            <bl-icon name="calendar" size="small" class="calendar-icon"></bl-icon>
+          </div>
+        </bl-input>
+        ${t}
+      </div>
+    `}};a([s({type:String,attribute:"placeholder",reflect:!0})],e.prototype,"placeholder",2),a([s({type:String,reflect:!0})],e.prototype,"size",2),a([s({type:Boolean,attribute:"label-fixed",reflect:!0})],e.prototype,"labelFixed",2),a([s({type:String,attribute:"label",reflect:!0})],e.prototype,"label",2),a([s({type:Function,attribute:"value-formatter"})],e.prototype,"valueFormatter",2),a([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),a([s({type:String,attribute:"help-text",reflect:!0})],e.prototype,"helpText",2),a([s({reflect:!0,type:String})],e.prototype,"error",2),a([s({attribute:!1})],e.prototype,"dayRenderer",2),a([c()],e.prototype,"_inputValue",2),a([c()],e.prototype,"_floatingDateCount",2),a([c()],e.prototype,"_fittingDateCount",2),a([_("bl-calendar")],e.prototype,"_calendarEl",2),a([_("bl-popover")],e.prototype,"_popoverEl",2),a([_("bl-input")],e.prototype,"_inputEl",2),a([b("bl-datepicker-change")],e.prototype,"_onBlDatepickerChange",2),e=a([g("bl-datepicker")],e);export{e as a};
+//# sourceMappingURL=chunk-PQEZBW3G.js.map

package/dist/chunk-PQEZBW3G.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/datepicker/bl-datepicker.css", "../src/components/datepicker/bl-datepicker.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{width:314px;display:block}.datepicker-content{--bl-input-cursor:pointer;--icon-size:var(--line-height);--icon-color:var(--bl-color-neutral-light);width:100%;position:relative;display:grid}:host([disabled]) .datepicker-content{pointer-events:none}.datepicker-input{width:var(--bl-datepicker-input-width,auto);white-space:nowrap;text-overflow:ellipsis}.icon-container{display:flex;gap:var(--bl-size-3xs);align-items:center}.calendar-icon{display:flex;align-items:center;gap:var(--icon-gap);flex-basis:var(--icon-size);align-self:center;margin-right:var(--label-padding);font-size:var(--icon-size);color:var(--icon-color);height:var(--icon-size)}.action-divider{display:block;height:var(--bl-size-m);width:1px;background-color:var(--bl-color-neutral-lighter);margin-right:var(--bl-size-3xs)}bl-popover{--bl-popover-padding:0;--bl-popover-background-color:transparent}`;\nexport default styles;\n", "import { CSSResultGroup, html, TemplateResult } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { BlCalendar, BlPopover } from \"../../baklava\";\nimport DatepickerCalendarMixin from \"../../mixins/datepicker-calendar-mixin/datepicker-calendar-mixin\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport \"../calendar/bl-calendar\";\nimport { CALENDAR_TYPES } from \"../calendar/bl-calendar.constant\";\nimport \"../input/bl-input\";\nimport BlInput, { InputSize } from \"../input/bl-input\";\nimport \"../tooltip/bl-tooltip\";\nimport style from \"./bl-datepicker.css\";\n\n/**\n * @tag bl-datepicker\n * @summary Baklava DatePicker component\n *\n * @cssproperty [--bl-datepicker-input-width] - Sets the width of datepicker input\n **/\n@customElement(\"bl-datepicker\")\nexport default class BlDatepicker extends DatepickerCalendarMixin {\n  /**\n   * Defines the datepicker input placeholder\n   */\n  @property({ type: String, attribute: \"placeholder\", reflect: true })\n  placeholder: string;\n  /**\n   * Sets input size.\n   */\n  @property({ type: String, reflect: true })\n  size?: InputSize = \"medium\";\n\n  /**\n   * Makes datepicker input label as fixed positioned\n   */\n  @property({ type: Boolean, attribute: \"label-fixed\", reflect: true })\n  labelFixed = false;\n  /**\n   * Defines the datepicker input label\n   */\n  @property({ type: String, attribute: \"label\", reflect: true })\n  label: string;\n  /**\n   * Defines the custom formatter function\n   */\n  @property({ type: Function, attribute: \"value-formatter\" })\n  valueFormatter: ((dates: Date[]) => string) | null = null;\n  /**\n   * Sets datepicker to disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled: boolean;\n  /**\n   * Defines help text to datepicker input for users\n   */\n  @property({ type: String, attribute: \"help-text\", reflect: true })\n  helpText: string;\n\n  /**\n   * Sets input error state\n   */\n  @property({ reflect: true, type: String })\n  error: string;\n\n  /**\n   * Custom function to render day cells in the calendar.\n   * It receives the date as an argument and should return a TemplateResult.\n   */\n  @property({ attribute: false })\n  dayRenderer?: (date: Date) => TemplateResult;\n\n  @state()\n  _inputValue = \"\";\n\n  @state()\n  _floatingDateCount: number = 0;\n\n  @state()\n  _fittingDateCount: number = 0;\n\n  @query(\"bl-calendar\")\n  _calendarEl: BlCalendar;\n\n  @query(\"bl-popover\")\n  _popoverEl: BlPopover;\n\n  @query(\"bl-input\")\n  _inputEl!: BlInput;\n\n  private _onCalendarMouseDown!: (event: MouseEvent) => void;\n  private _onInputMouseDown!: (event: MouseEvent) => void;\n\n  /**\n   * Fires when date selection is changed\n   */\n  @event(\"bl-datepicker-change\") private _onBlDatepickerChange: EventDispatcher<Date[]>;\n\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  defaultInputValueFormatter() {\n    if (this.type === CALENDAR_TYPES.SINGLE) {\n      this._inputValue = this.formatDate(this._calendarEl?._dates[0]);\n      this.closePopoverWithTimeout();\n    } else if (this.type === CALENDAR_TYPES.MULTIPLE) {\n      this.setFloatingDates();\n      const values = this._calendarEl?._dates\n        .slice(0, this._fittingDateCount)\n        .map(date => this.formatDate(date));\n\n      this._inputValue = values.join(\",\") + (this._floatingDateCount > 0 ? \" ,...\" : \"\");\n    } else if (this.type === CALENDAR_TYPES.RANGE) {\n      if (this._calendarEl?._dates[0])\n        this._inputValue = this.formatDate(this._calendarEl?._dates[0]);\n      if (this._calendarEl?._dates[1])\n        this._inputValue = `${this._inputValue}-${this.formatDate(this._calendarEl?._dates[1])}`;\n      if (this._calendarEl?._dates[0] && this._calendarEl?._dates[1])\n        this.closePopoverWithTimeout();\n    }\n  }\n\n  closePopoverWithTimeout() {\n    setTimeout(() => {\n      this.closePopover();\n      this._inputEl.blur();\n    }, 200);\n  }\n\n  setFloatingDates() {\n    const datepickerInput = this.shadowRoot?.getElementById(\"datepicker-input\");\n    const iconsContainer = this.shadowRoot?.getElementById(\"icon-container\");\n    const datesTextTotalWidth = datepickerInput!.offsetWidth! - iconsContainer!.offsetWidth!;\n\n    this._fittingDateCount = Math.floor(datesTextTotalWidth / 90);\n\n    this._floatingDateCount = this._calendarEl?._dates.length - this._fittingDateCount;\n  }\n\n  setDatePickerInput() {\n    if (!this._calendarEl?._dates.length) {\n      this._inputValue = \"\";\n    } else {\n      if (this.valueFormatter) {\n        this._inputValue = this.valueFormatter(this._calendarEl?._dates);\n      } else {\n        this.defaultInputValueFormatter();\n      }\n    }\n  }\n\n  formatDate(date: Date): string {\n    if (this.monthYearOnly) {\n      return `${String(date?.getMonth() + 1).padStart(2, \"0\")}/${date?.getFullYear()}`;\n    }\n    return `${String(date?.getDate()).padStart(2, \"0\")}/${String(date?.getMonth() + 1).padStart(\n      2,\n      \"0\"\n    )}/${date?.getFullYear()}`;\n  }\n\n  clearDatepicker() {\n    this._calendarEl.handleClearSelectedDates();\n    this._inputValue = \"\";\n    this._floatingDateCount = 0;\n  }\n\n  openPopover() {\n    this._popoverEl.target = this._inputEl;\n    this._popoverEl.show();\n  }\n\n  closePopover() {\n    this._popoverEl.hide();\n  }\n\n  _togglePopover() {\n    this._popoverEl.visible ? this.closePopover() : this.openPopover();\n  }\n\n  formatAdditionalDates(str: string): TemplateResult[] {\n    const parts = str.split(\",\");\n\n    return parts?.reduce<TemplateResult[]>((acc, part, index) => {\n      if (index > 0 && index % 3 === 0) {\n        acc.push(html`<br />`);\n      }\n      acc.push(html`<span>${part.trim()}${index < parts.length - 1 ? \", \" : \"\"}</span>`);\n      return acc;\n    }, []);\n  }\n\n  async firstUpdated() {\n    this._onCalendarMouseDown = event => {\n      event.preventDefault();\n      this._inputEl?.focus();\n    };\n\n    this._onInputMouseDown = event => {\n      event.preventDefault();\n      this._inputEl?.focus();\n    };\n\n    this._calendarEl?.addEventListener(\"mousedown\", this._onCalendarMouseDown);\n    this._inputEl?.addEventListener(\"mousedown\", this._onInputMouseDown);\n\n    if (this._calendarEl?._dates) {\n      this.setDatePickerInput();\n    }\n  }\n\n  onCalendarChange() {\n    this.setDatePickerInput();\n    this._onBlDatepickerChange(this._calendarEl?._dates);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._calendarEl?.removeEventListener(\"mousedown\", this._onCalendarMouseDown);\n    this._inputEl?.removeEventListener(\"mousedown\", this._onInputMouseDown);\n  }\n\n  render() {\n    const renderCalendar = html`\n      <bl-popover target=\"datepicker-content\" placement=\"bottom-start\">\n        <bl-calendar\n          type=${this.type}\n          .minDate=${this.minDate}\n          .maxDate=${this.maxDate}\n          .startOfWeek=${this.startOfWeek}\n          .disabledDates=${this.disabledDates}\n          .value=${this.value}\n          .locale=${this.locale}\n          .dayRenderer=${this.dayRenderer}\n          ?month-year-only=${this.monthYearOnly}\n          @bl-calendar-change=\"${this.onCalendarChange}\"\n        ></bl-calendar>\n      </bl-popover>\n    `;\n    const additionalDates =\n      this._calendarEl?._dates\n        ?.slice(this._fittingDateCount)\n        .map(date => {\n          return this.formatDate(date);\n        })\n        .join(\",\") ?? \"\";\n\n    const formattedAdditionalDates = this.formatAdditionalDates(additionalDates);\n\n    const additionalDatesView =\n      this._floatingDateCount > 0\n        ? html` <bl-tooltip>\n            <span slot=\"tooltip-trigger\">+${this._floatingDateCount}</span>\n            <div>${formattedAdditionalDates}</div>\n          </bl-tooltip>`\n        : \"\";\n\n    const clearDatepickerButton =\n      this._calendarEl?._dates.length > 0\n        ? html` <bl-button\n              size=\"small\"\n              variant=\"tertiary\"\n              kind=\"neutral\"\n              icon=\"close\"\n              @click=${this.clearDatepicker}\n              ?disabled=${this.disabled}\n            ></bl-button>\n            <div class=\"action-divider\"></div>`\n        : \"\";\n\n    return html`\n      <div class=\"datepicker-content\" id=\"datepicker-content\" tabindex=\"-1\">\n        <bl-input\n          .value=\"${this._inputValue}\"\n          .label=\"${this.label}\"\n          placeholder=\"${this.placeholder}\"\n          class=\"datepicker-input\"\n          role=\"button\"\n          id=\"datepicker-input\"\n          aria-haspopup=\"listbox\"\n          aria-labelledby=\"label\"\n          @click=${this._togglePopover}\n          help-text=${this.helpText}\n          error=${this.error}\n          ?disabled=${this.disabled}\n          .size=${this.size}\n          .labelFixed=${this.labelFixed}\n          readonly\n        >\n          <div slot=\"icon\" class=\"icon-container\" id=\"icon-container\">\n            ${additionalDatesView} ${clearDatepickerButton}\n            <bl-icon name=\"calendar\" size=\"small\" class=\"calendar-icon\"></bl-icon>\n          </div>\n        </bl-input>\n        ${renderCalendar}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["styles", "i", "bl_datepicker_default", "BlDatepicker", "DatepickerCalendarMixin", "bl_datepicker_default", "_a", "_b", "_c", "_d", "_e", "_f", "_g", "_h", "values", "date", "datepickerInput", "iconsContainer", "datesTextTotalWidth", "str", "parts", "acc", "part", "index", "x", "event", "renderCalendar", "additionalDates", "formattedAdditionalDates", "additionalDatesView", "clearDatepickerButton", "__decorateClass", "e", "t", "i"]
+}

package/dist/{chunk-UK2ZEQBN.js → chunk-QDYWH7BU.js}

@@ -1,8 +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-BWWXE4SL.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, .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
+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, .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-UK2ZEQBN.js.map
+//# sourceMappingURL=chunk-QDYWH7BU.js.map

package/dist/{chunk-WZBUJ4ER.js → chunk-QF4LGACD.js}

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

package/dist/{chunk-UV7BOOVA.js → chunk-QKII4FCI.js}

@@ -1,4 +1,4 @@
-import{a as E}from"./chunk-6LT7O7T2.js";import{a as p}from"./chunk-GRL4DWKG.js";import{a as w,b as d,c as x,e as c}from"./chunk-5MOOXA2X.js";import{a as m,b as r,f as y}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-BWWXE4SL.js";var z=m`: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{display:none}.container.has-footer footer{padding:var(--bl-size-xl);display:flex;flex-flow:row-reverse wrap;gap:var(--bl-size-m)}footer.shadow{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))}`,k=z;var t=class extends y{constructor(){super(...arguments);this.open=!1;this.critical=!1;this.polyfilled=!0;this._footerAssignedSlots=new Set;this.clickOutsideHandler=e=>{if(this.critical)return;e.composedPath().includes(this.container)||this.closeDialog("backdrop")};this.onKeydown=e=>{e.code==="Escape"&&this.open&&!this.critical&&(e.preventDefault(),this.closeDialog("keyboard"))};this.toggleFooterShadow=()=>{var l,s,n,h,v,u,f;let e=(l=this.content)==null?void 0:l.scrollTop,i=(s=this.content)==null?void 0:s.scrollHeight,a=(n=this.content)==null?void 0:n.clientHeight;e+a>=i?(v=(h=this.footer)==null?void 0:h.classList)==null||v.remove("shadow"):(f=(u=this.footer)==null?void 0:u.classList)==null||f.add("shadow")}}static get styles(){return[k]}updated(e){(e.has("open")||e.has("polyfilled"))&&this.toggleDialogHandler()}get _hasFooter(){return this._footerAssignedSlots.size>0}toggleDialogHandler(){var e,i,a,l,s,n;this.open?((i=(e=this.dialog)==null?void 0:e.showModal)==null||i.call(e),this.onOpen({isOpen:!0}),document.body.style.overflow="hidden",this.toggleFooterShadow(),window==null||window.addEventListener("keydown",h=>this.onKeydown(h)),window==null||window.addEventListener("resize",this.toggleFooterShadow),(a=this.content)==null||a.addEventListener("scroll",this.toggleFooterShadow)):((s=(l=this.dialog)==null?void 0:l.close)==null||s.call(l),this.onClose({isOpen:!1},{bubbles:!1}),document.body.style.overflow="auto",window==null||window.removeEventListener("keydown",this.onKeydown),window==null||window.removeEventListener("resize",this.toggleFooterShadow),(n=this.content)==null||n.removeEventListener("scroll",this.toggleFooterShadow))}closeDialog(e){this.onRequestClose({source:e},{cancelable:!0}).defaultPrevented||(this.open=!1)}toggleFooterVisibility(e){let i=e.currentTarget;i.assignedNodes().length>0?this._footerAssignedSlots.add(i.name):this._footerAssignedSlots.delete(i.name),this.requestUpdate("_footerAssignedSlots")}renderContainer(){let e=this.caption?r`<h2 id="dialog-caption">${this.caption}</h2>`:"",i=this.critical?null:r`<bl-button
+import{a as E}from"./chunk-6LT7O7T2.js";import{a as p}from"./chunk-GRL4DWKG.js";import{a as w,b as d,c as x,e as c}from"./chunk-5MOOXA2X.js";import{a as m,b as r,f as y}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-IZ2LK5GK.js";var z=m`: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{display:none}.container.has-footer footer{padding:var(--bl-size-xl);display:flex;flex-flow:row-reverse wrap;gap:var(--bl-size-m)}footer.shadow{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))}`,k=z;var t=class extends y{constructor(){super(...arguments);this.open=!1;this.critical=!1;this.polyfilled=!0;this._footerAssignedSlots=new Set;this.clickOutsideHandler=e=>{if(this.critical)return;e.composedPath().includes(this.container)||this.closeDialog("backdrop")};this.onKeydown=e=>{e.code==="Escape"&&this.open&&!this.critical&&(e.preventDefault(),this.closeDialog("keyboard"))};this.toggleFooterShadow=()=>{var l,s,n,h,v,u,f;let e=(l=this.content)==null?void 0:l.scrollTop,i=(s=this.content)==null?void 0:s.scrollHeight,a=(n=this.content)==null?void 0:n.clientHeight;e+a>=i?(v=(h=this.footer)==null?void 0:h.classList)==null||v.remove("shadow"):(f=(u=this.footer)==null?void 0:u.classList)==null||f.add("shadow")}}static get styles(){return[k]}updated(e){(e.has("open")||e.has("polyfilled"))&&this.toggleDialogHandler()}get _hasFooter(){return this._footerAssignedSlots.size>0}toggleDialogHandler(){var e,i,a,l,s,n;this.open?((i=(e=this.dialog)==null?void 0:e.showModal)==null||i.call(e),this.onOpen({isOpen:!0}),document.body.style.overflow="hidden",this.toggleFooterShadow(),window==null||window.addEventListener("keydown",h=>this.onKeydown(h)),window==null||window.addEventListener("resize",this.toggleFooterShadow),(a=this.content)==null||a.addEventListener("scroll",this.toggleFooterShadow)):((s=(l=this.dialog)==null?void 0:l.close)==null||s.call(l),this.onClose({isOpen:!1},{bubbles:!1}),document.body.style.overflow="auto",window==null||window.removeEventListener("keydown",this.onKeydown),window==null||window.removeEventListener("resize",this.toggleFooterShadow),(n=this.content)==null||n.removeEventListener("scroll",this.toggleFooterShadow))}closeDialog(e){this.onRequestClose({source:e},{cancelable:!0}).defaultPrevented||(this.open=!1)}toggleFooterVisibility(e){let i=e.currentTarget;i.assignedNodes().length>0?this._footerAssignedSlots.add(i.name):this._footerAssignedSlots.delete(i.name),this.requestUpdate("_footerAssignedSlots")}renderContainer(){let e=this.caption?r`<h2 id="dialog-caption">${this.caption}</h2>`:"",i=this.critical?null:r`<bl-button
           @click="${()=>this.closeDialog("close-button")}"
           icon="close"
           label="close"
@@ -29,4 +29,4 @@ import{a as E}from"./chunk-6LT7O7T2.js";import{a as p}from"./chunk-GRL4DWKG.js";
             ${this.renderContainer()}
           </dialog>
         `}};o([d({type:Boolean,reflect:!0,hasChanged(g,b){return g===!1&&b===void 0?!1:g!==b}})],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([x()],t.prototype,"_footerAssignedSlots",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([p("bl-dialog-open")],t.prototype,"onOpen",2),o([p("bl-dialog-request-close")],t.prototype,"onRequestClose",2),o([p("bl-dialog-close")],t.prototype,"onClose",2),t=o([w("bl-dialog")],t);export{t as a};
-//# sourceMappingURL=chunk-UV7BOOVA.js.map
+//# sourceMappingURL=chunk-QKII4FCI.js.map

package/dist/{chunk-5NSAJ3SX.js → chunk-S4BD3HT2.js}

@@ -1,4 +1,4 @@
-import{a as r}from"./chunk-GRL4DWKG.js";import{a as c,b as l,c as p,e as h}from"./chunk-5MOOXA2X.js";import{a as n,b as i,f as a}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-BWWXE4SL.js";var d=n`:host{position:relative}.option-container{--option-font:var(--bl-font-title-3-regular);--option-spacing:var(--bl-size-xs) 0;--option-selected-color:var(--bl-color-primary);--option-hover-color:var(--bl-color-primary-highlight);--option-color:var(--bl-color-neutral-darker);--option-disabled-color:var(--bl-color-neutral-light);--option-separator:1px solid var(--bl-color-neutral-lighter);--option-gap:var(--bl-size-2xs);--option-transition:color 120ms ease-out}.option-container::after{position:absolute;content:"";width:100%;bottom:0;border-bottom:var(--option-separator)}.no-border-bottom::after{border-bottom:none}:host(:last-of-type) .option-container::after{border-bottom:none}.single-option{width:100%;display:flex;align-items:center;cursor:pointer;color:var(--option-color);margin:var(--option-spacing);transition:var(--option-transition);font:var(--option-font);user-select:none;position:relative;outline:0}:host ::slotted([slot=icon]),:host bl-icon{margin-right:var(--bl-size-2xs)}.single-option:focus-visible::after{content:"";position:absolute;inset:calc(var(--bl-size-3xs) * -1);border:var(--bl-size-4xs) solid var(--option-hover-color);border-radius:var(--bl-size-4xs)}:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .single-option,:host(:hover) .single-option{color:var(--option-hover-color)}:host([selected]) .single-option{color:var(--option-selected-color)}:host([disabled]){cursor:not-allowed}:host([disabled]) .single-option{color:var(--option-disabled-color);cursor:not-allowed;pointer-events:none}.checkbox-option{width:100%;display:block;color:var(--option-color);padding:var(--option-spacing)}`,u=d;var t=class extends a{constructor(){super(...arguments);this.label="";this.disabled=!1;this.selected=!1;this.multiple=!1}static get styles(){return[u]}get value(){return this._value||this.textContent}set value(e){this._value=e}focus(){this.multiple||(this.focusTarget.tabIndex=0),this.focusTarget.focus(),this.onFocus(this.value)}blur(){this.onBlur(this.value),this.focusTarget.tabIndex=-1}singleOptionTemplate(){let e=this.icon?i`<bl-icon name=${this.icon}></bl-icon>`:null;return i`<div
+import{a as r}from"./chunk-GRL4DWKG.js";import{a as c,b as l,c as p,e as h}from"./chunk-5MOOXA2X.js";import{a as n,b as i,f as a}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-IZ2LK5GK.js";var d=n`:host{position:relative}.option-container{--option-font:var(--bl-font-title-3-regular);--option-spacing:var(--bl-size-xs) 0;--option-selected-color:var(--bl-color-primary);--option-hover-color:var(--bl-color-primary-highlight);--option-color:var(--bl-color-neutral-darker);--option-disabled-color:var(--bl-color-neutral-light);--option-separator:1px solid var(--bl-color-neutral-lighter);--option-gap:var(--bl-size-2xs);--option-transition:color 120ms ease-out}.option-container::after{position:absolute;content:"";width:100%;bottom:0;border-bottom:var(--option-separator)}.no-border-bottom::after{border-bottom:none}:host(:last-of-type) .option-container::after{border-bottom:none}.single-option{width:100%;display:flex;align-items:center;cursor:pointer;color:var(--option-color);margin:var(--option-spacing);transition:var(--option-transition);font:var(--option-font);user-select:none;position:relative;outline:0}:host ::slotted([slot=icon]),:host bl-icon{margin-right:var(--bl-size-2xs)}.single-option:focus-visible::after{content:"";position:absolute;inset:calc(var(--bl-size-3xs) * -1);border:var(--bl-size-4xs) solid var(--option-hover-color);border-radius:var(--bl-size-4xs)}:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .single-option,:host(:hover) .single-option{color:var(--option-hover-color)}:host([selected]) .single-option{color:var(--option-selected-color)}:host([disabled]){cursor:not-allowed}:host([disabled]) .single-option{color:var(--option-disabled-color);cursor:not-allowed;pointer-events:none}.checkbox-option{width:100%;display:block;color:var(--option-color);padding:var(--option-spacing)}`,u=d;var t=class extends a{constructor(){super(...arguments);this.label="";this.disabled=!1;this.selected=!1;this.multiple=!1}static get styles(){return[u]}get value(){return this._value||this.textContent}set value(e){this._value=e}focus(){this.multiple||(this.focusTarget.tabIndex=0),this.focusTarget.focus(),this.onFocus(this.value)}blur(){this.onBlur(this.value),this.focusTarget.tabIndex=-1}singleOptionTemplate(){let e=this.icon?i`<bl-icon name=${this.icon}></bl-icon>`:null;return i`<div
       class="single-option focus-target"
       @blur=${this.blur}
       @keydown=${this.handleKeydown}
@@ -20,4 +20,4 @@ import{a as r}from"./chunk-GRL4DWKG.js";import{a as c,b as l,c as p,e as h}from"
     </bl-checkbox>`}render(){return i`<div class="option-container">
       ${this.multiple?this.checkboxOptionTemplate():this.singleOptionTemplate()}
     </div>`}handleKeydown(e){(e.code==="Enter"||e.code==="Space")&&(this._onClickOption(),e.preventDefault())}_handleEvent(){this._onSelect(this.value)}_onClickOption(){this.selected=!this.selected,this._handleEvent()}_onCheckboxChange(e){this.selected=e.detail,this._handleEvent()}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var e,s;this.blSelect=this.closest("bl-select"),this.multiple=((e=this.blSelect)==null?void 0:e.multiple)||!1,(s=this.blSelect)==null||s.registerOption(this)})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.blSelect)==null||e.unregisterOption(this)}};o([l({})],t.prototype,"value",1),o([l({type:String,reflect:!0,attribute:"label"})],t.prototype,"label",2),o([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([l({type:Boolean,reflect:!0})],t.prototype,"selected",2),o([l({type:String})],t.prototype,"icon",2),o([p()],t.prototype,"multiple",2),o([r("bl-select-option")],t.prototype,"_onSelect",2),o([r("bl-focus")],t.prototype,"onFocus",2),o([r("bl-blur")],t.prototype,"onBlur",2),o([h(".focus-target")],t.prototype,"focusTarget",2),t=o([c("bl-select-option")],t);export{t as a};
-//# sourceMappingURL=chunk-5NSAJ3SX.js.map
+//# sourceMappingURL=chunk-S4BD3HT2.js.map

package/dist/{chunk-23AVKNCC.js → chunk-SBCJY5IU.js}

@@ -1,4 +1,4 @@
-import{b as y,c as g,d as D,e as H,f as $}from"./chunk-AYJMIZZ3.js";import{a as Y}from"./chunk-DINNT5P2.js";import{a as N,b as L,c as R}from"./chunk-7GK5LKBV.js";import{a as k,b as A,c as M,d as S}from"./chunk-5MOOXA2X.js";import{a as P,b as w,c as z,f as C}from"./chunk-4OT5AMS5.js";import{d as v}from"./chunk-BWWXE4SL.js";var I=(s,f,t)=>{let o=new Map;for(let n=f;n<=t;n++)o.set(s[n],n);return o},V=L(class extends R{constructor(s){if(super(s),s.type!==N.CHILD)throw Error("repeat() can only be used in text expressions")}ct(s,f,t){let o;t===void 0?t=f:f!==void 0&&(o=f);let n=[],i=[],a=0;for(let c of s)n[a]=o?o(c,a):a,i[a]=t(c,a),a++;return{values:i,keys:n}}render(s,f,t){return this.ct(s,f,t).values}update(s,[f,t,o]){var n;let i=H(s),{values:a,keys:c}=this.ct(f,t,o);if(!Array.isArray(i))return this.ut=c,a;let p=(n=this.ut)!==null&&n!==void 0?n:this.ut=[],m=[],b,x,e=0,l=i.length-1,r=0,d=a.length-1;for(;e<=l&&r<=d;)if(i[e]===null)e++;else if(i[l]===null)l--;else if(p[e]===c[r])m[r]=g(i[e],a[r]),e++,r++;else if(p[l]===c[d])m[d]=g(i[l],a[d]),l--,d--;else if(p[e]===c[d])m[d]=g(i[e],a[d]),y(s,m[d+1],i[e]),e++,d--;else if(p[l]===c[r])m[r]=g(i[l],a[r]),y(s,i[e],i[l]),l--,r++;else if(b===void 0&&(b=I(c,r,d),x=I(p,e,l)),b.has(p[e]))if(b.has(p[l])){let h=x.get(c[r]),T=h!==void 0?i[h]:null;if(T===null){let E=y(s,i[e]);g(E,a[r]),m[r]=E}else m[r]=g(T,a[r]),y(s,i[e],T),i[h]=null;r++}else $(i[l]),l--;else $(i[e]),e++;for(;r<=d;){let h=y(s,m[d+1]);g(h,a[r]),m[r++]=h}for(;e<=l;){let h=i[e++];h!==null&&$(h)}return this.ut=c,D(s,m),z}});var X=P`:host{--bl-notification-width:396px;--bl-notification-gap:var(--bl-size-2xs);--bl-notification-animation-duration:0.3s}.wrapper{--margin:var(--bl-size-xl);display:flex;flex-direction:column-reverse;position:fixed;top:0;inset-inline-end:0;max-width:var(--bl-notification-width);margin:var(--margin);width:calc(100% - var(--margin) * 2);z-index:var(--bl-index-notification)}@media screen and (max-width:480px){.wrapper{flex-direction:column;max-width:100%}}.notification{will-change:transform height margin;animation:slide-in-right var(--bl-notification-animation-duration) ease;margin-bottom:var(--bl-notification-gap);touch-action:none}:host(:has([dir=rtl])) .notification{animation:slide-in-left var(--bl-notification-animation-duration) ease}.notification[data-slide=top]{animation:slide-in-top var(--bl-notification-animation-duration) ease}:host([no-animation]) .notification{animation:none}.notification.removing{animation:slide-out-right var(--bl-notification-animation-duration) ease forwards,size-to-zero var(--bl-notification-animation-duration) ease var(--bl-notification-animation-duration) forwards}.notification[data-slide=top].removing{animation:slide-out-top var(--bl-notification-animation-duration) ease forwards,size-to-zero var(--bl-notification-animation-duration) ease var(--bl-notification-animation-duration) forwards}:host([no-animation]) .notification.removing{animation:0 size-to-zero}@media (prefers-reduced-motion){.notification.removing{animation:0 size-to-zero}.notification{animation:none}}@keyframes slide-in-right{from{transform:translateX(var(--travel-distance,10px));height:0;opacity:0;margin:0}}@keyframes slide-in-left{from{transform:translateX(var(--travel-distance,-10px));height:0;opacity:0;margin:0}}@keyframes slide-out-right{to{transform:translateX(var(--travel-distance,10px));opacity:0}}@keyframes slide-in-top{from{transform:translateY(var(--travel-distance,-10px));height:0;opacity:0;margin:0}}@keyframes slide-out-top{to{transform:translateY(var(--travel-distance,-10px));opacity:0}}@keyframes size-to-zero{to{height:0;margin:0}}`,B=X;var G=-50,u=class extends C{constructor(){super(...arguments);this.noAnimation=!1;this.duration=7;this.notifications=[];this.touchStartY=0}static get styles(){return[B]}get notificationList(){return this.notifications}get touchStart(){return{y:this.touchStartY}}get isMobile(){return window.matchMedia("(max-width: 480px)").matches}addNotification(t){let o=Math.random().toString(36).substr(2,9),n={...t,id:o,duration:t.duration||this.duration,remove:()=>this.removeNotification(o)},i=[...this.notifications,n];return this.notifications=i,n}async removeNotification(t){return new Promise(o=>{var i;let n=(i=this.shadowRoot)==null?void 0:i.getElementById(t);if(!n){o(!1);return}n.style.height=`${n.clientHeight}px`,n.addEventListener("animationend",({animationName:a})=>{a==="size-to-zero"&&(this.notifications=this.notifications.filter(c=>c.id!==t),o(!0))}),n.classList.add("removing")})}handleTouchStart(t){this.isMobile&&(t.stopPropagation(),this.touchStartY=t.touches[0].clientY)}handleTouchMove(t){if(!this.isMobile)return;t.stopPropagation();let o=t.currentTarget,n=t.touches[0].clientY,i=Math.min(n-this.touchStartY,0);o.style.transform=`translateY(${i}px)`}handleTouchEnd(t){if(!this.isMobile)return;t.stopPropagation();let o=t.currentTarget,i=t.changedTouches[0].clientY-this.touchStartY;i<G?(o.style.setProperty("--travel-distance",`${i-10}px`),this.removeNotification(o.id)):(o.style.transition="transform 0.3s ease",o.style.transform="translateY(0px)",o.addEventListener("transitionend",()=>{o.style.transition="",o.style.transform=""})),this.touchStartY=0}renderActionSlot(t,o){let n=t==="primary-action"?o.primaryAction:o.secondaryAction;return!n||!n.label?"":w`<bl-button slot="${t}" @bl-click=${()=>n.onClick(o)}>
+import{b as y,c as g,d as D,e as H,f as $}from"./chunk-AYJMIZZ3.js";import{a as Y}from"./chunk-DINNT5P2.js";import{a as N,b as L,c as R}from"./chunk-7GK5LKBV.js";import{a as k,b as A,c as M,d as S}from"./chunk-5MOOXA2X.js";import{a as P,b as w,c as z,f as C}from"./chunk-4OT5AMS5.js";import{d as v}from"./chunk-IZ2LK5GK.js";var I=(s,f,t)=>{let o=new Map;for(let n=f;n<=t;n++)o.set(s[n],n);return o},V=L(class extends R{constructor(s){if(super(s),s.type!==N.CHILD)throw Error("repeat() can only be used in text expressions")}ct(s,f,t){let o;t===void 0?t=f:f!==void 0&&(o=f);let n=[],i=[],a=0;for(let c of s)n[a]=o?o(c,a):a,i[a]=t(c,a),a++;return{values:i,keys:n}}render(s,f,t){return this.ct(s,f,t).values}update(s,[f,t,o]){var n;let i=H(s),{values:a,keys:c}=this.ct(f,t,o);if(!Array.isArray(i))return this.ut=c,a;let p=(n=this.ut)!==null&&n!==void 0?n:this.ut=[],m=[],b,x,e=0,l=i.length-1,r=0,d=a.length-1;for(;e<=l&&r<=d;)if(i[e]===null)e++;else if(i[l]===null)l--;else if(p[e]===c[r])m[r]=g(i[e],a[r]),e++,r++;else if(p[l]===c[d])m[d]=g(i[l],a[d]),l--,d--;else if(p[e]===c[d])m[d]=g(i[e],a[d]),y(s,m[d+1],i[e]),e++,d--;else if(p[l]===c[r])m[r]=g(i[l],a[r]),y(s,i[e],i[l]),l--,r++;else if(b===void 0&&(b=I(c,r,d),x=I(p,e,l)),b.has(p[e]))if(b.has(p[l])){let h=x.get(c[r]),T=h!==void 0?i[h]:null;if(T===null){let E=y(s,i[e]);g(E,a[r]),m[r]=E}else m[r]=g(T,a[r]),y(s,i[e],T),i[h]=null;r++}else $(i[l]),l--;else $(i[e]),e++;for(;r<=d;){let h=y(s,m[d+1]);g(h,a[r]),m[r++]=h}for(;e<=l;){let h=i[e++];h!==null&&$(h)}return this.ut=c,D(s,m),z}});var X=P`:host{--bl-notification-width:396px;--bl-notification-gap:var(--bl-size-2xs);--bl-notification-animation-duration:0.3s}.wrapper{--margin:var(--bl-size-xl);display:flex;flex-direction:column-reverse;position:fixed;top:0;inset-inline-end:0;max-width:var(--bl-notification-width);margin:var(--margin);width:calc(100% - var(--margin) * 2);z-index:var(--bl-index-notification)}@media screen and (max-width:480px){.wrapper{flex-direction:column;max-width:100%}}.notification{will-change:transform height margin;animation:slide-in-right var(--bl-notification-animation-duration) ease;margin-bottom:var(--bl-notification-gap);touch-action:none}:host(:has([dir=rtl])) .notification{animation:slide-in-left var(--bl-notification-animation-duration) ease}.notification[data-slide=top]{animation:slide-in-top var(--bl-notification-animation-duration) ease}:host([no-animation]) .notification{animation:none}.notification.removing{animation:slide-out-right var(--bl-notification-animation-duration) ease forwards,size-to-zero var(--bl-notification-animation-duration) ease var(--bl-notification-animation-duration) forwards}.notification[data-slide=top].removing{animation:slide-out-top var(--bl-notification-animation-duration) ease forwards,size-to-zero var(--bl-notification-animation-duration) ease var(--bl-notification-animation-duration) forwards}:host([no-animation]) .notification.removing{animation:0 size-to-zero}@media (prefers-reduced-motion){.notification.removing{animation:0 size-to-zero}.notification{animation:none}}@keyframes slide-in-right{from{transform:translateX(var(--travel-distance,10px));height:0;opacity:0;margin:0}}@keyframes slide-in-left{from{transform:translateX(var(--travel-distance,-10px));height:0;opacity:0;margin:0}}@keyframes slide-out-right{to{transform:translateX(var(--travel-distance,10px));opacity:0}}@keyframes slide-in-top{from{transform:translateY(var(--travel-distance,-10px));height:0;opacity:0;margin:0}}@keyframes slide-out-top{to{transform:translateY(var(--travel-distance,-10px));opacity:0}}@keyframes size-to-zero{to{height:0;margin:0}}`,B=X;var G=-50,u=class extends C{constructor(){super(...arguments);this.noAnimation=!1;this.duration=7;this.notifications=[];this.touchStartY=0}static get styles(){return[B]}get notificationList(){return this.notifications}get touchStart(){return{y:this.touchStartY}}get isMobile(){return window.matchMedia("(max-width: 480px)").matches}addNotification(t){let o=Math.random().toString(36).substr(2,9),n={...t,id:o,duration:t.duration||this.duration,remove:()=>this.removeNotification(o)},i=[...this.notifications,n];return this.notifications=i,n}async removeNotification(t){return new Promise(o=>{var i;let n=(i=this.shadowRoot)==null?void 0:i.getElementById(t);if(!n){o(!1);return}n.style.height=`${n.clientHeight}px`,n.addEventListener("animationend",({animationName:a})=>{a==="size-to-zero"&&(this.notifications=this.notifications.filter(c=>c.id!==t),o(!0))}),n.classList.add("removing")})}handleTouchStart(t){this.isMobile&&(t.stopPropagation(),this.touchStartY=t.touches[0].clientY)}handleTouchMove(t){if(!this.isMobile)return;t.stopPropagation();let o=t.currentTarget,n=t.touches[0].clientY,i=Math.min(n-this.touchStartY,0);o.style.transform=`translateY(${i}px)`}handleTouchEnd(t){if(!this.isMobile)return;t.stopPropagation();let o=t.currentTarget,i=t.changedTouches[0].clientY-this.touchStartY;i<G?(o.style.setProperty("--travel-distance",`${i-10}px`),this.removeNotification(o.id)):(o.style.transition="transform 0.3s ease",o.style.transform="translateY(0px)",o.addEventListener("transitionend",()=>{o.style.transition="",o.style.transform=""})),this.touchStartY=0}renderActionSlot(t,o){let n=t==="primary-action"?o.primaryAction:o.secondaryAction;return!n||!n.label?"":w`<bl-button slot="${t}" @bl-click=${()=>n.onClick(o)}>
       ${n.label}
     </bl-button>`}render(){return w`
       <div class="wrapper">
@@ -31,4 +31,4 @@ lit-html/directives/repeat.js:
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 */
-//# sourceMappingURL=chunk-23AVKNCC.js.map
+//# sourceMappingURL=chunk-SBCJY5IU.js.map

package/dist/{chunk-LIUATY6B.js → chunk-SIP5IK3N.js}

@@ -1,4 +1,4 @@
-import{a as f}from"./chunk-FANRUDPK.js";import{a as w}from"./chunk-IPYZIIRV.js";import{a as s}from"./chunk-DINNT5P2.js";import{a as l}from"./chunk-GRL4DWKG.js";import{a as b,b as o,c as h,e as n}from"./chunk-5MOOXA2X.js";import{a as p,b as d,f as c}from"./chunk-4OT5AMS5.js";import{d as e}from"./chunk-BWWXE4SL.js";var D=p`:host{position:relative;display:inline-block}:host([kind=neutral]) bl-popover{--bl-popover-border-color:var(--bl-color-neutral-darker)}:host([kind=success]) bl-popover{--bl-popover-border-color:var(--bl-color-success)}:host([kind=danger]) bl-popover{--bl-popover-border-color:var(--bl-color-danger)}.popover-content{display:flex;flex-direction:column;gap:var(--bl-size-xs)}`,x=D;var v="bl-dropdown",r=class extends c{constructor(){super(...arguments);this._isPopoverOpen=!1;this.variant="primary";this.kind="default";this.size="medium";this.disabled=!1;this.focusedOptionIndex=-1}static get styles(){return[x]}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(){this._popover.target=this._button}get opened(){return this._isPopoverOpen}_handleClick(){!this._isPopoverOpen&&!this.disabled?this.open():this.close()}handleKeyDown(i){if(["ArrowDown","ArrowRight"].includes(i.key))this.focusedOptionIndex++;else if(["ArrowUp","ArrowLeft"].includes(i.key))this.focusedOptionIndex--;else if(i.key==="Escape"){this.focusedOptionIndex=-1,this.close();return}else return;this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,this.options.length-1)),this.options[this.focusedOptionIndex].focus(),i.preventDefault()}get options(){return[...this.querySelectorAll(u)]}open(){this._isPopoverOpen=!0,this._popover.show(),this.onOpen("Dropdown opened!")}close(){this._isPopoverOpen=!1,this._popover.visible&&this._popover.hide(),this.onClose("Dropdown closed!")}render(){return d`<bl-button
+import{a as f}from"./chunk-WUXXMMTM.js";import{a as w}from"./chunk-IPYZIIRV.js";import{a as s}from"./chunk-DINNT5P2.js";import{a as l}from"./chunk-GRL4DWKG.js";import{a as b,b as o,c as h,e as n}from"./chunk-5MOOXA2X.js";import{a as p,b as d,f as c}from"./chunk-4OT5AMS5.js";import{d as e}from"./chunk-IZ2LK5GK.js";var D=p`:host{position:relative;display:inline-block}:host([kind=neutral]) bl-popover{--bl-popover-border-color:var(--bl-color-neutral-darker)}:host([kind=success]) bl-popover{--bl-popover-border-color:var(--bl-color-success)}:host([kind=danger]) bl-popover{--bl-popover-border-color:var(--bl-color-danger)}.popover-content{display:flex;flex-direction:column;gap:var(--bl-size-xs)}`,x=D;var v="bl-dropdown",r=class extends c{constructor(){super(...arguments);this._isPopoverOpen=!1;this.variant="primary";this.kind="default";this.size="medium";this.disabled=!1;this.focusedOptionIndex=-1}static get styles(){return[x]}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(){this._popover.target=this._button}get opened(){return this._isPopoverOpen}_handleClick(){!this._isPopoverOpen&&!this.disabled?this.open():this.close()}handleKeyDown(i){if(["ArrowDown","ArrowRight"].includes(i.key))this.focusedOptionIndex++;else if(["ArrowUp","ArrowLeft"].includes(i.key))this.focusedOptionIndex--;else if(i.key==="Escape"){this.focusedOptionIndex=-1,this.close();return}else return;this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,this.options.length-1)),this.options[this.focusedOptionIndex].focus(),i.preventDefault()}get options(){return[...this.querySelectorAll(u)]}open(){this._isPopoverOpen=!0,this._popover.show(),this.onOpen("Dropdown opened!")}close(){this._isPopoverOpen=!1,this._popover.visible&&this._popover.hide(),this.onClose("Dropdown closed!")}render(){return d`<bl-button
         dropdown
         .active=${this.opened}
         ?disabled=${this.disabled}
@@ -62,4 +62,4 @@ import{a as f}from"./chunk-FANRUDPK.js";import{a as w}from"./chunk-IPYZIIRV.js";
         </div>
       </bl-popover>
     </div>`}};e([n("#split-button-container")],t.prototype,"trigger",2),e([n("bl-popover")],t.prototype,"_popover",2),e([n("#split-main-button")],t.prototype,"mainButton",2),e([n("#dropdown-button")],t.prototype,"dropdownButton",2),e([h()],t.prototype,"_isPopoverOpen",2),e([o({type:String,reflect:!0})],t.prototype,"label",2),e([o({type:String,reflect:!0})],t.prototype,"variant",2),e([o({type:String,reflect:!0})],t.prototype,"kind",2),e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:String,reflect:!0})],t.prototype,"href",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([o({type:Boolean,reflect:!0})],t.prototype,"loading",2),e([o({type:String,attribute:"loading-label"})],t.prototype,"loadingLabel",2),e([o({attribute:"dropdown-disabled",type:Boolean})],t.prototype,"dropdownDisabled",2),e([o({type:String})],t.prototype,"icon",2),e([o({type:String})],t.prototype,"target",2),e([o({type:String})],t.prototype,"type",2),e([o({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),e([o({type:String})],t.prototype,"form",2),e([l("bl-dropdown-open")],t.prototype,"onOpen",2),e([l("bl-dropdown-close")],t.prototype,"onClose",2),e([l("bl-click")],t.prototype,"onClick",2),t=e([b(m)],t);export{m as a,t as b,u as c,a as d,v as e,r as f};
-//# sourceMappingURL=chunk-LIUATY6B.js.map
+//# sourceMappingURL=chunk-SIP5IK3N.js.map

package/dist/{chunk-UF5VCR36.js → chunk-STZJ3LBU.js}

@@ -1,4 +1,4 @@
-import{b as k}from"./chunk-23PSWIUF.js";import{c as $}from"./chunk-EG7U7PM3.js";import{a as z}from"./chunk-XDUIVR6I.js";import{a as w}from"./chunk-6LT7O7T2.js";import{a as s}from"./chunk-DINNT5P2.js";import{a as c}from"./chunk-GRL4DWKG.js";import{a as f,b as y,c as x}from"./chunk-7GK5LKBV.js";import{a as b,b as a,c as u,e as m}from"./chunk-5MOOXA2X.js";import{a as v,b as d,c as g,f as p}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-BWWXE4SL.js";var C="important",I=" !"+C,S=y(class extends x{constructor(o){var l;if(super(o),o.type!==f.ATTRIBUTE||o.name!=="style"||((l=o.strings)===null||l===void 0?void 0:l.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((l,e)=>{let i=o[e];return i==null?l:l+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`},"")}update(o,[l]){let{style:e}=o.element;if(this.ht===void 0){this.ht=new Set;for(let i in l)this.ht.add(i);return this.render(l)}this.ht.forEach(i=>{l[i]==null&&(this.ht.delete(i),i.includes("-")?e.removeProperty(i):e[i]="")});for(let i in l){let n=l[i];if(n!=null){this.ht.add(i);let h=typeof n=="string"&&n.endsWith(I);i.includes("-")||h?e.setProperty(i,h?n.slice(0,-11):n,h?C:""):e[i]=n}}return g}});var L=v`:host{display:inline-block;width:200px;position:relative}.wrapper{--row-count:1;--maxrow-count: ;--line-height:var(--bl-font-title-3-line-height);--scroll-height:var(--line-height);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--label-padding:var(--bl-size-3xs);--border-size:1px;--default-scroll-height:calc((var(--row-count) * var(--line-height)) + var(--padding-vertical));--height:max(var(--scroll-height), var(--default-scroll-height));--input-font:var(--bl-font-body-text-2);--border-radius:var(--bl-size-3xs);--border-color:var(--bl-color-neutral-lighter);--background-color:var(--bl-color-neutral-full);display:flex;flex-direction:column;position:relative;gap:var(--bl-size-3xs)}.input-wrapper{border:solid var(--border-size) var(--border-color);border-radius:var(--border-radius);padding:0 calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));padding-top:var(--padding-vertical);display:flex;box-sizing:border-box;background-color:var(--background-color);margin:0;width:0;min-width:100%}textarea{--parent-padding:calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));width:100%;align-self:stretch;outline:0;font:var(--input-font);padding:0 calc(var(--padding-horizontal) - var(--border-size));padding-bottom:var(--padding-vertical);margin:0 calc(-1 * var(--parent-padding));border:none;border-radius:var(--border-radius);color:var(--bl-color-neutral-darker);resize:vertical;background-color:transparent;display:block}:host([size=large]) .wrapper{--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size=small]) .wrapper{--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-xs);--input-font:var(--bl-font-body-text-3);--line-height:var(--bl-font-title-4-line-height)}textarea:disabled{background-color:var(--bl-color-neutral-lightest);color:var(--bl-color-neutral-light);cursor:not-allowed}:host([disabled]) .wrapper{--background-color:var(--bl-color-neutral-lightest)}:host([expand]) textarea{overflow:hidden;resize:none;height:var(--height)}:host([expand][max-rows]) textarea{--maxrow-height:calc((var(--maxrow-count) * var(--line-height)) + var(--padding-vertical));overflow-y:scroll;height:min(var(--height),var(--maxrow-height))}.wrapper:focus-within{--border-color:var(--bl-color-primary)}.dirty.invalid,.dirty.max-len-invalid{--border-color:var(--bl-color-danger)}:host([label]) ::placeholder{color:transparent;transition:color .4s ease-out}.input-wrapper legend,label{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{max-width:max-content;position:absolute;transition:.1s ease-in;font:var(--bl-font-title-3-regular);top:var(--padding-vertical);inset-inline-start:var(--padding-horizontal);inset-inline-end:var(--padding-horizontal);pointer-events:none;color:var(--bl-color-neutral-light)}.input-wrapper legend{height:0;visibility:hidden;display:none}.input-wrapper legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}:where(.wrapper:focus-within,.wrapper.has-value) label{top:0;inset-inline-start:var(--padding-horizontal);transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);pointer-events:initial;z-index:var(--bl-index-base)}:host([label]) :where(.wrapper:focus-within,.wrapper.has-value) legend{max-width:100%;font:var(--bl-font-caption);display:block}:host ::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-neutral-light)}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);background-color:initial;padding:0}:host([label-fixed]) legend{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.dirty.invalid .hint,:host([character-counter]) .hint,:host([help-text]) .hint{display:flex;gap:var(--bl-size-3xs)}.hint>*{margin:0;padding:0}.help-text,.invalid-text{flex:1}.counter-text{color:var(--bl-color-neutral-dark);margin-inline-start:auto}:where(.max-len-invalid,.dirty.invalid) .hint>.counter-text{color:var(--bl-color-danger)}.dirty.invalid label{color:var(--bl-color-danger)}.invalid-text{display:none;color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}:where(.dirty.max-len-invalid,.dirty.invalid) .hint>.invalid-text{display:inline-block}.dirty.invalid .hint>.help-text{display:none}`,E=L;var t=class extends z(p){constructor(){super(...arguments);this.name="";this.required=!1;this.disabled=!1;this.expand=!1;this.size="medium";this.labelFixed=!1;this.characterCounter=!1;this.value="";this.rows=4;this.autofocus=!1;this.spellchecker="false";this.customScrollHeight=null;this.inputId=Math.random().toString(36).substring(2);this.onError=()=>{this.onInvalid(this.internals.validity)};this.dirty=!1}static get styles(){return[E]}connectedCallback(){var e;super.connectedCallback(),(e=this.internals.form)==null||e.addEventListener("submit",()=>{this.reportValidity()})}inputHandler(e){this.autoResize();let i=e.target.value;this.value=i,this.setValue(this.value),this.onInput(i)}changeHandler(e){let i=e.target.value;this.dirty=!0,this.value=i,this.setValue(this.value),this.onChange(i)}firstUpdated(){this.setValue(this.value),this.autoResize()}async updated(e){e.has("rows")&&this.autoResize(),e.has("value")&&(this.setValue(this.value),await this.validationComplete,this.requestUpdate()),e.has("error")&&this.error&&!this.dirty&&this.reportValidity()}setCustomValidity(e){this.validationTarget.setCustomValidity(e)}reportValidity(){return this.dirty=!0,this.checkValidity()}valueChangedCallback(e){this.value=e}validityCallback(){var e;return this.customInvalidText||((e=this.validationTarget)==null?void 0:e.validationMessage)}autoResize(){if(!this.expand)return;this.validationTarget.style.height="auto";let e=this.validationTarget.scrollHeight;this.customScrollHeight=`${e}px`,this.validationTarget.style.removeProperty("height")}render(){let e=this.internals.validity.tooLong,i=this.checkValidity()?"":d`<p class="invalid-text">${this.validationMessage}</p>`,n=this.helpText?d`<p class="help-text">${this.helpText}</p>`:"",h=this.label?d`<label for="${this.inputId}">${this.label}</label>`:"",V=this.characterCounter&&this.maxlength?`${this.value.length}/${this.maxlength}`:this.characterCounter?`${this.value.length}`:"",M=this.characterCounter?d`<p class="counter-text">${V}</p>`:"",R={wrapper:!0,"has-value":this.value!==null&&this.value!=="",dirty:this.dirty,"max-len-invalid":e,invalid:!this.checkValidity()},H={"--row-count":`${this.rows}`,"--maxrow-count":this.maxRows?`${this.maxRows}`:null,"--scroll-height":this.customScrollHeight};return d`
+import{b as k}from"./chunk-23PSWIUF.js";import{c as $}from"./chunk-EG7U7PM3.js";import{a as z}from"./chunk-XDUIVR6I.js";import{a as w}from"./chunk-6LT7O7T2.js";import{a as s}from"./chunk-DINNT5P2.js";import{a as c}from"./chunk-GRL4DWKG.js";import{a as f,b as y,c as x}from"./chunk-7GK5LKBV.js";import{a as b,b as a,c as u,e as m}from"./chunk-5MOOXA2X.js";import{a as v,b as d,c as g,f as p}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-IZ2LK5GK.js";var C="important",I=" !"+C,S=y(class extends x{constructor(o){var l;if(super(o),o.type!==f.ATTRIBUTE||o.name!=="style"||((l=o.strings)===null||l===void 0?void 0:l.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((l,e)=>{let i=o[e];return i==null?l:l+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`},"")}update(o,[l]){let{style:e}=o.element;if(this.ht===void 0){this.ht=new Set;for(let i in l)this.ht.add(i);return this.render(l)}this.ht.forEach(i=>{l[i]==null&&(this.ht.delete(i),i.includes("-")?e.removeProperty(i):e[i]="")});for(let i in l){let n=l[i];if(n!=null){this.ht.add(i);let h=typeof n=="string"&&n.endsWith(I);i.includes("-")||h?e.setProperty(i,h?n.slice(0,-11):n,h?C:""):e[i]=n}}return g}});var L=v`:host{display:inline-block;width:200px;position:relative}.wrapper{--row-count:1;--maxrow-count: ;--line-height:var(--bl-font-title-3-line-height);--scroll-height:var(--line-height);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--label-padding:var(--bl-size-3xs);--border-size:1px;--default-scroll-height:calc((var(--row-count) * var(--line-height)) + var(--padding-vertical));--height:max(var(--scroll-height), var(--default-scroll-height));--input-font:var(--bl-font-body-text-2);--border-radius:var(--bl-size-3xs);--border-color:var(--bl-color-neutral-lighter);--background-color:var(--bl-color-neutral-full);display:flex;flex-direction:column;position:relative;gap:var(--bl-size-3xs)}.input-wrapper{border:solid var(--border-size) var(--border-color);border-radius:var(--border-radius);padding:0 calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));padding-top:var(--padding-vertical);display:flex;box-sizing:border-box;background-color:var(--background-color);margin:0;width:0;min-width:100%}textarea{--parent-padding:calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));width:100%;align-self:stretch;outline:0;font:var(--input-font);padding:0 calc(var(--padding-horizontal) - var(--border-size));padding-bottom:var(--padding-vertical);margin:0 calc(-1 * var(--parent-padding));border:none;border-radius:var(--border-radius);color:var(--bl-color-neutral-darker);resize:vertical;background-color:transparent;display:block}:host([size=large]) .wrapper{--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size=small]) .wrapper{--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-xs);--input-font:var(--bl-font-body-text-3);--line-height:var(--bl-font-title-4-line-height)}textarea:disabled{background-color:var(--bl-color-neutral-lightest);color:var(--bl-color-neutral-light);cursor:not-allowed}:host([disabled]) .wrapper{--background-color:var(--bl-color-neutral-lightest)}:host([expand]) textarea{overflow:hidden;resize:none;height:var(--height)}:host([expand][max-rows]) textarea{--maxrow-height:calc((var(--maxrow-count) * var(--line-height)) + var(--padding-vertical));overflow-y:scroll;height:min(var(--height),var(--maxrow-height))}.wrapper:focus-within{--border-color:var(--bl-color-primary)}.dirty.invalid,.dirty.max-len-invalid{--border-color:var(--bl-color-danger)}:host([label]) ::placeholder{color:transparent;transition:color .4s ease-out}.input-wrapper legend,label{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{max-width:max-content;position:absolute;transition:.1s ease-in;font:var(--bl-font-title-3-regular);top:var(--padding-vertical);inset-inline-start:var(--padding-horizontal);inset-inline-end:var(--padding-horizontal);pointer-events:none;color:var(--bl-color-neutral-light)}.input-wrapper legend{height:0;visibility:hidden;display:none}.input-wrapper legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}:where(.wrapper:focus-within,.wrapper.has-value) label{top:0;inset-inline-start:var(--padding-horizontal);transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);pointer-events:initial;z-index:var(--bl-index-base)}:host([label]) :where(.wrapper:focus-within,.wrapper.has-value) legend{max-width:100%;font:var(--bl-font-caption);display:block}:host ::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-neutral-light)}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);background-color:initial;padding:0}:host([label-fixed]) legend{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.dirty.invalid .hint,:host([character-counter]) .hint,:host([help-text]) .hint{display:flex;gap:var(--bl-size-3xs)}.hint>*{margin:0;padding:0}.help-text,.invalid-text{flex:1}.counter-text{color:var(--bl-color-neutral-dark);margin-inline-start:auto}:where(.max-len-invalid,.dirty.invalid) .hint>.counter-text{color:var(--bl-color-danger)}.dirty.invalid label{color:var(--bl-color-danger)}.invalid-text{display:none;color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}:where(.dirty.max-len-invalid,.dirty.invalid) .hint>.invalid-text{display:inline-block}.dirty.invalid .hint>.help-text{display:none}`,E=L;var t=class extends z(p){constructor(){super(...arguments);this.name="";this.required=!1;this.disabled=!1;this.expand=!1;this.size="medium";this.labelFixed=!1;this.characterCounter=!1;this.value="";this.rows=4;this.autofocus=!1;this.spellchecker="false";this.customScrollHeight=null;this.inputId=Math.random().toString(36).substring(2);this.onError=()=>{this.onInvalid(this.internals.validity)};this.dirty=!1}static get styles(){return[E]}connectedCallback(){var e;super.connectedCallback(),(e=this.internals.form)==null||e.addEventListener("submit",()=>{this.reportValidity()})}inputHandler(e){this.autoResize();let i=e.target.value;this.value=i,this.setValue(this.value),this.onInput(i)}changeHandler(e){let i=e.target.value;this.dirty=!0,this.value=i,this.setValue(this.value),this.onChange(i)}firstUpdated(){this.setValue(this.value),this.autoResize()}async updated(e){e.has("rows")&&this.autoResize(),e.has("value")&&(this.setValue(this.value),await this.validationComplete,this.requestUpdate()),e.has("error")&&this.error&&!this.dirty&&this.reportValidity()}setCustomValidity(e){this.validationTarget.setCustomValidity(e)}reportValidity(){return this.dirty=!0,this.checkValidity()}valueChangedCallback(e){this.value=e}validityCallback(){var e;return this.customInvalidText||((e=this.validationTarget)==null?void 0:e.validationMessage)}autoResize(){if(!this.expand)return;this.validationTarget.style.height="auto";let e=this.validationTarget.scrollHeight;this.customScrollHeight=`${e}px`,this.validationTarget.style.removeProperty("height")}render(){let e=this.internals.validity.tooLong,i=this.checkValidity()?"":d`<p class="invalid-text">${this.validationMessage}</p>`,n=this.helpText?d`<p class="help-text">${this.helpText}</p>`:"",h=this.label?d`<label for="${this.inputId}">${this.label}</label>`:"",V=this.characterCounter&&this.maxlength?`${this.value.length}/${this.maxlength}`:this.characterCounter?`${this.value.length}`:"",M=this.characterCounter?d`<p class="counter-text">${V}</p>`:"",R={wrapper:!0,"has-value":this.value!==null&&this.value!=="",dirty:this.dirty,"max-len-invalid":e,invalid:!this.checkValidity()},H={"--row-count":`${this.rows}`,"--maxrow-count":this.maxRows?`${this.maxRows}`:null,"--scroll-height":this.customScrollHeight};return d`
       <div style=${S(H)} class=${w(R)}>
         ${h}
         <fieldset class="input-wrapper">
@@ -34,4 +34,4 @@ lit-html/directives/style-map.js:
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 */
-//# sourceMappingURL=chunk-UF5VCR36.js.map
+//# sourceMappingURL=chunk-STZJ3LBU.js.map

package/dist/{chunk-UGRBWOQE.js → chunk-T5MEA7JO.js}

@@ -1,5 +1,5 @@
-import{a as l,b as t}from"./chunk-5MOOXA2X.js";import{a as i,b as r,f as a}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-BWWXE4SL.js";var c=i`:host{display:inline-block;max-width:100%}.badge{--bg-color:var(--bl-badge-bg-color, var(--bl-color-primary-contrast));--color:var(--bl-badge-color, var(--bl-color-primary));--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-4xs);--padding-horizontal:var(--bl-size-3xs);--margin-icon:var(--bl-size-3xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl);display:flex;gap:var(--margin-icon);justify-content:center;align-items:center;box-sizing:border-box;width:100%;border:none;border-radius:var(--bl-size-4xs);margin:0;padding:var(--padding-vertical) var(--padding-horizontal);background-color:var(--bg-color);color:var(--color,#fff);font:var(--font);font-kerning:none;height:var(--height)}:host([size=small]) .badge{--font:var(--bl-font-caption);--height:var(--bl-size-m)}:host([size=large]) .badge{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-2xs);--height:var(--bl-size-2xl);--icon-size:var(--bl-size-m)}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host([size=small]) bl-icon{display:none}`,n=c;var e=class extends a{constructor(){super(...arguments);this.size="medium"}static get styles(){return[n]}render(){let s=this.icon?r`<bl-icon name=${this.icon}></bl-icon>`:"";return r`<span class="badge">
+import{a as l,b as t}from"./chunk-5MOOXA2X.js";import{a as i,b as r,f as a}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-IZ2LK5GK.js";var c=i`:host{display:inline-block;max-width:100%}.badge{--bg-color:var(--bl-badge-bg-color, var(--bl-color-primary-contrast));--color:var(--bl-badge-color, var(--bl-color-primary));--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-4xs);--padding-horizontal:var(--bl-size-3xs);--margin-icon:var(--bl-size-3xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl);display:flex;gap:var(--margin-icon);justify-content:center;align-items:center;box-sizing:border-box;width:100%;border:none;border-radius:var(--bl-size-4xs);margin:0;padding:var(--padding-vertical) var(--padding-horizontal);background-color:var(--bg-color);color:var(--color,#fff);font:var(--font);font-kerning:none;height:var(--height)}:host([size=small]) .badge{--font:var(--bl-font-caption);--height:var(--bl-size-m)}:host([size=large]) .badge{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-2xs);--height:var(--bl-size-2xl);--icon-size:var(--bl-size-m)}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host([size=small]) bl-icon{display:none}`,n=c;var e=class extends a{constructor(){super(...arguments);this.size="medium"}static get styles(){return[n]}render(){let s=this.icon?r`<bl-icon name=${this.icon}></bl-icon>`:"";return r`<span class="badge">
       <slot name="icon">${s}</slot>
       <slot></slot>
     </span>`}};o([t({type:String,reflect:!0})],e.prototype,"size",2),o([t({type:String})],e.prototype,"icon",2),e=o([l("bl-badge")],e);export{e as a};
-//# sourceMappingURL=chunk-UGRBWOQE.js.map
+//# sourceMappingURL=chunk-T5MEA7JO.js.map