@trendyol/baklava 3.4.0-beta.8 → 3.4.0

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/link/bl-link.css", "../src/components/link/bl-link.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:inline-flex;align-items:center}.link{--color:var(--bl-link-color, var(--bl-color-primary));--hover-color:var(--bl-link-hover-color, var(--bl-color-primary-highlight));--active-color:var(--bl-link-active-color, var(--bl-color-primary-highlight));display:inline-flex;align-items:center;color:var(--color);cursor:pointer;outline:0;position:relative;font-family:var(--bl-font-family)}.link.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__,.link:hover{text-decoration:none;color:var(--hover-color)}.link:active{color:var(--active-color)}.link:focus-visible{outline:0}.link:focus-visible::after{content:\"\";position:absolute;inset:-2px;border:2px solid var(--bl-color-primary);border-radius:var(--bl-border-radius-s)}.link.standalone.kind-primary{color:var(--bl-color-primary)}.link.standalone.kind-primary.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__,.link.standalone.kind-primary:active,.link.standalone.kind-primary:hover{color:var(--bl-color-primary-highlight)}.link.standalone.kind-neutral{color:var(--bl-color-neutral)}.link.standalone.kind-neutral.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__,.link.standalone.kind-neutral:active,.link.standalone.kind-neutral:hover{color:var(--bl-color-neutral-highlight)}.link.standalone.size-large{font-weight:var(--bl-font-weight-regular);font-size:var(--bl-font-size-l)}.link.standalone.size-medium{font-weight:var(--bl-font-weight-regular);font-size:var(--bl-font-size-m)}.link.standalone.size-small{font-weight:var(--bl-font-weight-regular);font-size:var(--bl-font-size-s)}::slotted([slot=icon]){margin-inline-start:var(--bl-size-3xs);margin-inline-end:var(--bl-size-3xs);display:inline-block;vertical-align:middle}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport style from \"./bl-link.css\";\n\nexport type LinkVariant = \"inline\" | \"standalone\";\nexport type LinkSize = \"large\" | \"medium\" | \"small\";\nexport type LinkKind = \"primary\" | \"neutral\";\n\n/**\n * @tag bl-link\n * @summary Baklava Link component for navigation\n *\n * @slot icon - Custom icon slot for non-standalone variants\n *\n * @cssproperty [--bl-link-color=--bl-color-primary] Sets the color of link\n * @cssproperty [--bl-link-hover-color=--bl-color-primary-hover] Sets the hover color of link\n * @cssproperty [--bl-link-active-color=--bl-color-primary-active] Sets the active color of link\n */\n\n@customElement(\"bl-link\")\nexport default class BlLink extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * URL that the hyperlink points to\n   */\n  @property({ type: String, reflect: true })\n  href: HTMLAnchorElement[\"href\"] = \"\";\n\n  /**\n   * Link variant - inline or standalone\n   */\n  @property({ type: String, reflect: true })\n  variant: LinkVariant = \"inline\";\n\n  /**\n   * Link size - only applies to standalone variant\n   */\n  @property({ type: String, reflect: true })\n  size: LinkSize = \"medium\";\n\n  /**\n   * Link kind - only applies to standalone variant\n   */\n  @property({ type: String, reflect: true })\n  kind: LinkKind = \"primary\";\n\n  /**\n   * Aria label for the link\n   */\n  @property({ type: String, attribute: \"aria-label\" })\n  ariaLabel = \"\";\n\n  /**\n   * Where to display the linked URL\n   */\n  @property({ type: String, reflect: true })\n  target: HTMLAnchorElement[\"target\"] = \"_self\";\n\n  /**\n   * Relationship between the current document and the linked document.\n   * Multiple rel values can be specified by separating them with spaces.\n   * Example: \"noopener noreferrer\"\n   */\n  @property({ type: String, reflect: true })\n  rel?: HTMLAnchorElement[\"rel\"];\n\n  /**\n   * Language of the linked document\n   */\n  @property({ type: String, reflect: true })\n  hreflang?: HTMLAnchorElement[\"hreflang\"];\n\n  /**\n   * MIME type of the linked document\n   */\n  @property({ type: String, reflect: true })\n  type?: HTMLAnchorElement[\"type\"];\n\n  /**\n   * Referrer policy for the link\n   */\n  @property({ type: String, reflect: true, attribute: \"referrerpolicy\" })\n  referrerPolicy?: HTMLAnchorElement[\"referrerPolicy\"];\n\n  /**\n   * Whether to download the resource instead of navigating to it\n   */\n  @property({ type: String, reflect: true })\n  download?: HTMLAnchorElement[\"download\"];\n\n  /**\n   * Ping URLs to be notified when following the link\n   */\n  @property({ type: String, reflect: true })\n  ping?: HTMLAnchorElement[\"ping\"];\n\n  private get isStandalone(): boolean {\n    return this.variant === \"standalone\";\n  }\n\n  private renderIcon(): TemplateResult | null {\n    if (this.isStandalone) {\n      return html`<bl-icon name=\"arrow_right\" class=\"icon\" aria-hidden=\"true\"></bl-icon>`;\n    }\n    return html`<slot name=\"icon\"></slot>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    if (this.variant === \"inline\") {\n      const parentElement = this.parentElement;\n      const hasTextSibling = Array.from(parentElement?.childNodes || []).some(\n        node => node.nodeType === Node.TEXT_NODE && node.textContent?.trim()\n      );\n\n      if (!parentElement || !hasTextSibling) {\n        console.warn(\n          \"bl-link: Inline variant should be used within a text container. Example: <p>Text with <bl-link variant='inline'>a link</bl-link> inside.</p>\"\n        );\n      }\n    }\n  }\n\n  render(): TemplateResult {\n    const classes = {\n      link: true,\n      standalone: this.isStandalone,\n      [`size-${this.size}`]: this.isStandalone,\n      [`kind-${this.kind}`]: this.isStandalone,\n    };\n\n    const content = html`\n      <slot></slot>\n      ${this.renderIcon()}\n    `;\n\n    return html`\n      <a\n        href=\"${this.href}\"\n        class=\"${classMap(classes)}\"\n        target=\"${ifDefined(this.target)}\"\n        rel=\"${ifDefined(this.rel)}\"\n        hreflang=\"${ifDefined(this.hreflang)}\"\n        type=\"${ifDefined(this.type)}\"\n        referrerpolicy=\"${ifDefined(this.referrerPolicy)}\"\n        download=\"${ifDefined(this.download)}\"\n        ping=\"${ifDefined(this.ping)}\"\n        role=\"link\"\n        aria-label=\"${ifDefined(this.ariaLabel || undefined)}\"\n        tabindex=\"0\"\n      >\n        ${content}\n      </a>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"bl-link\": BlLink;\n  }\n}\n"],
+  "mappings": "6NACO,IAAMA,EAASC,+nDACfC,EAAQF,ECoBf,IAAqBG,EAArB,cAAoCC,CAAW,CAA/C,kCASE,UAAkC,GAMlC,aAAuB,SAMvB,UAAiB,SAMjB,UAAiB,UAMjB,eAAY,GAMZ,YAAsC,QAtCtC,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CA4EA,IAAY,cAAwB,CAClC,OAAO,KAAK,UAAY,YAC1B,CAEQ,YAAoC,CAC1C,OAAI,KAAK,aACAC,0EAEFA,4BACT,CAEA,mBAAoB,CAGlB,GAFA,MAAM,kBAAkB,EAEpB,KAAK,UAAY,SAAU,CAC7B,IAAMC,EAAgB,KAAK,cACrBC,EAAiB,MAAM,MAAKD,GAAA,YAAAA,EAAe,aAAc,CAAC,CAAC,EAAE,KACjEE,GAAK,CAtHb,IAAAC,EAsHgB,OAAAD,EAAK,WAAa,KAAK,aAAaC,EAAAD,EAAK,cAAL,YAAAC,EAAkB,QAChE,GAEI,CAACH,GAAiB,CAACC,IACrB,QAAQ,KACN,8IACF,EAGN,CAEA,QAAyB,CACvB,IAAMG,EAAU,CACd,KAAM,GACN,WAAY,KAAK,aACjB,CAAC,QAAQ,KAAK,MAAM,EAAG,KAAK,aAC5B,CAAC,QAAQ,KAAK,MAAM,EAAG,KAAK,YAC9B,EAEMC,EAAUN;AAAA;AAAA,QAEZ,KAAK,WAAW;AAAA,MAGpB,OAAOA;AAAA;AAAA,gBAEK,KAAK;AAAA,iBACJO,EAASF,CAAO;AAAA,kBACfG,EAAU,KAAK,MAAM;AAAA,eACxBA,EAAU,KAAK,GAAG;AAAA,oBACbA,EAAU,KAAK,QAAQ;AAAA,gBAC3BA,EAAU,KAAK,IAAI;AAAA,0BACTA,EAAU,KAAK,cAAc;AAAA,oBACnCA,EAAU,KAAK,QAAQ;AAAA,gBAC3BA,EAAU,KAAK,IAAI;AAAA;AAAA,sBAEbA,EAAU,KAAK,WAAa,MAAS;AAAA;AAAA;AAAA,UAGjDF;AAAA;AAAA,KAGR,CACF,EAlIEG,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GARtBb,EASnB,oBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAdtBb,EAenB,uBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GApBtBb,EAqBnB,oBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA1BtBb,EA2BnB,oBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,UAAW,YAAa,CAAC,GAhChCb,EAiCnB,yBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAtCtBb,EAuCnB,sBAQAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA9CtBb,EA+CnB,mBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GApDtBb,EAqDnB,wBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA1DtBb,EA2DnB,oBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,GAAM,UAAW,gBAAiB,CAAC,GAhEnDb,EAiEnB,8BAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAtEtBb,EAuEnB,wBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA5EtBb,EA6EnB,oBA7EmBA,EAArBY,EAAA,CADCC,EAAc,SAAS,GACHb",
+  "names": ["styles", "i", "bl_link_default", "BlLink", "s", "bl_link_default", "x", "parentElement", "hasTextSibling", "node", "_a", "classes", "content", "o", "l", "__decorateClass", "e"]
+}

package/dist/{chunk-DE3A37FL.js → chunk-BCRV6HG6.js}

@@ -1,4 +1,4 @@
-import{a as p}from"./chunk-UOGCEUXK.js";import{a as d}from"./chunk-DINNT5P2.js";import{a}from"./chunk-GRL4DWKG.js";import{a as v,b as s,e as n}from"./chunk-5MOOXA2X.js";import{a as l,b as i,f as h}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-IZ2LK5GK.js";var m=l`:host{display:contents}.trigger{display:var(--bl-tooltip-trigger-display,inline-flex);cursor:pointer}bl-popover{--bl-popover-background-color:var(--bl-color-info);--bl-popover-arrow-display:block;--bl-popover-border-size:0px;--bl-popover-max-width:424px}.content{color:var(--bl-color-neutral-full)}`,c=m;var t=class extends h{constructor(){super(...arguments);this.placement="top"}static get styles(){return[c]}update(e){if(e.has("target")){let r=e.get("target");r&&this._removeEvents(r),this._addEvents()}super.update(e)}_addEvents(){let e=p(this.target);e&&(e.addEventListener("focus",this.show,{capture:!0}),e.addEventListener("mouseenter",this.show),e.addEventListener("blur",this.hide,{capture:!0}),e.addEventListener("mouseleave",this.hide))}_removeEvents(e){let r=p(e);r&&(r.removeEventListener("focus",this.show,{capture:!0}),r.removeEventListener("mouseenter",this.show),r.removeEventListener("blur",this.hide,{capture:!0}),r.removeEventListener("mouseleave",this.hide))}connectedCallback(){super.connectedCallback(),this.show=this.show.bind(this),this.hide=this.hide.bind(this),this._addEvents()}disconnectedCallback(){super.disconnectedCallback(),this._removeEvents(this.target)}show(){var e;this._popover.target=(e=this.target)!=null?e:this.trigger,this._popover.show(),this.onShow("")}hide(){this._popover.hide(),this.onHide("")}get visible(){return this._popover.visible}triggerTemplate(){return i`<slot
+import{a as p}from"./chunk-RCHKJINV.js";import{a as d}from"./chunk-DINNT5P2.js";import{a}from"./chunk-GRL4DWKG.js";import{a as v,b as s,e as n}from"./chunk-5MOOXA2X.js";import{a as l,b as i,f as h}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-BWWXE4SL.js";var m=l`:host{display:contents}.trigger{display:var(--bl-tooltip-trigger-display,inline-flex);cursor:pointer}bl-popover{--bl-popover-background-color:var(--bl-color-info);--bl-popover-arrow-display:block;--bl-popover-border-size:0px;--bl-popover-max-width:424px}.content{color:var(--bl-color-neutral-full)}`,c=m;var t=class extends h{constructor(){super(...arguments);this.placement="top"}static get styles(){return[c]}update(e){if(e.has("target")){let r=e.get("target");r&&this._removeEvents(r),this._addEvents()}super.update(e)}_addEvents(){let e=p(this.target);e&&(e.addEventListener("focus",this.show,{capture:!0}),e.addEventListener("mouseenter",this.show),e.addEventListener("blur",this.hide,{capture:!0}),e.addEventListener("mouseleave",this.hide))}_removeEvents(e){let r=p(e);r&&(r.removeEventListener("focus",this.show,{capture:!0}),r.removeEventListener("mouseenter",this.show),r.removeEventListener("blur",this.hide,{capture:!0}),r.removeEventListener("mouseleave",this.hide))}connectedCallback(){super.connectedCallback(),this.show=this.show.bind(this),this.hide=this.hide.bind(this),this._addEvents()}disconnectedCallback(){super.disconnectedCallback(),this._removeEvents(this.target)}show(){var e;this._popover.target=(e=this.target)!=null?e:this.trigger,this._popover.show(),this.onShow("")}hide(){this._popover.hide(),this.onHide("")}get visible(){return this._popover.visible}triggerTemplate(){return i`<slot
       class="trigger"
       name="tooltip-trigger"
       aria-describedby="tooltip"
@@ -17,4 +17,4 @@ import{a as p}from"./chunk-UOGCEUXK.js";import{a as d}from"./chunk-DINNT5P2.js";
         <slot class="content" id="tooltip" role="tooltip"></slot>
       </bl-popover>
     `}};o([n(".trigger")],t.prototype,"trigger",2),o([n("bl-popover")],t.prototype,"_popover",2),o([s({type:String})],t.prototype,"placement",2),o([a("bl-tooltip-show")],t.prototype,"onShow",2),o([a("bl-tooltip-hide")],t.prototype,"onHide",2),o([s()],t.prototype,"target",2),t=o([v("bl-tooltip")],t);export{t as a};
-//# sourceMappingURL=chunk-DE3A37FL.js.map
+//# sourceMappingURL=chunk-BCRV6HG6.js.map

package/dist/chunk-BDTCJ2JC.js

@@ -0,0 +1,16 @@
+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`
+      <div
+        class="${h(e)}"
+        role="progressbar"
+        aria-valuenow="${this.activeStep}"
+        aria-valuemin="0"
+        aria-valuemax="${this.totalSteps-1}"
+        @keydown="${this.handleKeyDown}"
+      >
+        <slot
+          @slotchange="${this.updateStepperItems}"
+          @bl-stepper-item-click="${this.handleItemClick}"
+        ></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

package/dist/chunk-BDTCJ2JC.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/stepper/bl-stepper.css", "../src/components/stepper/bl-stepper.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`: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)}}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport \"./bl-stepper-item\";\nimport style from \"./bl-stepper.css\";\n\nexport type StepperType = \"dot\" | \"number\" | \"icon\";\nexport type StepperDirection = \"horizontal\" | \"vertical\";\nexport type StepperUsage = \"clickable\" | \"non-clickable\";\n\ninterface BlStepperItemElement extends HTMLElement {\n  id: string;\n  variant: \"default\" | \"active\" | \"success\" | \"error\";\n  stepperType: StepperType;\n  direction: StepperDirection;\n  showLeadingConnector: boolean;\n  showTrailingConnector: boolean;\n  stepUsage: StepperUsage;\n}\n\n/**\n * @tag bl-stepper\n * @summary Baklava Stepper component for displaying progress through a sequence of steps\n *\n * @slot default - Stepper items\n */\n\n@customElement(\"bl-stepper\")\nexport default class BlStepper extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Defines stepper render style\n   */\n  @property({ type: String, reflect: true })\n  type: StepperType = \"dot\";\n\n  /**\n   * Defines stepper direction is horizontal or vertical\n   */\n  @property({ type: String, reflect: true })\n  direction: StepperDirection = \"horizontal\";\n\n  /**\n   * Defines stepper usage is clickable or non-clickable\n   */\n  @property({ type: String, reflect: true })\n  usage: StepperUsage = \"clickable\";\n\n  private get stepperItemsArray(): BlStepperItemElement[] {\n    return Array.from(this.querySelectorAll(\"bl-stepper-item\")) as BlStepperItemElement[];\n  }\n\n  /**\n   * Fires when stepper state changes\n   */\n  @event(\"bl-stepper-change\") private onStepperChange: EventDispatcher<{\n    activeStep: number;\n    totalSteps: number;\n  }>;\n\n  private get totalSteps(): number {\n    return this.stepperItemsArray.length;\n  }\n\n  private get activeStep(): number {\n    const items = this.stepperItemsArray;\n\n    return items.findIndex(item => {\n      return item.variant === \"active\";\n    });\n  }\n\n  private handleItemClick(event: CustomEvent) {\n    if (this.usage === \"non-clickable\") {\n      return;\n    }\n\n    const clickedItem = event.target as BlStepperItemElement;\n    const itemId = clickedItem.id;\n\n    // Update all items based on the clicked item\n    const items = this.stepperItemsArray;\n    const clickedIndex = items.findIndex(item => item.id === itemId);\n\n    items.forEach((item, index) => {\n      if (index < clickedIndex) {\n        item.variant = \"success\";\n      } else if (index === clickedIndex) {\n        item.variant = \"active\";\n      } else {\n        item.variant = \"default\";\n      }\n    });\n\n    // Dispatch change event\n    this.onStepperChange({\n      activeStep: clickedIndex,\n      totalSteps: this.totalSteps,\n    });\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (this.usage === \"non-clickable\") {\n      return;\n    }\n\n    const items = this.stepperItemsArray;\n    const focusedItemIndex = items.findIndex(item => item === document.activeElement);\n\n    if (focusedItemIndex === -1) {\n      return;\n    }\n\n    let nextIndex = -1;\n\n    if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n      nextIndex = focusedItemIndex + 1;\n      if (nextIndex >= items.length) nextIndex = 0;\n    } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n      nextIndex = focusedItemIndex - 1;\n      if (nextIndex < 0) nextIndex = items.length - 1;\n    } else if (event.key === \"Home\") {\n      nextIndex = 0;\n    } else if (event.key === \"End\") {\n      nextIndex = items.length - 1;\n    }\n\n    if (nextIndex !== -1) {\n      event.preventDefault();\n      items[nextIndex].focus();\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  firstUpdated(changedProperties: Map<string | number | symbol, unknown>) {\n    super.firstUpdated(changedProperties);\n\n    // Initialize stepper items\n    this.updateStepperItems();\n  }\n\n  updated(changedProperties: Map<string | number | symbol, unknown>) {\n    super.updated(changedProperties);\n\n    if (\n      changedProperties.has(\"type\") ||\n      changedProperties.has(\"direction\") ||\n      changedProperties.has(\"usage\")\n    ) {\n      this.updateStepperItems();\n    }\n  }\n\n  private updateStepperItems() {\n    const allItems = this.stepperItemsArray;\n    const maxItems = 9;\n\n    // Hide items beyond the maximum limit\n    allItems.forEach((item, index) => {\n      if (index >= maxItems) {\n        item.style.display = \"none\";\n        return;\n      }\n\n      item.style.display = \"\";\n      item.stepperType = this.type;\n      item.direction = this.direction;\n      item.stepUsage = this.usage;\n\n      item.showLeadingConnector = index > 0;\n\n      item.showTrailingConnector = index < Math.min(allItems.length, maxItems) - 1;\n    });\n\n    // Show error if there are more than maximum items\n    if (allItems.length > maxItems) {\n      console.error(\n        `bl-stepper: Maximum ${maxItems} items are allowed. ${\n          allItems.length - maxItems\n        } item(s) will not be displayed.`\n      );\n    }\n  }\n\n  render(): TemplateResult {\n    const classes = {\n      stepper: true,\n      [`type-${this.type}`]: true,\n      [`direction-${this.direction}`]: true,\n      [`usage-${this.usage}`]: true,\n    };\n\n    return html`\n      <div\n        class=\"${classMap(classes)}\"\n        role=\"progressbar\"\n        aria-valuenow=\"${this.activeStep}\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"${this.totalSteps - 1}\"\n        @keydown=\"${this.handleKeyDown}\"\n      >\n        <slot\n          @slotchange=\"${this.updateStepperItems}\"\n          @bl-stepper-item-click=\"${this.handleItemClick}\"\n        ></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"bl-stepper\": BlStepper;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["styles", "i", "bl_stepper_default", "BlStepper", "s", "bl_stepper_default", "item", "event", "itemId", "items", "clickedIndex", "index", "focusedItemIndex", "nextIndex", "changedProperties", "allItems", "maxItems", "classes", "x", "o", "__decorateClass", "e"]
+}

package/dist/chunk-BWWXE4SL.js

@@ -0,0 +1,2 @@
+var k=Object.create,i=Object.freeze,f=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,n=Object.prototype.hasOwnProperty;var p=(a=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(a,{get:(b,d)=>(typeof require<"u"?require:b)[d]}):a)(function(a){if(typeof require<"u")return require.apply(this,arguments);throw new Error('Dynamic require of "'+a+'" is not supported')});var q=(a,b)=>()=>(b||a((b={exports:{}}).exports,b),b.exports);var o=(a,b,d,e)=>{if(b&&typeof b=="object"||typeof b=="function")for(let c of l(b))!n.call(a,c)&&c!==d&&f(a,c,{get:()=>b[c],enumerable:!(e=j(b,c))||e.enumerable});return a};var r=(a,b,d)=>(d=a!=null?k(m(a)):{},o(b||!a||!a.__esModule?f(d,"default",{value:a,enumerable:!0}):d,a));var s=(a,b,d,e)=>{for(var c=e>1?void 0:e?j(b,d):b,g=a.length-1,h;g>=0;g--)(h=a[g])&&(c=(e?h(b,d,c):h(c))||c);return e&&c&&f(b,d,c),c};var t=(a,b)=>i(f(a,"raw",{value:i(b||a.slice())}));export{p as a,q as b,r as c,s as d,t as e};
+//# sourceMappingURL=chunk-BWWXE4SL.js.map

package/dist/{chunk-RDMVGOUM.js → chunk-C2UDBDKV.js}

@@ -1,4 +1,4 @@
-import{a as g}from"./chunk-3MULIHWW.js";import{a as f}from"./chunk-GRL4DWKG.js";import{a as b,b as s,c,e as _}from"./chunk-5MOOXA2X.js";import{a as m,b as p}from"./chunk-4OT5AMS5.js";import{d as l}from"./chunk-IZ2LK5GK.js";var D=m`: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}.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 i=class extends g{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,e,n,o,a,r,d,u;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 h=(e=this._calendarEl)==null?void 0:e._dates.slice(0,this._fittingDateCount).map(v=>this.formatDate(v));this._inputValue=h.join(",")+(this._floatingDateCount>0?" ,...":"")}else this.type==="range"&&((n=this._calendarEl)!=null&&n._dates[0]&&(this._inputValue=this.formatDate((o=this._calendarEl)==null?void 0:o._dates[0])),(a=this._calendarEl)!=null&&a._dates[1]&&(this._inputValue=`${this._inputValue}-${this.formatDate((r=this._calendarEl)==null?void 0:r._dates[1])}`),(d=this._calendarEl)!=null&&d._dates[0]&&((u=this._calendarEl)!=null&&u._dates[1])&&this.closePopoverWithTimeout())}closePopoverWithTimeout(){setTimeout(()=>{this.closePopover(),this._inputEl.blur()},200)}setFloatingDates(){var o,a,r;let t=(o=this.shadowRoot)==null?void 0:o.getElementById("datepicker-input"),e=(a=this.shadowRoot)==null?void 0:a.getElementById("icon-container"),n=t.offsetWidth-e.offsetWidth;this._fittingDateCount=Math.floor(n/90),this._floatingDateCount=((r=this._calendarEl)==null?void 0:r._dates.length)-this._fittingDateCount}setDatePickerInput(){var t,e;(t=this._calendarEl)!=null&&t._dates.length?this.valueFormatter?this._inputValue=this.valueFormatter((e=this._calendarEl)==null?void 0:e._dates):this.defaultInputValueFormatter():this._inputValue=""}formatDate(t){return`${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 e=t.split(",");return e==null?void 0:e.reduce((n,o,a)=>(a>0&&a%3===0&&n.push(p`<br />`),n.push(p`<span>${o.trim()}${a<e.length-1?", ":""}</span>`),n),[])}async firstUpdated(){var t,e,n;this._onCalendarMouseDown=o=>{var a;o.preventDefault(),(a=this._inputEl)==null||a.focus()},this._onInputMouseDown=o=>{var a;o.preventDefault(),(a=this._inputEl)==null||a.focus()},(t=this._calendarEl)==null||t.addEventListener("mousedown",this._onCalendarMouseDown),(e=this._inputEl)==null||e.addEventListener("mousedown",this._onInputMouseDown),(n=this._calendarEl)!=null&&n._dates&&this.setDatePickerInput()}onCalendarChange(){var t;this.setDatePickerInput(),this._onBlDatepickerChange((t=this._calendarEl)==null?void 0:t._dates)}disconnectedCallback(){var t,e;super.disconnectedCallback(),(t=this._calendarEl)==null||t.removeEventListener("mousedown",this._onCalendarMouseDown),(e=this._inputEl)==null||e.removeEventListener("mousedown",this._onInputMouseDown)}render(){var r,d,u,h;let t=p`
+import{a as f}from"./chunk-IEFQ6PGY.js";import{a as g}from"./chunk-GRL4DWKG.js";import{a as b,b as s,c,e as _}from"./chunk-5MOOXA2X.js";import{a as v,b as p}from"./chunk-4OT5AMS5.js";import{d as n}from"./chunk-BWWXE4SL.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}.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 i=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,e,l,o,a,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=(e=this._calendarEl)==null?void 0:e._dates.slice(0,this._fittingDateCount).map(m=>this.formatDate(m));this._inputValue=u.join(",")+(this._floatingDateCount>0?" ,...":"")}else this.type==="range"&&((l=this._calendarEl)!=null&&l._dates[0]&&(this._inputValue=this.formatDate((o=this._calendarEl)==null?void 0:o._dates[0])),(a=this._calendarEl)!=null&&a._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 o,a,r;let t=(o=this.shadowRoot)==null?void 0:o.getElementById("datepicker-input"),e=(a=this.shadowRoot)==null?void 0:a.getElementById("icon-container"),l=t.offsetWidth-e.offsetWidth;this._fittingDateCount=Math.floor(l/90),this._floatingDateCount=((r=this._calendarEl)==null?void 0:r._dates.length)-this._fittingDateCount}setDatePickerInput(){var t,e;(t=this._calendarEl)!=null&&t._dates.length?this.valueFormatter?this._inputValue=this.valueFormatter((e=this._calendarEl)==null?void 0:e._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 e=t.split(",");return e==null?void 0:e.reduce((l,o,a)=>(a>0&&a%3===0&&l.push(p`<br />`),l.push(p`<span>${o.trim()}${a<e.length-1?", ":""}</span>`),l),[])}async firstUpdated(){var t,e,l;this._onCalendarMouseDown=o=>{var a;o.preventDefault(),(a=this._inputEl)==null||a.focus()},this._onInputMouseDown=o=>{var a;o.preventDefault(),(a=this._inputEl)==null||a.focus()},(t=this._calendarEl)==null||t.addEventListener("mousedown",this._onCalendarMouseDown),(e=this._inputEl)==null||e.addEventListener("mousedown",this._onInputMouseDown),(l=this._calendarEl)!=null&&l._dates&&this.setDatePickerInput()}onCalendarChange(){var t;this.setDatePickerInput(),this._onBlDatepickerChange((t=this._calendarEl)==null?void 0:t._dates)}disconnectedCallback(){var t,e;super.disconnectedCallback(),(t=this._calendarEl)==null||t.removeEventListener("mousedown",this._onCalendarMouseDown),(e=this._inputEl)==null||e.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}
@@ -9,13 +9,14 @@ import{a as g}from"./chunk-3MULIHWW.js";import{a as f}from"./chunk-GRL4DWKG.js";
           .value=${this.value}
           .locale=${this.locale}
           .dayRenderer=${this.dayRenderer}
+          ?month-year-only=${this.monthYearOnly}
           @bl-calendar-change="${this.onCalendarChange}"
         ></bl-calendar>
       </bl-popover>
-    `,e=(u=(d=(r=this._calendarEl)==null?void 0:r._dates)==null?void 0:d.slice(this._fittingDateCount).map(v=>this.formatDate(v)).join(","))!=null?u:"",n=this.formatAdditionalDates(e),o=this._floatingDateCount>0?p` <bl-tooltip>
+    `,e=(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:"",l=this.formatAdditionalDates(e),o=this._floatingDateCount>0?p` <bl-tooltip>
             <span slot="tooltip-trigger">+${this._floatingDateCount}</span>
-            <div>${n}</div>
-          </bl-tooltip>`:"",a=((h=this._calendarEl)==null?void 0:h._dates.length)>0?p` <bl-button
+            <div>${l}</div>
+          </bl-tooltip>`:"",a=((u=this._calendarEl)==null?void 0:u._dates.length)>0?p` <bl-button
               size="small"
               variant="tertiary"
               kind="neutral"
@@ -48,5 +49,5 @@ import{a as g}from"./chunk-3MULIHWW.js";import{a as f}from"./chunk-GRL4DWKG.js";
         </bl-input>
         ${t}
       </div>
-    `}};l([s({type:String,attribute:"placeholder",reflect:!0})],i.prototype,"placeholder",2),l([s({type:String,reflect:!0})],i.prototype,"size",2),l([s({type:Boolean,attribute:"label-fixed",reflect:!0})],i.prototype,"labelFixed",2),l([s({type:String,attribute:"label",reflect:!0})],i.prototype,"label",2),l([s({type:Function,attribute:"value-formatter"})],i.prototype,"valueFormatter",2),l([s({type:Boolean})],i.prototype,"disabled",2),l([s({type:String,attribute:"help-text",reflect:!0})],i.prototype,"helpText",2),l([s({attribute:!1})],i.prototype,"dayRenderer",2),l([c()],i.prototype,"_inputValue",2),l([c()],i.prototype,"_floatingDateCount",2),l([c()],i.prototype,"_fittingDateCount",2),l([_("bl-calendar")],i.prototype,"_calendarEl",2),l([_("bl-popover")],i.prototype,"_popoverEl",2),l([_("bl-input")],i.prototype,"_inputEl",2),l([f("bl-datepicker-change")],i.prototype,"_onBlDatepickerChange",2),i=l([b("bl-datepicker")],i);export{i as a};
-//# sourceMappingURL=chunk-RDMVGOUM.js.map
+    `}};n([s({type:String,attribute:"placeholder",reflect:!0})],i.prototype,"placeholder",2),n([s({type:String,reflect:!0})],i.prototype,"size",2),n([s({type:Boolean,attribute:"label-fixed",reflect:!0})],i.prototype,"labelFixed",2),n([s({type:String,attribute:"label",reflect:!0})],i.prototype,"label",2),n([s({type:Function,attribute:"value-formatter"})],i.prototype,"valueFormatter",2),n([s({type:Boolean})],i.prototype,"disabled",2),n([s({type:String,attribute:"help-text",reflect:!0})],i.prototype,"helpText",2),n([s({attribute:!1})],i.prototype,"dayRenderer",2),n([c()],i.prototype,"_inputValue",2),n([c()],i.prototype,"_floatingDateCount",2),n([c()],i.prototype,"_fittingDateCount",2),n([_("bl-calendar")],i.prototype,"_calendarEl",2),n([_("bl-popover")],i.prototype,"_popoverEl",2),n([_("bl-input")],i.prototype,"_inputEl",2),n([g("bl-datepicker-change")],i.prototype,"_onBlDatepickerChange",2),i=n([b("bl-datepicker")],i);export{i as a};
+//# sourceMappingURL=chunk-C2UDBDKV.js.map

package/dist/chunk-C2UDBDKV.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}.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 })\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   * 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          ?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-MWG4TBH7.js → chunk-D7VPTSSK.js}

@@ -1,4 +1,4 @@
-import{a as o}from"./chunk-GRL4DWKG.js";import{a as p,b as n,c as m,e as b}from"./chunk-5MOOXA2X.js";import{a as c,b as r,f as h}from"./chunk-4OT5AMS5.js";import{d as i}from"./chunk-IZ2LK5GK.js";var u=d=>{let l=d.match(/^(\d+(\.\d+)?)(.*)$/);if(!l)return null;let e=parseFloat(l[1]),a=l[3],s;switch(a){case"px":s=e;break;case"vw":s=e*window.innerWidth/100;break;case"%":s=e*window.innerWidth/100;break;default:s=null;break}return s};var w=c`.drawer{box-sizing:border-box;position:fixed;display:flex;top:0;bottom:0;inset-inline-end:0;width:var(--bl-drawer-current-width,424px);padding:var(--bl-size-xl);padding-top:max(env(safe-area-inset-top),var(--bl-size-xl));padding-inline-end:max(env(safe-area-inset-right),var(--bl-size-xl));padding-bottom:max(env(safe-area-inset-bottom),var(--bl-size-xl));background:var(--bl-color-neutral-full);box-shadow:var(--bl-size-xs) 0 var(--bl-size-2xl) rgba(0 0 0 / 50%);transition:right var(--bl-drawer-animation-duration, .25s);z-index:var(--bl-index-sticky)}iframe{height:100%;width:100%;border:none}.container{display:flex;flex-direction:column;gap:var(--bl-size-xl);flex:1;width:100%}header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--bl-size-2xs);background-color:#fff}header .header-buttons{display:flex;gap:var(--bl-size-xl);margin-inline-start:auto}header h2{font:var(--bl-font-title-1-medium);color:var(--bl-color-neutral-darker);overflow:hidden;margin:0;padding:0}.content{flex:1;overflow-y:scroll}.iframe-content{flex:1}`,f=w;var t=class extends h{constructor(){super(...arguments);this.open=!1;this.width="424px";this.domExistence=!1}static get styles(){return[f]}connectedCallback(){super.connectedCallback(),window==null||window.addEventListener("bl-drawer-open",e=>{e.target!==this&&this.closeDrawer()}),this.resizeDrawerWidth(),window==null||window.addEventListener("resize",()=>this.resizeDrawerWidth()),window==null||window.addEventListener("load",()=>this.resizeDrawerWidth())}disconnectedCallback(){super.disconnectedCallback(),window==null||window.removeEventListener("resize",()=>this.resizeDrawerWidth()),window==null||window.addEventListener("load",()=>this.resizeDrawerWidth())}updated(e){e.has("open")&&this.toggleDialogHandler(),e.has("width")&&this.resizeDrawerWidth()}resizeDrawerWidth(){let e=u(this.width),a=!e||e<100?"424px":this.width;e&&((window==null?void 0:window.innerWidth)<e?this.style.setProperty("--bl-drawer-current-width","calc(100vw - 24px)"):this.style.setProperty("--bl-drawer-current-width",a))}toggleDialogHandler(){this.open?(this.domExistenceSchedule&&clearTimeout(this.domExistenceSchedule),this.domExistence=!0,window.setTimeout(()=>{this.embedUrl&&this._drawerIframe&&(this._drawerIframe.src=this.embedUrl)}),this.onOpen("")):(this.domExistenceSchedule=window.setTimeout(()=>{this.domExistence=!1},1e3),this.onClose(""))}closeDrawer(){this.open=!1}renderContent(){let e=this.embedUrl?r`<iframe id="drawer-iframe" src=${this.embedUrl}></iframe>`:r`<slot></slot>`;return r`<section class=${this.embedUrl?"iframe-content":"content"}>
+import{a as o}from"./chunk-GRL4DWKG.js";import{a as p,b as n,c as m,e as b}from"./chunk-5MOOXA2X.js";import{a as c,b as r,f as h}from"./chunk-4OT5AMS5.js";import{d as i}from"./chunk-BWWXE4SL.js";var u=d=>{let l=d.match(/^(\d+(\.\d+)?)(.*)$/);if(!l)return null;let e=parseFloat(l[1]),a=l[3],s;switch(a){case"px":s=e;break;case"vw":s=e*window.innerWidth/100;break;case"%":s=e*window.innerWidth/100;break;default:s=null;break}return s};var w=c`.drawer{box-sizing:border-box;position:fixed;display:flex;top:0;bottom:0;inset-inline-end:0;width:var(--bl-drawer-current-width,424px);padding:var(--bl-size-xl);padding-top:max(env(safe-area-inset-top),var(--bl-size-xl));padding-inline-end:max(env(safe-area-inset-right),var(--bl-size-xl));padding-bottom:max(env(safe-area-inset-bottom),var(--bl-size-xl));background:var(--bl-color-neutral-full);box-shadow:var(--bl-size-xs) 0 var(--bl-size-2xl) rgba(0 0 0 / 50%);transition:right var(--bl-drawer-animation-duration, .25s);z-index:var(--bl-index-sticky)}iframe{height:100%;width:100%;border:none}.container{display:flex;flex-direction:column;gap:var(--bl-size-xl);flex:1;width:100%}header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--bl-size-2xs);background-color:#fff}header .header-buttons{display:flex;gap:var(--bl-size-xl);margin-inline-start:auto}header h2{font:var(--bl-font-title-1-medium);color:var(--bl-color-neutral-darker);overflow:hidden;margin:0;padding:0}.content{flex:1;overflow-y:scroll}.iframe-content{flex:1}`,f=w;var t=class extends h{constructor(){super(...arguments);this.open=!1;this.width="424px";this.domExistence=!1}static get styles(){return[f]}connectedCallback(){super.connectedCallback(),window==null||window.addEventListener("bl-drawer-open",e=>{e.target!==this&&this.closeDrawer()}),this.resizeDrawerWidth(),window==null||window.addEventListener("resize",()=>this.resizeDrawerWidth()),window==null||window.addEventListener("load",()=>this.resizeDrawerWidth())}disconnectedCallback(){super.disconnectedCallback(),window==null||window.removeEventListener("resize",()=>this.resizeDrawerWidth()),window==null||window.addEventListener("load",()=>this.resizeDrawerWidth())}updated(e){e.has("open")&&this.toggleDialogHandler(),e.has("width")&&this.resizeDrawerWidth()}resizeDrawerWidth(){let e=u(this.width),a=!e||e<100?"424px":this.width;e&&((window==null?void 0:window.innerWidth)<e?this.style.setProperty("--bl-drawer-current-width","calc(100vw - 24px)"):this.style.setProperty("--bl-drawer-current-width",a))}toggleDialogHandler(){this.open?(this.domExistenceSchedule&&clearTimeout(this.domExistenceSchedule),this.domExistence=!0,window.setTimeout(()=>{this.embedUrl&&this._drawerIframe&&(this._drawerIframe.src=this.embedUrl)}),this.onOpen("")):(this.domExistenceSchedule=window.setTimeout(()=>{this.domExistence=!1},1e3),this.onClose(""))}closeDrawer(){this.open=!1}renderContent(){let e=this.embedUrl?r`<iframe id="drawer-iframe" src=${this.embedUrl}></iframe>`:r`<slot></slot>`;return r`<section class=${this.embedUrl?"iframe-content":"content"}>
       ${e}
     </section>`}renderContainer(){let e=this.caption?r`<h2 id="drawer-caption">${this.caption}</h2>`:"",a=this.externalLink?r`<bl-button
           icon="external_link"
@@ -24,4 +24,4 @@ import{a as o}from"./chunk-GRL4DWKG.js";import{a as p,b as n,c as m,e as b}from"
       </header>
       ${this.renderContent()}
     </div>`}render(){return this.domExistence?r`<div class="drawer">${this.renderContainer()}</div>`:r``}};i([n({type:Boolean,reflect:!0})],t.prototype,"open",2),i([n({type:String})],t.prototype,"caption",2),i([n({type:String,attribute:"embed-url"})],t.prototype,"embedUrl",2),i([n({type:String,attribute:"external-link"})],t.prototype,"externalLink",2),i([n({type:String,attribute:"width"})],t.prototype,"width",2),i([o("bl-drawer-open")],t.prototype,"onOpen",2),i([o("bl-drawer-close")],t.prototype,"onClose",2),i([b("#drawer-iframe")],t.prototype,"_drawerIframe",2),i([m()],t.prototype,"domExistence",2),t=i([p("bl-drawer")],t);export{t as a};
-//# sourceMappingURL=chunk-MWG4TBH7.js.map
+//# sourceMappingURL=chunk-D7VPTSSK.js.map

package/dist/{chunk-J5YZ4HBV.js → chunk-DPKNQOJX.js}

@@ -1,2 +1,2 @@
-import{a}from"./chunk-P5TOP3NH.js";import{a as r,b as i}from"./chunk-5MOOXA2X.js";import{a as o,b as l,f as s}from"./chunk-4OT5AMS5.js";import{d as e}from"./chunk-IZ2LK5GK.js";var p=o`:host{display:table-header-group}:host([sticky]){position:sticky;top:0;inset-inline-start:0;inset-inline-end:0;z-index:3;transition:top 50ms;box-shadow:0 8px 16px 0 rgb(39 49 66 / 10%)}:host([sticky])::after{content:"";display:block;position:absolute;bottom:0;inset-inline-start:0;inset-inline-end:0;height:1px;background:var(--bl-color-neutral-lighter)}`,n=p;var b="bl-table-header",t=class extends s{constructor(){super(...arguments);this.sticky=!1}static get styles(){return[n]}connectedCallback(){super.connectedCallback(),this.closest(a)||console.warn("bl-table-header is designed to be used inside a bl-table",this)}render(){return l`<slot></slot> `}};e([i({type:Boolean,reflect:!0})],t.prototype,"sticky",2),t=e([r(b)],t);export{b as a,t as b};
-//# sourceMappingURL=chunk-J5YZ4HBV.js.map
+import{a}from"./chunk-FCOVZEHC.js";import{a as r,b as i}from"./chunk-5MOOXA2X.js";import{a as o,b as l,f as s}from"./chunk-4OT5AMS5.js";import{d as e}from"./chunk-BWWXE4SL.js";var p=o`:host{display:table-header-group}:host([sticky]){position:sticky;top:0;inset-inline-start:0;inset-inline-end:0;z-index:3;transition:top 50ms;box-shadow:0 8px 16px 0 rgb(39 49 66 / 10%)}:host([sticky])::after{content:"";display:block;position:absolute;bottom:0;inset-inline-start:0;inset-inline-end:0;height:1px;background:var(--bl-color-neutral-lighter)}`,n=p;var b="bl-table-header",t=class extends s{constructor(){super(...arguments);this.sticky=!1}static get styles(){return[n]}connectedCallback(){super.connectedCallback(),this.closest(a)||console.warn("bl-table-header is designed to be used inside a bl-table",this)}render(){return l`<slot></slot> `}};e([i({type:Boolean,reflect:!0})],t.prototype,"sticky",2),t=e([r(b)],t);export{b as a,t as b};
+//# sourceMappingURL=chunk-DPKNQOJX.js.map

package/dist/{chunk-WUXXMMTM.js → chunk-FANRUDPK.js}

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

package/dist/{chunk-P5TOP3NH.js → chunk-FCOVZEHC.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-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">
+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">
       <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-P5TOP3NH.js.map
+//# sourceMappingURL=chunk-FCOVZEHC.js.map

package/dist/{chunk-IKYI4JCF.js → chunk-FS3MTRC3.js}

@@ -1,4 +1,4 @@
-import{a as f}from"./chunk-XDUIVR6I.js";import{a as m}from"./chunk-6LT7O7T2.js";import{a as o}from"./chunk-GRL4DWKG.js";import{a as c,b as i,c as u,e as v}from"./chunk-5MOOXA2X.js";import{a as s,b as n,f as d}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-IZ2LK5GK.js";var y=s`:host{display:block}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-radio-direction,column) wrap;align-items:var(--bl-radio-group-cross-axis-item-alignment,normal);align-content:var(--bl-radio-group-cross-axis-content-alignment,normal);justify-content:var(--bl-radio-group-main-axis-content-alignment,normal);gap:var(--bl-size-m);margin-block:var(--bl-size-xs)}`,g=y;var h="bl-radio-group",b="bl-radio-change",r=class extends f(d){constructor(){super(...arguments);this.value="";this.required=!1;this.focusedOptionIndex=0}static get styles(){return[g]}get options(){return[...this.querySelectorAll(p)]}get availableOptions(){return this.options.filter(e=>!e.disabled)}updated(e){e.has("value")&&(this.setValue(this.value),this.onChange(this.value))}handleOptionChecked(e){let a=e.target;this.setValue(a.value),this.onChange(a.value)}handleKeyDown(e){if(["ArrowDown","ArrowRight"].includes(e.key))this.focusedOptionIndex++,this.focusedOptionIndex>=this.availableOptions.length&&(this.focusedOptionIndex=0),this.availableOptions[this.focusedOptionIndex].select();else if(["ArrowUp","ArrowLeft"].includes(e.key))this.focusedOptionIndex--,this.focusedOptionIndex<0&&(this.focusedOptionIndex=this.availableOptions.length-1),this.availableOptions[this.focusedOptionIndex].select();else if([" "].includes(e.key)){this.availableOptions[this.focusedOptionIndex].select();return}else return;this.availableOptions[this.focusedOptionIndex].focus(),e.preventDefault()}connectedCallback(){super.connectedCallback(),this.tabIndex=0,this.addEventListener("focus",this.handleFocus),this.addEventListener("keydown",this.handleKeyDown)}handleFocus(){this.availableOptions[this.focusedOptionIndex].focus()}render(){return n`<fieldset role="radiogroup" aria-labelledby="label" aria-required=${this.required}>
+import{a as f}from"./chunk-XDUIVR6I.js";import{a as m}from"./chunk-6LT7O7T2.js";import{a as o}from"./chunk-GRL4DWKG.js";import{a as c,b as i,c as u,e as v}from"./chunk-5MOOXA2X.js";import{a as s,b as n,f as d}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-BWWXE4SL.js";var y=s`:host{display:block}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-radio-direction,column) wrap;align-items:var(--bl-radio-group-cross-axis-item-alignment,normal);align-content:var(--bl-radio-group-cross-axis-content-alignment,normal);justify-content:var(--bl-radio-group-main-axis-content-alignment,normal);gap:var(--bl-size-m);margin-block:var(--bl-size-xs)}`,g=y;var h="bl-radio-group",b="bl-radio-change",r=class extends f(d){constructor(){super(...arguments);this.value="";this.required=!1;this.focusedOptionIndex=0}static get styles(){return[g]}get options(){return[...this.querySelectorAll(p)]}get availableOptions(){return this.options.filter(e=>!e.disabled)}updated(e){e.has("value")&&(this.setValue(this.value),this.onChange(this.value))}handleOptionChecked(e){let a=e.target;this.setValue(a.value),this.onChange(a.value)}handleKeyDown(e){if(["ArrowDown","ArrowRight"].includes(e.key))this.focusedOptionIndex++,this.focusedOptionIndex>=this.availableOptions.length&&(this.focusedOptionIndex=0),this.availableOptions[this.focusedOptionIndex].select();else if(["ArrowUp","ArrowLeft"].includes(e.key))this.focusedOptionIndex--,this.focusedOptionIndex<0&&(this.focusedOptionIndex=this.availableOptions.length-1),this.availableOptions[this.focusedOptionIndex].select();else if([" "].includes(e.key)){this.availableOptions[this.focusedOptionIndex].select();return}else return;this.availableOptions[this.focusedOptionIndex].focus(),e.preventDefault()}connectedCallback(){super.connectedCallback(),this.tabIndex=0,this.addEventListener("focus",this.handleFocus),this.addEventListener("keydown",this.handleKeyDown)}handleFocus(){this.availableOptions[this.focusedOptionIndex].focus()}render(){return n`<fieldset role="radiogroup" aria-labelledby="label" aria-required=${this.required}>
       <legend id="label">${this.label}</legend>
       <div class="options" @bl-checked=${this.handleOptionChecked}>
         <slot></slot>
@@ -14,4 +14,4 @@ import{a as f}from"./chunk-XDUIVR6I.js";import{a as m}from"./chunk-6LT7O7T2.js";
     >
       <p id="label"><slot></slot></p>
     </div>`}};t([i()],l.prototype,"name",2),t([i()],l.prototype,"value",2),t([i({type:Boolean,reflect:!0})],l.prototype,"disabled",2),t([u()],l.prototype,"selected",2),t([o("bl-checked")],l.prototype,"onChecked",2),t([o("bl-focus")],l.prototype,"onFocus",2),t([o("bl-blur")],l.prototype,"onBlur",2),t([v("[role=radio]")],l.prototype,"radioElement",2),l=t([c(p)],l);export{p as a,W as b,l as c,h as d,b as e,r as f};
-//# sourceMappingURL=chunk-IKYI4JCF.js.map
+//# sourceMappingURL=chunk-FS3MTRC3.js.map

package/dist/chunk-HCSEQTUP.js

@@ -0,0 +1,37 @@
+import{a as v}from"./chunk-6LT7O7T2.js";import{a as u}from"./chunk-DINNT5P2.js";import{a as h}from"./chunk-GRL4DWKG.js";import{a as d,b as o,c}from"./chunk-5MOOXA2X.js";import{a as p,b as e,f as l}from"./chunk-4OT5AMS5.js";import{d as i}from"./chunk-BWWXE4SL.js";var b=p`: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:#afbbca;transition:background-color .2s;flex-shrink:0}.connector.completed{background-color:#6e7787}.stepper-item.direction-horizontal .connector{height:2px;flex:1 1 auto;min-width:48px}.connector-placeholder{height:2px;flex:1 1 auto;min-width:48px;visibility:hidden}.stepper-item.direction-vertical .connector{width:2px;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(--text-color-active)}.stepper-item.variant-hover .stepper-description{color:var(--description-color-active)}.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)}}`,m=b;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[m]}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(a=>a.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},n=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>
+    `,a=this.variant==="success"||this.variant==="active"?"completed":"default",s=e`
+      <div class="connector-wrap">
+        ${this.direction==="horizontal"?e`
+              ${this.showLeadingConnector?e`<div class="connector connector-leading ${a}"></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 ${a}"></div>`:e`<div class="connector-placeholder"></div>`}
+            `:e`
+              ${this.showLeadingConnector?e`<div class="connector connector-leading ${a}"></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 ${a}"></div>`:""}
+            `}
+      </div>
+    `;return e`
+      <div
+        class="${v(r)}"
+        role="button"
+        tabindex="${this.isClickable?"0":"-1"}"
+        aria-label="${u(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` ${s} ${n} `:e` <div class="vertical-layout">${s} ${n}</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([c()],t.prototype,"showLeadingConnector",2),i([c()],t.prototype,"showTrailingConnector",2),i([c()],t.prototype,"stepperType",2),i([c()],t.prototype,"direction",2),i([c()],t.prototype,"stepUsage",2),i([h("bl-stepper-item-click")],t.prototype,"onItemClick",2),t=i([d("bl-stepper-item")],t);export{t as a};
+//# sourceMappingURL=chunk-HCSEQTUP.js.map

package/dist/chunk-HCSEQTUP.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:#afbbca;transition:background-color .2s;flex-shrink:0}.connector.completed{background-color:#6e7787}.stepper-item.direction-horizontal .connector{height:2px;flex:1 1 auto;min-width:48px}.connector-placeholder{height:2px;flex:1 1 auto;min-width:48px;visibility:hidden}.stepper-item.direction-vertical .connector{width:2px;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(--text-color-active)}.stepper-item.variant-hover .stepper-description{color:var(--description-color-active)}.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 connectorState =\n      this.variant === \"success\" || this.variant === \"active\" ? \"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 ${connectorState}\"></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 ${connectorState}\"></div>`\n                : html`<div class=\"connector-placeholder\"></div>`}\n            `\n          : html`\n              ${this.showLeadingConnector\n                ? html`<div class=\"connector connector-leading ${connectorState}\"></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 ${connectorState}\"></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", "connectorState", "stepIndicator", "o", "l", "__decorateClass", "e", "t"]
+}

package/dist/{chunk-ZLJF4SVG.js → chunk-HD7EU6S5.js}

@@ -1,4 +1,4 @@
-import{a as s,b as a,g as d}from"./chunk-5MOOXA2X.js";import{a as e,b as i,f as c}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-IZ2LK5GK.js";var p=e`.accordion-group{display:flex;flex-direction:column;gap:0}.accordion-group ::slotted(bl-accordion:first-child){--bl-accordion-radius-bottom-right:0;--bl-accordion-radius-bottom-left:0;--bl-accordion-border-bottom:0}.accordion-group ::slotted(bl-accordion:not(:last-child,:first-child)){--bl-accordion-radius-bottom-right:0;--bl-accordion-radius-bottom-left:0;--bl-accordion-radius-top-left:0;--bl-accordion-radius-top-right:0;--bl-accordion-border-bottom:0}.accordion-group ::slotted(bl-accordion:last-child){--bl-accordion-radius-top-right:0;--bl-accordion-radius-top-left:0}`,n=p;var o=class extends c{constructor(){super(...arguments);this.multiple=!1}static get styles(){return[n]}handleToggleAccordions(r){let m=r.target;!this.multiple&&r.detail&&this.accordions.forEach(l=>{m!==l&&l.collapse()})}render(){return i`<div class="accordion-group" @bl-toggle=${this.handleToggleAccordions}>
+import{a as s,b as a,g as d}from"./chunk-5MOOXA2X.js";import{a as e,b as i,f as c}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-BWWXE4SL.js";var p=e`.accordion-group{display:flex;flex-direction:column;gap:0}.accordion-group ::slotted(bl-accordion:first-child){--bl-accordion-radius-bottom-right:0;--bl-accordion-radius-bottom-left:0;--bl-accordion-border-bottom:0}.accordion-group ::slotted(bl-accordion:not(:last-child,:first-child)){--bl-accordion-radius-bottom-right:0;--bl-accordion-radius-bottom-left:0;--bl-accordion-radius-top-left:0;--bl-accordion-radius-top-right:0;--bl-accordion-border-bottom:0}.accordion-group ::slotted(bl-accordion:last-child){--bl-accordion-radius-top-right:0;--bl-accordion-radius-top-left:0}`,n=p;var o=class extends c{constructor(){super(...arguments);this.multiple=!1}static get styles(){return[n]}handleToggleAccordions(r){let m=r.target;!this.multiple&&r.detail&&this.accordions.forEach(l=>{m!==l&&l.collapse()})}render(){return i`<div class="accordion-group" @bl-toggle=${this.handleToggleAccordions}>
       <slot></slot>
     </div>`}};t([a({reflect:!0,type:Boolean})],o.prototype,"multiple",2),t([d({selector:"bl-accordion"})],o.prototype,"accordions",2),o=t([s("bl-accordion-group")],o);export{o as a};
-//# sourceMappingURL=chunk-ZLJF4SVG.js.map
+//# sourceMappingURL=chunk-HD7EU6S5.js.map

package/dist/chunk-IEFQ6PGY.js

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