mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
1 line
41 KiB
JavaScript
1 line
41 KiB
JavaScript
let n=document.createElement("style");n.innerHTML="",document.head.appendChild(n);import{S as s,i as a,s as t,v as o,D as e,q as p,L as c,h as i,k as l,l as r,n as u,o as k,r as g,M as d,w as $,N as f,O as m,I as h,z as v,A as x,t as b,b as y,J as w,C as T,G as R,g as E,j as I,p as L,y as z,x as C,E as _,F as H,B,a1 as D,Q as M,H as V,a0 as j,aa as A,d as P,c as N,m as S,a as Y,a3 as U,Y as W}from"./index.6b674a45.js";import{L as Z}from"./Link.ab08f834.js";import{B as q}from"./Button.f0f995b5.js";import"./index.77bc22b8.js";import{C as F,P as G}from"./Preview.da06bf80.js";import"./ChevronDown16.5983f6dc.js";import"./Loading.1494bed2.js";import"./Column.6ef18044.js";import"./Content.7baad37e.js";import"./store.4e2c42a1.js";function J(n){let s,a;return{c(){s=c("title"),a=i(n[2])},l(t){s=l(t,"title",{},1);var o=r(s);a=u(o,n[2]),o.forEach(k)},m(n,t){p(n,s,t),g(s,a)},p(n,s){4&s&&d(a,n[2])},d(n){n&&k(s)}}}function O(n){let s,a,t,i,u,d;const T=n[8].default,R=o(T,n,n[7],null),E=R||function(n){let s,a=n[2]&&J(n);return{c(){a&&a.c(),s=e()},l(n){a&&a.l(n),s=e()},m(n,t){a&&a.m(n,t),p(n,s,t)},p(n,t){n[2]?a?a.p(n,t):(a=J(n),a.c(),a.m(s.parentNode,s)):a&&(a.d(1),a=null)},d(n){a&&a.d(n),n&&k(s)}}}(n);let I=[{"data-carbon-icon":"Information16"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 16 16"},{fill:"currentColor"},{width:"16"},{height:"16"},{class:n[0]},{preserveAspectRatio:"xMidYMid meet"},{style:n[3]},{id:n[1]},n[4]],L={};for(let n=0;n<I.length;n+=1)L=$(L,I[n]);return{c(){s=c("svg"),a=c("path"),t=c("path"),E&&E.c(),this.h()},l(n){s=l(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=r(s);a=l(o,"path",{d:!0},1),r(a).forEach(k),t=l(o,"path",{d:!0},1),r(t).forEach(k),E&&E.l(o),o.forEach(k),this.h()},h(){f(a,"d","M8.5 11L8.5 6.5 6.5 6.5 6.5 7.5 7.5 7.5 7.5 11 6 11 6 12 10 12 10 11zM8 3.5c-.4 0-.8.3-.8.8S7.6 5 8 5c.4 0 .8-.3.8-.8S8.4 3.5 8 3.5z"),f(t,"d","M8,15c-3.9,0-7-3.1-7-7s3.1-7,7-7s7,3.1,7,7S11.9,15,8,15z M8,2C4.7,2,2,4.7,2,8s2.7,6,6,6s6-2.7,6-6S11.3,2,8,2z"),m(s,L)},m(o,e){p(o,s,e),g(s,a),g(s,t),E&&E.m(s,null),i=!0,u||(d=[h(s,"click",n[9]),h(s,"mouseover",n[10]),h(s,"mouseenter",n[11]),h(s,"mouseleave",n[12]),h(s,"keyup",n[13]),h(s,"keydown",n[14])],u=!0)},p(n,[a]){R?R.p&&128&a&&v(R,T,n,n[7],a,null,null):E&&E.p&&4&a&&E.p(n,a),m(s,L=x(I,[{"data-carbon-icon":"Information16"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 16 16"},{fill:"currentColor"},{width:"16"},{height:"16"},(!i||1&a)&&{class:n[0]},{preserveAspectRatio:"xMidYMid meet"},(!i||8&a)&&{style:n[3]},(!i||2&a)&&{id:n[1]},16&a&&n[4]]))},i(n){i||(b(E,n),i=!0)},o(n){y(E,n),i=!1},d(n){n&&k(s),E&&E.d(n),u=!1,w(d)}}}function Q(n,s,a){let t,o,e,p,{$$slots:c={},$$scope:i}=s,{class:l}=s,{id:r}=s,{tabindex:u}=s,{focusable:k=!1}=s,{title:g}=s,{style:d}=s;return n.$$set=n=>{a(18,s=$($({},s),T(n))),"class"in n&&a(0,l=n.class),"id"in n&&a(1,r=n.id),"tabindex"in n&&a(5,u=n.tabindex),"focusable"in n&&a(6,k=n.focusable),"title"in n&&a(2,g=n.title),"style"in n&&a(3,d=n.style),"$$scope"in n&&a(7,i=n.$$scope)},n.$$.update=()=>{a(15,t=s["aria-label"]),a(16,o=s["aria-labelledby"]),98308&n.$$.dirty&&a(17,e=t||o||g),229472&n.$$.dirty&&a(4,p={"aria-label":t,"aria-labelledby":o,"aria-hidden":!e||void 0,role:e?"img":void 0,focusable:"0"===u||k,tabindex:u})},s=T(s),[l,r,g,d,p,u,k,i,c,function(s){R(n,s)},function(s){R(n,s)},function(s){R(n,s)},function(s){R(n,s)},function(s){R(n,s)},function(s){R(n,s)}]}class K extends s{constructor(n){super(),a(this,n,Q,O,t,{class:0,id:1,tabindex:5,focusable:6,title:2,style:3})}}const X=n=>({}),nn=n=>({}),sn=n=>({}),an=n=>({}),tn=n=>({}),on=n=>({});function en(n){let s,a,t,e;const c=n[21].triggerText,g=o(c,n,n[20],nn),f=g||function(n){let s;return{c(){s=i(n[10])},l(a){s=u(a,n[10])},m(n,a){p(n,s,a)},p(n,a){1024&a&&d(s,n[10])},d(n){n&&k(s)}}}(n);let m=[n[12]],T={};for(let n=0;n<m.length;n+=1)T=$(T,m[n]);return{c(){s=E("div"),f&&f.c(),this.h()},l(n){s=l(n,"DIV",{});var a=r(s);f&&f.l(a),a.forEach(k),this.h()},h(){C(s,T)},m(o,c){p(o,s,c),f&&f.m(s,null),n[25](s),a=!0,t||(e=[h(s,"click",j(A(n[15]))),h(s,"focus",n[15]),h(s,"blur",n[14]),h(s,"keydown",n[13])],t=!0)},p(n,a){g?g.p&&1048576&a&&v(g,c,n,n[20],a,X,nn):f&&f.p&&1024&a&&f.p(n,a),C(s,T=x(m,[4096&a&&n[12]]))},i(n){a||(b(f,n),a=!0)},o(n){y(f,n),a=!1},d(a){a&&k(s),f&&f.d(a),n[25](null),t=!1,w(e)}}}function pn(n){let s,a,t,c,m,T;const R=n[21].triggerText,B=o(R,n,n[20],on),D=B||function(n){let s;return{c(){s=i(n[10])},l(a){s=u(a,n[10])},m(n,a){p(n,s,a)},p(n,a){1024&a&&d(s,n[10])},d(n){n&&k(s)}}}(n),M=n[21].icon,V=o(M,n,n[20],an),U=V||function(n){let s,a,t;var o=n[6];function c(n){return{props:{name:n[7]}}}o&&(s=new o(c(n)));return{c(){s&&N(s.$$.fragment),a=e()},l(n){s&&Y(s.$$.fragment,n),a=e()},m(n,o){s&&S(s,n,o),p(n,a,o),t=!0},p(n,t){const e={};if(128&t&&(e.name=n[7]),o!==(o=n[6])){if(s){_();const n=s;y(n.$$.fragment,1,0,()=>{P(n,1)}),H()}o?(s=new o(c(n)),N(s.$$.fragment),b(s.$$.fragment,1),S(s,a.parentNode,a)):s=null}else o&&s.$set(e)},i(n){t||(s&&b(s.$$.fragment,n),t=!0)},o(n){s&&y(s.$$.fragment,n),t=!1},d(n){n&&k(a),s&&P(s,n)}}}(n);let W=[n[12]],Z={};for(let n=0;n<W.length;n+=1)Z=$(Z,W[n]);return{c(){s=E("div"),D&&D.c(),a=I(),t=E("div"),U&&U.c(),this.h()},l(n){s=l(n,"DIV",{id:!0});var o=r(s);D&&D.l(o),a=L(o),t=l(o,"DIV",{});var e=r(t);U&&U.l(e),e.forEach(k),o.forEach(k),this.h()},h(){C(t,Z),f(s,"id",n[9]),z(s,"bx--tooltip__label",!0)},m(o,e){p(o,s,e),D&&D.m(s,null),g(s,a),g(s,t),U&&U.m(t,null),n[23](t),n[24](s),c=!0,m||(T=[h(t,"click",j(A(n[15]))),h(t,"focus",n[15]),h(t,"blur",n[14]),h(t,"keydown",n[13])],m=!0)},p(n,a){B?B.p&&1048576&a&&v(B,R,n,n[20],a,tn,on):D&&D.p&&1024&a&&D.p(n,a),V?V.p&&1048576&a&&v(V,M,n,n[20],a,sn,an):U&&U.p&&192&a&&U.p(n,a),C(t,Z=x(W,[4096&a&&n[12]])),(!c||512&a)&&f(s,"id",n[9])},i(n){c||(b(D,n),b(U,n),c=!0)},o(n){y(D,n),y(U,n),c=!1},d(a){a&&k(s),D&&D.d(a),U&&U.d(a),n[23](null),n[24](null),m=!1,w(T)}}}function cn(n){let s,a,t,e,c,i;const u=n[21].default,d=o(u,n,n[20],null);return{c(){s=E("div"),a=E("span"),t=I(),d&&d.c(),this.h()},l(n){s=l(n,"DIV",{role:!0,tabindex:!0,id:!0,"data-floating-menu-direction":!0});var o=r(s);a=l(o,"SPAN",{}),r(a).forEach(k),t=L(o),d&&d.l(o),o.forEach(k),this.h()},h(){z(a,"bx--tooltip__caret",!0),f(s,"role","tooltip"),f(s,"tabindex","0"),f(s,"id",n[8]),f(s,"data-floating-menu-direction",n[4]),z(s,"bx--tooltip",!0),z(s,"bx--tooltip--shown",n[0])},m(o,l){p(o,s,l),g(s,a),g(s,t),d&&d.m(s,null),n[26](s),e=!0,c||(i=h(s,"blur",n[16]),c=!0)},p(n,a){d&&d.p&&1048576&a&&v(d,u,n,n[20],a,null,null),(!e||256&a)&&f(s,"id",n[8]),(!e||16&a)&&f(s,"data-floating-menu-direction",n[4]),1&a&&z(s,"bx--tooltip--shown",n[0])},i(n){e||(b(d,n),e=!0)},o(n){y(d,n),e=!1},d(a){a&&k(s),d&&d.d(a),n[26](null),c=!1,i()}}}function ln(n){let s,a,t,o,e,c,i,u,d;const f=[pn,en],m=[];function v(n,s){return n[5]?1:0}t=v(n),o=m[t]=f[t](n);let w=n[0]&&cn(n),T=[n[17],{style:c=n[17].style+"; position: relative;"}],R={};for(let n=0;n<T.length;n+=1)R=$(R,T[n]);return{c(){s=I(),a=E("div"),o.c(),e=I(),w&&w.c(),this.h()},l(n){s=L(n),a=l(n,"DIV",{style:!0});var t=r(a);o.l(t),e=L(t),w&&w.l(t),t.forEach(k),this.h()},h(){C(a,R)},m(o,c){p(o,s,c),p(o,a,c),m[t].m(a,null),g(a,e),w&&w.m(a,null),i=!0,u||(d=h(document.body,"click",n[22]),u=!0)},p(n,[s]){let p=t;t=v(n),t===p?m[t].p(n,s):(_(),y(m[p],1,1,()=>{m[p]=null}),H(),o=m[t],o||(o=m[t]=f[t](n),o.c()),b(o,1),o.m(a,e)),n[0]?w?(w.p(n,s),1&s&&b(w,1)):(w=cn(n),w.c(),b(w,1),w.m(a,null)):w&&(_(),y(w,1,1,()=>{w=null}),H()),C(a,R=x(T,[131072&s&&n[17],(!i||131072&s&&c!==(c=n[17].style+"; position: relative;"))&&{style:c}]))},i(n){i||(b(o),b(w),i=!0)},o(n){y(o),y(w),i=!1},d(n){n&&k(s),n&&k(a),m[t].d(),w&&w.d(),u=!1,d()}}}function rn(n,s,a){const t=["direction","open","hideIcon","icon","iconDescription","iconName","tabindex","tooltipId","triggerId","triggerText","ref","refTooltip","refIcon"];let o=B(s,t),{$$slots:e={},$$scope:p}=s,{direction:c="bottom"}=s,{open:i=!1}=s,{hideIcon:l=!1}=s,{icon:r=K}=s,{iconDescription:u=""}=s,{iconName:k=""}=s,{tabindex:g="0"}=s,{tooltipId:d="ccs-"+Math.random().toString(36)}=s,{triggerId:f="ccs-"+Math.random().toString(36)}=s,{triggerText:m=""}=s,{ref:h=null}=s,{refTooltip:v=null}=s,{refIcon:x=null}=s;const b=D();M(()=>{if(i){const n=h.getBoundingClientRect(),s=v.getBoundingClientRect();let t=16,o=16;if(x){const n=x.getBoundingClientRect();t=n.width,o=n.height}let e=0,p=0;switch(c){case"bottom":e=l?-1*(s.width/2-n.width/2):-1*(s.width/2-n.width+t/2),p=o/2;break;case"right":e=n.width+6,p=-1*(s.height/2+t/2-3);break;case"left":e=l?-1*(s.width+6+1):-1*(s.width-n.width+t+8),p=-1*(s.height/2+n.height)-2;break;case"top":e=l?-1*(s.width/2-n.width/2):-1*(s.width/2-n.width+t/2+1),p=-1*(s.height+n.height+t/2-1)}a(2,v.style.left=e+"px",v),a(2,v.style.marginTop=p+"px",v)}});let y,w;return n.$$set=n=>{s=$($({},s),T(n)),a(17,o=B(s,t)),"direction"in n&&a(4,c=n.direction),"open"in n&&a(0,i=n.open),"hideIcon"in n&&a(5,l=n.hideIcon),"icon"in n&&a(6,r=n.icon),"iconDescription"in n&&a(18,u=n.iconDescription),"iconName"in n&&a(7,k=n.iconName),"tabindex"in n&&a(19,g=n.tabindex),"tooltipId"in n&&a(8,d=n.tooltipId),"triggerId"in n&&a(9,f=n.triggerId),"triggerText"in n&&a(10,m=n.triggerText),"ref"in n&&a(1,h=n.ref),"refTooltip"in n&&a(2,v=n.refTooltip),"refIcon"in n&&a(3,x=n.refIcon),"$$scope"in n&&a(20,p=n.$$scope)},n.$$.update=()=>{1&n.$$.dirty&&b(i?"open":"close"),a(12,w={role:"button","aria-haspopup":"true",id:l?f:void 0,class:l?"bx--tooltip__label":"bx--tooltip__trigger","aria-expanded":i,"aria-describedby":i?d:void 0,"aria-labelledby":m?f:void 0,"aria-label":m?u:void 0,tabindex:g,style:l?o.style:void 0})},a(11,y=!0),[i,h,v,x,c,l,r,k,d,f,m,y,w,function(n){"Escape"===n.key?(n.stopPropagation(),a(0,i=!1)):" "!==n.key&&"Enter"!==n.key||(n.stopPropagation(),n.preventDefault(),a(0,i=!0))},function({relatedTarget:n}){v&&!v.contains(n)&&a(0,i=!1)},function(){a(11,y=!1),a(0,i=!0)},function(){a(11,y=!1),a(0,i=!1)},o,u,g,p,e,({target:n})=>{!y&&i&&v&&!v.contains(n)&&a(0,i=!1)},function(n){V[n?"unshift":"push"](()=>{x=n,a(3,x)})},function(n){V[n?"unshift":"push"](()=>{h=n,a(1,h)})},function(n){V[n?"unshift":"push"](()=>{h=n,a(1,h)})},function(n){V[n?"unshift":"push"](()=>{v=n,a(2,v)})}]}class un extends s{constructor(n){super(),a(this,n,rn,ln,t,{direction:4,open:0,hideIcon:5,icon:6,iconDescription:18,iconName:7,tabindex:19,tooltipId:8,triggerId:9,triggerText:10,ref:1,refTooltip:2,refIcon:3})}}function kn(n){let s,a;return{c(){s=c("title"),a=i(n[2])},l(t){s=l(t,"title",{},1);var o=r(s);a=u(o,n[2]),o.forEach(k)},m(n,t){p(n,s,t),g(s,a)},p(n,s){4&s&&d(a,n[2])},d(n){n&&k(s)}}}function gn(n){let s,a,t,i,u,d;const T=n[8].default,R=o(T,n,n[7],null),E=R||function(n){let s,a=n[2]&&kn(n);return{c(){a&&a.c(),s=e()},l(n){a&&a.l(n),s=e()},m(n,t){a&&a.m(n,t),p(n,s,t)},p(n,t){n[2]?a?a.p(n,t):(a=kn(n),a.c(),a.m(s.parentNode,s)):a&&(a.d(1),a=null)},d(n){a&&a.d(n),n&&k(s)}}}(n);let I=[{"data-carbon-icon":"Catalog16"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 32 32"},{fill:"currentColor"},{width:"16"},{height:"16"},{class:n[0]},{preserveAspectRatio:"xMidYMid meet"},{style:n[3]},{id:n[1]},n[4]],L={};for(let n=0;n<I.length;n+=1)L=$(L,I[n]);return{c(){s=c("svg"),a=c("path"),t=c("path"),E&&E.c(),this.h()},l(n){s=l(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=r(s);a=l(o,"path",{d:!0},1),r(a).forEach(k),t=l(o,"path",{d:!0},1),r(t).forEach(k),E&&E.l(o),o.forEach(k),this.h()},h(){f(a,"d","M26,2H8A2,2,0,0,0,6,4V8H4v2H6v5H4v2H6v5H4v2H6v4a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V4A2,2,0,0,0,26,2Zm0,26H8V24h2V22H8V17h2V15H8V10h2V8H8V4H26Z"),f(t,"d","M14 8H22V10H14zM14 15H22V17H14zM14 22H22V24H14z"),m(s,L)},m(o,e){p(o,s,e),g(s,a),g(s,t),E&&E.m(s,null),i=!0,u||(d=[h(s,"click",n[9]),h(s,"mouseover",n[10]),h(s,"mouseenter",n[11]),h(s,"mouseleave",n[12]),h(s,"keyup",n[13]),h(s,"keydown",n[14])],u=!0)},p(n,[a]){R?R.p&&128&a&&v(R,T,n,n[7],a,null,null):E&&E.p&&4&a&&E.p(n,a),m(s,L=x(I,[{"data-carbon-icon":"Catalog16"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 32 32"},{fill:"currentColor"},{width:"16"},{height:"16"},(!i||1&a)&&{class:n[0]},{preserveAspectRatio:"xMidYMid meet"},(!i||8&a)&&{style:n[3]},(!i||2&a)&&{id:n[1]},16&a&&n[4]]))},i(n){i||(b(E,n),i=!0)},o(n){y(E,n),i=!1},d(n){n&&k(s),E&&E.d(n),u=!1,w(d)}}}function dn(n,s,a){let t,o,e,p,{$$slots:c={},$$scope:i}=s,{class:l}=s,{id:r}=s,{tabindex:u}=s,{focusable:k=!1}=s,{title:g}=s,{style:d}=s;return n.$$set=n=>{a(18,s=$($({},s),T(n))),"class"in n&&a(0,l=n.class),"id"in n&&a(1,r=n.id),"tabindex"in n&&a(5,u=n.tabindex),"focusable"in n&&a(6,k=n.focusable),"title"in n&&a(2,g=n.title),"style"in n&&a(3,d=n.style),"$$scope"in n&&a(7,i=n.$$scope)},n.$$.update=()=>{a(15,t=s["aria-label"]),a(16,o=s["aria-labelledby"]),98308&n.$$.dirty&&a(17,e=t||o||g),229472&n.$$.dirty&&a(4,p={"aria-label":t,"aria-labelledby":o,"aria-hidden":!e||void 0,role:e?"img":void 0,focusable:"0"===u||k,tabindex:u})},s=T(s),[l,r,g,d,p,u,k,i,c,function(s){R(n,s)},function(s){R(n,s)},function(s){R(n,s)},function(s){R(n,s)},function(s){R(n,s)},function(s){R(n,s)}]}class $n extends s{constructor(n){super(),a(this,n,dn,gn,t,{class:0,id:1,tabindex:5,focusable:6,title:2,style:3})}}function fn(n){let s,a;return{c(){s=E("p"),a=i("Resources are provisioned based on your account's organization.")},l(n){s=l(n,"P",{});var t=r(s);a=u(t,"Resources are provisioned based on your account's organization."),t.forEach(k)},m(n,t){p(n,s,t),g(s,a)},d(n){n&&k(s)}}}function mn(n){let s,a;return s=new un({props:{$$slots:{default:[fn]},$$scope:{ctx:n}}}),{c(){N(s.$$.fragment)},l(n){Y(s.$$.fragment,n)},m(n,t){S(s,n,t),a=!0},p(n,a){const t={};1&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(b(s.$$.fragment,n),a=!0)},o(n){y(s.$$.fragment,n),a=!1},d(n){P(s,n)}}}function hn(n){let s,a;return{c(){s=E("p"),a=i("Resources are provisioned based on your account's organization.")},l(n){s=l(n,"P",{});var t=r(s);a=u(t,"Resources are provisioned based on your account's organization."),t.forEach(k)},m(n,t){p(n,s,t),g(s,a)},d(n){n&&k(s)}}}function vn(n){let s,a;return s=new un({props:{triggerText:"Resource list",$$slots:{default:[hn]},$$scope:{ctx:n}}}),{c(){N(s.$$.fragment)},l(n){Y(s.$$.fragment,n)},m(n,t){S(s,n,t),a=!0},p(n,a){const t={};1&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(b(s.$$.fragment,n),a=!0)},o(n){y(s.$$.fragment,n),a=!1},d(n){P(s,n)}}}function xn(n){let s,a;return{c(){s=E("p"),a=i("Top")},l(n){s=l(n,"P",{});var t=r(s);a=u(t,"Top"),t.forEach(k)},m(n,t){p(n,s,t),g(s,a)},d(n){n&&k(s)}}}function bn(n){let s,a;return{c(){s=E("p"),a=i("Right")},l(n){s=l(n,"P",{});var t=r(s);a=u(t,"Right"),t.forEach(k)},m(n,t){p(n,s,t),g(s,a)},d(n){n&&k(s)}}}function yn(n){let s,a;return{c(){s=E("p"),a=i("Bottom")},l(n){s=l(n,"P",{});var t=r(s);a=u(t,"Bottom"),t.forEach(k)},m(n,t){p(n,s,t),g(s,a)},d(n){n&&k(s)}}}function wn(n){let s,a;return{c(){s=E("p"),a=i("Left")},l(n){s=l(n,"P",{});var t=r(s);a=u(t,"Left"),t.forEach(k)},m(n,t){p(n,s,t),g(s,a)},d(n){n&&k(s)}}}function Tn(n){let s,a,t,o,e,c,i,l;return s=new un({props:{triggerText:"Top",direction:"top",$$slots:{default:[xn]},$$scope:{ctx:n}}}),t=new un({props:{triggerText:"Right",direction:"right",$$slots:{default:[bn]},$$scope:{ctx:n}}}),e=new un({props:{triggerText:"Bottom",direction:"bottom",$$slots:{default:[yn]},$$scope:{ctx:n}}}),i=new un({props:{triggerText:"Left",direction:"left",$$slots:{default:[wn]},$$scope:{ctx:n}}}),{c(){N(s.$$.fragment),a=I(),N(t.$$.fragment),o=I(),N(e.$$.fragment),c=I(),N(i.$$.fragment)},l(n){Y(s.$$.fragment,n),a=L(n),Y(t.$$.fragment,n),o=L(n),Y(e.$$.fragment,n),c=L(n),Y(i.$$.fragment,n)},m(n,r){S(s,n,r),p(n,a,r),S(t,n,r),p(n,o,r),S(e,n,r),p(n,c,r),S(i,n,r),l=!0},p(n,a){const o={};1&a&&(o.$$scope={dirty:a,ctx:n}),s.$set(o);const p={};1&a&&(p.$$scope={dirty:a,ctx:n}),t.$set(p);const c={};1&a&&(c.$$scope={dirty:a,ctx:n}),e.$set(c);const l={};1&a&&(l.$$scope={dirty:a,ctx:n}),i.$set(l)},i(n){l||(b(s.$$.fragment,n),b(t.$$.fragment,n),b(e.$$.fragment,n),b(i.$$.fragment,n),l=!0)},o(n){y(s.$$.fragment,n),y(t.$$.fragment,n),y(e.$$.fragment,n),y(i.$$.fragment,n),l=!1},d(n){P(s,n),n&&k(a),P(t,n),n&&k(o),P(e,n),n&&k(c),P(i,n)}}}function Rn(n){let s;return{c(){s=i("Learn more")},l(n){s=u(n,"Learn more")},m(n,a){p(n,s,a)},d(n){n&&k(s)}}}function En(n){let s;return{c(){s=i("Manage")},l(n){s=u(n,"Manage")},m(n,a){p(n,s,a)},d(n){n&&k(s)}}}function In(n){let s,a,t,o,e,c,d,$;return e=new Z({props:{href:"/",$$slots:{default:[Rn]},$$scope:{ctx:n}}}),d=new q({props:{size:"small",$$slots:{default:[En]},$$scope:{ctx:n}}}),{c(){s=E("p"),a=i("Resources are provisioned based on your account's organization."),t=I(),o=E("div"),N(e.$$.fragment),c=I(),N(d.$$.fragment),this.h()},l(n){s=l(n,"P",{});var p=r(s);a=u(p,"Resources are provisioned based on your account's organization."),p.forEach(k),t=L(n),o=l(n,"DIV",{class:!0});var i=r(o);Y(e.$$.fragment,i),c=L(i),Y(d.$$.fragment,i),i.forEach(k),this.h()},h(){f(o,"class","bx--tooltip__footer")},m(n,i){p(n,s,i),g(s,a),p(n,t,i),p(n,o,i),S(e,o,null),g(o,c),S(d,o,null),$=!0},p(n,s){const a={};1&s&&(a.$$scope={dirty:s,ctx:n}),e.$set(a);const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),d.$set(t)},i(n){$||(b(e.$$.fragment,n),b(d.$$.fragment,n),$=!0)},o(n){y(e.$$.fragment,n),y(d.$$.fragment,n),$=!1},d(n){n&&k(s),n&&k(t),n&&k(o),P(e),P(d)}}}function Ln(n){let s,a;return s=new un({props:{triggerText:"Resource list",$$slots:{default:[In]},$$scope:{ctx:n}}}),{c(){N(s.$$.fragment)},l(n){Y(s.$$.fragment,n)},m(n,t){S(s,n,t),a=!0},p(n,a){const t={};1&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(b(s.$$.fragment,n),a=!0)},o(n){y(s.$$.fragment,n),a=!1},d(n){P(s,n)}}}function zn(n){let s,a;return{c(){s=E("p"),a=i("Resources are provisioned based on your account's organization.")},l(n){s=l(n,"P",{});var t=r(s);a=u(t,"Resources are provisioned based on your account's organization."),t.forEach(k)},m(n,t){p(n,s,t),g(s,a)},d(n){n&&k(s)}}}function Cn(n){let s,a;return s=new un({props:{triggerText:"Resource list",icon:$n,$$slots:{default:[zn]},$$scope:{ctx:n}}}),{c(){N(s.$$.fragment)},l(n){Y(s.$$.fragment,n)},m(n,t){S(s,n,t),a=!0},p(n,a){const t={};1&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(b(s.$$.fragment,n),a=!0)},o(n){y(s.$$.fragment,n),a=!1},d(n){P(s,n)}}}function _n(n){let s;return{c(){s=E("div"),this.h()},l(n){s=l(n,"DIV",{slot:!0,style:!0}),r(s).forEach(k),this.h()},h(){f(s,"slot","icon"),U(s,"width","1rem"),U(s,"height","1rem"),U(s,"outline","1px solid red")},m(n,a){p(n,s,a)},d(n){n&&k(s)}}}function Hn(n){let s,a,t;return{c(){s=I(),a=E("p"),t=i("Resources are provisioned based on your account's organization.")},l(n){s=L(n),a=l(n,"P",{});var o=r(a);t=u(o,"Resources are provisioned based on your account's organization."),o.forEach(k)},m(n,o){p(n,s,o),p(n,a,o),g(a,t)},p:W,d(n){n&&k(s),n&&k(a)}}}function Bn(n){let s,a;return s=new un({props:{triggerText:"Resource list",$$slots:{default:[Hn],icon:[_n]},$$scope:{ctx:n}}}),{c(){N(s.$$.fragment)},l(n){Y(s.$$.fragment,n)},m(n,t){S(s,n,t),a=!0},p(n,a){const t={};1&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(b(s.$$.fragment,n),a=!0)},o(n){y(s.$$.fragment,n),a=!1},d(n){P(s,n)}}}function Dn(n){let s,a,t,o,e,c,d,$,m,h,v,x,b,y,w,T,R,z,C,_,H,B,D,M,V,j,A,P,N,S;return{c(){s=E("div"),a=E("ul"),t=E("li"),o=E("a"),e=i("Usage"),c=I(),d=E("ul"),$=E("li"),m=E("a"),h=i("Default (icon-only, “bottom” direction)"),v=I(),x=E("li"),b=E("a"),y=i("With trigger text"),w=I(),T=E("li"),R=E("a"),z=i("Directions"),C=I(),_=E("li"),H=E("a"),B=i("Interactive"),D=I(),M=E("li"),V=E("a"),j=i("Custom icon (component)"),A=I(),P=E("li"),N=E("a"),S=i("Custom icon (slot)"),this.h()},l(n){s=l(n,"DIV",{slot:!0});var p=r(s);a=l(p,"UL",{class:!0});var i=r(a);t=l(i,"LI",{class:!0});var g=r(t);o=l(g,"A",{class:!0,href:!0});var f=r(o);e=u(f,"Usage"),f.forEach(k),c=L(g),d=l(g,"UL",{class:!0});var E=r(d);$=l(E,"LI",{class:!0});var I=r($);m=l(I,"A",{class:!0,href:!0});var Y=r(m);h=u(Y,"Default (icon-only, “bottom” direction)"),Y.forEach(k),I.forEach(k),v=L(E),x=l(E,"LI",{class:!0});var U=r(x);b=l(U,"A",{class:!0,href:!0});var W=r(b);y=u(W,"With trigger text"),W.forEach(k),U.forEach(k),w=L(E),T=l(E,"LI",{class:!0});var Z=r(T);R=l(Z,"A",{class:!0,href:!0});var q=r(R);z=u(q,"Directions"),q.forEach(k),Z.forEach(k),C=L(E),_=l(E,"LI",{class:!0});var F=r(_);H=l(F,"A",{class:!0,href:!0});var G=r(H);B=u(G,"Interactive"),G.forEach(k),F.forEach(k),D=L(E),M=l(E,"LI",{class:!0});var J=r(M);V=l(J,"A",{class:!0,href:!0});var O=r(V);j=u(O,"Custom icon (component)"),O.forEach(k),J.forEach(k),A=L(E),P=l(E,"LI",{class:!0});var Q=r(P);N=l(Q,"A",{class:!0,href:!0});var K=r(N);S=u(K,"Custom icon (slot)"),K.forEach(k),Q.forEach(k),E.forEach(k),g.forEach(k),i.forEach(k),p.forEach(k),this.h()},h(){f(o,"class","bx--link"),f(o,"href","#usage"),f(m,"class","bx--link"),f(m,"href","#default-icon-only-bottom-direction"),f($,"class","bx--list__item"),f(b,"class","bx--link"),f(b,"href","#with-trigger-text"),f(x,"class","bx--list__item"),f(R,"class","bx--link"),f(R,"href","#directions"),f(T,"class","bx--list__item"),f(H,"class","bx--link"),f(H,"href","#interactive"),f(_,"class","bx--list__item"),f(V,"class","bx--link"),f(V,"href","#custom-icon-component"),f(M,"class","bx--list__item"),f(N,"class","bx--link"),f(N,"href","#custom-icon-slot"),f(P,"class","bx--list__item"),f(d,"class","bx--list--unordered bx--list--nested"),f(t,"class","bx--list__item"),f(a,"class","bx--list--unordered"),f(s,"slot","aside")},m(n,i){p(n,s,i),g(s,a),g(a,t),g(t,o),g(o,e),g(t,c),g(t,d),g(d,$),g($,m),g(m,h),g(d,v),g(d,x),g(x,b),g(b,y),g(d,w),g(d,T),g(T,R),g(R,z),g(d,C),g(d,_),g(_,H),g(H,B),g(d,D),g(d,M),g(M,V),g(V,j),g(d,A),g(d,P),g(P,N),g(N,S)},d(n){n&&k(s)}}}function Mn(n){let s,a,t,o,e,c,d,$,m,h,v,x,w,T,R,z,C,_,H,B,D,M,V,j,A,U,W,Z,q,F,J;return o=new G({props:{codeRaw:'<script>\n import { Tooltip } from "carbon-components-svelte";\n<\/script>\n\n<Tooltip>\n <p>Resources are provisioned based on your account\'s organization.</p>\n</Tooltip>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> Tooltip <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>Tooltip</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Resources are provisioned based on your account\'s organization.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>Tooltip</span><span class="token punctuation">></span></span>\n',$$slots:{default:[mn]},$$scope:{ctx:n}}}),m=new G({props:{codeRaw:'<script>\n import { Tooltip } from "carbon-components-svelte";\n<\/script>\n\n<Tooltip triggerText="Resource list">\n <p>Resources are provisioned based on your account\'s organization.</p>\n</Tooltip>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> Tooltip <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>Tooltip</span> <span class="token attr-name">triggerText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Resource list<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"><</span>p</span><span class="token punctuation">></span></span>Resources are provisioned based on your account\'s organization.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>Tooltip</span><span class="token punctuation">></span></span>\n',$$slots:{default:[vn]},$$scope:{ctx:n}}}),T=new G({props:{codeRaw:'<script>\n import { Tooltip } from "carbon-components-svelte";\n<\/script>\n\n<Tooltip triggerText="Top" direction="top">\n <p>Top</p>\n</Tooltip>\n<Tooltip triggerText="Right" direction="right">\n <p>Right</p>\n</Tooltip>\n<Tooltip triggerText="Bottom" direction="bottom">\n <p>Bottom</p>\n</Tooltip>\n<Tooltip triggerText="Left" direction="left">\n <p>Left</p>\n</Tooltip>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> Tooltip <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>Tooltip</span> <span class="token attr-name">triggerText</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">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 punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Top<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>Tooltip</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>Tooltip</span> <span class="token attr-name">triggerText</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">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 punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Right<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>Tooltip</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>Tooltip</span> <span class="token attr-name">triggerText</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">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 punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Bottom<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>Tooltip</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>Tooltip</span> <span class="token attr-name">triggerText</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">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 punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Left<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>Tooltip</span><span class="token punctuation">></span></span>\n',$$slots:{default:[Tn]},$$scope:{ctx:n}}}),H=new G({props:{codeRaw:'<script>\n import { Tooltip, Link, Button } from "carbon-components-svelte";\n<\/script>\n\n<Tooltip triggerText="Resource list">\n <p>Resources are provisioned based on your account\'s organization.</p>\n <div class="bx--tooltip__footer">\n <Link href="/">Learn more</Link>\n <Button size="small">Manage</Button>\n </div>\n</Tooltip>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> Tooltip<span class="token punctuation">,</span> Link<span class="token punctuation">,</span> Button <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>Tooltip</span> <span class="token attr-name">triggerText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Resource list<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"><</span>p</span><span class="token punctuation">></span></span>Resources are provisioned based on your account\'s organization.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>bx--tooltip__footer<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"><</span>Link</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Learn more<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>Link</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>Button</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>small<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Manage<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>Button</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>Tooltip</span><span class="token punctuation">></span></span>\n',$$slots:{default:[Ln]},$$scope:{ctx:n}}}),j=new G({props:{codeRaw:'<script>\n import { Tooltip } from "carbon-components-svelte";\n import Catalog16 from "carbon-icons-svelte/lib/Catalog16";\n<\/script>\n\n<Tooltip triggerText="Resource list" icon={Catalog16}>\n <p>Resources are provisioned based on your account\'s organization.</p>\n</Tooltip>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> Tooltip <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> Catalog16 <span class="token keyword">from</span> <span class="token string">"carbon-icons-svelte/lib/Catalog16"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>Tooltip</span> <span class="token attr-name">triggerText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Resource list<span class="token punctuation">"</span></span> <span class="token attr-name">icon=</span><span class="token language-javascript"><span class="token punctuation">{</span>Catalog16<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"><</span>p</span><span class="token punctuation">></span></span>Resources are provisioned based on your account\'s organization.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>Tooltip</span><span class="token punctuation">></span></span>\n',$$slots:{default:[Cn]},$$scope:{ctx:n}}}),q=new G({props:{codeRaw:'<script>\n import { Tooltip } from "carbon-components-svelte";\n<\/script>\n\n<Tooltip triggerText="Resource list">\n <div slot="icon" style="width: 1rem; height: 1rem; outline: 1px solid red;" />\n <p>Resources are provisioned based on your account\'s organization.</p>\n</Tooltip>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> Tooltip <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>Tooltip</span> <span class="token attr-name">triggerText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Resource list<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"><</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>icon<span class="token punctuation">"</span></span> <span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>width: 1rem; height: 1rem; outline: 1px solid red;<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"><</span>p</span><span class="token punctuation">></span></span>Resources are provisioned based on your account\'s organization.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>Tooltip</span><span class="token punctuation">></span></span>\n',$$slots:{default:[Bn]},$$scope:{ctx:n}}}),{c(){s=E("h3"),a=i("Default (icon-only, “bottom” direction)"),t=I(),N(o.$$.fragment),e=I(),c=E("h3"),d=i("With trigger text"),$=I(),N(m.$$.fragment),h=I(),v=E("h3"),x=i("Directions"),w=I(),N(T.$$.fragment),R=I(),z=E("h3"),C=i("Interactive"),_=I(),N(H.$$.fragment),B=I(),D=E("h3"),M=i("Custom icon (component)"),V=I(),N(j.$$.fragment),A=I(),U=E("h3"),W=i("Custom icon (slot)"),Z=I(),N(q.$$.fragment),F=I(),this.h()},l(n){s=l(n,"H3",{id:!0});var p=r(s);a=u(p,"Default (icon-only, “bottom” direction)"),p.forEach(k),t=L(n),Y(o.$$.fragment,n),e=L(n),c=l(n,"H3",{id:!0});var i=r(c);d=u(i,"With trigger text"),i.forEach(k),$=L(n),Y(m.$$.fragment,n),h=L(n),v=l(n,"H3",{id:!0});var g=r(v);x=u(g,"Directions"),g.forEach(k),w=L(n),Y(T.$$.fragment,n),R=L(n),z=l(n,"H3",{id:!0});var f=r(z);C=u(f,"Interactive"),f.forEach(k),_=L(n),Y(H.$$.fragment,n),B=L(n),D=l(n,"H3",{id:!0});var b=r(D);M=u(b,"Custom icon (component)"),b.forEach(k),V=L(n),Y(j.$$.fragment,n),A=L(n),U=l(n,"H3",{id:!0});var y=r(U);W=u(y,"Custom icon (slot)"),y.forEach(k),Z=L(n),Y(q.$$.fragment,n),F=L(n),this.h()},h(){f(s,"id","default-icon-only-bottom-direction"),f(c,"id","with-trigger-text"),f(v,"id","directions"),f(z,"id","interactive"),f(D,"id","custom-icon-component"),f(U,"id","custom-icon-slot")},m(n,i){p(n,s,i),g(s,a),p(n,t,i),S(o,n,i),p(n,e,i),p(n,c,i),g(c,d),p(n,$,i),S(m,n,i),p(n,h,i),p(n,v,i),g(v,x),p(n,w,i),S(T,n,i),p(n,R,i),p(n,z,i),g(z,C),p(n,_,i),S(H,n,i),p(n,B,i),p(n,D,i),g(D,M),p(n,V,i),S(j,n,i),p(n,A,i),p(n,U,i),g(U,W),p(n,Z,i),S(q,n,i),p(n,F,i),J=!0},p(n,s){const a={};1&s&&(a.$$scope={dirty:s,ctx:n}),o.$set(a);const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),m.$set(t);const e={};1&s&&(e.$$scope={dirty:s,ctx:n}),T.$set(e);const p={};1&s&&(p.$$scope={dirty:s,ctx:n}),H.$set(p);const c={};1&s&&(c.$$scope={dirty:s,ctx:n}),j.$set(c);const i={};1&s&&(i.$$scope={dirty:s,ctx:n}),q.$set(i)},i(n){J||(b(o.$$.fragment,n),b(m.$$.fragment,n),b(T.$$.fragment,n),b(H.$$.fragment,n),b(j.$$.fragment,n),b(q.$$.fragment,n),J=!0)},o(n){y(o.$$.fragment,n),y(m.$$.fragment,n),y(T.$$.fragment,n),y(H.$$.fragment,n),y(j.$$.fragment,n),y(q.$$.fragment,n),J=!1},d(n){n&&k(s),n&&k(t),P(o,n),n&&k(e),n&&k(c),n&&k($),P(m,n),n&&k(h),n&&k(v),n&&k(w),P(T,n),n&&k(R),n&&k(z),n&&k(_),P(H,n),n&&k(B),n&&k(D),n&&k(V),P(j,n),n&&k(A),n&&k(U),n&&k(Z),P(q,n),n&&k(F)}}}function Vn(n){let s,a;return s=new F({props:{$$slots:{default:[Mn],aside:[Dn]},$$scope:{ctx:n}}}),{c(){N(s.$$.fragment)},l(n){Y(s.$$.fragment,n)},m(n,t){S(s,n,t),a=!0},p(n,[a]){const t={};1&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(b(s.$$.fragment,n),a=!0)},o(n){y(s.$$.fragment,n),a=!1},d(n){P(s,n)}}}export default class extends s{constructor(n){super(),a(this,n,null,Vn,t,{})}}
|