@trendyol/baklava 2.0.0-beta.30 → 2.0.0-beta.31

package/dist/baklava.js

@@ -1,2 +1,2 @@
-import{a as l}from"./chunk-QVWNLWDE.js";import{a as d}from"./chunk-OJVJFWT3.js";import{a as n}from"./chunk-ECSHF6ND.js";import{a as m}from"./chunk-KWTSWXUL.js";import{a as s}from"./chunk-C5HFLPOK.js";import{a as f}from"./chunk-LZHSSAHO.js";import{a as p}from"./chunk-IDG5M2QP.js";import{a as u}from"./chunk-IAT752ME.js";import"./chunk-VNGNBBSS.js";import{a as B}from"./chunk-EELZVHM7.js";import{a as r}from"./chunk-6UWMQKJW.js";import{a}from"./chunk-IB7GARWV.js";import"./chunk-2TVOKUHE.js";import"./chunk-ENFFFE4I.js";import{a as x}from"./chunk-N6FF6F3Y.js";import"./chunk-KQBKSEYJ.js";import{a as t,b as o,c as e}from"./chunk-WXJKPVRA.js";import"./chunk-72IJCTLJ.js";import"./chunk-23UFIOHV.js";import"./chunk-HG7OBTQS.js";import"./chunk-NZ3RGSR6.js";export{B as BlAlert,r as BlBadge,a as BlButton,x as BlCheckbox,e as BlIcon,l as BlInput,d as BlProgressIndicator,n as BlSelect,m as BlSelectOption,f as BlTab,s as BlTabGroup,p as BlTabPanel,u as BlTooltip,o as getIconPath,t as setIconPath};
+import{a as l}from"./chunk-QVWNLWDE.js";import{a as d}from"./chunk-OJVJFWT3.js";import{a as n}from"./chunk-ECSHF6ND.js";import{a as m}from"./chunk-KWTSWXUL.js";import{a as s}from"./chunk-C5HFLPOK.js";import{a as f}from"./chunk-LZHSSAHO.js";import{a as p}from"./chunk-IDG5M2QP.js";import{a as u}from"./chunk-6WS7INIM.js";import"./chunk-VNGNBBSS.js";import{a as B}from"./chunk-EELZVHM7.js";import{a as r}from"./chunk-6UWMQKJW.js";import{a}from"./chunk-IB7GARWV.js";import"./chunk-2TVOKUHE.js";import"./chunk-ENFFFE4I.js";import{a as x}from"./chunk-N6FF6F3Y.js";import"./chunk-KQBKSEYJ.js";import{a as t,b as o,c as e}from"./chunk-WXJKPVRA.js";import"./chunk-72IJCTLJ.js";import"./chunk-23UFIOHV.js";import"./chunk-HG7OBTQS.js";import"./chunk-NZ3RGSR6.js";export{B as BlAlert,r as BlBadge,a as BlButton,x as BlCheckbox,e as BlIcon,l as BlInput,d as BlProgressIndicator,n as BlSelect,m as BlSelectOption,f as BlTab,s as BlTabGroup,p as BlTabPanel,u as BlTooltip,o as getIconPath,t as setIconPath};
 //# sourceMappingURL=baklava.js.map

package/dist/chunk-6WS7INIM.js

@@ -0,0 +1,12 @@
+import{a as w,b as g,c as y,d as u,g as x}from"./chunk-VNGNBBSS.js";import{a as f}from"./chunk-ENFFFE4I.js";import{a as s}from"./chunk-23UFIOHV.js";import{a as m,b as h,f as v,g as c,h as b,i as d,j as o}from"./chunk-HG7OBTQS.js";import{a as r}from"./chunk-NZ3RGSR6.js";var M=m`.trigger{display:inline-block;cursor:pointer}.tooltip{--left:0;--top:0;--visibility:hidden;position:fixed;box-sizing:border-box;border:0;background-color:var(--bl-color-secondary);color:var(--bl-color-primary-background);border-radius:var(--bl-size-3xs);pointer-events:none;font:var(--bl-font-title-3-regular);padding:var(--bl-size-m);left:var(--left);top:var(--top);visibility:var(--visibility);z-index:999;max-width:424px;width:max-content}.arrow{--arrow-top:0;--arrow-bottom:0;--arrow-right:0;--arrow-left:0;position:absolute;background-color:var(--bl-color-secondary);width:var(--bl-size-2xs);height:var(--bl-size-2xs);transform:rotate(45deg);top:var(--arrow-top);bottom:var(--arrow-bottom);right:var(--arrow-right);left:var(--arrow-left)}.visible{--visibility:visible}`,P=M;var t=class extends v{constructor(){super(...arguments);this.placement="top";this._visible=!1}static get styles(){return[P]}setTooltip(){x(this.trigger,this.tooltip,{placement:this.placement,strategy:"fixed",middleware:[y(8),u({padding:5}),g(),w({element:this.arrow,padding:5})]}).then(({x:i,y:E,placement:S,middlewareData:e})=>{var a,l,p,n;let $=((a=e.arrow)==null?void 0:a.x)!=null?`${(l=e.arrow)==null?void 0:l.x}px`:" ",z=((p=e.arrow)==null?void 0:p.y)!=null?`${(n=e.arrow)==null?void 0:n.y}px`:" ",H={top:"bottom",right:"left",bottom:"top",left:"right"},R=S.split("-")[0],k=H[R];this.tooltip.style.setProperty("--left",`${i}px`),this.tooltip.style.setProperty("--top",`${E}px`),this.arrow.style.setProperty("--arrow-left",$),this.arrow.style.setProperty("--arrow-top",z),this.arrow.style.setProperty("--arrow-bottom","0"),this.arrow.style.setProperty("--arrow-right","0"),this.arrow.style.setProperty(`--arrow-${k}`,"-4px")})}show(){this._visible=!0,this.setTooltip(),this.onShow("Show event fired!")}hide(){this._visible=!1,this.onHide("Hide event fired!")}render(){let i=f({tooltip:!0,visible:this._visible});return h` <slot
+        class="trigger"
+        name="tooltip-trigger"
+        @mouseover="${this.show}"
+        @mouseleave="${this.hide}"
+      >
+      </slot>
+      <div class=${i}>
+        <slot></slot>
+        <div class="arrow"></div>
+      </div>`}};r([o(".tooltip")],t.prototype,"tooltip",2),r([o(".trigger")],t.prototype,"trigger",2),r([o(".arrow")],t.prototype,"arrow",2),r([b({type:String})],t.prototype,"placement",2),r([d()],t.prototype,"_visible",2),r([s("bl-tooltip-show")],t.prototype,"onShow",2),r([s("bl-tooltip-hide")],t.prototype,"onHide",2),t=r([c("bl-tooltip")],t);export{t as a};
+//# sourceMappingURL=chunk-6WS7INIM.js.map

package/dist/chunk-6WS7INIM.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/tooltip/bl-tooltip.css", "../src/components/tooltip/bl-tooltip.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.trigger{display:inline-block;cursor:pointer}.tooltip{--left:0;--top:0;--visibility:hidden;position:fixed;box-sizing:border-box;border:0;background-color:var(--bl-color-secondary);color:var(--bl-color-primary-background);border-radius:var(--bl-size-3xs);pointer-events:none;font:var(--bl-font-title-3-regular);padding:var(--bl-size-m);left:var(--left);top:var(--top);visibility:var(--visibility);z-index:999;max-width:424px;width:max-content}.arrow{--arrow-top:0;--arrow-bottom:0;--arrow-right:0;--arrow-left:0;position:absolute;background-color:var(--bl-color-secondary);width:var(--bl-size-2xs);height:var(--bl-size-2xs);transform:rotate(45deg);top:var(--arrow-top);bottom:var(--arrow-bottom);right:var(--arrow-right);left:var(--arrow-left)}.visible{--visibility:visible}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { computePosition, flip, shift, offset, arrow } from '@floating-ui/dom';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ReferenceElement } from '@floating-ui/core';\nimport style from './bl-tooltip.css';\nimport { event, EventDispatcher } from '../../utilities/event';\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-tooltip\n * @summary Baklava Tooltip component\n *\n * @property {string} placement - Sets the tooltip placement\n */\n\n@customElement('bl-tooltip')\nexport default class BlTooltip extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  @query('.tooltip') private tooltip: HTMLElement;\n  @query('.trigger') private trigger: ReferenceElement;\n  @query('.arrow') private arrow: HTMLElement;\n\n  /**\n   * Sets placement of the tooltip\n   */\n  @property({ type: String })\n  placement: Placement = 'top';\n\n  @state() private _visible = false;\n\n  /**\n   * Fires when hovering over a trigger\n   */\n  @event('bl-tooltip-show') private onShow: EventDispatcher<string>;\n\n  /**\n   * Fires when leaving over from trigger\n   */\n  @event('bl-tooltip-hide') private onHide: EventDispatcher<string>;\n\n  private setTooltip() {\n    computePosition(this.trigger, this.tooltip, {\n      placement: this.placement,\n      strategy: 'fixed',\n      middleware: [\n        offset(8),\n        shift({ padding: 5 }),\n        flip(),\n        arrow({ element: this.arrow, padding: 5 }),\n      ],\n    }).then(({ x, y, placement, middlewareData }) => {\n      const arrowX = middlewareData.arrow?.x != null ? `${middlewareData.arrow?.x}px` : ' ';\n      const arrowY = middlewareData.arrow?.y != null ? `${middlewareData.arrow?.y}px` : ' ';\n      const arrowDirections = {\n        top: 'bottom',\n        right: 'left',\n        bottom: 'top',\n        left: 'right',\n      };\n      const tooltipPlacement = placement.split('-')[0] as keyof typeof arrowDirections;\n      const arrowDirection = arrowDirections[tooltipPlacement];\n\n      this.tooltip.style.setProperty('--left', `${x}px`);\n      this.tooltip.style.setProperty('--top', `${y}px`);\n      this.arrow.style.setProperty('--arrow-left', arrowX);\n      this.arrow.style.setProperty('--arrow-top', arrowY);\n      this.arrow.style.setProperty('--arrow-bottom', '0');\n      this.arrow.style.setProperty('--arrow-right', '0');\n      this.arrow.style.setProperty(`--arrow-${arrowDirection}`, '-4px');\n    });\n  }\n\n  private show() {\n    this._visible = true;\n    this.setTooltip();\n    this.onShow('Show event fired!');\n  }\n\n  private hide() {\n    this._visible = false;\n    this.onHide('Hide event fired!');\n  }\n\n  render(): TemplateResult {\n    const classes = classMap({\n      tooltip: true,\n      visible: this._visible,\n    });\n\n    return html` <slot\n        class=\"trigger\"\n        name=\"tooltip-trigger\"\n        @mouseover=\"${this.show}\"\n        @mouseleave=\"${this.hide}\"\n      >\n      </slot>\n      <div class=${classes}>\n        <slot></slot>\n        <div class=\"arrow\"></div>\n      </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-tooltip': BlTooltip;\n  }\n}\n"],
+  "mappings": "8QACO,IAAMA,EAASC,ywBACfC,EAAQF,EC4Bf,IAAqBG,EAArB,cAAuCC,CAAW,CAAlD,kCAaE,eAAuB,MAEd,KAAQ,SAAW,GAd5B,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAwBQ,YAAa,CACnBC,EAAgB,KAAK,QAAS,KAAK,QAAS,CAC1C,UAAW,KAAK,UAChB,SAAU,QACV,WAAY,CACVC,EAAO,CAAC,EACRC,EAAM,CAAE,QAAS,CAAE,CAAC,EACpBC,EAAK,EACLC,EAAM,CAAE,QAAS,KAAK,MAAO,QAAS,CAAE,CAAC,CAC3C,CACF,CAAC,EAAE,KAAK,CAAC,CAAE,EAAAC,EAAG,EAAAC,EAAG,UAAAC,EAAW,eAAAC,CAAe,IAAM,CAnErD,IAAAC,EAAAC,EAAAC,EAAAC,EAoEM,IAAMC,IAASJ,EAAAD,EAAe,QAAf,YAAAC,EAAsB,IAAK,KAAO,IAAGC,EAAAF,EAAe,QAAf,YAAAE,EAAsB,MAAQ,IAC5EI,IAASH,EAAAH,EAAe,QAAf,YAAAG,EAAsB,IAAK,KAAO,IAAGC,EAAAJ,EAAe,QAAf,YAAAI,EAAsB,MAAQ,IAC5EG,EAAkB,CACtB,IAAK,SACL,MAAO,OACP,OAAQ,MACR,KAAM,OACR,EACMC,EAAmBT,EAAU,MAAM,GAAG,EAAE,GACxCU,EAAiBF,EAAgBC,GAEvC,KAAK,QAAQ,MAAM,YAAY,SAAU,GAAGX,KAAK,EACjD,KAAK,QAAQ,MAAM,YAAY,QAAS,GAAGC,KAAK,EAChD,KAAK,MAAM,MAAM,YAAY,eAAgBO,CAAM,EACnD,KAAK,MAAM,MAAM,YAAY,cAAeC,CAAM,EAClD,KAAK,MAAM,MAAM,YAAY,iBAAkB,GAAG,EAClD,KAAK,MAAM,MAAM,YAAY,gBAAiB,GAAG,EACjD,KAAK,MAAM,MAAM,YAAY,WAAWG,IAAkB,MAAM,CAClE,CAAC,CACH,CAEQ,MAAO,CACb,KAAK,SAAW,GAChB,KAAK,WAAW,EAChB,KAAK,OAAO,mBAAmB,CACjC,CAEQ,MAAO,CACb,KAAK,SAAW,GAChB,KAAK,OAAO,mBAAmB,CACjC,CAEA,QAAyB,CACvB,IAAMC,EAAUC,EAAS,CACvB,QAAS,GACT,QAAS,KAAK,QAChB,CAAC,EAED,OAAOC;AAAA;AAAA;AAAA,sBAGW,KAAK;AAAA,uBACJ,KAAK;AAAA;AAAA;AAAA,mBAGTF;AAAA;AAAA;AAAA,aAIjB,CACF,EAnF6BG,EAAA,CAA1BC,EAAM,UAAU,GALEzB,EAKQ,uBACAwB,EAAA,CAA1BC,EAAM,UAAU,GANEzB,EAMQ,uBACFwB,EAAA,CAAxBC,EAAM,QAAQ,GAPIzB,EAOM,qBAMzBwB,EAAA,CADCE,EAAS,CAAE,KAAM,MAAO,CAAC,GAZP1B,EAanB,yBAEiBwB,EAAA,CAAhBG,EAAM,GAfY3B,EAeF,wBAKiBwB,EAAA,CAAjCI,EAAM,iBAAiB,GApBL5B,EAoBe,sBAKAwB,EAAA,CAAjCI,EAAM,iBAAiB,GAzBL5B,EAyBe,sBAzBfA,EAArBwB,EAAA,CADCK,EAAc,YAAY,GACN7B",
+  "names": ["styles", "r", "bl_tooltip_default", "BlTooltip", "s", "bl_tooltip_default", "z", "T", "D", "b", "m", "x", "y", "placement", "middlewareData", "_a", "_b", "_c", "_d", "arrowX", "arrowY", "arrowDirections", "tooltipPlacement", "arrowDirection", "classes", "o", "$", "__decorateClass", "i", "e", "t", "event", "n"]
+}

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-IAT752ME.js";import"../../chunk-VNGNBBSS.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-6WS7INIM.js";import"../../chunk-VNGNBBSS.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-tooltip.js.map

package/package.json

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

package/dist/chunk-IAT752ME.js

@@ -1,12 +0,0 @@
-import{a as w,b as g,c as y,d as u,g as x}from"./chunk-VNGNBBSS.js";import{a as f}from"./chunk-ENFFFE4I.js";import{a as s}from"./chunk-23UFIOHV.js";import{a as m,b as h,f as v,g as c,h as b,i as d,j as o}from"./chunk-HG7OBTQS.js";import{a as r}from"./chunk-NZ3RGSR6.js";var M=m`.trigger{display:inline-block;cursor:pointer}.tooltip{--left:0;--top:0;--visibility:hidden;position:fixed;box-sizing:border-box;border:0;background-color:var(--bl-color-secondary);color:var(--bl-color-primary-background);border-radius:var(--bl-size-3xs);pointer-events:none;font:var(--bl-font-title-3-regular);padding:var(--bl-size-m);left:var(--left);top:var(--top);visibility:var(--visibility);z-index:999;max-width:424px}.arrow{--arrow-top:0;--arrow-bottom:0;--arrow-right:0;--arrow-left:0;position:absolute;background-color:var(--bl-color-secondary);width:var(--bl-size-2xs);height:var(--bl-size-2xs);transform:rotate(45deg);top:var(--arrow-top);bottom:var(--arrow-bottom);right:var(--arrow-right);left:var(--arrow-left)}.visible{--visibility:visible}`,P=M;var t=class extends v{constructor(){super(...arguments);this.placement="top";this._visible=!1}static get styles(){return[P]}setTooltip(){x(this.trigger,this.tooltip,{placement:this.placement,strategy:"fixed",middleware:[y(8),u({padding:5}),g(),w({element:this.arrow,padding:5})]}).then(({x:i,y:E,placement:S,middlewareData:e})=>{var a,l,p,n;let $=((a=e.arrow)==null?void 0:a.x)!=null?`${(l=e.arrow)==null?void 0:l.x}px`:" ",z=((p=e.arrow)==null?void 0:p.y)!=null?`${(n=e.arrow)==null?void 0:n.y}px`:" ",H={top:"bottom",right:"left",bottom:"top",left:"right"},R=S.split("-")[0],k=H[R];this.tooltip.style.setProperty("--left",`${i}px`),this.tooltip.style.setProperty("--top",`${E}px`),this.arrow.style.setProperty("--arrow-left",$),this.arrow.style.setProperty("--arrow-top",z),this.arrow.style.setProperty("--arrow-bottom","0"),this.arrow.style.setProperty("--arrow-right","0"),this.arrow.style.setProperty(`--arrow-${k}`,"-4px")})}show(){this._visible=!0,this.setTooltip(),this.onShow("Show event fired!")}hide(){this._visible=!1,this.onHide("Hide event fired!")}render(){let i=f({tooltip:!0,visible:this._visible});return h` <slot
-        class="trigger"
-        name="tooltip-trigger"
-        @mouseover="${this.show}"
-        @mouseleave="${this.hide}"
-      >
-      </slot>
-      <div class=${i}>
-        <slot></slot>
-        <div class="arrow"></div>
-      </div>`}};r([o(".tooltip")],t.prototype,"tooltip",2),r([o(".trigger")],t.prototype,"trigger",2),r([o(".arrow")],t.prototype,"arrow",2),r([b({type:String})],t.prototype,"placement",2),r([d()],t.prototype,"_visible",2),r([s("bl-tooltip-show")],t.prototype,"onShow",2),r([s("bl-tooltip-hide")],t.prototype,"onHide",2),t=r([c("bl-tooltip")],t);export{t as a};
-//# sourceMappingURL=chunk-IAT752ME.js.map

package/dist/chunk-IAT752ME.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/tooltip/bl-tooltip.css", "../src/components/tooltip/bl-tooltip.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.trigger{display:inline-block;cursor:pointer}.tooltip{--left:0;--top:0;--visibility:hidden;position:fixed;box-sizing:border-box;border:0;background-color:var(--bl-color-secondary);color:var(--bl-color-primary-background);border-radius:var(--bl-size-3xs);pointer-events:none;font:var(--bl-font-title-3-regular);padding:var(--bl-size-m);left:var(--left);top:var(--top);visibility:var(--visibility);z-index:999;max-width:424px}.arrow{--arrow-top:0;--arrow-bottom:0;--arrow-right:0;--arrow-left:0;position:absolute;background-color:var(--bl-color-secondary);width:var(--bl-size-2xs);height:var(--bl-size-2xs);transform:rotate(45deg);top:var(--arrow-top);bottom:var(--arrow-bottom);right:var(--arrow-right);left:var(--arrow-left)}.visible{--visibility:visible}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { computePosition, flip, shift, offset, arrow } from '@floating-ui/dom';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ReferenceElement } from '@floating-ui/core';\nimport style from './bl-tooltip.css';\nimport { event, EventDispatcher } from '../../utilities/event';\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-tooltip\n * @summary Baklava Tooltip component\n *\n * @property {string} placement - Sets the tooltip placement\n */\n\n@customElement('bl-tooltip')\nexport default class BlTooltip extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  @query('.tooltip') private tooltip: HTMLElement;\n  @query('.trigger') private trigger: ReferenceElement;\n  @query('.arrow') private arrow: HTMLElement;\n\n  /**\n   * Sets placement of the tooltip\n   */\n  @property({ type: String })\n  placement: Placement = 'top';\n\n  @state() private _visible = false;\n\n  /**\n   * Fires when hovering over a trigger\n   */\n  @event('bl-tooltip-show') private onShow: EventDispatcher<string>;\n\n  /**\n   * Fires when leaving over from trigger\n   */\n  @event('bl-tooltip-hide') private onHide: EventDispatcher<string>;\n\n  private setTooltip() {\n    computePosition(this.trigger, this.tooltip, {\n      placement: this.placement,\n      strategy: 'fixed',\n      middleware: [\n        offset(8),\n        shift({ padding: 5 }),\n        flip(),\n        arrow({ element: this.arrow, padding: 5 }),\n      ],\n    }).then(({ x, y, placement, middlewareData }) => {\n      const arrowX = middlewareData.arrow?.x != null ? `${middlewareData.arrow?.x}px` : ' ';\n      const arrowY = middlewareData.arrow?.y != null ? `${middlewareData.arrow?.y}px` : ' ';\n      const arrowDirections = {\n        top: 'bottom',\n        right: 'left',\n        bottom: 'top',\n        left: 'right',\n      };\n      const tooltipPlacement = placement.split('-')[0] as keyof typeof arrowDirections;\n      const arrowDirection = arrowDirections[tooltipPlacement];\n\n      this.tooltip.style.setProperty('--left', `${x}px`);\n      this.tooltip.style.setProperty('--top', `${y}px`);\n      this.arrow.style.setProperty('--arrow-left', arrowX);\n      this.arrow.style.setProperty('--arrow-top', arrowY);\n      this.arrow.style.setProperty('--arrow-bottom', '0');\n      this.arrow.style.setProperty('--arrow-right', '0');\n      this.arrow.style.setProperty(`--arrow-${arrowDirection}`, '-4px');\n    });\n  }\n\n  private show() {\n    this._visible = true;\n    this.setTooltip();\n    this.onShow('Show event fired!');\n  }\n\n  private hide() {\n    this._visible = false;\n    this.onHide('Hide event fired!');\n  }\n\n  render(): TemplateResult {\n    const classes = classMap({\n      tooltip: true,\n      visible: this._visible,\n    });\n\n    return html` <slot\n        class=\"trigger\"\n        name=\"tooltip-trigger\"\n        @mouseover=\"${this.show}\"\n        @mouseleave=\"${this.hide}\"\n      >\n      </slot>\n      <div class=${classes}>\n        <slot></slot>\n        <div class=\"arrow\"></div>\n      </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-tooltip': BlTooltip;\n  }\n}\n"],
-  "mappings": "8QACO,IAAMA,EAASC,uvBACfC,EAAQF,EC4Bf,IAAqBG,EAArB,cAAuCC,CAAW,CAAlD,kCAaE,eAAuB,MAEd,KAAQ,SAAW,GAd5B,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAwBQ,YAAa,CACnBC,EAAgB,KAAK,QAAS,KAAK,QAAS,CAC1C,UAAW,KAAK,UAChB,SAAU,QACV,WAAY,CACVC,EAAO,CAAC,EACRC,EAAM,CAAE,QAAS,CAAE,CAAC,EACpBC,EAAK,EACLC,EAAM,CAAE,QAAS,KAAK,MAAO,QAAS,CAAE,CAAC,CAC3C,CACF,CAAC,EAAE,KAAK,CAAC,CAAE,EAAAC,EAAG,EAAAC,EAAG,UAAAC,EAAW,eAAAC,CAAe,IAAM,CAnErD,IAAAC,EAAAC,EAAAC,EAAAC,EAoEM,IAAMC,IAASJ,EAAAD,EAAe,QAAf,YAAAC,EAAsB,IAAK,KAAO,IAAGC,EAAAF,EAAe,QAAf,YAAAE,EAAsB,MAAQ,IAC5EI,IAASH,EAAAH,EAAe,QAAf,YAAAG,EAAsB,IAAK,KAAO,IAAGC,EAAAJ,EAAe,QAAf,YAAAI,EAAsB,MAAQ,IAC5EG,EAAkB,CACtB,IAAK,SACL,MAAO,OACP,OAAQ,MACR,KAAM,OACR,EACMC,EAAmBT,EAAU,MAAM,GAAG,EAAE,GACxCU,EAAiBF,EAAgBC,GAEvC,KAAK,QAAQ,MAAM,YAAY,SAAU,GAAGX,KAAK,EACjD,KAAK,QAAQ,MAAM,YAAY,QAAS,GAAGC,KAAK,EAChD,KAAK,MAAM,MAAM,YAAY,eAAgBO,CAAM,EACnD,KAAK,MAAM,MAAM,YAAY,cAAeC,CAAM,EAClD,KAAK,MAAM,MAAM,YAAY,iBAAkB,GAAG,EAClD,KAAK,MAAM,MAAM,YAAY,gBAAiB,GAAG,EACjD,KAAK,MAAM,MAAM,YAAY,WAAWG,IAAkB,MAAM,CAClE,CAAC,CACH,CAEQ,MAAO,CACb,KAAK,SAAW,GAChB,KAAK,WAAW,EAChB,KAAK,OAAO,mBAAmB,CACjC,CAEQ,MAAO,CACb,KAAK,SAAW,GAChB,KAAK,OAAO,mBAAmB,CACjC,CAEA,QAAyB,CACvB,IAAMC,EAAUC,EAAS,CACvB,QAAS,GACT,QAAS,KAAK,QAChB,CAAC,EAED,OAAOC;AAAA;AAAA;AAAA,sBAGW,KAAK;AAAA,uBACJ,KAAK;AAAA;AAAA;AAAA,mBAGTF;AAAA;AAAA;AAAA,aAIjB,CACF,EAnF6BG,EAAA,CAA1BC,EAAM,UAAU,GALEzB,EAKQ,uBACAwB,EAAA,CAA1BC,EAAM,UAAU,GANEzB,EAMQ,uBACFwB,EAAA,CAAxBC,EAAM,QAAQ,GAPIzB,EAOM,qBAMzBwB,EAAA,CADCE,EAAS,CAAE,KAAM,MAAO,CAAC,GAZP1B,EAanB,yBAEiBwB,EAAA,CAAhBG,EAAM,GAfY3B,EAeF,wBAKiBwB,EAAA,CAAjCI,EAAM,iBAAiB,GApBL5B,EAoBe,sBAKAwB,EAAA,CAAjCI,EAAM,iBAAiB,GAzBL5B,EAyBe,sBAzBfA,EAArBwB,EAAA,CADCK,EAAc,YAAY,GACN7B",
-  "names": ["styles", "r", "bl_tooltip_default", "BlTooltip", "s", "bl_tooltip_default", "z", "T", "D", "b", "m", "x", "y", "placement", "middlewareData", "_a", "_b", "_c", "_d", "arrowX", "arrowY", "arrowDirections", "tooltipPlacement", "arrowDirection", "classes", "o", "$", "__decorateClass", "i", "e", "t", "event", "n"]
-}