carbon-components-svelte/assets/ClickableTile.6f5739e9.js

let s=document.createElement("style");s.innerHTML="",document.head.appendChild(s);import{S as a,i as n,s as t,w as e,c,a as o,m as p,A as l,t as i,b as r,d as u,K as m,g as k,h as $,j as f,k as g,l as d,n as h,o as b,p as w,N as v,q as C,r as x}from"./index.c2c9d961.js";import"./Button.37430222.js";import"./index.af83b04a.js";import{C as y,P as T}from"./Preview.4c9c0c28.js";import"./ChevronDown16.d70ae9ed.js";import"./Loading.8dea5962.js";import"./Column.2e03e551.js";import{C as D}from"./ClickableTile.642583eb.js";import"./Content.94950662.js";import"./store.a9279dc1.js";function j(s){let a;return{c(){a=$("Carbon Design System")},l(s){a=h(s,"Carbon Design System")},m(s,n){C(s,a,n)},d(s){s&&b(a)}}}function E(s){let a,n;return a=new D({props:{href:"https://www.carbondesignsystem.com/",$$slots:{default:[j]},$$scope:{ctx:s}}}),{c(){c(a.$$.fragment)},l(s){o(a.$$.fragment,s)},m(s,t){p(a,s,t),n=!0},p(s,n){const t={};1&n&&(t.$$scope={dirty:n,ctx:s}),a.$set(t)},i(s){n||(i(a.$$.fragment,s),n=!0)},o(s){r(a.$$.fragment,s),n=!1},d(s){u(a,s)}}}function L(s){let a;return{c(){a=$("Carbon Design System")},l(s){a=h(s,"Carbon Design System")},m(s,n){C(s,a,n)},d(s){s&&b(a)}}}function S(s){let a,n;return a=new D({props:{light:!0,href:"https://www.carbondesignsystem.com/",$$slots:{default:[L]},$$scope:{ctx:s}}}),{c(){c(a.$$.fragment)},l(s){o(a.$$.fragment,s)},m(s,t){p(a,s,t),n=!0},p(s,n){const t={};1&n&&(t.$$scope={dirty:n,ctx:s}),a.$set(t)},i(s){n||(i(a.$$.fragment,s),n=!0)},o(s){r(a.$$.fragment,s),n=!1},d(s){u(a,s)}}}function _(s){let a,n,t,e,c,o,p,l,i,r,u,m,y,T;return{c(){a=k("div"),n=k("ul"),t=k("li"),e=k("a"),c=$("Usage"),o=f(),p=k("ul"),l=k("li"),i=k("a"),r=$("Default"),u=f(),m=k("li"),y=k("a"),T=$("Light variant"),this.h()},l(s){a=g(s,"DIV",{slot:!0});var k=d(a);n=g(k,"UL",{class:!0});var $=d(n);t=g($,"LI",{class:!0});var f=d(t);e=g(f,"A",{class:!0,href:!0});var v=d(e);c=h(v,"Usage"),v.forEach(b),o=w(f),p=g(f,"UL",{class:!0});var C=d(p);l=g(C,"LI",{class:!0});var x=d(l);i=g(x,"A",{class:!0,href:!0});var D=d(i);r=h(D,"Default"),D.forEach(b),x.forEach(b),u=w(C),m=g(C,"LI",{class:!0});var j=d(m);y=g(j,"A",{class:!0,href:!0});var E=d(y);T=h(E,"Light variant"),E.forEach(b),j.forEach(b),C.forEach(b),f.forEach(b),$.forEach(b),k.forEach(b),this.h()},h(){v(e,"class","bx--link"),v(e,"href","#usage"),v(i,"class","bx--link"),v(i,"href","#default"),v(l,"class","bx--list__item"),v(y,"class","bx--link"),v(y,"href","#light-variant"),v(m,"class","bx--list__item"),v(p,"class","bx--list--unordered bx--list--nested"),v(t,"class","bx--list__item"),v(n,"class","bx--list--unordered"),v(a,"slot","aside")},m(s,k){C(s,a,k),x(a,n),x(n,t),x(t,e),x(e,c),x(t,o),x(t,p),x(p,l),x(l,i),x(i,r),x(p,u),x(p,m),x(m,y),x(y,T)},d(s){s&&b(a)}}}function A(s){let a,n,t,e,l,m,y,D,j,L,_;return e=new T({props:{codeRaw:'<script>\n  import { ClickableTile } from "carbon-components-svelte";\n<\/script>\n\n<ClickableTile href="https://www.carbondesignsystem.com/">\n  Carbon Design System\n</ClickableTile>\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> ClickableTile <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>ClickableTile</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.carbondesignsystem.com/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  Carbon Design System\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>ClickableTile</span><span class="token punctuation">></span></span>\n',$$slots:{default:[E]},$$scope:{ctx:s}}}),j=new T({props:{codeRaw:'<script>\n  import { ClickableTile } from "carbon-components-svelte";\n<\/script>\n\n<ClickableTile light href="https://www.carbondesignsystem.com/">\n  Carbon Design System\n</ClickableTile>\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> ClickableTile <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>ClickableTile</span> <span class="token attr-name">light</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.carbondesignsystem.com/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  Carbon Design System\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>ClickableTile</span><span class="token punctuation">></span></span>\n',$$slots:{default:[S]},$$scope:{ctx:s}}}),{c(){a=k("h3"),n=$("Default"),t=f(),c(e.$$.fragment),l=f(),m=k("h3"),y=$("Light variant"),D=f(),c(j.$$.fragment),L=f(),this.h()},l(s){a=g(s,"H3",{id:!0});var c=d(a);n=h(c,"Default"),c.forEach(b),t=w(s),o(e.$$.fragment,s),l=w(s),m=g(s,"H3",{id:!0});var p=d(m);y=h(p,"Light variant"),p.forEach(b),D=w(s),o(j.$$.fragment,s),L=w(s),this.h()},h(){v(a,"id","default"),v(m,"id","light-variant")},m(s,c){C(s,a,c),x(a,n),C(s,t,c),p(e,s,c),C(s,l,c),C(s,m,c),x(m,y),C(s,D,c),p(j,s,c),C(s,L,c),_=!0},p(s,a){const n={};1&a&&(n.$$scope={dirty:a,ctx:s}),e.$set(n);const t={};1&a&&(t.$$scope={dirty:a,ctx:s}),j.$set(t)},i(s){_||(i(e.$$.fragment,s),i(j.$$.fragment,s),_=!0)},o(s){r(e.$$.fragment,s),r(j.$$.fragment,s),_=!1},d(s){s&&b(a),s&&b(t),u(e,s),s&&b(l),s&&b(m),s&&b(D),u(j,s),s&&b(L)}}}function I(s){let a,n;const t=[U];let k={$$slots:{default:[A],aside:[_]},$$scope:{ctx:s}};for(let s=0;s<t.length;s+=1)k=e(k,t[s]);return a=new y({props:k}),{c(){c(a.$$.fragment)},l(s){o(a.$$.fragment,s)},m(s,t){p(a,s,t),n=!0},p(s,[n]){const e=0&n?l(t,[m(U)]):{};1&n&&(e.$$scope={dirty:n,ctx:s}),a.$set(e)},i(s){n||(i(a.$$.fragment,s),n=!0)},o(s){r(a.$$.fragment,s),n=!1},d(s){u(a,s)}}}const U={source:"Tile/ClickableTile.svelte"};export default class extends a{constructor(s){super(),n(this,s,null,I,t,{})}}export{U as metadata};