carbon-components-svelte/assets/TooltipDefinition.9ec22ea4.js

let n=document.createElement("style");n.innerHTML="",document.head.appendChild(n);import{S as t,i as s,s as a,v as o,w as e,j as i,g as p,h as c,p as l,k as r,l as u,o as d,n as m,N as f,y as k,x as $,q as g,r as b,I as x,z as h,M as v,A as T,t as w,b as y,J as D,B as A,C,G as E,H as _,c as I,a as j,m as H,d as B}from"./index.c2c9d961.js";import"./Button.37430222.js";import"./index.af83b04a.js";import{C as M,P as N}from"./Preview.4c9c0c28.js";import"./ChevronDown16.d70ae9ed.js";import"./Loading.8dea5962.js";import"./Column.2e03e551.js";import"./Content.94950662.js";import"./store.a9279dc1.js";function q(n){let t,s,a,A,C,E,_,I,j,H;const B=n[9].default,M=o(B,n,n[8],null);let N=[n[7]],q={};for(let n=0;n<N.length;n+=1)q=e(q,N[n]);return{c(){t=i(),s=p("div"),a=p("button"),M&&M.c(),C=i(),E=p("div"),_=c(n[1]),this.h()},l(o){t=l(o),s=r(o,"DIV",{});var e=u(s);a=r(e,"BUTTON",{"aria-describedby":!0,class:!0});var i=u(a);M&&M.l(i),i.forEach(d),C=l(e),E=r(e,"DIV",{role:!0,id:!0});var p=u(E);_=m(p,n[1]),p.forEach(d),e.forEach(d),this.h()},h(){f(a,"aria-describedby",n[4]),f(a,"class",A=(n[3]&&"bx--tooltip--"+n[3])+"\n      "+(n[2]&&"bx--tooltip--align-"+n[2])),k(a,"bx--tooltip--a11y",!0),k(a,"bx--tooltip__trigger",!0),k(a,"bx--tooltip__trigger--definition",!0),k(a,"bx--tooltip--hidden",n[5]),k(a,"bx--tooltip--visible",n[6]),f(E,"role","tooltip"),f(E,"id",n[4]),k(E,"bx--assistive-text",!0),$(s,q),k(s,"bx--tooltip--definition",!0),k(s,"bx--tooltip--a11y",!0)},m(o,e){g(o,t,e),g(o,s,e),b(s,a),M&&M.m(a,null),n[16](a),b(s,C),b(s,E),b(E,_),I=!0,j||(H=[x(document.body,"keydown",n[15]),x(a,"click",n[10]),x(a,"mouseover",n[11]),x(a,"mouseenter",n[12]),x(a,"mouseleave",n[13]),x(a,"focus",n[14]),x(a,"focus",n[17]),x(s,"mouseenter",n[18]),x(s,"mouseleave",n[19])],j=!0)},p(n,[t]){M&&M.p&&256&t&&h(M,B,n,n[8],t,null,null),(!I||16&t)&&f(a,"aria-describedby",n[4]),(!I||12&t&&A!==(A=(n[3]&&"bx--tooltip--"+n[3])+"\n      "+(n[2]&&"bx--tooltip--align-"+n[2])))&&f(a,"class",A),12&t&&k(a,"bx--tooltip--a11y",!0),12&t&&k(a,"bx--tooltip__trigger",!0),12&t&&k(a,"bx--tooltip__trigger--definition",!0),44&t&&k(a,"bx--tooltip--hidden",n[5]),76&t&&k(a,"bx--tooltip--visible",n[6]),(!I||2&t)&&v(_,n[1]),(!I||16&t)&&f(E,"id",n[4]),$(s,q=T(N,[128&t&&n[7]])),k(s,"bx--tooltip--definition",!0),k(s,"bx--tooltip--a11y",!0)},i(n){I||(w(M,n),I=!0)},o(n){y(M,n),I=!1},d(a){a&&d(t),a&&d(s),M&&M.d(a),n[16](null),j=!1,D(H)}}}function L(n,t,s){const a=["tooltipText","align","direction","id","ref"];let o=A(t,a),{$$slots:i={},$$scope:p}=t,{tooltipText:c=""}=t,{align:l="center"}=t,{direction:r="bottom"}=t,{id:u="ccs-"+Math.random().toString(36)}=t,{ref:d=null}=t;let m,f;return n.$$set=n=>{t=e(e({},t),C(n)),s(7,o=A(t,a)),"tooltipText"in n&&s(1,c=n.tooltipText),"align"in n&&s(2,l=n.align),"direction"in n&&s(3,r=n.direction),"id"in n&&s(4,u=n.id),"ref"in n&&s(0,d=n.ref),"$$scope"in n&&s(8,p=n.$$scope)},s(5,m=!1),s(6,f=!1),[d,c,l,r,u,m,f,o,p,i,function(t){E(n,t)},function(t){E(n,t)},function(t){E(n,t)},function(t){E(n,t)},function(t){E(n,t)},({key:n})=>{"Escape"===n&&s(5,m=!0)},function(n){_[n?"unshift":"push"](()=>{d=n,s(0,d)})},()=>{s(5,m=!1)},()=>{s(5,m=!1),s(6,f=!0)},()=>{s(6,f=!1)}]}class Y extends t{constructor(n){super(),s(this,n,L,q,a,{tooltipText:1,align:2,direction:3,id:4,ref:0})}}function U(n){let t;return{c(){t=c("Armonk")},l(n){t=m(n,"Armonk")},m(n,s){g(n,t,s)},d(n){n&&d(t)}}}function V(n){let t,s;return t=new Y({props:{tooltipText:"IBM Corporate Headquarters is based in Armonk, New York.",$$slots:{default:[U]},$$scope:{ctx:n}}}),{c(){I(t.$$.fragment)},l(n){j(t.$$.fragment,n)},m(n,a){H(t,n,a),s=!0},p(n,s){const a={};1&s&&(a.$$scope={dirty:s,ctx:n}),t.$set(a)},i(n){s||(w(t.$$.fragment,n),s=!0)},o(n){y(t.$$.fragment,n),s=!1},d(n){B(t,n)}}}function P(n){let t;return{c(){t=c("Armonk")},l(n){t=m(n,"Armonk")},m(n,s){g(n,t,s)},d(n){n&&d(t)}}}function R(n){let t,s;return t=new Y({props:{direction:"top",align:"start",tooltipText:"IBM Corporate Headquarters is based in Armonk, New York.",$$slots:{default:[P]},$$scope:{ctx:n}}}),{c(){I(t.$$.fragment)},l(n){j(t.$$.fragment,n)},m(n,a){H(t,n,a),s=!0},p(n,s){const a={};1&s&&(a.$$scope={dirty:s,ctx:n}),t.$set(a)},i(n){s||(w(t.$$.fragment,n),s=!0)},o(n){y(t.$$.fragment,n),s=!1},d(n){B(t,n)}}}function S(n){let t,s,a,o,e,k,$,x,h,v,T,w,y,D;return{c(){t=p("div"),s=p("ul"),a=p("li"),o=p("a"),e=c("Usage"),k=i(),$=p("ul"),x=p("li"),h=p("a"),v=c("Default (“bottom” direction, “center” aligned)"),T=i(),w=p("li"),y=p("a"),D=c("Custom direction, alignment"),this.h()},l(n){t=r(n,"DIV",{slot:!0});var i=u(t);s=r(i,"UL",{class:!0});var p=u(s);a=r(p,"LI",{class:!0});var c=u(a);o=r(c,"A",{class:!0,href:!0});var f=u(o);e=m(f,"Usage"),f.forEach(d),k=l(c),$=r(c,"UL",{class:!0});var g=u($);x=r(g,"LI",{class:!0});var b=u(x);h=r(b,"A",{class:!0,href:!0});var A=u(h);v=m(A,"Default (“bottom” direction, “center” aligned)"),A.forEach(d),b.forEach(d),T=l(g),w=r(g,"LI",{class:!0});var C=u(w);y=r(C,"A",{class:!0,href:!0});var E=u(y);D=m(E,"Custom direction, alignment"),E.forEach(d),C.forEach(d),g.forEach(d),c.forEach(d),p.forEach(d),i.forEach(d),this.h()},h(){f(o,"class","bx--link"),f(o,"href","#usage"),f(h,"class","bx--link"),f(h,"href","#default-bottom-direction-center-aligned"),f(x,"class","bx--list__item"),f(y,"class","bx--link"),f(y,"href","#custom-direction-alignment"),f(w,"class","bx--list__item"),f($,"class","bx--list--unordered bx--list--nested"),f(a,"class","bx--list__item"),f(s,"class","bx--list--unordered"),f(t,"slot","aside")},m(n,i){g(n,t,i),b(t,s),b(s,a),b(a,o),b(o,e),b(a,k),b(a,$),b($,x),b(x,h),b(h,v),b($,T),b($,w),b(w,y),b(y,D)},d(n){n&&d(t)}}}function z(n){let t,s,a,o,e,k,$,x,h,v,T;return o=new N({props:{codeRaw:'<script>\n  import { TooltipDefinition } from "carbon-components-svelte";\n<\/script>\n\n<TooltipDefinition\n  tooltipText="IBM Corporate Headquarters is based in Armonk, New York."\n>\n  Armonk\n</TooltipDefinition>\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> TooltipDefinition <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></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>TooltipDefinition</span>\n  <span class="token attr-name">tooltipText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>IBM Corporate Headquarters is based in Armonk, New York.<span class="token punctuation">"</span></span>\n<span class="token punctuation">></span></span>\n  Armonk\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TooltipDefinition</span><span class="token punctuation">></span></span>\n',$$slots:{default:[V]},$$scope:{ctx:n}}}),h=new N({props:{codeRaw:'<script>\n  import { TooltipDefinition } from "carbon-components-svelte";\n<\/script>\n\n<TooltipDefinition\n  direction="top"\n  align="start"\n  tooltipText="IBM Corporate Headquarters is based in Armonk, New York."\n>\n  Armonk\n</TooltipDefinition>\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> TooltipDefinition <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></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>TooltipDefinition</span>\n  <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>\n  <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>\n  <span class="token attr-name">tooltipText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>IBM Corporate Headquarters is based in Armonk, New York.<span class="token punctuation">"</span></span>\n<span class="token punctuation">></span></span>\n  Armonk\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TooltipDefinition</span><span class="token punctuation">></span></span>\n',$$slots:{default:[R]},$$scope:{ctx:n}}}),{c(){t=p("h3"),s=c("Default (“bottom” direction, “center” aligned)"),a=i(),I(o.$$.fragment),e=i(),k=p("h3"),$=c("Custom direction, alignment"),x=i(),I(h.$$.fragment),v=i(),this.h()},l(n){t=r(n,"H3",{id:!0});var i=u(t);s=m(i,"Default (“bottom” direction, “center” aligned)"),i.forEach(d),a=l(n),j(o.$$.fragment,n),e=l(n),k=r(n,"H3",{id:!0});var p=u(k);$=m(p,"Custom direction, alignment"),p.forEach(d),x=l(n),j(h.$$.fragment,n),v=l(n),this.h()},h(){f(t,"id","default-bottom-direction-center-aligned"),f(k,"id","custom-direction-alignment")},m(n,i){g(n,t,i),b(t,s),g(n,a,i),H(o,n,i),g(n,e,i),g(n,k,i),b(k,$),g(n,x,i),H(h,n,i),g(n,v,i),T=!0},p(n,t){const s={};1&t&&(s.$$scope={dirty:t,ctx:n}),o.$set(s);const a={};1&t&&(a.$$scope={dirty:t,ctx:n}),h.$set(a)},i(n){T||(w(o.$$.fragment,n),w(h.$$.fragment,n),T=!0)},o(n){y(o.$$.fragment,n),y(h.$$.fragment,n),T=!1},d(n){n&&d(t),n&&d(a),B(o,n),n&&d(e),n&&d(k),n&&d(x),B(h,n),n&&d(v)}}}function G(n){let t,s;return t=new M({props:{$$slots:{default:[z],aside:[S]},$$scope:{ctx:n}}}),{c(){I(t.$$.fragment)},l(n){j(t.$$.fragment,n)},m(n,a){H(t,n,a),s=!0},p(n,[s]){const a={};1&s&&(a.$$scope={dirty:s,ctx:n}),t.$set(a)},i(n){s||(w(t.$$.fragment,n),s=!0)},o(n){y(t.$$.fragment,n),s=!1},d(n){B(t,n)}}}export default class extends t{constructor(n){super(),s(this,n,null,G,a,{})}}