import{c as t,d as e,b as n,D as r,o as $,e as s,f as o,E as a,p as c,g as l,h as i,i as p,j as f,k as m,F as d,l as g,m as u,A as h,y,G as v,a as x,w,x as B,z as I,a1 as E}from"./chunk.82446879.js";import{B as F,C as D,g as b,s as j}from"./chunk.f5a3f321.js";import"./chunk.e8a2e241.js";import{a as V}from"./chunk.4b4ee497.js";import"./chunk.b01e898f.js";import{a as S}from"./chunk.fb378401.js";import{a as k}from"./chunk.94a6e723.js";function U(t,e,n){const r=t.slice();return r[1]=e[n],r}function P(t){let e;const n=new D({props:{value:"Rich Harris"}});return{c(){r(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,r){d(n,t,r),e=!0},p:x,i(t){e||(h(n.$$.fragment,t),e=!0)},o(t){y(n.$$.fragment,t),e=!1},d(t){v(n,t)}}}function R(t){let e;const n=new D({props:{value:"john@"}});return{c(){r(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,r){d(n,t,r),e=!0},p:x,i(t){e||(h(n.$$.fragment,t),e=!0)},o(t){y(n.$$.fragment,t),e=!1},d(t){v(n,t)}}}function A(t){let e;const n=new D({props:{value:"joey55"}});return{c(){r(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,r){d(n,t,r),e=!0},p:x,i(t){e||(h(n.$$.fragment,t),e=!0)},o(t){y(n.$$.fragment,t),e=!1},d(t){v(n,t)}}}function G(t){let e,n,o,p;const x=new F({props:{label:"Name",$$slots:{default:[P]},$$scope:{ctx:t}}}),w=new F({props:{label:"Email",type:"is-danger",message:"Email is invalid",$$slots:{default:[R]},$$scope:{ctx:t}}}),B=new F({props:{label:"Username",type:"is-success",message:"Username is available",$$slots:{default:[A]},$$scope:{ctx:t}}});return{c(){e=s("div"),r(x.$$.fragment),n=$(),r(w.$$.fragment),o=$(),r(B.$$.fragment),this.h()},l(t){e=l(t,"DIV",{slot:!0});var r=i(e);a(x.$$.fragment,r),n=c(r),a(w.$$.fragment,r),o=c(r),a(B.$$.fragment,r),r.forEach(f),this.h()},h(){m(e,"slot","preview")},m(t,r){g(t,e,r),d(x,e,null),u(e,n),d(w,e,null),u(e,o),d(B,e,null),p=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),x.$set(n);const r={};16&e&&(r.$$scope={dirty:e,ctx:t}),w.$set(r);const $={};16&e&&($.$$scope={dirty:e,ctx:t}),B.$set($)},i(t){p||(h(x.$$.fragment,t),h(w.$$.fragment,t),h(B.$$.fragment,t),p=!0)},o(t){y(x.$$.fragment,t),y(w.$$.fragment,t),y(B.$$.fragment,t),p=!1},d(t){t&&f(e),v(x),v(w),v(B)}}}function H(t){let e;return{c(){e=o("Search")},l(t){e=p(t,"Search")},m(t,n){g(t,e,n)},d(t){t&&f(e)}}}function N(t){let e,n,o;const p=new D({props:{type:"search",placeholder:"Search",icon:"search"}}),u=new b({props:{type:"is-primary",$$slots:{default:[H]},$$scope:{ctx:t}}});return{c(){r(p.$$.fragment),e=$(),n=s("p"),r(u.$$.fragment),this.h()},l(t){a(p.$$.fragment,t),e=c(t),n=l(t,"P",{class:!0});var r=i(n);a(u.$$.fragment,r),r.forEach(f),this.h()},h(){m(n,"class","control")},m(t,r){d(p,t,r),g(t,e,r),g(t,n,r),d(u,n,null),o=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),u.$set(n)},i(t){o||(h(p.$$.fragment,t),h(u.$$.fragment,t),o=!0)},o(t){y(p.$$.fragment,t),y(u.$$.fragment,t),o=!1},d(t){v(p,t),t&&f(e),t&&f(n),v(u)}}}function C(t){let e;return{c(){e=o("@gmail.com")},l(t){e=p(t,"@gmail.com")},m(t,n){g(t,e,n)},d(t){t&&f(e)}}}function O(t){let e,n,o;const p=new D({props:{type:"search",placeholder:"This is expanded",expanded:!0}}),u=new b({props:{type:"is-static",$$slots:{default:[C]},$$scope:{ctx:t}}});return{c(){r(p.$$.fragment),e=$(),n=s("p"),r(u.$$.fragment),this.h()},l(t){a(p.$$.fragment,t),e=c(t),n=l(t,"P",{class:!0});var r=i(n);a(u.$$.fragment,r),r.forEach(f),this.h()},h(){m(n,"class","control")},m(t,r){d(p,t,r),g(t,e,r),g(t,n,r),d(u,n,null),o=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),u.$set(n)},i(t){o||(h(p.$$.fragment,t),h(u.$$.fragment,t),o=!0)},o(t){y(p.$$.fragment,t),y(u.$$.fragment,t),o=!1},d(t){v(p,t),t&&f(e),t&&f(n),v(u)}}}function M(t){let e;const n=new j({props:{icon:"bold"}});return{c(){r(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,r){d(n,t,r),e=!0},p:x,i(t){e||(h(n.$$.fragment,t),e=!0)},o(t){y(n.$$.fragment,t),e=!1},d(t){v(n,t)}}}function T(t){let e;const n=new j({props:{icon:"italic"}});return{c(){r(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,r){d(n,t,r),e=!0},p:x,i(t){e||(h(n.$$.fragment,t),e=!0)},o(t){y(n.$$.fragment,t),e=!1},d(t){v(n,t)}}}function Y(t){let e;const n=new j({props:{icon:"underline"}});return{c(){r(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,r){d(n,t,r),e=!0},p:x,i(t){e||(h(n.$$.fragment,t),e=!0)},o(t){y(n.$$.fragment,t),e=!1},d(t){v(n,t)}}}function z(t){let e;const n=new j({props:{icon:"align-left"}});return{c(){r(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,r){d(n,t,r),e=!0},p:x,i(t){e||(h(n.$$.fragment,t),e=!0)},o(t){y(n.$$.fragment,t),e=!1},d(t){v(n,t)}}}function q(t){let e;const n=new j({props:{icon:"align-center"}});return{c(){r(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,r){d(n,t,r),e=!0},p:x,i(t){e||(h(n.$$.fragment,t),e=!0)},o(t){y(n.$$.fragment,t),e=!1},d(t){v(n,t)}}}function J(t){let e;const n=new j({props:{icon:"align-right"}});return{c(){r(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,r){d(n,t,r),e=!0},p:x,i(t){e||(h(n.$$.fragment,t),e=!0)},o(t){y(n.$$.fragment,t),e=!1},d(t){v(n,t)}}}function K(t){let e,n,o,p,u,x,w,B,I,E,F,j,V;const S=new b({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),k=new b({props:{$$slots:{default:[T]},$$scope:{ctx:t}}}),U=new b({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),P=new b({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),R=new b({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),A=new b({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),G=new D({props:{expanded:!0,icon:"comment",placeholder:"Text here"}});return{c(){e=s("div"),r(S.$$.fragment),n=$(),o=s("div"),r(k.$$.fragment),p=$(),u=s("div"),r(U.$$.fragment),x=$(),w=s("div"),r(P.$$.fragment),B=$(),I=s("div"),r(R.$$.fragment),E=$(),F=s("div"),r(A.$$.fragment),j=$(),r(G.$$.fragment),this.h()},l(t){e=l(t,"DIV",{class:!0});var r=i(e);a(S.$$.fragment,r),r.forEach(f),n=c(t),o=l(t,"DIV",{class:!0});var $=i(o);a(k.$$.fragment,$),$.forEach(f),p=c(t),u=l(t,"DIV",{class:!0});var s=i(u);a(U.$$.fragment,s),s.forEach(f),x=c(t),w=l(t,"DIV",{class:!0});var m=i(w);a(P.$$.fragment,m),m.forEach(f),B=c(t),I=l(t,"DIV",{class:!0});var d=i(I);a(R.$$.fragment,d),d.forEach(f),E=c(t),F=l(t,"DIV",{class:!0});var g=i(F);a(A.$$.fragment,g),g.forEach(f),j=c(t),a(G.$$.fragment,t),this.h()},h(){m(e,"class","control"),m(o,"class","control"),m(u,"class","control"),m(w,"class","control"),m(I,"class","control"),m(F,"class","control")},m(t,r){g(t,e,r),d(S,e,null),g(t,n,r),g(t,o,r),d(k,o,null),g(t,p,r),g(t,u,r),d(U,u,null),g(t,x,r),g(t,w,r),d(P,w,null),g(t,B,r),g(t,I,r),d(R,I,null),g(t,E,r),g(t,F,r),d(A,F,null),g(t,j,r),d(G,t,r),V=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),S.$set(n);const r={};16&e&&(r.$$scope={dirty:e,ctx:t}),k.$set(r);const $={};16&e&&($.$$scope={dirty:e,ctx:t}),U.$set($);const s={};16&e&&(s.$$scope={dirty:e,ctx:t}),P.$set(s);const o={};16&e&&(o.$$scope={dirty:e,ctx:t}),R.$set(o);const a={};16&e&&(a.$$scope={dirty:e,ctx:t}),A.$set(a)},i(t){V||(h(S.$$.fragment,t),h(k.$$.fragment,t),h(U.$$.fragment,t),h(P.$$.fragment,t),h(R.$$.fragment,t),h(A.$$.fragment,t),h(G.$$.fragment,t),V=!0)},o(t){y(S.$$.fragment,t),y(k.$$.fragment,t),y(U.$$.fragment,t),y(P.$$.fragment,t),y(R.$$.fragment,t),y(A.$$.fragment,t),y(G.$$.fragment,t),V=!1},d(t){t&&f(e),v(S),t&&f(n),t&&f(o),v(k),t&&f(p),t&&f(u),v(U),t&&f(x),t&&f(w),v(P),t&&f(B),t&&f(I),v(R),t&&f(E),t&&f(F),v(A),t&&f(j),v(G,t)}}}function L(t){let e;return{c(){e=o("Button")},l(t){e=p(t,"Button")},m(t,n){g(t,e,n)},d(t){t&&f(e)}}}function Q(t){let e;const n=new j({props:{icon:"search"}});return{c(){r(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,r){d(n,t,r),e=!0},p:x,i(t){e||(h(n.$$.fragment,t),e=!0)},o(t){y(n.$$.fragment,t),e=!1},d(t){v(n,t)}}}function W(t){let e,n,o,p;const u=new b({props:{type:"is-primary",$$slots:{default:[L]},$$scope:{ctx:t}}}),x=new b({props:{type:"is-primary",$$slots:{default:[Q]},$$scope:{ctx:t}}});return{c(){e=s("div"),r(u.$$.fragment),n=$(),o=s("div"),r(x.$$.fragment),this.h()},l(t){e=l(t,"DIV",{class:!0});var r=i(e);a(u.$$.fragment,r),r.forEach(f),n=c(t),o=l(t,"DIV",{class:!0});var $=i(o);a(x.$$.fragment,$),$.forEach(f),this.h()},h(){m(e,"class","control"),m(o,"class","control")},m(t,r){g(t,e,r),d(u,e,null),g(t,n,r),g(t,o,r),d(x,o,null),p=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),u.$set(n);const r={};16&e&&(r.$$scope={dirty:e,ctx:t}),x.$set(r)},i(t){p||(h(u.$$.fragment,t),h(x.$$.fragment,t),p=!0)},o(t){y(u.$$.fragment,t),y(x.$$.fragment,t),p=!1},d(t){t&&f(e),v(u),t&&f(n),t&&f(o),v(x)}}}function X(t){let e,n,o,p,x,w,B;const I=new F({props:{$$slots:{default:[N]},$$scope:{ctx:t}}}),E=new F({props:{$$slots:{default:[O]},$$scope:{ctx:t}}}),D=new F({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),b=new F({props:{$$slots:{default:[W]},$$scope:{ctx:t}}});return{c(){e=s("div"),r(I.$$.fragment),n=$(),r(E.$$.fragment),o=$(),p=s("hr"),x=$(),r(D.$$.fragment),w=$(),r(b.$$.fragment),this.h()},l(t){e=l(t,"DIV",{slot:!0});var r=i(e);a(I.$$.fragment,r),n=c(r),a(E.$$.fragment,r),o=c(r),p=l(r,"HR",{}),x=c(r),a(D.$$.fragment,r),w=c(r),a(b.$$.fragment,r),r.forEach(f),this.h()},h(){m(e,"slot","preview")},m(t,r){g(t,e,r),d(I,e,null),u(e,n),d(E,e,null),u(e,o),u(e,p),u(e,x),d(D,e,null),u(e,w),d(b,e,null),B=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),I.$set(n);const r={};16&e&&(r.$$scope={dirty:e,ctx:t}),E.$set(r);const $={};16&e&&($.$$scope={dirty:e,ctx:t}),D.$set($);const s={};16&e&&(s.$$scope={dirty:e,ctx:t}),b.$set(s)},i(t){B||(h(I.$$.fragment,t),h(E.$$.fragment,t),h(D.$$.fragment,t),h(b.$$.fragment,t),B=!0)},o(t){y(I.$$.fragment,t),y(E.$$.fragment,t),y(D.$$.fragment,t),y(b.$$.fragment,t),B=!1},d(t){t&&f(e),v(I),v(E),v(D),v(b)}}}function Z(t){let e;return{c(){e=o("Search")},l(t){e=p(t,"Search")},m(t,n){g(t,e,n)},d(t){t&&f(e)}}}function _(t){let e,n,o;const p=new D({props:{type:"search",placeholder:"Search",icon:"search"}}),u=new b({props:{type:"is-primary",$$slots:{default:[Z]},$$scope:{ctx:t}}});return{c(){r(p.$$.fragment),e=$(),n=s("p"),r(u.$$.fragment),this.h()},l(t){a(p.$$.fragment,t),e=c(t),n=l(t,"P",{class:!0});var r=i(n);a(u.$$.fragment,r),r.forEach(f),this.h()},h(){m(n,"class","control")},m(t,r){d(p,t,r),g(t,e,r),g(t,n,r),d(u,n,null),o=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),u.$set(n)},i(t){o||(h(p.$$.fragment,t),h(u.$$.fragment,t),o=!0)},o(t){y(p.$$.fragment,t),y(u.$$.fragment,t),o=!1},d(t){v(p,t),t&&f(e),t&&f(n),v(u)}}}function tt(t){let e;return{c(){e=o("Search")},l(t){e=p(t,"Search")},m(t,n){g(t,e,n)},d(t){t&&f(e)}}}function et(t){let e,n,o;const p=new D({props:{type:"search",placeholder:"Search",icon:"search",expanded:!0}}),u=new b({props:{type:"is-primary",$$slots:{default:[tt]},$$scope:{ctx:t}}});return{c(){r(p.$$.fragment),e=$(),n=s("p"),r(u.$$.fragment),this.h()},l(t){a(p.$$.fragment,t),e=c(t),n=l(t,"P",{class:!0});var r=i(n);a(u.$$.fragment,r),r.forEach(f),this.h()},h(){m(n,"class","control")},m(t,r){d(p,t,r),g(t,e,r),g(t,n,r),d(u,n,null),o=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),u.$set(n)},i(t){o||(h(p.$$.fragment,t),h(u.$$.fragment,t),o=!0)},o(t){y(p.$$.fragment,t),y(u.$$.fragment,t),o=!1},d(t){v(p,t),t&&f(e),t&&f(n),v(u)}}}function nt(t){let e,n,o;const p=new F({props:{grouped:!0,$$slots:{default:[_]},$$scope:{ctx:t}}}),x=new F({props:{grouped:!0,$$slots:{default:[et]},$$scope:{ctx:t}}});return{c(){e=s("div"),r(p.$$.fragment),n=$(),r(x.$$.fragment),this.h()},l(t){e=l(t,"DIV",{slot:!0});var r=i(e);a(p.$$.fragment,r),n=c(r),a(x.$$.fragment,r),r.forEach(f),this.h()},h(){m(e,"slot","preview")},m(t,r){g(t,e,r),d(p,e,null),u(e,n),d(x,e,null),o=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),p.$set(n);const r={};16&e&&(r.$$scope={dirty:e,ctx:t}),x.$set(r)},i(t){o||(h(p.$$.fragment,t),h(x.$$.fragment,t),o=!0)},o(t){y(p.$$.fragment,t),y(x.$$.fragment,t),o=!1},d(t){t&&f(e),v(p),v(x)}}}function rt(t){let e;return{c(){e=o("Button")},l(t){e=p(t,"Button")},m(t,n){g(t,e,n)},d(t){t&&f(e)}}}function $t(t){let e;const n=new b({props:{type:"is-primary",$$slots:{default:[rt]},$$scope:{ctx:t}}});return{c(){r(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,r){d(n,t,r),e=!0},p(t,e){const r={};16&e&&(r.$$scope={dirty:e,ctx:t}),n.$set(r)},i(t){e||(h(n.$$.fragment,t),e=!0)},o(t){y(n.$$.fragment,t),e=!1},d(t){v(n,t)}}}function st(t){let e;const n=new D({});return{c(){r(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,r){d(n,t,r),e=!0},i(t){e||(h(n.$$.fragment,t),e=!0)},o(t){y(n.$$.fragment,t),e=!1},d(t){v(n,t)}}}function ot(t){let e;const n=new D({});return{c(){r(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,r){d(n,t,r),e=!0},i(t){e||(h(n.$$.fragment,t),e=!0)},o(t){y(n.$$.fragment,t),e=!1},d(t){v(n,t)}}}function at(t){let e,n,s;const o=new F({props:{label:"Button",$$slots:{default:[$t]},$$scope:{ctx:t}}}),l=new F({props:{label:"Name",expanded:!0,$$slots:{default:[st]},$$scope:{ctx:t}}}),i=new F({props:{label:"Email",expanded:!0,$$slots:{default:[ot]},$$scope:{ctx:t}}});return{c(){r(o.$$.fragment),e=$(),r(l.$$.fragment),n=$(),r(i.$$.fragment)},l(t){a(o.$$.fragment,t),e=c(t),a(l.$$.fragment,t),n=c(t),a(i.$$.fragment,t)},m(t,r){d(o,t,r),g(t,e,r),d(l,t,r),g(t,n,r),d(i,t,r),s=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),o.$set(n);const r={};16&e&&(r.$$scope={dirty:e,ctx:t}),l.$set(r);const $={};16&e&&($.$$scope={dirty:e,ctx:t}),i.$set($)},i(t){s||(h(o.$$.fragment,t),h(l.$$.fragment,t),h(i.$$.fragment,t),s=!0)},o(t){y(o.$$.fragment,t),y(l.$$.fragment,t),y(i.$$.fragment,t),s=!1},d(t){v(o,t),t&&f(e),v(l,t),t&&f(n),v(i,t)}}}function ct(t){let e,n;const $=new F({props:{grouped:!0,$$slots:{default:[at]},$$scope:{ctx:t}}});return{c(){e=s("div"),r($.$$.fragment),this.h()},l(t){e=l(t,"DIV",{slot:!0});var n=i(e);a($.$$.fragment,n),n.forEach(f),this.h()},h(){m(e,"slot","preview")},m(t,r){g(t,e,r),d($,e,null),n=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n)},i(t){n||(h($.$$.fragment,t),n=!0)},o(t){y($.$$.fragment,t),n=!1},d(t){t&&f(e),v($)}}}function lt(t){let e,n=t[1]+"";return{c(){e=o(n)},l(t){e=p(t,n)},m(t,n){g(t,e,n)},p:x,d(t){t&&f(e)}}}function it(t){let e,n,o;const p=new b({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}});return{c(){e=s("div"),r(p.$$.fragment),n=$(),this.h()},l(t){e=l(t,"DIV",{class:!0});var r=i(e);a(p.$$.fragment,r),n=c(r),r.forEach(f),this.h()},h(){m(e,"class","control")},m(t,r){g(t,e,r),d(p,e,null),u(e,n),o=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),p.$set(n)},i(t){o||(h(p.$$.fragment,t),o=!0)},o(t){y(p.$$.fragment,t),o=!1},d(t){t&&f(e),v(p)}}}function pt(t){let e,n,s;const o=new D({});let l=Array(30).fill().map(xt),i=[];for(let e=0;e<l.length;e+=1)i[e]=it(U(t,l,e));const p=t=>y(i[t],1,1,()=>{i[t]=null});return{c(){r(o.$$.fragment),e=$();for(let t=0;t<i.length;t+=1)i[t].c();n=w()},l(t){a(o.$$.fragment,t),e=c(t);for(let e=0;e<i.length;e+=1)i[e].l(t);n=w()},m(t,r){d(o,t,r),g(t,e,r);for(let e=0;e<i.length;e+=1)i[e].m(t,r);g(t,n,r),s=!0},p(t,e){if(0&e){let r;for(l=Array(30).fill().map(xt),r=0;r<l.length;r+=1){const $=U(t,l,r);i[r]?(i[r].p($,e),h(i[r],1)):(i[r]=it($),i[r].c(),h(i[r],1),i[r].m(n.parentNode,n))}for(B(),r=l.length;r<i.length;r+=1)p(r);I()}},i(t){if(!s){h(o.$$.fragment,t);for(let t=0;t<l.length;t+=1)h(i[t]);s=!0}},o(t){y(o.$$.fragment,t),i=i.filter(Boolean);for(let t=0;t<i.length;t+=1)y(i[t]);s=!1},d(t){v(o,t),t&&f(e),E(i,t),t&&f(n)}}}function ft(t){let e,n;const $=new F({props:{grouped:!0,groupMultiline:!0,$$slots:{default:[pt]},$$scope:{ctx:t}}});return{c(){e=s("div"),r($.$$.fragment),this.h()},l(t){e=l(t,"DIV",{slot:!0});var n=i(e);a($.$$.fragment,n),n.forEach(f),this.h()},h(){m(e,"slot","preview")},m(t,r){g(t,e,r),d($,e,null),n=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n)},i(t){n||(h($.$$.fragment,t),n=!0)},o(t){y($.$$.fragment,t),n=!1},d(t){t&&f(e),v($)}}}function mt(t){let e;return{c(){e=o("Button")},l(t){e=p(t,"Button")},m(t,n){g(t,e,n)},d(t){t&&f(e)}}}function dt(t){let e,n,o;const p=new D({}),u=new b({props:{type:"is-primary",$$slots:{default:[mt]},$$scope:{ctx:t}}});return{c(){r(p.$$.fragment),e=$(),n=s("div"),r(u.$$.fragment),this.h()},l(t){a(p.$$.fragment,t),e=c(t),n=l(t,"DIV",{class:!0});var r=i(n);a(u.$$.fragment,r),r.forEach(f),this.h()},h(){m(n,"class","control")},m(t,r){d(p,t,r),g(t,e,r),g(t,n,r),d(u,n,null),o=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),u.$set(n)},i(t){o||(h(p.$$.fragment,t),h(u.$$.fragment,t),o=!0)},o(t){y(p.$$.fragment,t),y(u.$$.fragment,t),o=!1},d(t){v(p,t),t&&f(e),t&&f(n),v(u)}}}function gt(t){let e;return{c(){e=o("Button")},l(t){e=p(t,"Button")},m(t,n){g(t,e,n)},d(t){t&&f(e)}}}function ut(t){let e,n,o;const p=new D({}),u=new b({props:{type:"is-primary",$$slots:{default:[gt]},$$scope:{ctx:t}}});return{c(){r(p.$$.fragment),e=$(),n=s("div"),r(u.$$.fragment),this.h()},l(t){a(p.$$.fragment,t),e=c(t),n=l(t,"DIV",{class:!0});var r=i(n);a(u.$$.fragment,r),r.forEach(f),this.h()},h(){m(n,"class","control")},m(t,r){d(p,t,r),g(t,e,r),g(t,n,r),d(u,n,null),o=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),u.$set(n)},i(t){o||(h(p.$$.fragment,t),h(u.$$.fragment,t),o=!0)},o(t){y(p.$$.fragment,t),y(u.$$.fragment,t),o=!1},d(t){v(p,t),t&&f(e),t&&f(n),v(u)}}}function ht(t){let e,n,o;const p=new F({props:{position:"is-centered",$$slots:{default:[dt]},$$scope:{ctx:t}}}),x=new F({props:{grouped:!0,position:"is-right",$$slots:{default:[ut]},$$scope:{ctx:t}}});return{c(){e=s("div"),r(p.$$.fragment),n=$(),r(x.$$.fragment),this.h()},l(t){e=l(t,"DIV",{slot:!0});var r=i(e);a(p.$$.fragment,r),n=c(r),a(x.$$.fragment,r),r.forEach(f),this.h()},h(){m(e,"slot","preview")},m(t,r){g(t,e,r),d(p,e,null),u(e,n),d(x,e,null),o=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),p.$set(n);const r={};16&e&&(r.$$scope={dirty:e,ctx:t}),x.$set(r)},i(t){o||(h(p.$$.fragment,t),h(x.$$.fragment,t),o=!0)},o(t){y(p.$$.fragment,t),y(x.$$.fragment,t),o=!1},d(t){t&&f(e),v(p),v(x)}}}function yt(t){let e,n,x,w,B,I,E,F,D,b,j,U,P,R,A,H,N,C,O,M,T,Y,z,q,J,K,L,Q,W,Z,_,tt,et,rt,$t,st,ot,at,lt,it,pt,mt,dt,gt,ut,yt,vt,xt,wt,Bt,It,Et,Ft,Dt;const bt=new V({props:{title:"Field",subtitle:"添加功能和样式表单元素/输入"}}),jt=new S({props:{code:'<script>\n  import { Field, Input } from \'svelma-pro\'\n<\/script>\n\n<Field label="Name">\n  <Input value="Rich Harris" />\n</Field>\n\n<Field label="Email" type="is-danger" message="Email is invalid">\n  <Input value="john@" />\n</Field>\n\n<Field label="Username" type="is-success" message="Username is available">\n  <Input value="joey55" />\n</Field>',$$slots:{preview:[G]},$$scope:{ctx:t}}}),Vt=new S({props:{code:'<script>\n  import { Button, Field, Icon, Input } from \'svelma-pro\'\n<\/script>\n\n<Field>\n  <Input type="search" placeholder="Search" icon="search" />\n  <p class="control">\n    <Button type="is-primary">Search</Button>\n  </p>\n</Field>\n\n<Field>\n  <Input type="search" placeholder="This is expanded" expanded />\n  <p class="control">\n    <Button type="is-static">@gmail.com</Button>\n  </p>\n</Field>\n\n<hr>\n\n<Field>\n  <div class="control"><Button><Icon icon="bold"></Icon></Button></div>\n  <div class="control"><Button><Icon icon="italic"></Icon></Button></div>\n  <div class="control"><Button><Icon icon="underline"></Icon></Button></div>\n  <div class="control"><Button><Icon icon="align-left"></Icon></Button></div>\n  <div class="control"><Button><Icon icon="align-center"></Icon></Button></div>\n  <div class="control"><Button><Icon icon="align-right"></Icon></Button></div>\n  <Input expanded icon="comment" placeholder="Text here" />\n</Field>\n\n<Field>\n  <div class="control"><Button type="is-primary">Button</Button></div>\n  <div class="control"><Button type="is-primary"><Icon icon="search" /></Button></div>\n</Field>',$$slots:{preview:[X]},$$scope:{ctx:t}}}),St=new S({props:{code:'<script>\n  import { Button, Field, Input } from \'svelma-pro\'\n<\/script>\n\n<Field grouped>\n  <Input type="search" placeholder="Search" icon="search" />\n  <p class="control">\n    <Button type="is-primary">Search</Button>\n  </p>\n</Field>\n\n<Field grouped>\n  <Input type="search" placeholder="Search" icon="search" expanded />\n  <p class="control">\n    <Button type="is-primary">Search</Button>\n  </p>\n</Field>',$$slots:{preview:[nt]},$$scope:{ctx:t}}}),kt=new S({props:{code:'<script>\n  import { Button, Field, Input } from \'svelma-pro\'\n<\/script>\n\n<Field grouped>\n  <Field label="Button">\n    <Button type="is-primary">Button</Button>\n  </Field>\n\n  <Field label="Name" expanded>\n    <Input />\n  </Field>\n\n  <Field label="Email" expanded>\n    <Input />\n  </Field>\n</Field>',$$slots:{preview:[ct]},$$scope:{ctx:t}}}),Ut=new S({props:{code:"<script>\n  import { Button, Field, Input } from 'svelma-pro'\n<\/script>\n\n<Field grouped groupMultiline>\n  <Input />\n  {#each Array(30).fill().map((x, i) => i+1) as num}\n    <div class=\"control\">\n      <Button>{num}</Button>\n    </div>\n  {/each}\n</Field>",$$slots:{preview:[ft]},$$scope:{ctx:t}}}),Pt=new S({props:{code:'<script>\n  import { Button, Field, Input } from \'svelma-pro\'\n<\/script>\n\n<Field position="is-centered">\n  <Input />\n  <div class="control"><Button type="is-primary">Button</Button></div>\n</Field>\n\n<Field grouped position="is-right">\n  <Input />\n  <div class="control"><Button type="is-primary">Button</Button></div>\n</Field>',$$slots:{preview:[ht]},$$scope:{ctx:t}}}),Rt=new k({props:{jsdoc:t[0]}});return{c(){r(bt.$$.fragment),e=$(),r(jt.$$.fragment),n=$(),x=s("hr"),w=$(),B=s("p"),I=o("Addons"),E=o("\n\nMultiple controls in a field get attached.  Use "),F=s("code"),D=o("expanded"),b=o(" property on the control to fill up space on the line.\n\n"),r(Vt.$$.fragment),j=$(),U=s("hr"),P=$(),R=s("p"),A=o("Groups"),H=o("\n\nUse the "),N=s("code"),C=o("grouped"),O=o(" property to group controls together. Use the "),M=s("code"),T=o("expanded"),Y=o(" property to make a control take up remaining space.\n\n"),r(St.$$.fragment),z=$(),q=s("hr"),J=$(),K=s("p"),L=o("Nested Groups"),Q=o("\n\nYou can nest fields inside fields. You have to use the "),W=s("code"),Z=o("expanded"),_=o(" property on the "),tt=s("strong"),et=o("Field"),rt=o(" to fill up the remaining space. \n\n"),r(kt.$$.fragment),$t=$(),st=s("hr"),ot=$(),at=s("p"),lt=o("Responsive Groups"),it=o("\n\nAdd "),pt=s("code"),mt=o("groupMultiline"),dt=o(" property to allow controls to fill up multiple lines.\n\n"),r(Ut.$$.fragment),gt=$(),ut=s("hr"),yt=$(),vt=s("p"),xt=o("Positions"),wt=o("\n\nUse "),Bt=s("code"),It=o("position"),Et=o(" property to align Field horizontally.\n\n"),r(Pt.$$.fragment),Ft=$(),r(Rt.$$.fragment),this.h()},l(t){a(bt.$$.fragment,t),e=c(t),a(jt.$$.fragment,t),n=c(t),x=l(t,"HR",{class:!0}),w=c(t),B=l(t,"P",{class:!0});var r=i(B);I=p(r,"Addons"),r.forEach(f),E=p(t,"\n\nMultiple controls in a field get attached.  Use "),F=l(t,"CODE",{});var $=i(F);D=p($,"expanded"),$.forEach(f),b=p(t," property on the control to fill up space on the line.\n\n"),a(Vt.$$.fragment,t),j=c(t),U=l(t,"HR",{class:!0}),P=c(t),R=l(t,"P",{class:!0});var s=i(R);A=p(s,"Groups"),s.forEach(f),H=p(t,"\n\nUse the "),N=l(t,"CODE",{});var o=i(N);C=p(o,"grouped"),o.forEach(f),O=p(t," property to group controls together. Use the "),M=l(t,"CODE",{});var m=i(M);T=p(m,"expanded"),m.forEach(f),Y=p(t," property to make a control take up remaining space.\n\n"),a(St.$$.fragment,t),z=c(t),q=l(t,"HR",{class:!0}),J=c(t),K=l(t,"P",{class:!0});var d=i(K);L=p(d,"Nested Groups"),d.forEach(f),Q=p(t,"\n\nYou can nest fields inside fields. You have to use the "),W=l(t,"CODE",{});var g=i(W);Z=p(g,"expanded"),g.forEach(f),_=p(t," property on the "),tt=l(t,"STRONG",{});var u=i(tt);et=p(u,"Field"),u.forEach(f),rt=p(t," to fill up the remaining space. \n\n"),a(kt.$$.fragment,t),$t=c(t),st=l(t,"HR",{class:!0}),ot=c(t),at=l(t,"P",{class:!0});var h=i(at);lt=p(h,"Responsive Groups"),h.forEach(f),it=p(t,"\n\nAdd "),pt=l(t,"CODE",{});var y=i(pt);mt=p(y,"groupMultiline"),y.forEach(f),dt=p(t," property to allow controls to fill up multiple lines.\n\n"),a(Ut.$$.fragment,t),gt=c(t),ut=l(t,"HR",{class:!0}),yt=c(t),vt=l(t,"P",{class:!0});var v=i(vt);xt=p(v,"Positions"),v.forEach(f),wt=p(t,"\n\nUse "),Bt=l(t,"CODE",{});var V=i(Bt);It=p(V,"position"),V.forEach(f),Et=p(t," property to align Field horizontally.\n\n"),a(Pt.$$.fragment,t),Ft=c(t),a(Rt.$$.fragment,t),this.h()},h(){m(x,"class","is-medium"),m(B,"class","title is-4"),m(U,"class","is-medium"),m(R,"class","title is-4"),m(q,"class","is-medium"),m(K,"class","title is-4"),m(st,"class","is-medium"),m(at,"class","title is-4"),m(ut,"class","is-medium"),m(vt,"class","title is-4")},m(t,r){d(bt,t,r),g(t,e,r),d(jt,t,r),g(t,n,r),g(t,x,r),g(t,w,r),g(t,B,r),u(B,I),g(t,E,r),g(t,F,r),u(F,D),g(t,b,r),d(Vt,t,r),g(t,j,r),g(t,U,r),g(t,P,r),g(t,R,r),u(R,A),g(t,H,r),g(t,N,r),u(N,C),g(t,O,r),g(t,M,r),u(M,T),g(t,Y,r),d(St,t,r),g(t,z,r),g(t,q,r),g(t,J,r),g(t,K,r),u(K,L),g(t,Q,r),g(t,W,r),u(W,Z),g(t,_,r),g(t,tt,r),u(tt,et),g(t,rt,r),d(kt,t,r),g(t,$t,r),g(t,st,r),g(t,ot,r),g(t,at,r),u(at,lt),g(t,it,r),g(t,pt,r),u(pt,mt),g(t,dt,r),d(Ut,t,r),g(t,gt,r),g(t,ut,r),g(t,yt,r),g(t,vt,r),u(vt,xt),g(t,wt,r),g(t,Bt,r),u(Bt,It),g(t,Et,r),d(Pt,t,r),g(t,Ft,r),d(Rt,t,r),Dt=!0},p(t,[e]){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),jt.$set(n);const r={};16&e&&(r.$$scope={dirty:e,ctx:t}),Vt.$set(r);const $={};16&e&&($.$$scope={dirty:e,ctx:t}),St.$set($);const s={};16&e&&(s.$$scope={dirty:e,ctx:t}),kt.$set(s);const o={};16&e&&(o.$$scope={dirty:e,ctx:t}),Ut.$set(o);const a={};16&e&&(a.$$scope={dirty:e,ctx:t}),Pt.$set(a);const c={};1&e&&(c.jsdoc=t[0]),Rt.$set(c)},i(t){Dt||(h(bt.$$.fragment,t),h(jt.$$.fragment,t),h(Vt.$$.fragment,t),h(St.$$.fragment,t),h(kt.$$.fragment,t),h(Ut.$$.fragment,t),h(Pt.$$.fragment,t),h(Rt.$$.fragment,t),Dt=!0)},o(t){y(bt.$$.fragment,t),y(jt.$$.fragment,t),y(Vt.$$.fragment,t),y(St.$$.fragment,t),y(kt.$$.fragment,t),y(Ut.$$.fragment,t),y(Pt.$$.fragment,t),y(Rt.$$.fragment,t),Dt=!1},d(t){v(bt,t),t&&f(e),v(jt,t),t&&f(n),t&&f(x),t&&f(w),t&&f(B),t&&f(E),t&&f(F),t&&f(b),v(Vt,t),t&&f(j),t&&f(U),t&&f(P),t&&f(R),t&&f(H),t&&f(N),t&&f(O),t&&f(M),t&&f(Y),v(St,t),t&&f(z),t&&f(q),t&&f(J),t&&f(K),t&&f(Q),t&&f(W),t&&f(_),t&&f(tt),t&&f(rt),v(kt,t),t&&f($t),t&&f(st),t&&f(ot),t&&f(at),t&&f(it),t&&f(pt),t&&f(dt),v(Ut,t),t&&f(gt),t&&f(ut),t&&f(yt),t&&f(vt),t&&f(wt),t&&f(Bt),t&&f(Et),v(Pt,t),t&&f(Ft),v(Rt,t)}}}async function vt(t,e){const n=await this.fetch("components/field.json");return{jsdoc:await n.json()}}const xt=(t,e)=>e+1;function wt(t,e,n){let{jsdoc:r}=e;return t.$set=(t=>{"jsdoc"in t&&n(0,r=t.jsdoc)}),[r]}export default class extends t{constructor(t){super(),e(this,t,wt,yt,n,{jsdoc:0})}}export{vt as preload};
//# sourceMappingURL=field.d31e142c.js.map