https://flowbite-svelte-v2.vercel.app/_app/immutable/nodes/62.DzUbif9I.js

1import"../chunks/UoE1nl1-.js";import{b7 as Se,bI as We,as as oe,Z as a,b2 as Ae,bA as o,bz as c,ax as e,bj as p,a5 as f,bs as l,av as ne,bv as d,bH as ie,a$ as i,bd as $}from"../chunks/6s5pDBy3.js";import{l as v}from"../chunks/CbF6fSk1.js";import{cK as _,T as g,O as Ie,$ as Re,bA as x,f as F,ce as w,o as Le}from"../chunks/B1WA_BlP.js";import{p as Te}from"../chunks/-qb3CGwF.js";import{u as qe}from"../chunks/DbE2JauD.js";import"../chunks/DWrUtX1b.js";import P from"../chunks/BFl5Lmv7.js";import{H as De,C as Fe,D as Je}from"../chunks/Ts1iAkI3.js";import{i as Me}from"../chunks/CaHgYmkw.js";import{M as Ue}from"../chunks/CCKK9mrr.js";var Ge=ne('<!> <!> <div class="mb-4 overflow-auto md:h-[200px]"><!></div> <div class="mb-4 flex flex-wrap space-x-4"><!> <!></div> <div class="mb-4 flex flex-wrap space-x-4"><!> <!></div> <div class="mb-4 flex flex-wrap space-x-2"><!> <!></div> <div class="mb-4 flex flex-wrap space-x-4"><!> <!></div> <div class="mb-4 flex flex-wrap space-x-4"><!> <!></div> <div class="mb-4 flex flex-wrap space-x-4"><!> <!></div> <div class="flex flex-wrap justify-center gap-2 md:justify-start"><!> <!> <!></div>',1),Ke=ne("<!> <!> <!>",1);function lt(ue,J){Se(J,!0);let pe="Paragraph builder",ce="A quick way to create Paragraph component",de="Paragraph builder",ve="builder";const fe=Object.keys(_.variants.size);let y=d("base");const $e=Object.keys(_.variants.weight);let k=d("normal");const ge=Object.keys(_.variants.space);let j=d("normal");const me=Object.keys(_.variants.height);let O=d("normal");const he=Object.keys(_.variants.align);let m=d("left");const be=Object.keys(_.variants.whitespace);let B=d("normal"),C=d(!1),h=d(!1),z=d(!1);const _e=()=>{p(z,!e(z))};let b=Te(J,"text",15,"");b("Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nulla eius debitis cupiditate tempora necessitatibus perspiciatis pariatur aspernatur.");let M=ie(()=>(()=>{let u=[];return e(y)!=="base"&&u.push(` size="${e(y)}"`),e(k)!=="normal"&&u.push(` weight="${e(k)}"`),e(j)!=="normal"&&u.push(` space="${e(j)}"`),e(O)!=="normal"&&u.push(` height="${e(O)}"`),e(m)!=="left"&&u.push(` align="${e(m)}"`),e(B)!=="normal"&&u.push(` whitespace="${e(B)}"`),e(z)&&u.push(" italic"),e(C)&&u.push(" firstUpper"),e(h)&&u.push(" justify"),`<P${u.length>0?u.map(W=>`
2  ${W}`).join("")+`
3`:""}>
4  ${b()}
5</P>`})()),xe=qe(),S=d(!1),we=ie(()=>Me(e(M)));const Pe=()=>{p(S,!e(S))};We(()=>{p(S,xe.isOpen,!0)});var U=Ke(),G=oe(U);Ue(G,{breadcrumb_title:pe,description:ce,title:de,dir:ve});var K=l(G,2);De(K,{children:(u,H)=>{i();var W=o("Paragraph Builder");a(u,W)},$$slots:{default:!0}});var ye=l(K,2);Fe(ye,{codeblock:H=>{Je(H,{handleExpandClick:Pe,get expand(){return e(S)},get showExpandButton(){return e(we)},get code(){return e(M)}})},children:(H,W)=>{var N=Ge(),Z=oe(N);g(Z,{class:"text-md mb-2",children:(r,s)=>{i();var t=o("Edit paragraph");a(r,t)},$$slots:{default:!0}});var Q=l(Z,2);Ie(Q,{type:"text",placeholder:"Write your blockquote text",class:"mb-8 pr-12",get value(){return b()},set value(s){b(s)},right:s=>{Le(s,{onclick:()=>b("")})},$$slots:{right:!0}});var A=l(Q,2),ke=f(A);Re(ke,{contenteditable:!0,get weight(){return e(k)},get size(){return e(y)},get space(){return e(j)},get height(){return e(O)},get align(){return e(m)},get whitespace(){return e(B)},get italic(){return e(z)},get firstUpper(){return e(C)},get justify(){return e(h)},children:(r,s)=>{i();var t=o();c(()=>v(t,b())),a(r,t)},$$slots:{default:!0}}),$(A);var I=l(A,2),V=f(I);g(V,{class:"mb-4 w-full font-bold",children:(r,s)=>{i();var t=o("Size");a(r,t)},$$slots:{default:!0}});var je=l(V,2);x(je,17,()=>fe,w,(r,s)=>{P(r,{class:"my-1",classes:{label:"w-12"},name:"p_size",get value(){return e(s)},get group(){return e(y)},set group(t){p(y,t,!0)},children:(t,E)=>{i();var n=o();c(()=>v(n,e(s))),a(t,n)},$$slots:{default:!0}})}),$(I);var R=l(I,2),X=f(R);g(X,{class:"mb-4 w-full font-bold",children:(r,s)=>{i();var t=o("Weight");a(r,t)},$$slots:{default:!0}});var Oe=l(X,2);x(Oe,17,()=>$e,w,(r,s)=>{P(r,{class:"my-1",classes:{label:"w-20"},name:"p_weight",get value(){return e(s)},get group(){return e(k)},set group(t){p(k,t,!0)},children:(t,E)=>{i();var n=o();c(()=>v(n,e(s))),a(t,n)},$$slots:{default:!0}})}),$(R);var L=l(R,2),Y=f(L);g(Y,{class:"mb-4 w-full font-bold",children:(r,s)=>{i();var t=o("Space(Tracking)");a(r,t)},$$slots:{default:!0}});var Be=l(Y,2);x(Be,17,()=>ge,w,(r,s)=>{P(r,{class:"my-1",classes:{label:"w-20"},name:"p_space",get value(){return e(s)},get group(){return e(j)},set group(t){p(j,t,!0)},children:(t,E)=>{i();var n=o();c(()=>v(n,e(s))),a(t,n)},$$slots:{default:!0}})}),$(L);var T=l(L,2),ee=f(T);g(ee,{class:"mb-4 w-full font-bold",children:(r,s)=>{i();var t=o("Height(Leading)");a(r,t)},$$slots:{default:!0}});var Ce=l(ee,2);x(Ce,17,()=>me,w,(r,s)=>{P(r,{class:"my-1",classes:{label:"w-16"},name:"p_height",get value(){return e(s)},get group(){return e(O)},set group(t){p(O,t,!0)},children:(t,E)=>{i();var n=o();c(()=>v(n,e(s))),a(t,n)},$$slots:{default:!0}})}),$(T);var q=l(T,2),te=f(q);g(te,{class:"mb-4 w-full font-bold",children:(r,s)=>{i();var t=o("Alignment");a(r,t)},$$slots:{default:!0}});var ze=l(te,2);x(ze,17,()=>he,w,(r,s)=>{P(r,{class:"my-1",classes:{label:"w-20"},name:"p_align",onchange:()=>p(h,!1),get value(){return e(s)},get group(){return e(m)},set group(t){p(m,t,!0)},children:(t,E)=>{i();var n=o();c(()=>v(n,e(s))),a(t,n)},$$slots:{default:!0}})}),$(q);var D=l(q,2),re=f(D);g(re,{class:"mb-4 w-full font-bold",children:(r,s)=>{i();var t=o("Whitespace");a(r,t)},$$slots:{default:!0}});var He=l(re,2);x(He,17,()=>be,w,(r,s)=>{P(r,{class:"my-1",classes:{label:"w-16"},name:"p_whitespace",get value(){return e(s)},get group(){return e(B)},set group(t){p(B,t,!0)},children:(t,E)=>{i();var n=o();c(()=>v(n,e(s))),a(t,n)},$$slots:{default:!0}})}),$(D);var se=l(D,2),ae=f(se);F(ae,{class:"w-40",onclick:()=>p(C,!e(C)),children:(r,s)=>{i();var t=o();c(()=>v(t,e(C)?"Remove upper":"First upper")),a(r,t)},$$slots:{default:!0}});var le=l(ae,2);F(le,{class:"w-40",color:"success",onclick:()=>{p(h,!e(h)),p(m,"left")},children:(r,s)=>{i();var t=o();c(()=>v(t,e(h)?"Remove justify":"Justify")),a(r,t)},$$slots:{default:!0}});var Ee=l(le,2);

5F(Ee,{class:"w-40",color:"warning",onclick:_e,children:(r,s)=>{i();var t=o();c(()=>v(t,e(z)?"Remove italic":"Italic")),a(r,t)},$$slots:{default:!0}}),$(se),a(H,N)},$$slots:{codeblock:!0,default:!0}}),a(ue,U),Ae()}export{lt as component};