@trendyol/baklava 3.5.0-beta.7 → 3.5.0-beta.9

package/dist/baklava-svelte.d.ts

@@ -261,6 +261,8 @@ declare namespace svelteHTML {
 			"disabled": boolean;
 			/** Defines help text to datepicker input for users */
 			"help-text": string;
+			/** Sets input error state */
+			"error": string;
 			/** Fires when date selection is changed */
 			"on:bl-datepicker-change"?: (event: CustomEvent<Date[]>) => void;
 			/** Fires when date selection is changed */

package/dist/baklava.js

@@ -1,2 +1,2 @@
-import{b as F}from"./chunk-2JDJGZRM.js";import{b as J}from"./chunk-CNWKBBJJ.js";import{b as E}from"./chunk-L5U5XRNP.js";import{b as j}from"./chunk-X2MSD7NS.js";import{b as q}from"./chunk-J5YZ4HBV.js";import{a as M}from"./chunk-G4DOH6BQ.js";import{a as Q}from"./chunk-STZJ3LBU.js";import{a as r}from"./chunk-YIKU2R7W.js";import{b as C}from"./chunk-GISZRI4I.js";import{a as H}from"./chunk-JXB2O63E.js";import{a as A}from"./chunk-3CGZ2A5B.js";import{b as N}from"./chunk-4BLKAURK.js";import{a as K}from"./chunk-5TPDRTCU.js";import{a as z}from"./chunk-WPESQSKX.js";import{a as v}from"./chunk-QF4LGACD.js";import{b as O}from"./chunk-P5TOP3NH.js";import{a as h}from"./chunk-UQMXWLP6.js";import{b as w}from"./chunk-SBCJY5IU.js";import{a as k}from"./chunk-AIHL337R.js";import{a as L}from"./chunk-QDYWH7BU.js";import{c as R,f as y}from"./chunk-IKYI4JCF.js";import{a as G}from"./chunk-NODTAMYY.js";import{a as D}from"./chunk-S4BD3HT2.js";import{a as T}from"./chunk-QKII4FCI.js";import{a as b}from"./chunk-7WQEZTFP.js";import{b as g,d as P,f as S}from"./chunk-SIP5IK3N.js";import{b as I}from"./chunk-WUXXMMTM.js";import{a as f}from"./chunk-ERL6CBPO.js";import"./chunk-ECPWEUBG.js";import{a as p}from"./chunk-T5MEA7JO.js";import{b as x,e as s}from"./chunk-MWFGDECP.js";import{a as c}from"./chunk-2ARF4VOQ.js";import{a as i}from"./chunk-DE3A37FL.js";import{b as n}from"./chunk-UOGCEUXK.js";import"./chunk-EZSEQHRH.js";import{a as B}from"./chunk-UOF574WZ.js";import"./chunk-23PSWIUF.js";import{b as u}from"./chunk-EFOTKJY4.js";import"./chunk-IPYZIIRV.js";import{b as m}from"./chunk-4UO3W4WP.js";import{b as d}from"./chunk-ZE7GYACV.js";import"./chunk-WEEGH2F4.js";import"./chunk-EG7U7PM3.js";import"./chunk-AYJMIZZ3.js";import"./chunk-XDUIVR6I.js";import"./chunk-HZ6A5QFC.js";import"./chunk-6LT7O7T2.js";import"./chunk-DINNT5P2.js";import{a as o,b as t,c as a}from"./chunk-BH64QNLE.js";import"./chunk-GRL4DWKG.js";import"./chunk-3USCFSFQ.js";import"./chunk-7GK5LKBV.js";import{a as U,b as V}from"./chunk-KC4ECXJJ.js";import"./chunk-XCSIJWLQ.js";import"./chunk-6JU6I4L7.js";import"./chunk-EH2C72PD.js";import"./chunk-2PI5BUSE.js";import"./chunk-276RDWEQ.js";import{a as l}from"./chunk-ZLJF4SVG.js";import"./chunk-5MOOXA2X.js";import{b as e}from"./chunk-4OT5AMS5.js";import"./chunk-IZ2LK5GK.js";export{r as BlAccordion,l as BlAccordionGroup,f as BlAlert,p as BlBadge,m as BlButton,u as BlCalendar,x as BlCheckbox,s as BlCheckboxGroup,c as BlDatePicker,T as BlDialog,b as BlDrawer,S as BlDropdown,I as BlDropdownGroup,P as BlDropdownItem,a as BlIcon,B as BlInput,h as BlLink,w as BlNotification,C as BlNotificationCard,k as BlPagination,n as BlPopover,L as BlProgressIndicator,R as BlRadio,y as BlRadioGroup,G as BlSelect,D as BlSelectOption,d as BlSpinner,g as BlSplitButton,H as BlStepper,A as BlStepperItem,N as BlSwitch,z as BlTab,K as BlTabGroup,v as BlTabPanel,O as BlTable,j as BlTableBody,F as BlTableCell,q as BlTableHeader,J as BlTableHeaderCell,E as BlTableRow,M as BlTag,Q as BlTextarea,i as BlTooltip,t as getIconPath,U as getLocale,e as litHtmlRenderer,o as setIconPath,V as setLocale};
+import{b as F}from"./chunk-2JDJGZRM.js";import{b as J}from"./chunk-CNWKBBJJ.js";import{b as E}from"./chunk-L5U5XRNP.js";import{b as j}from"./chunk-X2MSD7NS.js";import{b as q}from"./chunk-J5YZ4HBV.js";import{a as M}from"./chunk-G4DOH6BQ.js";import{a as Q}from"./chunk-STZJ3LBU.js";import{a as r}from"./chunk-YIKU2R7W.js";import{b as C}from"./chunk-GISZRI4I.js";import{a as H}from"./chunk-JXB2O63E.js";import{a as A}from"./chunk-LYHOM7F5.js";import{b as N}from"./chunk-4BLKAURK.js";import{a as K}from"./chunk-5TPDRTCU.js";import{a as z}from"./chunk-WPESQSKX.js";import{a as v}from"./chunk-QF4LGACD.js";import{b as O}from"./chunk-P5TOP3NH.js";import{a as h}from"./chunk-UQMXWLP6.js";import{b as w}from"./chunk-SBCJY5IU.js";import{a as k}from"./chunk-AIHL337R.js";import{a as L}from"./chunk-QDYWH7BU.js";import{c as R,f as y}from"./chunk-IKYI4JCF.js";import{a as G}from"./chunk-DAMBW5GX.js";import{a as D}from"./chunk-S4BD3HT2.js";import{a as T}from"./chunk-QKII4FCI.js";import{a as b}from"./chunk-7WQEZTFP.js";import{b as g,d as P,f as S}from"./chunk-SIP5IK3N.js";import{b as I}from"./chunk-WUXXMMTM.js";import{a as f}from"./chunk-ERL6CBPO.js";import"./chunk-ECPWEUBG.js";import{a as p}from"./chunk-T5MEA7JO.js";import{b as x,e as s}from"./chunk-MWFGDECP.js";import{a as c}from"./chunk-PQEZBW3G.js";import{a as i}from"./chunk-TBB5HNL6.js";import{b as n}from"./chunk-3D7WG3ON.js";import"./chunk-ZLE5MDX7.js";import{a as B}from"./chunk-FZJKSA6H.js";import"./chunk-23PSWIUF.js";import{b as u}from"./chunk-EFOTKJY4.js";import"./chunk-IPYZIIRV.js";import{b as m}from"./chunk-ZQ4MQ3U6.js";import{b as d}from"./chunk-ZE7GYACV.js";import"./chunk-WEEGH2F4.js";import"./chunk-EG7U7PM3.js";import"./chunk-AYJMIZZ3.js";import"./chunk-XDUIVR6I.js";import"./chunk-HZ6A5QFC.js";import"./chunk-6LT7O7T2.js";import"./chunk-DINNT5P2.js";import{a as o,b as t,c as a}from"./chunk-BH64QNLE.js";import"./chunk-GRL4DWKG.js";import"./chunk-3USCFSFQ.js";import"./chunk-7GK5LKBV.js";import{a as U,b as V}from"./chunk-KC4ECXJJ.js";import"./chunk-XCSIJWLQ.js";import"./chunk-6JU6I4L7.js";import"./chunk-EH2C72PD.js";import"./chunk-2PI5BUSE.js";import"./chunk-276RDWEQ.js";import{a as l}from"./chunk-ZLJF4SVG.js";import"./chunk-5MOOXA2X.js";import{b as e}from"./chunk-4OT5AMS5.js";import"./chunk-IZ2LK5GK.js";export{r as BlAccordion,l as BlAccordionGroup,f as BlAlert,p as BlBadge,m as BlButton,u as BlCalendar,x as BlCheckbox,s as BlCheckboxGroup,c as BlDatePicker,T as BlDialog,b as BlDrawer,S as BlDropdown,I as BlDropdownGroup,P as BlDropdownItem,a as BlIcon,B as BlInput,h as BlLink,w as BlNotification,C as BlNotificationCard,k as BlPagination,n as BlPopover,L as BlProgressIndicator,R as BlRadio,y as BlRadioGroup,G as BlSelect,D as BlSelectOption,d as BlSpinner,g as BlSplitButton,H as BlStepper,A as BlStepperItem,N as BlSwitch,z as BlTab,K as BlTabGroup,v as BlTabPanel,O as BlTable,j as BlTableBody,F as BlTableCell,q as BlTableHeader,J as BlTableHeaderCell,E as BlTableRow,M as BlTag,Q as BlTextarea,i as BlTooltip,t as getIconPath,U as getLocale,e as litHtmlRenderer,o as setIconPath,V as setLocale};
 //# sourceMappingURL=baklava.js.map

package/dist/chunk-3D7WG3ON.js

@@ -0,0 +1,5 @@
+import{a as f,b as w,c as E,d as y,e as _,f as x,g as M,h as k}from"./chunk-ZLE5MDX7.js";import{a as g}from"./chunk-6LT7O7T2.js";import{a as p}from"./chunk-GRL4DWKG.js";import{a as u,b as a,c as n,e as s}from"./chunk-5MOOXA2X.js";import{a as c,b as m,f as b}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-IZ2LK5GK.js";function z(i){return typeof i=="string"?document.getElementById(i):i instanceof Element?i:null}var S=c`:host{display:contents}.popover{--arrow-display:var(--bl-popover-arrow-display, none);--background-color:var(--bl-popover-background-color, var(--bl-color-neutral-full));--border-color:var(--bl-popover-border-color, var(--bl-color-primary-highlight));--border-size:var(--bl-popover-border-size, 1px);--padding:var(--bl-popover-padding, var(--bl-size-m));--border-radius:var(--bl-popover-border-radius, var(--bl-size-3xs));--position:var(--bl-popover-position, fixed);--max-width:var(--bl-popover-max-width, 100vw);--max-viewport:calc(100vw - var(--bl-size-s));position:var(--position);box-sizing:border-box;border:var(--border-size) solid var(--border-color);padding:var(--padding);border-radius:var(--border-radius);z-index:var(--bl-index-popover);max-width:min(var(--max-viewport),var(--max-width));width:max-content;hyphens:auto;background-color:var(--background-color);font:var(--bl-font-title-3-regular);color:var(--bl-color-neutral-darker);margin:0;inset:auto;overflow:visible}.popover:not(.visible){visibility:hidden}.arrow{--arrow-rotation:45deg;--size:var(--bl-size-2xs);--arrow-position:calc((var(--size) / -2) - var(--border-size));box-sizing:border-box;display:var(--arrow-display);position:absolute;background-color:var(--background-color);width:var(--size);height:var(--size);transform:rotate(var(--arrow-rotation));border:var(--border-size) solid var(--border-color);border-bottom:none;border-inline-end:none}.popover[data-placement*=bottom] .arrow{top:var(--arrow-position)}.popover[data-placement*=top] .arrow{--arrow-rotation:225deg;bottom:var(--arrow-position)}.popover[data-placement*=left] .arrow{--arrow-rotation:135deg;right:var(--arrow-position)}.popover[data-placement*=right] .arrow{--arrow-rotation:315deg;left:var(--arrow-position)}`,C=S;var L=()=>typeof HTMLElement<"u"&&"popover"in HTMLElement.prototype,t=class extends b{constructor(){super(...arguments);this.placement="bottom";this.fitSize=!1;this.offset=8;this._visible=!1;this._handleClickOutside=e=>{let o=e.composedPath();!o.includes(this._target)&&!o.includes(this)&&this.hide()}}static get styles(){return[C]}get target(){return this._target}set target(e){let o=z(e);if(!o){console.warn("BlPopover target only accepts an Element instance or a string id of a DOM element.");return}this._target=o}get visible(){return this._visible}connectedCallback(){super.connectedCallback(),this._handlePopoverShowEvent=this._handlePopoverShowEvent.bind(this),this._handleKeydownEvent=this._handleKeydownEvent.bind(this),this._handleClickOutside=this._handleClickOutside.bind(this)}disconnectedCallback(){super.disconnectedCallback(),this.popoverAutoUpdateCleanup&&this.popoverAutoUpdateCleanup()}show(){this._visible=!0,L()&&this._popover&&!this._popover.matches(":popover-open")&&this._popover.showPopover(),this.setPopover(),this.onBlPopoverShow(""),document.addEventListener("click",this._handleClickOutside),document.addEventListener("keydown",this._handleKeydownEvent),document.addEventListener("bl-popover-show",this._handlePopoverShowEvent)}hide(){this._visible=!1,L()&&this._popover&&this._popover.matches(":popover-open")&&this._popover.hidePopover(),document.removeEventListener("click",this._handleClickOutside),document.removeEventListener("keydown",this._handleKeydownEvent),document.removeEventListener("bl-popover-show",this._handlePopoverShowEvent),this.onBlPopoverHide("",{bubbles:!1})}render(){let e=g({popover:!0,visible:this._visible});return m` <div class=${e} popover="manual">
+      <slot id="popover" aria-live=${this._visible?"polite":"off"}></slot>
+      <div class="arrow" aria-hidden="true"></div>
+    </div>`}getMiddleware(){let e=[];return e.push(w(this.offset),M(),y(),E({padding:4})),this.fitSize&&e.push(_({apply(o){o.elements.floating&&o.elements.reference&&Object.assign(o.elements.floating.style,{"min-width":`${o.elements.reference.getBoundingClientRect().width}px`})}})),e.push(x({element:this.arrow,padding:5})),e}setPopover(){this.target&&(this.popoverAutoUpdateCleanup=f(this.target,this._popover,()=>{k(this.target,this._popover,{placement:this.placement,strategy:"fixed",middleware:this.getMiddleware()}).then(({x:e,y:o,placement:l,middlewareData:d})=>{if(Object.assign(this._popover.style,{left:`${e}px`,top:`${o}px`}),this._popover.dataset.placement=l,d.arrow){let{x:v,y:h}=d.arrow;Object.assign(this.arrow.style,{left:v!=null?`${v}px`:"",top:h!=null?`${h}px`:""})}})}))}_handlePopoverShowEvent(e){if(e.target!==this){let{parentElement:o}=e.target;!this.contains(o)&&e.target.tagName===this.tagName&&this.hide()}}_handleKeydownEvent(e){e.key==="Escape"&&this.visible&&(e.preventDefault(),this.hide())}};r([a({type:String})],t.prototype,"placement",2),r([a({type:Boolean,attribute:"fit-size"})],t.prototype,"fitSize",2),r([a({type:Number})],t.prototype,"offset",2),r([s(".popover")],t.prototype,"_popover",2),r([s(".arrow")],t.prototype,"arrow",2),r([p("bl-popover-show")],t.prototype,"onBlPopoverShow",2),r([p("bl-popover-hide")],t.prototype,"onBlPopoverHide",2),r([n()],t.prototype,"_target",2),r([a()],t.prototype,"target",1),r([n()],t.prototype,"_visible",2),t=r([u("bl-popover")],t);export{z as a,t as b};
+//# sourceMappingURL=chunk-3D7WG3ON.js.map

package/dist/chunk-3D7WG3ON.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/utilities/elements.ts", "../src/components/popover/bl-popover.css", "../src/components/popover/bl-popover.ts"],
+  "sourcesContent": ["export function getMiddleOfElement(element: Element) {\n  const { x, y, width, height } = element.getBoundingClientRect();\n\n  return {\n    x: Math.floor(x + window.pageXOffset + width / 2),\n    y: Math.floor(y + window.pageYOffset + height / 2),\n  };\n}\n\nexport function getTarget(value: string | Element): Element | null {\n  if (typeof value === \"string\") {\n    return document.getElementById(value) as Element;\n  } else if (value instanceof Element) {\n    return value;\n  }\n\n  return null;\n}\n", "import {css} from 'lit';\nexport const styles = css`:host{display:contents}.popover{--arrow-display:var(--bl-popover-arrow-display, none);--background-color:var(--bl-popover-background-color, var(--bl-color-neutral-full));--border-color:var(--bl-popover-border-color, var(--bl-color-primary-highlight));--border-size:var(--bl-popover-border-size, 1px);--padding:var(--bl-popover-padding, var(--bl-size-m));--border-radius:var(--bl-popover-border-radius, var(--bl-size-3xs));--position:var(--bl-popover-position, fixed);--max-width:var(--bl-popover-max-width, 100vw);--max-viewport:calc(100vw - var(--bl-size-s));position:var(--position);box-sizing:border-box;border:var(--border-size) solid var(--border-color);padding:var(--padding);border-radius:var(--border-radius);z-index:var(--bl-index-popover);max-width:min(var(--max-viewport),var(--max-width));width:max-content;hyphens:auto;background-color:var(--background-color);font:var(--bl-font-title-3-regular);color:var(--bl-color-neutral-darker);margin:0;inset:auto;overflow:visible}.popover:not(.visible){visibility:hidden}.arrow{--arrow-rotation:45deg;--size:var(--bl-size-2xs);--arrow-position:calc((var(--size) / -2) - var(--border-size));box-sizing:border-box;display:var(--arrow-display);position:absolute;background-color:var(--background-color);width:var(--size);height:var(--size);transform:rotate(var(--arrow-rotation));border:var(--border-size) solid var(--border-color);border-bottom:none;border-inline-end:none}.popover[data-placement*=bottom] .arrow{top:var(--arrow-position)}.popover[data-placement*=top] .arrow{--arrow-rotation:225deg;bottom:var(--arrow-position)}.popover[data-placement*=left] .arrow{--arrow-rotation:135deg;right:var(--arrow-position)}.popover[data-placement*=right] .arrow{--arrow-rotation:315deg;left:var(--arrow-position)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport {\n  arrow,\n  autoUpdate,\n  computePosition,\n  flip,\n  inline,\n  Middleware,\n  MiddlewareState,\n  offset,\n  shift,\n  size,\n} from \"@floating-ui/dom\";\nimport { getTarget } from \"../../utilities/elements\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport style from \"./bl-popover.css\";\n\nconst supportsPopoverApi = (): boolean =>\n  typeof HTMLElement !== \"undefined\" && \"popover\" in HTMLElement.prototype;\n\nexport type Placement =\n  | \"top-start\"\n  | \"top\"\n  | \"top-end\"\n  | \"bottom-start\"\n  | \"bottom\"\n  | \"bottom-end\"\n  | \"left-start\"\n  | \"left\"\n  | \"left-end\"\n  | \"right-start\"\n  | \"right\"\n  | \"right-end\";\n\n/**\n * @tag bl-popover\n * @summary Baklava Popover component\n *\n * @cssproperty [--bl-popover-arrow-display=none] - Sets the display of popovers arrow. Set as `block` to make arrow visible.\n * @cssproperty [--bl-popover-background-color=--bl-color-neutral-full] - Sets the background color of popover.\n * @cssproperty [--bl-popover-border-color=--bl-color-primary-highlight] - Sets the border color of popover.\n * @cssproperty [--bl-popover-border-size=1px] - Sets the border size of popover. You can set it to `0px` to not have a border (if you use a custom background color). Always use with a length unit.\n * @cssproperty [--bl-popover-padding=--bl-size-m] - Sets the padding of popover.\n * @cssproperty [--bl-popbover-border-radius=--bl-size-3xs] - Sets the border radius of popover.\n * @cssproperty [--bl-popover-max-width=100vw] - Sets the maximum width of the popover (including border and padding).\n * @cssproperty [--bl-popover-position=fixed] - Sets the position of popover. You can set it to `absolute` if parent element is a fixed positioned element like drawer or dialog.\n */\n@customElement(\"bl-popover\")\nexport default class BlPopover extends LitElement {\n  /**\n   * Sets placement of the popover\n   */\n  @property({ type: String })\n  placement: Placement = \"bottom\";\n  /**\n   * Sets size of popover same as trigger element\n   */\n  @property({ type: Boolean, attribute: \"fit-size\" })\n  fitSize = false;\n  /**\n   * Sets the distance between popover and target/trigger element\n   */\n  @property({ type: Number })\n  offset = 8;\n  @query(\".popover\") private _popover: HTMLElement;\n  @query(\".arrow\") private arrow: HTMLElement;\n  /**\n   * Fires when the popover is shown\n   */\n  @event(\"bl-popover-show\") private onBlPopoverShow: EventDispatcher<string>;\n  /**\n   * Fires when popover becomes hidden\n   */\n  @event(\"bl-popover-hide\") private onBlPopoverHide: EventDispatcher<string>;\n  private popoverAutoUpdateCleanup: () => void;\n\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Target elements state\n   */\n  @state() _target: string | Element;\n\n  /**\n   * Sets the target element of the popover to align and trigger.\n   * It can be a string id of the target element or can be a direct Element reference of it.\n   */\n  @property()\n  get target(): string | Element {\n    return this._target;\n  }\n\n  set target(value: string | Element) {\n    const target = getTarget(value);\n\n    if (!target) {\n      console.warn(\n        \"BlPopover target only accepts an Element instance or a string id of a DOM element.\"\n      );\n      return;\n    }\n\n    this._target = target;\n  }\n\n  /**\n   * Visibility state\n   */\n  @state() private _visible = false;\n\n  /**\n   * Gives the visibility status of the popover\n   */\n  get visible(): boolean {\n    return this._visible;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this._handlePopoverShowEvent = this._handlePopoverShowEvent.bind(this);\n    this._handleKeydownEvent = this._handleKeydownEvent.bind(this);\n    this._handleClickOutside = this._handleClickOutside.bind(this);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n\n    this.popoverAutoUpdateCleanup && this.popoverAutoUpdateCleanup();\n  }\n\n  /**\n   * Shows popover\n   */\n  show() {\n    this._visible = true;\n\n    if (supportsPopoverApi() && this._popover && !this._popover.matches(\":popover-open\")) {\n      this._popover.showPopover();\n    }\n\n    this.setPopover();\n    this.onBlPopoverShow(\"\");\n    document.addEventListener(\"click\", this._handleClickOutside);\n    document.addEventListener(\"keydown\", this._handleKeydownEvent);\n    document.addEventListener(\"bl-popover-show\", this._handlePopoverShowEvent);\n  }\n\n  /**\n   * Hides popover\n   */\n  hide() {\n    this._visible = false;\n\n    if (supportsPopoverApi() && this._popover && this._popover.matches(\":popover-open\")) {\n      this._popover.hidePopover();\n    }\n\n    document.removeEventListener(\"click\", this._handleClickOutside);\n    document.removeEventListener(\"keydown\", this._handleKeydownEvent);\n    document.removeEventListener(\"bl-popover-show\", this._handlePopoverShowEvent);\n    this.onBlPopoverHide(\"\", { bubbles: false });\n  }\n\n  render(): TemplateResult {\n    const classes = classMap({\n      popover: true,\n      visible: this._visible,\n    });\n\n    return html` <div class=${classes} popover=\"manual\">\n      <slot id=\"popover\" aria-live=${this._visible ? \"polite\" : \"off\"}></slot>\n      <div class=\"arrow\" aria-hidden=\"true\"></div>\n    </div>`;\n  }\n\n  private getMiddleware(): Middleware[] {\n    const middlewareParams: Middleware[] = [];\n\n    middlewareParams.push(offset(this.offset), inline(), flip(), shift({ padding: 4 }));\n\n    if (this.fitSize) {\n      middlewareParams.push(\n        size({\n          apply(args: MiddlewareState) {\n            if (args.elements.floating && args.elements.reference) {\n              Object.assign(args.elements.floating.style, {\n                \"min-width\": `${args.elements.reference.getBoundingClientRect().width}px`,\n              });\n            }\n          },\n        })\n      );\n    }\n\n    middlewareParams.push(arrow({ element: this.arrow, padding: 5 }));\n\n    return middlewareParams;\n  }\n\n  private _handleClickOutside = (event: MouseEvent) => {\n    const eventPath = event.composedPath() as HTMLElement[];\n\n    if (!eventPath.includes(this._target as HTMLElement) && !eventPath.includes(this)) {\n      this.hide();\n    }\n  };\n\n  private setPopover() {\n    if (this.target) {\n      this.popoverAutoUpdateCleanup = autoUpdate(this.target as Element, this._popover, () => {\n        computePosition(this.target as Element, this._popover, {\n          placement: this.placement,\n          strategy: \"fixed\",\n          middleware: this.getMiddleware(),\n        }).then(({ x, y, placement, middlewareData }) => {\n          Object.assign(this._popover.style, {\n            left: `${x}px`,\n            top: `${y}px`,\n          });\n\n          this._popover.dataset.placement = placement;\n\n          if (middlewareData.arrow) {\n            const { x: arrowX, y: arrowY } = middlewareData.arrow;\n\n            Object.assign(this.arrow.style, {\n              left: arrowX != null ? `${arrowX}px` : \"\",\n              top: arrowY != null ? `${arrowY}px` : \"\",\n            });\n          }\n        });\n      });\n    }\n  }\n\n  private _handlePopoverShowEvent(event: Event) {\n    if (event.target !== this) {\n      const { parentElement } = event.target as HTMLElement;\n      const isNestedPopover = this.contains(parentElement);\n\n      if (!isNestedPopover && (event.target as HTMLElement).tagName === this.tagName) {\n        this.hide();\n      }\n    }\n  }\n\n  private _handleKeydownEvent(event: KeyboardEvent) {\n    if (event.key === \"Escape\" && this.visible) {\n      event.preventDefault();\n      this.hide();\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"bl-popover\": BlPopover;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["getTarget", "value", "styles", "i", "bl_popover_default", "supportsPopoverApi", "BlPopover", "s", "event", "eventPath", "bl_popover_default", "value", "target", "getTarget", "classes", "o", "x", "middlewareParams", "offset", "inline", "flip", "shift", "size", "args", "arrow", "autoUpdate", "computePosition", "y", "placement", "middlewareData", "arrowX", "arrowY", "parentElement", "__decorateClass", "e", "i", "t"]
+}

package/dist/{chunk-NODTAMYY.js → chunk-DAMBW5GX.js}

@@ -1,4 +1,4 @@
-import{a as y}from"./chunk-ECPWEUBG.js";import{b as C,d as E,f as I,g as V,h as L}from"./chunk-EZSEQHRH.js";import{a as z}from"./chunk-EG7U7PM3.js";import{a as $}from"./chunk-XDUIVR6I.js";import{a as f}from"./chunk-6LT7O7T2.js";import{a as x}from"./chunk-DINNT5P2.js";import{a as m}from"./chunk-GRL4DWKG.js";import{b as k,d as h}from"./chunk-276RDWEQ.js";import{a as T,b as a,c as u,e as b,f as S}from"./chunk-5MOOXA2X.js";import{a as w,b as r,f as g}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-IZ2LK5GK.js";var q=w`:host{width:200px;display:inline-block}.select-wrapper{width:100%;position:relative;display:grid;gap:var(--bl-size-3xs);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--label-padding:var(--bl-size-3xs);--border-size:1px;--background-color:var(--bl-color-neutral-full);--border-color:var(--bl-color-neutral-lighter);--border-focus-color:var(--bl-color-primary-highlight);--icon-color:var(--bl-color-neutral-light);--text-color:var(--bl-color-neutral-darker);--label-color:var(--bl-color-neutral-dark);--placeholder-color:var(--bl-color-neutral-light);--height:var(--bl-size-2xl);--menu-padding:0 var(--bl-size-m);--menu-margin-top:var(--bl-size-2xs);--font-size:var(--bl-font-size-m);--disabled-color:var(--bl-color-neutral-lightest);--menu-height:250px;--popover-position:var(--bl-popover-position, fixed)}:host([multiple][view-select-all]) .select-wrapper{--menu-height:290px}:host([size=large]) .select-wrapper{--height:var(--bl-size-3xl);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size=small]) .select-wrapper{--height:var(--bl-size-xl);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-xs);--font-size:var(--bl-font-size-s)}:host([disabled]) .select-wrapper{--placeholder-color:var(--bl-color-neutral-light)}.dirty.invalid{--border-color:var(--bl-color-danger);--border-focus-color:var(--bl-color-danger-highlight);--label-color:var(--bl-color-danger)}.select-input{display:grid;align-items:center;justify-content:space-between;grid-template-columns:1fr max-content max-content;cursor:pointer;box-sizing:border-box;height:var(--height);border:solid 1px var(--border-color);font:var(--bl-font-title-3-regular);padding:0 calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));border-radius:var(--bl-border-radius-s);color:var(--text-color);background-color:var(--background-color);-webkit-user-select:none;user-select:none;margin:0;width:auto;min-width:100%}.label,.placeholder{color:var(--placeholder-color);padding-inline-start:var(--label-padding);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.select-wrapper.selected .placeholder,:host(:not([placeholder])) .placeholder,:host([label]:not([label-fixed])) .select-wrapper:not(.select-open) .placeholder{display:none}:host(:not([label])) .label,:host([label-fixed]) .label{display:none}.remove-all{display:none}.selected .remove-all{display:block}:host([disabled]) .remove-all,:host([disabled]) .remove-all::after{display:none}.dropdown-icon{font-size:var(--bl-font-size-m)}.dropdown-icon.open{display:none}.select-open .dropdown-icon.open{display:inline-block}.select-open .dropdown-icon.closed{display:none}.selected .dropdown-icon{--icon-color:var(--bl-color-neutral-darker)}:host([disabled]) .dropdown-icon{--icon-color:var(--bl-color-neutral-light)}.select-input:focus-visible,.select-open .select-input{border:solid 1px var(--border-focus-color);outline:0}:host([disabled]){cursor:not-allowed}:host([disabled]) .select-input{pointer-events:none;background-color:var(--disabled-color)}.select-input .selected-options{padding:0;padding-inline-start:var(--label-padding);margin:0;list-style:none;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([disabled]) .select-input .selected-options{color:var(--bl-color-neutral-light)}.selected-options li{display:inline;font-size:var(--font-size);color:var(--text-color)}:host(:not([multiple])) .selected-options li{display:inline-flex;align-items:center;gap:var(--bl-size-2xs)}.selected-options li:not(:last-child)::after{content:", "}.select-input:not(.has-overflowed-options) .additional-selection-count{display:none}:host([disabled]) .additional-selection-count{color:var(--bl-color-neutral-light)}:host([disabled]) .selected-options li{color:var(--bl-color-neutral-light)}.select-input .actions{display:flex;align-items:center;justify-content:center;gap:var(--bl-size-4xs);margin-inline-start:var(--bl-size-2xs)}.popover{--left:0;--top:0;position:var(--popover-position);border:solid 1px var(--border-color);background-color:var(--background-color);font:var(--bl-font-title-3-regular);border-radius:var(--bl-border-radius-s);padding:var(--menu-padding);outline:0;box-sizing:border-box;max-height:var(--menu-height);overflow-y:auto;display:none;flex-direction:column;z-index:var(--bl-index-popover);width:100%;top:var(--top);left:var(--left)}:host(:empty) .popover{display:none}.popover-no-result{display:flex;flex-direction:column;gap:var(--bl-size-2xs);align-items:center;justify-content:center;height:80px}.select-open .popover{display:flex;border:solid 1px var(--border-focus-color)}bl-icon{color:var(--icon-color)}label,legend{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{position:absolute;display:block;top:var(--padding-vertical);left:var(--padding-horizontal);inset-inline-end:calc(var(--bl-size-2xs) + var(--bl-size-m) + var(--bl-size-2xs));transition:.1s ease-in;pointer-events:none;opacity:0;font:var(--bl-font-title-3-regular);font-size:var(--font-size);color:var(--placeholder-color)}legend{height:0;visibility:hidden;display:none}legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}:host(:not([placeholder])) .selected .label,:host([placeholder]) :where(.select-open,.selected) .label{display:none}:where(.select-open,.selected) label{top:0;transform:translateY(-50%);font:var(--bl-font-caption);color:var(--label-color);pointer-events:initial;right:var(--padding-horizontal);opacity:1}:host([label]) :where(.select-open,.selected) legend{max-width:100%;font:var(--bl-font-caption);display:block}:host([label-fixed]) label{position:static;padding:0;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--label-color);opacity:1}:host([label-fixed]) legend{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.error-icon,.invalid-text{display:none}.dirty.invalid label,.error-icon,.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}.select-open .help-text,.select-open .invalid-text{visibility:hidden}.dirty.invalid .hint,:host([help-text]) .hint{display:block}.dirty.invalid .invalid-text{display:block}.dirty.invalid .help-text{display:none}.select-all{position:sticky;top:0;padding:var(--bl-size-xs) 0;background:var(--background-color);z-index:1;font:var(--bl-font-title-3-regular);box-shadow:10px 0 0 var(--background-color),-10px 0 0 var(--background-color)}.select-all::after{position:absolute;content:"";width:100%;bottom:0;border-bottom:1px solid var(--bl-color-neutral-lighter)}.search-bar-input{font:var(--bl-font-title-3-regular);font-size:var(--font-size);color:var(--text-color);border:none;outline:0;background-color:transparent;width:100%;height:100%;padding:0;margin:0;box-sizing:border-box}.search-bar-input::placeholder{color:var(--placeholder-color)}.search-bar-input:focus-visible{outline:0}.search-spinner{padding-inline-end:var(--bl-font-size-2xs)}.action-divider{display:none}.select-wrapper .action-divider{display:block;height:1rem;width:1px;background-color:var(--bl-color-neutral-lighter)}.actions bl-icon{padding:4px}`,P=q;var A,i=class extends $(g){constructor(){super(...arguments);this.size="medium";this.required=!1;this.disabled=!1;this.clearable=!1;this.multiple=!1;this.autofocus=!1;this.labelFixed=!1;this.viewSelectAll=!1;this.searchBar=!1;this.searchBarLoadingState=!1;this._isPopoverOpen=!1;this._additionalSelectedOptionCount=0;this._searchText="";this.userLang=((A=document.querySelector("html"))==null?void 0:A.getAttribute("lang"))||navigator.language;this._connectedOptions=[];this._cleanUpPopover=null;this._selectedOptions=[];this.dirty=!1;this._interactOutsideHandler=e=>{var l;let t=e.composedPath();(l=t==null?void 0:t.find(s=>s.tagName==="BL-SELECT"))!=null&&l.contains(this)||this.close()};this.focusedOptionIndex=-1;this.lastKeyPressedTime=0;this.typedCharacters="";this.keyPressThreshold=500}static get styles(){return[P]}get value(){return this._value}set value(e){if(this._value=e,Array.isArray(e)){let t=new FormData;e.forEach(l=>t.append(this.name,`${l}`)),this.setValue(t)}else this.setValue(e);this.setOptionsSelected()}shouldFormValueUpdate(){return this.value!==null&&this.value!==""}setOptionsSelected(){this._connectedOptions.forEach(e=>e.selected=this.value===e.value||Array.isArray(this.value)&&this.value.includes(e.value)),this._selectedOptions=[...this.options.filter(e=>e.selected)]}get options(){return this._connectedOptions}get opened(){return this._isPopoverOpen}get noResultFound(){return this._searchText!==""&&this._connectedOptions.every(e=>e.hidden)}get selectedOptions(){return this._selectedOptions}get additionalSelectedOptionCount(){return this._additionalSelectedOptionCount}validityCallback(){if(this.customInvalidText)return this.customInvalidText;let e=document.createElement("select");return e.required=this.required,e.validationMessage}reportValidity(){return this.dirty=!0,this.checkValidity()}resetFormControl(){this.value=this._initialValue}open(){this.searchBar&&setTimeout(()=>{var e,t,l;(l=(t=(e=document.activeElement)==null?void 0:e.shadowRoot)==null?void 0:t.querySelector("input"))==null||l.focus()},100),this._isPopoverOpen=!0,this._setupPopover(),document.addEventListener("click",this._interactOutsideHandler,!0),document.addEventListener("focus",this._interactOutsideHandler,!0)}close(){this._handleSearchOptions({target:{value:""}}),this._isPopoverOpen=!1,this.focusedOptionIndex=-1,this._cleanUpPopover&&this._cleanUpPopover(),document.removeEventListener("click",this._interactOutsideHandler,!0),document.removeEventListener("focus",this._interactOutsideHandler,!0)}_setupPopover(){this._cleanUpPopover=V(this._selectInput,this._popover,()=>{L(this._selectInput,this._popover,{placement:"bottom",strategy:"fixed",middleware:[C(),E(8),I({apply(e){Object.assign(e.elements.floating.style,{width:`${e.elements.reference.getBoundingClientRect().width}px`})}})]}).then(({x:e,y:t})=>{this._popover.style.setProperty("--left",`${e}px`),this._popover.style.setProperty("--top",`${t}px`)})})}_handleToggleButtonClick(e){e.stopPropagation(),this._togglePopover()}connectedCallback(){var e;super.connectedCallback(),(e=this.form)==null||e.addEventListener("submit",t=>{this.reportValidity()||t.preventDefault()})}disconnectedCallback(){super.disconnectedCallback(),this._cleanUpPopover&&this._cleanUpPopover()}inputTemplate(){var O;let e=r`<ul class="selected-options">
+import{a as y}from"./chunk-ECPWEUBG.js";import{a as C,b as E,d as I,e as V,h as L}from"./chunk-ZLE5MDX7.js";import{a as z}from"./chunk-EG7U7PM3.js";import{a as $}from"./chunk-XDUIVR6I.js";import{a as f}from"./chunk-6LT7O7T2.js";import{a as x}from"./chunk-DINNT5P2.js";import{a as m}from"./chunk-GRL4DWKG.js";import{b as k,d as h}from"./chunk-276RDWEQ.js";import{a as T,b as a,c as u,e as b,f as S}from"./chunk-5MOOXA2X.js";import{a as w,b as r,f as g}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-IZ2LK5GK.js";var q=w`:host{width:200px;display:inline-block}.select-wrapper{width:100%;position:relative;display:grid;gap:var(--bl-size-3xs);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--label-padding:var(--bl-size-3xs);--border-size:1px;--background-color:var(--bl-color-neutral-full);--border-color:var(--bl-color-neutral-lighter);--border-focus-color:var(--bl-color-primary-highlight);--icon-color:var(--bl-color-neutral-light);--text-color:var(--bl-color-neutral-darker);--label-color:var(--bl-color-neutral-dark);--placeholder-color:var(--bl-color-neutral-light);--height:var(--bl-size-2xl);--menu-padding:0 var(--bl-size-m);--menu-margin-top:var(--bl-size-2xs);--font-size:var(--bl-font-size-m);--disabled-color:var(--bl-color-neutral-lightest);--menu-height:250px;--popover-position:var(--bl-popover-position, fixed)}:host([multiple][view-select-all]) .select-wrapper{--menu-height:290px}:host([size=large]) .select-wrapper{--height:var(--bl-size-3xl);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size=small]) .select-wrapper{--height:var(--bl-size-xl);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-xs);--font-size:var(--bl-font-size-s)}:host([disabled]) .select-wrapper{--placeholder-color:var(--bl-color-neutral-light)}.dirty.invalid{--border-color:var(--bl-color-danger);--border-focus-color:var(--bl-color-danger-highlight);--label-color:var(--bl-color-danger)}.select-input{display:grid;align-items:center;justify-content:space-between;grid-template-columns:1fr max-content max-content;cursor:pointer;box-sizing:border-box;height:var(--height);border:solid 1px var(--border-color);font:var(--bl-font-title-3-regular);padding:0 calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));border-radius:var(--bl-border-radius-s);color:var(--text-color);background-color:var(--background-color);-webkit-user-select:none;user-select:none;margin:0;width:auto;min-width:100%}.label,.placeholder{color:var(--placeholder-color);padding-inline-start:var(--label-padding);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.select-wrapper.selected .placeholder,:host(:not([placeholder])) .placeholder,:host([label]:not([label-fixed])) .select-wrapper:not(.select-open) .placeholder{display:none}:host(:not([label])) .label,:host([label-fixed]) .label{display:none}.remove-all{display:none}.selected .remove-all{display:block}:host([disabled]) .remove-all,:host([disabled]) .remove-all::after{display:none}.dropdown-icon{font-size:var(--bl-font-size-m)}.dropdown-icon.open{display:none}.select-open .dropdown-icon.open{display:inline-block}.select-open .dropdown-icon.closed{display:none}.selected .dropdown-icon{--icon-color:var(--bl-color-neutral-darker)}:host([disabled]) .dropdown-icon{--icon-color:var(--bl-color-neutral-light)}.select-input:focus-visible,.select-open .select-input{border:solid 1px var(--border-focus-color);outline:0}:host([disabled]){cursor:not-allowed}:host([disabled]) .select-input{pointer-events:none;background-color:var(--disabled-color)}.select-input .selected-options{padding:0;padding-inline-start:var(--label-padding);margin:0;list-style:none;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([disabled]) .select-input .selected-options{color:var(--bl-color-neutral-light)}.selected-options li{display:inline;font-size:var(--font-size);color:var(--text-color)}:host(:not([multiple])) .selected-options li{display:inline-flex;align-items:center;gap:var(--bl-size-2xs)}.selected-options li:not(:last-child)::after{content:", "}.select-input:not(.has-overflowed-options) .additional-selection-count{display:none}:host([disabled]) .additional-selection-count{color:var(--bl-color-neutral-light)}:host([disabled]) .selected-options li{color:var(--bl-color-neutral-light)}.select-input .actions{display:flex;align-items:center;justify-content:center;gap:var(--bl-size-4xs);margin-inline-start:var(--bl-size-2xs)}.popover{--left:0;--top:0;position:var(--popover-position);border:solid 1px var(--border-color);background-color:var(--background-color);font:var(--bl-font-title-3-regular);border-radius:var(--bl-border-radius-s);padding:var(--menu-padding);outline:0;box-sizing:border-box;max-height:var(--menu-height);overflow-y:auto;display:none;flex-direction:column;z-index:var(--bl-index-popover);width:100%;top:var(--top);left:var(--left)}:host(:empty) .popover{display:none}.popover-no-result{display:flex;flex-direction:column;gap:var(--bl-size-2xs);align-items:center;justify-content:center;height:80px}.select-open .popover{display:flex;border:solid 1px var(--border-focus-color)}bl-icon{color:var(--icon-color)}label,legend{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{position:absolute;display:block;top:var(--padding-vertical);left:var(--padding-horizontal);inset-inline-end:calc(var(--bl-size-2xs) + var(--bl-size-m) + var(--bl-size-2xs));transition:.1s ease-in;pointer-events:none;opacity:0;font:var(--bl-font-title-3-regular);font-size:var(--font-size);color:var(--placeholder-color)}legend{height:0;visibility:hidden;display:none}legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}:host(:not([placeholder])) .selected .label,:host([placeholder]) :where(.select-open,.selected) .label{display:none}:where(.select-open,.selected) label{top:0;transform:translateY(-50%);font:var(--bl-font-caption);color:var(--label-color);pointer-events:initial;right:var(--padding-horizontal);opacity:1}:host([label]) :where(.select-open,.selected) legend{max-width:100%;font:var(--bl-font-caption);display:block}:host([label-fixed]) label{position:static;padding:0;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--label-color);opacity:1}:host([label-fixed]) legend{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.error-icon,.invalid-text{display:none}.dirty.invalid label,.error-icon,.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}.select-open .help-text,.select-open .invalid-text{visibility:hidden}.dirty.invalid .hint,:host([help-text]) .hint{display:block}.dirty.invalid .invalid-text{display:block}.dirty.invalid .help-text{display:none}.select-all{position:sticky;top:0;padding:var(--bl-size-xs) 0;background:var(--background-color);z-index:1;font:var(--bl-font-title-3-regular);box-shadow:10px 0 0 var(--background-color),-10px 0 0 var(--background-color)}.select-all::after{position:absolute;content:"";width:100%;bottom:0;border-bottom:1px solid var(--bl-color-neutral-lighter)}.search-bar-input{font:var(--bl-font-title-3-regular);font-size:var(--font-size);color:var(--text-color);border:none;outline:0;background-color:transparent;width:100%;height:100%;padding:0;margin:0;box-sizing:border-box}.search-bar-input::placeholder{color:var(--placeholder-color)}.search-bar-input:focus-visible{outline:0}.search-spinner{padding-inline-end:var(--bl-font-size-2xs)}.action-divider{display:none}.select-wrapper .action-divider{display:block;height:1rem;width:1px;background-color:var(--bl-color-neutral-lighter)}.actions bl-icon{padding:4px}`,P=q;var A,i=class extends $(g){constructor(){super(...arguments);this.size="medium";this.required=!1;this.disabled=!1;this.clearable=!1;this.multiple=!1;this.autofocus=!1;this.labelFixed=!1;this.viewSelectAll=!1;this.searchBar=!1;this.searchBarLoadingState=!1;this._isPopoverOpen=!1;this._additionalSelectedOptionCount=0;this._searchText="";this.userLang=((A=document.querySelector("html"))==null?void 0:A.getAttribute("lang"))||navigator.language;this._connectedOptions=[];this._cleanUpPopover=null;this._selectedOptions=[];this.dirty=!1;this._interactOutsideHandler=e=>{var l;let t=e.composedPath();(l=t==null?void 0:t.find(s=>s.tagName==="BL-SELECT"))!=null&&l.contains(this)||this.close()};this.focusedOptionIndex=-1;this.lastKeyPressedTime=0;this.typedCharacters="";this.keyPressThreshold=500}static get styles(){return[P]}get value(){return this._value}set value(e){if(this._value=e,Array.isArray(e)){let t=new FormData;e.forEach(l=>t.append(this.name,`${l}`)),this.setValue(t)}else this.setValue(e);this.setOptionsSelected()}shouldFormValueUpdate(){return this.value!==null&&this.value!==""}setOptionsSelected(){this._connectedOptions.forEach(e=>e.selected=this.value===e.value||Array.isArray(this.value)&&this.value.includes(e.value)),this._selectedOptions=[...this.options.filter(e=>e.selected)]}get options(){return this._connectedOptions}get opened(){return this._isPopoverOpen}get noResultFound(){return this._searchText!==""&&this._connectedOptions.every(e=>e.hidden)}get selectedOptions(){return this._selectedOptions}get additionalSelectedOptionCount(){return this._additionalSelectedOptionCount}validityCallback(){if(this.customInvalidText)return this.customInvalidText;let e=document.createElement("select");return e.required=this.required,e.validationMessage}reportValidity(){return this.dirty=!0,this.checkValidity()}resetFormControl(){this.value=this._initialValue}open(){this.searchBar&&setTimeout(()=>{var e,t,l;(l=(t=(e=document.activeElement)==null?void 0:e.shadowRoot)==null?void 0:t.querySelector("input"))==null||l.focus()},100),this._isPopoverOpen=!0,this._setupPopover(),document.addEventListener("click",this._interactOutsideHandler,!0),document.addEventListener("focus",this._interactOutsideHandler,!0)}close(){this._handleSearchOptions({target:{value:""}}),this._isPopoverOpen=!1,this.focusedOptionIndex=-1,this._cleanUpPopover&&this._cleanUpPopover(),document.removeEventListener("click",this._interactOutsideHandler,!0),document.removeEventListener("focus",this._interactOutsideHandler,!0)}_setupPopover(){this._cleanUpPopover=C(this._selectInput,this._popover,()=>{L(this._selectInput,this._popover,{placement:"bottom",strategy:"fixed",middleware:[I(),E(8),V({apply(e){Object.assign(e.elements.floating.style,{width:`${e.elements.reference.getBoundingClientRect().width}px`})}})]}).then(({x:e,y:t})=>{this._popover.style.setProperty("--left",`${e}px`),this._popover.style.setProperty("--top",`${t}px`)})})}_handleToggleButtonClick(e){e.stopPropagation(),this._togglePopover()}connectedCallback(){var e;super.connectedCallback(),(e=this.form)==null||e.addEventListener("submit",t=>{this.reportValidity()||t.preventDefault()})}disconnectedCallback(){super.disconnectedCallback(),this._cleanUpPopover&&this._cleanUpPopover()}inputTemplate(){var O;let e=r`<ul class="selected-options">
       ${this._selectedOptions.map(p=>{let R=p.icon?r`<bl-icon name=${p.icon}></bl-icon>`:Array.from(p.querySelectorAll("[slot=icon]")).map(U=>U.cloneNode(!0));return r`<li>${R}${p.getAttribute("label")||p.textContent}</li>`})}
     </ul>`,l=!(this._selectedOptions.length>0&&this._selectedOptions.every(p=>p.disabled))&&(this.clearable||this.multiple),s=l?r`<bl-button
           class="remove-all"
@@ -116,4 +116,4 @@ import{a as y}from"./chunk-ECPWEUBG.js";import{b as C,d as E,f as I,g as V,h as
       </div>
       <div class="hint">${e} ${t}</div>
     </div> `}handleFocusOptionByKey(e){let t=Date.now();t-this.lastKeyPressedTime>this.keyPressThreshold&&(this.typedCharacters=""),this.lastKeyPressedTime=t,this.typedCharacters+=e.toLowerCase();let s=this.options.findIndex(n=>n.disabled?!1:n.innerText.trim().toLowerCase().startsWith(this.typedCharacters));s!==-1&&(this.focusedOptionIndex=s,this.options[s].focus())}handleKeydown(e){if(this.focusedOptionIndex===-1&&["Enter","Space"].includes(e.code))this._togglePopover(),e.preventDefault();else if(this._isPopoverOpen===!1&&["ArrowDown","ArrowUp"].includes(e.code))this.open(),e.preventDefault();else if(e.code==="Escape")this.close(),e.preventDefault();else if(this._isPopoverOpen&&["ArrowDown","ArrowUp"].includes(e.code)){let t=this.options.filter(l=>!l.disabled);e.code==="ArrowDown"&&this.focusedOptionIndex++,e.code==="ArrowUp"&&this.focusedOptionIndex--,this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,t.length-1)),t[this.focusedOptionIndex].focus(),e.preventDefault()}else this._isPopoverOpen&&!this.searchBar&&this.handleFocusOptionByKey(e.key)}_togglePopover(){this._isPopoverOpen?this.close():this.open()}_handleSelectEvent(){let e=this._selectedOptions.map(t=>({value:t.value,selected:t.selected,text:t.textContent}));this.multiple?this._onBlSelect(e):this._onBlSelect(e[0])}_handleSearchEvent(){this._onBlSearch(this._searchText)}_handleSearchOptions(e){this.searchBar&&(this._searchText=e.target.value,this._handleSearchEvent(),this._connectedOptions.forEach(t=>{let l=this._searchText.toLowerCase(),s="";if(t.textContent)try{s=t.textContent.toLocaleLowerCase(this.userLang)}catch{s=t.textContent.toLowerCase()}let n=s.includes(l);t.hidden=!n}),this._selectedOptions=this.options.filter(t=>t.selected),this._handleLastVisibleSearchedOption(),this.requestUpdate())}_handleLastVisibleSearchedOption(){var t,l;let e=[...this.options].reverse().find(s=>!s.hidden);e&&((l=(t=e==null?void 0:e.shadowRoot)==null?void 0:t.querySelector("div"))==null||l.classList.add("no-border-bottom")),this.options.map(s=>{var n,c;!s.hidden&&s!==e&&((c=(n=s.shadowRoot)==null?void 0:n.querySelector("div"))==null||c.classList.remove("no-border-bottom"))})}_handleSingleSelect(e){this.value=e.value,this._searchText="",this._handleSelectEvent(),this.close()}_handleMultipleSelect(){this.value=this._connectedOptions.filter(e=>e.selected).map(e=>e.value),this._handleSelectEvent()}_handleSelectOptionEvent(e){let t=e.target;this.dirty=!0,this.multiple?this._handleMultipleSelect():this._handleSingleSelect(t)}_handleSelectAll(e){var c;let t=(c=this.shadowRoot)==null?void 0:c.querySelector(".select-all"),l=e.detail,n=this._connectedOptions.filter(d=>!d.selected&&!d.hidden).every(d=>d.disabled);if(l&&n){setTimeout(()=>{var v;let d=(v=t==null?void 0:t.shadowRoot)==null?void 0:v.querySelector("input");d==null||d.click()},0);return}this._connectedOptions.forEach(d=>{d.disabled||d.hidden||(d.selected=l)}),this._handleMultipleSelect()}_onClickRemove(e){e.stopPropagation(),this._searchText="";let t=this._selectedOptions.filter(l=>l.disabled);this._connectedOptions.filter(l=>!l.disabled&&l.selected).forEach(l=>{l.selected=!1}),this.value=t.length?t.map(l=>l.value):null,this._handleSelectEvent()}_checkAdditionalItemCount(){if(!this.multiple||!this.selectedOptionsItems||this.selectedOptionsItems.length<2){this._additionalSelectedOptionCount=0;return}let e=[...this.selectedOptionsItems].findIndex(t=>t.offsetLeft>this.selectedOptionsContainer.offsetWidth);e>-1?this._additionalSelectedOptionCount=this.selectedOptionsItems.length-e:this._additionalSelectedOptionCount=0}firstUpdated(){this.value===void 0&&(this.multiple?this.value=[]:this.value=null),this._initialValue=this._value}updated(e){e.has("multiple")&&typeof e.get("multiple")=="boolean"&&(this.value=null),e.has("_selectedOptions")&&this._checkAdditionalItemCount()}registerOption(e){this._connectedOptions.includes(e)||(this._connectedOptions.push(e),e.selected&&(this.multiple?(Array.isArray(this.value)||(this.value=[]),this.value=[...this.value,e.value]):this.value=e.value),this.setOptionsSelected(),this.requestUpdate())}unregisterOption(e){let t=this._connectedOptions.indexOf(e);t!==-1&&this._connectedOptions.splice(t,1)}};i.shadowRootOptions={...g.shadowRootOptions,delegatesFocus:!0},i.formControlValidators=[z],o([a()],i.prototype,"name",2),o([a()],i.prototype,"value",1),o([a({reflect:!0})],i.prototype,"label",2),o([a({reflect:!0})],i.prototype,"placeholder",2),o([a({type:String,reflect:!0})],i.prototype,"size",2),o([a({type:Boolean,reflect:!0})],i.prototype,"required",2),o([a({type:Boolean,reflect:!0})],i.prototype,"disabled",2),o([a({type:Boolean,reflect:!0})],i.prototype,"clearable",2),o([a({type:Boolean,reflect:!0})],i.prototype,"multiple",2),o([a({type:Boolean,reflect:!0})],i.prototype,"autofocus",2),o([a({type:Boolean,attribute:"label-fixed",reflect:!0})],i.prototype,"labelFixed",2),o([a({type:String,attribute:"help-text",reflect:!0})],i.prototype,"helpText",2),o([a({type:String,attribute:"invalid-text",reflect:!0})],i.prototype,"customInvalidText",2),o([a({type:Boolean,attribute:"view-select-all",converter:y()})],i.prototype,"viewSelectAll",2),o([a({type:String,attribute:"select-all-text"})],i.prototype,"selectAllText",2),o([a({type:Boolean,attribute:"search-bar",reflect:!0})],i.prototype,"searchBar",2),o([a({type:String,attribute:"search-bar-placeholder",reflect:!0})],i.prototype,"searchBarPlaceholder",2),o([a({type:Boolean,attribute:"search-bar-loading-state",converter:y()})],i.prototype,"searchBarLoadingState",2),o([a({type:String,attribute:"search-not-found-text",reflect:!0})],i.prototype,"searchNotFoundText",2),o([a({type:String,attribute:"popover-clear-search-text",reflect:!0})],i.prototype,"popoverClearSearchText",2),o([u()],i.prototype,"_isPopoverOpen",2),o([u()],i.prototype,"_additionalSelectedOptionCount",2),o([u()],i.prototype,"_searchText",2),o([b(".selected-options")],i.prototype,"selectedOptionsContainer",2),o([S(".selected-options li")],i.prototype,"selectedOptionsItems",2),o([b(".popover")],i.prototype,"_popover",2),o([b(".select-input")],i.prototype,"_selectInput",2),o([m("bl-select")],i.prototype,"_onBlSelect",2),o([m("bl-search")],i.prototype,"_onBlSearch",2),o([u()],i.prototype,"_selectedOptions",2),o([u()],i.prototype,"dirty",2),o([b(".select-input")],i.prototype,"validationTarget",2),i=o([T("bl-select"),k()],i);export{i as a};
-//# sourceMappingURL=chunk-NODTAMYY.js.map
+//# sourceMappingURL=chunk-DAMBW5GX.js.map

package/dist/{chunk-UOF574WZ.js → chunk-FZJKSA6H.js}

@@ -1,4 +1,4 @@
-import{a as x}from"./chunk-23PSWIUF.js";import{a as b}from"./chunk-4UO3W4WP.js";import{c as y}from"./chunk-EG7U7PM3.js";import{a as f}from"./chunk-XDUIVR6I.js";import{a as p}from"./chunk-6LT7O7T2.js";import{a as l}from"./chunk-DINNT5P2.js";import{a as n}from"./chunk-GRL4DWKG.js";import{b as g,d as m}from"./chunk-276RDWEQ.js";import{a as u,b as i,c,e as v}from"./chunk-5MOOXA2X.js";import{a as h,b as r,f as d}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-IZ2LK5GK.js";var M=h`:host{display:inline-block;width:200px;position:relative}.wrapper{--border-color:var(--bl-color-neutral-lighter);--icon-color:var(--bl-color-neutral-light);--text-color:var(--bl-color-neutral-darker);--height:var(--bl-size-2xl);--input-font:var(--bl-font-body-text-2);--line-height:var(--bl-font-body-text-2-line-height);--icon-size:var(--line-height);--icon-gap:var(--bl-size-4xs);--padding-vertical:calc((var(--height) - var(--line-height)) / 2);--padding-horizontal:var(--bl-size-xs);--autofill-bg-color:var(--bl-color-primary-contrast);--label-padding:var(--bl-size-2xs);--background-color:var(--bl-color-neutral-full);display:grid;position:relative;gap:var(--bl-size-3xs)}.wrapper:focus-within{--border-color:var(--bl-color-primary);--icon-color:var(--bl-color-primary)}.wrapper.dirty.invalid{--border-color:var(--bl-color-danger);--icon-color:var(--bl-color-danger)}:host([size=large]) .wrapper{--height:var(--bl-size-3xl);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size=small]) .wrapper{--height:var(--bl-size-xl);--input-font:var(--bl-font-body-text-3);--padding-vertical:var(--bl-size-3xs)}.input-wrapper{--border-size:1px;outline:0;display:flex;box-sizing:border-box;gap:var(--padding-vertical);height:var(--height);border:solid var(--border-size) var(--border-color);padding-block:0;padding-inline:calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding) - var(--border-size)) calc(var(--bl-input-padding-end,var(--padding-horizontal)) - var(--label-padding) - var(--border-size));background-color:var(--background-color);border-radius:var(--bl-size-3xs);margin:0;width:0;min-width:100%}:host([disabled]) .wrapper{cursor:not-allowed;--background-color:var(--bl-color-neutral-lightest);--text-color:var(--bl-color-neutral-light)}.wrapper:has(input:autofill){--background-color:var(--autofill-bg-color)}.wrapper:has(input:-webkit-autofill){--background-color:var(--autofill-bg-color)}.input-wrapper legend,label{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{position:absolute;max-width:max-content;transition:.1s ease-in;font:var(--input-font);top:var(--padding-vertical);inset-inline-start:var(--bl-input-padding-start,var(--padding-horizontal));inset-inline-end:var(--bl-input-padding-end,var(--padding-horizontal));pointer-events:none;color:var(--bl-color-neutral-light)}.has-icon label{inset-inline-end:calc(var(--bl-input-padding-end,var(--padding-horizontal)) + var(--icon-size) + var(--padding-vertical))}.input-wrapper legend{height:0;visibility:hidden;display:none}.input-wrapper legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}input{width:100%;align-self:stretch;outline:0;border:0;padding-block:0;padding-inline:var(--label-padding) 0;font:var(--input-font);color:var(--text-color);-webkit-text-fill-color:var(--text-color);background-color:transparent;cursor:var(--bl-input-cursor,unset)}input::-webkit-credentials-auto-fill-button{color:red}:where(.wrapper:focus-within,.wrapper.has-value) input{padding-inline-start:var(--label-padding)}input:disabled{cursor:not-allowed}input::-webkit-calendar-picker-indicator{display:none}input::-webkit-search-cancel-button{display:none}input::-moz-calendar-picker-indicator{display:none}input:autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}input:-webkit-autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}.icon{display:flex;align-items:center;gap:var(--icon-gap);flex-basis:var(--icon-size);align-self:center;height:var(--icon-size);margin-inline-end:var(--label-padding)}.icon:has(.clear-icon){gap:var(--bl-size-3xs)}::slotted(bl-icon),bl-icon:not(.reveal-icon,.clear-icon){font-size:var(--icon-size);color:var(--icon-color);height:var(--icon-size)}.reveal-button bl-icon{display:none}bl-icon[name=eye_on]{display:inline-block}.password-visible bl-icon[name=eye_on]{display:none}.password-visible bl-icon[name=eye_off]{display:inline-block}.wrapper:not(.has-icon) .icon{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}::placeholder{color:var(--bl-color-neutral-light);-webkit-text-fill-color:var(--bl-color-neutral-light)}:host([label]) ::placeholder{color:transparent;-webkit-text-fill-color:transparent;transition:color .4s ease-out}:host :focus-within ::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-neutral-light);-webkit-text-fill-color:var(--bl-color-neutral-light)}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);padding:0}:host([label-fixed]) legend{display:none}:host(:not([label-fixed])) .has-value label,:host(:not([label-fixed])) :focus-within label{top:0;inset-inline-start:calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding));inset-inline-end:calc(var(--bl-input-padding-end,var(--padding-horizontal)) - var(--label-padding));transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);padding:0 var(--label-padding);pointer-events:initial;z-index:var(--bl-index-base)}:host([label]:not([label-fixed])) :where(:focus-within,.has-value) legend{max-width:100%;font:var(--bl-font-caption);display:block}.error-icon,.invalid-text{display:none}.dirty.invalid label,.error-icon,.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}.dirty.invalid .hint,:host([help-text]) .hint{display:block}.dirty.invalid .invalid-text{display:block}.dirty.invalid .help-text{display:none}.dirty.invalid .error-icon{display:inline-block}.split-divider{display:block;height:1rem;width:1px;background-color:var(--bl-color-neutral-lighter)}slot[name=icon] bl-icon{margin-inline-start:var(--bl-size-3xs);font-size:var(--bl-font-size-m)}`,w=M;var H={date:"calendar","datetime-local":"calendar",month:"calendar",week:"calendar",time:"clock",search:"search"},e=class extends f(d){constructor(){super(...arguments);this.type="text";this.value="";this.required=!1;this.loading=!1;this.autocomplete="on";this.autofocus=!1;this.size="medium";this.disabled=!1;this.readonly=!1;this.labelFixed=!1;this.onKeydown=a=>{a.code==="Enter"&&this.form&&setTimeout(()=>{a.defaultPrevented||b(this.form)})};this.dirty=!1;this.passwordVisible=!1;this.inputId=Math.random().toString(36).substring(2)}static get styles(){return[w]}set customInvalidText(a){this._customInvalidText=a,this.setValue(this.value)}get customInvalidText(){return this._customInvalidText}connectedCallback(){var a;super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),(a=this.form)==null||a.addEventListener("submit",()=>{this.reportValidity()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown)}textVisibilityToggle(){this.passwordVisible=!this.passwordVisible}async handleSearchClear(){this.value="",this.setValue(this.value),this.onInput(this.value),await this.clearCustomError(),this.validationTarget.focus()}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.validationTarget.showPicker()}validityCallback(){var a;return this.onInvalid(this.internals.validity),this.customInvalidText||((a=this.validationTarget)==null?void 0:a.validationMessage)}setCustomValidity(a){this.validationTarget.setCustomValidity(a)}async forceCustomError(){await this.updateComplete,this.setCustomValidity(this.customInvalidText||m("An error occurred",{desc:"bl-input: default custom error message"})),this.setValue(this.value),this.reportValidity()}async clearCustomError(){await this.updateComplete,this.setCustomValidity(""),this.setValue(this.value),this.reportValidity()}reportValidity(){return this.dirty=!0,this.requestUpdate(),this.checkValidity()}inputHandler(a){let o=a.target.value;this.value=o,this.setValue(this.value),this.onInput(o)}changeHandler(a){let o=a.target.value;this.dirty=!0,this.value=o,this.setValue(this.value),this.onChange(o)}firstUpdated(){this.setValue(this.value),this.icon||(this.icon=H[this.type])}async updated(a){a.size>0&&(this.setValue(this.value),await this.validationComplete,this.requestUpdate()),a.has("error")&&this.error&&!this.dirty&&this.reportValidity()}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}render(){let a=this.checkValidity()?"":r`<p id="errorMessage" aria-live="polite" class="invalid-text">
+import{a as x}from"./chunk-23PSWIUF.js";import{a as b}from"./chunk-ZQ4MQ3U6.js";import{c as y}from"./chunk-EG7U7PM3.js";import{a as f}from"./chunk-XDUIVR6I.js";import{a as p}from"./chunk-6LT7O7T2.js";import{a as l}from"./chunk-DINNT5P2.js";import{a as n}from"./chunk-GRL4DWKG.js";import{b as g,d as m}from"./chunk-276RDWEQ.js";import{a as u,b as i,c,e as v}from"./chunk-5MOOXA2X.js";import{a as h,b as r,f as d}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-IZ2LK5GK.js";var M=h`:host{display:inline-block;width:200px;position:relative}.wrapper{--border-color:var(--bl-color-neutral-lighter);--icon-color:var(--bl-color-neutral-light);--text-color:var(--bl-color-neutral-darker);--height:var(--bl-size-2xl);--input-font:var(--bl-font-body-text-2);--line-height:var(--bl-font-body-text-2-line-height);--icon-size:var(--line-height);--icon-gap:var(--bl-size-4xs);--padding-vertical:calc((var(--height) - var(--line-height)) / 2);--padding-horizontal:var(--bl-size-xs);--autofill-bg-color:var(--bl-color-primary-contrast);--label-padding:var(--bl-size-2xs);--background-color:var(--bl-color-neutral-full);display:grid;position:relative;gap:var(--bl-size-3xs)}.wrapper:focus-within{--border-color:var(--bl-color-primary);--icon-color:var(--bl-color-primary)}.wrapper.dirty.invalid{--border-color:var(--bl-color-danger);--icon-color:var(--bl-color-danger)}:host([size=large]) .wrapper{--height:var(--bl-size-3xl);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size=small]) .wrapper{--height:var(--bl-size-xl);--input-font:var(--bl-font-body-text-3);--padding-vertical:var(--bl-size-3xs)}.input-wrapper{--border-size:1px;outline:0;display:flex;box-sizing:border-box;gap:var(--padding-vertical);height:var(--height);border:solid var(--border-size) var(--border-color);padding-block:0;padding-inline:calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding) - var(--border-size)) calc(var(--bl-input-padding-end,var(--padding-horizontal)) - var(--label-padding) - var(--border-size));background-color:var(--background-color);border-radius:var(--bl-size-3xs);margin:0;width:0;min-width:100%}:host([disabled]) .wrapper{cursor:not-allowed;--background-color:var(--bl-color-neutral-lightest);--text-color:var(--bl-color-neutral-light)}.wrapper:has(input:autofill){--background-color:var(--autofill-bg-color)}.wrapper:has(input:-webkit-autofill){--background-color:var(--autofill-bg-color)}.input-wrapper legend,label{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{position:absolute;max-width:max-content;transition:.1s ease-in;font:var(--input-font);top:var(--padding-vertical);inset-inline-start:var(--bl-input-padding-start,var(--padding-horizontal));inset-inline-end:var(--bl-input-padding-end,var(--padding-horizontal));pointer-events:none;color:var(--bl-color-neutral-light)}.has-icon label{inset-inline-end:calc(var(--bl-input-padding-end,var(--padding-horizontal)) + var(--icon-size) + var(--padding-vertical))}.input-wrapper legend{height:0;visibility:hidden;display:none}.input-wrapper legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}input{width:100%;align-self:stretch;outline:0;border:0;padding-block:0;padding-inline:var(--label-padding) 0;font:var(--input-font);color:var(--text-color);-webkit-text-fill-color:var(--text-color);background-color:transparent;cursor:var(--bl-input-cursor,unset)}input::-webkit-credentials-auto-fill-button{color:red}:where(.wrapper:focus-within,.wrapper.has-value) input{padding-inline-start:var(--label-padding)}input:disabled{cursor:not-allowed}input::-webkit-calendar-picker-indicator{display:none}input::-webkit-search-cancel-button{display:none}input::-moz-calendar-picker-indicator{display:none}input:autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}input:-webkit-autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}.icon{display:flex;align-items:center;gap:var(--icon-gap);flex-basis:var(--icon-size);align-self:center;height:var(--icon-size);margin-inline-end:var(--label-padding)}.icon:has(.clear-icon){gap:var(--bl-size-3xs)}::slotted(bl-icon),bl-icon:not(.reveal-icon,.clear-icon){font-size:var(--icon-size);color:var(--icon-color);height:var(--icon-size)}.reveal-button bl-icon{display:none}bl-icon[name=eye_on]{display:inline-block}.password-visible bl-icon[name=eye_on]{display:none}.password-visible bl-icon[name=eye_off]{display:inline-block}.wrapper:not(.has-icon) .icon{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}::placeholder{color:var(--bl-color-neutral-light);-webkit-text-fill-color:var(--bl-color-neutral-light)}:host([label]) ::placeholder{color:transparent;-webkit-text-fill-color:transparent;transition:color .4s ease-out}:host :focus-within ::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-neutral-light);-webkit-text-fill-color:var(--bl-color-neutral-light)}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);padding:0}:host([label-fixed]) legend{display:none}:host(:not([label-fixed])) .has-value label,:host(:not([label-fixed])) :focus-within label{top:0;inset-inline-start:calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding));inset-inline-end:calc(var(--bl-input-padding-end,var(--padding-horizontal)) - var(--label-padding));transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);padding:0 var(--label-padding);pointer-events:initial;z-index:var(--bl-index-base)}:host([label]:not([label-fixed])) :where(:focus-within,.has-value) legend{max-width:100%;font:var(--bl-font-caption);display:block}.error-icon,.invalid-text{display:none}.dirty.invalid label,.error-icon,.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}.dirty.invalid .hint,:host([help-text]) .hint{display:block}.dirty.invalid .invalid-text{display:block}.dirty.invalid .help-text{display:none}.dirty.invalid .error-icon{display:inline-block}.split-divider{display:block;height:1rem;width:1px;background-color:var(--bl-color-neutral-lighter)}slot[name=icon] bl-icon{margin-inline-start:var(--bl-size-3xs);font-size:var(--bl-font-size-m)}`,w=M;var H={date:"calendar","datetime-local":"calendar",month:"calendar",week:"calendar",time:"clock",search:"search"},e=class extends f(d){constructor(){super(...arguments);this.type="text";this.value="";this.required=!1;this.loading=!1;this.autocomplete="on";this.autofocus=!1;this.size="medium";this.disabled=!1;this.readonly=!1;this.labelFixed=!1;this.onKeydown=a=>{a.code==="Enter"&&this.form&&setTimeout(()=>{a.defaultPrevented||b(this.form)})};this.dirty=!1;this.passwordVisible=!1;this.inputId=Math.random().toString(36).substring(2)}static get styles(){return[w]}set customInvalidText(a){this._customInvalidText=a,this.setValue(this.value)}get customInvalidText(){return this._customInvalidText}connectedCallback(){var a;super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),(a=this.form)==null||a.addEventListener("submit",()=>{this.reportValidity()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown)}textVisibilityToggle(){this.passwordVisible=!this.passwordVisible}async handleSearchClear(){this.value="",this.setValue(this.value),this.onInput(this.value),await this.clearCustomError(),this.validationTarget.focus()}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.validationTarget.showPicker()}validityCallback(){var a;return this.onInvalid(this.internals.validity),this.customInvalidText||((a=this.validationTarget)==null?void 0:a.validationMessage)}setCustomValidity(a){this.validationTarget.setCustomValidity(a)}async forceCustomError(){await this.updateComplete,this.setCustomValidity(this.customInvalidText||m("An error occurred",{desc:"bl-input: default custom error message"})),this.setValue(this.value),this.reportValidity()}async clearCustomError(){await this.updateComplete,this.setCustomValidity(""),this.setValue(this.value),this.reportValidity()}reportValidity(){return this.dirty=!0,this.requestUpdate(),this.checkValidity()}inputHandler(a){let o=a.target.value;this.value=o,this.setValue(this.value),this.onInput(o)}changeHandler(a){let o=a.target.value;this.dirty=!0,this.value=o,this.setValue(this.value),this.onChange(o)}firstUpdated(){this.setValue(this.value),this.icon||(this.icon=H[this.type])}async updated(a){a.size>0&&(this.setValue(this.value),await this.validationComplete,this.requestUpdate()),a.has("error")&&this.error&&!this.dirty&&this.reportValidity()}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}render(){let a=this.checkValidity()?"":r`<p id="errorMessage" aria-live="polite" class="invalid-text">
           ${this.validationMessage}
         </p>`,o=this.helpText?r`<p id="helpText" class="help-text">${this.helpText}</p>`:"",k=r`
       <slot name="icon">
@@ -56,4 +56,4 @@ import{a as x}from"./chunk-23PSWIUF.js";import{a as b}from"./chunk-4UO3W4WP.js";
       </fieldset>
       <div class="hint">${a} ${o}</div>
     </div>`}};e.shadowRootOptions={...d.shadowRootOptions,delegatesFocus:!0},e.formControlValidators=x,t([v("input")],e.prototype,"validationTarget",2),t([i({reflect:!0})],e.prototype,"name",2),t([i({reflect:!0})],e.prototype,"type",2),t([i({reflect:!0})],e.prototype,"label",2),t([i({reflect:!0})],e.prototype,"placeholder",2),t([i({reflect:!0})],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"required",2),t([i({type:Number,reflect:!0})],e.prototype,"minlength",2),t([i({type:Number,reflect:!0})],e.prototype,"maxlength",2),t([i({reflect:!0})],e.prototype,"min",2),t([i({type:Boolean,reflect:!0})],e.prototype,"loading",2),t([i({reflect:!0})],e.prototype,"max",2),t([i({type:String,reflect:!0})],e.prototype,"pattern",2),t([i({type:Number,reflect:!0})],e.prototype,"step",2),t([i({type:String,reflect:!0})],e.prototype,"autocomplete",2),t([i({type:String,reflect:!0})],e.prototype,"inputmode",2),t([i({type:Boolean,reflect:!0})],e.prototype,"autofocus",2),t([i({type:String,reflect:!0})],e.prototype,"icon",2),t([i({type:String,reflect:!0})],e.prototype,"size",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({type:Boolean,reflect:!0})],e.prototype,"readonly",2),t([i({type:Boolean,attribute:"label-fixed",reflect:!0})],e.prototype,"labelFixed",2),t([i({type:String,attribute:"invalid-text",reflect:!0})],e.prototype,"customInvalidText",1),t([i({reflect:!0,type:String})],e.prototype,"error",2),t([i({type:String,attribute:"help-text",reflect:!0})],e.prototype,"helpText",2),t([n("bl-change")],e.prototype,"onChange",2),t([n("bl-input")],e.prototype,"onInput",2),t([n("bl-invalid")],e.prototype,"onInvalid",2),t([c()],e.prototype,"dirty",2),t([c()],e.prototype,"passwordVisible",2),e=t([u("bl-input"),g()],e);export{e as a};
-//# sourceMappingURL=chunk-UOF574WZ.js.map
+//# sourceMappingURL=chunk-FZJKSA6H.js.map

package/dist/chunk-LYHOM7F5.js

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

package/dist/chunk-LYHOM7F5.js.map

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

package/dist/{chunk-2ARF4VOQ.js → chunk-PQEZBW3G.js}

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

package/dist/chunk-PQEZBW3G.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/datepicker/bl-datepicker.css", "../src/components/datepicker/bl-datepicker.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{width:314px;display:block}.datepicker-content{--bl-input-cursor:pointer;--icon-size:var(--line-height);--icon-color:var(--bl-color-neutral-light);width:100%;position:relative;display:grid}:host([disabled]) .datepicker-content{pointer-events:none}.datepicker-input{width:var(--bl-datepicker-input-width,auto);white-space:nowrap;text-overflow:ellipsis}.icon-container{display:flex;gap:var(--bl-size-3xs);align-items:center}.calendar-icon{display:flex;align-items:center;gap:var(--icon-gap);flex-basis:var(--icon-size);align-self:center;margin-right:var(--label-padding);font-size:var(--icon-size);color:var(--icon-color);height:var(--icon-size)}.action-divider{display:block;height:var(--bl-size-m);width:1px;background-color:var(--bl-color-neutral-lighter);margin-right:var(--bl-size-3xs)}bl-popover{--bl-popover-padding:0;--bl-popover-background-color:transparent}`;\nexport default styles;\n", "import { CSSResultGroup, html, TemplateResult } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { BlCalendar, BlPopover } from \"../../baklava\";\nimport DatepickerCalendarMixin from \"../../mixins/datepicker-calendar-mixin/datepicker-calendar-mixin\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport \"../calendar/bl-calendar\";\nimport { CALENDAR_TYPES } from \"../calendar/bl-calendar.constant\";\nimport \"../input/bl-input\";\nimport BlInput, { InputSize } from \"../input/bl-input\";\nimport \"../tooltip/bl-tooltip\";\nimport style from \"./bl-datepicker.css\";\n\n/**\n * @tag bl-datepicker\n * @summary Baklava DatePicker component\n *\n * @cssproperty [--bl-datepicker-input-width] - Sets the width of datepicker input\n **/\n@customElement(\"bl-datepicker\")\nexport default class BlDatepicker extends DatepickerCalendarMixin {\n  /**\n   * Defines the datepicker input placeholder\n   */\n  @property({ type: String, attribute: \"placeholder\", reflect: true })\n  placeholder: string;\n  /**\n   * Sets input size.\n   */\n  @property({ type: String, reflect: true })\n  size?: InputSize = \"medium\";\n\n  /**\n   * Makes datepicker input label as fixed positioned\n   */\n  @property({ type: Boolean, attribute: \"label-fixed\", reflect: true })\n  labelFixed = false;\n  /**\n   * Defines the datepicker input label\n   */\n  @property({ type: String, attribute: \"label\", reflect: true })\n  label: string;\n  /**\n   * Defines the custom formatter function\n   */\n  @property({ type: Function, attribute: \"value-formatter\" })\n  valueFormatter: ((dates: Date[]) => string) | null = null;\n  /**\n   * Sets datepicker to disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled: boolean;\n  /**\n   * Defines help text to datepicker input for users\n   */\n  @property({ type: String, attribute: \"help-text\", reflect: true })\n  helpText: string;\n\n  /**\n   * Sets input error state\n   */\n  @property({ reflect: true, type: String })\n  error: string;\n\n  /**\n   * Custom function to render day cells in the calendar.\n   * It receives the date as an argument and should return a TemplateResult.\n   */\n  @property({ attribute: false })\n  dayRenderer?: (date: Date) => TemplateResult;\n\n  @state()\n  _inputValue = \"\";\n\n  @state()\n  _floatingDateCount: number = 0;\n\n  @state()\n  _fittingDateCount: number = 0;\n\n  @query(\"bl-calendar\")\n  _calendarEl: BlCalendar;\n\n  @query(\"bl-popover\")\n  _popoverEl: BlPopover;\n\n  @query(\"bl-input\")\n  _inputEl!: BlInput;\n\n  private _onCalendarMouseDown!: (event: MouseEvent) => void;\n  private _onInputMouseDown!: (event: MouseEvent) => void;\n\n  /**\n   * Fires when date selection is changed\n   */\n  @event(\"bl-datepicker-change\") private _onBlDatepickerChange: EventDispatcher<Date[]>;\n\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  defaultInputValueFormatter() {\n    if (this.type === CALENDAR_TYPES.SINGLE) {\n      this._inputValue = this.formatDate(this._calendarEl?._dates[0]);\n      this.closePopoverWithTimeout();\n    } else if (this.type === CALENDAR_TYPES.MULTIPLE) {\n      this.setFloatingDates();\n      const values = this._calendarEl?._dates\n        .slice(0, this._fittingDateCount)\n        .map(date => this.formatDate(date));\n\n      this._inputValue = values.join(\",\") + (this._floatingDateCount > 0 ? \" ,...\" : \"\");\n    } else if (this.type === CALENDAR_TYPES.RANGE) {\n      if (this._calendarEl?._dates[0])\n        this._inputValue = this.formatDate(this._calendarEl?._dates[0]);\n      if (this._calendarEl?._dates[1])\n        this._inputValue = `${this._inputValue}-${this.formatDate(this._calendarEl?._dates[1])}`;\n      if (this._calendarEl?._dates[0] && this._calendarEl?._dates[1])\n        this.closePopoverWithTimeout();\n    }\n  }\n\n  closePopoverWithTimeout() {\n    setTimeout(() => {\n      this.closePopover();\n      this._inputEl.blur();\n    }, 200);\n  }\n\n  setFloatingDates() {\n    const datepickerInput = this.shadowRoot?.getElementById(\"datepicker-input\");\n    const iconsContainer = this.shadowRoot?.getElementById(\"icon-container\");\n    const datesTextTotalWidth = datepickerInput!.offsetWidth! - iconsContainer!.offsetWidth!;\n\n    this._fittingDateCount = Math.floor(datesTextTotalWidth / 90);\n\n    this._floatingDateCount = this._calendarEl?._dates.length - this._fittingDateCount;\n  }\n\n  setDatePickerInput() {\n    if (!this._calendarEl?._dates.length) {\n      this._inputValue = \"\";\n    } else {\n      if (this.valueFormatter) {\n        this._inputValue = this.valueFormatter(this._calendarEl?._dates);\n      } else {\n        this.defaultInputValueFormatter();\n      }\n    }\n  }\n\n  formatDate(date: Date): string {\n    if (this.monthYearOnly) {\n      return `${String(date?.getMonth() + 1).padStart(2, \"0\")}/${date?.getFullYear()}`;\n    }\n    return `${String(date?.getDate()).padStart(2, \"0\")}/${String(date?.getMonth() + 1).padStart(\n      2,\n      \"0\"\n    )}/${date?.getFullYear()}`;\n  }\n\n  clearDatepicker() {\n    this._calendarEl.handleClearSelectedDates();\n    this._inputValue = \"\";\n    this._floatingDateCount = 0;\n  }\n\n  openPopover() {\n    this._popoverEl.target = this._inputEl;\n    this._popoverEl.show();\n  }\n\n  closePopover() {\n    this._popoverEl.hide();\n  }\n\n  _togglePopover() {\n    this._popoverEl.visible ? this.closePopover() : this.openPopover();\n  }\n\n  formatAdditionalDates(str: string): TemplateResult[] {\n    const parts = str.split(\",\");\n\n    return parts?.reduce<TemplateResult[]>((acc, part, index) => {\n      if (index > 0 && index % 3 === 0) {\n        acc.push(html`<br />`);\n      }\n      acc.push(html`<span>${part.trim()}${index < parts.length - 1 ? \", \" : \"\"}</span>`);\n      return acc;\n    }, []);\n  }\n\n  async firstUpdated() {\n    this._onCalendarMouseDown = event => {\n      event.preventDefault();\n      this._inputEl?.focus();\n    };\n\n    this._onInputMouseDown = event => {\n      event.preventDefault();\n      this._inputEl?.focus();\n    };\n\n    this._calendarEl?.addEventListener(\"mousedown\", this._onCalendarMouseDown);\n    this._inputEl?.addEventListener(\"mousedown\", this._onInputMouseDown);\n\n    if (this._calendarEl?._dates) {\n      this.setDatePickerInput();\n    }\n  }\n\n  onCalendarChange() {\n    this.setDatePickerInput();\n    this._onBlDatepickerChange(this._calendarEl?._dates);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._calendarEl?.removeEventListener(\"mousedown\", this._onCalendarMouseDown);\n    this._inputEl?.removeEventListener(\"mousedown\", this._onInputMouseDown);\n  }\n\n  render() {\n    const renderCalendar = html`\n      <bl-popover target=\"datepicker-content\" placement=\"bottom-start\">\n        <bl-calendar\n          type=${this.type}\n          .minDate=${this.minDate}\n          .maxDate=${this.maxDate}\n          .startOfWeek=${this.startOfWeek}\n          .disabledDates=${this.disabledDates}\n          .value=${this.value}\n          .locale=${this.locale}\n          .dayRenderer=${this.dayRenderer}\n          ?month-year-only=${this.monthYearOnly}\n          @bl-calendar-change=\"${this.onCalendarChange}\"\n        ></bl-calendar>\n      </bl-popover>\n    `;\n    const additionalDates =\n      this._calendarEl?._dates\n        ?.slice(this._fittingDateCount)\n        .map(date => {\n          return this.formatDate(date);\n        })\n        .join(\",\") ?? \"\";\n\n    const formattedAdditionalDates = this.formatAdditionalDates(additionalDates);\n\n    const additionalDatesView =\n      this._floatingDateCount > 0\n        ? html` <bl-tooltip>\n            <span slot=\"tooltip-trigger\">+${this._floatingDateCount}</span>\n            <div>${formattedAdditionalDates}</div>\n          </bl-tooltip>`\n        : \"\";\n\n    const clearDatepickerButton =\n      this._calendarEl?._dates.length > 0\n        ? html` <bl-button\n              size=\"small\"\n              variant=\"tertiary\"\n              kind=\"neutral\"\n              icon=\"close\"\n              @click=${this.clearDatepicker}\n              ?disabled=${this.disabled}\n            ></bl-button>\n            <div class=\"action-divider\"></div>`\n        : \"\";\n\n    return html`\n      <div class=\"datepicker-content\" id=\"datepicker-content\" tabindex=\"-1\">\n        <bl-input\n          .value=\"${this._inputValue}\"\n          .label=\"${this.label}\"\n          placeholder=\"${this.placeholder}\"\n          class=\"datepicker-input\"\n          role=\"button\"\n          id=\"datepicker-input\"\n          aria-haspopup=\"listbox\"\n          aria-labelledby=\"label\"\n          @click=${this._togglePopover}\n          help-text=${this.helpText}\n          error=${this.error}\n          ?disabled=${this.disabled}\n          .size=${this.size}\n          .labelFixed=${this.labelFixed}\n          readonly\n        >\n          <div slot=\"icon\" class=\"icon-container\" id=\"icon-container\">\n            ${additionalDatesView} ${clearDatepickerButton}\n            <bl-icon name=\"calendar\" size=\"small\" class=\"calendar-icon\"></bl-icon>\n          </div>\n        </bl-input>\n        ${renderCalendar}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "+NACO,IAAMA,EAASC,02BACfC,EAAQF,ECiBf,IAAqBG,EAArB,cAA0CC,CAAwB,CAAlE,kCAUE,UAAmB,SAMnB,gBAAa,GAUb,oBAAqD,KA0BrD,iBAAc,GAGd,wBAA6B,EAG7B,uBAA4B,EAmB5B,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAEA,4BAA6B,CApG/B,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAqGI,GAAI,KAAK,gBACP,KAAK,YAAc,KAAK,YAAWP,EAAA,KAAK,cAAL,YAAAA,EAAkB,OAAO,EAAE,EAC9D,KAAK,wBAAwB,UACpB,KAAK,kBAAkC,CAChD,KAAK,iBAAiB,EACtB,IAAMQ,GAASP,EAAA,KAAK,cAAL,YAAAA,EAAkB,OAC9B,MAAM,EAAG,KAAK,mBACd,IAAIQ,GAAQ,KAAK,WAAWA,CAAI,GAEnC,KAAK,YAAcD,EAAO,KAAK,GAAG,GAAK,KAAK,mBAAqB,EAAI,QAAU,SACtE,KAAK,kBACVN,EAAA,KAAK,cAAL,MAAAA,EAAkB,OAAO,KAC3B,KAAK,YAAc,KAAK,YAAWC,EAAA,KAAK,cAAL,YAAAA,EAAkB,OAAO,EAAE,IAC5DC,EAAA,KAAK,cAAL,MAAAA,EAAkB,OAAO,KAC3B,KAAK,YAAc,GAAG,KAAK,eAAe,KAAK,YAAWC,EAAA,KAAK,cAAL,YAAAA,EAAkB,OAAO,EAAE,MACnFC,EAAA,KAAK,cAAL,MAAAA,EAAkB,OAAO,MAAMC,EAAA,KAAK,cAAL,MAAAA,EAAkB,OAAO,KAC1D,KAAK,wBAAwB,EAEnC,CAEA,yBAA0B,CACxB,WAAW,IAAM,CACf,KAAK,aAAa,EAClB,KAAK,SAAS,KAAK,CACrB,EAAG,GAAG,CACR,CAEA,kBAAmB,CAhIrB,IAAAP,EAAAC,EAAAC,EAiII,IAAMQ,GAAkBV,EAAA,KAAK,aAAL,YAAAA,EAAiB,eAAe,oBAClDW,GAAiBV,EAAA,KAAK,aAAL,YAAAA,EAAiB,eAAe,kBACjDW,EAAsBF,EAAiB,YAAeC,EAAgB,YAE5E,KAAK,kBAAoB,KAAK,MAAMC,EAAsB,EAAE,EAE5D,KAAK,qBAAqBV,EAAA,KAAK,cAAL,YAAAA,EAAkB,OAAO,QAAS,KAAK,iBACnE,CAEA,oBAAqB,CA1IvB,IAAAF,EAAAC,GA2ISD,EAAA,KAAK,cAAL,MAAAA,EAAkB,OAAO,OAGxB,KAAK,eACP,KAAK,YAAc,KAAK,gBAAeC,EAAA,KAAK,cAAL,YAAAA,EAAkB,MAAM,EAE/D,KAAK,2BAA2B,EALlC,KAAK,YAAc,EAQvB,CAEA,WAAWQ,EAAoB,CAC7B,OAAI,KAAK,cACA,GAAG,QAAOA,GAAA,YAAAA,EAAM,YAAa,CAAC,EAAE,SAAS,EAAG,GAAG,KAAKA,GAAA,YAAAA,EAAM,gBAE5D,GAAG,OAAOA,GAAA,YAAAA,EAAM,SAAS,EAAE,SAAS,EAAG,GAAG,KAAK,QAAOA,GAAA,YAAAA,EAAM,YAAa,CAAC,EAAE,SACjF,EACA,GACF,KAAKA,GAAA,YAAAA,EAAM,eACb,CAEA,iBAAkB,CAChB,KAAK,YAAY,yBAAyB,EAC1C,KAAK,YAAc,GACnB,KAAK,mBAAqB,CAC5B,CAEA,aAAc,CACZ,KAAK,WAAW,OAAS,KAAK,SAC9B,KAAK,WAAW,KAAK,CACvB,CAEA,cAAe,CACb,KAAK,WAAW,KAAK,CACvB,CAEA,gBAAiB,CACf,KAAK,WAAW,QAAU,KAAK,aAAa,EAAI,KAAK,YAAY,CACnE,CAEA,sBAAsBI,EAA+B,CACnD,IAAMC,EAAQD,EAAI,MAAM,GAAG,EAE3B,OAAOC,GAAA,YAAAA,EAAO,OAAyB,CAACC,EAAKC,EAAMC,KAC7CA,EAAQ,GAAKA,EAAQ,IAAM,GAC7BF,EAAI,KAAKG,SAAY,EAEvBH,EAAI,KAAKG,UAAaF,EAAK,KAAK,IAAIC,EAAQH,EAAM,OAAS,EAAI,KAAO,WAAW,EAC1EC,GACN,CAAC,EACN,CAEA,MAAM,cAAe,CA/LvB,IAAAf,EAAAC,EAAAC,EAgMI,KAAK,qBAAuBiB,GAAS,CAhMzC,IAAAnB,EAiMMmB,EAAM,eAAe,GACrBnB,EAAA,KAAK,WAAL,MAAAA,EAAe,OACjB,EAEA,KAAK,kBAAoBmB,GAAS,CArMtC,IAAAnB,EAsMMmB,EAAM,eAAe,GACrBnB,EAAA,KAAK,WAAL,MAAAA,EAAe,OACjB,GAEAA,EAAA,KAAK,cAAL,MAAAA,EAAkB,iBAAiB,YAAa,KAAK,uBACrDC,EAAA,KAAK,WAAL,MAAAA,EAAe,iBAAiB,YAAa,KAAK,oBAE9CC,EAAA,KAAK,cAAL,MAAAA,EAAkB,QACpB,KAAK,mBAAmB,CAE5B,CAEA,kBAAmB,CAlNrB,IAAAF,EAmNI,KAAK,mBAAmB,EACxB,KAAK,uBAAsBA,EAAA,KAAK,cAAL,YAAAA,EAAkB,MAAM,CACrD,CAEA,sBAAuB,CAvNzB,IAAAA,EAAAC,EAwNI,MAAM,qBAAqB,GAC3BD,EAAA,KAAK,cAAL,MAAAA,EAAkB,oBAAoB,YAAa,KAAK,uBACxDC,EAAA,KAAK,WAAL,MAAAA,EAAe,oBAAoB,YAAa,KAAK,kBACvD,CAEA,QAAS,CA7NX,IAAAD,EAAAC,EAAAC,EAAAC,EA8NI,IAAMiB,EAAiBF;AAAA;AAAA;AAAA,iBAGV,KAAK;AAAA,qBACD,KAAK;AAAA,qBACL,KAAK;AAAA,yBACD,KAAK;AAAA,2BACH,KAAK;AAAA,mBACb,KAAK;AAAA,oBACJ,KAAK;AAAA,yBACA,KAAK;AAAA,6BACD,KAAK;AAAA,iCACD,KAAK;AAAA;AAAA;AAAA,MAI5BG,GACJnB,GAAAD,GAAAD,EAAA,KAAK,cAAL,YAAAA,EAAkB,SAAlB,YAAAC,EACI,MAAM,KAAK,mBACZ,IAAIQ,GACI,KAAK,WAAWA,CAAI,GAE5B,KAAK,OALR,KAAAP,EAKgB,GAEZoB,EAA2B,KAAK,sBAAsBD,CAAe,EAErEE,EACJ,KAAK,mBAAqB,EACtBL;AAAA,4CACkC,KAAK;AAAA,mBAC9BI;AAAA,yBAET,GAEAE,IACJrB,EAAA,KAAK,cAAL,YAAAA,EAAkB,OAAO,QAAS,EAC9Be;AAAA;AAAA;AAAA;AAAA;AAAA,uBAKa,KAAK;AAAA,0BACF,KAAK;AAAA;AAAA,gDAGrB,GAEN,OAAOA;AAAA;AAAA;AAAA,oBAGS,KAAK;AAAA,oBACL,KAAK;AAAA,yBACA,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMX,KAAK;AAAA,sBACF,KAAK;AAAA,kBACT,KAAK;AAAA,sBACD,KAAK;AAAA,kBACT,KAAK;AAAA,wBACC,KAAK;AAAA;AAAA;AAAA;AAAA,cAIfK,KAAuBC;AAAA;AAAA;AAAA;AAAA,UAI3BJ;AAAA;AAAA,KAGR,CACF,EAjREK,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,QAAS,EAAK,CAAC,GAJhD7B,EAKnB,2BAKA4B,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GATtB7B,EAUnB,oBAMA4B,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,UAAW,cAAe,QAAS,EAAK,CAAC,GAfjD7B,EAgBnB,0BAKA4B,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,UAAW,QAAS,QAAS,EAAK,CAAC,GApB1C7B,EAqBnB,qBAKA4B,EAAA,CADCC,EAAS,CAAE,KAAM,SAAU,UAAW,iBAAkB,CAAC,GAzBvC7B,EA0BnB,8BAKA4B,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA9BvB7B,EA+BnB,wBAKA4B,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAK,CAAC,GAnC9C7B,EAoCnB,wBAMA4B,EAAA,CADCC,EAAS,CAAE,QAAS,GAAM,KAAM,MAAO,CAAC,GAzCtB7B,EA0CnB,qBAOA4B,EAAA,CADCC,EAAS,CAAE,UAAW,EAAM,CAAC,GAhDX7B,EAiDnB,2BAGA4B,EAAA,CADCE,EAAM,GAnDY9B,EAoDnB,2BAGA4B,EAAA,CADCE,EAAM,GAtDY9B,EAuDnB,kCAGA4B,EAAA,CADCE,EAAM,GAzDY9B,EA0DnB,iCAGA4B,EAAA,CADCG,EAAM,aAAa,GA5DD/B,EA6DnB,2BAGA4B,EAAA,CADCG,EAAM,YAAY,GA/DA/B,EAgEnB,0BAGA4B,EAAA,CADCG,EAAM,UAAU,GAlEE/B,EAmEnB,wBAQuC4B,EAAA,CAAtCN,EAAM,sBAAsB,GA3EVtB,EA2EoB,qCA3EpBA,EAArB4B,EAAA,CADCC,EAAc,eAAe,GACT7B",
+  "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-DE3A37FL.js → chunk-TBB5HNL6.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-3D7WG3ON.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
       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-TBB5HNL6.js.map

package/dist/chunk-ZLE5MDX7.js

@@ -0,0 +1,2 @@
+var D=Math.min,S=Math.max,it=Math.round,st=Math.floor,V=t=>({x:t,y:t}),Qt={left:"right",right:"left",bottom:"top",top:"bottom"};function ft(t,e,o){return S(t,D(e,o))}function K(t,e){return typeof t=="function"?t(e):t}function _(t){return t.split("-")[0]}function U(t){return t.split("-")[1]}function xt(t){return t==="x"?"y":"x"}function at(t){return t==="y"?"height":"width"}function z(t){let e=t[0];return e==="t"||e==="b"?"y":"x"}function ut(t){return xt(z(t))}function Rt(t,e,o){o===void 0&&(o=!1);let n=U(t),i=ut(t),s=at(i),r=i==="x"?n===(o?"end":"start")?"right":"left":n==="start"?"bottom":"top";return e.reference[s]>e.floating[s]&&(r=ot(r)),[r,ot(r)]}function Ct(t){let e=ot(t);return[lt(t),e,lt(e)]}function lt(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}var At=["left","right"],Ot=["right","left"],Zt=["top","bottom"],te=["bottom","top"];function ee(t,e,o){switch(t){case"top":case"bottom":return o?e?Ot:At:e?At:Ot;case"left":case"right":return e?Zt:te;default:return[]}}function St(t,e,o,n){let i=U(t),s=ee(_(t),o==="start",n);return i&&(s=s.map(r=>r+"-"+i),e&&(s=s.concat(s.map(lt)))),s}function ot(t){let e=_(t);return Qt[e]+t.slice(e.length)}function ne(t){return{top:0,right:0,bottom:0,left:0,...t}}function dt(t){return typeof t!="number"?ne(t):{top:t,right:t,bottom:t,left:t}}function j(t){let{x:e,y:o,width:n,height:i}=t;return{width:n,height:i,top:o,left:e,right:e+n,bottom:o+i,x:e,y:o}}function Pt(t,e,o){let{reference:n,floating:i}=t,s=z(e),r=ut(e),c=at(r),a=_(e),d=s==="y",u=n.x+n.width/2-i.width/2,l=n.y+n.height/2-i.height/2,m=n[c]/2-i[c]/2,f;switch(a){case"top":f={x:u,y:n.y-i.height};break;case"bottom":f={x:u,y:n.y+n.height};break;case"right":f={x:n.x+n.width,y:l};break;case"left":f={x:n.x-i.width,y:l};break;default:f={x:n.x,y:n.y}}switch(U(e)){case"start":f[r]-=m*(o&&d?-1:1);break;case"end":f[r]+=m*(o&&d?-1:1);break}return f}async function Tt(t,e){var o;e===void 0&&(e={});let{x:n,y:i,platform:s,rects:r,elements:c,strategy:a}=t,{boundary:d="clippingAncestors",rootBoundary:u="viewport",elementContext:l="floating",altBoundary:m=!1,padding:f=0}=K(e,t),g=dt(f),w=c[m?l==="floating"?"reference":"floating":l],p=j(await s.getClippingRect({element:(o=await(s.isElement==null?void 0:s.isElement(w)))==null||o?w:w.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(c.floating)),boundary:d,rootBoundary:u,strategy:a})),x=l==="floating"?{x:n,y:i,width:r.floating.width,height:r.floating.height}:r.reference,y=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c.floating)),v=await(s.isElement==null?void 0:s.isElement(y))?await(s.getScale==null?void 0:s.getScale(y))||{x:1,y:1}:{x:1,y:1},O=j(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:y,strategy:a}):x);return{top:(p.top-O.top+g.top)/v.y,bottom:(O.bottom-p.bottom+g.bottom)/v.y,left:(p.left-O.left+g.left)/v.x,right:(O.right-p.right+g.right)/v.x}}var oe=50,Lt=async(t,e,o)=>{let{placement:n="bottom",strategy:i="absolute",middleware:s=[],platform:r}=o,c=r.detectOverflow?r:{...r,detectOverflow:Tt},a=await(r.isRTL==null?void 0:r.isRTL(e)),d=await r.getElementRects({reference:t,floating:e,strategy:i}),{x:u,y:l}=Pt(d,n,a),m=n,f=0,g={};for(let h=0;h<s.length;h++){let w=s[h];if(!w)continue;let{name:p,fn:x}=w,{x:y,y:v,data:O,reset:b}=await x({x:u,y:l,initialPlacement:n,placement:m,strategy:i,middlewareData:g,rects:d,platform:c,elements:{reference:t,floating:e}});u=y!=null?y:u,l=v!=null?v:l,g[p]={...g[p],...O},b&&f<oe&&(f++,typeof b=="object"&&(b.placement&&(m=b.placement),b.rects&&(d=b.rects===!0?await r.getElementRects({reference:t,floating:e,strategy:i}):b.rects),{x:u,y:l}=Pt(d,m,a)),h=-1)}return{x:u,y:l,placement:m,strategy:i,middlewareData:g}},Et=t=>({name:"arrow",options:t,async fn(e){let{x:o,y:n,placement:i,rects:s,platform:r,elements:c,middlewareData:a}=e,{element:d,padding:u=0}=K(t,e)||{};if(d==null)return{};let l=dt(u),m={x:o,y:n},f=ut(i),g=at(f),h=await r.getDimensions(d),w=f==="y",p=w?"top":"left",x=w?"bottom":"right",y=w?"clientHeight":"clientWidth",v=s.reference[g]+s.reference[f]-m[f]-s.floating[g],O=m[f]-s.reference[f],b=await(r.getOffsetParent==null?void 0:r.getOffsetParent(d)),R=b?b[y]:0;(!R||!await(r.isElement==null?void 0:r.isElement(b)))&&(R=c.floating[y]||s.floating[g]);let $=v/2-O/2,M=R/2-h[g]/2-1,A=D(l[p],M),F=D(l[x],M),T=A,B=R-h[g]-F,C=R/2-h[g]/2+$,H=ft(T,C,B),W=!a.arrow&&U(i)!=null&&C!==H&&s.reference[g]/2-(C<T?A:F)-h[g]/2<0,L=W?C<T?C-T:C-B:0;return{[f]:m[f]+L,data:{[f]:H,centerOffset:C-H-L,...W&&{alignmentOffset:L}},reset:W}}});var Dt=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var o,n;let{placement:i,middlewareData:s,rects:r,initialPlacement:c,platform:a,elements:d}=e,{mainAxis:u=!0,crossAxis:l=!0,fallbackPlacements:m,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:h=!0,...w}=K(t,e);if((o=s.arrow)!=null&&o.alignmentOffset)return{};let p=_(i),x=z(c),y=_(c)===c,v=await(a.isRTL==null?void 0:a.isRTL(d.floating)),O=m||(y||!h?[ot(c)]:Ct(c)),b=g!=="none";!m&&b&&O.push(...St(c,h,g,v));let R=[c,...O],$=await a.detectOverflow(e,w),M=[],A=((n=s.flip)==null?void 0:n.overflows)||[];if(u&&M.push($[p]),l){let C=Rt(i,r,v);M.push($[C[0]],$[C[1]])}if(A=[...A,{placement:i,overflows:M}],!M.every(C=>C<=0)){var F,T;let C=(((F=s.flip)==null?void 0:F.index)||0)+1,H=R[C];if(H&&(!(l==="alignment"?x!==z(H):!1)||A.every(E=>z(E.placement)===x?E.overflows[0]>0:!0)))return{data:{index:C,overflows:A},reset:{placement:H}};let W=(T=A.filter(L=>L.overflows[0]<=0).sort((L,E)=>L.overflows[1]-E.overflows[1])[0])==null?void 0:T.placement;if(!W)switch(f){case"bestFit":{var B;let L=(B=A.filter(E=>{if(b){let q=z(E.placement);return q===x||q==="y"}return!0}).map(E=>[E.placement,E.overflows.filter(q=>q>0).reduce((q,Jt)=>q+Jt,0)]).sort((E,q)=>E[1]-q[1])[0])==null?void 0:B[0];L&&(W=L);break}case"initialPlacement":W=c;break}if(i!==W)return{reset:{placement:W}}}return{}}}};function Mt(t){let e=D(...t.map(s=>s.left)),o=D(...t.map(s=>s.top)),n=S(...t.map(s=>s.right)),i=S(...t.map(s=>s.bottom));return{x:e,y:o,width:n-e,height:i-o}}function ie(t){let e=t.slice().sort((i,s)=>i.y-s.y),o=[],n=null;for(let i=0;i<e.length;i++){let s=e[i];!n||s.y-n.y>n.height/2?o.push([s]):o[o.length-1].push(s),n=s}return o.map(i=>j(Mt(i)))}var Ft=function(t){return t===void 0&&(t={}),{name:"inline",options:t,async fn(e){let{placement:o,elements:n,rects:i,platform:s,strategy:r}=e,{padding:c=2,x:a,y:d}=K(t,e),u=Array.from(await(s.getClientRects==null?void 0:s.getClientRects(n.reference))||[]),l=ie(u),m=j(Mt(u)),f=dt(c);function g(){if(l.length===2&&l[0].left>l[1].right&&a!=null&&d!=null)return l.find(w=>a>w.left-f.left&&a<w.right+f.right&&d>w.top-f.top&&d<w.bottom+f.bottom)||m;if(l.length>=2){if(z(o)==="y"){let A=l[0],F=l[l.length-1],T=_(o)==="top",B=A.top,C=F.bottom,H=T?A.left:F.left,W=T?A.right:F.right,L=W-H,E=C-B;return{top:B,bottom:C,left:H,right:W,width:L,height:E,x:H,y:B}}let w=_(o)==="left",p=S(...l.map(A=>A.right)),x=D(...l.map(A=>A.left)),y=l.filter(A=>w?A.left===x:A.right===p),v=y[0].top,O=y[y.length-1].bottom,b=x,R=p,$=R-b,M=O-v;return{top:v,bottom:O,left:b,right:R,width:$,height:M,x:b,y:v}}return m}let h=await s.getElementRects({reference:{getBoundingClientRect:g},floating:n.floating,strategy:r});return i.reference.x!==h.reference.x||i.reference.y!==h.reference.y||i.reference.width!==h.reference.width||i.reference.height!==h.reference.height?{reset:{rects:h}}:{}}}},se=new Set(["left","top"]);async function re(t,e){let{placement:o,platform:n,elements:i}=t,s=await(n.isRTL==null?void 0:n.isRTL(i.floating)),r=_(o),c=U(o),a=z(o)==="y",d=se.has(r)?-1:1,u=s&&a?-1:1,l=K(e,t),{mainAxis:m,crossAxis:f,alignmentAxis:g}=typeof l=="number"?{mainAxis:l,crossAxis:0,alignmentAxis:null}:{mainAxis:l.mainAxis||0,crossAxis:l.crossAxis||0,alignmentAxis:l.alignmentAxis};return c&&typeof g=="number"&&(f=c==="end"?g*-1:g),a?{x:f*u,y:m*d}:{x:m*d,y:f*u}}var Bt=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var o,n;let{x:i,y:s,placement:r,middlewareData:c}=e,a=await re(e,t);return r===((o=c.offset)==null?void 0:o.placement)&&(n=c.arrow)!=null&&n.alignmentOffset?{}:{x:i+a.x,y:s+a.y,data:{...a,placement:r}}}}},Wt=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:o,y:n,placement:i,platform:s}=e,{mainAxis:r=!0,crossAxis:c=!1,limiter:a={fn:p=>{let{x,y}=p;return{x,y}}},...d}=K(t,e),u={x:o,y:n},l=await s.detectOverflow(e,d),m=z(_(i)),f=xt(m),g=u[f],h=u[m];if(r){let p=f==="y"?"top":"left",x=f==="y"?"bottom":"right",y=g+l[p],v=g-l[x];g=ft(y,g,v)}if(c){let p=m==="y"?"top":"left",x=m==="y"?"bottom":"right",y=h+l[p],v=h-l[x];h=ft(y,h,v)}let w=a.fn({...e,[f]:g,[m]:h});return{...w,data:{x:w.x-o,y:w.y-n,enabled:{[f]:r,[m]:c}}}}}};var kt=function(t){return t===void 0&&(t={}),{name:"size",options:t,async fn(e){var o,n;let{placement:i,rects:s,platform:r,elements:c}=e,{apply:a=()=>{},...d}=K(t,e),u=await r.detectOverflow(e,d),l=_(i),m=U(i),f=z(i)==="y",{width:g,height:h}=s.floating,w,p;l==="top"||l==="bottom"?(w=l,p=m===(await(r.isRTL==null?void 0:r.isRTL(c.floating))?"start":"end")?"left":"right"):(p=l,w=m==="end"?"top":"bottom");let x=h-u.top-u.bottom,y=g-u.left-u.right,v=D(h-u[w],x),O=D(g-u[p],y),b=!e.middlewareData.shift,R=v,$=O;if((o=e.middlewareData.shift)!=null&&o.enabled.x&&($=y),(n=e.middlewareData.shift)!=null&&n.enabled.y&&(R=x),b&&!m){let A=S(u.left,0),F=S(u.right,0),T=S(u.top,0),B=S(u.bottom,0);f?$=g-2*(A!==0||F!==0?A+F:S(u.left,u.right)):R=h-2*(T!==0||B!==0?T+B:S(u.top,u.bottom))}await a({...e,availableWidth:$,availableHeight:R});let M=await r.getDimensions(c.floating);return g!==M.width||h!==M.height?{reset:{rects:!0}}:{}}}};function mt(){return typeof window<"u"}function J(t){return $t(t)?(t.nodeName||"").toLowerCase():"#document"}function P(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function I(t){var e;return(e=($t(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function $t(t){return mt()?t instanceof Node||t instanceof P(t).Node:!1}function k(t){return mt()?t instanceof Element||t instanceof P(t).Element:!1}function X(t){return mt()?t instanceof HTMLElement||t instanceof P(t).HTMLElement:!1}function Nt(t){return!mt()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof P(t).ShadowRoot}function et(t){let{overflow:e,overflowX:o,overflowY:n,display:i}=N(t);return/auto|scroll|overlay|hidden|clip/.test(e+n+o)&&i!=="inline"&&i!=="contents"}function Ht(t){return/^(table|td|th)$/.test(J(t))}function rt(t){try{if(t.matches(":popover-open"))return!0}catch{}try{return t.matches(":modal")}catch{return!1}}var ce=/transform|translate|scale|rotate|perspective|filter/,le=/paint|layout|strict|content/,G=t=>!!t&&t!=="none",yt;function gt(t){let e=k(t)?N(t):t;return G(e.transform)||G(e.translate)||G(e.scale)||G(e.rotate)||G(e.perspective)||!ht()&&(G(e.backdropFilter)||G(e.filter))||ce.test(e.willChange||"")||le.test(e.contain||"")}function Vt(t){let e=Y(t);for(;X(e)&&!Q(e);){if(gt(e))return e;if(rt(e))return null;e=Y(e)}return null}function ht(){return yt==null&&(yt=typeof CSS<"u"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),yt}function Q(t){return/^(html|body|#document)$/.test(J(t))}function N(t){return P(t).getComputedStyle(t)}function ct(t){return k(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function Y(t){if(J(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Nt(t)&&t.host||I(t);return Nt(e)?e.host:e}function _t(t){let e=Y(t);return Q(e)?t.ownerDocument?t.ownerDocument.body:t.body:X(e)&&et(e)?e:_t(e)}function tt(t,e,o){var n;e===void 0&&(e=[]),o===void 0&&(o=!0);let i=_t(t),s=i===((n=t.ownerDocument)==null?void 0:n.body),r=P(i);if(s){let c=pt(r);return e.concat(r,r.visualViewport||[],et(i)?i:[],c&&o?tt(c):[])}else return e.concat(i,tt(i,[],o))}function pt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function jt(t){let e=N(t),o=parseFloat(e.width)||0,n=parseFloat(e.height)||0,i=X(t),s=i?t.offsetWidth:o,r=i?t.offsetHeight:n,c=it(o)!==s||it(n)!==r;return c&&(o=s,n=r),{width:o,height:n,$:c}}function bt(t){return k(t)?t:t.contextElement}function nt(t){let e=bt(t);if(!X(e))return V(1);let o=e.getBoundingClientRect(),{width:n,height:i,$:s}=jt(e),r=(s?it(o.width):o.width)/n,c=(s?it(o.height):o.height)/i;return(!r||!Number.isFinite(r))&&(r=1),(!c||!Number.isFinite(c))&&(c=1),{x:r,y:c}}var fe=V(0);function Yt(t){let e=P(t);return!ht()||!e.visualViewport?fe:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function ae(t,e,o){return e===void 0&&(e=!1),!o||e&&o!==P(t)?!1:e}function Z(t,e,o,n){e===void 0&&(e=!1),o===void 0&&(o=!1);let i=t.getBoundingClientRect(),s=bt(t),r=V(1);e&&(n?k(n)&&(r=nt(n)):r=nt(t));let c=ae(s,o,n)?Yt(s):V(0),a=(i.left+c.x)/r.x,d=(i.top+c.y)/r.y,u=i.width/r.x,l=i.height/r.y;if(s){let m=P(s),f=n&&k(n)?P(n):n,g=m,h=pt(g);for(;h&&n&&f!==g;){let w=nt(h),p=h.getBoundingClientRect(),x=N(h),y=p.left+(h.clientLeft+parseFloat(x.paddingLeft))*w.x,v=p.top+(h.clientTop+parseFloat(x.paddingTop))*w.y;a*=w.x,d*=w.y,u*=w.x,l*=w.y,a+=y,d+=v,g=P(h),h=pt(g)}}return j({width:u,height:l,x:a,y:d})}function wt(t,e){let o=ct(t).scrollLeft;return e?e.left+o:Z(I(t)).left+o}function qt(t,e){let o=t.getBoundingClientRect(),n=o.left+e.scrollLeft-wt(t,o),i=o.top+e.scrollTop;return{x:n,y:i}}function ue(t){let{elements:e,rect:o,offsetParent:n,strategy:i}=t,s=i==="fixed",r=I(n),c=e?rt(e.floating):!1;if(n===r||c&&s)return o;let a={scrollLeft:0,scrollTop:0},d=V(1),u=V(0),l=X(n);if((l||!l&&!s)&&((J(n)!=="body"||et(r))&&(a=ct(n)),l)){let f=Z(n);d=nt(n),u.x=f.x+n.clientLeft,u.y=f.y+n.clientTop}let m=r&&!l&&!s?qt(r,a):V(0);return{width:o.width*d.x,height:o.height*d.y,x:o.x*d.x-a.scrollLeft*d.x+u.x+m.x,y:o.y*d.y-a.scrollTop*d.y+u.y+m.y}}function de(t){return Array.from(t.getClientRects())}function me(t){let e=I(t),o=ct(t),n=t.ownerDocument.body,i=S(e.scrollWidth,e.clientWidth,n.scrollWidth,n.clientWidth),s=S(e.scrollHeight,e.clientHeight,n.scrollHeight,n.clientHeight),r=-o.scrollLeft+wt(t),c=-o.scrollTop;return N(n).direction==="rtl"&&(r+=S(e.clientWidth,n.clientWidth)-i),{width:i,height:s,x:r,y:c}}var zt=25;function ge(t,e){let o=P(t),n=I(t),i=o.visualViewport,s=n.clientWidth,r=n.clientHeight,c=0,a=0;if(i){s=i.width,r=i.height;let u=ht();(!u||u&&e==="fixed")&&(c=i.offsetLeft,a=i.offsetTop)}let d=wt(n);if(d<=0){let u=n.ownerDocument,l=u.body,m=getComputedStyle(l),f=u.compatMode==="CSS1Compat"&&parseFloat(m.marginLeft)+parseFloat(m.marginRight)||0,g=Math.abs(n.clientWidth-l.clientWidth-f);g<=zt&&(s-=g)}else d<=zt&&(s+=d);return{width:s,height:r,x:c,y:a}}function he(t,e){let o=Z(t,!0,e==="fixed"),n=o.top+t.clientTop,i=o.left+t.clientLeft,s=X(t)?nt(t):V(1),r=t.clientWidth*s.x,c=t.clientHeight*s.y,a=i*s.x,d=n*s.y;return{width:r,height:c,x:a,y:d}}function It(t,e,o){let n;if(e==="viewport")n=ge(t,o);else if(e==="document")n=me(I(t));else if(k(e))n=he(e,o);else{let i=Yt(t);n={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return j(n)}function Kt(t,e){let o=Y(t);return o===e||!k(o)||Q(o)?!1:N(o).position==="fixed"||Kt(o,e)}function pe(t,e){let o=e.get(t);if(o)return o;let n=tt(t,[],!1).filter(c=>k(c)&&J(c)!=="body"),i=null,s=N(t).position==="fixed",r=s?Y(t):t;for(;k(r)&&!Q(r);){let c=N(r),a=gt(r);!a&&c.position==="fixed"&&(i=null),(s?!a&&!i:!a&&c.position==="static"&&!!i&&(i.position==="absolute"||i.position==="fixed")||et(r)&&!a&&Kt(t,r))?n=n.filter(u=>u!==r):i=c,r=Y(r)}return e.set(t,n),n}function we(t){let{element:e,boundary:o,rootBoundary:n,strategy:i}=t,r=[...o==="clippingAncestors"?rt(e)?[]:pe(e,this._c):[].concat(o),n],c=It(e,r[0],i),a=c.top,d=c.right,u=c.bottom,l=c.left;for(let m=1;m<r.length;m++){let f=It(e,r[m],i);a=S(f.top,a),d=D(f.right,d),u=D(f.bottom,u),l=S(f.left,l)}return{width:d-l,height:u-a,x:l,y:a}}function xe(t){let{width:e,height:o}=jt(t);return{width:e,height:o}}function ye(t,e,o){let n=X(e),i=I(e),s=o==="fixed",r=Z(t,!0,s,e),c={scrollLeft:0,scrollTop:0},a=V(0);function d(){a.x=wt(i)}if(n||!n&&!s)if((J(e)!=="body"||et(i))&&(c=ct(e)),n){let f=Z(e,!0,s,e);a.x=f.x+e.clientLeft,a.y=f.y+e.clientTop}else i&&d();s&&!n&&i&&d();let u=i&&!n&&!s?qt(i,c):V(0),l=r.left+c.scrollLeft-a.x-u.x,m=r.top+c.scrollTop-a.y-u.y;return{x:l,y:m,width:r.width,height:r.height}}function vt(t){return N(t).position==="static"}function Xt(t,e){if(!X(t)||N(t).position==="fixed")return null;if(e)return e(t);let o=t.offsetParent;return I(t)===o&&(o=o.ownerDocument.body),o}function Ut(t,e){let o=P(t);if(rt(t))return o;if(!X(t)){let i=Y(t);for(;i&&!Q(i);){if(k(i)&&!vt(i))return i;i=Y(i)}return o}let n=Xt(t,e);for(;n&&Ht(n)&&vt(n);)n=Xt(n,e);return n&&Q(n)&&vt(n)&&!gt(n)?o:n||Vt(t)||o}var ve=async function(t){let e=this.getOffsetParent||Ut,o=this.getDimensions,n=await o(t.floating);return{reference:ye(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}};function be(t){return N(t).direction==="rtl"}var Ae={convertOffsetParentRelativeRectToViewportRelativeRect:ue,getDocumentElement:I,getClippingRect:we,getOffsetParent:Ut,getElementRects:ve,getClientRects:de,getDimensions:xe,getScale:nt,isElement:k,isRTL:be};function Gt(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function Oe(t,e){let o=null,n,i=I(t);function s(){var c;clearTimeout(n),(c=o)==null||c.disconnect(),o=null}function r(c,a){c===void 0&&(c=!1),a===void 0&&(a=1),s();let d=t.getBoundingClientRect(),{left:u,top:l,width:m,height:f}=d;if(c||e(),!m||!f)return;let g=st(l),h=st(i.clientWidth-(u+m)),w=st(i.clientHeight-(l+f)),p=st(u),y={rootMargin:-g+"px "+-h+"px "+-w+"px "+-p+"px",threshold:S(0,D(1,a))||1},v=!0;function O(b){let R=b[0].intersectionRatio;if(R!==a){if(!v)return r();R?r(!1,R):n=setTimeout(()=>{r(!1,1e-7)},1e3)}R===1&&!Gt(d,t.getBoundingClientRect())&&r(),v=!1}try{o=new IntersectionObserver(O,{...y,root:i.ownerDocument})}catch{o=new IntersectionObserver(O,y)}o.observe(t)}return r(!0),s}function Ne(t,e,o,n){n===void 0&&(n={});let{ancestorScroll:i=!0,ancestorResize:s=!0,elementResize:r=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:a=!1}=n,d=bt(t),u=i||s?[...d?tt(d):[],...e?tt(e):[]]:[];u.forEach(p=>{i&&p.addEventListener("scroll",o,{passive:!0}),s&&p.addEventListener("resize",o)});let l=d&&c?Oe(d,o):null,m=-1,f=null;r&&(f=new ResizeObserver(p=>{let[x]=p;x&&x.target===d&&f&&e&&(f.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var y;(y=f)==null||y.observe(e)})),o()}),d&&!a&&f.observe(d),e&&f.observe(e));let g,h=a?Z(t):null;a&&w();function w(){let p=Z(t);h&&!Gt(h,p)&&o(),h=p,g=requestAnimationFrame(w)}return o(),()=>{var p;u.forEach(x=>{i&&x.removeEventListener("scroll",o),s&&x.removeEventListener("resize",o)}),l==null||l(),(p=f)==null||p.disconnect(),f=null,a&&cancelAnimationFrame(g)}}var $e=Bt;var He=Wt,Ve=Dt,_e=kt;var ze=Et,Ie=Ft;var Xe=(t,e,o)=>{let n=new Map,i={platform:Ae,...o},s={...i.platform,_c:n};return Lt(t,e,{...i,platform:s})};export{Ne as a,$e as b,He as c,Ve as d,_e as e,ze as f,Ie as g,Xe as h};
+//# sourceMappingURL=chunk-ZLE5MDX7.js.map