carbon-components-svelte/assets/TooltipIcon.f6766721.js

let n=document.createElement("style");n.innerHTML="",document.head.appendChild(n);import{S as t,i as a,s,v as o,w as e,j as p,g as c,h as l,p as i,k as r,l as u,n as d,o as $,N as f,y as k,x as m,q as g,r as h,I as b,M as x,z as v,A as y,t as w,b as T,J as I,B as E,C,G as A,H as M,D as L,L as B,O as F,c as V,a as j,m as D,d as R}from"./index.e7d8faec.js";import"./Button.2d988908.js";import"./index.afebacfb.js";import{C as _,P as H}from"./Preview.56cdfa1f.js";import"./ChevronDown16.a487f433.js";import"./Loading.f65f7ed1.js";import"./Column.a6aa8264.js";import"./Content.9363af19.js";import"./store.7f148588.js";function N(n){let t,a,s,E,C,A,M,L,B;const F=n[8].default,V=o(F,n,n[7],null);let j=[{"aria-describedby":n[4]},n[6],{class:A=(n[3]&&"bx--tooltip--"+n[3])+"\n    "+(n[2]&&"bx--tooltip--align-"+n[2])+"\n    "+n[6].class}],D={};for(let n=0;n<j.length;n+=1)D=e(D,j[n]);return{c(){t=p(),a=c("button"),s=c("span"),E=l(n[1]),C=p(),V&&V.c(),this.h()},l(o){t=i(o),a=r(o,"BUTTON",{"aria-describedby":!0,class:!0});var e=u(a);s=r(e,"SPAN",{id:!0});var p=u(s);E=d(p,n[1]),p.forEach($),C=i(e),V&&V.l(e),e.forEach($),this.h()},h(){f(s,"id",n[4]),k(s,"bx--assistive-text",!0),m(a,D),k(a,"bx--tooltip__trigger",!0),k(a,"bx--tooltip--a11y",!0),k(a,"bx--tooltip--hidden",n[5])},m(o,e){g(o,t,e),g(o,a,e),h(a,s),h(s,E),h(a,C),V&&V.m(a,null),n[15](a),M=!0,L||(B=[b(document.body,"keydown",n[14]),b(a,"click",n[9]),b(a,"mouseover",n[10]),b(a,"mouseenter",n[11]),b(a,"mouseenter",n[16]),b(a,"mouseleave",n[12]),b(a,"focus",n[13]),b(a,"focus",n[17])],L=!0)},p(n,[t]){(!M||2&t)&&x(E,n[1]),(!M||16&t)&&f(s,"id",n[4]),V&&V.p&&128&t&&v(V,F,n,n[7],t,null,null),m(a,D=y(j,[(!M||16&t)&&{"aria-describedby":n[4]},64&t&&n[6],(!M||76&t&&A!==(A=(n[3]&&"bx--tooltip--"+n[3])+"\n    "+(n[2]&&"bx--tooltip--align-"+n[2])+"\n    "+n[6].class))&&{class:A}])),k(a,"bx--tooltip__trigger",!0),k(a,"bx--tooltip--a11y",!0),k(a,"bx--tooltip--hidden",n[5])},i(n){M||(w(V,n),M=!0)},o(n){T(V,n),M=!1},d(s){s&&$(t),s&&$(a),V&&V.d(s),n[15](null),L=!1,I(B)}}}function U(n,t,a){const s=["tooltipText","align","direction","id","ref"];let o=E(t,s),{$$slots:p={},$$scope:c}=t,{tooltipText:l=""}=t,{align:i="center"}=t,{direction:r="bottom"}=t,{id:u="ccs-"+Math.random().toString(36)}=t,{ref:d=null}=t;let $;return n.$$set=n=>{t=e(e({},t),C(n)),a(6,o=E(t,s)),"tooltipText"in n&&a(1,l=n.tooltipText),"align"in n&&a(2,i=n.align),"direction"in n&&a(3,r=n.direction),"id"in n&&a(4,u=n.id),"ref"in n&&a(0,d=n.ref),"$$scope"in n&&a(7,c=n.$$scope)},a(5,$=!1),[d,l,i,r,u,$,o,c,p,function(t){A(n,t)},function(t){A(n,t)},function(t){A(n,t)},function(t){A(n,t)},function(t){A(n,t)},({key:n})=>{"Escape"===n&&a(5,$=!0)},function(n){M[n?"unshift":"push"](()=>{d=n,a(0,d)})},()=>{a(5,$=!1)},()=>{a(5,$=!1)}]}class Z extends t{constructor(n){super(),a(this,n,U,N,s,{tooltipText:1,align:2,direction:3,id:4,ref:0})}}function Y(n){let t,a;return{c(){t=B("title"),a=l(n[2])},l(s){t=r(s,"title",{},1);var o=u(t);a=d(o,n[2]),o.forEach($)},m(n,s){g(n,t,s),h(t,a)},p(n,t){4&t&&x(a,n[2])},d(n){n&&$(t)}}}function P(n){let t,a,s,p,c,l;const i=n[8].default,d=o(i,n,n[7],null),k=d||function(n){let t,a=n[2]&&Y(n);return{c(){a&&a.c(),t=L()},l(n){a&&a.l(n),t=L()},m(n,s){a&&a.m(n,s),g(n,t,s)},p(n,s){n[2]?a?a.p(n,s):(a=Y(n),a.c(),a.m(t.parentNode,t)):a&&(a.d(1),a=null)},d(n){a&&a.d(n),n&&$(t)}}}(n);let m=[{"data-carbon-icon":"Carbon24"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 32 32"},{fill:"currentColor"},{width:"24"},{height:"24"},{class:n[0]},{preserveAspectRatio:"xMidYMid meet"},{style:n[3]},{id:n[1]},n[4]],x={};for(let n=0;n<m.length;n+=1)x=e(x,m[n]);return{c(){t=B("svg"),a=B("path"),s=B("path"),k&&k.c(),this.h()},l(n){t=r(n,"svg",{"data-carbon-icon":!0,xmlns:!0,viewBox:!0,fill:!0,width:!0,height:!0,class:!0,preserveAspectRatio:!0,style:!0,id:!0},1);var o=u(t);a=r(o,"path",{d:!0},1),u(a).forEach($),s=r(o,"path",{d:!0},1),u(s).forEach($),k&&k.l(o),o.forEach($),this.h()},h(){f(a,"d","M13.5,30.8149a1.0011,1.0011,0,0,1-.4927-.13l-8.5-4.815A1,1,0,0,1,4,25V15a1,1,0,0,1,.5073-.87l8.5-4.815a1.0013,1.0013,0,0,1,.9854,0l8.5,4.815A1,1,0,0,1,23,15V25a1,1,0,0,1-.5073.87l-8.5,4.815A1.0011,1.0011,0,0,1,13.5,30.8149ZM6,24.417l7.5,4.2485L21,24.417V15.583l-7.5-4.2485L6,15.583Z"),f(s,"d","M28,17H26V7.583L18.5,3.3345,10.4927,7.87,9.5073,6.13l8.5-4.815a1.0013,1.0013,0,0,1,.9854,0l8.5,4.815A1,1,0,0,1,28,7Z"),F(t,x)},m(o,e){g(o,t,e),h(t,a),h(t,s),k&&k.m(t,null),p=!0,c||(l=[b(t,"click",n[9]),b(t,"mouseover",n[10]),b(t,"mouseenter",n[11]),b(t,"mouseleave",n[12]),b(t,"keyup",n[13]),b(t,"keydown",n[14])],c=!0)},p(n,[a]){d?d.p&&128&a&&v(d,i,n,n[7],a,null,null):k&&k.p&&4&a&&k.p(n,a),F(t,x=y(m,[{"data-carbon-icon":"Carbon24"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 32 32"},{fill:"currentColor"},{width:"24"},{height:"24"},(!p||1&a)&&{class:n[0]},{preserveAspectRatio:"xMidYMid meet"},(!p||8&a)&&{style:n[3]},(!p||2&a)&&{id:n[1]},16&a&&n[4]]))},i(n){p||(w(k,n),p=!0)},o(n){T(k,n),p=!1},d(n){n&&$(t),k&&k.d(n),c=!1,I(l)}}}function S(n,t,a){let s,o,p,c,{$$slots:l={},$$scope:i}=t,{class:r}=t,{id:u}=t,{tabindex:d}=t,{focusable:$=!1}=t,{title:f}=t,{style:k}=t;return n.$$set=n=>{a(18,t=e(e({},t),C(n))),"class"in n&&a(0,r=n.class),"id"in n&&a(1,u=n.id),"tabindex"in n&&a(5,d=n.tabindex),"focusable"in n&&a(6,$=n.focusable),"title"in n&&a(2,f=n.title),"style"in n&&a(3,k=n.style),"$$scope"in n&&a(7,i=n.$$scope)},n.$$.update=()=>{a(15,s=t["aria-label"]),a(16,o=t["aria-labelledby"]),98308&n.$$.dirty&&a(17,p=s||o||f),229472&n.$$.dirty&&a(4,c={"aria-label":s,"aria-labelledby":o,"aria-hidden":!p||void 0,role:p?"img":void 0,focusable:"0"===d||$,tabindex:d})},t=C(t),[r,u,f,k,c,d,$,i,l,function(t){A(n,t)},function(t){A(n,t)},function(t){A(n,t)},function(t){A(n,t)},function(t){A(n,t)},function(t){A(n,t)}]}class O extends t{constructor(n){super(),a(this,n,S,P,s,{class:0,id:1,tabindex:5,focusable:6,title:2,style:3})}}function q(n){let t,a;return{c(){t=B("title"),a=l(n[2])},l(s){t=r(s,"title",{},1);var o=u(t);a=d(o,n[2]),o.forEach($)},m(n,s){g(n,t,s),h(t,a)},p(n,t){4&t&&x(a,n[2])},d(n){n&&$(t)}}}function z(n){let t,a,s,p,c;const l=n[8].default,i=o(l,n,n[7],null),d=i||function(n){let t,a=n[2]&&q(n);return{c(){a&&a.c(),t=L()},l(n){a&&a.l(n),t=L()},m(n,s){a&&a.m(n,s),g(n,t,s)},p(n,s){n[2]?a?a.p(n,s):(a=q(n),a.c(),a.m(t.parentNode,t)):a&&(a.d(1),a=null)},d(n){a&&a.d(n),n&&$(t)}}}(n);let k=[{"data-carbon-icon":"Filter20"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 32 32"},{fill:"currentColor"},{width:"20"},{height:"20"},{class:n[0]},{preserveAspectRatio:"xMidYMid meet"},{style:n[3]},{id:n[1]},n[4]],m={};for(let n=0;n<k.length;n+=1)m=e(m,k[n]);return{c(){t=B("svg"),a=B("path"),d&&d.c(),this.h()},l(n){t=r(n,"svg",{"data-carbon-icon":!0,xmlns:!0,viewBox:!0,fill:!0,width:!0,height:!0,class:!0,preserveAspectRatio:!0,style:!0,id:!0},1);var s=u(t);a=r(s,"path",{d:!0},1),u(a).forEach($),d&&d.l(s),s.forEach($),this.h()},h(){f(a,"d","M18,28H14a2,2,0,0,1-2-2V18.41L4.59,11A2,2,0,0,1,4,9.59V6A2,2,0,0,1,6,4H26a2,2,0,0,1,2,2V9.59A2,2,0,0,1,27.41,11L20,18.41V26A2,2,0,0,1,18,28ZM6,6V9.59l8,8V26h4V17.59l8-8V6Z"),F(t,m)},m(o,e){g(o,t,e),h(t,a),d&&d.m(t,null),s=!0,p||(c=[b(t,"click",n[9]),b(t,"mouseover",n[10]),b(t,"mouseenter",n[11]),b(t,"mouseleave",n[12]),b(t,"keyup",n[13]),b(t,"keydown",n[14])],p=!0)},p(n,[a]){i?i.p&&128&a&&v(i,l,n,n[7],a,null,null):d&&d.p&&4&a&&d.p(n,a),F(t,m=y(k,[{"data-carbon-icon":"Filter20"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 32 32"},{fill:"currentColor"},{width:"20"},{height:"20"},(!s||1&a)&&{class:n[0]},{preserveAspectRatio:"xMidYMid meet"},(!s||8&a)&&{style:n[3]},(!s||2&a)&&{id:n[1]},16&a&&n[4]]))},i(n){s||(w(d,n),s=!0)},o(n){T(d,n),s=!1},d(n){n&&$(t),d&&d.d(n),p=!1,I(c)}}}function G(n,t,a){let s,o,p,c,{$$slots:l={},$$scope:i}=t,{class:r}=t,{id:u}=t,{tabindex:d}=t,{focusable:$=!1}=t,{title:f}=t,{style:k}=t;return n.$$set=n=>{a(18,t=e(e({},t),C(n))),"class"in n&&a(0,r=n.class),"id"in n&&a(1,u=n.id),"tabindex"in n&&a(5,d=n.tabindex),"focusable"in n&&a(6,$=n.focusable),"title"in n&&a(2,f=n.title),"style"in n&&a(3,k=n.style),"$$scope"in n&&a(7,i=n.$$scope)},n.$$.update=()=>{a(15,s=t["aria-label"]),a(16,o=t["aria-labelledby"]),98308&n.$$.dirty&&a(17,p=s||o||f),229472&n.$$.dirty&&a(4,c={"aria-label":s,"aria-labelledby":o,"aria-hidden":!p||void 0,role:p?"img":void 0,focusable:"0"===d||$,tabindex:d})},t=C(t),[r,u,f,k,c,d,$,i,l,function(t){A(n,t)},function(t){A(n,t)},function(t){A(n,t)},function(t){A(n,t)},function(t){A(n,t)},function(t){A(n,t)}]}class J extends t{constructor(n){super(),a(this,n,G,z,s,{class:0,id:1,tabindex:5,focusable:6,title:2,style:3})}}function K(n){let t,a;return t=new O({}),{c(){V(t.$$.fragment)},l(n){j(t.$$.fragment,n)},m(n,s){D(t,n,s),a=!0},i(n){a||(w(t.$$.fragment,n),a=!0)},o(n){T(t.$$.fragment,n),a=!1},d(n){R(t,n)}}}function Q(n){let t,a;return t=new Z({props:{tooltipText:"Carbon is an open source design system by IBM.",$$slots:{default:[K]},$$scope:{ctx:n}}}),{c(){V(t.$$.fragment)},l(n){j(t.$$.fragment,n)},m(n,s){D(t,n,s),a=!0},p(n,a){const s={};1&a&&(s.$$scope={dirty:a,ctx:n}),t.$set(s)},i(n){a||(w(t.$$.fragment,n),a=!0)},o(n){T(t.$$.fragment,n),a=!1},d(n){R(t,n)}}}function W(n){let t,a;return t=new J({}),{c(){V(t.$$.fragment)},l(n){j(t.$$.fragment,n)},m(n,s){D(t,n,s),a=!0},i(n){a||(w(t.$$.fragment,n),a=!0)},o(n){T(t.$$.fragment,n),a=!1},d(n){R(t,n)}}}function X(n){let t,a;return t=new J({}),{c(){V(t.$$.fragment)},l(n){j(t.$$.fragment,n)},m(n,s){D(t,n,s),a=!0},i(n){a||(w(t.$$.fragment,n),a=!0)},o(n){T(t.$$.fragment,n),a=!1},d(n){R(t,n)}}}function nn(n){let t,a;return t=new J({}),{c(){V(t.$$.fragment)},l(n){j(t.$$.fragment,n)},m(n,s){D(t,n,s),a=!0},i(n){a||(w(t.$$.fragment,n),a=!0)},o(n){T(t.$$.fragment,n),a=!1},d(n){R(t,n)}}}function tn(n){let t,a;return t=new J({}),{c(){V(t.$$.fragment)},l(n){j(t.$$.fragment,n)},m(n,s){D(t,n,s),a=!0},i(n){a||(w(t.$$.fragment,n),a=!0)},o(n){T(t.$$.fragment,n),a=!1},d(n){R(t,n)}}}function an(n){let t,a,s,o,e,c,l,r;return t=new Z({props:{tooltipText:"Top start",direction:"top",align:"start",$$slots:{default:[W]},$$scope:{ctx:n}}}),s=new Z({props:{tooltipText:"Right end",direction:"right",align:"end",$$slots:{default:[X]},$$scope:{ctx:n}}}),e=new Z({props:{tooltipText:"Bottom start",direction:"bottom",align:"start",$$slots:{default:[nn]},$$scope:{ctx:n}}}),l=new Z({props:{tooltipText:"Left start",direction:"left",align:"start",$$slots:{default:[tn]},$$scope:{ctx:n}}}),{c(){V(t.$$.fragment),a=p(),V(s.$$.fragment),o=p(),V(e.$$.fragment),c=p(),V(l.$$.fragment)},l(n){j(t.$$.fragment,n),a=i(n),j(s.$$.fragment,n),o=i(n),j(e.$$.fragment,n),c=i(n),j(l.$$.fragment,n)},m(n,p){D(t,n,p),g(n,a,p),D(s,n,p),g(n,o,p),D(e,n,p),g(n,c,p),D(l,n,p),r=!0},p(n,a){const o={};1&a&&(o.$$scope={dirty:a,ctx:n}),t.$set(o);const p={};1&a&&(p.$$scope={dirty:a,ctx:n}),s.$set(p);const c={};1&a&&(c.$$scope={dirty:a,ctx:n}),e.$set(c);const i={};1&a&&(i.$$scope={dirty:a,ctx:n}),l.$set(i)},i(n){r||(w(t.$$.fragment,n),w(s.$$.fragment,n),w(e.$$.fragment,n),w(l.$$.fragment,n),r=!0)},o(n){T(t.$$.fragment,n),T(s.$$.fragment,n),T(e.$$.fragment,n),T(l.$$.fragment,n),r=!1},d(n){R(t,n),n&&$(a),R(s,n),n&&$(o),R(e,n),n&&$(c),R(l,n)}}}function sn(n){let t,a,s,o,e,k,m,b,x,v,y,w,T,I;return{c(){t=c("div"),a=c("ul"),s=c("li"),o=c("a"),e=l("Usage"),k=p(),m=c("ul"),b=c("li"),x=c("a"),v=l("Default (“bottom” direction, “center” aligned)"),y=p(),w=c("li"),T=c("a"),I=l("Directions"),this.h()},l(n){t=r(n,"DIV",{slot:!0});var p=u(t);a=r(p,"UL",{class:!0});var c=u(a);s=r(c,"LI",{class:!0});var l=u(s);o=r(l,"A",{class:!0,href:!0});var f=u(o);e=d(f,"Usage"),f.forEach($),k=i(l),m=r(l,"UL",{class:!0});var g=u(m);b=r(g,"LI",{class:!0});var h=u(b);x=r(h,"A",{class:!0,href:!0});var E=u(x);v=d(E,"Default (“bottom” direction, “center” aligned)"),E.forEach($),h.forEach($),y=i(g),w=r(g,"LI",{class:!0});var C=u(w);T=r(C,"A",{class:!0,href:!0});var A=u(T);I=d(A,"Directions"),A.forEach($),C.forEach($),g.forEach($),l.forEach($),c.forEach($),p.forEach($),this.h()},h(){f(o,"class","bx--link"),f(o,"href","#usage"),f(x,"class","bx--link"),f(x,"href","#default-bottom-direction-center-aligned"),f(b,"class","bx--list__item"),f(T,"class","bx--link"),f(T,"href","#directions"),f(w,"class","bx--list__item"),f(m,"class","bx--list--unordered bx--list--nested"),f(s,"class","bx--list__item"),f(a,"class","bx--list--unordered"),f(t,"slot","aside")},m(n,p){g(n,t,p),h(t,a),h(a,s),h(s,o),h(o,e),h(s,k),h(s,m),h(m,b),h(b,x),h(x,v),h(m,y),h(m,w),h(w,T),h(T,I)},d(n){n&&$(t)}}}function on(n){let t,a,s,o,e,k,m,b,x,v,y;return o=new H({props:{codeRaw:'<script>\n  import { TooltipIcon } from "carbon-components-svelte";\n  import Carbon24 from "carbon-icons-svelte/lib/Carbon24";\n<\/script>\n\n<TooltipIcon tooltipText="Carbon is an open source design system by IBM.">\n  <Carbon24 />\n</TooltipIcon>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> TooltipIcon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n  <span class="token keyword">import</span> Carbon24 <span class="token keyword">from</span> <span class="token string">"carbon-icons-svelte/lib/Carbon24"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TooltipIcon</span> <span class="token attr-name">tooltipText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Carbon is an open source design system by IBM.<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Carbon24</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TooltipIcon</span><span class="token punctuation">></span></span>\n',$$slots:{default:[Q]},$$scope:{ctx:n}}}),x=new H({props:{codeRaw:'<script>\n  import { TooltipIcon } from "carbon-components-svelte";\n  import Filter20 from "carbon-icons-svelte/lib/Filter20";\n<\/script>\n\n<TooltipIcon tooltipText="Top start" direction="top" align="start">\n  <Filter20 />\n</TooltipIcon>\n<TooltipIcon tooltipText="Right end" direction="right" align="end">\n  <Filter20 />\n</TooltipIcon>\n<TooltipIcon tooltipText="Bottom start" direction="bottom" align="start">\n  <Filter20 />\n</TooltipIcon>\n<TooltipIcon tooltipText="Left start" direction="left" align="start">\n  <Filter20 />\n</TooltipIcon>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> TooltipIcon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n  <span class="token keyword">import</span> Filter20 <span class="token keyword">from</span> <span class="token string">"carbon-icons-svelte/lib/Filter20"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TooltipIcon</span> <span class="token attr-name">tooltipText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Top start<span class="token punctuation">"</span></span> <span class="token attr-name">direction</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>top<span class="token punctuation">"</span></span> <span class="token attr-name">align</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>start<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Filter20</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TooltipIcon</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TooltipIcon</span> <span class="token attr-name">tooltipText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Right end<span class="token punctuation">"</span></span> <span class="token attr-name">direction</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>right<span class="token punctuation">"</span></span> <span class="token attr-name">align</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>end<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Filter20</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TooltipIcon</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TooltipIcon</span> <span class="token attr-name">tooltipText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Bottom start<span class="token punctuation">"</span></span> <span class="token attr-name">direction</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>bottom<span class="token punctuation">"</span></span> <span class="token attr-name">align</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>start<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Filter20</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TooltipIcon</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TooltipIcon</span> <span class="token attr-name">tooltipText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Left start<span class="token punctuation">"</span></span> <span class="token attr-name">direction</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>left<span class="token punctuation">"</span></span> <span class="token attr-name">align</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>start<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Filter20</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TooltipIcon</span><span class="token punctuation">></span></span>\n',$$slots:{default:[an]},$$scope:{ctx:n}}}),{c(){t=c("h3"),a=l("Default (“bottom” direction, “center” aligned)"),s=p(),V(o.$$.fragment),e=p(),k=c("h3"),m=l("Directions"),b=p(),V(x.$$.fragment),v=p(),this.h()},l(n){t=r(n,"H3",{id:!0});var p=u(t);a=d(p,"Default (“bottom” direction, “center” aligned)"),p.forEach($),s=i(n),j(o.$$.fragment,n),e=i(n),k=r(n,"H3",{id:!0});var c=u(k);m=d(c,"Directions"),c.forEach($),b=i(n),j(x.$$.fragment,n),v=i(n),this.h()},h(){f(t,"id","default-bottom-direction-center-aligned"),f(k,"id","directions")},m(n,p){g(n,t,p),h(t,a),g(n,s,p),D(o,n,p),g(n,e,p),g(n,k,p),h(k,m),g(n,b,p),D(x,n,p),g(n,v,p),y=!0},p(n,t){const a={};1&t&&(a.$$scope={dirty:t,ctx:n}),o.$set(a);const s={};1&t&&(s.$$scope={dirty:t,ctx:n}),x.$set(s)},i(n){y||(w(o.$$.fragment,n),w(x.$$.fragment,n),y=!0)},o(n){T(o.$$.fragment,n),T(x.$$.fragment,n),y=!1},d(n){n&&$(t),n&&$(s),R(o,n),n&&$(e),n&&$(k),n&&$(b),R(x,n),n&&$(v)}}}function en(n){let t,a;return t=new _({props:{$$slots:{default:[on],aside:[sn]},$$scope:{ctx:n}}}),{c(){V(t.$$.fragment)},l(n){j(t.$$.fragment,n)},m(n,s){D(t,n,s),a=!0},p(n,[a]){const s={};1&a&&(s.$$scope={dirty:a,ctx:n}),t.$set(s)},i(n){a||(w(t.$$.fragment,n),a=!0)},o(n){T(t.$$.fragment,n),a=!1},d(n){R(t,n)}}}export default class extends t{constructor(n){super(),a(this,n,null,en,s,{})}}